/* VIROOS SHOP 3.4 — presentation refinements; no server configuration changes. */
:root{--muted:#526985}
html{scroll-padding-top:100px}
.ui-icon{width:24px;height:24px;display:inline-block;flex-shrink:0;vertical-align:middle}
:where(a,button,input,summary):focus-visible{outline:3px solid #1463da;outline-offset:4px}
.hero-content>p{color:#405e84}.section-title p,.faq-section p,.screen-head p{color:#536985}
.feature-icons small,.p-head small,.step p,.form-hint{color:#536985}
.feature-icons small{font-size:12px}.feature-icons b{font-size:13px}
.p-head small{font-size:13px;line-height:1.9}.specs{font-size:14px;line-height:1.8;color:#415f86}
.step p,.faqs details p{font-size:14px;line-height:2}.screen-head p{line-height:1.9}
.form-hint{font-size:13px;line-height:1.9}.inline-error{font-size:13px;line-height:1.8}
.product-card{box-shadow:0 8px 26px rgba(20,55,100,.045)}
.icon-pill .ui-icon{width:30px;height:30px}.feature-icons .ui-icon{width:23px;height:23px}
.plan-row{grid-template-columns:minmax(0,1fr) auto auto;gap:10px;padding:10px}
.plan-row .desc{font-size:13px}.plan-row strong{font-size:16px;line-height:1.6;font-variant-numeric:tabular-nums}
.price-unit{display:block;color:#536985;font-size:11px;font-weight:500;text-align:center}
.plan-row button{min-height:44px;min-width:55px;padding:9px 13px;font-size:13px}
.catalog-foot{font-size:13px;line-height:1.8}.catalog-foot a{min-height:36px;display:inline-flex;align-items:center}
.checkout-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;font-size:12px;color:#576c88}
.checkout-steps>span{padding:12px 6px;border-radius:10px;background:#edf2f8;text-align:center;line-height:1.8;border:1px solid transparent}
.checkout-steps .now{background:#e8f1ff;border-color:#1263ef;color:#104fae}.checkout-steps .done{background:#f0f6ff;color:#355c8e}
.copy-btn,.back-link{min-height:44px}.checkout-panel input:not([type=file]){font-size:16px}
.menu-button{min-height:44px;min-width:44px}.mobile-bottom>a{min-width:60px;min-height:48px;align-items:center;justify-content:center;border-radius:12px;padding:5px 8px}
.mobile-bottom>a.active{background:#eaf2ff;color:#0d55c5}.mobile-bottom>a.active small{color:#104fae;font-weight:800}
.mobile-bottom small{color:#4e6686}.faqs summary{line-height:1.9}
@media(min-width:751px) and (max-width:1150px){.catalog-grid{grid-template-columns:1fr 1fr}.product-card:last-child{grid-column:1/-1}.product-card:last-child .plan-rows{grid-template-columns:1fr 1fr}.header-grid{gap:14px}.nav{gap:14px}.header-actions .sm{display:none}}
@media(max-width:750px){
 html{scroll-padding-top:82px}.container{padding-right:18px;padding-left:18px}
 .hero-content{padding:30px 0 10px}.hero h1{font-size:clamp(30px,8.4vw,38px);line-height:1.5;margin:14px 0}
 .hero-content>p{font-size:14px;line-height:1.95}.hero-display{height:190px}.hero-image{width:210px;max-height:210px}.hero-orbit{height:180px;width:180px}
 .float{font-size:11px;padding:7px 9px}.float-a{top:22%;right:1%}.float-b{bottom:16%;left:1%}
 .eyebrow{font-size:11px}.feature-icons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:20px 0}
 .feature-icons>div{min-width:0}.feature-icons small{font-size:11px;line-height:1.8}.feature-icons b{font-size:12px}
 .hero-buttons .primary,.hero-buttons .secondary{min-height:46px;font-size:13px;padding:12px 15px}
 .section-title p{font-size:14px}.section-title h2{font-size:28px}.catalog{padding-top:34px}
 .plan-row{grid-template-columns:minmax(0,1fr) auto auto;gap:8px}.plan-row button{grid-column:auto}.plan-row strong{font-size:16px}
 .product-card,.product-card.highlighted{padding:24px 16px 18px}.p-head h3{font-size:21px}.catalog-foot{font-size:13px;align-items:center;text-align:center}
 .step{padding:18px 14px}.step b{font-size:15px}.step p{font-size:14px}
 .mobile-bottom{padding:6px 8px max(8px,env(safe-area-inset-bottom));gap:4px}.mobile-bottom>a{flex:1;min-width:0}.mobile-bottom small{font-size:11px}
 .footer{padding-bottom:calc(100px + env(safe-area-inset-bottom))}.toast{bottom:calc(90px + env(safe-area-inset-bottom))}
 .checkout-steps{font-size:11px;gap:5px}.checkout-steps>span{padding:9px 4px}.screen-head p{font-size:14px}
 .checkout-panel input[type=file]{font-size:14px}.auth-panel .form-hint{font-size:13px}
}
@media(max-width:360px){.container{padding-left:12px;padding-right:12px}.product-card,.product-card.highlighted{padding-left:12px;padding-right:12px}.plan-row{gap:6px;padding:8px}.plan-row strong{font-size:14px}.plan-row .desc{font-size:12px}.plan-row button{min-width:48px;padding:8px}.feature-icons small{font-size:10px}.mobile-bottom small{font-size:10px}.float{font-size:10px}.hero-buttons{gap:8px}}