/*
 * Homepage responsive layer.
 * IMPORTANT: the approved desktop homepage is the visual/source-of-truth.
 * This file only adapts that SAME DOM and the SAME desktop visual language
 * below 1024px. Desktop files are intentionally untouched.
 */
.ir-home-reference-desktop{display:block}

@media (max-width:1023px){
  body.ir-page-home .ir-home-reference-desktop{background:#fff;color:#111827}
  body.ir-page-home .ir-home-ref-shell{box-sizing:border-box;width:100%;max-width:100%;margin:0 auto;padding:26px 16px 44px}

  /* ------------------------------------------------------------------
     Shared desktop visual primitives, scaled for small viewports.
     ------------------------------------------------------------------ */
  body.ir-page-home .ir-home-ref-category-arrow,
  body.ir-page-home .ir-home-ref-faq-arrow,
  body.ir-page-home .ir-home-ref-btn--primary>span{
    display:inline-block;width:14px;height:14px;flex:0 0 14px;overflow:hidden;
    color:transparent!important;font-size:0!important;background-position:center;background-repeat:no-repeat;background-size:14px 14px;
  }
  body.ir-page-home .ir-home-ref-category-arrow,
  body.ir-page-home .ir-home-ref-faq-arrow{background-image:url("../icons/ui/arrows/arrow2_down_black.svg")}
  body.ir-page-home .ir-home-ref-btn--primary>span{background-image:url("../icons/ui/arrows/arrow2_left_black.svg");filter:invert(1)}
  body.ir-page-home .ir-home-ref-btn__services-icon{display:inline-flex!important;width:18px!important;height:18px!important;flex:0 0 18px!important;align-items:center;justify-content:center;margin:0!important}
  body.ir-page-home .ir-home-ref-btn__services-icon img{display:block;width:17px;height:17px;object-fit:contain}

  body.ir-page-home .ir-home-ref-service-cta{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:0!important}
  body.ir-page-home .ir-home-ref-service-cta::before{content:"مشاهده و خرید";font-size:10.5px;font-weight:900;line-height:1}
  body.ir-page-home .ir-home-ref-service-cta::after{content:"";width:13px;height:13px;flex:0 0 13px;background:url("../icons/ui/arrows/arrow2_left_black.svg") center/13px 13px no-repeat;filter:invert(1)}
  body.ir-page-home .ir-home-ref-trust-link{display:inline-flex;align-items:center;gap:7px;font-size:0!important}
  body.ir-page-home .ir-home-ref-trust-link::before{content:"مشاهده صفحه اعتماد";font-size:10px;font-weight:800}
  body.ir-page-home .ir-home-ref-trust-link::after{content:"";width:13px;height:13px;flex:0 0 13px;background:url("../icons/ui/arrows/arrow2_left_black.svg") center/13px 13px no-repeat}

  /* ------------------------------------------------------------------
     Hero: same desktop content/components, only stacked responsively.
     ------------------------------------------------------------------ */
  body.ir-page-home .ir-home-ref-hero-grid{display:flex;flex-direction:column;gap:24px;direction:rtl}
  body.ir-page-home .ir-home-ref-hero-main{order:1;width:100%;max-width:none;padding:2px 0 0;direction:rtl;text-align:right}
  body.ir-page-home .ir-home-ref-eyebrow{display:inline-flex;align-items:center;gap:7px;margin:0 0 14px;padding:7px 11px;border:1px solid #efe4d5;border-radius:999px;background:#fffdf9;color:#737780;font-size:10px;font-weight:800}
  body.ir-page-home .ir-home-ref-eyebrow span{color:#f59e0b;font-size:13px}
  body.ir-page-home .ir-home-ref-hero-main h1{width:100%;max-width:none;margin:0 0 11px;color:#10172b;font-family:Kalameh,Vazirmatn,sans-serif;font-size:30px;font-weight:950;line-height:1.5;letter-spacing:-1px;text-align:right}
  body.ir-page-home .ir-home-ref-subtitle{width:100%;margin:0 0 7px;color:#b66f00;font-size:13px;font-weight:800;line-height:1.9;text-align:right}
  body.ir-page-home .ir-home-ref-body{width:100%;max-width:none;margin:0;color:#66707d;font-size:12px;line-height:2.05;text-align:right}
  body.ir-page-home .ir-home-ref-hero-badges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:18px}
  body.ir-page-home .ir-home-ref-hero-badges span{display:flex;min-width:0;min-height:42px;align-items:center;justify-content:center;gap:7px;padding:7px 8px;border:1px solid #e9e9e9;border-radius:12px;background:#fff;color:#555c66;font-size:10px;font-weight:800;text-align:center}
  body.ir-page-home .ir-home-ref-hero-badges img{width:17px;height:17px;object-fit:contain}
  body.ir-page-home .ir-home-ref-hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:14px}
  body.ir-page-home .ir-home-ref-btn{display:flex;min-width:0;min-height:48px;align-items:center;justify-content:center;gap:8px;border-radius:12px;text-decoration:none;font-size:11.5px;font-weight:900}
  body.ir-page-home .ir-home-ref-btn--primary{background:#121a2d;color:#fff;box-shadow:0 8px 20px rgba(17,24,39,.14)}
  body.ir-page-home .ir-home-ref-btn--ghost{border:1px solid #f3a400;background:#fff;color:#1e2430}
  body.ir-page-home .ir-home-ref-popular{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:16px;color:#7c818a;font-size:10px}
  body.ir-page-home .ir-home-ref-popular-icons{display:flex;flex-wrap:wrap;gap:7px}
  body.ir-page-home .ir-home-ref-popular-icons a{display:flex;width:28px;height:28px;align-items:center;justify-content:center;text-decoration:none}
  body.ir-page-home .ir-home-ref-popular-icons img,
  body.ir-page-home .ir-home-ref-popular-icons svg{max-width:25px;max-height:25px}

  /* Left desktop rail becomes the next block, but keeps the same cards. */
  body.ir-page-home .ir-home-ref-side-stack{order:2;display:grid;grid-template-columns:1fr;gap:10px;width:100%;max-width:none;direction:rtl}
  body.ir-page-home .ir-home-ref-category-card{min-width:0;padding:15px;border:1px solid #f3dfb3;border-radius:20px;background:linear-gradient(145deg,#fffdf8,#fff9ec);box-shadow:0 7px 22px rgba(15,23,42,.035)}
  body.ir-page-home .ir-home-ref-card-title{padding:0 2px 11px;border-bottom:1px solid #ececec;color:#111827;font-size:13px;font-weight:900}
  body.ir-page-home .ir-home-ref-category-list{padding-top:5px}
  body.ir-page-home .ir-home-ref-category-item{display:grid;grid-template-columns:28px minmax(0,1fr) 18px;align-items:center;gap:8px;min-height:44px;padding:4px 1px;border-bottom:1px solid #f2f2f2;color:#5f6673;text-decoration:none;font-size:11.5px;font-weight:750}
  body.ir-page-home .ir-home-ref-category-item:last-child{border-bottom:0}
  body.ir-page-home .ir-home-ref-category-icon{display:flex;width:25px;height:25px;align-items:center;justify-content:center}
  body.ir-page-home .ir-home-ref-category-icon img,
  body.ir-page-home .ir-home-ref-category-icon svg{max-width:23px;max-height:23px;object-fit:contain}
  body.ir-page-home .ir-home-ref-category-item .ir-social-icon__img[src*="instagram"]{transform:scale(1.18);transform-origin:center}

  body.ir-page-home .ir-home-ref-side-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  body.ir-page-home .ir-home-ref-side-benefits article{min-height:116px;padding:14px 10px;border:1px solid #f1dbad;border-radius:18px;background:linear-gradient(160deg,#fffdf8,#fff9ef);text-align:center}
  body.ir-page-home .ir-home-ref-side-benefit-icon{display:flex;width:43px;height:43px;margin:0 auto 8px;align-items:center;justify-content:center;border-radius:14px;background:linear-gradient(145deg,#fff2bf,#ffd36d)}
  body.ir-page-home .ir-home-ref-side-benefit-icon img{width:23px;height:23px;object-fit:contain}
  body.ir-page-home .ir-home-ref-side-benefits strong{display:block;color:#e58c00;font-size:12px;font-weight:900}
  body.ir-page-home .ir-home-ref-side-benefits small{display:block;margin-top:5px;color:#818792;font-size:9.5px;line-height:1.75}

  /* Rating card uses the SAME desktop avatars, labels and score treatment. */
  body.ir-page-home .ir-home-ref-rating-card{position:relative;direction:ltr!important;display:grid!important;grid-template-columns:minmax(0,1fr) 88px!important;grid-template-rows:auto auto!important;align-items:center!important;column-gap:10px!important;row-gap:3px!important;min-height:64px!important;padding:10px 12px!important;border:1px solid #f1d9a6!important;border-radius:16px!important;background:linear-gradient(90deg,#fffdfa 0%,#fff 50%,#fffdfa 100%)!important;box-shadow:0 7px 20px rgba(15,23,42,.035)!important;overflow:hidden!important}
  body.ir-page-home .ir-home-ref-rating-card>div:nth-child(2){display:contents!important}
  body.ir-page-home .ir-home-ref-rating-card>div:nth-child(2) strong{grid-column:1!important;grid-row:1!important;display:block!important;color:#4b4f57!important;font-size:0!important;font-weight:900!important;line-height:1.4!important;text-align:right!important;direction:rtl!important;white-space:nowrap!important}
  body.ir-page-home .ir-home-ref-rating-card>div:nth-child(2) strong::before{content:"اعتماد کاربران؛ سرمایه ماست";font-size:10.5px}
  body.ir-page-home .ir-home-ref-rating-card>div:nth-child(2) small{grid-column:1!important;grid-row:2!important;display:flex!important;align-items:center;justify-content:flex-start!important;margin:0!important;color:#8f939a!important;font-size:0!important;font-weight:700;line-height:1.4!important;direction:rtl!important;white-space:nowrap!important}
  body.ir-page-home .ir-home-ref-rating-card>div:nth-child(2) small::before{content:"+۱۲ سال تجربه موفق";font-size:8.5px}
  body.ir-page-home .ir-home-ref-rating-dots{grid-column:2!important;grid-row:1!important;display:flex!important;align-items:center;justify-content:flex-end!important;direction:ltr!important;min-width:82px;padding:0!important}
  body.ir-page-home .ir-home-ref-rating-dots span{width:27px!important;height:27px!important;flex:0 0 27px!important;margin:0!important;overflow:hidden;border:2px solid #fff!important;border-radius:50%!important;background-color:#f3f4f6!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;box-shadow:0 3px 8px rgba(15,23,42,.10)!important}
  body.ir-page-home .ir-home-ref-rating-dots span+span{margin-left:-7px!important}
  body.ir-page-home .ir-home-ref-rating-dots span:nth-child(1){background-image:url("../image/home/trust-avatar-1.svg")!important}
  body.ir-page-home .ir-home-ref-rating-dots span:nth-child(2){background-image:url("../image/home/trust-avatar-2.svg")!important}
  body.ir-page-home .ir-home-ref-rating-dots span:nth-child(3){background-image:url("../image/home/trust-avatar-3.svg")!important}
  body.ir-page-home .ir-home-ref-rating-dots span:nth-child(4){background-image:url("../image/home/trust-avatar-4.svg")!important}
  body.ir-page-home .ir-home-ref-stars{grid-column:2!important;grid-row:2!important;justify-self:end!important;display:flex!important;align-items:center;justify-content:flex-end!important;gap:6px;min-width:0!important;margin:0!important;color:#f5a300!important;letter-spacing:.8px!important;font-size:11px!important;line-height:1!important;direction:ltr!important;white-space:nowrap}
  body.ir-page-home .ir-home-ref-stars::after{content:"+۵۰";color:#a3a7ae;font-size:8px;font-weight:700;letter-spacing:0;direction:rtl}

  /* ------------------------------------------------------------------
     Service cards. Visuals are the approved desktop visuals, scaled down.
     ------------------------------------------------------------------ */
  body.ir-page-home .ir-home-ref-section{margin-top:34px}
  body.ir-page-home .ir-home-ref-section-heading{display:flex;align-items:center;justify-content:center;gap:9px;text-align:center}
  body.ir-page-home .ir-home-ref-section-heading h2{margin:0;color:#151a26;font-size:20px;font-weight:950}
  body.ir-page-home .ir-home-ref-section-heading p{margin:4px 0 0;color:#949aa3;font-size:10px}
  body.ir-page-home .ir-home-ref-heading-dot{color:#f0a100;font-size:18px}
  body.ir-page-home .ir-home-ref-service-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:18px}
  body.ir-page-home .ir-home-ref-service-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 112px;min-height:184px;overflow:hidden;gap:8px;padding:18px;border-radius:20px;text-decoration:none;box-shadow:0 8px 22px rgba(15,23,42,.035)}
  body.ir-page-home .ir-home-ref-service-card--social{border:1px solid #f6cdd0;background:linear-gradient(135deg,#fff 0%,#fff7f7 55%,#ffeff0 100%)}
  body.ir-page-home .ir-home-ref-service-card--virtual{border:1px solid #f2d89d;background:linear-gradient(135deg,#fff 0%,#fffbf1 60%,#fff4dc 100%)}
  body.ir-page-home .ir-home-ref-service-copy{z-index:5;align-self:center}
  body.ir-page-home .ir-home-ref-service-copy h3{margin:0;color:#171b26;font-size:17px;font-weight:950}
  body.ir-page-home .ir-home-ref-service-copy p{max-width:none;margin:8px 0 13px;color:#757d88;font-size:10.5px;line-height:1.95}
  body.ir-page-home .ir-home-ref-service-cta{min-height:38px;padding:0 14px;border-radius:10px;color:#fff;font-weight:900}
  body.ir-page-home .ir-home-ref-service-card--social .ir-home-ref-service-cta{background:#e83d53}
  body.ir-page-home .ir-home-ref-service-card--virtual .ir-home-ref-service-cta{background:#f5a000}

  /* Social cluster: same nested-icon correction as desktop. */
  body.ir-page-home .ir-home-ref-social-cluster{position:relative;align-self:center;justify-self:stretch;height:118px}
  body.ir-page-home .ir-home-ref-social-cluster>span{position:absolute;display:flex;width:49px;height:49px;align-items:center;justify-content:center;border-radius:14px;background:#fff;box-shadow:0 9px 17px rgba(26,34,52,.11)}
  body.ir-page-home .ir-home-ref-social-cluster>span:nth-child(1){right:4px;top:0;transform:rotate(8deg)}
  body.ir-page-home .ir-home-ref-social-cluster>span:nth-child(2){left:2px;top:27px;transform:rotate(-7deg)}
  body.ir-page-home .ir-home-ref-social-cluster>span:nth-child(3){right:13px;bottom:0;transform:rotate(-10deg)}
  body.ir-page-home .ir-home-ref-social-cluster>span:nth-child(4){left:0;bottom:2px;transform:rotate(10deg)}
  body.ir-page-home .ir-home-ref-social-cluster>span>.ir-social-icon{position:static!important;inset:auto!important;display:flex!important;width:2rem!important;height:2rem!important;min-width:2rem!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important;transform:none!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
  body.ir-page-home .ir-home-ref-social-cluster>span>.ir-social-icon>.ir-social-icon__img{position:static!important;display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;object-fit:contain!important;transform:none!important}

  /* Virtual-number artwork: SAME globe.svg / flags-row.svg / phone treatment as desktop. */
  body.ir-page-home .ir-home-ref-virtual-visual{position:relative;align-self:center;justify-self:center;width:112px;height:122px;overflow:visible}
  body.ir-page-home .ir-home-ref-phone-badge{position:absolute;right:25px;top:0;z-index:3;display:flex;align-items:center;justify-content:center;width:58px;height:86px;border:2px solid #efb23b;border-radius:16px;background:linear-gradient(180deg,#fff 0%,#fffaf2 100%);box-shadow:0 12px 20px rgba(236,181,44,.16);color:#7a5715;font-size:1.45rem;font-weight:900;line-height:1;letter-spacing:-.04em}
  body.ir-page-home .ir-home-ref-phone-badge::before{content:"";position:absolute;inset:7px;border:1px solid rgba(239,178,59,.45);border-radius:11px}
  body.ir-page-home .ir-home-ref-phone-badge::after{content:"✦";position:absolute;left:6px;top:9px;color:#f5b625;font-size:10px;line-height:1;text-shadow:36px 50px 0 #f5b625}
  body.ir-page-home .ir-home-ref-globe{position:absolute;left:0;top:18px;z-index:1;width:75px;height:75px;color:transparent!important;font-size:0!important;border:0!important;border-radius:0!important;background:url("../image/home/virtual-globe.svg") center/contain no-repeat!important;box-shadow:none!important;opacity:1!important;overflow:visible!important}
  body.ir-page-home .ir-home-ref-globe::before,
  body.ir-page-home .ir-home-ref-globe::after{display:none!important;content:none!important}
  body.ir-page-home .ir-home-ref-flags{position:absolute;right:-1px;bottom:0;z-index:4;display:flex;align-items:center;gap:4px;width:116px;min-height:30px;padding:4px 5px;border:1px solid #f0e1c1;border-radius:9px;background:rgba(255,255,255,.98);box-shadow:0 8px 16px rgba(15,23,42,.07);color:transparent;font-size:0;white-space:nowrap;box-sizing:border-box}
  body.ir-page-home .ir-home-ref-flags::before{content:"";display:block;flex:0 0 77px;width:77px;height:18px;background:url("../image/home/virtual-flags-row.svg") center/77px 18px no-repeat}
  body.ir-page-home .ir-home-ref-flags b{display:inline-flex;align-items:center;justify-content:center;min-width:27px;height:19px;padding:0 4px;border-radius:6px;background:#f2f3f5;color:#8a8f98;font-size:7.5px;font-weight:800}

  /* ------------------------------------------------------------------
     Why Iranigram: use the desktop halo/infinity artwork, not the old circles.
     ------------------------------------------------------------------ */
  body.ir-page-home .ir-home-ref-why-grid{display:flex;flex-direction:column;gap:18px;margin-top:36px;direction:rtl}
  body.ir-page-home .ir-home-ref-why-copy{order:1;direction:rtl}
  body.ir-page-home .ir-home-ref-why-copy h2{margin:0;color:#151a25;font-size:21px;font-weight:950;line-height:1.55}
  body.ir-page-home .ir-home-ref-why-copy>p{margin:10px 0 14px;color:#66707c;font-size:11.5px;font-weight:600;line-height:2.05}
  body.ir-page-home .ir-home-ref-why-copy ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}
  body.ir-page-home .ir-home-ref-why-copy li{display:flex;align-items:flex-start;gap:8px;color:#59616d;font-size:11px;font-weight:600;line-height:1.85}
  body.ir-page-home .ir-home-ref-why-copy li span{display:inline-flex;width:18px;height:18px;flex:0 0 18px;align-items:center;justify-content:center;margin-top:1px;border:1px solid #f4ad24;border-radius:50%;color:#e89400;font-size:9px}
  body.ir-page-home .ir-home-ref-brand-visual{order:2;position:relative;direction:rtl;width:100%;height:232px;min-height:232px;overflow:hidden;isolation:isolate}
  body.ir-page-home .ir-home-ref-brand-visual::before{content:"";position:absolute;left:0;top:4px;z-index:0;width:244px;height:208px;background:url("../image/home/home-brand-halo.svg") center/contain no-repeat;pointer-events:none}
  body.ir-page-home .ir-home-ref-orbit{display:none!important}
  body.ir-page-home .ir-home-ref-brand-logo{position:absolute;left:72px;top:42px;z-index:2;display:block;width:96px;height:48px;margin:0;object-fit:contain;object-position:9999px 9999px;background:url("../image/home/home-brand-infinity.svg") center/96px 48px no-repeat}
  body.ir-page-home .ir-home-ref-brand-label{position:absolute;left:34px;bottom:18px;z-index:4;display:flex;width:158px;min-width:158px;height:70px;padding:0 14px;box-sizing:border-box;flex-direction:column;align-items:center;justify-content:center;border-radius:14px;background:#111a31;color:#fff;text-align:center;box-shadow:0 12px 24px rgba(17,26,49,.18)}
  body.ir-page-home .ir-home-ref-brand-label strong{display:block;font-size:14px;font-weight:950;line-height:1.35}
  body.ir-page-home .ir-home-ref-brand-label span{display:block;margin-top:5px;color:#e7e9ef;font-size:8.5px;font-weight:800;line-height:1.5}
  body.ir-page-home .ir-home-ref-mini-fact{position:absolute;z-index:3;display:flex;right:0;width:112px;min-height:52px;padding:8px 34px 8px 10px;box-sizing:border-box;flex-direction:column;align-items:flex-start;justify-content:center;border:1px solid #ece6dc;border-radius:12px;background:#fff;text-align:right;box-shadow:0 6px 16px rgba(15,23,42,.045)}
  body.ir-page-home .ir-home-ref-mini-fact::after{content:none!important;display:none!important}
  body.ir-page-home .ir-home-ref-mini-fact::before{content:"";position:absolute;left:11px;top:50%;display:block;width:16px;height:16px;transform:translateY(-50%);background-position:center;background-repeat:no-repeat;background-size:contain;opacity:1;filter:brightness(0) saturate(100%)}
  body.ir-page-home .ir-home-ref-mini-fact--a::before{background-image:url("../icons/ui/status/medal-star.svg")}
  body.ir-page-home .ir-home-ref-mini-fact--b::before{background-image:url("../icons/ui/navigation/services.svg")}
  body.ir-page-home .ir-home-ref-mini-fact--c::before{background-image:url("../icons/ui/actions/24-support.svg")}
  body.ir-page-home .ir-home-ref-mini-fact strong{display:block;color:#d88c00;font-size:9.5px;font-weight:900;line-height:1.4}
  body.ir-page-home .ir-home-ref-mini-fact span{display:block;margin-top:3px;color:#858a94;font-size:8.5px;line-height:1.4}
  body.ir-page-home .ir-home-ref-mini-fact--a{top:12px}
  body.ir-page-home .ir-home-ref-mini-fact--b{top:76px;right:18px}
  body.ir-page-home .ir-home-ref-mini-fact--c{top:140px}

  /* Features + stats preserve desktop component appearance, adapted to 2 columns. */
  body.ir-page-home .ir-home-ref-feature-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:30px}
  body.ir-page-home .ir-home-ref-feature-strip article{min-height:126px;padding:16px 9px;border:1px solid #eee3ce;border-radius:16px;background:#fff;text-align:center}
  body.ir-page-home .ir-home-ref-feature-strip img{width:31px;height:31px;object-fit:contain;margin:0 auto 9px}
  body.ir-page-home .ir-home-ref-feature-strip strong{display:block;color:#343944;font-size:10.5px;font-weight:900}
  body.ir-page-home .ir-home-ref-feature-strip small{display:block;margin-top:6px;color:#858c96;font-size:8.8px;line-height:1.7}

  body.ir-page-home .ir-home-ref-stats{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch;margin-top:16px!important;padding:0!important;border:1px solid #efcf94!important;border-radius:16px!important;background:#fffdfa!important;overflow:hidden;direction:rtl}
  body.ir-page-home .ir-home-ref-stats .ir-home-ref-stat{position:relative;display:flex!important;min-width:0;min-height:92px;align-items:center;justify-content:center;gap:9px;padding:13px 8px!important;text-align:right!important;border-bottom:1px solid #eee4d3}
  body.ir-page-home .ir-home-ref-stats .ir-home-ref-stat:nth-last-child(-n+2){border-bottom:0}
  body.ir-page-home .ir-home-ref-stats .ir-home-ref-stat:nth-child(odd){border-left:1px solid #eee4d3}
  body.ir-page-home .ir-home-ref-stats .ir-home-ref-stat::before{display:none!important}
  body.ir-page-home .ir-home-ref-stat__icon{display:flex!important;width:36px;height:36px;flex:0 0 36px;align-items:center;justify-content:center;margin:0!important}
  body.ir-page-home .ir-home-ref-stat__icon img{display:block;width:29px;height:29px;object-fit:contain;filter:invert(67%) sepia(96%) saturate(1090%) hue-rotate(352deg) brightness(101%) contrast(97%)}
  body.ir-page-home .ir-home-ref-stat__copy{display:block!important;min-width:0;margin:0!important}
  body.ir-page-home .ir-home-ref-stats .ir-home-ref-stat__copy strong{display:block;margin:0;color:#171c28;font-size:19px!important;font-weight:950;line-height:1.15;white-space:nowrap}
  body.ir-page-home .ir-home-ref-stats .ir-home-ref-stat__copy>span{display:block;margin:5px 0 0!important;color:#81868f;font-size:8.7px!important;font-weight:700;line-height:1.45;white-space:nowrap}

  /* Blog / FAQ / bottom support cards use the same content as desktop. */
  body.ir-page-home .ir-home-ref-blog{margin-top:28px}
  body.ir-page-home .ir-home-ref-section-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
  body.ir-page-home .ir-home-ref-section-row h2{margin:0;color:#151a25;font-size:17px;font-weight:950}
  body.ir-page-home .ir-home-ref-section-row>a{padding:7px 10px;border:1px solid #ececec;border-radius:999px;color:#717781;text-decoration:none;font-size:9px;white-space:nowrap}
  body.ir-page-home .ir-home-ref-blog-carousel .ir-home-blog-carousel-shell{margin-top:0!important}
  body.ir-page-home .ir-home-ref-blog-carousel .ir-home-posts-carousel{gap:10px!important;padding-bottom:6px}
  body.ir-page-home .ir-home-ref-blog-carousel .ir-blog-h-scroll__item{flex:0 0 82%!important;width:82%!important;min-width:0!important}

  body.ir-page-home .ir-home-ref-faq{margin-top:24px}
  body.ir-page-home .ir-home-ref-faq-grid{display:grid;grid-template-columns:1fr;gap:8px}
  body.ir-page-home .ir-home-ref-faq details{overflow:hidden;border:1px solid #ece8e0;border-radius:12px;background:#fff}
  body.ir-page-home .ir-home-ref-faq summary{display:grid;grid-template-columns:30px minmax(0,1fr) 20px;align-items:center;gap:7px;padding:12px;cursor:pointer;list-style:none}
  body.ir-page-home .ir-home-ref-faq summary::-webkit-details-marker{display:none}
  body.ir-page-home .ir-home-ref-faq-num{display:flex;width:26px;height:26px;align-items:center;justify-content:center;border-radius:8px;background:#fff4df;color:#a97413;font-size:9px;font-weight:900}
  body.ir-page-home .ir-home-ref-faq summary strong{color:#525a66;font-size:10.5px;font-weight:800;line-height:1.7}
  body.ir-page-home .ir-home-ref-faq details>div{padding:11px 14px;border-top:1px solid #f2f2f2;color:#6f7782;font-size:10.5px;line-height:2}

  body.ir-page-home .ir-home-ref-bottom-grid{display:grid;grid-template-columns:1fr;gap:10px;margin-top:18px}
  body.ir-page-home .ir-home-ref-bottom-grid article{min-height:0;padding:17px 18px;border:1px solid #eee0c7;border-radius:16px;background:#fffdfa}
  body.ir-page-home .ir-home-ref-bottom-grid h3{margin:0;color:#383d47;font-size:13px;font-weight:900}
  body.ir-page-home .ir-home-ref-bottom-grid p{margin:7px 0 12px;color:#7c838d;font-size:10.5px;line-height:1.9}
  body.ir-page-home .ir-home-ref-support-actions{display:flex;flex-wrap:wrap;gap:7px}
  body.ir-page-home .ir-home-ref-support-actions a,
  body.ir-page-home .ir-home-ref-trust-link{min-height:38px;padding:0 12px;border:1px solid #eee4d4;border-radius:10px;background:#fff;color:#5e646d;text-decoration:none;font-weight:800}
  body.ir-page-home .ir-home-ref-support-actions img{width:18px;height:18px;object-fit:contain}

  /* Dark mode mirrors the approved desktop dark palette. */
  html.dark body.ir-page-home .ir-home-reference-desktop{background:#0b1524;color:#e5e7eb}
  html.dark body.ir-page-home .ir-home-ref-category-card,
  html.dark body.ir-page-home .ir-home-ref-side-benefits article,
  html.dark body.ir-page-home .ir-home-ref-rating-card,
  html.dark body.ir-page-home .ir-home-ref-feature-strip article,
  html.dark body.ir-page-home .ir-home-ref-faq details,
  html.dark body.ir-page-home .ir-home-ref-bottom-grid article,
  html.dark body.ir-page-home .ir-home-ref-mini-fact{background:#101b2b!important;border-color:#2c3b4e!important}
  html.dark body.ir-page-home .ir-home-ref-hero-main h1,
  html.dark body.ir-page-home .ir-home-ref-section-heading h2,
  html.dark body.ir-page-home .ir-home-ref-service-copy h3,
  html.dark body.ir-page-home .ir-home-ref-why-copy h2,
  html.dark body.ir-page-home .ir-home-ref-section-row h2,
  html.dark body.ir-page-home .ir-home-ref-card-title{color:#f8fafc}
  html.dark body.ir-page-home .ir-home-ref-category-item,
  html.dark body.ir-page-home .ir-home-ref-hero-main p,
  html.dark body.ir-page-home .ir-home-ref-why-copy li,
  html.dark body.ir-page-home .ir-home-ref-bottom-grid p{color:#a9b3c1}
  html.dark body.ir-page-home .ir-home-ref-hero-badges span,
  html.dark body.ir-page-home .ir-home-ref-btn--ghost{background:#101b2b;border-color:#2c3b4e;color:#d7e0ea}
  html.dark body.ir-page-home .ir-home-ref-service-card--social{background:linear-gradient(135deg,#101a29,#171925);border-color:#4a2a35}
  html.dark body.ir-page-home .ir-home-ref-service-card--virtual{background:linear-gradient(135deg,#101a29,#1c1b18);border-color:#4b3a20}
  html.dark body.ir-page-home .ir-home-ref-stats{background:#101b2b!important;border-color:#59421d!important}
  html.dark body.ir-page-home .ir-home-ref-stats .ir-home-ref-stat{border-color:#2c3b4e}
  html.dark body.ir-page-home .ir-home-ref-stats .ir-home-ref-stat__copy strong{color:#f8fafc}
  html.dark body.ir-page-home .ir-home-ref-stats .ir-home-ref-stat__copy>span{color:#9ca9b9}
  html.dark body.ir-page-home .ir-home-ref-rating-card>div:nth-child(2) strong{color:#f3f4f6!important}
  html.dark body.ir-page-home .ir-home-ref-rating-card>div:nth-child(2) small{color:#9ca3af!important}
  html.dark body.ir-page-home .ir-home-ref-rating-dots span{border-color:#0f1a2b!important}
  html.dark body.ir-page-home .ir-home-ref-stars::after{color:#8f9daf}
  html.dark body.ir-page-home .ir-home-ref-brand-label{background:#0d162b}
  html.dark body.ir-page-home .ir-home-ref-mini-fact::before{filter:brightness(0) saturate(100%) invert(69%) sepia(99%) saturate(1200%) hue-rotate(351deg) brightness(103%) contrast(98%)}
  html.dark body.ir-page-home .ir-home-ref-category-item:last-child .ir-home-ref-category-icon img,
  html.dark body.ir-page-home .ir-home-ref-hero-badges img,
  html.dark body.ir-page-home .ir-home-ref-btn__services-icon img{filter:brightness(0) saturate(100%) invert(69%) sepia(99%) saturate(1200%) hue-rotate(351deg) brightness(103%) contrast(98%)!important}
  html.dark body.ir-page-home .ir-home-ref-category-item .ir-social-icon__img,
  html.dark body.ir-page-home .ir-home-ref-popular-icons .ir-social-icon__img{filter:none!important;opacity:1!important}
}

/* Tablet: same DOM/visuals, only more room. */
@media (min-width:768px) and (max-width:1023px){
  body.ir-page-home .ir-home-ref-shell{max-width:920px;padding:34px 28px 50px}
  body.ir-page-home .ir-home-ref-hero-main h1{font-size:38px;line-height:1.45}
  body.ir-page-home .ir-home-ref-hero-badges{grid-template-columns:repeat(4,minmax(0,1fr))}
  body.ir-page-home .ir-home-ref-side-stack{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);align-items:start}
  body.ir-page-home .ir-home-ref-category-card{grid-column:1;grid-row:1 / span 2}
  body.ir-page-home .ir-home-ref-side-benefits{grid-column:2;grid-row:1;grid-template-columns:1fr}
  body.ir-page-home .ir-home-ref-rating-card{grid-column:2;grid-row:2;grid-template-columns:1fr!important;grid-template-rows:auto!important;text-align:center}
  body.ir-page-home .ir-home-ref-rating-dots{grid-column:1!important;grid-row:auto!important;justify-content:center!important}
  body.ir-page-home .ir-home-ref-rating-card>div:nth-child(2) strong,
  body.ir-page-home .ir-home-ref-rating-card>div:nth-child(2) small{grid-column:1!important;grid-row:auto!important;text-align:center!important;justify-content:center!important}
  body.ir-page-home .ir-home-ref-stars{grid-column:1!important;grid-row:auto!important;justify-self:center!important}
  body.ir-page-home .ir-home-ref-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.ir-page-home .ir-home-ref-service-card{grid-template-columns:minmax(0,1fr) 128px;min-height:205px;padding:20px}
  body.ir-page-home .ir-home-ref-virtual-visual{width:128px;height:136px}
  body.ir-page-home .ir-home-ref-phone-badge{right:28px;width:66px;height:96px}
  body.ir-page-home .ir-home-ref-globe{width:83px;height:83px}
  body.ir-page-home .ir-home-ref-flags{width:128px;min-height:32px}
  body.ir-page-home .ir-home-ref-flags::before{flex-basis:86px;width:86px;height:20px;background-size:86px 20px}
  body.ir-page-home .ir-home-ref-why-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:center;direction:rtl}
  body.ir-page-home .ir-home-ref-why-copy{order:initial;grid-column:1}
  body.ir-page-home .ir-home-ref-brand-visual{order:initial;grid-column:2;height:242px;min-height:242px}
  body.ir-page-home .ir-home-ref-feature-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.ir-page-home .ir-home-ref-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  body.ir-page-home .ir-home-ref-stats .ir-home-ref-stat{border-bottom:0}
  body.ir-page-home .ir-home-ref-stats .ir-home-ref-stat:nth-child(odd){border-left:0}
  body.ir-page-home .ir-home-ref-stats .ir-home-ref-stat+.ir-home-ref-stat{border-right:1px solid #eee4d3}
  body.ir-page-home .ir-home-ref-faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.ir-page-home .ir-home-ref-bottom-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.ir-page-home .ir-home-ref-blog-carousel .ir-blog-h-scroll__item{flex:0 0 46%!important;width:46%!important}
}

/* Small phones: keep the desktop-derived visuals intact without crowding. */
@media (max-width:374px){
  body.ir-page-home .ir-home-ref-shell{padding-inline:12px}
  body.ir-page-home .ir-home-ref-hero-main h1{font-size:27px}
  body.ir-page-home .ir-home-ref-hero-badges span{font-size:9.5px}
  body.ir-page-home .ir-home-ref-service-card{grid-template-columns:minmax(0,1fr) 102px;padding:15px}
  body.ir-page-home .ir-home-ref-service-copy h3{font-size:16px}
  body.ir-page-home .ir-home-ref-service-copy p{font-size:10px}
  body.ir-page-home .ir-home-ref-virtual-visual{transform:scale(.9);transform-origin:center}
  body.ir-page-home .ir-home-ref-brand-visual{transform:scale(.94);transform-origin:center top;width:106%}
}
