/* MIKRON V66 — unified premium redesign for all secondary pages.
   Visual language based on approved Home / iPhone / Android pages. */

:root{
  --v66-lime:#b7ff32;
  --v66-lime-soft:#d5ff87;
  --v66-deep:#08120b;
  --v66-deep-2:#0c1b10;
  --v66-card:#13231a;
  --v66-card-2:#182b20;
  --v66-line:rgba(183,255,50,.30);
  --v66-text:#f5f8f5;
  --v66-muted:#c7d1ca;
}

body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]){
  background:
    radial-gradient(900px 520px at 87% 7%,rgba(183,255,50,.12),transparent 62%),
    radial-gradient(700px 500px at 7% 34%,rgba(101,203,45,.08),transparent 65%),
    linear-gradient(180deg,#08120b 0%,#0b180e 48%,#07100a 100%) !important;
  color:var(--v66-text) !important;
}

body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) main,
body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) .page{
  background:transparent !important;
}

/* NAV / HEADER */
body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) .site-header,
body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) nav.navbar{
  background:rgba(7,15,9,.82) !important;
  border-bottom:1px solid rgba(183,255,50,.12) !important;
  backdrop-filter:blur(18px) saturate(120%);
  -webkit-backdrop-filter:blur(18px) saturate(120%);
}

/* HERO */
body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) header.hero{
  position:relative !important;
  overflow:hidden !important;
  background:
    radial-gradient(720px 420px at 86% 30%,rgba(183,255,50,.18),transparent 64%),
    radial-gradient(540px 380px at 8% 78%,rgba(74,163,34,.10),transparent 68%),
    linear-gradient(135deg,#08130b 0%,#0b1d10 52%,#102817 100%) !important;
  border-bottom:1px solid rgba(183,255,50,.22) !important;
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.02);
}
body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) header.hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.36;
  background-image:
    linear-gradient(rgba(183,255,50,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(183,255,50,.025) 1px,transparent 1px);
  background-size:46px 46px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 88%);
}
body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) header.hero::after{
  content:"";position:absolute;width:330px;height:330px;border-radius:50%;right:-110px;top:-110px;
  border:1px solid rgba(183,255,50,.16);box-shadow:0 0 90px rgba(183,255,50,.07);pointer-events:none;
}
body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) .hero-inner{position:relative;z-index:2;}
body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) .hero h1{
  color:#fff !important;font-size:clamp(48px,6vw,78px) !important;line-height:.98 !important;
  letter-spacing:-.055em !important;font-weight:820 !important;text-wrap:balance;
  text-shadow:0 8px 32px rgba(0,0,0,.28);
}
body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) .hero h1 em,
body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) .hero h1 span.accent{color:var(--v66-lime) !important;font-style:normal;}
body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) .hero-sub{
  color:#d4ddd6 !important;font-size:clamp(17px,1.55vw,21px) !important;line-height:1.62 !important;max-width:760px !important;
}
body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) .breadcrumb{color:#92a399 !important;}
body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) .breadcrumb a{color:#cbd6ce !important;}
body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) .breadcrumb .current{color:var(--v66-lime-soft) !important;}
body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) .hero-price{
  display:inline-flex !important;align-items:center;gap:8px;margin-top:20px !important;padding:10px 14px !important;
  border:1px solid rgba(183,255,50,.25);background:rgba(183,255,50,.055);border-radius:999px;color:#dce6df !important;
}
body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) .hero-price strong{color:var(--v66-lime) !important;}

/* Buttons */
body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) .btn-primary{
  background:linear-gradient(135deg,#c6ff58,#9be61f) !important;color:#102006 !important;border-color:#c7ff59 !important;
  box-shadow:0 14px 34px rgba(183,255,50,.20) !important;font-weight:850 !important;
}
body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) .btn-primary:hover{
  transform:translateY(-2px);box-shadow:0 20px 44px rgba(183,255,50,.28) !important;
}
body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) .btn-ghost{
  color:#eff4f0 !important;background:rgba(255,255,255,.035) !important;border-color:rgba(255,255,255,.17) !important;
}
body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) .btn-ghost:hover{border-color:rgba(183,255,50,.5) !important;background:rgba(183,255,50,.055) !important;}

/* SECTIONS */
body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) section.section{
  position:relative;background:transparent !important;border-color:rgba(183,255,50,.12) !important;
}
body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) section.section:nth-of-type(even){
  background:
    radial-gradient(600px 260px at 88% 18%,rgba(183,255,50,.055),transparent 70%),
    linear-gradient(180deg,rgba(18,40,23,.56),rgba(8,20,11,.34)) !important;
}
body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) .section-head{max-width:900px;}
body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) .section-head .eyebrow{
  color:var(--v66-lime) !important;font-weight:900 !important;letter-spacing:.13em !important;
}
body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) .section-head h2,
body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) section h2{
  color:#f7faf7 !important;font-size:clamp(35px,4.4vw,58px) !important;line-height:1.02 !important;letter-spacing:-.045em !important;font-weight:820 !important;
}
body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) .section-head .desc,
body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) section p{color:var(--v66-muted);}

/* Generic cards */
body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) :is(.advantage-card,.break-card,.service-item,.step,.faq-item,.blog-card,.contact-card,.feature-card,.price-card,.review-card){
  border:1px solid rgba(183,255,50,.24) !important;
  background:
    radial-gradient(260px 140px at 92% 4%,rgba(183,255,50,.075),transparent 72%),
    linear-gradient(145deg,rgba(22,43,29,.96),rgba(14,29,19,.98)) !important;
  box-shadow:0 18px 48px rgba(0,0,0,.19),inset 0 1px 0 rgba(255,255,255,.025) !important;
  border-radius:24px !important;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) :is(.advantage-card,.break-card,.service-item,.step,.faq-item,.blog-card,.contact-card,.feature-card,.price-card,.review-card):hover{
  transform:translateY(-3px);border-color:rgba(183,255,50,.48) !important;box-shadow:0 24px 58px rgba(0,0,0,.24),0 0 28px rgba(183,255,50,.045) !important;
}
body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) :is(.advantage-card,.break-card,.service-item,.step,.faq-item,.blog-card) h3,
body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) :is(.advantage-card,.break-card,.service-item,.step,.faq-item,.blog-card) h4{color:#f8faf8 !important;font-weight:800 !important;}
body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) :is(.advantage-card,.break-card,.service-item,.step) p{color:#c7d2ca !important;font-size:16px !important;line-height:1.62 !important;}
body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) :is(.advantage-card,.break-card,.service-item) .ico{
  background:rgba(183,255,50,.10) !important;border-color:rgba(183,255,50,.34) !important;color:var(--v66-lime) !important;
  box-shadow:inset 0 0 18px rgba(183,255,50,.04) !important;
}

/* Advantages */
body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) .advantages-grid{gap:18px !important;}
body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) .advantage-card{padding:28px !important;}

/* Typical breakdown cards */
body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) .break-grid{gap:18px !important;}
body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) .break-card{padding:26px 28px !important;min-height:150px;align-items:center;}
body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) .break-card h4{font-size:20px !important;margin-bottom:7px !important;}

/* Prices / services */
body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) .price-note{
  color:#dce6df !important;background:rgba(183,255,50,.055) !important;border:1px solid rgba(183,255,50,.22) !important;
  border-radius:18px !important;padding:15px 18px !important;
}
body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) .price-note .dot{background:var(--v66-lime) !important;box-shadow:0 0 12px rgba(183,255,50,.34);}
body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) .service-list{gap:14px !important;}
body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) .service-item{padding:24px 26px !important;}
body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) .service-item h4{font-size:19px !important;}
body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) .service-item .price{
  color:#c7ff65 !important;background:rgba(183,255,50,.075) !important;border:1px solid rgba(183,255,50,.22) !important;border-radius:999px !important;padding:7px 11px !important;
}

/* Steps */
body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) .steps{gap:16px !important;}
body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) .step{padding:30px 28px !important;min-height:270px;}
body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) .step .num{color:var(--v66-lime) !important;font-size:40px !important;font-weight:900 !important;text-shadow:0 0 20px rgba(183,255,50,.16);}
body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) .step h4{font-size:20px !important;}

/* Reviews */
body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) .service-reviews-section{
  background:
    radial-gradient(600px 300px at 18% 25%,rgba(183,255,50,.08),transparent 70%),
    linear-gradient(180deg,#0d2113,#0b180e) !important;
  border-block:1px solid rgba(183,255,50,.16) !important;
}

/* CTA */
body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) .cta-banner{
  position:relative;overflow:hidden;
  background:
    radial-gradient(430px 220px at 86% 20%,rgba(183,255,50,.16),transparent 70%),
    linear-gradient(125deg,#0d1e12,#17371f) !important;
  border-block:1px solid rgba(183,255,50,.22) !important;
}

/* Contact */
body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) #contact.contact-ref-final{
  background:
    radial-gradient(700px 390px at 14% 22%,rgba(183,255,50,.09),transparent 67%),
    linear-gradient(180deg,#0a170d,#071009) !important;
  border-top:1px solid rgba(183,255,50,.20) !important;
}
body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) #contact.contact-ref-final :is(.contact-card-v3,.contact-form-v3,.contact-map-v3,.contact-info-card-v3){
  background:linear-gradient(145deg,rgba(20,42,27,.95),rgba(11,25,16,.98)) !important;
  border-color:rgba(183,255,50,.24) !important;box-shadow:0 22px 56px rgba(0,0,0,.22) !important;
}

/* Model pages — stronger premium identity */
body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) .model-compact-hero,
body[data-page="android-model"] .model-compact-hero{
  background:
    radial-gradient(720px 400px at 84% 22%,rgba(183,255,50,.18),transparent 62%),
    linear-gradient(135deg,#08120b,#0d2414) !important;
  border-bottom-color:rgba(183,255,50,.20) !important;
}
body[data-page="android-model"] .model-compact-device{
  background:radial-gradient(circle at 50% 32%,rgba(183,255,50,.15),transparent 60%),linear-gradient(160deg,#13231a,#0a150e) !important;
  border-color:rgba(183,255,50,.42) !important;box-shadow:0 26px 70px rgba(0,0,0,.30),0 0 34px rgba(183,255,50,.055) !important;
}
body[data-page="android-model"] .model-compact-title{color:#fff !important;}
body[data-page="android-model"] .model-compact-lead{color:#c8d3cb !important;font-size:17px !important;}
body[data-page="android-model"] .model-compact-pill{background:rgba(183,255,50,.045) !important;border-color:rgba(183,255,50,.17) !important;color:#dbe4dd !important;}
body[data-page="android-model"] .model-other-device{background:linear-gradient(180deg,#09140c,#0b1a10) !important;}
body[data-page="android-model"] .model-other-card{background:radial-gradient(circle at 88% 15%,rgba(183,255,50,.12),transparent 28%),linear-gradient(135deg,#102016,#172e1e) !important;}

/* iPhone model pages share same premium secondary-page system, without touching iphone.html itself */
body[data-page="iphone-model"] .model-compact-hero{background:radial-gradient(650px 390px at 86% 20%,rgba(183,255,50,.15),transparent 65%),linear-gradient(135deg,#08120b,#102718) !important;}

/* Blog */
body[data-page="blog"] .blog-grid{gap:22px !important;}
body[data-page="blog"] .blog-card{padding:30px !important;text-decoration:none !important;min-height:265px;}
body[data-page="blog"] .blog-card .tag{color:#0e1a08 !important;background:var(--v66-lime) !important;border-radius:999px;padding:7px 11px;font-weight:900;}
body[data-page="blog"] .blog-card h3{font-size:26px !important;line-height:1.12 !important;letter-spacing:-.025em !important;}
body[data-page="blog"] .blog-card .read-more{color:var(--v66-lime-soft) !important;font-weight:750;}

/* Article pages */
body[data-page^="blog-"] .article,
body[data-page^="blog-"] .article-card,
body[data-page^="blog-"] .post,
body[data-page^="blog-"] .section > .wrap{
  color:#e8eee9;
}
body[data-page^="blog-"] article,
body[data-page^="blog-"] .article-body{
  max-width:920px;margin-inline:auto;background:linear-gradient(145deg,rgba(21,42,28,.92),rgba(12,25,16,.96));
  border:1px solid rgba(183,255,50,.19);border-radius:30px;padding:clamp(24px,4vw,48px);box-shadow:0 24px 64px rgba(0,0,0,.22);
}

/* Calculator */
body[data-page="calculator"] .calc-widget,
body[data-page="calculator"] .calculator-card,
body[data-page="calculator"] .price-calculator{
  background:linear-gradient(145deg,#14291b,#0d1c12) !important;border:1px solid rgba(183,255,50,.24) !important;border-radius:28px !important;box-shadow:0 24px 64px rgba(0,0,0,.22) !important;
}
body[data-page="calculator"] .calc-device-btn,
body[data-page="calculator"] .calc-problem-btn{background:#15281b !important;border-color:rgba(183,255,50,.20) !important;color:#f3f7f4 !important;}
body[data-page="calculator"] .calc-device-btn:hover,
body[data-page="calculator"] .calc-problem-btn:hover{border-color:rgba(183,255,50,.48) !important;background:#1a3221 !important;}

/* Legal pages — premium, readable, not flashy */
body[data-page="legal"],body[data-page="privacy"],body[data-page="consent"],body[data-page="requisites"]{
  background:linear-gradient(180deg,#09130c,#0d1b11 55%,#08110a) !important;
}
body[data-page="legal"] .section > .wrap,
body[data-page="privacy"] .section > .wrap,
body[data-page="consent"] .section > .wrap,
body[data-page="requisites"] .section > .wrap{
  max-width:980px;background:linear-gradient(145deg,rgba(22,42,29,.95),rgba(13,27,18,.98));
  border:1px solid rgba(183,255,50,.17);border-radius:30px;padding:clamp(26px,4vw,52px);box-shadow:0 24px 70px rgba(0,0,0,.22);
}
body[data-page="legal"] .section h2,
body[data-page="privacy"] .section h2,
body[data-page="consent"] .section h2,
body[data-page="requisites"] .section h2{font-size:clamp(26px,3.1vw,38px) !important;margin-top:34px;}
body[data-page="legal"] .section p,body[data-page="legal"] .section li,
body[data-page="privacy"] .section p,body[data-page="privacy"] .section li,
body[data-page="consent"] .section p,body[data-page="consent"] .section li,
body[data-page="requisites"] .section p,body[data-page="requisites"] .section li{color:#d0d9d2 !important;font-size:16px !important;line-height:1.72 !important;}

/* Footer */
body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) footer{
  background:#050c07 !important;border-top:1px solid rgba(183,255,50,.13) !important;
}
body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) footer a{color:#c9d4cc;}
body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) footer a:hover{color:var(--v66-lime);}

/* Light theme: keep approved light, airy green/white identity */
:root[data-theme="light"] body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]){
  background:
    radial-gradient(900px 500px at 88% 8%,rgba(155,230,31,.18),transparent 64%),
    linear-gradient(180deg,#f8fbf4,#eff7e9 50%,#f8fbf4) !important;color:#162018 !important;
}
:root[data-theme="light"] body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) header.hero{
  background:radial-gradient(680px 420px at 84% 24%,rgba(155,230,31,.23),transparent 66%),linear-gradient(135deg,#eef8e8,#dff1d2) !important;
  border-bottom-color:rgba(84,126,32,.18) !important;
}
:root[data-theme="light"] body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) .hero h1,
:root[data-theme="light"] body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) section h2,
:root[data-theme="light"] body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) .section-head h2{color:#122016 !important;text-shadow:none;}
:root[data-theme="light"] body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) .hero-sub,
:root[data-theme="light"] body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) section p{color:#4d5d51 !important;}
:root[data-theme="light"] body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) :is(.advantage-card,.break-card,.service-item,.step,.faq-item,.blog-card,.contact-card,.feature-card,.price-card,.review-card){
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(240,248,235,.98)) !important;border-color:rgba(96,145,39,.22) !important;box-shadow:0 16px 42px rgba(42,72,37,.09) !important;
}
:root[data-theme="light"] body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) :is(.advantage-card,.break-card,.service-item,.step,.faq-item,.blog-card) h3,
:root[data-theme="light"] body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) :is(.advantage-card,.break-card,.service-item,.step,.faq-item,.blog-card) h4{color:#172119 !important;}
:root[data-theme="light"] body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) :is(.advantage-card,.break-card,.service-item,.step) p{color:#526056 !important;}
:root[data-theme="light"] body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) footer{background:#edf5e8 !important;color:#415047 !important;border-top-color:rgba(75,119,28,.18) !important;}

@media(max-width:900px){
  body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) .hero h1{font-size:clamp(42px,9vw,62px) !important;}
  body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) .step{min-height:0;}
}
@media(max-width:620px){
  body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) header.hero{padding-top:102px !important;padding-bottom:44px !important;}
  body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) .hero h1{font-size:clamp(38px,12vw,50px) !important;}
  body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) .hero-sub{font-size:16px !important;}
  body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) .section-head h2,
  body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) section h2{font-size:clamp(31px,10vw,42px) !important;}
  body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) :is(.advantage-card,.break-card,.service-item,.step,.blog-card){border-radius:20px !important;}
  body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) .break-card{padding:21px !important;min-height:0;}
  body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) .service-item{padding:20px !important;}
  body:not([data-page="home"]):not([data-page="iphone"]):not([data-page="android"]) .step{padding:24px 22px !important;}
}