*{box-sizing:border-box;}
body{margin:0;}
a{color:#005CA5;text-decoration:none;}
a:hover{color:#5276A0;}
::selection{background:#005CA5;color:#fff;}
input,button,textarea{font-family:inherit;}

:root{
  --ifixit-navy:#061f3d;
  --ifixit-blue:#0058ad;
  --ifixit-ink:#061f3f;
  --ifixit-muted:#496f98;
}
html{scroll-behavior:smooth;}
body{overflow-x:hidden;}
.ifixit-page{min-width:0;}
.utility-bar{background:linear-gradient(180deg,#052342 0%,#00162f 100%)!important;}
.utility-inner{max-width:1344px!important;min-height:41px!important;padding:0 16px!important;}
.main-header{height:124px;background:#fff!important;}
.main-header-inner{max-width:1344px!important;height:124px;padding:18px 16px!important;gap:34px!important;flex-wrap:nowrap!important;}
.site-logo{gap:15px!important;margin-left:8px;}
.site-search{max-width:410px!important;height:49px!important;margin:0 0 16px 95px;}
.header-contacts{gap:28px!important;margin-right:43px;}
.product-nav{height:50px;background:linear-gradient(90deg,#075eae 0%,#0054a7 45%,#075eae 100%)!important;box-shadow:none!important;}
/* on phones the category nav scrolls sideways — fade the right edge so it
   reads as "there is more", instead of a hard cut mid-word */
@media (max-width:900px){
  .product-nav{position:relative;}
  .product-nav::after{
    content:"";position:absolute;top:0;right:0;bottom:0;width:44px;
    pointer-events:none;z-index:2;
    background:linear-gradient(90deg,rgba(7,94,174,0),rgba(7,94,174,.92));
  }
  .product-nav-inner{scrollbar-width:none;}
  .product-nav-inner::-webkit-scrollbar{display:none;}
}
.product-nav-inner{max-width:1276px!important;height:50px;padding:0!important;flex-wrap:nowrap!important;}
.product-nav-inner>a{height:50px;padding:14px 24px!important;line-height:22px!important;}

.hero-stage{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:
    linear-gradient(180deg,rgba(238,245,252,0) 0 68%,rgba(238,245,252,.18) 78%,rgba(238,245,252,.72) 93%,#eef5fc 100%),
    radial-gradient(ellipse 650px 520px at calc(50% + 225px) 38%,rgba(255,255,255,.7) 0%,rgba(235,244,252,.5) 45%,rgba(199,221,241,.12) 74%,transparent 100%),
    linear-gradient(90deg,#eef4fb 0,#eef4fb calc(50% - 180px),#e4eef8 calc(50% + 120px),#bdd5eb calc(50% + 450px),#79a5d0 100%);
}
.hero-stage:before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:72px;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(68,112,157,.035),rgba(68,112,157,0));
}
.hero-stage:after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:160px;
  z-index:1;
  background:linear-gradient(180deg,rgba(238,245,252,0),rgba(238,245,252,.36) 55%,#eef5fc 100%);
  pointer-events:none;
}
.hero-section{overflow:hidden!important;background:transparent!important;position:relative;z-index:2;}
.hero-inner{
  width:calc(100% - 48px);
  max-width:1276px!important;
  height:598px;
  padding:54px 0 0!important;
  grid-template-columns:505px minmax(0,1fr)!important;
  gap:48px!important;
  align-items:start!important;
}
.hero-copy{position:relative;height:520px;z-index:2;}
.hero-kicker{font-size:14px!important;line-height:22px!important;margin:0 0 23px!important;color:#075cac!important;}
.hero-title{
  max-width:505px;
  margin:0!important;
  color:var(--ifixit-ink)!important;
  font-size:48px!important;
  line-height:1.11!important;
  font-weight:800!important;
  letter-spacing:-.035em!important;
  text-wrap:balance;
}
.hero-benefits{
  position:absolute;
  left:0;
  top:323px;
  width:460px;
  margin:0!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px!important;
}
.hero-benefit{display:block!important;min-width:0;}
.hero-benefit-icon{
  width:50px!important;
  height:50px!important;
  border-radius:14px!important;
  background:rgba(235,244,252,.9)!important;
  border:1px solid rgba(255,255,255,.68);
  color:#0560b5!important;
  box-shadow:0 12px 26px -18px rgba(25,77,127,.5),inset 0 1px 0 rgba(255,255,255,.82);
  font-size:17px!important;
}
.hero-benefit-label{
  display:block;
  max-width:128px;
  margin-top:9px;
  color:#092749!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.5!important;
}
.hero-actions{position:absolute;left:0;top:452px;gap:20px!important;}
.hero-primary,.hero-secondary{height:52px;padding:0 25px!important;font-size:14px!important;}
.hero-primary{min-width:189px;justify-content:center;background:linear-gradient(135deg,#0057ad,#0872c7)!important;box-shadow:0 14px 30px -18px rgba(0,65,135,.75);}
.hero-secondary{min-width:195px;justify-content:center;background:rgba(255,255,255,.75)!important;border-color:rgba(124,155,187,.2)!important;box-shadow:0 8px 24px -20px rgba(0,44,91,.55);}
.hero-visual{height:520px;min-height:0!important;isolation:isolate;}
.hero-visual:before{
  content:"";
  position:absolute;
  left:-12px;
  bottom:-2px;
  width:720px;
  height:128px;
  z-index:1;
  pointer-events:none;
  background:radial-gradient(ellipse at 52% 48%,rgba(13,54,96,.28) 0%,rgba(27,80,136,.17) 38%,rgba(49,108,166,.055) 68%,transparent 78%);
  filter:blur(12px);
}
.hero-visual:after{
  content:"";
  position:absolute;
  right:-5px;
  left:auto;
  bottom:5px;
  width:345px;
  height:84px;
  z-index:1;
  pointer-events:none;
  background:radial-gradient(ellipse 96px 19px at 31% 49%,rgba(12,48,90,.2),transparent 75%),radial-gradient(ellipse 118px 23px at 84% 70%,rgba(12,48,90,.17),transparent 75%);
  filter:blur(7px);
}
.hero-orbit{
  left:62px!important;
  top:-2px!important;
  transform:none!important;
  width:480px!important;
  z-index:0;
  background:radial-gradient(circle at 46% 30%,rgba(250,253,255,.98) 0 20%,rgba(215,233,249,.84) 44%,rgba(148,191,229,.56) 72%,rgba(94,155,209,.12) 100%)!important;
  box-shadow:0 44px 90px -62px rgba(27,78,132,.32);
}
.hero-art{
  left:0!important;
  top:-48px!important;
  width:1028px!important;
  height:auto!important;
  display:block!important;
  transform:translateX(-19.2%)!important;
  z-index:2;
  filter:drop-shadow(0 12px 12px rgba(6,32,67,.18)) drop-shadow(0 30px 28px rgba(13,61,112,.2))!important;
}
.hero-rating{right:8px!important;bottom:17px!important;z-index:3;padding:9px 24px!important;background:rgba(255,255,255,.88)!important;border:1px solid rgba(255,255,255,.92);backdrop-filter:blur(8px);box-shadow:0 10px 24px -8px rgba(8,53,99,.28),0 2px 8px rgba(8,53,99,.08)!important;}
.advantages-wrap{width:calc(100% - 48px);max-width:1276px!important;margin:0 auto!important;padding:0 0 23px!important;position:relative;z-index:3;}
.advantages-grid{min-height:136px;border-radius:20px!important;border:1px solid rgba(255,255,255,.82)!important;background:rgba(255,255,255,.78)!important;box-shadow:0 10px 44px -24px rgba(8,53,99,.28),inset 0 1px 0 rgba(255,255,255,.85)!important;}
.advantage-card{padding:22px 24px!important;background:rgba(255,255,255,.92)!important;}
.advantage-card+.advantage-card{border-left:1px solid #e7eef6;}
.advantage-card>div:first-child{gap:13px!important;}
.advantage-card>div:first-child>div{font-size:21px!important;line-height:1.1!important;}
.advantage-card>div:nth-child(2){font-size:14px!important;margin-top:10px!important;line-height:1.35!important;}
.advantage-card>div:nth-child(3){font-size:12px!important;line-height:1.5!important;}

@media (min-width:1280px){
  .hero-inner,.advantages-wrap{transform:translateX(8px);}
}

@media (min-width:1181px) and (max-width:1279px){
  .hero-art{left:0!important;width:min(980px,80vw)!important;top:-36px!important;transform:translateX(-19.2%)!important;}
  .hero-orbit{left:34px!important;width:460px!important;}
  .hero-visual:before{left:-18px;width:min(580px,55vw);}
  .hero-visual:after{left:110px;width:340px;}
}

@media (min-width:901px){
  .advantages-grid{height:136px;}
}

@media (max-width:1180px){
  .main-header-inner{gap:22px!important;}
  .site-logo{margin-left:0;}
  .site-search{max-width:340px!important;margin-left:0;}
  .header-contacts{gap:18px!important;margin-right:0;}
  .hero-inner{grid-template-columns:minmax(430px, .88fr) minmax(0,1.12fr)!important;gap:20px!important;}
  .hero-title{font-size:44px!important;max-width:470px;}
  .hero-art{left:0!important;width:min(880px,78vw)!important;top:-28px!important;transform:translateX(-19.2%)!important;}
  .hero-orbit{left:34px!important;width:460px!important;}
  .hero-visual:before{left:-18px;width:min(580px,55vw);}
  .hero-visual:after{left:110px;width:340px;}
  .hero-rating{right:6px!important;}
  .product-nav-inner>a{padding-left:18px!important;padding-right:18px!important;}
}

@media (max-width:900px){
  .utility-inner>div{display:none!important;}
  .utility-inner{justify-content:center!important;}
  .main-header{height:auto!important;}
  .main-header-inner{height:auto!important;min-height:128px;flex-wrap:wrap!important;padding:16px 20px!important;gap:14px 20px!important;}
  .header-contacts{display:none!important;}
  .site-search{order:3;flex-basis:100%!important;max-width:none!important;}
  .product-nav,.product-nav-inner{height:52px!important;}
  .product-nav-inner{justify-content:flex-start!important;overflow-x:auto;scrollbar-width:none;}
  .product-nav-inner::-webkit-scrollbar{display:none;}
  .product-nav-inner>a{height:52px!important;flex:0 0 auto;padding:15px 18px!important;}
  .hero-inner{width:calc(100% - 40px);height:auto;padding:42px 0 26px!important;grid-template-columns:1fr!important;gap:24px!important;}
  .hero-copy{height:auto;}
  .hero-title{font-size:clamp(38px,7vw,50px)!important;max-width:620px;}
  .hero-benefits{position:static;width:100%;max-width:560px;margin:34px 0 28px!important;}
  .hero-actions{position:static;}
  .hero-visual{height:410px;}
  .hero-art{left:50%!important;top:0!important;width:auto!important;height:100%!important;transform:translateX(-50%)!important;}
  .hero-orbit{left:50%!important;top:-8px!important;width:390px!important;transform:translateX(-50%)!important;}
  .hero-visual:before{left:50%;bottom:-12px;width:min(560px,96vw);transform:translateX(-50%);}
  .hero-visual:after{display:none;}
  .hero-rating{right:4%!important;bottom:10px!important;}
  .advantages-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .advantage-card:nth-child(odd){border-left:none;}
  .advantage-card:nth-child(n+3){border-top:1px solid #e7eef6;}
  #devices>div{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  #breakdowns>div{grid-template-columns:1fr!important;}
  #reviews>div>div:last-child{grid-template-columns:1fr!important;}
  .promos-section>div{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  footer>div:first-child{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}

@media (max-width:560px){
  .site-logo>span:last-child{display:none!important;}
  .main-header-inner{padding-left:16px!important;padding-right:16px!important;}
  .hero-inner{width:calc(100% - 32px);padding-top:34px!important;}
  .hero-kicker{margin-bottom:16px!important;}
  .hero-title{font-size:38px!important;line-height:1.08!important;letter-spacing:-.04em!important;}
  .hero-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px!important;margin-top:30px!important;}
  .hero-benefit-label{font-size:11px!important;max-width:100px;}
  .hero-actions{display:grid!important;grid-template-columns:1fr!important;width:100%;}
  .hero-primary,.hero-secondary{width:100%;}
  .hero-visual{height:300px;}
  .hero-art{top:0!important;width:auto!important;height:100%!important;}
  .hero-orbit{top:4px!important;width:290px!important;}
  .hero-rating{right:0!important;bottom:2px!important;transform:scale(.9);transform-origin:right bottom;}
  .advantages-wrap{width:calc(100% - 32px);padding-bottom:16px!important;}
  .advantages-grid{grid-template-columns:1fr!important;}
  .advantage-card{border-left:none!important;border-top:1px solid #e7eef6;}
  .advantage-card:first-child{border-top:none;}
  #devices>div,.promos-section>div{grid-template-columns:1fr!important;}
  footer>div:first-child{grid-template-columns:1fr!important;gap:30px!important;}
}

/* ============ 2026 HERO ART DIRECTION ============ */
/* Rejected experimental direction kept only as an easy-to-remove local draft.
.hero-stage{
  --art-x:0px;
  --art-y:0px;
  --orbit-x:0px;
  --orbit-y:0px;
  background:
    linear-gradient(180deg,rgba(240,247,253,0) 0 67%,rgba(238,246,252,.18) 77%,rgba(239,246,252,.78) 93%,#f1f7fc 100%),
    radial-gradient(circle 520px at calc(50% + 470px) 2%,rgba(221,247,255,.88) 0%,rgba(206,237,251,.42) 42%,transparent 72%),
    radial-gradient(circle 680px at calc(50% + 650px) 94%,rgba(10,70,144,.3) 0%,rgba(51,112,174,.11) 48%,transparent 74%),
    linear-gradient(104deg,#f8fafc 0%,#f3f8fc 39%,#e8f3fb 56%,#bad8ed 76%,#6f9fce 100%)!important;
}
.hero-stage:before{
  inset:0!important;
  height:auto!important;
  z-index:0!important;
  opacity:.28;
  background:
    linear-gradient(rgba(49,111,170,.16) 1px,transparent 1px),
    linear-gradient(90deg,rgba(49,111,170,.16) 1px,transparent 1px)!important;
  background-size:64px 64px!important;
  -webkit-mask-image:radial-gradient(ellipse 58% 88% at 79% 47%,#000 0%,rgba(0,0,0,.72) 47%,transparent 82%);
  mask-image:radial-gradient(ellipse 58% 88% at 79% 47%,#000 0%,rgba(0,0,0,.72) 47%,transparent 82%);
}
.hero-stage:after{
  height:224px!important;
  z-index:1!important;
  background:linear-gradient(180deg,rgba(241,247,252,0),rgba(241,247,252,.38) 45%,#f1f7fc 100%)!important;
}
.hero-section:before{
  content:"";
  position:absolute;
  z-index:0;
  left:calc(50% + 210px);
  top:-190px;
  width:180px;
  height:820px;
  transform:rotate(18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);
  filter:blur(20px);
  pointer-events:none;
}
.hero-section:after{
  content:"";
  position:absolute;
  z-index:1;
  left:calc(50% + 604px);
  top:104px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:rgba(255,255,255,.96);
  box-shadow:-38px 126px 0 -2px rgba(255,255,255,.78),17px 255px 0 -1px rgba(213,242,255,.72),-620px 24px 0 -2px rgba(40,126,201,.25);
  filter:drop-shadow(0 0 10px rgba(178,229,255,.95));
  pointer-events:none;
}
.hero-inner{position:relative;z-index:2;}
.hero-copy{z-index:4;}
.hero-kicker{
  display:inline-flex!important;
  align-items:center;
  width:max-content;
  min-height:34px;
  padding:0 14px 0 12px;
  gap:9px;
  margin:0 0 18px!important;
  border:1px solid rgba(104,160,207,.2);
  border-radius:999px;
  background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(235,246,255,.52));
  color:#075aa8!important;
  box-shadow:0 12px 36px -24px rgba(4,66,128,.45),inset 0 1px 0 rgba(255,255,255,.92);
  backdrop-filter:blur(14px) saturate(140%);
  -webkit-backdrop-filter:blur(14px) saturate(140%);
  font-size:12.5px!important;
  line-height:1!important;
  letter-spacing:-.01em;
}
.hero-kicker:before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:#0a73cc;
  box-shadow:0 0 0 5px rgba(10,115,204,.1),0 0 18px rgba(32,153,234,.56);
}
.hero-title{
  max-width:520px!important;
  font-size:56px!important;
  line-height:1.035!important;
  font-weight:800!important;
  letter-spacing:-.052em!important;
  color:#061f3f!important;
  text-shadow:0 20px 42px rgba(4,44,88,.08);
}
.hero-title span{
  color:transparent!important;
  background:linear-gradient(112deg,#0053a8 4%,#0574cb 52%,#15a1e5 100%);
  -webkit-background-clip:text;
  background-clip:text;
}
.hero-title:after{
  content:"";
  display:block;
  width:88px;
  height:3px;
  margin-top:20px;
  border-radius:999px;
  background:linear-gradient(90deg,#0065bd 0%,#63c8f4 62%,transparent 100%);
  box-shadow:0 4px 18px rgba(18,133,202,.24);
}
.hero-benefits{
  top:292px!important;
  width:480px!important;
  min-height:92px;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  padding:8px!important;
  border:1px solid rgba(113,161,203,.18);
  border-radius:24px;
  background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(235,246,255,.48));
  box-shadow:0 24px 60px -38px rgba(4,56,112,.42),inset 0 1px 0 rgba(255,255,255,.88);
  backdrop-filter:blur(18px) saturate(140%);
  -webkit-backdrop-filter:blur(18px) saturate(140%);
}
.hero-benefit{
  position:relative;
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr);
  align-items:center;
  gap:9px;
  min-height:74px;
  padding:7px 10px!important;
  border-radius:17px;
  transition:background .3s ease,translate .3s ease;
}
.hero-benefit+.hero-benefit:before{
  content:"";
  position:absolute;
  left:-1px;
  top:13px;
  bottom:13px;
  width:1px;
  background:linear-gradient(transparent,rgba(83,137,185,.18),transparent);
}
.hero-benefit:hover{background:rgba(255,255,255,.54);translate:0 -1px;}
.hero-benefit-icon{
  width:38px!important;
  height:38px!important;
  border:1px solid rgba(255,255,255,.92)!important;
  border-radius:13px!important;
  background:linear-gradient(145deg,#f8fcff,#dceefa)!important;
  color:#0568bc!important;
  box-shadow:0 10px 20px -14px rgba(0,82,155,.54),inset 0 1px 0 #fff!important;
  font-size:14px!important;
}
.hero-benefit-label{
  max-width:102px!important;
  margin:0!important;
  color:#0a294a!important;
  font-size:11.5px!important;
  font-weight:750!important;
  line-height:1.38!important;
  letter-spacing:-.01em;
}
.hero-actions{top:416px!important;gap:12px!important;}
.hero-primary,.hero-secondary{
  position:relative;
  height:58px!important;
  padding:0 25px!important;
  border-radius:18px!important;
  font-size:14px!important;
  overflow:hidden;
  transition:translate .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,border-color .3s ease!important;
}
.hero-primary{
  min-width:206px!important;
  background:linear-gradient(118deg,#004f9e 0%,#0876c9 58%,#18a0df 100%)!important;
  border:1px solid rgba(0,80,158,.12);
  box-shadow:0 20px 36px -18px rgba(0,76,151,.62),inset 0 1px 0 rgba(255,255,255,.28)!important;
}
.hero-primary:before{
  content:"";
  position:absolute;
  inset:-40% auto -40% -34%;
  width:28%;
  transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.44),transparent);
  transition:left .65s cubic-bezier(.2,.8,.2,1);
}
.hero-primary:hover:before{left:118%;}
.hero-primary>span{
  display:inline-grid;
  place-items:center;
  width:27px;
  height:27px;
  margin-left:2px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:9px;
  background:rgba(255,255,255,.1);
  font-size:16px!important;
}
.hero-secondary{
  min-width:202px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(242,248,253,.62))!important;
  border:1px solid rgba(95,146,191,.2)!important;
  box-shadow:0 18px 36px -26px rgba(3,49,97,.5),inset 0 1px 0 rgba(255,255,255,.95)!important;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.hero-primary:hover,.hero-secondary:hover{translate:0 -2px;}
.hero-primary:hover{box-shadow:0 24px 44px -18px rgba(0,76,151,.72),inset 0 1px 0 rgba(255,255,255,.3)!important;}
.hero-secondary:hover{border-color:rgba(25,113,185,.38)!important;box-shadow:0 22px 38px -25px rgba(3,63,119,.55),inset 0 1px 0 #fff!important;}
.hero-primary:focus-visible,.hero-secondary:focus-visible{outline:3px solid rgba(20,137,218,.28);outline-offset:3px;}
.hero-visual{perspective:1200px;z-index:2;}
.hero-visual:before{
  left:-22px!important;
  bottom:-4px!important;
  width:742px!important;
  height:136px!important;
  background:radial-gradient(ellipse at 53% 50%,rgba(7,45,88,.31) 0%,rgba(22,74,128,.18) 36%,rgba(60,122,180,.065) 66%,transparent 79%)!important;
  filter:blur(14px)!important;
}
.hero-visual:after{
  right:-20px!important;
  bottom:0!important;
  width:390px!important;
  height:96px!important;
  background:radial-gradient(ellipse 104px 20px at 29% 48%,rgba(8,43,81,.22),transparent 76%),radial-gradient(ellipse 126px 24px at 83% 68%,rgba(8,43,81,.19),transparent 76%)!important;
  filter:blur(8px)!important;
}
.hero-orbit{
  left:48px!important;
  top:-12px!important;
  width:506px!important;
  border:1px solid rgba(255,255,255,.5);
  background:
    radial-gradient(circle at 34% 24%,rgba(255,255,255,.97) 0 12%,rgba(232,246,255,.92) 38%,rgba(167,207,236,.7) 70%,rgba(70,142,202,.26) 100%)!important;
  box-shadow:inset 24px 20px 52px rgba(255,255,255,.38),inset -36px -42px 74px rgba(47,126,192,.12),0 54px 110px -70px rgba(18,70,124,.46)!important;
  translate:var(--orbit-x) var(--orbit-y);
  transition:translate .5s cubic-bezier(.2,.8,.2,1);
}
.hero-orbit:before{
  content:"";
  position:absolute;
  inset:-22px;
  border-radius:50%;
  background:conic-gradient(from 12deg,transparent 0 9%,rgba(255,255,255,.84) 14%,rgba(80,176,231,.42) 21%,transparent 31% 66%,rgba(180,229,252,.5) 73%,transparent 82% 100%);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 0);
  mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 0);
  opacity:.78;
  animation:orbit-spin 24s linear infinite;
}
.hero-orbit:after{
  content:"";
  position:absolute;
  inset:42px;
  border:1px solid rgba(255,255,255,.36);
  border-radius:50%;
  box-shadow:0 0 52px rgba(156,217,247,.24);
}
.hero-art{
  top:-52px!important;
  width:1070px!important;
  transform:translateX(-19.35%)!important;
  translate:var(--art-x) var(--art-y);
  scale:1;
  filter:drop-shadow(0 12px 12px rgba(6,32,67,.15)) drop-shadow(0 34px 32px rgba(13,61,112,.24)) saturate(1.035) contrast(1.015)!important;
  transition:translate .42s cubic-bezier(.2,.8,.2,1);
}
.hero-rating{
  right:10px!important;
  bottom:14px!important;
  min-height:50px;
  padding:9px 18px!important;
  border:1px solid transparent!important;
  background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(239,247,253,.72)) padding-box,linear-gradient(135deg,rgba(255,255,255,.95),rgba(104,171,219,.3)) border-box!important;
  box-shadow:0 20px 42px -24px rgba(5,48,91,.55),inset 0 1px 0 rgba(255,255,255,.94)!important;
  backdrop-filter:blur(20px) saturate(150%);
  -webkit-backdrop-filter:blur(20px) saturate(150%);
  transition:translate .3s ease,box-shadow .3s ease;
}
.hero-rating:hover{translate:0 -2px;box-shadow:0 24px 46px -24px rgba(5,48,91,.62),inset 0 1px 0 #fff!important;}
.hero-rating span:first-child{font-size:12px!important;letter-spacing:-.01em;}
.advantages-wrap{transform:translate(8px,-8px)!important;}
.advantages-grid{
  border:1px solid rgba(255,255,255,.7)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(235,245,252,.64))!important;
  box-shadow:0 30px 70px -42px rgba(7,51,98,.5),inset 0 1px 0 rgba(255,255,255,.96)!important;
  backdrop-filter:blur(24px) saturate(135%);
  -webkit-backdrop-filter:blur(24px) saturate(135%);
}
.advantage-card{
  position:relative;
  overflow:hidden;
  background:transparent!important;
  transition:background .3s ease;
}
.advantage-card:before{
  content:"";
  position:absolute;
  top:0;
  left:24px;
  right:24px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,rgba(15,120,194,.28),transparent);
  opacity:0;
  transition:opacity .3s ease;
}
.advantage-card:hover{background:rgba(255,255,255,.44)!important;}
.advantage-card:hover:before{opacity:1;}
.advantage-card>div:first-child>span{
  border:1px solid rgba(255,255,255,.86);
  background:linear-gradient(145deg,#f8fcff,#dceefa)!important;
  box-shadow:0 12px 22px -16px rgba(0,82,155,.5),inset 0 1px 0 #fff;
  transition:translate .3s ease;
}
.advantage-card:hover>div:first-child>span{translate:0 -2px;}
.product-nav{box-shadow:0 10px 30px -20px rgba(0,45,97,.72),inset 0 1px 0 rgba(255,255,255,.13)!important;}
.product-nav-inner>a{border-radius:11px;transition:background .25s ease,translate .25s ease;}
.product-nav-inner>a:hover{background:rgba(255,255,255,.1);translate:0 -1px;}

@keyframes orbit-spin{to{transform:rotate(360deg)}}
@keyframes hero-copy-in{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}
@keyframes hero-device-in{from{opacity:0;scale:.965}to{opacity:1;scale:1}}
.hero-kicker{animation:hero-copy-in .55s .05s cubic-bezier(.2,.8,.2,1) both;}
.hero-title{animation:hero-copy-in .65s .12s cubic-bezier(.2,.8,.2,1) both;}
.hero-benefits{animation:hero-copy-in .65s .22s cubic-bezier(.2,.8,.2,1) both;}
.hero-actions{animation:hero-copy-in .65s .3s cubic-bezier(.2,.8,.2,1) both;}
.hero-orbit{animation:hero-device-in .8s .08s cubic-bezier(.2,.8,.2,1) both;}
.hero-art{animation:hero-device-in .85s .16s cubic-bezier(.2,.8,.2,1) both;}
.hero-rating{animation:hero-copy-in .6s .42s cubic-bezier(.2,.8,.2,1) both;}

@media (min-width:1081px) and (max-width:1279px){
  .hero-title{font-size:clamp(48px,calc(4.02vw + 4.5px),56px)!important;max-width:clamp(470px,calc(17.6vw + 280px),505px)!important;}
  .hero-benefits{top:clamp(292px,calc(317.7px - 2.01vw),296px)!important;width:clamp(440px,calc(20.1vw + 222.7px),480px)!important;}
  .hero-actions{top:clamp(416px,calc(428.9px - 1.01vw),418px)!important;}
  .hero-art{left:0!important;top:clamp(-52px,calc(76.6px - 10.05vw),-32px)!important;width:clamp(880px,calc(95.48vw - 152.1px),1070px)!important;transform:translateX(-19.35%)!important;}
  .hero-orbit{left:clamp(28px,calc(10.05vw - 80.6px),48px)!important;top:clamp(-12px,calc(33px - 3.52vw),-5px)!important;width:clamp(470px,calc(18.09vw + 274.4px),506px)!important;}
}
@media (max-width:1080px){
  .hero-stage:before{opacity:.18;}
  .hero-section:before{left:58%;top:36%;height:520px;}
  .hero-section:after{display:none;}
  .hero-inner{width:calc(100% - 40px);height:auto!important;padding:40px 0 26px!important;grid-template-columns:1fr!important;gap:30px!important;}
  .hero-copy{height:auto!important;}
  .hero-kicker{margin-bottom:18px!important;}
  .hero-title{font-size:clamp(42px,7.3vw,52px)!important;max-width:650px!important;}
  .hero-benefits{position:static!important;width:100%!important;max-width:580px!important;margin:32px 0 26px!important;}
  .hero-actions{position:static!important;}
  .hero-visual{height:clamp(410px,43vw,464px);}
  .hero-art{left:50%!important;top:0!important;width:auto!important;height:100%!important;transform:translateX(-50%)!important;translate:0 0;}
  .hero-orbit{left:50%!important;top:0!important;width:404px!important;transform:translateX(-50%)!important;translate:0 0;}
  .hero-rating{right:3%!important;bottom:8px!important;}
  .advantages-wrap{transform:none!important;}
}
@media (max-width:560px){
  .hero-inner{width:calc(100% - 32px);padding-top:32px!important;grid-template-areas:"kicker" "title" "visual" "benefits" "actions";gap:0!important;}
  .hero-copy{display:contents!important;}
  .hero-kicker{grid-area:kicker;}
  .hero-title{grid-area:title;}
  .hero-visual{grid-area:visual;margin:24px 0 20px;}
  .hero-benefits{grid-area:benefits;}
  .hero-actions{grid-area:actions;}
  .hero-kicker{min-height:32px;padding:0 12px 0 10px;font-size:11.5px!important;}
  .hero-title{font-size:40px!important;line-height:1.04!important;}
  .hero-title:after{width:72px;margin-top:17px;}
  .hero-benefits{min-height:86px;padding:6px!important;margin:0 0 22px!important;border-radius:20px;}
  .hero-benefit{grid-template-columns:32px minmax(0,1fr);gap:6px;min-height:72px;padding:5px 6px!important;}
  .hero-benefit-icon{width:32px!important;height:32px!important;border-radius:11px!important;font-size:12px!important;}
  .hero-benefit-label{font-size:10px!important;line-height:1.3!important;}
  .hero-primary,.hero-secondary{height:56px!important;width:100%;}
  .hero-visual{height:330px;}
  .hero-art{top:0!important;height:100%!important;}
  .hero-orbit{top:9px!important;width:310px!important;}
  .hero-rating{right:0!important;bottom:2px!important;transform:none!important;scale:.88;transform-origin:right bottom;}
  .hero-benefits,.hero-rating,.advantages-grid{backdrop-filter:none;-webkit-backdrop-filter:none;}
}
@media (prefers-reduced-motion:reduce){
  .hero-kicker,.hero-title,.hero-benefits,.hero-actions,.hero-orbit,.hero-art,.hero-rating{animation:none!important;opacity:1!important;transition:none!important;}
  .hero-orbit,.hero-art{translate:0 0!important;}
  .hero-orbit:before{animation:none!important;}
  .hero-primary:before{display:none;}
}
@media (min-width:1081px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .hero-stage[data-hero-motion="on"] .hero-art{transition:translate .18s cubic-bezier(.2,.75,.25,1);}
  .hero-stage[data-hero-motion="on"] .hero-orbit{transition:translate .24s cubic-bezier(.2,.75,.25,1);}
  .hero-stage.is-hero-interacting .hero-art,.hero-stage.is-hero-interacting .hero-orbit{will-change:translate;}
}
*/

/* ============ CLEAN REFERENCE HERO ============ */
.hero-stage{
  background:
    linear-gradient(180deg,rgba(255,255,255,.17) 0%,transparent 49%,rgba(18,73,132,.08) 100%),
    radial-gradient(circle 560px at calc(50% + 250px) 38%,rgba(255,255,255,.72) 0%,rgba(238,246,253,.42) 45%,transparent 73%),
    linear-gradient(101deg,#f2f6fb 0%,#edf4fa 46%,#dceaf6 65%,#bfd6e9 82%,#83acd2 100%)!important;
}
.hero-stage:before{
  inset:0 0 auto!important;
  height:78px!important;
  opacity:1!important;
  background:linear-gradient(180deg,rgba(31,84,139,.045),transparent)!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
.hero-stage:after{
  height:164px!important;
  background:linear-gradient(180deg,transparent,rgba(238,245,252,.36) 56%,#eef5fc 100%)!important;
}
.hero-section:before,.hero-section:after{display:none!important;}
.hero-kicker{
  display:block!important;
  width:auto!important;
  min-height:0!important;
  padding:0!important;
  margin:0 0 16px!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  color:#075cac!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  font-size:14px!important;
  line-height:22px!important;
}
.hero-kicker:before{display:none!important;}
.hero-title{
  max-width:505px!important;
  margin:0 0 24px!important;
  font-size:clamp(34px,4.4vw,54px)!important;
  line-height:1.04!important;
  letter-spacing:-.03em!important;
  color:#061f3f!important;
  text-shadow:none!important;
}
.hero-title span{
  color:#005ca5!important;
  background:none!important;
  -webkit-text-fill-color:currentColor!important;
}
.hero-title:after{display:none!important;}
.hero-benefits{
  position:static!important;
  display:flex!important;
  flex-direction:column!important;
  width:auto!important;
  max-width:none!important;
  min-height:0!important;
  gap:14px!important;
  margin:6px 0 30px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.hero-benefit{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-height:0!important;
  padding:0!important;
  border-radius:0!important;
  background:none!important;
  translate:none!important;
}
.hero-benefit+.hero-benefit:before{display:none!important;}
.hero-benefit-icon{
  width:22px!important;
  height:22px!important;
  border:1px solid rgba(0,92,165,.14)!important;
  border-radius:50%!important;
  background:rgba(0,92,165,.09)!important;
  color:#005ca5!important;
  box-shadow:0 6px 14px -12px rgba(0,72,137,.55)!important;
  font-size:12px!important;
}
.hero-benefit-label{
  display:inline!important;
  max-width:none!important;
  margin:0!important;
  color:#163754!important;
  font-size:16px!important;
  font-weight:600!important;
  line-height:1.4!important;
}
.hero-actions{position:static!important;gap:12px!important;}
.hero-primary,.hero-secondary{
  height:auto!important;
  border-radius:999px!important;
  translate:none!important;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important;
}
.hero-primary{
  min-width:0!important;
  padding:16px 30px!important;
  font-size:16px!important;
  background:linear-gradient(135deg,#0057ad,#0872c7)!important;
  border:0!important;
  box-shadow:0 14px 30px -18px rgba(0,65,135,.75)!important;
}
.hero-primary:before{display:none!important;}
.hero-primary>span{display:inline!important;width:auto!important;height:auto!important;margin-left:0!important;border:0!important;background:none!important;}
.hero-secondary{
  min-width:0!important;
  padding:15px 20px!important;
  font-size:14px!important;
  font-weight:650!important;
  background:rgba(255,255,255,.62)!important;
  border:1px solid rgba(124,155,187,.2)!important;
  box-shadow:0 8px 20px -19px rgba(0,44,91,.48)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.hero-primary:hover,.hero-secondary:hover{transform:translateY(-1px);}
.hero-orbit{
  left:62px!important;
  top:-2px!important;
  width:480px!important;
  transform:none!important;
  translate:none!important;
  border:0!important;
  background:radial-gradient(circle at 36% 28%,rgba(255,255,255,.97) 0 10%,rgba(229,242,252,.9) 38%,rgba(183,215,240,.68) 68%,rgba(102,164,216,.24) 100%)!important;
  box-shadow:0 44px 90px -62px rgba(27,78,132,.32)!important;
}
.hero-orbit:before,.hero-orbit:after{display:none!important;}
.hero-art{
  left:0!important;
  top:-48px!important;
  width:1028px!important;
  height:auto!important;
  transform:translateX(-19.2%)!important;
  translate:none!important;
  scale:1!important;
  filter:none!important;
  image-rendering:auto;
}
.hero-rating{
  right:8px!important;
  bottom:17px!important;
  min-height:0!important;
  padding:9px 24px!important;
  border:1px solid rgba(255,255,255,.92)!important;
  background:#fff!important;
  box-shadow:0 12px 28px -16px rgba(8,53,99,.3)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  translate:none!important;
}
.advantages-wrap{transform:none!important;}
.advantages-grid{
  border-radius:20px!important;
  border:1px solid rgba(255,255,255,.82)!important;
  background:#fff!important;
  box-shadow:0 18px 50px -34px rgba(8,53,99,.34)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.advantage-card{background:#fff!important;}
.advantage-card:before{display:none!important;}
.advantage-card:hover{background:rgba(255,255,255,.96)!important;}
.advantage-card>div:first-child>span{translate:none!important;}
.hero-kicker,.hero-title,.hero-benefits,.hero-actions,.hero-orbit,.hero-art,.hero-rating{animation:none!important;opacity:1!important;}

@media (min-width:1081px){
  .hero-inner{grid-template-columns:clamp(430px,41.5vw,505px) minmax(0,1fr)!important;gap:clamp(24px,3vw,48px)!important;}
  .hero-copy{padding-top:8px;}
  .hero-visual{left:-24px;}
  .hero-art{width:min(1000px,calc(148.5% - 27px))!important;top:clamp(-34px,calc(30.3px - 5.03vw),-24px)!important;}
  .hero-orbit{left:clamp(39px,calc(15.08vw - 124px),69px)!important;top:clamp(4px,calc(2.01vw - 17.7px),8px)!important;width:clamp(420px,calc(23.12vw + 170px),466px)!important;}
}
@media (min-width:1280px){
  .hero-visual{left:-34px;}
}
@media (min-width:901px) and (max-width:1080px){
  .hero-inner{width:calc(100% - 40px);height:auto!important;padding:42px 0 26px!important;grid-template-columns:1fr!important;gap:24px!important;}
  .hero-copy{height:auto!important;}
  .hero-title{max-width:620px!important;}
  .hero-benefits{position:static!important;width:auto!important;max-width:560px!important;margin:4px 0 34px!important;}
  .hero-actions{position:static!important;}
  .hero-visual{height:clamp(410px,41vw,440px);}
  .hero-art{left:50%!important;top:0!important;width:auto!important;height:100%!important;transform:translateX(-50%)!important;}
  .hero-orbit{left:50%!important;top:-8px!important;width:clamp(390px,40vw,430px)!important;transform:translateX(-50%)!important;}
  .hero-visual:before{left:50%;bottom:-12px;width:min(620px,96vw);transform:translateX(-50%);}
  .hero-visual:after{display:none;}
  .hero-rating{right:4%!important;bottom:10px!important;}
  .advantages-wrap{transform:none!important;}
}
@media (max-width:900px){
  .hero-visual{height:clamp(300px,48vw,410px);}
  .hero-art{left:50%!important;top:0!important;width:auto!important;height:100%!important;transform:translateX(-50%)!important;}
  .hero-orbit{left:50%!important;top:-8px!important;width:clamp(290px,43vw,390px)!important;transform:translateX(-50%)!important;}
  .hero-rating{right:4%!important;bottom:10px!important;}
  .hero-benefits{top:auto!important;width:100%!important;}
  .hero-actions{top:auto!important;}
}
@media (max-width:560px){
  .hero-title{font-size:34px!important;line-height:1.04!important;}
  .hero-benefits{gap:14px!important;}
  .hero-benefit-label{font-size:16px!important;}
  .hero-rating{transform:scale(.9)!important;scale:1!important;}
}

/* ============ COMPLETE PAGE SYSTEM ============ */
.skip-link{position:fixed;left:16px;top:12px;z-index:1000;padding:11px 16px;border-radius:10px;background:#fff;color:#061f3f;font-weight:700;box-shadow:0 12px 34px rgba(6,31,63,.22);transform:translateY(-160%);transition:transform .2s ease;}
.skip-link:focus{transform:translateY(0);}
.section-shell{width:calc(100% - 48px);max-width:1276px;margin-inline:auto;}
.page-section{padding:92px 0 0;scroll-margin-top:66px;}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:34px;}
.section-head-copy{max-width:670px;}
.section-eyebrow{margin:0 0 10px;color:#005ca5;font-size:13px;font-weight:750;letter-spacing:.055em;text-transform:uppercase;}
.section-title{margin:0;color:#061f3f;font-size:clamp(30px,3.2vw,42px);font-weight:800;line-height:1.08;letter-spacing:-.035em;text-wrap:balance;}
.section-lead{max-width:650px;margin:13px 0 0;color:#506d89;font-size:16px;line-height:1.65;text-wrap:pretty;}
.section-action{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border:1px solid #cbd9e6;border-radius:999px;color:#075ca7;font-size:14px;font-weight:700;white-space:nowrap;transition:border-color .2s ease,background .2s ease,transform .2s ease;}
.section-action:hover{border-color:#7aaed4;background:#f5f9fd;color:#075ca7;transform:translateY(-1px);}

.repair-section{padding-top:88px;}
.repair-panel{overflow:hidden;border:1px solid #dce7f1;border-radius:28px;background:#f8fbfe;box-shadow:0 26px 64px -48px rgba(7,51,96,.34);}
.repair-intro{padding:36px 38px 32px;background:linear-gradient(115deg,#fff 0%,#f5f9fd 58%,#e9f3fb 100%);}
.repair-step{padding:30px 38px;border-top:1px solid #e3ecf4;}
.repair-step-heading{display:flex;align-items:center;gap:13px;margin-bottom:20px;color:#0a2540;font-size:20px;font-weight:800;letter-spacing:-.02em;}
.repair-step-number{display:inline-grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:#e7f2fb;color:#005ca5;font-size:13px;font-weight:800;}
.devices-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.device-card{appearance:none;display:block;min-width:0;padding:12px 12px 15px;border:1px solid #dce6ef;border-radius:18px;background:#fff;color:#0a2540;text-align:left;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;}
.device-card:hover{border-color:#9cc2df;box-shadow:0 18px 36px -28px rgba(6,55,104,.45);transform:translateY(-2px);}
.device-card[aria-pressed="true"]{border-color:#64A9D1;box-shadow:0 0 0 3px rgba(22,117,187,.1),0 18px 36px -28px rgba(6,55,104,.45);}
.device-media{height:132px;border-radius:13px;background:linear-gradient(145deg,#f4f8fc,#eaf2f9);display:flex;align-items:center;justify-content:center;overflow:hidden;}
.device-media .dev-img{display:block;width:100%;height:100%;object-fit:contain;}
.device-meta{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:13px;}
.device-name{display:block;color:#0a2540;font-size:15px;font-weight:750;line-height:1.3;}
.device-price{display:block;margin-top:3px;color:#4e759d;font-size:12.5px;font-weight:600;}
.device-arrow{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:#f0f6fb;color:#005ca5;font-size:15px;transition:background .2s ease,color .2s ease;}
.device-card[aria-pressed="true"] .device-arrow{background:#005ca5;color:#fff;}
.brand-chips{display:flex;flex-wrap:wrap;gap:10px;}
.brand-extra{margin-top:10px;}
.brand-chip,.brand-more{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 17px;border:1px solid #d7e3ed;border-radius:999px;background:#fff;color:#3f6283;font:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease,transform .2s ease;}
.brand-chip:hover,.brand-more:hover{border-color:#8db9da;color:#005ca5;transform:translateY(-1px);}
.brand-chip[aria-pressed="true"]{border-color:#005ca5;background:#005ca5;color:#fff;box-shadow:0 10px 24px -18px rgba(0,76,151,.72);}
.brand-more{background:#edf5fb;color:#075ca7;}
.model-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px;max-width:760px;}
.field-group{display:flex;flex-direction:column;gap:8px;min-width:0;}
.field-label{color:#0a2540;font-size:13px;font-weight:750;}
.form-control{width:100%;height:52px;border:1px solid #cfdde9;border-radius:13px;background:#fff;padding:0 16px;color:#0a2540;font:inherit;font-size:15px;outline:0;transition:border-color .2s ease,box-shadow .2s ease;}
.form-control::placeholder{color:#5276A0;}
.form-control:focus{border-color:#64A9D1;box-shadow:0 0 0 4px rgba(22,117,187,.11);}
.field-help{color:#5C7387;font-size:12px;line-height:1.45;}
.issues-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.issue-card{appearance:none;display:flex;align-items:center;gap:13px;min-height:72px;padding:13px 15px;border:1px solid #dce6ef;border-radius:15px;background:#fff;color:#0a2540;text-align:left;font:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;}
.issue-card:hover{border-color:#9cc2df;transform:translateY(-1px);}
.issue-card[aria-pressed="true"]{border-color:#64A9D1;box-shadow:0 0 0 3px rgba(22,117,187,.1);}
.issue-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:12px;background:#edf5fb;color:#005ca5;font-size:19px;font-weight:800;}
.issue-card strong{display:block;color:#0a2540;font-size:14px;line-height:1.35;}
.issue-card small{display:block;margin-top:3px;color:#5C7387;font-size:11.5px;font-weight:550;line-height:1.35;}
.repair-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;padding:28px 38px;background:#061f3f;color:#fff;}
.summary-label{display:block;color:#9fc4e0;font-size:12px;font-weight:750;letter-spacing:.06em;text-transform:uppercase;}
.summary-value{display:block;margin-top:7px;color:#fff;font-size:20px;font-weight:800;line-height:1.35;letter-spacing:-.02em;}
.summary-note{display:block;margin-top:6px;color:#b9ccdc;font-size:13px;line-height:1.5;}
.summary-actions{display:flex;align-items:center;gap:10px;}
.button-primary,.button-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 23px;border-radius:999px;font-size:14px;font-weight:750;white-space:nowrap;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;}
.button-primary{border:1px solid #0a74c4;background:#0872c7;color:#fff;box-shadow:0 16px 28px -20px rgba(0,128,222,.72);}
.button-primary:hover{background:#0a64ad;color:#fff;transform:translateY(-1px);}
.button-secondary{border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.08);color:#fff;}
.button-secondary:hover{background:rgba(255,255,255,.14);color:#fff;transform:translateY(-1px);}

.callback-section{padding-top:72px;}
.callback-panel{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.78fr);align-items:center;gap:52px;padding:52px 56px;border-radius:28px;background:linear-gradient(125deg,#061f3f 0%,#07345f 58%,#075c9f 100%);color:#fff;box-shadow:0 28px 64px -46px rgba(4,40,79,.7);}
.callback-panel:after{content:"";position:absolute;right:-120px;top:-180px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(106,190,241,.18),transparent 67%);pointer-events:none;}
.callback-copy,.callback-card{position:relative;z-index:1;min-width:0;}
.callback-eyebrow{margin:0 0 12px;color:#8dc9ef;font-size:13px;font-weight:750;letter-spacing:.055em;text-transform:uppercase;}
.callback-title{max-width:560px;margin:0;color:#fff;font-size:clamp(30px,3vw,42px);font-weight:800;line-height:1.08;letter-spacing:-.035em;text-wrap:balance;}
.callback-text{max-width:560px;margin:15px 0 0;color:#c3d6e6;font-size:16px;line-height:1.65;}
.callback-context{display:inline-flex;align-items:center;min-height:38px;margin-top:22px;padding:8px 13px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.08);color:#e7f3fb;font-size:13px;font-weight:650;}
.callback-estimate{margin-top:24px;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:rgba(255,255,255,.06);}
.estimate-row{display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding:14px 18px;}
.estimate-row + .estimate-row{border-top:1px solid rgba(255,255,255,.1);}
.estimate-label{flex:0 0 auto;color:#9fc4e0;font-size:11.5px;font-weight:750;letter-spacing:.05em;text-transform:uppercase;}
.estimate-choice{color:#eaf3fb;font-size:14px;font-weight:650;line-height:1.4;text-align:right;}
.estimate-price{color:#fff;font-size:21px;font-weight:800;letter-spacing:-.02em;text-align:right;white-space:nowrap;}
.callback-trust{display:flex;flex-wrap:wrap;gap:10px 18px;margin:22px 0 0;padding:0;list-style:none;color:#d7e6f2;font-size:13px;}
.callback-trust li:before{content:"✓";margin-right:7px;color:#6fc4ee;font-weight:800;}
.callback-card{padding:24px;border:1px solid rgba(255,255,255,.18);border-radius:20px;background:#fff;color:#0a2540;box-shadow:0 22px 50px -36px rgba(0,0,0,.6);}
.callback-form{display:flex;flex-direction:column;gap:13px;margin-bottom:16px;}
.callback-submit{appearance:none;min-height:52px;border:0;border-radius:999px;background:linear-gradient(135deg,#0058ad,#0877ca);color:#fff;font:inherit;font-size:15px;font-weight:800;cursor:pointer;box-shadow:0 14px 28px -20px rgba(0,77,151,.72);}
.callback-submit:hover{background:#075ca7;}
.consent-copy{margin:0;color:#63798D;font-size:11px;line-height:1.5;text-align:center;}
.callback-success{padding:24px 16px;text-align:center;}
.success-mark{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 14px;border-radius:50%;background:#e8f4fb;color:#0062ad;font-size:24px;font-weight:800;}

.reviews-section{margin-top:92px;padding:84px 0;background:#f3f8fc;scroll-margin-top:66px;}
.reviews-summary{display:flex;align-items:center;gap:11px;min-height:50px;padding:0 17px;border:1px solid #dbe6ef;border-radius:999px;background:#fff;white-space:nowrap;}
.reviews-summary strong{color:#061f3f;font-size:22px;}
.reviews-summary span{color:#5F7992;font-size:12px;}
.reviews-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
.branch-review-card{min-width:0;padding:26px;border:1px solid #dfe8f0;border-radius:22px;background:#fff;box-shadow:0 20px 50px -42px rgba(7,51,96,.34);}
.branch-head{display:flex;align-items:center;gap:13px;padding-bottom:19px;border-bottom:1px solid #e7eef4;}
.branch-head img{flex:0 0 32px;width:32px;height:32px;}
.branch-name{color:#0a2540;font-size:16px;font-weight:800;}
.branch-metro{margin-top:2px;color:#5C7387;font-size:12px;}
.branch-rating{margin-left:auto;text-align:right;}
.branch-rating-line{display:flex;align-items:center;justify-content:flex-end;gap:7px;}
.branch-rating-line strong{color:#061f3f;font-size:22px;}
.stars{color:#A06800;font-size:13px;letter-spacing:1px;}
.branch-count{margin-top:2px;color:#5C7387;font-size:12px;}
.review-list{display:flex;flex-direction:column;}
.review-item{margin:0;padding:20px 0;border-bottom:1px solid #eaf0f5;}
.review-item:last-child{border-bottom:0;}
.review-meta{display:flex;align-items:center;gap:10px;margin-bottom:9px;}
.review-initial{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#edf4fa;color:#005ca5;font-size:13px;font-weight:800;}
.review-author,.review-date{display:block;}
.review-author{color:#0a2540;font-size:13px;font-weight:750;}
.review-date{margin-top:1px;color:#5C7387;font-size:11px;}
.review-copy{margin:0;color:#435f7b;font-size:14px;line-height:1.65;}
.branch-link{display:flex;align-items:center;justify-content:center;min-height:46px;margin-top:4px;border:1px solid #dbe6ef;border-radius:12px;background:#f6f9fc;color:#075ca7;font-size:13px;font-weight:750;}
.branch-link:hover{border-color:#8db9da;background:#eef6fb;color:#075ca7;}

.process-section{padding:88px 0;background:#fff;scroll-margin-top:66px;}
.process-grid{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:40px;margin-bottom:0;padding-left:0;list-style:none;}
.process-step{list-style:none;}
.process-grid:before{content:"";position:absolute;left:22px;right:22px;top:22px;height:1px;background:#cddde9;}
.process-step{position:relative;min-width:0;padding-top:58px;}
.process-number{position:absolute;left:0;top:0;display:grid;place-items:center;width:44px;height:44px;border:7px solid #fff;border-radius:50%;background:#005ca5;color:#fff;font-size:13px;font-weight:800;box-shadow:0 0 0 1px #b8d3e7;}
.process-step h3{margin:0;color:#0a2540;font-size:18px;font-weight:800;line-height:1.3;}
.process-step p{margin:9px 0 0;color:#506d89;font-size:14px;line-height:1.65;}
.process-proof{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;margin-top:48px;padding:30px 32px;border:1px solid #dce7f0;border-radius:22px;background:#f5f9fc;}
.process-proof h3{margin:0;color:#0a2540;font-size:22px;font-weight:800;letter-spacing:-.02em;}
.process-proof p{margin:10px 0 0;color:#506d89;font-size:14px;line-height:1.65;}
.proof-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;}
.proof-list li{display:flex;gap:9px;color:#264965;font-size:13px;font-weight:650;}
.proof-list li:before{content:"✓";color:#0064b1;font-weight:800;}

.promos-section{padding:88px 0;background:#f5f9fc;scroll-margin-top:66px;}
.promos-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.promo-card{position:relative;display:flex;min-height:180px;flex-direction:column;padding:26px;border:1px solid #dce7f0;border-radius:20px;background:#fff;overflow:hidden;}
.promo-card:nth-child(4n+1){background:linear-gradient(135deg,#fff,#edf6fc);}
.promo-tag{width:max-content;max-width:100%;padding:6px 10px;border-radius:999px;background:#e9f3fa;color:#075ca7;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;}
.promo-title{max-width:470px;margin-top:24px;color:#0a2540;font-size:20px;font-weight:800;line-height:1.32;letter-spacing:-.02em;text-wrap:pretty;}
.promo-link{display:inline-flex;align-items:center;min-height:44px;width:max-content;margin-top:auto;color:#075ca7;font-size:13px;font-weight:750;}
.promo-detail-section{padding:68px 0 88px;background:#f5f9fc;}
.promo-detail-card{max-width:820px;padding:32px 36px;border:1px solid #dce7f0;border-radius:22px;background:#fff;box-shadow:0 18px 44px -40px rgba(7,47,78,.5);}
.promo-detail-card p{margin:0;color:#405f7b;font-size:16px;line-height:1.7;}
.promo-detail-card p+p{margin-top:16px;}
.promo-detail-content>*:first-child{margin-top:0;}
.promo-detail-content>*:last-child{margin-bottom:0;}
.promo-detail-content h2,.promo-detail-content h3{color:#0a2540;}
.promo-detail-card--archive{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:none;background:linear-gradient(135deg,#fff,#edf6fc);}
.promo-detail-card--archive p{max-width:700px;}
.promo-notice{padding:24px 26px;border:1px solid #dce7f0;border-radius:18px;background:#fff;color:#405f7b;line-height:1.6;}
.promo-notice p{margin:0;}

.contacts-section{padding:88px 0;background:#fff;scroll-margin-top:66px;}
.contacts-layout{display:grid;grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr);gap:22px;align-items:stretch;}
.branch-picker{display:flex;flex-direction:column;gap:12px;}
.branch-option{position:relative;padding:0 18px 10px;border:1px solid #dce7f0;border-radius:18px;background:#fff;}
.branch-button{appearance:none;display:block;width:100%;padding:20px;border:1px solid #dce7f0;border-radius:18px;background:#fff;color:#0a2540;text-align:left;font:inherit;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;}
.branch-option .branch-button{margin:0 -18px;width:calc(100% + 36px);border:0;border-bottom:1px solid #e8eff5;border-radius:18px 18px 0 0;}
.branch-button:hover{border-color:#9cc2df;transform:translateY(-1px);}
.branch-button[aria-pressed="true"]{border-color:#64A9D1;background:#f3f9fd;box-shadow:0 0 0 3px rgba(22,117,187,.09);}
.branch-button strong{display:block;font-size:16px;}
.branch-button span{display:block;margin-top:5px;color:#55738f;font-size:13px;line-height:1.5;}
.branch-phone{display:inline-flex;align-items:center;min-height:44px;margin-top:8px;color:#075ca7;font-size:15px;font-weight:800;}
.contacts-note{margin:4px 0 0;padding:16px 18px;border-radius:15px;background:#f3f7fa;color:#4b6884;font-size:13px;line-height:1.55;}
.map-frame{position:relative;min-height:440px;overflow:hidden;border:1px solid #dce7f0;border-radius:22px;background:#eaf1f6;}
.map-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:saturate(.78) contrast(.96);}

.faq-section{padding:88px 0;background:#f5f9fc;scroll-margin-top:66px;}
.faq-layout{display:grid;grid-template-columns:minmax(260px,.82fr) minmax(0,1.7fr);gap:clamp(32px,4vw,64px);align-items:start;}
.faq-intro{position:sticky;top:90px;}
.faq-intro .section-lead{margin-bottom:22px;}
.faq-ask{display:inline-flex;}
.faq-list{border-top:1px solid #d9e5ee;}
.faq-item{border-bottom:1px solid #d9e5ee;}
.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:74px;padding:16px 2px;color:#0a2540;font-size:16px;font-weight:750;cursor:pointer;list-style:none;}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary:after{content:"+";display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:#e6f1f9;color:#005ca5;font-size:20px;font-weight:500;transition:transform .2s ease;}
.faq-item[open] summary:after{transform:rotate(45deg);}
.faq-answer{max-width:none;margin:0;padding:0 48px 22px 2px;color:#4b6884;font-size:14px;line-height:1.7;}
.faq-answer p{margin:0 0 10px;}
.faq-answer>:last-child{margin-bottom:0;}
.faq-answer ul,.faq-answer ol{margin:8px 0 10px;padding-left:22px;}

.final-cta{padding:72px 0 88px;background:#fff;scroll-margin-top:66px;}
.final-cta-panel{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:38px 42px;border:1px solid #d8e6f0;border-radius:24px;background:linear-gradient(118deg,#edf6fc,#dcecf8);}
.final-cta h2{max-width:650px;margin:0;color:#061f3f;font-size:clamp(27px,3vw,38px);font-weight:800;line-height:1.12;letter-spacing:-.035em;}
.final-cta p{max-width:650px;margin:10px 0 0;color:#4A6580;font-size:14px;line-height:1.6;}
.final-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto;}
.final-actions .button-secondary{border-color:#b9cfdf;background:rgba(255,255,255,.52);color:#075ca7;}
.final-actions .button-secondary:hover{background:#fff;color:#075ca7;}

.site-footer{position:relative;padding:60px 0 0;background:#061f3f;color:#aebfd0;}
.site-footer::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#075eae,#0a74c4 45%,#6fc4ee);}
.footer-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1.4fr;gap:40px;padding-bottom:46px;}
.footer-brand{display:inline-flex;align-items:center;font-size:24px;font-weight:800;letter-spacing:-.02em;color:#fff;line-height:1;}
.footer-brand b{background:#0a74c4;border-radius:7px;padding:3px 8px;margin:0 3px;font-weight:800;}
.footer-tagline{margin:16px 0 0;max-width:330px;color:#7B8A9A;font-size:13px;line-height:1.65;}
.footer-rating{display:inline-flex;align-items:center;gap:11px;margin-top:22px;padding:9px 15px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.04);}
.footer-rating strong{color:#fff;font-size:22px;line-height:1;}
.footer-rating .stars{color:#f5b301;font-size:13px;letter-spacing:1.5px;}
.footer-rating small{display:block;color:#798A9A;font-size:11px;margin-top:3px;}
.footer-legal-id{margin-top:22px;color:#768D9F;font-size:12px;line-height:1.7;}
.footer-title{margin:0 0 15px;color:#fff;font-size:12px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;}
.footer-links{display:flex;flex-direction:column;gap:1px;}
.footer-link{display:inline-flex;align-items:center;min-height:40px;width:max-content;max-width:100%;color:#aebfd0;font-size:14px;transition:color .2s ease,transform .2s ease;}
.footer-link:hover{color:#fff;transform:translateX(3px);}
.footer-phone{display:flex;align-items:center;min-height:36px;color:#fff;font-size:18px;font-weight:800;letter-spacing:-.01em;transition:color .2s ease;}
.footer-phone:hover{color:#6fc4ee;}
.footer-branches{margin-top:18px;display:flex;flex-direction:column;gap:13px;}
.footer-branch{color:#7B8A9A;font-size:13px;line-height:1.5;}
.footer-branch strong{display:block;color:#fff;font-weight:700;margin-bottom:1px;}
.footer-hours{margin-top:16px;color:#7B8A9A;font-size:12.5px;}
.footer-hours b{color:#fff;font-weight:700;}
.footer-bottom-wrap{border-top:1px solid rgba(255,255,255,.09);}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:22px;padding-block:22px;}
.footer-disclaimer{max-width:840px;color:#768D9F;font-size:11px;line-height:1.65;}
.payment-list{display:flex;align-items:center;gap:10px;flex:0 0 auto;}
.payment-list img{display:block;width:auto;height:28px;object-fit:contain;}

/* Mobile call bar — on phones the header contacts are hidden, so keep a
   tap-to-call and the request CTA within thumb reach at all times. */
.mobile-callbar{display:none;}
@media (max-width:900px){
  .mobile-callbar{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    position:fixed;
    left:0;right:0;bottom:0;
    z-index:60;
    padding:10px 14px calc(10px + env(safe-area-inset-bottom));
    background:rgba(255,255,255,.94);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    border-top:1px solid #dbe6ef;
    box-shadow:0 -8px 26px -18px rgba(7,51,96,.45);
  }
  .mobile-callbar a{
    display:flex;align-items:center;justify-content:center;gap:8px;
    min-height:50px;border-radius:999px;
    font-size:15px;font-weight:800;letter-spacing:-.01em;
  }
  .callbar-call{background:#0872c7;color:#fff;border:1px solid #0a74c4;box-shadow:0 14px 26px -20px rgba(0,128,222,.8);}
  .callbar-call:hover{color:#fff;}
  .callbar-lead{background:#eef5fb;color:#075ca7;border:1px solid #cfe0ef;}
  .callbar-lead:hover{color:#075ca7;}
  /* keep the footer clear of the fixed bar */
  .site-footer{padding-bottom:78px;}
}

:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 5px #005ca5;}

/* Поисковые формы — рамка фокуса на форме, а не на поле.

   Поле лежит внутри скруглённой «таблетки», собственных скруглений у него нет
   и быть не должно. Общая рамка фокуса рисовалась вокруг самого поля и
   получалась жёстким синим прямоугольником внутри круглой формы. Переносим
   рамку на обёртку: она повторяет её форму, и видно ровно то, что человек
   считает одним элементом. */
.site-search input:focus-visible,
.page-search input:focus-visible{
  outline:none;
  box-shadow:none;
}
.site-search:focus-within,
.page-search:focus-within{
  outline:2px solid #fff;
  outline-offset:2px;
  box-shadow:0 0 0 4px #005ca5;
}
/* Кнопка внутри формы уже обведена рамкой самой формы — вторая поверх неё
   выглядит как ошибка. */
.site-search button:focus-visible,
.page-search button:focus-visible{
  outline:none;
  box-shadow:none;
}
[hidden]{display:none!important;}
.brand-chips>sc-for,.reviews-grid>sc-for,.review-list>sc-for,.promos-grid>sc-for{display:contents;}

@media (max-width:1180px){
  .devices-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .issues-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .callback-panel{gap:34px;padding:44px;grid-template-columns:minmax(0,1fr) minmax(340px,.8fr);}
  .process-grid{gap:20px;}
  .contacts-layout{grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);}
}
@media (max-width:900px){
  .page-section{padding-top:72px;}
  .section-head{align-items:flex-start;flex-direction:column;margin-bottom:28px;}
  .devices-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .repair-intro,.repair-step{padding-left:28px;padding-right:28px;}
  .repair-summary{grid-template-columns:1fr;padding:26px 28px;}
  .summary-actions{justify-content:flex-start;}
  .callback-panel{grid-template-columns:1fr;gap:28px;padding:36px;}
  .reviews-grid{grid-template-columns:1fr;}
  .process-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px;}
  .process-grid:before{display:none;}
  .process-proof{grid-template-columns:1fr;}
  .contacts-layout{grid-template-columns:1fr;}
  .branch-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
  .contacts-note{grid-column:1/-1;}
  .map-frame{min-height:360px;}
  .final-cta-panel{align-items:flex-start;flex-direction:column;padding:32px;}
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .faq-layout{grid-template-columns:1fr;gap:24px;}
  .faq-intro{position:static;}
  .faq-list{margin-top:4px;}
}
@media (max-width:560px){
  .section-shell{width:calc(100% - 32px);}
  .page-section{padding-top:62px;}
  .section-title{font-size:30px;}
  .section-lead{font-size:14px;}
  .repair-panel{border-radius:22px;}
  .repair-intro,.repair-step{padding:24px 20px;}
  .repair-step-heading{align-items:flex-start;font-size:18px;}
  .devices-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .device-card{padding:9px 9px 12px;border-radius:15px;}
  .device-media{height:92px;}
  .device-name{font-size:13px;}
  .device-price{font-size:11px;}
  .device-arrow{display:none;}
  .brand-chip,.brand-more{min-height:42px;padding-inline:14px;font-size:13px;}
  .model-row{grid-template-columns:1fr;}
  .issues-grid{grid-template-columns:1fr;}
  .issue-card{min-height:60px;}
  .repair-summary{padding:24px 20px;}
  .summary-value{font-size:18px;}
  .summary-actions{align-items:stretch;flex-direction:column;}
  .summary-actions a{width:100%;}
  .callback-section{padding-top:48px;}
  .estimate-row{flex-direction:column;align-items:flex-start;gap:5px;}
  .estimate-choice,.estimate-price{text-align:left;}
  .callback-panel{padding:26px 20px;border-radius:22px;}
  .callback-card{padding:19px;}
  .callback-title{font-size:30px;}
  .reviews-section{margin-top:64px;padding:62px 0;}
  .reviews-summary{align-self:flex-start;}
  .branch-review-card{padding:20px;}
  .branch-head{align-items:flex-start;flex-wrap:wrap;}
  .branch-rating{flex:0 0 100%;margin-left:45px;text-align:left;}
  .branch-rating-line{justify-content:flex-start;}
  .process-section{padding:62px 0;}
  .process-grid{grid-template-columns:1fr;gap:24px;}
  .process-step{padding:0 0 0 56px;min-height:46px;}
  .process-number{left:0;top:0;}
  .process-proof{margin-top:36px;padding:24px 20px;}
  .proof-list{grid-template-columns:1fr;}
  .promos-section,.contacts-section,.faq-section{padding:62px 0;}
  .promos-grid{grid-template-columns:1fr;}
  .promo-card{min-height:168px;padding:22px;}
  .promo-detail-section{padding:48px 0 62px;}
  .promo-detail-card{padding:24px 20px;border-radius:18px;}
  .promo-detail-card--archive{align-items:flex-start;flex-direction:column;}
  .branch-picker{grid-template-columns:1fr;}
  .map-frame{min-height:300px;}
  .faq-item summary{min-height:68px;font-size:15px;}
  .faq-answer{padding-right:6px;}
  .final-cta{padding:52px 0 64px;}
  .final-cta-panel{padding:26px 20px;}
  .final-actions{align-items:stretch;flex-direction:column;width:100%;}
  .final-actions a{width:100%;}
  .footer-grid{grid-template-columns:1fr;gap:28px;}
  .footer-bottom{align-items:flex-start;flex-direction:column;}
}

/* ============ VIEWPORT HERO + FAST REPAIR PATH ============ */
.hero-stage{
  --header-stack-height:215px;
  min-height:calc(100vh - var(--header-stack-height));
  min-height:calc(100dvh - var(--header-stack-height));
}
.quick-repair{
  margin-top:-1px;
  padding:64px 0 76px;
  background:linear-gradient(180deg,#eef5fc 0%,#f7fafc 145px,#fff 100%);
}
.quick-repair-panel{
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.quick-repair-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:28px;
  padding:0;
  background:none;
}
.quick-repair-head>div{max-width:680px;}
.quick-device-step{padding:28px 0 0;border:0;}
.quick-device-step .repair-step-heading{margin-bottom:17px;font-size:16px;}
.quick-device-grid{
  grid-template-columns:repeat(8,minmax(0,1fr));
  gap:12px;
}
.quick-device-grid .device-card{
  min-height:142px;
  padding:10px 10px 13px;
  border-radius:18px;
  box-shadow:0 16px 38px -32px rgba(8,53,99,.36);
}
.quick-device-grid .device-media{height:72px;}
/* Раньше картинку увеличивали на 28 % внутри окна с overflow:hidden — так
   старые снимки с широкими пустыми полями казались крупнее. Снимки заказчика
   уже скадрированы под плитку, и это увеличение стало срезать устройству
   углы. Показываем целиком. */
.quick-device-grid .device-media .dev-img{transform:none;}
.quick-device-grid .device-name{font-size:14px;}
.quick-device-grid .device-price{font-size:11.5px;}
.quick-device-grid .device-arrow{display:none;}
.quick-repair-step{margin-top:30px;padding:30px 0 0;border-top:1px solid #e3ecf4;}
.quick-repair-step .model-row{margin-top:20px;}
.step-optional{margin-left:9px;color:#5276A0;font-size:12px;font-weight:650;letter-spacing:0;}

/* Step 4 = the contact panel, so the flow ends inside the same section */
.contact-step{scroll-margin-top:76px;}
.contact-step .callback-panel{margin-top:22px;}
.contact-step .callback-copy .callback-estimate{margin-top:0;}
.contact-step .callback-text{margin:20px 0 0;}

/* Guide the eye: the step waiting for input gets a soft blue cue, completed
   steps get a check on the number badge. */
.repair-step[data-step-state="next"] .repair-step-number{
  background:#005ca5;color:#fff;
  box-shadow:0 0 0 5px rgba(0,92,165,.14);
}
.repair-step[data-step-state="done"] .repair-step-number{background:#dff0e4;color:#1c7a41;font-size:0;}
.repair-step[data-step-state="done"] .repair-step-number:after{content:"✓";font-size:14px;font-weight:800;}
.quick-repair-summary{margin-top:24px;border-radius:22px;}
.repair-optional{
  margin-top:14px;
  overflow:hidden;
  border:1px solid #dce7f1;
  border-radius:18px;
  background:rgba(255,255,255,.82);
}
.repair-optional>summary{
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:12px 18px;
  color:#204462;
  cursor:pointer;
  list-style:none;
  font-size:14px;
  font-weight:750;
}
.repair-optional>summary::-webkit-details-marker{display:none;}
.repair-optional>summary small{
  margin-left:7px;
  color:#5276A0;
  font-size:11px;
  font-weight:650;
}
.repair-optional-icon{
  display:grid;
  place-items:center;
  flex:0 0 30px;
  width:30px;
  height:30px;
  border-radius:50%;
  background:#edf5fb;
  color:#075ca7;
  font-size:18px;
  transition:transform .2s ease;
}
.repair-optional[open] .repair-optional-icon{transform:rotate(45deg);}
.repair-optional-body{border-top:1px solid #e3ecf4;}
.repair-optional .repair-step:first-child{border-top:0;}

@media (max-width:1279px){
  .quick-device-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
}
@media (max-width:900px){
  .hero-stage{--header-stack-height:221px;}
  .quick-repair{padding:54px 0 64px;}
}
@media (max-width:700px){
  .quick-repair{padding:46px 0 54px;}
  .quick-repair-head{align-items:flex-start;flex-direction:column;gap:18px;}
  .quick-device-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .quick-device-grid .device-card{
    min-height:72px;
    display:grid;
    grid-template-columns:44px minmax(0,1fr);
    align-items:center;
    gap:10px;
    padding:9px;
    border-radius:15px;
  }
  .quick-device-grid .device-media{width:44px;height:44px;border-radius:11px;}
  .quick-device-grid .device-meta{margin:0;}
  .quick-device-grid .device-name{font-size:13px;}
  .quick-device-grid .device-price{font-size:10.5px;}
  .quick-repair-summary{margin-top:18px;border-radius:18px;}
  .repair-optional>summary{align-items:flex-start;}
  .repair-optional>summary small{display:block;margin:2px 0 0;}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  .device-card,.brand-chip,.brand-more,.issue-card,.section-action,.button-primary,.button-secondary{transition:none!important;}
}

/* WordPress-backed states */
.reviews-grid.is-single{grid-template-columns:minmax(0,1fr);}
.branch-hours{display:block;margin-top:7px;color:#5A7186;font-size:12px;line-height:1.45;}
.data-empty{margin:0;padding:24px;border:1px solid #dfe8f0;border-radius:18px;background:#fff;color:#5A7186;}
.hp-field{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;}
.form-status{margin:0;padding:11px 13px;border-radius:12px;font-size:13px;font-weight:650;line-height:1.45;}
.form-status[data-state="pending"]{background:#edf6fc;color:#245c87;}
.form-status[data-state="success"]{background:#e7f7ee;color:#16653a;}
.form-status[data-state="error"]{background:#fff0f0;color:#a72b2b;}
.callback-submit:disabled{cursor:wait;opacity:.72;}
.consent-copy a{color:inherit;text-decoration:underline;text-underline-offset:2px;}

/* Mobile-only progressive disclosure. Desktop keeps the complete layout. */
.branch-mobile-details,.review-more-toggle,.faq-more-toggle,.map-open-link{display:none;}

@media (max-width:560px){
  .utility-bar{display:none!important;}
  .main-header-inner{
    min-height:112px;
    height:auto!important;
    padding:10px 16px!important;
    gap:8px 12px!important;
  }
  .site-logo{min-height:44px;margin-left:0!important;}
  .site-search{height:52px!important;margin:0!important;}
  .site-search button{width:44px!important;height:44px!important;}
  .product-nav{position:relative;height:48px!important;}
  .product-nav:after{
    content:"→";
    position:absolute;
    z-index:3;
    top:0;
    right:0;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    width:64px;
    height:48px;
    padding-right:12px;
    background:linear-gradient(90deg,rgba(7,94,174,0),#075eae 55%);
    color:#fff;
    font-size:17px;
    pointer-events:none;
  }
  .product-nav-inner{
    height:48px!important;
    padding-right:52px!important;
    scrollbar-width:none;
  }
  .product-nav-inner::-webkit-scrollbar{display:none;}
  .product-nav-inner>a{height:48px!important;padding:13px 16px!important;}

  .hero-stage{min-height:0!important;}
  .hero-inner{
    width:calc(100% - 32px);
    padding:28px 0 30px!important;
    grid-template-areas:"kicker" "title" "benefits" "actions"!important;
    gap:0!important;
  }
  .hero-title{margin-bottom:18px!important;font-size:34px!important;}
  .hero-benefits{gap:10px!important;margin:20px 0!important;}
  .hero-benefit-label{max-width:none;font-size:14px!important;}
  .hero-actions{width:100%;}
  .hero-primary{display:none!important;}
  .hero-secondary{
    display:flex!important;
    width:100%;
    min-width:0;
    justify-content:center;
    border-color:#0872c7!important;
    background:#0872c7!important;
    color:#fff!important;
    box-shadow:0 14px 28px -20px rgba(0,77,151,.72)!important;
  }
  .hero-visual{display:none!important;}
  .advantages-wrap{width:calc(100% - 32px);padding:0 0 20px!important;}
  .advantages-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    min-height:0;
  }
  .advantage-card{
    padding:16px 14px!important;
    border-top:0!important;
    border-left:0!important;
  }
  .advantage-card:nth-child(even){border-left:1px solid #e7eef6!important;}
  .advantage-card:nth-child(n+3){border-top:1px solid #e7eef6!important;}
  .advantage-card>div:first-child{gap:9px!important;}
  .advantage-card>div:first-child>span{
    width:36px!important;
    height:36px!important;
    border-radius:10px!important;
  }
  .advantage-card>div:first-child>div{font-size:18px!important;}
  .advantage-card>div:nth-child(2){
    margin-top:10px!important;
    font-size:13px!important;
    line-height:1.25!important;
  }
  .advantage-card>div:nth-child(3){display:none;}

  .quick-repair{padding:40px 0 48px;}
  .quick-repair-head .section-action{display:none;}
  .quick-device-step{padding-top:22px;}
  .quick-repair-step{margin-top:24px;padding-top:24px;}
  #breakdowns .issues-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px;}
  .issue-card{min-height:72px;padding:11px 10px;gap:8px;}
  .issue-icon{
    flex-basis:32px;
    width:32px;
    height:32px;
    border-radius:10px;
    font-size:14px;
  }
  .issue-card strong{font-size:12.5px;}
  .issue-card small{display:none;}
  .callback-panel{gap:18px;padding:22px 18px!important;}
  .callback-trust{display:none;}
  .callback-text{margin-top:14px!important;font-size:13px;line-height:1.55;}
  .estimate-row{flex-direction:row;align-items:flex-start;gap:10px;padding:12px 14px;}
  .estimate-label{flex:0 0 88px;}
  .estimate-choice{font-size:12.5px;text-align:left;}
  .callback-card{padding:16px;}
  .callback-form{gap:10px;margin-bottom:0;}
  .form-control{height:48px;}
  .callback-submit{min-height:48px;}

  .reviews-section{margin-top:48px;padding:48px 0;}
  .branch-review-card{padding:18px;}
  .branch-head{min-width:0;}
  .branch-rating{
    flex:0 0 calc(100% - 45px)!important;
    max-width:calc(100% - 45px);
    margin-left:45px!important;
  }
  .review-item{padding:16px 0;}
  .review-item.is-mobile-secondary{display:none;}
  .branch-review-card.is-expanded .review-item.is-mobile-secondary{display:block;}
  .review-meta{flex-wrap:wrap;}
  .review-copy{font-size:13px;line-height:1.58;}
  .review-more-toggle{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:44px;
    margin:2px 0 10px;
    border:1px solid #d7e4ee;
    border-radius:12px;
    background:#f5f9fc;
    color:#075ca7;
    font:inherit;
    font-size:13px;
    font-weight:750;
    cursor:pointer;
  }

  .process-section,.promos-section,.contacts-section,.faq-section{padding:48px 0;}
  .process-grid{gap:18px;}
  .process-step p{margin-top:5px;line-height:1.5;}
  .process-proof{margin-top:28px;padding:20px 18px;}

  .promos-grid{
    grid-template-columns:unset!important;
    grid-auto-flow:column;
    grid-auto-columns:min(84vw,320px);
    gap:12px;
    overflow-x:auto;
    margin-inline:-16px;
    padding:0 16px 10px;
    scroll-padding-inline:16px;
    scroll-snap-type:x mandatory;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .promos-grid::-webkit-scrollbar{display:none;}
  .promo-card{min-height:174px;padding:20px;scroll-snap-align:start;}
  .promo-title{margin-top:18px;font-size:18px;}

  .contacts-layout{gap:16px;}
  .branch-picker{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px;
  }
  .branch-option{display:contents;}
  .branch-option .branch-button{
    grid-row:1;
    width:100%;
    min-height:48px;
    margin:0;
    padding:10px 7px!important;
    border:1px solid #dce7f0!important;
    border-radius:13px!important;
    text-align:center;
  }
  .branch-option:nth-child(1) .branch-button{grid-column:1;}
  .branch-option:nth-child(2) .branch-button{grid-column:2;}
  .branch-button strong{font-size:12.5px;}
  .branch-button span,.branch-button .branch-hours,.branch-option>.branch-phone{display:none;}
  .branch-mobile-details{
    grid-column:1/-1;
    grid-row:2;
    gap:5px;
    padding:14px 15px;
    border:1px solid #dce7f0;
    border-radius:14px;
    background:#f5f9fc;
    color:#365875;
    font-size:13px;
    line-height:1.45;
  }
  .branch-mobile-details[aria-hidden="false"]{display:grid;}
  .branch-mobile-hours{color:#5A7089;font-size:13px;}
  .branch-mobile-phone{
    display:inline-flex;
    align-items:center;
    width:max-content;
    min-height:44px;
    color:#075ca7;
    font-size:15px;
    font-weight:800;
  }
  .contacts-note{display:none;}
  .map-frame{height:260px;min-height:0;border-radius:16px;}
  .map-frame iframe{pointer-events:none;}
  .map-open-link{
    display:inline-flex;
    position:absolute;
    z-index:2;
    right:12px;
    bottom:12px;
    align-items:center;
    justify-content:center;
    min-height:44px;
    padding:0 16px;
    border-radius:999px;
    background:#075ca7;
    color:#fff;
    font-size:13px;
    font-weight:800;
    box-shadow:0 10px 26px -14px rgba(0,54,105,.7);
  }

  .faq-ask{display:none;}
  .faq-item summary{min-height:60px;padding:12px 0;}
  .faq-item.is-mobile-extra{display:none;}
  .faq-list.is-expanded .faq-item.is-mobile-extra{display:block;}
  .faq-more-toggle{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:48px;
    margin-top:16px;
    border:1px solid #ccdfea;
    border-radius:13px;
    background:#fff;
    color:#075ca7;
    font:inherit;
    font-size:13px;
    font-weight:800;
    cursor:pointer;
  }

  .final-cta{padding:44px 0 50px;}
  .final-cta-panel{padding:22px 18px;}
  .final-actions{display:none!important;}

  .site-footer{padding-top:42px;}
  .footer-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:22px 16px!important;
    padding-bottom:28px;
  }
  .footer-about{grid-column:1/-1;grid-row:1;}
  .footer-contact{grid-column:1/-1;grid-row:2;}
  .footer-grid>nav:nth-of-type(1){grid-column:1;grid-row:3;}
  .footer-grid>nav:nth-of-type(2){grid-column:2;grid-row:3;}
  .footer-tagline{display:none;}
  .footer-legal-id{margin-top:12px;}
  .footer-title{margin-bottom:8px;}
  .footer-links{gap:0;}
  .footer-link{min-height:44px;font-size:13px;}
  .footer-phone{min-height:44px;}
  .footer-bottom{padding-block:16px;}
  .payment-list{flex-wrap:wrap;}
  .mobile-callbar{
    background:#fff;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
}

@media (min-width:561px) and (max-width:1180px){
  #breakdowns .issues-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}

/* ==================== Обёртка + базовая типографика для обычных
   контентных страниц (О нас, FAQ, Гарантия, Контакты и т.д.), которые
   всё ещё используют старый page.php + необработанный the_content(). ==================== */
.ifixit-page{
  font-family:Manrope,"Segoe UI",system-ui,sans-serif;
  color:var(--ifixit-muted);
  background:#fff;
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
.content-page{padding:48px 0 72px;}
/*
 * Ниже контента идут нативные секции (отзывы, контакты, блог) со своим
 * margin-top: 92px и padding-top: 84px. Вместе с нижним отступом контента это
 * давало почти 250px пустоты. Между ними достаточно отступа самой секции.
 */
.content-page:has(+ section){padding-bottom:8px;}
.content-page + section{margin-top:0;}
.content-page .entry-content{max-width:860px;}
/* Заголовки старых страниц несут бутстраповский класс mb-4, а он объявлен
   с !important — перебить его иначе нельзя. Отступ под заголовком заказчик
   просил увеличить во всех разделах. */
.content-page h1{font-size:clamp(28px,4vw,40px);font-weight:800;color:var(--ifixit-ink);line-height:1.15;margin:0 0 32px!important;}
.content-page h2{font-size:clamp(22px,3vw,28px);font-weight:800;color:var(--ifixit-ink);line-height:1.2;margin:40px 0 16px;}
.content-page h3{font-size:20px;font-weight:700;color:var(--ifixit-ink);margin:28px 0 12px;}
.content-page p{margin:0 0 16px;}
/* Текст старых страниц лежит в .container на всю ширину — выходило под 150
   знаков в строке, глаз не находит начало следующей. Ограничение по мере:
   .entry-content такой лимит имел, но легаси-разметка до него не доходит. */
.content-page p:not(.content-page-cta),
.content-page li{max-width:74ch;}
.content-page ul,.content-page ol{margin:0 0 16px;padding-left:22px;}
.content-page li{margin-bottom:8px;}
.content-page a{color:var(--ifixit-blue);text-decoration:underline;text-decoration-color:rgba(0,88,173,.35);}
.content-page a:hover{text-decoration-color:currentColor;}
.content-page img{max-width:100%;height:auto;border-radius:12px;}
.content-page table{width:100%;border-collapse:collapse;margin:0 0 24px;font-size:14px;}
.content-page table th,.content-page table td{padding:10px 14px;border:1px solid #e2eaf3;text-align:left;}
.content-page table th{background:#f4f8fc;color:var(--ifixit-ink);}
.content-page strong{color:var(--ifixit-ink);}
.content-page .service-breadcrumbs{margin-bottom:8px;}

/* Аккордеон "Частые поломки" — старая разметка (question-wrap/l-text),
   без JS-переключателя показываем все группы сразу развёрнутыми. */
.content-page .question-wrap{margin:0 0 28px;padding-top:20px;border-top:1px solid #e2eaf3;}
.content-page .question-wrap:first-of-type{border-top:none;padding-top:0;}
.content-page .l-text.text-bold{font-size:19px;font-weight:700;color:var(--ifixit-ink);margin-bottom:14px;}
.content-page .question__arrow{display:none;}
.content-page .answer-wrap .row{display:grid;grid-template-columns:repeat(2,1fr);gap:6px 24px;margin:0;}
.content-page .answer-wrap .row > div{padding:0;margin:0 0 6px !important;}
@media (max-width:640px){
  .content-page .answer-wrap .row{grid-template-columns:1fr;}
}

/* ==================== Legacy-контент внутри нового дизайна ====================
   Старый post_content контентных страниц свёрстан на Bootstrap и собственных
   классах темы (.container.py-5, .lg-title, .question-wrap, .article-card,
   .glide__* и т.д.). Переписывать контент в админке нельзя — вместо этого
   приводим типовые старые паттерны к дизайн-системе редизайна. ==================== */

/* Контейнеры: старая вёрстка использует свои .container с огромными py-5,
   из-за чего между блоками появлялись пустые экраны. */
.content-page .container{
  width:100%;
  max-width:1276px;
  margin-inline:auto;
  padding-left:0;
  padding-right:0;
}
.content-page .py-5{padding-top:28px !important;padding-bottom:28px !important;}
.content-page .py-4{padding-top:20px !important;padding-bottom:20px !important;}
.content-page .mb-5{margin-bottom:24px !important;}
.content-page .mt-5{margin-top:24px !important;}
.content-page section,.content-page .section{padding:0;}

/* Заголовки старой темы */
.content-page .lg-title{
  font-size:clamp(26px,3.6vw,38px);font-weight:800;color:var(--ifixit-ink);
  line-height:1.15;letter-spacing:-.02em;margin:0 0 20px;
}
.content-page .md-title{
  font-size:clamp(20px,2.6vw,26px);font-weight:800;color:var(--ifixit-ink);
  line-height:1.25;margin:32px 0 16px;
}
.content-page .sm-title{font-size:18px;font-weight:700;color:var(--ifixit-ink);margin:24px 0 12px;}

/* Кнопки старой темы → кнопки редизайна */
.content-page .btn{
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--ifixit-blue);color:#fff;border:none;border-radius:10px;
  padding:13px 24px;font-size:15px;font-weight:700;line-height:1.2;
  text-decoration:none;cursor:pointer;transition:background .18s,transform .18s;
}
.content-page .btn:hover{background:#00478a;transform:translateY(-1px);text-decoration:none;}
.content-page .btn--light{background:#eaf2fa;color:var(--ifixit-blue);}
.content-page .btn--light:hover{background:#dbe9f6;color:var(--ifixit-blue);}

/* Кнопка «Оставить заявку» под главным заголовком (п.7 ТЗ). */
.content-page .content-page-cta{margin:20px 0 8px;}

/* Аккордеон «Частые поломки»: группы → карточки, ссылки → читаемые строки */
.content-page .question-wrap{
  background:#fff;border:1px solid #e2eaf3;border-radius:16px;
  padding:22px 24px;margin:0 0 16px;box-shadow:0 6px 20px -14px rgba(6,31,63,.28);
}
.content-page .question-card{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.content-page .l-text.text-bold{
  font-size:18px;font-weight:800;color:var(--ifixit-ink);margin:0;
}
.content-page .question__arrow{display:none;}
.content-page .answer-wrap{margin-top:14px;}
.content-page .answer-wrap .row{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px;margin:0;
}
.content-page .answer-wrap .row > div{padding:0;margin:0 !important;}
.content-page .answer-wrap a{
  display:block;padding:9px 12px;border-radius:9px;
  color:var(--ifixit-ink);text-decoration:none;font-size:14.5px;
  transition:background .16s,color .16s;
}
.content-page .answer-wrap a:hover{background:#eff5fb;color:var(--ifixit-blue);}

/* Карточки статей блога внутри контента */
.content-page .article-card{
  background:#fff;border:1px solid #e2eaf3;border-radius:14px;overflow:hidden;
  height:100%;display:flex;flex-direction:column;
}
.content-page .article-card img{width:100%;height:150px;object-fit:cover;border-radius:0;}
.content-page .article-card__content{padding:16px 18px;}
.content-page .article-card__date{font-size:12px;color:#637687;margin-bottom:6px;}
.content-page .article-card__title{font-size:15px;font-weight:700;line-height:1.35;}
.content-page .article-card__title a{color:var(--ifixit-ink);text-decoration:none;}
.content-page .article-card__title a:hover{color:var(--ifixit-blue);}

/* Слайдеры: показываем все слайды сеткой, поэтому органы управления
   не нужны. .slider-controls__arrow — собственная разметка старой темы,
   её стрелки без JS складывались в столбик посреди страницы. */
.content-page .glide__arrows,
.content-page .glide__bullets,
.content-page .slider-controls,
.content-page .slider-controls__arrow{display:none !important;}
.content-page .glide__track{overflow:hidden;}
.content-page .glide__slides{
  display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;transform:none !important;width:auto !important;
}
.content-page .glide__slide{width:auto !important;margin:0 !important;list-style:none;}
.content-page .glide__slides{padding-left:0;}

/* Карточка отзыва внутри слайдера */
.content-page .review-card{
  background:#fff;border:1px solid #e2eaf3;border-radius:16px;padding:20px 22px;height:100%;
  box-shadow:0 6px 20px -14px rgba(6,31,63,.28);
}
.content-page .review-card > *:first-child{font-weight:700;color:var(--ifixit-ink);}

/* Яндекс-виджеты отзывов (iframe) — аккуратная рамка вместо «голого» встраивания */
.content-page iframe{
  width:100%;border:1px solid #e2eaf3;border-radius:16px;background:#fff;
  box-shadow:0 8px 26px -18px rgba(6,31,63,.3);
}

/* Картинки контента */
.content-page img{max-width:100%;height:auto;border-radius:12px;}

/*
 * Первый экран страниц «Обмен» и «iCloud»: в старой вёрстке это bootstrap-ряд
 * из двух колонок — иллюстрация слева, заголовок с кнопками справа. Раньше
 * иллюстрация была скрыта, и заголовок оставался прижатым к правому краю с
 * пустотой слева. Возвращаем картинку и оформляем ряд как герой редизайна.
 */
.content-page .row:has(#phoneMove){
  display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);
  gap:40px;align-items:center;
  background:linear-gradient(180deg,#f4f9fd 0%,#eaf3fb 100%);
  border:1px solid #dbe7f3;border-radius:24px;padding:36px 40px;
}
/* Колонки bootstrap внутри грида сохраняют свои width:50% и сжимают контент. */
.content-page .row:has(#phoneMove) > *{
  width:100%;max-width:100%;flex:none;padding-left:0;padding-right:0;
}
.content-page .row:has(#phoneMove) .lg-title{margin-top:0;}
.content-page #phoneMove{
  position:relative;z-index:1;display:block;margin:0 auto;
  width:100%;max-width:280px;height:auto;border-radius:0;
  filter:drop-shadow(0 18px 34px rgba(6,31,63,.22));
}
/* Декоративный круг под иллюстрацией — в цвете палитры, а не старый серый. */
.content-page .bg-underlay-circle{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:260px;height:260px;border-radius:50%;
  background:radial-gradient(circle,rgba(100,169,209,.38) 0%,rgba(100,169,209,0) 70%);
}

/* Рейтинг-звёзды старой темы */
.content-page .rating-star{color:#d8e3ee;}
.content-page .rating-star--filled{color:#ffb020;}

@media (max-width:760px){
  .content-page .answer-wrap .row{grid-template-columns:1fr;}
  .content-page .row:has(#phoneMove){grid-template-columns:1fr;gap:24px;padding:28px 20px;}
  .content-page #phoneMove{max-width:200px;}
  .content-page .bg-underlay-circle{width:190px;height:190px;}
  .content-page .glide__slides{grid-template-columns:1fr;}
}

/* ==================== Блок статей (замена legacy [blog_last_articles]) ==================== */
.articles-section{padding:56px 0;background:#f7fafd;}
.articles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;}
.article-tile{
  display:flex;flex-direction:column;background:#fff;border:1px solid #e2eaf3;
  border-radius:16px;overflow:hidden;text-decoration:none;
  transition:transform .18s,box-shadow .18s;
}
.article-tile:hover{transform:translateY(-3px);box-shadow:0 16px 34px -22px rgba(6,31,63,.45);}
.article-tile__media{
  display:block;aspect-ratio:16/9;background:linear-gradient(140deg,#e8f1fa,#d7e7f6);
  overflow:hidden;
}
.article-tile__media img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0;}
.article-tile__placeholder{
  width:100%;height:100%;display:flex;align-items:center;justify-content:center;
  font-weight:800;letter-spacing:.12em;color:#9dbad6;font-size:20px;
}
.article-tile__body{padding:16px 18px 20px;display:flex;flex-direction:column;gap:8px;}
.article-tile__date{font-size:12px;color:#637687;}
.article-tile__title{font-size:15.5px;font-weight:700;line-height:1.35;color:var(--ifixit-ink);}
.article-tile:hover .article-tile__title{color:var(--ifixit-blue);}

@media (max-width:960px){ .articles-grid{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (max-width:600px){ .articles-grid{grid-template-columns:1fr;} .articles-section{padding:36px 0;} }

/* Заголовок страницы, когда его нет в самом контенте */
.content-page-title{
  font-size:clamp(26px,3.6vw,38px);font-weight:800;color:var(--ifixit-ink);
  line-height:1.15;letter-spacing:-.02em;margin:0 0 32px;
}

/* ==================== Поиск и 404 ==================== */
.content-page-lead{font-size:17px;color:var(--ifixit-muted);margin:0 0 24px;max-width:720px;}

.page-search{
  display:flex;gap:10px;max-width:620px;margin:0 0 32px;
  background:#f4f8fc;border:1.5px solid #e2eaf1;border-radius:999px;padding:5px 5px 5px 22px;
}
.page-search input{
  flex:1;border:none;outline:none;background:transparent;font:inherit;font-size:15px;color:var(--ifixit-ink);
}
.page-search button{
  border:none;background:var(--ifixit-blue);color:#fff;border-radius:999px;
  padding:12px 26px;font-weight:700;font-size:15px;cursor:pointer;transition:background .18s;
}
.page-search button:hover{background:#00478a;}

.search-results{display:flex;flex-direction:column;gap:12px;margin-bottom:28px;}
.search-result{
  display:block;padding:18px 22px;background:#fff;border:1px solid #e2eaf3;border-radius:14px;
  text-decoration:none;transition:transform .16s,box-shadow .16s,border-color .16s;
}
.search-result:hover{transform:translateY(-2px);border-color:#cfe0f0;box-shadow:0 12px 26px -20px rgba(6,31,63,.5);}
.search-result strong{display:block;color:var(--ifixit-ink);font-size:16.5px;margin-bottom:5px;}
.search-result span{display:block;color:var(--ifixit-muted);font-size:14px;line-height:1.5;}

/* Пагинация: отделяем от сетки карточек, иначе кнопки липнут к последнему ряду. */
.search-pagination{
  display:flex;gap:8px;flex-wrap:wrap;justify-content:center;
  margin:38px 0 8px;padding-top:28px;border-top:1px solid #e7eef6;
}
.search-pagination .page-numbers{
  display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;
  padding:0 12px;border-radius:10px;border:1px solid #e2eaf3;background:#fff;
  color:var(--ifixit-ink);text-decoration:none;font-weight:600;font-size:14px;
}
.search-pagination .page-numbers.current{background:var(--ifixit-blue);border-color:var(--ifixit-blue);color:#fff;}
.search-pagination .page-numbers:hover:not(.current){border-color:var(--ifixit-blue);color:var(--ifixit-blue);}

.quicklinks-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.quicklink{
  display:flex;align-items:center;justify-content:center;text-align:center;
  padding:16px 14px;background:#fff;border:1px solid #e2eaf3;border-radius:14px;
  color:var(--ifixit-ink);font-weight:700;font-size:14.5px;text-decoration:none;
  transition:transform .16s,border-color .16s,color .16s;
}
.quicklink:hover{transform:translateY(-2px);border-color:var(--ifixit-blue);color:var(--ifixit-blue);}

@media (max-width:900px){ .quicklinks-grid{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (max-width:560px){
  .quicklinks-grid{grid-template-columns:1fr;}
  .page-search{flex-direction:column;border-radius:16px;padding:14px;}
  .page-search button{width:100%;}
}

/* Текст только для скринридеров: стили темы на страницах редизайна отключены,
   поэтому определяем класс сами, иначе подписи форм видны глазами. */
.screen-reader-text{
  border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;
  margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;
}
.screen-reader-text:focus{
  clip:auto;clip-path:none;height:auto;width:auto;margin:0;padding:12px 18px;
  position:static;background:#fff;color:var(--ifixit-ink);border-radius:8px;
}

/* ==================== Статья блога ==================== */
.article-shell{max-width:820px;}
.article-head{margin-bottom:26px;}
.article-terms{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px;}
.article-terms a{
  display:inline-flex;padding:6px 13px;border-radius:999px;background:#eaf2fa;
  color:var(--ifixit-blue);font-size:13px;font-weight:700;text-decoration:none;
}
.article-terms a:hover{background:var(--ifixit-blue);color:#fff;}
.article-date{color:#637687;font-size:14px;margin:0;}
.article-cover{margin:0 0 28px;}
.article-cover img{width:100%;height:auto;border-radius:18px;display:block;}

.article-body{font-size:16.5px;line-height:1.7;color:var(--ifixit-muted);}
.article-body h2{font-size:clamp(21px,2.6vw,27px);font-weight:800;color:var(--ifixit-ink);margin:36px 0 14px;line-height:1.25;}
.article-body h3{font-size:19px;font-weight:700;color:var(--ifixit-ink);margin:28px 0 12px;}
.article-body p{margin:0 0 16px;}
.article-body ul,.article-body ol{margin:0 0 18px;padding-left:22px;}
.article-body li{margin-bottom:8px;}
.article-body img{max-width:100%;height:auto;border-radius:14px;margin:8px 0 20px;}
.article-body a{color:var(--ifixit-blue);text-decoration:underline;text-decoration-color:rgba(0,88,173,.35);}
.article-body a:hover{text-decoration-color:currentColor;}
.article-body blockquote{
  margin:0 0 20px;padding:16px 22px;border-left:4px solid var(--ifixit-blue);
  background:#f4f8fc;border-radius:0 12px 12px 0;color:var(--ifixit-ink);
}
.article-body table{width:100%;border-collapse:collapse;margin:0 0 20px;font-size:15px;}
.article-body th,.article-body td{padding:10px 14px;border:1px solid #e2eaf3;text-align:left;}
.article-body th{background:#f4f8fc;color:var(--ifixit-ink);}

/* -------- Блок выбора бренда (блок 6 п.5 ТЗ) -------- */
.brands-section{margin-top:92px;padding:84px 0;}
.brands-grid{
  display:grid;gap:16px;margin-top:32px;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
}
.brand-card{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:22px 24px;border:1px solid #dce7f0;border-radius:16px;background:#fff;
  color:var(--ifixit-ink);text-decoration:none;
  transition:border-color .18s,box-shadow .18s,transform .18s;
}
.brand-card:hover{
  border-color:#64A9D1;transform:translateY(-2px);
  box-shadow:0 18px 34px -26px rgba(6,31,63,.5);
}
.brand-card__name{font-size:19px;font-weight:800;letter-spacing:-.01em;}
.brand-card__go{color:#5276A0;font-size:18px;transition:transform .18s;}
.brand-card:hover .brand-card__go{transform:translateX(3px);color:var(--ifixit-blue);}

/* -------- Текстовый блок главной (блок 8 п.5 ТЗ) -------- */
.intro-section{margin-top:92px;padding:84px 0;background:#f5f9fc;}
.intro-text{
  max-width:78ch;margin-top:18px;
  color:var(--ifixit-muted);font-size:17px;line-height:1.72;
}

@media (max-width:760px){
  .brands-section,.intro-section{margin-top:56px;padding:52px 0;}
  .brands-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;}
  .brand-card{padding:18px;}
  .intro-text{font-size:16px;}
}

/*
 * Палитра ТЗ (#64A9D1, #567CA8, #005CA5).
 *
 * Светлый #64A9D1 и средний #567CA8 не проходят WCAG AA как цвет мелкого
 * текста на белом, поэтому они работают там, где к контрасту требование
 * мягче: рамки, разделители, стрелки и подчёркивания. Основной #005CA5
 * остаётся цветом текстовых акцентов и кнопок.
 */
.brand-card__go{color:#567CA8;}
.service-breadcrumbs span[aria-hidden="true"]{color:#567CA8;}
.section-head .section-action{border-bottom:1px solid #64A9D1;}
.faq-item summary:focus-visible,
.brand-card:focus-visible,
.search-result:focus-visible{outline:2px solid #567CA8;outline-offset:2px;}
.price-table thead th{border-bottom:2px solid #64A9D1;}

/* -------- Появление блоков --------
 * Начальное состояние действует только когда на <html> есть .has-motion.
 * Класс ставит скрипт в шапке — и только если JS доступен и в системе не
 * включено «уменьшить движение». Без него всё видно сразу: контент никогда
 * не прячется из-за неработающего скрипта.
 */
.has-motion:not(.motion-done) .service-hero-copy > *,
.has-motion:not(.motion-done) .hero-copy > *,
.has-motion:not(.motion-done) .service-hero-media,
.has-motion:not(.motion-done) .section-head,
.has-motion:not(.motion-done) .service-trust-grid > div,
.has-motion:not(.motion-done) .hub-brand-card,
.has-motion:not(.motion-done) .brand-card,
.has-motion:not(.motion-done) .model-card,
.has-motion:not(.motion-done) .promo-card,
.has-motion:not(.motion-done) .branch-review-card,
.has-motion:not(.motion-done) .article-tile,
.has-motion:not(.motion-done) .callback-panel,
.has-motion:not(.motion-done) .intro-text{
  opacity:0;
}

@media (prefers-reduced-motion:reduce){
  .has-motion .service-hero-copy > *,
  .has-motion .hero-copy > *,
  .has-motion .service-hero-media,
  .has-motion .section-head,
  .has-motion .service-trust-grid > div,
  .has-motion .hub-brand-card,
  .has-motion .brand-card,
  .has-motion .model-card,
  .has-motion .promo-card,
  .has-motion .branch-review-card,
  .has-motion .article-tile,
  .has-motion .callback-panel,
  .has-motion .intro-text{
    opacity:1!important;transform:none!important;
  }
}

/* Всплывающие окна виджета мессенджеров.

   Их стили грузятся отложенно (media="print" → onload), поэтому до прихода
   файла окно WhatsApp успевало нарисоваться развёрнутым: серый блок 320×390
   мелькал в углу, и браузер засчитывал его как самый крупный элемент экрана —
   LCP мерился по чужому виджету вместо контента.

   Повторяем состояние покоя из стилей плагина. Открытие у него описано более
   частным селектором (.chaty-outer-forms.active), так что кнопки продолжают
   работать. */
.chaty-outer-forms{opacity:0;visibility:hidden;}

/* На телефоне у Chaty и панели звонка была одна и та же нижняя зона: круглая
   кнопка мессенджера закрывала часть основной кнопки. Выносим мессенджер ровно
   над панелью, а его развёрнутые окна поднимаем вместе с ним.

   Высота панели считается от её содержимого: две кнопки по 50 px, отступ между
   ними и поля — 131 px. Виджет ставим чуть выше, чтобы между ними был воздух. */
@media (max-width:900px){
  .chaty .chaty-widget{
    bottom:calc(144px + env(safe-area-inset-bottom))!important;
  }
  .chaty .chaty-chat-view,
  .chaty .chaty-outer-forms,
  .chaty .chaty-outer-forms.active,
  .chaty:not(.form-open) .chaty-widget.chaty-open + .chaty-chat-view{
    bottom:calc(131px + env(safe-area-inset-bottom))!important;
  }
}

/* Иллюстрация на странице «О нас».

   Текст занимал левые две трети, справа оставалось пустое поле. Ставим
   картинку туда и пускаем текст в обтекание: на узком экране она уходит
   наверх и разворачивается на всю ширину. */
.content-page .about-illustration{
  float:right;
  width:min(42%,420px);
  height:auto;
  margin:0 0 22px 34px;
  shape-margin:18px;
}

@media (max-width:820px){
  .content-page .about-illustration{
    float:none;
    display:block;
    width:min(100%,420px);
    margin:0 auto 24px;
  }
}