:root{--vval-accent:#2d5a7b;--vval-accent-dark:#1f4050;--vval-bg:#f0f4f8;--vval-bg-alt:#e3ecf2;--vval-text:#1a2332;--vval-muted:#5a6b7f;--vval-border:#c5d5e3;--vval-font-display:"Sora",system-ui,sans-serif;--vval-font-body:"Inter",system-ui,sans-serif;--vval-space-4:1rem;--vval-space-6:1.5rem;--vval-space-8:2rem;--vval-space-12:3rem;--vval-space-20:5rem;--vval-radius:.5rem;--vval-radius-lg:1rem;--vval-radius-pill:999px;--vval-shadow-sm:0 1px 3px rgba(26,35,50,.08);--vval-shadow-md:0 4px 12px rgba(26,35,50,.12);--vval-shadow-lg:0 12px 32px rgba(26,35,50,.16);--vval-transition:.25s ease;--vval-max-width:1200px;--vval-header-height:4rem}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--vval-font-body);color:var(--vval-text);background:var(--vval-bg);line-height:1.6;font-size:clamp(.95rem,.9rem+.3vw,1.05rem)}
h1,h2,h3,h4{font-family:var(--vval-font-display);line-height:1.1;color:var(--vval-text)}
h1{font-size:clamp(2rem,1.4rem+2.2vw,3.2rem)}
h2{font-size:clamp(1.6rem,1.1rem+1.6vw,2.4rem)}
h3{font-size:1.25rem}
a{color:inherit;text-decoration:none;transition:var(--vval-transition)}
img{max-width:100%;height:auto;display:block}
.container{width:90%;max-width:var(--vval-max-width);margin-inline:auto}
.section{padding:var(--vval-space-20) 0}
.section-alt{background:var(--vval-bg-alt)}
.urdk{background:var(--vval-accent);color:#fff}
.ulwc{background:var(--vval-text);color:#fff}
.disclosure-bar{background:#f9f5f0;color:#3d2817;padding:.5rem;text-align:center;font-size:.85rem;font-weight:500}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--vval-radius-pill);font-weight:600;font-size:.95rem;cursor:pointer;border:2px solid transparent;transition:var(--vval-transition);text-decoration:none}
.btn-primary{background:var(--vval-accent);color:#fff}
.btn-primary:hover{background:var(--vval-accent-dark)}
.btn-outline{background:transparent;border-color:var(--vval-accent);color:var(--vval-accent)}
.btn-outline:hover{background:var(--vval-accent);color:#fff}
.btn-sm{padding:.5rem 1rem;font-size:.85rem}
.btn-block{width:100%}
.ucwi{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:blur(8px);border-bottom:1px solid var(--vval-border)}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:var(--vval-header-height)}
.logo{font-family:var(--vval-font-display);font-size:1.2rem;font-weight:700;color:var(--vval-accent)}
.ughy{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:.5rem}
.ughy span{width:24px;height:2px;background:var(--vval-text);transition:var(--vval-transition)}
.ujsh{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}
.ujsh a{padding:.5rem 0;color:var(--vval-text);border-bottom:2px solid transparent}
.ujsh a:hover{color:var(--vval-accent);border-bottom-color:var(--vval-accent)}
.form-group{margin-bottom:var(--vval-space-6)}
.form-group label{display:block;margin-bottom:.4rem;font-weight:600;color:var(--vval-text)}
.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem 1rem;border:1px solid var(--vval-border);border-radius:var(--vval-radius);font:inherit;background:#fff;color:var(--vval-text)}
.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--vval-accent);box-shadow:0 0 0 3px rgba(45,90,123,.1)}
.uazd{display:none;color:#d32f2f;font-size:.85rem;margin-top:.25rem}
.uazd.is-visible{display:block}
.form-checkbox{display:flex;align-items:flex-start;gap:.6rem}
.form-checkbox input[type="checkbox"]{margin-top:.3rem}
.form-checkbox label{margin:0;font-weight:400}
.umrv{background:#fff;color:var(--vval-text);border:1px solid var(--vval-border);border-radius:var(--vval-radius-lg);box-shadow:var(--vval-shadow-md);padding:var(--vval-space-8)}
.ulwc .umrv,.urdk .umrv{background:#fff;color:var(--vval-text)}
.umrv h3{margin-bottom:1rem}
.price-block{display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap;margin:1rem 0}
.price-old{color:var(--vval-muted);font-size:1rem;text-decoration:line-through}
.price-new{font-family:var(--vval-font-display);font-size:1.8rem;font-weight:700;color:var(--vval-accent)}
.price-badge{background:var(--vval-accent);color:#fff;padding:.25rem .6rem;border-radius:var(--vval-radius-pill);font-size:.8rem;font-weight:700}
.hero{position:relative;background:linear-gradient(135deg,var(--vval-bg) 0%,var(--vval-bg-alt) 100%)}
.ugeh{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;opacity:.15}
.ugeh img{width:100%;height:100%;object-fit:cover}
.hero>*{position:relative;z-index:1}
.hero-content{max-width:600px}
.hero-title{margin:1rem 0}
.hero-eyebrow{display:inline-block;color:var(--vval-accent);font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem}
.checklist{list-style:none;margin:1rem 0;display:grid;gap:.8rem}
.checklist li{display:flex;align-items:flex-start;gap:.75rem}
.check-ic{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:rgba(45,90,123,.12);color:var(--vval-accent);display:flex;align-items:center;justify-content:center;font-size:.95rem}
.hero-rating{display:flex;align-items:center;gap:.5rem;font-size:.95rem;margin:1rem 0}
.stars{color:#f0a500;letter-spacing:.1em;font-size:1rem}
.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;margin:1.5rem 0}
.hero-note{font-size:.9rem;color:var(--vval-muted)}
.page-title{margin-bottom:.5rem}
.section-lead{font-size:1.05rem;color:var(--vval-muted);margin-bottom:1.5rem;line-height:1.7}
.benefit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--vval-space-8);margin-top:var(--vval-space-8)}
.benefit-card{background:#fff;border:1px solid var(--vval-border);border-radius:var(--vval-radius-lg);padding:var(--vval-space-6);text-align:left}
.benefit-card i{font-size:1.8rem;color:var(--vval-accent);margin-bottom:.5rem}
.benefit-card h3{margin-bottom:.5rem;font-size:1.1rem}
.benefit-card p{color:var(--vval-muted);font-size:.95rem}
.order-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--vval-space-6)}
.step-card{background:#fff;border:1px solid var(--vval-border);border-radius:var(--vval-radius-lg);padding:var(--vval-space-6);text-align:center}
.step-number{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--vval-accent);color:#fff;font-weight:700;font-size:1.2rem;margin-bottom:1rem}
.trust-band{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--vval-space-6);text-align:center;margin-top:var(--vval-space-8)}
.trust-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}
.trust-item i{font-size:1.8rem;color:var(--vval-accent)}
.trust-chips{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}
.trust-chips li{display:flex;align-items:center;gap:.4rem;font-size:.9rem;color:var(--vval-muted)}
.testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--vval-space-8);margin-top:var(--vval-space-8)}
.testimonial{background:rgba(255,255,255,.6);border-left:3px solid var(--vval-accent);padding:var(--vval-space-6);border-radius:var(--vval-radius);font-style:italic;line-height:1.7}
.testimonial cite{display:block;margin-top:var(--vval-space-4);font-style:normal;color:var(--vval-accent);font-weight:600;font-size:.9rem}
.testimonial-disclaimer{text-align:center;opacity:.7;font-size:.9rem;margin-bottom:var(--vval-space-8)}
.faq{display:grid;gap:.5rem;margin-top:var(--vval-space-8)}
.uozw{border:1px solid var(--vval-border);border-radius:var(--vval-radius);overflow:hidden}
.uife{width:100%;text-align:left;padding:1rem;background:#fff;border:none;cursor:pointer;font-weight:600;display:flex;justify-content:space-between;align-items:center;transition:var(--vval-transition)}
.uife:hover{background:var(--vval-bg-alt)}
.uife i{font-size:.9rem;transition:var(--vval-transition)}
.uozw[open] .uife{background:var(--vval-bg-alt)}
.uozw[open] .uife i{transform:rotate(180deg)}
.uder{display:none}
.uozw[open] .uder{display:block}
.faq-answer-inner{padding:0 1rem 1rem;color:var(--vval-muted);line-height:1.7}
.table-wrap{overflow-x:auto;margin-top:var(--vval-space-8)}
.dose-table{width:100%;border-collapse:collapse;font-size:.95rem}
.dose-table th,.dose-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--vval-border)}
.dose-table thead th{background:var(--vval-bg-alt);font-weight:600}
.dose-note{font-size:.85rem;color:var(--vval-muted);margin-top:.5rem}
.uluh{position:relative;background:#fff;border:1px solid var(--vval-border);border-radius:var(--vval-radius-lg);padding:var(--vval-space-8);margin-top:var(--vval-space-8)}
.uphy{display:flex;overflow:hidden}
.uucm{min-width:100%;flex:0 0 100%;transition:transform .4s ease}
.uprh{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:1px solid var(--vval-border);background:#fff;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center}
.uzle{left:1rem}
.uusx{right:1rem}
.umpr{background:#fff;border:1px solid var(--vval-border);border-radius:var(--vval-radius-lg);padding:var(--vval-space-8);margin-top:var(--vval-space-8)}
.umpr label{display:block;margin-bottom:1rem;font-weight:500}
.umpr input[type="range"]{accent-color:var(--vval-accent)}
.ueqq{margin-top:1rem;padding:1rem;background:var(--vval-bg-alt);border-radius:var(--vval-radius);border-left:3px solid var(--vval-accent);color:var(--vval-text)}
.product-pack{max-width:300px;margin:1rem auto}
.product-pack svg{width:100%;height:auto;filter:drop-shadow(0 10px 20px rgba(0,0,0,.15))}
.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--vval-space-6);margin-top:var(--vval-space-8)}
.info-card{background:#fff;border:1px solid var(--vval-border);border-radius:var(--vval-radius-lg);padding:var(--vval-space-6);text-align:center}
.info-card i{font-size:2rem;color:var(--vval-accent);margin-bottom:.5rem}
.info-card h3{margin-bottom:.5rem}
.info-card p{color:var(--vval-muted);font-size:.95rem}
.cta-band{text-align:center}
.cta-band h2{color:#fff;margin-bottom:.5rem}
.cta-band p{color:rgba(255,255,255,.9);margin-bottom:1.5rem}
.contact-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:var(--vval-space-8);margin-top:var(--vval-space-8)}
.udhi{background:#fff;padding:var(--vval-space-8);border:1px solid var(--vval-border);border-radius:var(--vval-radius-lg)}
.contact-info-panel{display:grid;gap:1.5rem}
.contact-info-item{display:flex;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--vval-border)}
.contact-info-item:last-child{border-bottom:none}
.contact-info-item i{font-size:1.5rem;color:var(--vval-accent);flex-shrink:0}
.contact-info-item strong{color:var(--vval-text)}
.contact-info-item a{color:var(--vval-accent);text-decoration:underline}
.split-block{display:grid;grid-template-columns:1fr 1fr;gap:var(--vval-space-12);align-items:center;margin-top:var(--vval-space-8)}
.split-reverse{direction:rtl}
.split-reverse>*{direction:ltr}
.media{position:relative;overflow:hidden;border-radius:var(--vval-radius-lg);background:linear-gradient(135deg,var(--vval-accent) 0%,var(--vval-bg-alt) 100%)}
.media img{width:100%;height:100%;object-fit:cover;display:block}
.media-1x1{aspect-ratio:1/1}
.media-4x3{aspect-ratio:4/3}
.media-3x4{aspect-ratio:3/4}
.media-16x9{aspect-ratio:16/9}
.order-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--vval-space-8);align-items:center;margin-top:var(--vval-space-8)}
.order-product h2{margin-bottom:1rem}
.order-summary{font-size:.9rem;color:var(--vval-muted);margin-top:1rem}
.instruction-box{display:grid;gap:2rem;margin-top:var(--vval-space-8)}
.instruction-step{display:flex;gap:var(--vval-space-6)}
.step-icon{flex-shrink:0;width:50px;height:50px;border-radius:50%;background:var(--vval-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem}
.step-content h3{margin-bottom:.5rem;font-size:1.1rem}
.storage-box{background:#fff;border:1px solid var(--vval-border);border-radius:var(--vval-radius-lg);padding:var(--vval-space-6);margin-top:var(--vval-space-8)}
.site-footer{background:var(--vval-text);color:#fff}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--vval-space-8);padding:var(--vval-space-20) 0 var(--vval-space-12)}
.footer-brand h4,.footer-col h4{font-size:1rem;margin-bottom:.8rem}
.footer-col ul{list-style:none}
.footer-col a{color:rgba(255,255,255,.8)}
.footer-col a:hover{color:#fff}
.footer-col li{margin-bottom:.4rem}
.footer-legal-links{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding:var(--vval-space-8) 0;border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2);margin:var(--vval-space-8) 0}
.footer-legal-links a{color:rgba(255,255,255,.8)}
.footer-legal-links a:hover{color:#fff}
.footer-disclaimer{text-align:center;font-size:.85rem;color:rgba(255,255,255,.7);padding:var(--vval-space-8) 0;max-width:800px;margin:0 auto}
.footer-bottom{text-align:center;font-size:.9rem;color:rgba(255,255,255,.6);padding-top:var(--vval-space-8)}
.uott{position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:90;background:#fff;border:1px solid var(--vval-border);border-radius:var(--vval-radius-lg);box-shadow:var(--vval-shadow-lg);padding:var(--vval-space-6);transform:translateY(150%);transition:var(--vval-transition)}
.uott.is-visible{transform:none}
.cookie-banner-text{font-size:.9rem;margin-bottom:1rem}
.cookie-banner-actions{display:flex;flex-wrap:wrap;gap:.5rem}
.uzln{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.5)}
.uzln.is-visible{display:flex}
.ukkr{background:#fff;border-radius:var(--vval-radius-lg);padding:var(--vval-space-8);max-width:500px;max-height:90vh;overflow-y:auto}
.ukkr h2{margin-bottom:1rem}
.cookie-toggle{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--vval-border)}
.cookie-toggle:last-child{border-bottom:none}
.cookie-toggle h4{margin-bottom:.25rem;font-size:.95rem}
.cookie-toggle p{font-size:.85rem;color:var(--vval-muted)}
.switch{position:relative;display:inline-block;width:44px;height:24px}
.switch input{opacity:0;width:0;height:0}
.slider{position:absolute;inset:0;background:#ccc;border-radius:999px;transition:var(--vval-transition);cursor:pointer}
.slider::before{content:"";position:absolute;height:18px;width:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:var(--vval-transition)}
.switch input:checked+.slider{background:var(--vval-accent)}
.switch input:checked+.slider::before{transform:translateX(20px)}
.cookie-modal-actions{display:flex;gap:.5rem;margin-top:1.5rem}
.ubgg{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.phone-row{display:grid;grid-template-columns:auto 1fr;gap:.5rem;align-items:center}
.phone-row select{padding:.75rem .5rem}
@media(max-width:768px){
  .ughy{display:flex}
  .ujsh{position:fixed;inset:var(--vval-header-height) 0 auto 0;flex-direction:column;background:#fff;padding:var(--vval-space-6);box-shadow:var(--vval-shadow-lg);transform:translateY(-100%);opacity:0;pointer-events:none;transition:var(--vval-transition)}
  .ujsh.is-open{transform:none;opacity:1;pointer-events:auto}
  .split-block,.contact-layout,.order-layout{grid-template-columns:1fr}
  .split-reverse{direction:ltr}
  .order-steps{grid-template-columns:1fr}
  .hero-actions{flex-direction:column}
  .hero-actions .btn{width:100%}
}

/* brand-guard-css-v3 — авто-страховка cookie-баннера и контраста (приложение) */
.uott{position:fixed !important;left:1rem;right:1rem;bottom:1rem;z-index:9000 !important;max-width:760px;margin-left:auto;margin-right:auto;background:#fff;color:#1a1a1a;border:1px solid rgba(0,0,0,.12);border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.18);padding:1rem 1.25rem;transform:translateY(220%);transition:transform .32s ease}
.uott.is-visible,.cookie-banner--visible,.uott.show,.uott.active{transform:none !important}
.uott a{color:inherit;text-decoration:underline}
.uott button{cursor:pointer}
.uzln{position:fixed !important;inset:0;z-index:9001 !important;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.5);padding:1rem}
.uzln.is-visible,.cookie-modal--visible,.uzln.show,.uzln.active{display:flex !important}
.ukkr,.uzln>div{background:#fff;color:#1a1a1a;max-width:480px;width:100%;border-radius:12px;padding:1.25rem;max-height:85vh;overflow:auto}
.ulwc .uvnn,.ulwc .umpr,.ulwc .ukww,.ulwc .uluh,.urdk .uvnn,.urdk .umpr,.urdk .ukww,.urdk .uluh{background:#fff !important;color:#1a1a1a !important}
.uvnn,.umpr{color:#1a1a1a !important}
.uvnn label,.umpr label,.uvnn p,.umpr p,.uvnn .uuzx,.uvnn span,.umpr span,.ueqq,.umyn,.ukww .uorq,.ukww .uorq *{color:#1a1a1a !important}
.ueqq,.umyn{background:#f3f4f2 !important;border-color:rgba(0,0,0,.12) !important}
.uvnn .uppb{color:#1a1a1a !important}
.uvnn .uppb.is-sel{color:#fff !important}
.umrv .uazd{display:none}
.umrv .uazd.is-visible{display:block !important;color:#c0392b}
.umrv .ubgg,.umrv [name="website"]{position:absolute !important;left:-9999px !important;width:1px;height:1px;overflow:hidden}
.umrv{color:#1a1a1a}
.ulwc .umrv,.urdk .umrv{background:#fff !important;color:#1a1a1a !important}
.product-pack svg{width:100%;height:auto;display:block}
.ukyv{position:relative !important;aspect-ratio:1/1;overflow:hidden}
.ukyv img{width:100%;height:100%;object-fit:cover}
.ugeh,.ubnh{position:absolute !important;inset:0;z-index:0 !important;overflow:hidden;pointer-events:none}
.ugeh img,.ubnh img{width:100%;height:100%;object-fit:cover;display:block}
.ugeh img{opacity:.28}
.ubnh img{opacity:.07}
*:has(> .ugeh),*:has(> .ubnh){position:relative}
.unwx{position:absolute !important;left:50%;top:52%;transform:translate(-50%,-50%);width:52%;max-width:280px;text-align:center;pointer-events:none;color:#2c2c2c;background:rgba(250,246,238,.94);border-radius:10px;padding:1rem .8rem;box-shadow:0 2px 14px rgba(0,0,0,.16)}
.unwx .ugrh{display:block;font-weight:700;text-transform:uppercase;letter-spacing:.05em;line-height:1.05}
.unwx .uvzy{display:block;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;margin-top:.45rem;opacity:.72}
.upkm{margin:1.4rem auto;max-width:920px}
.upkm img{width:100%;height:auto;display:block;border-radius:14px;box-shadow:0 10px 34px rgba(0,0,0,.12)}
.ufrq{padding:3rem 0}
.ukdi{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;width:92%;max-width:1200px;margin-inline:auto}
.ukdi img{width:100%;height:100%;aspect-ratio:4/3;object-fit:cover;display:block;border-radius:12px}
.uluh{position:relative;width:100% !important;max-width:860px;margin-inline:auto;overflow:hidden}
.uphy{display:flex;overflow:hidden;gap:0 !important}
.uucm{min-width:100%;flex:0 0 100%;box-sizing:border-box;padding:1.2rem 3.2rem;margin:0 !important}
.uprh{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:1px solid rgba(0,0,0,.18);background:#fff;cursor:pointer;z-index:2;font-size:1.1rem;line-height:1}
.uzle{left:.5rem}.uusx{right:.5rem}
.ukww .uorq{display:none}.ukww .uorq.is-active{display:block}
.uvnn .uayp{display:block !important}
.uvnn .uyez{display:flex;flex-wrap:wrap;gap:.5rem}
.uvnn .uppb{cursor:pointer}
