/* ═══════════════════════════════════════════════════
   MySocial24 — Template Styles  ver=1.2
   LTR / English layout
═══════════════════════════════════════════════════ */

/* ── Reset / Base ─────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }
body { font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, Arial, sans-serif; color: #1e293b; background: #f8fafc; }
a { text-decoration: none; color: inherit; }
img { max-width: 100%; }

/* ── CSS Variables ────────────────────────────── */
:root {
    --ms-primary:    #4f46e5;
    --ms-primary-d:  #3730a3;
    --ms-accent:     #06b6d4;
    --ms-dark:       #0f172a;
    --ms-card-bg:    #ffffff;
    --ms-border:     #e2e8f0;
    --ms-text:       #1e293b;
    --ms-text-muted: #64748b;
    --ms-radius:     12px;
    --ms-shadow:     0 2px 16px rgba(79,70,229,.10);
}

/* ── Navbar ───────────────────────────────────── */
.ms-nav {
    position: sticky; top: 0; z-index: 1000;
    background: rgba(15,23,42,.96);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(255,255,255,.08);
    padding: 0 1rem;
}
.ms-nav .container { display: flex; align-items: center; justify-content: space-between; height: 64px; }
.ms-nav-brand img { height: 36px; }
.ms-nav-links { display: flex; gap: 0; list-style: none; margin: 0; padding: 0; }
.ms-nav-links a { display: block; padding: 0 14px; line-height: 64px; color: #cbd5e1; font-size: .88rem; font-weight: 500; transition: color .2s; white-space: nowrap; }
.ms-nav-links a:hover { color: #fff; }
.ms-nav-actions { display: flex; align-items: center; gap: 10px; }
.ms-btn-track  { padding: 6px 16px; border-radius: 8px; border: 1px solid rgba(255,255,255,.2); color: #e2e8f0; font-size: .83rem; transition: all .2s; }
.ms-btn-track:hover { background: rgba(255,255,255,.08); color: #fff; }
.ms-btn-login  { padding: 6px 18px; border-radius: 8px; background: var(--ms-primary); color: #fff; font-size: .83rem; font-weight: 600; transition: background .2s; }
.ms-btn-login:hover { background: var(--ms-primary-d); }
.ms-toggler { display: none; background: none; border: none; color: #e2e8f0; font-size: 1.4rem; cursor: pointer; }

@media (max-width: 991px) {
    .ms-nav-links { display: none; }
    .ms-toggler { display: block; }
    .ms-nav-links.open { display: flex; flex-direction: column; position: absolute; top: 64px; left: 0; right: 0; background: #0f172a; border-top: 1px solid rgba(255,255,255,.08); padding: .5rem 0; }
    .ms-nav-links.open a { line-height: 1; padding: 12px 20px; }
}

/* ── Hero ─────────────────────────────────────── */
.ms-hero {
    background: linear-gradient(135deg, #0f172a 0%, #1e1b4b 60%, #0f172a 100%);
    padding: 90px 0 70px;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.ms-hero::before {
    content: '';
    position: absolute; inset: 0;
    background: radial-gradient(ellipse 80% 60% at 50% 0%, rgba(79,70,229,.3) 0%, transparent 70%);
}
.ms-hero-eyebrow { display: inline-block; background: rgba(79,70,229,.2); border: 1px solid rgba(79,70,229,.4); color: #a5b4fc; font-size: .8rem; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; padding: 5px 14px; border-radius: 20px; margin-bottom: 20px; }
.ms-hero h1 { font-size: clamp(2rem, 5vw, 3.2rem); font-weight: 800; color: #fff; line-height: 1.2; margin-bottom: 18px; position: relative; }
.ms-hero h1 span { color: #818cf8; }
.ms-hero p { font-size: 1.1rem; color: #94a3b8; max-width: 560px; margin: 0 auto 32px; position: relative; }
.ms-hero-btns { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; position: relative; }
.ms-hero-btn-primary { padding: 13px 32px; background: var(--ms-primary); color: #fff; border-radius: 10px; font-weight: 700; font-size: 1rem; transition: all .2s; box-shadow: 0 4px 20px rgba(79,70,229,.4); }
.ms-hero-btn-primary:hover { background: var(--ms-primary-d); transform: translateY(-2px); }
.ms-hero-btn-outline { padding: 13px 28px; border: 1px solid rgba(255,255,255,.2); color: #e2e8f0; border-radius: 10px; font-weight: 600; font-size: 1rem; transition: all .2s; }
.ms-hero-btn-outline:hover { background: rgba(255,255,255,.08); }
.ms-hero-stats { display: flex; justify-content: center; gap: 40px; margin-top: 52px; flex-wrap: wrap; position: relative; }
.ms-hero-stat-value { display: block; font-size: 1.6rem; font-weight: 800; color: #fff; }
.ms-hero-stat-label { font-size: .82rem; color: #64748b; }

/* ── Service cards ────────────────────────────── */
.ms-services { padding: 70px 0 50px; }
.ms-section-title { text-align: center; font-size: 1.8rem; font-weight: 800; color: var(--ms-dark); margin-bottom: 8px; }
.ms-section-sub  { text-align: center; color: var(--ms-text-muted); margin-bottom: 40px; }
.ms-service-card { background: var(--ms-card-bg); border: 1px solid var(--ms-border); border-radius: var(--ms-radius); padding: 30px 24px; transition: all .25s; cursor: pointer; height: 100%; }
.ms-service-card:hover { box-shadow: var(--ms-shadow); transform: translateY(-4px); border-color: var(--ms-primary); }
.ms-service-icon { width: 52px; height: 52px; border-radius: 14px; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; margin-bottom: 16px; }
.ms-service-icon-follower { background: #ede9fe; color: var(--ms-primary); }
.ms-service-icon-like      { background: #fce7f3; color: #ec4899; }
.ms-service-icon-view      { background: #e0f2fe; color: #0284c7; }
.ms-service-icon-comment   { background: #dcfce7; color: #16a34a; }
.ms-service-card h3 { font-size: 1.1rem; font-weight: 700; margin-bottom: 8px; color: var(--ms-dark); }
.ms-service-card p  { font-size: .87rem; color: var(--ms-text-muted); margin-bottom: 16px; line-height: 1.6; }
.ms-service-links a { display: block; font-size: .85rem; color: var(--ms-primary); padding: 4px 0; transition: color .15s; }
.ms-service-links a:hover { color: var(--ms-primary-d); }

/* ── Why us ───────────────────────────────────── */
.ms-why { padding: 60px 0; background: #fff; }
.ms-why-card { display: flex; gap: 16px; align-items: flex-start; padding: 20px; border-radius: var(--ms-radius); border: 1px solid var(--ms-border); height: 100%; }
.ms-why-icon { width: 44px; height: 44px; background: #ede9fe; color: var(--ms-primary); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; flex-shrink: 0; }
.ms-why-body h4 { font-size: .95rem; font-weight: 700; margin-bottom: 4px; }
.ms-why-body p  { font-size: .83rem; color: var(--ms-text-muted); margin: 0; line-height: 1.5; }

/* ══════════════════════════════════════════════════
   irf-pkg-* Package Cards — LTR adapted for mysocial24
   ══════════════════════════════════════════════════ */

/* ── layout ── */
.irf-pkg-row { display:flex; flex-wrap:wrap; justify-content:center; }
.irf-pkg-col { flex:0 0 20%; max-width:20%; padding:0 5px; margin-bottom:28px; }

/* ── card ── */
.irf-pkg-card {
    background:#fff; border-radius:20px;
    box-shadow:0 4px 20px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.04);
    padding:0 18px 22px; text-align:center;
    display:flex; flex-direction:column; align-items:center; height:100%;
    transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease;
    position:relative; overflow:hidden; border:1px solid rgba(0,0,0,.04);
}
.irf-pkg-card:hover { transform:translateY(-8px); box-shadow:0 20px 40px rgba(0,0,0,.1),0 2px 6px rgba(0,0,0,.04); }

/* ── header ── */
.irf-pkg-header {
    width:calc(100% + 36px); margin:0 -18px; padding:28px 16px 30px;
    border-radius:18px 18px 0 0; position:relative;
    display:flex; flex-direction:column; align-items:center; justify-content:center;
    gap:10px; margin-bottom:5px; z-index:1;
    clip-path:ellipse(142% 92% at 50% 0%); overflow:hidden;
}
.irf-pkg-header::before {
    content:''; position:absolute; inset:-95px;
    background-repeat:repeat; background-size:95px 95px;
    opacity:.12; z-index:0; pointer-events:none;
    animation:pkgIconFloat1 18s linear infinite;
}
.irf-pkg-header::after {
    content:''; position:absolute; inset:-82px;
    background-repeat:repeat; background-size:82px 82px;
    opacity:.08; z-index:0; pointer-events:none;
    animation:pkgIconFloat2 22s linear infinite;
}

/* gradients per type */
.irf-pkg-follower .irf-pkg-header { background:linear-gradient(135deg,#fdc48a 0%,#fba858 40%,#f97316 100%); }
.irf-pkg-follower .irf-pkg-header::before { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='105' height='105'%3E%3Ccircle cx='75' cy='65' r='7' fill='white'/%3E%3Cpath d='M62 86c0-6 6-10 13-10s13 4 13 10' fill='white'/%3E%3C/svg%3E"); }
.irf-pkg-follower .irf-pkg-header::after  { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='91' height='91'%3E%3Ccircle cx='58' cy='57' r='5.5' fill='white'/%3E%3Cpath d='M48 72c0-5 4.5-8 10-8s10 3 10 8' fill='white'/%3E%3Crect x='76' y='59' width='2.5' height='10' rx='1.25' fill='white'/%3E%3Crect x='72' y='62.5' width='10' height='2.5' rx='1.25' fill='white'/%3E%3C/svg%3E"); }

.irf-pkg-like .irf-pkg-header { background:linear-gradient(135deg,#f9b8d8 0%,#f48dc5 40%,#ec4899 100%); }
.irf-pkg-like .irf-pkg-header::before { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='105' height='105'%3E%3Cpath fill='white' d='M75 88l-1-1C67 81 63 78 63 74c0-3 2.3-5.5 5.2-5.5 1.6 0 3.2.8 4.3 2L75 73l2.5-2.5c1.1-1.2 2.7-2 4.3-2 2.9 0 5.2 2.5 5.2 5.5 0 4-4 7-10.5 12.8L75 88z'/%3E%3C/svg%3E"); }
.irf-pkg-like .irf-pkg-header::after  { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='91' height='91'%3E%3Cpath fill='white' d='M65 78l-.8-.8C59 73 56 71 56 67.5c0-2.5 2-4.5 4.3-4.5 1.3 0 2.6.6 3.5 1.6L65 66l2.2-1.4c.9-1 2.2-1.6 3.5-1.6 2.3 0 4.3 2 4.3 4.5 0 3.5-3 5.8-8.7 10.7L65 78z'/%3E%3C/svg%3E"); }

.irf-pkg-view .irf-pkg-header { background:linear-gradient(135deg,#ccc0fd 0%,#b5a0fc 40%,#8b5cf6 100%); }
.irf-pkg-view .irf-pkg-header::before { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='105' height='105'%3E%3Cellipse cx='75' cy='75' rx='13' ry='8' fill='none' stroke='white' stroke-width='2'/%3E%3Ccircle cx='75' cy='75' r='4.5' fill='white'/%3E%3C/svg%3E"); }
.irf-pkg-view .irf-pkg-header::after  { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='91' height='91'%3E%3Cellipse cx='65' cy='65' rx='11' ry='7' fill='none' stroke='white' stroke-width='1.5'/%3E%3Ccircle cx='65' cy='65' r='3.5' fill='white'/%3E%3C/svg%3E"); }

.irf-pkg-storyview .irf-pkg-header { background:linear-gradient(135deg,#6eecd8 0%,#40dfc9 40%,#14b8a6 100%); }
.irf-pkg-storyview .irf-pkg-header::before { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='105' height='105'%3E%3Ccircle cx='75' cy='75' r='12' fill='none' stroke='white' stroke-width='2'/%3E%3Cpolygon points='71,67 71,83 83,75' fill='white'/%3E%3C/svg%3E"); }
.irf-pkg-storyview .irf-pkg-header::after  { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='91' height='91'%3E%3Ccircle cx='65' cy='65' r='10' fill='none' stroke='white' stroke-width='1.5'/%3E%3Cpolygon points='62,58 62,72 72,65' fill='white'/%3E%3C/svg%3E"); }

.irf-pkg-comment .irf-pkg-header { background:linear-gradient(135deg,#a0cbfd 0%,#7ab4fc 40%,#3b82f6 100%); }
.irf-pkg-comment .irf-pkg-header::before { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='105' height='105'%3E%3Cpath fill='white' d='M64 66h22c1.3 0 2.5 1.1 2.5 2.5v13c0 1.4-1.2 2.5-2.5 2.5H76l-4.5 4.5V84H66c-1.3 0-2.5-1.1-2.5-2.5v-13c0-1.4 1.2-2.5 2.5-2.5z'/%3E%3C/svg%3E"); }
.irf-pkg-comment .irf-pkg-header::after  { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='91' height='91'%3E%3Cpath fill='white' d='M55 58h20c1.1 0 2 .9 2 2v11c0 1.1-.9 2-2 2H66l-4 4V73h-7c-1.1 0-2-.9-2-2V60c0-1.1.9-2 2-2z'/%3E%3C/svg%3E"); }

/* ── keyframes ── */
@keyframes pkgIconFloat1 { from { transform:translateY(0); } to { transform:translateY(-95px); } }
@keyframes pkgIconFloat2 { from { transform:translateX(0); } to { transform:translateX(82px); } }

/* ── icon circle ── */
.irf-pkg-icon {
    width:55px; height:55px; border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    font-size:21px; flex-shrink:0;
    background:rgba(255,255,255,.9);
    box-shadow:0 6px 20px rgba(0,0,0,.12),0 0 0 3px rgba(255,255,255,.4);
    position:relative; z-index:2;
    transition:transform .35s ease,box-shadow .35s ease;
}
.irf-pkg-card:hover .irf-pkg-icon { transform:scale(1.08); }
.irf-pkg-icon::before { content:''; position:absolute; inset:-5px; border-radius:50%; border:2px solid rgba(255,255,255,.45); transition:all .35s ease; }
.irf-pkg-card:hover .irf-pkg-icon::before { inset:-7px; border-color:rgba(255,255,255,.65); }
.irf-pkg-follower  .irf-pkg-icon { color:#ea580c; }
.irf-pkg-follower:hover .irf-pkg-icon { box-shadow:0 8px 28px rgba(249,115,22,.3),0 0 0 3px rgba(255,255,255,.4); }
.irf-pkg-like      .irf-pkg-icon { color:#db2777; }
.irf-pkg-like:hover .irf-pkg-icon { box-shadow:0 8px 28px rgba(236,72,153,.3),0 0 0 3px rgba(255,255,255,.4); }
.irf-pkg-view      .irf-pkg-icon { color:#7c3aed; }
.irf-pkg-view:hover .irf-pkg-icon { box-shadow:0 8px 28px rgba(139,92,246,.3),0 0 0 3px rgba(255,255,255,.4); }
.irf-pkg-storyview .irf-pkg-icon { color:#0d9488; }
.irf-pkg-storyview:hover .irf-pkg-icon { box-shadow:0 8px 28px rgba(20,184,166,.3),0 0 0 3px rgba(255,255,255,.4); }
.irf-pkg-comment   .irf-pkg-icon { color:#2563eb; }
.irf-pkg-comment:hover .irf-pkg-icon { box-shadow:0 8px 28px rgba(59,130,246,.3),0 0 0 3px rgba(255,255,255,.4); }

/* ── name (LTR: Inter font) ── */
.irf-pkg-name {
    font-family:'Inter','Segoe UI',sans-serif;
    font-size:17px; font-weight:700; color:#fff !important;
    margin:5px 0 0; line-height:1.4; letter-spacing:.3px;
    text-shadow:0 1px 6px rgba(0,0,0,.15); position:relative; z-index:2;
}

/* ── features list (LTR: padding-left, left:0) ── */
.irf-pkg-features { list-style:none; padding:0; margin:0 0 auto; text-align:left; width:100%; }
.irf-pkg-features ul, .irf-pkg-features ol { list-style:none; padding:0; margin:0; text-align:left; }
.irf-pkg-features li { font-size:14px; color:#64748b; padding:3px 0 3px 18px; line-height:1.7; position:relative; }
.irf-pkg-features li::before { content:'\e64c'; font-family:'themify'; position:absolute; left:0; top:5px; font-size:9px; color:#22c55e; }

/* ── price ── */
.irf-pkg-price {
    width:calc(100% + 36px); margin-left:-18px; margin-right:-18px;
    padding:14px 18px 10px; margin-top:10px; margin-bottom:12px;
    background:#f8fafc; border-radius:12px;
}
.irf-pkg-discount-badge { display:inline-block; font-size:11px; font-weight:700; color:#fff; background:linear-gradient(135deg,#f43f5e,#e11d48); padding:3px 12px; border-radius:20px; margin-bottom:6px; letter-spacing:.3px; }
.irf-pkg-old-price { display:block; font-size:16px; color:#dc2626; text-decoration:line-through; margin-bottom:2px; }
.irf-pkg-current-price { font-size:24px; font-weight:900; color:#0f172a; line-height:1.3; }
.irf-pkg-current-price small { font-size:13px; font-weight:500; color:#64748b; }
.irf-pkg-discounted { color:#0f172a; }
.irf-pkg-discounted small { color:#64748b; }

/* ── order button ── */
.irf-pkg-btn {
    display:block; width:100%; padding:11px 16px;
    font-size:14px; font-weight:700; color:#fff;
    border:none; border-radius:12px; text-decoration:none; text-align:center;
    transition:all .25s ease; cursor:pointer; letter-spacing:.3px;
}
.irf-pkg-follower  .irf-pkg-btn { background:linear-gradient(135deg,#f97316,#ea580c); box-shadow:0 4px 12px rgba(249,115,22,.3); }
.irf-pkg-like      .irf-pkg-btn { background:linear-gradient(135deg,#ec4899,#db2777); box-shadow:0 4px 12px rgba(236,72,153,.3); }
.irf-pkg-view      .irf-pkg-btn { background:linear-gradient(135deg,#8b5cf6,#7c3aed); box-shadow:0 4px 12px rgba(139,92,246,.3); }
.irf-pkg-storyview .irf-pkg-btn { background:linear-gradient(135deg,#14b8a6,#0d9488); box-shadow:0 4px 12px rgba(20,184,166,.3); }
.irf-pkg-comment   .irf-pkg-btn { background:linear-gradient(135deg,#3b82f6,#2563eb); box-shadow:0 4px 12px rgba(59,130,246,.3); }
.irf-pkg-btn:hover { filter:brightness(1.1); color:#fff; transform:translateY(-2px); }
.irf-pkg-follower  .irf-pkg-btn:hover { box-shadow:0 8px 24px rgba(249,115,22,.4); }
.irf-pkg-like      .irf-pkg-btn:hover { box-shadow:0 8px 24px rgba(236,72,153,.4); }
.irf-pkg-view      .irf-pkg-btn:hover { box-shadow:0 8px 24px rgba(139,92,246,.4); }
.irf-pkg-storyview .irf-pkg-btn:hover { box-shadow:0 8px 24px rgba(20,184,166,.4); }
.irf-pkg-comment   .irf-pkg-btn:hover { box-shadow:0 8px 24px rgba(59,130,246,.4); }
.irf-pkg-btn-inactive { background:#cbd5e1 !important; box-shadow:none !important; }
.irf-pkg-btn-inactive:hover { filter:none; box-shadow:none !important; transform:none; }

/* ── package group heading ── */
.irf-pkg-group-title { font-size:1.3rem; font-weight:800; color:var(--ms-dark); margin-bottom:6px; }

/* ── responsive 991px ── */
@media (max-width:991px) {
    .irf-pkg-col { flex:0 0 33.333%; max-width:33.333%; }
}

/* ── mobile cards (LTR: border-left accent, inset from left) ── */
@media (max-width:575px) {
    .irf-pkg-row { gap:10px; }
    .irf-pkg-col { flex:0 0 100%; max-width:100%; padding:0; margin-bottom:0; }
    .irf-pkg-card {
        display:flex !important; flex-direction:row !important; flex-wrap:wrap !important;
        align-items:center; padding:0 !important; border-radius:14px !important; overflow:hidden;
        background:#fff !important; box-shadow:0 1px 4px rgba(0,0,0,.05),0 4px 14px rgba(0,0,0,.04);
        border:1px solid rgba(0,0,0,.06);
        border-left:3.5px solid transparent; /* LTR accent on left */
        position:relative;
    }
    .irf-pkg-card::before { content:''; position:absolute; width:70px; height:70px; border-radius:50%; top:-25px; right:-10px; z-index:0; pointer-events:none; }
    .irf-pkg-card::after  { content:''; position:absolute; width:40px; height:40px; border-radius:50%; bottom:-12px; left:35%; z-index:0; pointer-events:none; }
    .irf-pkg-card:hover { transform:none; box-shadow:0 1px 4px rgba(0,0,0,.05),0 4px 14px rgba(0,0,0,.04); }

    /* LTR accent borders + left-side glow */
    .irf-pkg-follower  { border-left-color:#f97316 !important; box-shadow:inset 20px 0 30px -12px rgba(249,115,22,.15),0 1px 4px rgba(0,0,0,.05),0 4px 14px rgba(0,0,0,.04) !important; }
    .irf-pkg-follower::before { background:rgba(249,115,22,.08); }
    .irf-pkg-follower::after  { background:rgba(249,115,22,.06); }
    .irf-pkg-like      { border-left-color:#ec4899 !important; box-shadow:inset 20px 0 30px -12px rgba(236,72,153,.15),0 1px 4px rgba(0,0,0,.05),0 4px 14px rgba(0,0,0,.04) !important; }
    .irf-pkg-like::before { background:rgba(236,72,153,.08); }
    .irf-pkg-like::after  { background:rgba(236,72,153,.06); }
    .irf-pkg-view      { border-left-color:#8b5cf6 !important; box-shadow:inset 20px 0 30px -12px rgba(139,92,246,.15),0 1px 4px rgba(0,0,0,.05),0 4px 14px rgba(0,0,0,.04) !important; }
    .irf-pkg-view::before { background:rgba(139,92,246,.08); }
    .irf-pkg-view::after  { background:rgba(139,92,246,.06); }
    .irf-pkg-storyview { border-left-color:#14b8a6 !important; box-shadow:inset 20px 0 30px -12px rgba(20,184,166,.15),0 1px 4px rgba(0,0,0,.05),0 4px 14px rgba(0,0,0,.04) !important; }
    .irf-pkg-storyview::before { background:rgba(20,184,166,.08); }
    .irf-pkg-storyview::after  { background:rgba(20,184,166,.06); }
    .irf-pkg-comment   { border-left-color:#3b82f6 !important; box-shadow:inset 20px 0 30px -12px rgba(59,130,246,.15),0 1px 4px rgba(0,0,0,.05),0 4px 14px rgba(0,0,0,.04) !important; }
    .irf-pkg-comment::before { background:rgba(59,130,246,.08); }
    .irf-pkg-comment::after  { background:rgba(59,130,246,.06); }

    /* row 1: icon + name */
    .irf-pkg-header {
        flex:0 0 100% !important; width:100% !important; margin:0 !important;
        padding:12px 14px 8px !important; border-radius:0 !important;
        flex-direction:row !important; align-items:center !important; justify-content:flex-start !important;
        position:relative; z-index:1; gap:10px !important;
        background:none !important; box-shadow:none !important;
        overflow:visible !important; clip-path:none !important; margin-bottom:0 !important;
    }
    .irf-pkg-header::before, .irf-pkg-header::after { display:none; }

    .irf-pkg-icon { width:38px !important; height:38px !important; min-width:38px; border-radius:10px !important; font-size:17px !important; box-shadow:none !important; }
    .irf-pkg-icon::before { display:none; }
    .irf-pkg-follower  .irf-pkg-icon { background:#ffedd5 !important; color:#ea580c !important; }
    .irf-pkg-like      .irf-pkg-icon { background:#fce7f3 !important; color:#db2777 !important; }
    .irf-pkg-view      .irf-pkg-icon { background:#ede9fe !important; color:#7c3aed !important; }
    .irf-pkg-storyview .irf-pkg-icon { background:#ccfbf1 !important; color:#0d9488 !important; }
    .irf-pkg-comment   .irf-pkg-icon { background:#dbeafe !important; color:#2563eb !important; }

    /* LTR name */
    .irf-pkg-name { font-size:14px !important; font-family:'Inter','Segoe UI',sans-serif !important; font-weight:700 !important; color:#1e293b !important; text-shadow:none !important; text-align:left; white-space:nowrap; line-height:1.4; }

    .irf-pkg-features { display:none !important; }

    /* row 2: price + button */
    .irf-pkg-price { flex:1 !important; width:auto !important; margin:0 !important; padding:4px 14px 12px !important; background:transparent !important; border-radius:0 !important; text-align:left; display:flex; flex-direction:row; align-items:center; position:relative; z-index:1; gap:6px; flex-wrap:wrap; }
    .irf-pkg-old-price { order:1; font-size:14px; margin-bottom:0; color:#a1a1aa; text-decoration:line-through; }
    .irf-pkg-discount-badge { order:2; font-size:9.5px; padding:2px 8px; margin-bottom:0; background:linear-gradient(135deg,#ef4444,#dc2626) !important; }
    .irf-pkg-current-price { order:3; flex:0 0 100%; font-size:17px !important; font-weight:900; }
    .irf-pkg-current-price small { font-size:10px !important; font-weight:500; color:#71717a; }
    .irf-pkg-follower  .irf-pkg-current-price { color:#c2410c !important; }
    .irf-pkg-like      .irf-pkg-current-price { color:#be185d !important; }
    .irf-pkg-view      .irf-pkg-current-price { color:#6d28d9 !important; }
    .irf-pkg-storyview .irf-pkg-current-price { color:#0f766e !important; }
    .irf-pkg-comment   .irf-pkg-current-price { color:#1d4ed8 !important; }

    .irf-pkg-btn { width:auto !important; padding:10px 28px !important; font-size:13.5px !important; font-weight:700; border-radius:10px !important; margin:4px 14px 12px 14px !important; white-space:nowrap; flex-shrink:0; }
    .irf-pkg-follower  .irf-pkg-btn { background:linear-gradient(135deg,#fb923c,#ea580c) !important; box-shadow:0 3px 10px rgba(249,115,22,.25) !important; }
    .irf-pkg-like      .irf-pkg-btn { background:linear-gradient(135deg,#f472b6,#db2777) !important; box-shadow:0 3px 10px rgba(236,72,153,.25) !important; }
    .irf-pkg-view      .irf-pkg-btn { background:linear-gradient(135deg,#a78bfa,#7c3aed) !important; box-shadow:0 3px 10px rgba(139,92,246,.25) !important; }
    .irf-pkg-storyview .irf-pkg-btn { background:linear-gradient(135deg,#2dd4bf,#0d9488) !important; box-shadow:0 3px 10px rgba(20,184,166,.25) !important; }
    .irf-pkg-comment   .irf-pkg-btn { background:linear-gradient(135deg,#60a5fa,#2563eb) !important; box-shadow:0 3px 10px rgba(59,130,246,.25) !important; }
    .irf-pkg-btn-inactive { background:#e4e4e7 !important; color:#a1a1aa !important; box-shadow:none !important; }
}

@media (max-width:380px) {
    .irf-pkg-name { font-size:13px !important; }
    .irf-pkg-current-price { font-size:15px !important; }
    .irf-pkg-btn { padding:7px 16px !important; font-size:12px !important; }
}

/* ══════════════════════════════════════════════════
   Package detail modal — LTR adapted
   ══════════════════════════════════════════════════ */
.irf-pkg-modal-overlay {
    position:fixed; inset:0; z-index:9999; background:rgba(0,0,0,.45);
    display:flex; align-items:flex-end; justify-content:center;
    opacity:0; visibility:hidden; transition:opacity .3s ease,visibility .3s ease;
}
.irf-pkg-modal-overlay.active { opacity:1; visibility:visible; }

.irf-pkg-modal {
    background:#fff; border-radius:24px 24px 0 0;
    width:100%; max-width:500px; max-height:85vh; overflow-y:auto;
    padding:0 20px 24px;
    transform:translateY(100%); transition:transform .35s cubic-bezier(.16,1,.3,1);
    position:relative;
}
.irf-pkg-modal-overlay.active .irf-pkg-modal { transform:translateY(0); }

/* LTR: close button top-right */
.irf-pkg-modal-close {
    position:absolute; top:14px; right:14px;
    width:32px; height:32px; border-radius:50%; border:none;
    background:rgba(0,0,0,.06); font-size:20px; line-height:1; cursor:pointer;
    display:flex; align-items:center; justify-content:center;
    color:#64748b; transition:background .2s; z-index:2;
}
.irf-pkg-modal-close:hover { background:rgba(0,0,0,.1); }

.irf-pkg-modal-header {
    display:flex; flex-direction:column; align-items:center; gap:10px;
    padding:20px 16px 16px; margin:0 -20px; border-radius:24px 24px 0 0;
}
.irf-pkg-modal-header.irf-pkg-follower  { background:linear-gradient(135deg,#fdba74,#fb923c,#f97316); }
.irf-pkg-modal-header.irf-pkg-like      { background:linear-gradient(135deg,#f9a8d4,#f472b6,#ec4899); }
.irf-pkg-modal-header.irf-pkg-view      { background:linear-gradient(135deg,#c4b5fd,#a78bfa,#8b5cf6); }
.irf-pkg-modal-header.irf-pkg-storyview { background:linear-gradient(135deg,#5eead4,#2dd4bf,#14b8a6); }
.irf-pkg-modal-header.irf-pkg-comment   { background:linear-gradient(135deg,#93c5fd,#60a5fa,#3b82f6); }
.irf-pkg-modal-header .irf-pkg-icon { width:56px; height:56px; font-size:24px; }

/* LTR: Inter font for modal title */
.irf-pkg-modal-title { font-family:'Inter','Segoe UI',sans-serif; font-size:18px; font-weight:700; color:#fff; margin:0; text-shadow:0 1px 4px rgba(0,0,0,.15); }

/* LTR: features list left-aligned */
.irf-pkg-modal-features { list-style:none; padding:16px 0; margin:0; text-align:left; }
.irf-pkg-modal-features ul, .irf-pkg-modal-features ol { list-style:none; padding:0; margin:0; text-align:left; }
.irf-pkg-modal-features li { font-size:16px; color:#475569; padding:5px 0 5px 22px; line-height:1.9; position:relative; }
.irf-pkg-modal-features li::before { content:'\e64c'; font-family:'themify'; position:absolute; left:0; top:9px; font-size:11px; color:#22c55e; }

.irf-pkg-modal-price {
    text-align:center; padding:16px; margin:0 -20px;
    background:#f8fafc; border-top:1px solid rgba(0,0,0,.04); border-bottom:1px solid rgba(0,0,0,.04);
}
.irf-pkg-modal-price .irf-pkg-current-price { font-size:28px; color:#0f172a; }
.irf-pkg-modal-price .irf-pkg-old-price { font-size:15px; }
.irf-pkg-modal-price .irf-pkg-discount-badge { font-size:11px; }

.irf-pkg-modal-btn {
    display:block; width:100%; padding:14px; margin-bottom:16px;
    font-size:16px; font-weight:700; color:#fff; border:none; border-radius:14px;
    text-decoration:none; text-align:center; transition:all .2s;
}
.irf-pkg-modal-btn.irf-pkg-follower  { background:linear-gradient(135deg,#fb923c,#ea580c); box-shadow:0 4px 14px rgba(249,115,22,.3); }
.irf-pkg-modal-btn.irf-pkg-like      { background:linear-gradient(135deg,#f472b6,#db2777); box-shadow:0 4px 14px rgba(236,72,153,.3); }
.irf-pkg-modal-btn.irf-pkg-view      { background:linear-gradient(135deg,#a78bfa,#7c3aed); box-shadow:0 4px 14px rgba(139,92,246,.3); }
.irf-pkg-modal-btn.irf-pkg-storyview { background:linear-gradient(135deg,#2dd4bf,#0d9488); box-shadow:0 4px 14px rgba(20,184,166,.3); }
.irf-pkg-modal-btn.irf-pkg-comment   { background:linear-gradient(135deg,#60a5fa,#2563eb); box-shadow:0 4px 14px rgba(59,130,246,.3); }
.irf-pkg-modal-btn:hover { color:#fff; filter:brightness(1.08); transform:translateY(-1px); }

/* ── CTA Banner ───────────────────────────────── */
.ms-cta { padding: 60px 0; background: linear-gradient(135deg, var(--ms-primary) 0%, var(--ms-accent) 100%); text-align: center; }
.ms-cta h2 { color: #fff; font-size: 1.7rem; font-weight: 800; margin-bottom: 10px; }
.ms-cta p  { color: rgba(255,255,255,.85); margin-bottom: 28px; }
.ms-cta-btn { display: inline-block; padding: 13px 36px; background: #fff; color: var(--ms-primary); border-radius: 10px; font-weight: 700; font-size: 1rem; transition: all .2s; }
.ms-cta-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 24px rgba(0,0,0,.15); }

/* ── Footer ───────────────────────────────────── */
.ms-footer { background: #0f172a; color: #94a3b8; padding: 50px 0 24px; }
.ms-footer h5 { color: #e2e8f0; font-size: .95rem; font-weight: 700; margin-bottom: 16px; }
.ms-footer ul  { list-style: none; padding: 0; margin: 0; }
.ms-footer ul li { margin-bottom: 8px; }
.ms-footer ul li a { color: #64748b; font-size: .87rem; transition: color .15s; }
.ms-footer ul li a:hover { color: #94a3b8; }
.ms-footer-brand p { font-size: .85rem; line-height: 1.7; margin-top: 10px; }
.ms-footer-bottom { border-top: 1px solid rgba(255,255,255,.06); margin-top: 36px; padding-top: 20px; font-size: .82rem; color: #475569; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; }

/* ── Single / Service page ────────────────────── */
.ms-single-hero { background: linear-gradient(135deg, #0f172a, #1e1b4b); padding: 60px 0 50px; text-align: center; }
.ms-single-hero h1 { font-size: clamp(1.5rem, 4vw, 2.4rem); font-weight: 800; color: #fff; margin-bottom: 10px; }
.ms-single-breadcrumb { color: #64748b; font-size: .85rem; margin-bottom: 12px; }
.ms-single-breadcrumb a { color: #818cf8; }
.ms-single-body { padding: 50px 0; }
.ms-single-body h2 { font-size: 1.4rem; font-weight: 700; margin: 32px 0 12px; color: var(--ms-dark); }
.ms-single-body h3 { font-size: 1.1rem; font-weight: 700; margin: 24px 0 10px; color: var(--ms-dark); }
.ms-single-body p  { line-height: 1.8; color: #334155; margin-bottom: 14px; }
.ms-faq-item { border: 1px solid var(--ms-border); border-radius: 10px; margin-bottom: 10px; overflow: hidden; }
.ms-faq-q { padding: 16px 20px; font-weight: 600; cursor: pointer; user-select: none; display: flex; justify-content: space-between; align-items: center; }
.ms-faq-q::after { content: '+'; font-size: 1.2rem; color: var(--ms-primary); }
.ms-faq-item.active .ms-faq-q::after { content: '−'; }
.ms-faq-a { display: none; padding: 0 20px 16px; color: #475569; line-height: 1.7; font-size: .92rem; }
.ms-faq-item.active .ms-faq-a { display: block; }

/* ── Order track ──────────────────────────────── */
.ms-track-hero { background: #0f172a; padding: 50px 0; text-align: center; }
.ms-track-hero h1 { color: #fff; font-size: 1.8rem; font-weight: 800; }
.ms-track-body  { padding: 50px 0; }

/* ── Payment success ──────────────────────────── */
.ms-success { padding: 80px 0; text-align: center; }
.ms-success-icon { font-size: 4rem; margin-bottom: 20px; }
.ms-success h2 { font-size: 1.8rem; font-weight: 800; color: var(--ms-dark); margin-bottom: 10px; }
.ms-success p  { color: var(--ms-text-muted); margin-bottom: 24px; }