/* SIMCALL.ME clean-site visual standard v2 */
:root{--simcall-navy:#102147;--simcall-green:#67ad92;--simcall-text:#14213d;--simcall-muted:#667085;--simcall-line:#e5e9ef}
.site-header{background:#fff;border-bottom:1px solid #edf0f4}
.site-header .brand img{display:block;max-height:38px;width:auto}
.site-header .links a,.site-header .main-nav a,.site-header .nav-actions a{font-weight:700;text-decoration:none}
.site-standard-footer{background:var(--simcall-navy);color:#fff;margin-top:0;padding:42px 0 18px}
.site-standard-wrap{width:min(1180px,calc(100% - 40px));margin:0 auto}
.site-standard-footer-grid{display:grid;grid-template-columns:1.45fr repeat(3,minmax(130px,1fr));gap:34px;align-items:start}
.site-standard-footer h3,.site-standard-footer strong,.site-standard-footer b{color:#fff}
.site-standard-footer .footer-brand-text{display:block;font-size:19px;letter-spacing:.04em;margin-bottom:10px}
.site-standard-footer p{color:#cdd6e6;line-height:1.55;margin:0;max-width:360px}
.site-standard-footer nav{display:grid;gap:8px}
.site-standard-footer nav b{margin-bottom:4px}
.site-standard-footer a{color:#dce5f3;text-decoration:none;font-size:13px}
.site-standard-footer a:hover{text-decoration:underline;color:#fff}
.site-standard-footer-bottom{border-top:1px solid rgba(255,255,255,.13);margin-top:32px;padding-top:16px;color:#bfc9da;font-size:12px}
/* Checkout context banner intentionally mirrors country / region / global page banners. */
.checkout-context-banner{position:relative;min-height:170px;display:flex;align-items:stretch;background:#15274f;color:#fff;overflow:hidden}
.checkout-context-banner[hidden]{display:none!important}
.checkout-context-photo{position:absolute;inset:0;background-position:center;background-size:cover;opacity:.34}
.checkout-context-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,31,67,.96) 0%,rgba(15,31,67,.82) 48%,rgba(15,31,67,.44) 100%)}
.checkout-context-inner{position:relative;z-index:1;padding:26px 0 28px}
.checkout-context-titleline{display:flex;gap:10px;align-items:center;font-size:12px;font-weight:900;letter-spacing:.14em;color:#c9f1df}
.checkout-context-icon{font-size:21px;line-height:1}
.checkout-context-banner h1{margin:8px 0 7px;color:#fff;font-size:clamp(30px,4vw,46px);line-height:1.04}
.checkout-context-banner p{margin:0;color:#e4eaf4;font-size:15px}
@media(max-width:800px){
  .site-standard-footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .site-standard-wrap{width:min(100% - 28px,1180px)}
  .site-standard-footer-grid{grid-template-columns:1fr;gap:22px}
  .site-standard-footer{padding-top:32px}
}
/* CANONICAL HEADER v8 START */
/* One header geometry and typography across every customer-facing page. */
.site-header{
  position:sticky!important;top:0!important;z-index:80!important;
  background:rgba(255,255,255,.98)!important;
  border-bottom:1px solid #e5e9ef!important;
  backdrop-filter:blur(12px);
}
.site-header .nav{
  width:min(1180px,calc(100% - 40px))!important;
  margin:0 auto!important;
  height:78px!important;min-height:78px!important;
  padding:0!important;
  display:flex!important;align-items:center!important;
  gap:24px!important;flex-wrap:nowrap!important;
}
.site-header .brand{
  display:flex!important;align-items:center!important;
  margin-right:auto!important;flex:0 0 auto!important;
}
.site-header .brand img{
  display:block!important;width:185px!important;height:auto!important;
  max-height:46px!important;object-fit:contain!important;
}
.site-header .links{
  display:flex!important;align-items:center!important;
  gap:22px!important;flex-wrap:nowrap!important;white-space:nowrap!important;
  font-size:20px!important;line-height:1!important;font-weight:700!important;
}
.site-header .links a{
  display:inline-flex!important;align-items:center!important;
  padding:0!important;line-height:1!important;
  color:#10213f!important;text-decoration:none!important;
}
.site-header .links a:hover{color:#238b70!important}
.site-header .nav-actions{
  display:flex!important;align-items:center!important;
  gap:18px!important;margin:0!important;flex-wrap:nowrap!important;
  font-size:20px!important;line-height:1!important;font-weight:700!important;
}
.site-header .nav-actions a{
  display:inline-flex!important;align-items:center!important;
  color:#10213f!important;text-decoration:none!important;
  line-height:1!important;white-space:nowrap!important;
}
.site-header .nav-actions a:first-child{display:inline-flex!important}
.site-header .nav-actions a:last-child{
  padding:11px 17px!important;border:1px solid #dfe6ee!important;
  border-radius:12px!important;background:#fff!important;
}
.site-header .nav-search{display:none!important}
.site-header .mobile-menu-btn{
  display:none!important;margin-left:0;width:42px;height:42px;border:0;
  background:transparent;flex-direction:column;justify-content:center;align-items:center;gap:5px;cursor:pointer;
}
.site-header .mobile-menu-btn span{height:2px;background:#10213f;width:24px;border-radius:2px}
.site-header .mobile-menu{display:none;background:#fff;border-top:1px solid #edf2f4;padding:9px 20px 18px}
.site-header .mobile-menu[hidden]{display:none!important}
.site-header .mobile-menu a{padding:11px 4px;border-bottom:1px solid #f0f3f4;font-weight:750;color:#10213f;text-decoration:none}
@media(max-width:1180px){
  .site-header .nav{gap:16px!important}
  .site-header .brand img{width:165px!important}
  .site-header .links{gap:14px!important;font-size:16px!important}
  .site-header .nav-actions{gap:12px!important;font-size:16px!important}
  .site-header .nav-actions a:last-child{padding:10px 13px!important}
}
@media(max-width:900px){
  .site-header .nav{height:64px!important;min-height:64px!important;width:min(100% - 28px,1180px)!important}
  .site-header .brand img{width:150px!important;max-height:40px!important}
  .site-header .links,.site-header .nav-actions{display:none!important}
  .site-header .mobile-menu-btn{display:flex!important}
  .site-header .mobile-menu{display:grid!important}
  .site-header .mobile-menu[hidden]{display:none!important}
}
/* CANONICAL HEADER v8 END */

/* COMPACT DESKTOP + LEFT-ALIGNED BRAND v10 START
   Desktop rendering uses CSS zoom only, without widening the body. This keeps
   the approved compact appearance while preserving the viewport and eliminating
   horizontal drift/scroll. Mobile/tablet below 901px keeps native scale. */
@media(min-width:901px){
  body{zoom:.75;}
}
/* The header rail matches the Home content rail. */
.site-header .nav{
  width:min(1320px,calc(100% - 48px))!important;
}
/* Slightly larger brand, aligned with the same 1320px rail. */
.site-header .brand img{
  width:205px!important;
  max-height:50px!important;
}
@media(max-width:1180px){
  .site-header .brand img{width:182px!important;max-height:46px!important}
}
@media(max-width:900px){
  .site-header .nav{width:min(100% - 28px,1320px)!important}
  .site-header .brand img{width:158px!important;max-height:42px!important}
}
/* COMPACT DESKTOP + LEFT-ALIGNED BRAND v10 END */


/* CATALOG LANDING CONTENT RAIL v12 START
   Countries, Regional, Global and All Unlimited use the same centered desktop
   rail as Home: header, hero, catalogue content and trust strip all share the
   same left/right edges. Detail/checkout pages are intentionally unchanged. */
@media(min-width:901px){
  body.catalog-landing-page main{
    width:min(1320px,calc(100% - 48px));
    margin-left:auto;
    margin-right:auto;
  }
  body.catalog-landing-page main .wrap{
    width:100%!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:14px!important;
    padding-right:14px!important;
  }
  body.catalog-landing-page .country-top,
  body.catalog-landing-page .country-products,
  body.catalog-landing-page .country-trust{
    width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }
}
/* CATALOG LANDING CONTENT RAIL v12 END */


/* DETAIL + CHECKOUT CONTENT RAIL v13 START
   Extend the approved 1320px Home/catalogue rail to every plan-detail step.
   Country detail, regional detail and Billing/Checkout now keep the same
   left/right edges as their parent landing pages. Mobile/tablet stay native. */
@media(min-width:901px){
  body.catalog-detail-page main{
    width:min(1320px,calc(100% - 48px));
    margin-left:auto;
    margin-right:auto;
  }
  body.catalog-detail-page main .wrap{
    width:100%!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:14px!important;
    padding-right:14px!important;
  }
  body.catalog-detail-page .country-top,
  body.catalog-detail-page .country-products,
  body.catalog-detail-page .country-trust,
  body.catalog-detail-page .country-extra{
    width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }

  body.checkout-rail-page #checkoutContextBanner,
  body.checkout-rail-page main.checkout-page{
    width:min(1320px,calc(100% - 48px));
    margin-left:auto!important;
    margin-right:auto!important;
  }
  body.checkout-rail-page #checkoutContextBanner .wrap,
  body.checkout-rail-page main.checkout-page .wrap{
    width:100%!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:14px!important;
    padding-right:14px!important;
  }
  body.checkout-rail-page #checkoutContextBanner,
  body.checkout-rail-page main.checkout-page > section{
    margin-left:auto!important;
    margin-right:auto!important;
  }
}
/* DETAIL + CHECKOUT CONTENT RAIL v13 END */