/* ==========================================================
   AFS_AD_LANDING_V1 — /24 for the mobile visitor coming from an ad
   Preset chips, "can I apply?" qualifier, tap-to-play videos.
   ========================================================== */

/* Preset chips above the amount input: one room, then the real packages */
.afs-v4-presets-wrap{ margin:0 0 12px; }
.afs-v4-presets-title{
    margin:0 2px 7px;
    color:#1d1919;
    font-size:12px;
    font-weight:900;
}
.afs-v4-presets-title small{
    margin-inline-start:5px;
    color:#716b6d;
    font-size:10px;
    font-weight:750;
}
.afs-v4-presets + .afs-v4-presets-title{ margin-top:12px; }
.afs-v4-presets-pkgs{ grid-template-columns:repeat(2,minmax(0,1fr)); }
.afs-v4-preset-pkg{
    align-items:flex-start;
    text-align:right;
    min-height:56px;
    background:linear-gradient(180deg,#fff,#fff8f3);
    border-color:rgba(189,146,87,.45);
}
.afs-v4-preset-pkg strong{ font-size:12px; }
.afs-v4-preset-pkg small{ white-space:normal; line-height:1.35; }
.afs-v4-pkg-line{
    margin-top:10px;
    padding:9px 11px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    flex-wrap:wrap;
    border-radius:12px;
    background:rgba(255,255,255,.1);
    font-size:11px;
    font-weight:800;
}
.afs-v4-pkg-line a{
    color:#f0d4a8;
    font-weight:900;
    text-decoration:underline;
    text-underline-offset:3px;
    white-space:nowrap;
}
.afs-v4-presets{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:7px;
    margin:0 0 12px;
}
.afs-v4-preset{
    min-height:52px;
    padding:7px 8px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:2px;
    border:1px solid rgba(70,42,42,.14);
    border-radius:14px;
    background:#fff;
    color:#1d1919;
    font-family:inherit;
    cursor:pointer;
    transition:.15s ease;
}
.afs-v4-preset strong{
    font-size:13px;
    font-weight:900;
    line-height:1.2;
}
.afs-v4-preset small{
    font-size:10px;
    font-weight:750;
    color:#716b6d;
    line-height:1.2;
}
.afs-v4-preset:hover{ border-color:rgba(125,29,43,.4); }
.afs-v4-preset.is-active{
    border-color:#7d1d2b;
    background:#fbf0f2;
    color:#7d1d2b;
    box-shadow:0 0 0 3px rgba(125,29,43,.08);
}
.afs-v4-preset.is-active small{ color:#7d1d2b; }
@media(max-width:420px){
    .afs-v4-presets{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
    .afs-v4-preset{ min-height:48px; }
}

/* "Can I apply?" qualifier */
.afsQualify{
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:22px;
    align-items:start;
    background:linear-gradient(135deg,#fff,#fff7ee);
    border:1px solid var(--line,#eadfd5);
    border-radius:30px;
    box-shadow:var(--shadow,0 22px 55px rgba(61,35,24,.12));
    padding:26px;
}
.afsQualifyCopy h2{
    margin:6px 0 10px;
    color:var(--dark,#241814);
    font-size:clamp(1.45rem,2.4vw,2.2rem);
    line-height:1.18;
    font-weight:900;
}
.afsQualifyCopy p{
    margin:0;
    color:var(--soft,#80675a);
    font-weight:800;
    line-height:1.8;
}
.afsQualifyForm{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}
.afsQualifyForm label{
    display:grid;
    gap:5px;
    min-width:0;
}
.afsQualifyForm label > span{
    color:var(--soft,#80675a);
    font-size:.85rem;
    font-weight:850;
}
.afsQualifyForm select,
.afsQualifyForm input[type="tel"]{
    width:100%;
    min-height:50px;
    padding:0 14px;
    border:1px solid #dcc9b8;
    border-radius:14px;
    background:#fff;
    color:var(--dark,#241814);
    font-family:inherit;
    font-size:1rem;
    font-weight:800;
    outline:none;
}
.afsQualifyForm select:focus,
.afsQualifyForm input[type="tel"]:focus{
    border-color:var(--brand,#6f442f);
    box-shadow:0 0 0 4px rgba(111,68,47,.09);
}
.afsQualifyForm input[type="tel"]{ text-align:left; letter-spacing:.04em; }
.afsQualifyWide{ grid-column:1 / -1; }
.afsQualifyForm .btn{ width:100%; min-height:54px; font-size:1.05rem; }
.afsQualifyForm .btn[disabled]{ opacity:.65; cursor:wait; transform:none; }
.afsQualifyStatus{ min-height:0; }
.afsQualifyStatus:empty{ display:none; }
.afsQualifyResult{
    display:grid;
    gap:10px;
    padding:16px;
    border-radius:18px;
    border:1px solid #cfe6d8;
    background:#f0faf4;
    color:#1d1919;
    font-weight:800;
    line-height:1.7;
}
.afsQualifyResult.is-maybe{ border-color:#eadfa8; background:#fffbe8; }
.afsQualifyResult.is-error{ border-color:#f1c6c6; background:#fff3f3; }
.afsQualifyResult strong{ display:block; font-size:1.1rem; font-weight:900; }
.afsQualifyResult .btn{ width:100%; }
.afsQualifyError{ color:#a90f21; font-weight:850; font-size:.9rem; }
@media(max-width:860px){
    .afsQualify{ grid-template-columns:1fr; padding:18px; border-radius:24px; }
    .afsQualifyForm{ grid-template-columns:1fr; gap:10px; }
}

/* Lighter page for the ad visitor */
body[data-afs-ad="1"] #installment-video{ padding-top:26px; }


/* ==========================================================
   AFS_RESPONSIVE_V2 — /24 on phones, tablets and desktops
   ========================================================== */

/* WhatsApp buttons stay green whatever the global button theme says */
#main-content .btnWa,
.stickyCta .btnWa,
.afsQualifyResult .btnWa{
    background:#128c4a !important;
    color:#fff !important;
    border-color:#128c4a !important;
}

/* Hero facts: compact 2 x 2 everywhere */
.heroCard .statGrid{ grid-template-columns:1fr 1fr; gap:10px; }
.heroCard .stat{ padding:14px; border-radius:18px; }
.heroCard .stat strong{ font-size:1.12rem; line-height:1.25; }
.heroCard .stat span{ font-size:.86rem; line-height:1.55; }
.heroCard .note{ padding:14px 16px; border-radius:18px; }

/* Income proofs: never a wall of square photos */
.incomeGrid{ grid-template-columns:repeat(4,1fr); }
.incomePic{ aspect-ratio:4/3; }
.incomeBody{ padding:14px 16px 16px; }
.incomeBody h3{ font-size:1.05rem; margin-bottom:5px; }
.incomeBody p{ font-size:.9rem; line-height:1.6; }

/* Desktop: header already has calculator + WhatsApp, so no bottom bar */
@media(min-width:1051px){
    .stickyCta{ display:none; }
    .foot{ padding-bottom:44px !important; }
}

/* Tablet */
@media(max-width:1050px) and (min-width:721px){
    .incomeGrid{ grid-template-columns:repeat(3,1fr); }
    .catalogGrid{ grid-template-columns:repeat(3,1fr); }
    .steps{ grid-template-columns:repeat(2,1fr); }
}

/* Phone */
@media(max-width:720px){
    .section{ padding:26px 0; }
    .sectionHead{ margin-bottom:14px; }
    .sectionHead h2{ font-size:1.45rem; }
    .sectionHead p{ font-size:.92rem; margin-top:5px; }
    .sectionHead .btn{ margin-top:10px; min-height:42px; }

    /* Hero: headline, promise, two buttons, then the 2x2 facts */
    .hero{ padding:22px 0 16px; }
    .hero .eyebrow{ font-size:.82rem; padding:5px 11px; margin-bottom:10px; }
    .hero h1{ font-size:clamp(1.85rem,8.2vw,2.5rem); line-height:1.12; }
    .hero p{ margin-top:12px; font-size:.98rem; line-height:1.7; }
    .heroActions{ margin-top:16px; gap:8px; }
    .heroActions .btn{ min-height:50px; font-size:1rem; }
    .heroCard{ padding:12px; border-radius:22px; margin-top:4px; }
    .heroCard .statGrid{ gap:8px; }
    .heroCard .stat{ padding:11px 12px; border-radius:15px; }
    .heroCard .stat strong{ font-size:.98rem; }
    .heroCard .stat span{ font-size:.78rem; line-height:1.45; }
    .heroCard .note{ margin-top:8px; padding:11px 13px; font-size:.9rem; border-radius:15px; }
    .heroCard .note small{ font-size:.8rem; }

    /* Calculator card edges */
    #afs-installment-calculator .afs-calc-card.afs-compact-mode{ padding:12px; border-radius:20px; }

    /* Steps: 2 x 2 compact */
    #main-content .steps{ grid-template-columns:1fr 1fr !important; gap:10px; }
    #main-content .steps .card{ padding:14px 12px; border-radius:18px; }
    #main-content .stepNum{ width:36px; height:36px; border-radius:12px; margin-bottom:8px; font-size:.9rem; }
    #main-content .steps .card h3{ font-size:.98rem; margin-bottom:4px; }
    #main-content .steps .card p{ font-size:.82rem; line-height:1.55; }

    /* Income proofs: thumbnail + text rows */
    #main-content .incomeGrid{ grid-template-columns:1fr !important; gap:10px; }
    #main-content .incomeCard{ flex-direction:row; align-items:stretch; border-radius:18px; }
    #main-content .incomeCard:before{ width:26px; height:26px; top:10px; right:10px; font-size:.8rem; }
    #main-content .incomePic{ flex:0 0 96px; aspect-ratio:auto; min-height:96px; border-bottom:0; border-inline-start:1px solid var(--line); }
    #main-content .incomeBody{ padding:12px 14px; }
    #main-content .incomeBody h3{ font-size:.98rem; }
    #main-content .incomeBody p{ font-size:.84rem; line-height:1.55; }

    /* Catalog: 2 columns */
    #main-content .catalogGrid{ grid-template-columns:1fr 1fr !important; gap:10px; }
    #main-content .catLink{ min-height:0; padding:14px 10px; gap:6px; border-radius:20px; }
    #main-content .catIcon{ width:46px; height:46px; font-size:1.6rem; border-radius:15px; }
    #main-content .catLink strong{ font-size:.95rem; }
    #main-content .catLink span{ font-size:.76rem; }

    /* Reviews + offers box */
    #main-content .reviewsGrid{ gap:10px; }
    #main-content .reviewsGrid .card{ padding:16px; }
    #main-content .offersVisitBox{ padding:18px; border-radius:24px; }

    /* Video blocks */
    #installment-video > div,
    #customer-installment-video > div{ width:calc(100% - 20px) !important; }
    #installment-video .sectionHead,
    #customer-installment-video .sectionHead{ margin-bottom:12px; }

    /* Bottom bar: two buttons only */
    .stickyCta{ padding:8px 0 max(8px, env(safe-area-inset-bottom)); }
    .stickyIn > div:first-child{ display:none; }
    .stickyButtons{ margin-top:0; gap:8px; }
    .stickyButtons .btn{ min-height:46px; font-size:.98rem; }
    .foot{ padding-bottom:92px !important; }

    /* Qualifier */
    .afsQualify{ padding:16px; border-radius:22px; gap:14px; }
    .afsQualifyCopy h2{ font-size:1.35rem; }
    .afsQualifyCopy p{ font-size:.92rem; line-height:1.7; }
    .afsQualifyForm select,
    .afsQualifyForm input[type="tel"]{ min-height:48px; font-size:16px; }
}

@media(max-width:380px){
    .heroCard .statGrid{ grid-template-columns:1fr 1fr; }
    #main-content .steps{ grid-template-columns:1fr !important; }
    #main-content .catalogGrid{ grid-template-columns:1fr 1fr !important; }
}

/* AFS_DOWNPAYMENT_V1 — optional down payment in the /24 calculator */
.afs-v4-down{
    margin:10px 0 0;
    padding:12px;
    border:1px dashed rgba(125,29,43,.28);
    border-radius:16px;
    background:#fffaf7;
}
.afs-v4-down-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    flex-wrap:wrap;
}
.afs-v4-down-head label{
    margin:0;
    color:#1d1919;
    font-size:13px;
    font-weight:900;
}
.afs-v4-down-head label small{
    margin-inline-start:4px;
    color:#716b6d;
    font-size:10px;
    font-weight:750;
}
.afs-v4-down-chips{ display:flex; gap:6px; flex-wrap:wrap; }
.afs-v4-down-chip{
    min-height:34px;
    padding:0 11px;
    border:1px solid rgba(70,42,42,.16);
    border-radius:100px;
    background:#fff;
    color:#1d1919;
    font-family:inherit;
    font-size:12px;
    font-weight:850;
    cursor:pointer;
}
.afs-v4-down-chip.is-active{
    background:#7d1d2b;
    border-color:#7d1d2b;
    color:#fff;
}
.afs-v4-down-shell{
    position:relative;
    margin-top:9px;
}
.afs-v4-down-shell input{
    width:100%;
    height:46px;
    padding:0 14px 0 60px;
    border:1px solid rgba(34,26,26,.14);
    border-radius:13px;
    background:#fff;
    color:#1d1919;
    font-family:inherit;
    font-size:17px;
    font-weight:900;
    direction:ltr;
    text-align:right;
    outline:none;
}
.afs-v4-down-shell input:focus{
    border-color:rgba(125,29,43,.5);
    box-shadow:0 0 0 4px rgba(125,29,43,.07);
}
.afs-v4-down-shell input::placeholder{ font-size:13px; font-weight:750; color:#9a9395; }
.afs-v4-down-shell > span{
    position:absolute;
    left:14px;
    top:50%;
    transform:translateY(-50%);
    color:#716b6d;
    font-size:12px;
    font-weight:800;
}
.afs-v4-down-line{
    margin-top:10px;
    padding:9px 11px;
    border-radius:12px;
    background:rgba(255,255,255,.1);
    font-size:11px;
    font-weight:800;
    line-height:1.7;
}
.afs-v4-down-line strong{ font-size:13px; }
@media(max-width:620px){
    .afs-v4-down-head{ flex-direction:column; align-items:flex-start; gap:7px; }
    .afs-v4-down-chip{ min-height:36px; font-size:12px; }
}

/* ==========================================================
   AFS_READABILITY_V3 — bigger, consistent text for /24
   Scale: 13 · 14 · 15 · 17 · 19 · 22 · 28 · 36 px, line-height ≥ 1.55.
   Nothing the customer must read is under 13px.
   ========================================================== */

/* ---- Hero ---- */
#main-content .hero .eyebrow{ font-size:15px; padding:7px 14px; }
#main-content .hero h1{ font-size:clamp(2.1rem,5.2vw,4.4rem); line-height:1.12; }
#main-content .hero p{ font-size:clamp(1.12rem,1.5vw,1.3rem); line-height:1.8; }
#main-content .heroActions .btn{ min-height:56px; font-size:19px; }
#main-content .heroCard .stat strong{ font-size:1.25rem; }
#main-content .heroCard .stat span{ font-size:.98rem; line-height:1.6; }
#main-content .heroCard .note{ font-size:1.02rem; line-height:1.6; }
#main-content .heroCard .note small{ font-size:.94rem; line-height:1.6; }

/* ---- Section heads ---- */
#main-content .sectionHead h2{ font-size:clamp(1.7rem,2.6vw,2.5rem); }
#main-content .sectionHead p{ font-size:1.05rem; line-height:1.7; }
#main-content .eyebrow{ font-size:14px; }

/* ---- Calculator ---- */
#main-content #afs-installment-calculator .afs-overline{ font-size:15px; }
#main-content #afs-installment-calculator .afs-calc-heading h2{ font-size:clamp(1.75rem,3vw,2.4rem); }
#main-content #afs-installment-calculator .afs-calc-heading p{ font-size:16px; line-height:1.7; }
#main-content #afs-installment-calculator .afs-offer-mini span,
#main-content #afs-installment-calculator .afs-offer-mini small{ font-size:13px; }
#main-content #afs-installment-calculator .afs-offer-mini strong{ font-size:34px; }
#main-content #afs-installment-calculator .afs-price-field > label{ font-size:15px; }
#main-content #afs-installment-calculator .afs-v4-presets-title{ font-size:16px; }
#main-content #afs-installment-calculator .afs-v4-presets-title small{ font-size:13px; }
#main-content #afs-installment-calculator .afs-v4-preset{ min-height:60px; gap:3px; }
#main-content #afs-installment-calculator .afs-v4-preset strong{ font-size:16px; }
#main-content #afs-installment-calculator .afs-v4-preset small{ font-size:13px; }
#main-content #afs-installment-calculator .afs-v4-preset-pkg strong{ font-size:15px; line-height:1.3; }
#main-content #afs-installment-calculator .afs-v4-preset-pkg small{ font-size:13px; }
#main-content #afs-installment-calculator .afs-input-shell input{ font-size:28px; height:64px; }
#main-content #afs-installment-calculator .afs-input-shell input::placeholder{ font-size:18px; }
#main-content #afs-installment-calculator .afs-input-shell > span{ font-size:14px; }
#main-content #afs-installment-calculator .afs-v4-calculate{ min-height:60px; }
#main-content #afs-installment-calculator .afs-v4-calculate-text{ font-size:18px; }
#main-content #afs-installment-calculator .afs-v4-error{ font-size:14px; }
#main-content #afs-installment-calculator .afs-v4-down-head label{ font-size:16px; }
#main-content #afs-installment-calculator .afs-v4-down-head label small{ font-size:13px; }
#main-content #afs-installment-calculator .afs-v4-down-chip{ min-height:40px; font-size:15px; padding:0 14px; }
#main-content #afs-installment-calculator .afs-v4-down-shell input{ font-size:20px; height:52px; }
#main-content #afs-installment-calculator .afs-v4-down-shell input::placeholder{ font-size:15px; }
#main-content #afs-installment-calculator .afs-v4-down-shell > span{ font-size:14px; }
#main-content #afs-installment-calculator .afs-v4-keypad-title{ font-size:15px; }
#main-content #afs-installment-calculator .afs-v4-month{ font-size:15px; min-height:58px; line-height:1.3; }
#main-content #afs-installment-calculator .afs-v4-selected-period{ font-size:15px; }
#main-content #afs-installment-calculator .afs-v4-offer-tag{ font-size:12px; padding:5px 10px; }
#main-content #afs-installment-calculator .afs-v4-monthly strong{ font-size:clamp(40px,5vw,52px); }
#main-content #afs-installment-calculator .afs-v4-monthly span{ font-size:15px; }
#main-content #afs-installment-calculator .afs-v4-before{ font-size:14px; }
#main-content #afs-installment-calculator .afs-v4-saving{ font-size:15px; line-height:1.6; }
#main-content #afs-installment-calculator .afs-v4-result-rule{ font-size:14px; line-height:1.7; }
#main-content #afs-installment-calculator .afs-v4-aman{ font-size:15px; line-height:1.7; }
#main-content #afs-installment-calculator .afs-v4-aman strong{ font-size:19px; }
#main-content #afs-installment-calculator .afs-v4-aman-name{ font-size:14px; }
#main-content #afs-installment-calculator .afs-v4-pkg-line,
#main-content #afs-installment-calculator .afs-v4-down-line{ font-size:14px; line-height:1.7; }
#main-content #afs-installment-calculator .afs-v4-down-line strong{ font-size:16px; }
#main-content #afs-installment-calculator .afs-v4-whatsapp{ font-size:17px; min-height:54px; }
#main-content #afs-installment-calculator .afs-v4-reset{ font-size:14px; min-height:46px; }
#main-content #afs-installment-calculator .afs-v4-help{ font-size:13px; line-height:1.6; }
#main-content #afs-installment-calculator .afs-aman-copy strong{ font-size:20px; }
#main-content #afs-installment-calculator .afs-aman-copy p{ font-size:15px; line-height:1.75; }
#main-content #afs-installment-calculator .afs-benefits span{ font-size:13px; padding:7px 11px; }
#main-content #afs-installment-calculator .afs-calc-foot strong{ font-size:14px; }
#main-content #afs-installment-calculator .afs-calc-foot p{ font-size:13px; line-height:1.7; }

/* ---- Qualifier ---- */
#afs-qualify .afsQualifyCopy h2{ font-size:clamp(1.55rem,2.4vw,2.2rem); }
#afs-qualify .afsQualifyCopy p{ font-size:1.05rem; line-height:1.75; }
#afs-qualify .afsQualifyForm label > span{ font-size:15px; }
#afs-qualify .afsQualifyForm select,
#afs-qualify .afsQualifyForm input[type="tel"]{ font-size:17px; min-height:54px; }
#afs-qualify .afsQualifyForm .btn{ font-size:18px; min-height:58px; }
#afs-qualify .afsQualifyResult{ font-size:16px; line-height:1.75; }
#afs-qualify .afsQualifyResult strong{ font-size:1.25rem; }
#afs-qualify .afsQualifyError{ font-size:15px; }

/* ---- Cards: steps, income, catalog, reviews, FAQ ---- */
#main-content .card h3{ font-size:1.15rem; }
#main-content .card p{ font-size:1rem; line-height:1.7; }
#main-content .stepNum{ font-size:1.05rem; }
#main-content .catLink strong{ font-size:1.05rem; }
#main-content .catLink span{ font-size:.92rem; line-height:1.5; }
#main-content .faq summary{ font-size:1.05rem; line-height:1.5; }
#main-content .faq details p{ font-size:1rem; line-height:1.8; }
#main-content .faqAction strong{ font-size:1.1rem; }
#main-content .faqAction span{ font-size:.98rem; }
#main-content .quote{ font-size:1.02rem; line-height:1.7; }
#main-content .offersVisitBox p{ font-size:1.02rem; }
#main-content .afs-collapse-toggle{ font-size:15px; min-height:48px; }

/* ---- Bottom bar ---- */
.stickyCta .stickyButtons .btn{ font-size:18px; min-height:52px; }

/* ---- Phone: keep everything readable while standing on the bus ---- */
@media(max-width:720px){
    #main-content .hero h1{ font-size:clamp(2.05rem,9vw,2.7rem); line-height:1.14; }
    #main-content .hero p{ font-size:1.08rem; line-height:1.75; }
    #main-content .heroActions .btn{ min-height:56px; font-size:18px; }
    #main-content .heroCard .stat strong{ font-size:1.12rem; }
    #main-content .heroCard .stat span{ font-size:.9rem; }
    #main-content .heroCard .note{ font-size:.98rem; }
    #main-content .heroCard .note small{ font-size:.9rem; }
    #main-content .sectionHead h2{ font-size:1.6rem; }
    #main-content .sectionHead p{ font-size:1rem; }
    #main-content #afs-installment-calculator .afs-calc-heading h2{ font-size:1.7rem; }
    #main-content #afs-installment-calculator .afs-calc-heading p{ font-size:15px; }
    #main-content #afs-installment-calculator .afs-offer-mini strong{ font-size:30px; }
    #main-content #afs-installment-calculator .afs-v4-preset strong{ font-size:15px; }
    #main-content #afs-installment-calculator .afs-v4-preset-pkg strong{ font-size:14px; }
    #main-content #afs-installment-calculator .afs-input-shell input{ font-size:26px; height:60px; }
    #main-content #afs-installment-calculator .afs-v4-month{ font-size:14px; min-height:54px; }
    #main-content #afs-installment-calculator .afs-v4-monthly strong{ font-size:40px; }
    #main-content #afs-installment-calculator .afs-v4-down-chip{ font-size:14px; min-height:38px; padding:0 12px; }
    #main-content .steps .card h3{ font-size:1.05rem; }
    #main-content .steps .card p{ font-size:.92rem; }
    #main-content .incomeBody h3{ font-size:1.05rem; }
    #main-content .incomeBody p{ font-size:.92rem; line-height:1.6; }
    #main-content .catLink strong{ font-size:1rem; }
    #main-content .catLink span{ font-size:.84rem; }
    #main-content .faq summary{ font-size:1rem; }
    #main-content .faq details p{ font-size:.98rem; }
}

/* ---- Desktop & laptop: no magnifying glass needed ---- */
@media(min-width:1051px){
    #main-content{ font-size:18px; }
    #main-content .hero p{ font-size:1.38rem; max-width:720px; }
    #main-content .heroCard .stat strong{ font-size:1.4rem; }
    #main-content .heroCard .stat span{ font-size:1.05rem; }
    #main-content .heroCard .note{ font-size:1.1rem; }
    #main-content .heroCard .note small{ font-size:1rem; }
    #main-content .sectionHead p{ font-size:1.15rem; max-width:720px; }
    #main-content .card h3{ font-size:1.28rem; }
    #main-content .card p{ font-size:1.08rem; }
    #main-content .catLink strong{ font-size:1.15rem; }
    #main-content .catLink span{ font-size:1rem; }
    #main-content .faq summary{ font-size:1.15rem; }
    #main-content .faq details p{ font-size:1.08rem; }
    #main-content .quote{ font-size:1.1rem; }

    /* Calculator gets the full content width and bigger type */
    #main-content #afs-installment-calculator .afs-calc-heading,
    #main-content #afs-installment-calculator .afs-calc-card.afs-compact-mode,
    #main-content #afs-installment-calculator .afs-aman-offer{ width:min(1080px,100%); }
    #main-content #afs-installment-calculator .afs-calc-card.afs-compact-mode{ padding:22px; }
    #main-content #afs-installment-calculator .afs-calc-heading p{ font-size:18px; }
    #main-content #afs-installment-calculator .afs-offer-mini strong{ font-size:38px; }
    #main-content #afs-installment-calculator .afs-offer-mini span,
    #main-content #afs-installment-calculator .afs-offer-mini small{ font-size:14px; }
    #main-content #afs-installment-calculator .afs-v4-presets-title{ font-size:17px; }
    #main-content #afs-installment-calculator .afs-v4-presets-title small{ font-size:14px; }
    #main-content #afs-installment-calculator .afs-v4-presets{ gap:10px; }
    #main-content #afs-installment-calculator .afs-v4-presets-pkgs{ grid-template-columns:repeat(3,minmax(0,1fr)); }
    #main-content #afs-installment-calculator .afs-v4-preset{ min-height:68px; }
    #main-content #afs-installment-calculator .afs-v4-preset strong{ font-size:18px; }
    #main-content #afs-installment-calculator .afs-v4-preset small{ font-size:14px; }
    #main-content #afs-installment-calculator .afs-v4-preset-pkg strong{ font-size:17px; }
    #main-content #afs-installment-calculator .afs-input-shell input{ font-size:32px; height:70px; }
    #main-content #afs-installment-calculator .afs-input-shell input::placeholder{ font-size:20px; }
    #main-content #afs-installment-calculator .afs-v4-calculate{ min-height:70px; }
    #main-content #afs-installment-calculator .afs-v4-calculate-text{ font-size:20px; }
    #main-content #afs-installment-calculator .afs-v4-down-head label{ font-size:18px; }
    #main-content #afs-installment-calculator .afs-v4-down-head label small{ font-size:14px; }
    #main-content #afs-installment-calculator .afs-v4-down-chip{ min-height:44px; font-size:16px; padding:0 16px; }
    #main-content #afs-installment-calculator .afs-v4-down-shell input{ font-size:22px; height:56px; }
    #main-content #afs-installment-calculator .afs-v4-keypad-title{ font-size:17px; }
    #main-content #afs-installment-calculator .afs-v4-month{ font-size:17px; min-height:64px; }
    #main-content #afs-installment-calculator .afs-v4-selected-period{ font-size:17px; }
    #main-content #afs-installment-calculator .afs-v4-offer-tag{ font-size:13px; }
    #main-content #afs-installment-calculator .afs-v4-monthly strong{ font-size:60px; }
    #main-content #afs-installment-calculator .afs-v4-monthly span{ font-size:17px; }
    #main-content #afs-installment-calculator .afs-v4-before{ font-size:15px; }
    #main-content #afs-installment-calculator .afs-v4-saving{ font-size:17px; }
    #main-content #afs-installment-calculator .afs-v4-result-rule{ font-size:15px; }
    #main-content #afs-installment-calculator .afs-v4-aman{ font-size:16px; }
    #main-content #afs-installment-calculator .afs-v4-aman strong{ font-size:22px; }
    #main-content #afs-installment-calculator .afs-v4-aman-name{ font-size:15px; }
    #main-content #afs-installment-calculator .afs-v4-pkg-line,
    #main-content #afs-installment-calculator .afs-v4-down-line{ font-size:15px; }
    #main-content #afs-installment-calculator .afs-v4-down-line strong{ font-size:18px; }
    #main-content #afs-installment-calculator .afs-v4-whatsapp{ font-size:18px; min-height:58px; }
    #main-content #afs-installment-calculator .afs-v4-reset{ font-size:15px; }
    #main-content #afs-installment-calculator .afs-v4-help{ font-size:14px; }
    #main-content #afs-installment-calculator .afs-aman-copy strong{ font-size:22px; }
    #main-content #afs-installment-calculator .afs-aman-copy p{ font-size:16px; }
    #main-content #afs-installment-calculator .afs-benefits span{ font-size:14px; }

    /* Qualifier */
    #afs-qualify .afsQualifyCopy p{ font-size:1.12rem; }
    #afs-qualify .afsQualifyForm label > span{ font-size:16px; }
    #afs-qualify .afsQualifyForm select,
    #afs-qualify .afsQualifyForm input[type="tel"]{ font-size:18px; min-height:56px; }
    #afs-qualify .afsQualifyForm .btn{ font-size:19px; }
}

/* AFS_LATIN_DIGITS_V1 — numbers in the calculator are Western digits, large and left-to-right */
#main-content #afs-installment-calculator .afs-v4-monthly strong,
#main-content #afs-installment-calculator .afs-v4-aman strong,
#main-content #afs-installment-calculator .afs-v4-down-line strong,
#main-content #afs-installment-calculator .afs-v4-before del,
#main-content #afs-installment-calculator .afs-v4-saving,
#main-content #afs-installment-calculator .afs-v4-result-rule,
#main-content #afs-installment-calculator .afs-v4-pkg-line span{
    font-variant-numeric:lining-nums tabular-nums;
}
#main-content #afs-installment-calculator .afs-v4-monthly strong{
    unicode-bidi:isolate;
    direction:ltr;
    letter-spacing:.5px;
}

/* AFS_DOCS_VIDEO_V1 — the documents short sits before the income-proof cards */
#installment-video .sectionHead{ text-align:center; }
#installment-video .sectionHead h2,
#installment-video .sectionHead p,
#installment-video .sectionHead .eyebrow{ margin-inline:auto; }
#installment-video + #income{ padding-top:0; }
#customer-installment-video .sectionHead{ text-align:center; }
#customer-installment-video .sectionHead h2,
#customer-installment-video .sectionHead p,
#customer-installment-video .sectionHead .eyebrow{ margin-inline:auto; }

/* AFS_DEDUPE_V1 — slim offers strip and single Google-rating strip */
.offersStrip,
.reviewStrip{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    flex-wrap:wrap;
    padding:18px 22px;
    border:1px solid var(--line,#eadfd5);
    border-radius:22px;
    background:linear-gradient(135deg,#fff,#fff7ee);
    box-shadow:var(--shadow2,0 12px 34px rgba(61,35,24,.08));
}
.offersStrip > div,
.reviewStrip > div:not(.stars){ display:grid; gap:3px; min-width:0; flex:1 1 320px; }
.offersStrip strong,
.reviewStrip strong{ color:var(--dark,#241814); font-size:1.12rem; font-weight:900; }
.offersStrip span,
.reviewStrip span{ color:var(--soft,#80675a); font-size:1rem; font-weight:800; }
.offersStrip .btn,
.reviewStrip .btn{ flex:0 0 auto; }
.reviewStrip .stars{ margin:0; font-size:1.5rem; letter-spacing:2px; flex:0 0 auto; }
#offers{ padding:14px 0 26px; }
#reviews .sectionHead{ display:none; }
@media(max-width:720px){
    .offersStrip,.reviewStrip{ padding:14px; border-radius:18px; gap:10px; }
    .offersStrip .btn,.reviewStrip .btn{ width:100%; }
    .reviewStrip .stars{ width:100%; }
}
/* three steps read better as a short column on phones; ghost buttons need real contrast */
@media(max-width:720px){
    #main-content .steps{ grid-template-columns:1fr !important; }
    #main-content .steps .card{ display:grid; grid-template-columns:40px 1fr; column-gap:12px; align-items:start; }
    #main-content .stepNum{ margin:0; }
    #main-content .steps .card h3{ grid-column:2; margin:0 0 3px; }
    #main-content .steps .card p{ grid-column:2; }
}
.offersStrip .btn.btnGhost,
.reviewStrip .btn.btnGhost{ color:var(--brand,#6f442f) !important; border-color:#d9c3ae !important; background:#fff !important; font-weight:900; }

/* AFS_CLEAR_OFFER_V1 — the two financing options as two plain lines in the hero */
#main-content .hero .heroOffer{ margin-top:14px; font-size:1.15rem; }
#main-content .heroOptions{
    list-style:none;
    margin:10px 0 0;
    padding:0;
    display:grid;
    gap:8px;
    max-width:690px;
}
#main-content .heroOptions li{
    display:grid;
    grid-template-columns:auto 1fr;
    align-items:start;
    gap:10px;
    padding:12px 14px;
    border:1px solid var(--line,#eadfd5);
    border-radius:16px;
    background:#fff;
    font-size:1.05rem;
    line-height:1.65;
}
#main-content .heroOptions li strong{
    padding:3px 10px;
    border-radius:100px;
    background:#fbf0f2;
    color:#7d1d2b;
    font-size:.98rem;
    font-weight:900;
    white-space:nowrap;
}
#main-content .heroOptions li span{ color:var(--text,#4e352a); font-weight:800; }
@media(min-width:1051px){
    #main-content .heroOptions li{ font-size:1.12rem; }
    #main-content .heroOptions li strong{ font-size:1.05rem; }
}
@media(max-width:720px){
    #main-content .hero .heroOffer{ font-size:1.05rem; margin-top:10px; }
    #main-content .heroOptions li{ padding:10px 12px; font-size:.98rem; }
    #main-content .heroOptions li strong{ font-size:.92rem; padding:2px 9px; }
}

/* Facebook rating strip under the Google one (only when a fresh rating exists) */
.reviewStrip + .reviewStrip{ margin-top:12px; }

/* ==========================================================
   AFS_CLARITY_V1 (21 Oct 2026)
   - hero: each plan has a title, one plain line and a worked example
   - calculator chips: the chip shows exactly the number it enters
   - "ينفع أقسّط؟": one column on every screen, numbered questions,
     tap-to-choose answers, an error under the question that needs it
   ========================================================== */

/* ---- Hero plans ---- */
#main-content .heroOptions{ gap:10px; }
#main-content .heroOptions li{
    grid-template-columns:1fr;
    gap:4px;
    padding:14px 16px;
}
#main-content .heroOptions li strong{
    justify-self:start;
    white-space:normal;
}
#main-content .heroStarts{ margin-top:14px; max-width:690px; }
#main-content .heroStarts .heroStartsTitle{
    margin:0 0 8px;
    color:var(--dark,#241814);
    font-size:1.05rem;
    font-weight:900;
}
#main-content .heroStarts .heroStartsTitle small{ color:var(--soft,#80675a); font-size:15px; font-weight:800; }
#main-content .heroStarts ul{
    list-style:none;
    margin:0;
    padding:0;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
}
#main-content .heroStarts li{ margin:0 !important; padding:0 !important; min-width:0; }
#main-content .heroStarts li::before,#main-content .heroStarts li::marker{ content:none; }
#main-content .heroStarts a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    min-height:48px;
    padding:8px 12px;
    border:1px solid var(--line,#eadfd5);
    border-radius:14px;
    background:#fff;
    text-decoration:none;
}
#main-content .heroStarts a:hover{ border-color:rgba(125,29,43,.45); }
#main-content .heroStarts a span{ color:var(--dark,#241814); font-size:15px; font-weight:850; line-height:1.3; }
#main-content .heroStarts a b{
    color:#7d1d2b;
    font-size:16px;
    font-weight:900;
    white-space:nowrap;
    font-variant-numeric:lining-nums tabular-nums;
}
@media(min-width:560px){
    #main-content .heroStarts ul{ grid-template-columns:repeat(3,minmax(0,1fr)); }
}

/* ---- Calculator chips: price is the number that goes in the box ---- */
#main-content #afs-installment-calculator .afs-v4-preset-price{
    display:block;
    color:#7d1d2b;
    font-size:15px;
    font-weight:900;
    line-height:1.3;
    font-variant-numeric:lining-nums tabular-nums;
    unicode-bidi:plaintext;
}
#main-content #afs-installment-calculator .afs-v4-preset-pkg .afs-v4-preset-price{ font-size:14px; }

/* ---- "ينفع أقسّط؟" form ---- */
#afs-qualify .afsQualify{
    grid-template-columns:1fr;
    max-width:860px;
    margin-inline:auto;
    gap:18px;
    padding:28px;
}
#afs-qualify .afsQualifyCopy h2{ margin:8px 0 8px; }
#afs-qualify .afsQualifyCopy p{ margin:0; }
#afs-qualify .afsQualifyFacts{
    list-style:none;
    margin:12px 0 0;
    padding:0;
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}
#afs-qualify .afsQualifyFacts li{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:5px 12px;
    border-radius:999px;
    background:#f0faf4;
    border:1px solid #cfe6d8;
    color:#16683b;
    font-size:15px;
    font-weight:850;
}
#afs-qualify .afsQualifyFacts li::before{ content:'✓'; font-weight:900; }

#afs-qualify .afsQualifyForm{
    display:grid;
    grid-template-columns:1fr;
    gap:14px;
}
#afs-qualify .afsQ{
    margin:0;
    min-width:0;
    padding:16px;
    border:0;
    border-radius:18px;
    background:#fff;
    box-shadow:inset 0 0 0 1px var(--line,#eadfd5);
}
#afs-qualify .afsQ legend,
#afs-qualify .afsQ .afsQLabel{
    float:right;
    width:100%;
    display:flex;
    align-items:center;
    gap:10px;
    margin:0 0 12px;
    padding:0;
    color:var(--dark,#241814);
    font-size:18px;
    font-weight:900;
    line-height:1.4;
}
#afs-qualify .afsQ legend small{ color:var(--soft,#80675a); font-size:15px; font-weight:800; }
#afs-qualify .afsQ legend + *,
#afs-qualify .afsQ .afsQLabel + *{ clear:both; }
#afs-qualify .afsQNum{
    flex:0 0 auto;
    width:30px;
    height:30px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#292630;
    color:#fff;
    font-size:15px;
    font-weight:900;
}
#afs-qualify .afsQHint{
    margin:-4px 0 10px;
    color:var(--soft,#80675a);
    font-size:15px;
    font-weight:800;
}
#afs-qualify .afsQ input[type="tel"]{
    min-height:56px;
    border-radius:14px;
    font-size:19px;
}

#afs-qualify .afsChoices{ display:grid; gap:8px; }
#afs-qualify .afsChoices--list{ grid-template-columns:1fr; }
#afs-qualify .afsChoices--pills{ grid-template-columns:repeat(2,minmax(0,1fr)); }
#afs-qualify .afsChoice{ position:relative; display:block; min-width:0; cursor:pointer; }
#afs-qualify .afsChoice input{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    margin:0;
    opacity:0;
    cursor:pointer;
}
#afs-qualify .afsChoice > span{
    position:relative;
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:2px;
    min-height:56px;
    padding:10px 14px;
    padding-inline-start:46px;
    border:1px solid #dcc9b8;
    border-radius:14px;
    background:#fff;
    transition:border-color .15s ease, background .15s ease, box-shadow .15s ease;
}
#afs-qualify .afsChoice > span::before{
    content:'';
    position:absolute;
    inset-inline-start:14px;
    top:50%;
    width:20px;
    height:20px;
    margin-top:-10px;
    border-radius:50%;
    border:2px solid #c9b3a0;
    background:#fff;
    box-sizing:border-box;
}
#afs-qualify .afsChoice b{ color:var(--dark,#241814); font-size:16px; font-weight:900; line-height:1.35; }
#afs-qualify .afsChoice small{ color:var(--soft,#80675a); font-size:14px; font-weight:800; line-height:1.45; }
#afs-qualify .afsChoices--pills .afsChoice > span{ align-items:flex-start; }
#afs-qualify .afsChoice:hover > span{ border-color:rgba(125,29,43,.45); }
#afs-qualify .afsChoice input:checked + span{
    border-color:#7d1d2b;
    background:#fbf0f2;
    box-shadow:0 0 0 3px rgba(125,29,43,.08);
}
#afs-qualify .afsChoice input:checked + span::before{
    border-color:#7d1d2b;
    background:#7d1d2b;
    box-shadow:inset 0 0 0 3px #fff;
}
#afs-qualify .afsChoice input:checked + span b{ color:#7d1d2b; }
#afs-qualify .afsChoice input:focus-visible + span{ outline:3px solid rgba(125,29,43,.35); outline-offset:2px; }

#afs-qualify .afsQ.is-invalid{ background:#fff7f7; box-shadow:inset 0 0 0 2px #d9534f; }
#afs-qualify .afsQErr{ margin:10px 0 0; color:#a90f21; font-size:15px; font-weight:900; }
#afs-qualify .afsQErr[hidden]{ display:none; }

#afs-qualify .afsQualifyForm .btn{ width:100%; min-height:58px; font-size:19px; }
#afs-qualify .afsQualifyStatus:empty{ display:none; }

@media(min-width:720px){
    #afs-qualify .afsChoices--list{ grid-template-columns:repeat(2,minmax(0,1fr)); }
    #afs-qualify .afsChoices--pills{ grid-template-columns:repeat(4,minmax(0,1fr)); }
    #afs-qualify .afsChoices--three{ grid-template-columns:repeat(3,minmax(0,1fr)); }
    #afs-qualify .afsQ{ padding:18px 20px; }
}
@media(max-width:720px){
    #afs-qualify .afsQualify{ padding:16px; gap:14px; }
    #afs-qualify .afsQ{ padding:14px 12px; }
    #afs-qualify .afsQ legend,
    #afs-qualify .afsQ .afsQLabel{ font-size:17px; }
    #afs-qualify .afsChoice > span{ padding:10px 12px; padding-inline-start:42px; }
    #afs-qualify .afsChoice > span::before{ inset-inline-start:12px; }
    #afs-qualify .afsChoice b{ font-size:15px; }
}
@media(max-width:380px){
    #afs-qualify .afsChoices--pills .afsChoice b{ font-size:14px; }
}

/* AFS_CLARITY_V1b: question 4 is marked as optional with a clear badge, not "(مش لازم)" */
#afs-qualify .afsQ legend .afsQOptional{
    display:inline-flex;
    align-items:center;
    padding:2px 10px;
    border-radius:999px;
    background:#f3efe9;
    border:1px solid #e2d6c9;
    color:var(--soft,#80675a);
    font-size:14px;
    font-weight:850;
    line-height:1.5;
}

/* ==========================================================
   AFS_FAQ_V2 (21 Oct 2026) — questions in three groups.
   Desktop: title + WhatsApp box stay on the side while scrolling.
   Phone: one column, title first.
   ========================================================== */
#faq .faqLayout{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:22px;
    max-width:1120px;
    margin-inline:auto;
}
#faq .faqAside h2{
    margin:8px 0 8px;
    color:var(--dark,#241814);
    font-size:clamp(1.6rem,2.6vw,2.4rem);
    line-height:1.2;
    font-weight:900;
}
#faq .faqAside > p{ margin:0; color:var(--soft,#80675a); font-size:1.05rem; font-weight:800; }
#faq .faqAction{
    max-width:none;
    margin:16px 0 0;
    display:grid;
    gap:6px;
    padding:18px;
    border:1px solid var(--line,#eadfd5);
    border-radius:20px;
    background:linear-gradient(135deg,#fff,#fff7ee);
    box-shadow:var(--shadow2,0 12px 34px rgba(61,35,24,.08));
}
#faq .faqAction strong{ color:var(--dark,#241814); font-size:1.1rem; font-weight:900; }
#faq .faqAction span{ color:var(--soft,#80675a); font-size:15px; font-weight:800; line-height:1.7; }
#faq .faqAction .btn{ width:100%; margin-top:6px; min-height:52px; font-size:17px; }

#faq .faqGroups{ display:grid; gap:22px; min-width:0; }
#faq .faqGroup h3{
    margin:0 0 10px;
    padding-inline-start:12px;
    border-inline-start:4px solid #7d1d2b;
    color:var(--dark,#241814);
    font-size:1.2rem;
    font-weight:900;
    line-height:1.4;
}
#faq .faq{ display:grid; gap:8px; max-width:none; margin:0; }
#faq .faq details{
    border:1px solid var(--line,#eadfd5);
    border-radius:16px;
    background:#fff;
    box-shadow:none;
    overflow:hidden;
}
#faq .faq details::before{ display:none; }
#faq .faq details[open]{ border-color:#d9c3ae; box-shadow:0 10px 26px rgba(61,35,24,.08); }
#faq .faq summary{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:16px 18px;
    color:var(--dark,#241814);
    font-size:17px;
    font-weight:900;
    line-height:1.5;
}
#faq .faq summary:hover .faqQ{ color:#7d1d2b; }
#faq .faqToggle{
    flex:0 0 auto;
    position:relative;
    width:30px;
    height:30px;
    border:1px solid #dcc9b8;
    border-radius:50%;
    background:#fff;
    transform:none;
}
#faq .faqToggle::before,
#faq .faqToggle::after{
    content:'';
    position:absolute;
    top:50%;
    left:50%;
    width:12px;
    height:2px;
    margin:-1px 0 0 -6px;
    border-radius:2px;
    background:#7d1d2b;
    transition:transform .2s ease;
}
#faq .faqToggle::after{ transform:rotate(90deg); }
#faq .faq details[open] .faqToggle{ background:#7d1d2b; border-color:#7d1d2b; transform:none; }
#faq .faq details[open] .faqToggle::before,
#faq .faq details[open] .faqToggle::after{ background:#fff; }
#faq .faq details[open] .faqToggle::after{ transform:rotate(0deg); }
#faq .faqAnswer{ padding:0 18px 16px; }
#faq .faqAnswer p{ margin:0; color:var(--text,#4e352a); font-size:16px; font-weight:750; line-height:1.85; }
#faq .faqAnswer ul{ margin:0; padding:0; list-style:none; display:grid; gap:6px; }
#faq .faqAnswer li{
    position:relative;
    margin:0 !important;
    padding-inline-start:18px;
    color:var(--text,#4e352a);
    font-size:16px;
    font-weight:750;
    line-height:1.8;
}
#faq .faqAnswer li::before{
    content:'';
    position:absolute;
    inset-inline-start:2px;
    top:.8em;
    width:7px;
    height:7px;
    border-radius:50%;
    background:#c99668;
}

@media(min-width:980px){
    #faq .faqLayout{ grid-template-columns:330px minmax(0,1fr); gap:40px; align-items:start; }
    #faq .faqAside{ position:sticky; top:110px; }
    #faq .faq summary{ font-size:18px; padding:18px 22px; }
    #faq .faqAnswer{ padding:0 22px 18px; }
    #faq .faqAnswer p,
    #faq .faqAnswer li{ font-size:17px; }
}
@media(max-width:720px){
    #faq .faq summary{ padding:14px 14px; font-size:16px; }
    #faq .faqAnswer{ padding:0 14px 14px; }
    #faq .faqAnswer p,
    #faq .faqAnswer li{ font-size:15.5px; }
}