*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#050506;color:#fff;font-family:Arial,'Helvetica Neue',sans-serif}
a{color:inherit;text-decoration:none}
.wrap{width:min(1450px,94vw);margin:0 auto}
.topbar{height:76px;background:#050506;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;position:sticky;top:0;z-index:50}
.nav{display:flex;align-items:center;justify-content:space-between;height:76px}
.logo{display:flex;align-items:center;width:210px;height:64px;overflow:hidden}
.logo img{width:190px;height:60px;object-fit:contain;display:block}
.menu{display:flex;gap:42px;color:#f1f1f4;font-size:16px;font-weight:600}
.menu a:hover{color:#ff2a40}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:16px 34px;font-weight:800}
.red{background:linear-gradient(135deg,#8f111d,#d42136);box-shadow:0 14px 36px rgba(212,33,54,.24)}

.hero{position:relative;background:#050506;overflow:hidden}
.hero picture,.hero img{display:block;width:100%;height:auto}
.hero-hotspot{position:absolute;display:block;border-radius:8px}
.hero-hotspot.order{left:13.1%;top:64%;width:10.3%;height:10%}
.hero-hotspot.price{left:24.4%;top:64%;width:10.2%;height:10%}

.repair{background:#050506;padding:22px 0 14px}
.section-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:18px}
.section-row h2{font-size:30px;margin:0}
.section-row a{color:#ff2a40;font-weight:800}
.device-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.device-card{display:block;border-radius:8px;overflow:hidden;background:#101012;transition:transform .22s ease,box-shadow .22s ease,filter .22s ease;will-change:transform}
.device-card img{width:100%;height:100%;display:block;object-fit:cover;border-radius:8px}
.device-card:hover{transform:scale(1.07);z-index:10;box-shadow:0 22px 55px rgba(255,35,55,.35),0 0 0 1px rgba(255,60,80,.38);filter:brightness(1.12)}
.stats-img{width:100%;display:block;margin-top:14px;border-radius:8px}

.content-block,.prices,.contacts{background:#080809;padding:72px 0}
.two,.order-grid,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.pill{display:inline-flex;background:rgba(151,22,32,.48);border:1px solid rgba(255,80,92,.25);padding:8px 14px;border-radius:999px;font-size:13px;font-weight:800}
.content-block h2,.order-section h2,.contacts h2{font-size:44px;margin:22px 0}
.content-block p,.order-section p{color:#c8c8cf;line-height:1.7}
.service-list{display:grid;gap:14px}
.service-list div,.price-grid div{background:linear-gradient(180deg,#171719,#0f0f11);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:22px}
.service-list b{color:#ff2a40}
.service-list strong{display:block;font-size:22px;margin:8px 0}
.service-list p{margin:0;color:#aaa}
.prices{background:#050506}
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.price-grid span{display:block;color:#aaa}
.price-grid b{display:block;font-size:20px;margin:8px 0}
.price-grid em{color:#ff2a40;font-style:normal;font-weight:900}
.order-section{padding:72px 0;background:linear-gradient(135deg,#180307,#32070d)}
.contacts-pills{display:flex;gap:12px;flex-wrap:wrap}
.contacts-pills a{border:1px solid rgba(255,255,255,.16);padding:12px 16px;border-radius:999px}
.order-section form{display:grid;gap:13px;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:24px}
.order-section input,.order-section select,.order-section textarea{background:#111114;border:1px solid rgba(255,255,255,.12);border-radius:12px;color:#fff;padding:16px;font-size:16px}
.order-section textarea{min-height:110px}
.order-section button{background:linear-gradient(135deg,#8d111b,#d42136);border:0;color:#fff;border-radius:12px;padding:17px;font-weight:900;font-size:16px}
.contacts a{color:#ff4054}
.contacts iframe{width:100%;height:350px;border:0;border-radius:18px;filter:grayscale(.25) invert(.92) contrast(.88)}
.footer{background:#030304;color:#999;text-align:center;padding:30px 0}

@media(max-width:1100px){
  .menu{display:none}
  .device-grid{grid-template-columns:repeat(2,1fr)}
  .two,.order-grid,.contact-grid{grid-template-columns:1fr}
  .price-grid{grid-template-columns:1fr}
}
@media(max-width:650px){
  .topbar,.nav{height:auto;padding:10px 0}
  .logo{width:150px;height:52px}
  .logo img{width:145px;height:50px}
  .btn{padding:12px 16px}
  .device-grid{grid-template-columns:1fr}
  .section-row{align-items:flex-start;flex-direction:column;gap:10px}
}


/* EXACT HEADER LOGO MATCH */
.logo{
 width:275px!important;
 height:78px!important;
 display:flex!important;
 align-items:center!important;
 overflow:hidden!important;
}

.logo img{
 width:275px!important;
 height:78px!important;
 object-fit:contain!important;
 display:block!important;
 filter:none!important;
}

@media(max-width:650px){
 .logo{
   width:180px!important;
   height:52px!important;
 }
 .logo img{
   width:180px!important;
   height:52px!important;
 }
}

.models-section{background:#050506;padding:72px 0;border-top:1px solid rgba(255,255,255,.06)}.models-section.standalone{padding-top:78px}.muted{color:#aaa;max-width:760px;line-height:1.6}.models-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 22px}.models-toolbar input{min-width:320px;flex:1;background:#111114;border:1px solid rgba(255,255,255,.12);border-radius:14px;color:#fff;padding:15px 17px;font-size:16px}.series-btn{background:#111114;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:14px 18px;font-weight:800;cursor:pointer;transition:.2s}.series-btn:hover,.series-btn.active{background:#b71526;border-color:#ff3a4d;box-shadow:0 12px 30px rgba(255,35,55,.22)}.model-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.model-grid.large{grid-template-columns:repeat(5,1fr)}.model-card{position:relative;display:grid;gap:8px;min-height:150px;background:linear-gradient(180deg,#171719,#0e0e10);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:20px;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.model-card:hover{transform:translateY(-7px) scale(1.025);border-color:rgba(255,55,75,.55);box-shadow:0 24px 55px rgba(255,35,55,.22)}.model-card b{font-size:20px}.model-card small{color:#aaa;line-height:1.35}.model-card em{color:#ff3046;font-style:normal;font-weight:900}.phone-mini{position:absolute;right:18px;top:18px;width:42px;height:72px;border-radius:11px;background:linear-gradient(145deg,#2a2a2f,#09090b);border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 0 0 3px rgba(255,255,255,.03)}.phone-mini:before{content:'';position:absolute;left:10px;top:8px;width:8px;height:8px;border-radius:50%;background:#070708;box-shadow:12px 0 #070708,6px 12px #070708}.seo-pages{background:#080809;padding:66px 0}.seo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.seo-grid a{background:#111114;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:18px;font-weight:800;transition:.2s}.seo-grid a:hover{transform:translateY(-4px);border-color:#ff3046;color:#ff3046}.iphone-hero{padding:85px 0;background:radial-gradient(circle at 75% 35%,rgba(175,20,35,.58),transparent 33%),linear-gradient(90deg,#050506,#190408 70%,#050506)}.iphone-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.iphone-hero h1{font-size:68px;line-height:1.05;margin:24px 0 18px}.iphone-hero p{font-size:20px;line-height:1.65;color:#cfcfd5}.hero-mini-actions{display:flex;gap:14px;margin-top:28px}.btn.dark{background:#101012;border:1px solid rgba(255,255,255,.16)}.iphone-visual{position:relative;min-height:390px}.phone-stack{position:absolute;width:180px;height:330px;border-radius:38px;background:linear-gradient(145deg,#353035,#09090b);border:1px solid rgba(255,255,255,.14);box-shadow:0 35px 80px rgba(0,0,0,.65)}.phone-stack.one{right:260px;top:40px;transform:rotate(-9deg)}.phone-stack.two{right:140px;top:10px;background:linear-gradient(145deg,#4e302f,#171214)}.phone-stack.three{right:20px;top:60px;background:linear-gradient(145deg,#120307,#b51527)}.phone-stack:before{content:'';position:absolute;inset:0;display:grid;place-items:center;font-size:56px;color:#030304}.admin-real{min-height:100vh;padding:80px 0;background:#050506}.admin-real h1{font-size:46px}.admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.admin-card{background:#111114;border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:24px}.admin-card b{display:block;font-size:24px;color:#ff3046}.admin-card span{color:#aaa}.reveal{opacity:0;transform:translateY(16px);transition:opacity .45s ease,transform .45s ease}.reveal.show{opacity:1;transform:translateY(0)}.device-card:hover{transform:scale(1.075)!important}.btn:hover,.red:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(255,35,55,.35)}@media(max-width:1100px){.model-grid,.model-grid.large{grid-template-columns:repeat(2,1fr)}.seo-grid{grid-template-columns:repeat(2,1fr)}.iphone-hero-grid{grid-template-columns:1fr}.iphone-hero h1{font-size:48px}}@media(max-width:650px){.model-grid,.model-grid.large,.seo-grid{grid-template-columns:1fr}.models-toolbar input{min-width:100%}.iphone-visual{display:none}.iphone-hero h1{font-size:38px}}


/* iPhone page in Jabko-like right-side model style */
.jabko-iphone-page{
  background:
    radial-gradient(circle at 88% 8%, rgba(185,20,34,.28), transparent 34%),
    linear-gradient(135deg,#050506 0%,#09090b 48%,#1a0508 100%);
  padding:42px 0 74px;
  border-top:1px solid rgba(255,255,255,.06);
}
.jabko-layout{
  display:grid;
  grid-template-columns:360px 1fr;
  gap:28px;
  align-items:start;
}
.jabko-sidebar{
  position:sticky;
  top:96px;
  background:linear-gradient(180deg,rgba(23,23,25,.92),rgba(10,10,12,.92));
  border:1px solid rgba(255,255,255,.10);
  border-radius:24px;
  padding:26px;
  box-shadow:0 24px 70px rgba(0,0,0,.28);
}
.back-link{
  display:inline-flex;
  color:#aaa;
  margin-bottom:20px;
  font-weight:800;
}
.back-link:hover{color:#ff3046}
.jabko-sidebar h1{
  font-size:42px;
  line-height:1.05;
  margin:22px 0 16px;
  letter-spacing:-.8px;
}
.jabko-sidebar p{
  color:#bfc0c7;
  line-height:1.65;
  margin:0 0 24px;
}
.models-toolbar.vertical{
  display:grid;
  gap:14px;
  margin:0;
}
.models-toolbar.vertical input{
  min-width:0;
  width:100%;
}
.series-list{
  display:grid;
  gap:9px;
}
.series-list .series-btn{
  width:100%;
  text-align:left;
  justify-content:flex-start;
  border-radius:12px;
  padding:13px 15px;
}
.side-benefits{
  display:grid;
  gap:10px;
  margin-top:24px;
  padding-top:22px;
  border-top:1px solid rgba(255,255,255,.08);
}
.side-benefits div{
  display:flex;
  align-items:center;
  gap:10px;
  color:#d8d8dd;
}
.side-benefits b{
  color:#ff3046;
  width:26px;
  height:26px;
  border:1px solid rgba(255,48,70,.55);
  border-radius:50%;
  display:grid;
  place-items:center;
}
.jabko-models-area{
  min-width:0;
}
.jabko-top{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:18px;
  margin-bottom:18px;
}
.jabko-top h2{
  font-size:34px;
  margin:0 0 8px;
}
.jabko-top p{
  color:#aaa;
  margin:0;
}
.jabko-top a{
  color:#ff3046;
  font-weight:900;
}
.iphone-model-grid-jabko{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:14px;
}
.iphone-model-grid-jabko .model-card{
  min-height:172px;
  display:grid;
  grid-template-columns:94px 1fr;
  align-items:center;
  gap:18px;
  padding:18px;
  background:linear-gradient(180deg,#171719,#0d0d0f);
  border:1px solid rgba(255,255,255,.10);
  border-radius:20px;
  position:relative;
  overflow:hidden;
}
.iphone-model-grid-jabko .model-card:before{
  content:'';
  position:absolute;
  inset:-1px;
  background:radial-gradient(circle at 20% 50%, rgba(255,48,70,.16), transparent 38%);
  opacity:0;
  transition:.25s;
}
.iphone-model-grid-jabko .model-card:hover{
  transform:translateY(-7px) scale(1.035);
  border-color:rgba(255,48,70,.65);
  box-shadow:0 24px 60px rgba(255,35,55,.25), inset 0 0 0 1px rgba(255,70,90,.18);
}
.iphone-model-grid-jabko .model-card:hover:before{
  opacity:1;
}
.iphone-model-grid-jabko .model-card:hover .iphone-art{
  transform:translateY(-4px) rotate(-3deg) scale(1.08);
  filter:drop-shadow(0 14px 24px rgba(255,35,55,.28));
}
.iphone-art{
  position:relative;
  width:78px;
  height:132px;
  margin:auto;
  border-radius:22px;
  background:linear-gradient(145deg,#2a2a2f,#080809 65%,#1c1c20);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:inset 0 0 0 4px rgba(255,255,255,.035), 0 16px 34px rgba(0,0,0,.42);
  transition:.25s;
  z-index:2;
}
.iphone-art:before{
  content:'';
  position:absolute;
  top:9px;
  left:50%;
  transform:translateX(-50%);
  width:28px;
  height:6px;
  border-radius:10px;
  background:#050506;
  opacity:.85;
}
.iphone-art:after{
  content:'';
  position:absolute;
  inset:14px 8px 10px;
  border-radius:16px;
  background:
    radial-gradient(circle at 68% 26%, rgba(255,55,75,.70), transparent 16%),
    linear-gradient(135deg,#08080a 0%,#22060a 48%,#b81529 100%);
}
.iphone-art i{
  position:absolute;
  z-index:3;
  width:10px;
  height:10px;
  border-radius:50%;
  background:#050506;
  top:22px;
  left:17px;
  box-shadow:16px 0 #050506,8px 16px #050506;
}
.iphone-art.classic i{
  display:none;
}
.iphone-art.classic{
  background:linear-gradient(145deg,#242429,#111114);
}
.iphone-art.classic:after{
  background:linear-gradient(145deg,#111114,#2b0a12 60%,#57111b);
}
.model-info{
  position:relative;
  z-index:2;
  display:grid;
  gap:7px;
}
.iphone-model-grid-jabko .model-card b{
  font-size:21px;
  line-height:1.1;
}
.iphone-model-grid-jabko .model-card small{
  color:#aaa;
  line-height:1.35;
}
.iphone-model-grid-jabko .model-card em{
  margin-top:8px;
  color:#ff3046;
  font-weight:900;
}
@media(max-width:1180px){
  .jabko-layout{grid-template-columns:1fr}
  .jabko-sidebar{position:relative;top:0}
  .iphone-model-grid-jabko{grid-template-columns:repeat(2, minmax(0,1fr))}
}
@media(max-width:650px){
  .jabko-sidebar h1{font-size:34px}
  .iphone-model-grid-jabko{grid-template-columns:1fr}
  .iphone-model-grid-jabko .model-card{grid-template-columns:82px 1fr}
  .iphone-art{width:66px;height:112px}
}


/* DISPLAY FIXED REAL IMAGES */
.iphone-model-grid-jabko{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}

.iphone-model-grid-jabko .model-card,
.model-card{
  display:grid!important;
  grid-template-columns:118px 1fr!important;
  min-height:188px!important;
  align-items:center!important;
}

.iphone-photo{
  position:relative!important;
  z-index:4!important;
  width:118px!important;
  height:155px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  transition:.25s ease!important;
}

.iphone-photo img{
  max-width:118px!important;
  max-height:155px!important;
  object-fit:contain!important;
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  filter:drop-shadow(0 20px 28px rgba(0,0,0,.52))!important;
  transition:.25s ease!important;
}

.model-info{
  position:relative!important;
  z-index:5!important;
}

.model-card:hover .iphone-photo{
  transform:translateY(-5px) scale(1.08)!important;
}

.model-card:hover .iphone-photo img{
  filter:
    drop-shadow(0 30px 40px rgba(255,35,55,.45))
    brightness(1.05)!important;
}

.phone-mini,
.iphone-art{
  display:none!important;
}

@media(max-width:1200px){
  .iphone-model-grid-jabko{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media(max-width:850px){
  .iphone-model-grid-jabko{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:650px){
  .iphone-model-grid-jabko{grid-template-columns:1fr!important;}
}


/* 3-column centered model layout */
.iphone-model-grid-jabko{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
}

.iphone-model-grid-jabko .model-card{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:center!important;
  min-height:320px!important;
  padding:24px 18px!important;
  gap:12px!important;
}

.model-info{
  order:1!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}

.model-info b{
  font-size:24px!important;
  line-height:1.2!important;
  margin-bottom:8px!important;
}

.model-info small{
  text-align:center!important;
  max-width:220px!important;
}

.iphone-photo{
  order:2!important;
  width:160px!important;
  height:190px!important;
  margin-top:6px!important;
}

.iphone-photo img{
  max-width:160px!important;
  max-height:190px!important;
  object-fit:contain!important;
}

.model-card em{
  margin-top:10px!important;
}

@media(max-width:1100px){
  .iphone-model-grid-jabko{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:650px){
  .iphone-model-grid-jabko{
    grid-template-columns:1fr!important;
  }
}


/* Clean minimal iPhone cards */
.iphone-model-grid-jabko .model-card{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:space-between!important;
  text-align:center!important;
  min-height:310px!important;
  padding:24px 16px 20px!important;
  gap:0!important;
}

.iphone-photo{
  order:1!important;
  width:170px!important;
  height:210px!important;
  margin:0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

.iphone-photo img{
  max-width:170px!important;
  max-height:210px!important;
  object-fit:contain!important;
  transition:
    transform .25s ease,
    filter .25s ease!important;
}

.model-info{
  order:2!important;
  margin-top:10px!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  width:100%!important;
}

.model-info b{
  text-align:center!important;
  font-size:23px!important;
  line-height:1.2!important;
  margin:0!important;
  color:#fff!important;
}

.model-info small,
.model-card em{
  display:none!important;
}

.model-card:hover .iphone-photo img{
  transform:
    translateY(-8px)
    scale(1.08)!important;

  filter:
    drop-shadow(0 28px 38px rgba(255,35,55,.42))
    brightness(1.05)!important;
}


/* === REMONT IPHONE V3 NO CACHE === */

.jabko-iphone-page{
  padding:42px 0 74px!important;
}

.jabko-layout{
  display:grid!important;
  grid-template-columns:360px 1fr!important;
  gap:28px!important;
  align-items:start!important;
}

.jabko-sidebar.clean-sidebar-v3{
  position:sticky!important;
  top:96px!important;
  background:linear-gradient(180deg,rgba(23,23,25,.95),rgba(10,10,12,.95))!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:24px!important;
  padding:26px!important;
  box-shadow:0 24px 70px rgba(0,0,0,.28)!important;
  overflow:hidden!important;
}

.clean-sidebar-v3 p,
.clean-sidebar-v3 .series-list,
.clean-sidebar-v3 .side-benefits{
  display:none!important;
}

.clean-sidebar-v3 h1{
  font-size:38px!important;
  line-height:1.08!important;
  margin:22px 0 18px!important;
}

.left-devices-v3{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  width:100%!important;
  margin:18px 0 24px!important;
}

.left-devices-v3 img{
  display:block!important;
  width:100%!important;
  max-width:315px!important;
  height:auto!important;
  object-fit:contain!important;
  filter:
    drop-shadow(0 25px 35px rgba(255,35,55,.16))
    drop-shadow(0 12px 28px rgba(0,0,0,.55))!important;
}

.clean-sidebar-v3 .models-toolbar.vertical{
  display:block!important;
  margin:0!important;
}

.clean-sidebar-v3 input{
  width:100%!important;
  min-width:0!important;
}

.jabko-models-area{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
}

.jabko-top{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-end!important;
  gap:18px!important;
  margin-bottom:18px!important;
}

.iphone-model-grid-jabko{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
}

.iphone-model-grid-jabko .model-card{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:space-between!important;
  min-height:310px!important;
  padding:24px 16px 20px!important;
  text-align:center!important;
}

.iphone-photo{
  order:1!important;
  width:170px!important;
  height:210px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0 auto!important;
}

.iphone-photo img{
  max-width:170px!important;
  max-height:210px!important;
  object-fit:contain!important;
  display:block!important;
}

.model-info{
  order:2!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  width:100%!important;
  margin-top:10px!important;
}

.model-info b{
  font-size:18px!important;
  line-height:1.2!important;
  font-weight:700!important;
  text-align:center!important;
}

.model-info small,
.model-card em{
  display:none!important;
}

.model-card:hover .iphone-photo img{
  transform:translateY(-8px) scale(1.08)!important;
  filter:drop-shadow(0 28px 38px rgba(255,35,55,.42)) brightness(1.05)!important;
}

@media(max-width:1180px){
  .jabko-layout{
    grid-template-columns:1fr!important;
  }
  .jabko-sidebar.clean-sidebar-v3{
    position:relative!important;
    top:0!important;
  }
  .iphone-model-grid-jabko{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:650px){
  .iphone-model-grid-jabko{
    grid-template-columns:1fr!important;
  }
}
