:root{--secondary:#1799f5;--site-bg:#fff;--card-bg:#fff;--footer-bg:#001442;--button-radius:13px;--site-width:1180px}
.container{width:min(var(--site-width),calc(100% - 32px))}
.button{border-radius:var(--button-radius)}
.product-card,.content-card,.panel,.order-summary,.auth-card,.auth-required{background:var(--card-bg)}
.site-footer{background:var(--footer-bg)}
.home-block{position:relative}
.section-description{max-width:680px;margin:8px 0 0;color:var(--muted)}
.section-link{white-space:nowrap;font-weight:750}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.category-grid{display:grid;gap:16px}
.category-card{display:flex;align-items:center;gap:13px;min-height:92px;padding:18px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card-bg);color:var(--text);transition:.2s}
.category-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);color:var(--text)}
.category-card>b{margin-left:auto;color:var(--primary)}
.category-card strong,.category-card small{display:block}
.category-card small{margin-top:2px;color:var(--muted)}
.category-icon{display:grid;place-items:center;flex:0 0 45px;height:45px;border-radius:14px;background:linear-gradient(145deg,var(--primary),var(--secondary));color:#fff;font-size:20px;font-weight:850}
.section-surface{margin-inline:calc((100vw - min(var(--site-width),calc(100vw - 32px)))/-2);padding-inline:calc((100vw - min(var(--site-width),calc(100vw - 32px)))/2);padding-bottom:90px}
.surface-light{background:var(--light)}
.surface-navy{background:var(--navy);color:#fff}
.surface-navy h2,.surface-navy .product-card h3 a,.surface-navy .price-row strong{color:#fff}
.surface-navy .section-description{color:#c5d4e9}
.surface-navy .product-card{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15)}
.content-grid{display:grid;gap:22px}
.home-content-card{padding:0;overflow:hidden}
.content-card-image{display:block;background:var(--light)}
.content-card-image img,.image-placeholder-small{width:100%;aspect-ratio:1.55;object-fit:cover}
.image-placeholder-small{display:grid;place-items:center;color:var(--primary);font-size:24px;font-weight:850}
.content-card-body{padding:20px}
.content-card-body small{color:var(--muted)}
.content-card-body h3{font-size:20px;line-height:1.3;margin:7px 0}
.content-card-body h3 a{color:var(--navy)}
.content-card-body p{color:var(--muted);font-size:14px}
.read-more{font-weight:750}
.home-empty{padding:30px;border:1px dashed var(--border);border-radius:var(--radius);color:var(--muted);text-align:center}
.hero-visual.has-image{padding:0;position:relative}
.hero-custom-image{width:100%;height:100%;min-height:410px;object-fit:cover}
.hero-visual-caption{position:relative;z-index:2}
.hero-visual.has-image .hero-visual-caption{position:absolute;left:28px;right:28px;bottom:28px;padding:18px;border-radius:15px;background:rgba(0,20,66,.78);backdrop-filter:blur(8px)}
.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:20px}
.home-cta{display:flex;align-items:center;justify-content:space-between;gap:40px;margin:0 0 90px;padding:48px;border-radius:28px;background:linear-gradient(135deg,var(--navy),var(--primary));color:#fff}
.home-cta h2{max-width:720px;margin:7px 0;font-size:clamp(28px,4vw,44px);line-height:1.15}
.home-cta p{max-width:700px;margin-bottom:0;color:#dbeaff}
.home-cta .eyebrow{color:#72cbff}
.home-cta .button{flex:0 0 auto;background:#fff;color:var(--primary);border-color:#fff}
@media(max-width:1024px){.grid-cols-4,.grid-cols-5{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:700px){.container{width:min(var(--site-width),calc(100% - 24px))}.grid-cols-2,.grid-cols-3,.grid-cols-4,.grid-cols-5{grid-template-columns:repeat(2,minmax(0,1fr))!important}.category-card{padding:12px;min-height:78px}.category-icon{flex-basis:38px;height:38px}.category-card>b{display:none}.section-surface{margin-inline:-12px;padding-inline:12px}.home-cta{display:block;padding:30px;margin-inline:-12px;border-radius:0}.home-cta .button{margin-top:20px}.hero-custom-image{min-height:220px}}
@media(max-width:430px){.content-grid.grid-cols-2,.content-grid.grid-cols-3,.content-grid.grid-cols-4,.why-grid.grid-cols-2,.why-grid.grid-cols-3,.why-grid.grid-cols-4{grid-template-columns:1fr!important}}

