:root{--blue:#2458ff;--navy:#0b1946;--pink:#ff4f91;--red:#ff4a50;--yellow:#ffd43b;--sky:#eaf4ff;--text:#17203a;--muted:#66708d;--white:#fff;--shadow:0 18px 50px rgba(28,53,118,.15)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
section[id]{scroll-margin-top:88px}
body{margin:0;font-family:Inter,ui-rounded,"SF Pro Rounded",system-ui,-apple-system,sans-serif;color:var(--text);background:#fff;font-size:16px;line-height:1.55}
a{color:inherit;text-decoration:none}
.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,76px);position:sticky;top:0;z-index:10;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid #e8ecf7}
.brand{display:flex;align-items:baseline;font-size:1.7rem;font-weight:900;letter-spacing:-.06em;color:var(--blue)}
.brand small{font-size:.9rem;letter-spacing:-.02em}
.dot{position:relative}
.dot:before{content:"";position:absolute;width:.42em;height:.42em;border-radius:50%;top:-.08em;left:.16em}
.dot.yellow{color:#ffb800}
.dot.yellow:before{background:var(--yellow)}
.dot.red{color:#ff4a50}
.dot.red:before{background:var(--red)}
nav{display:flex;gap:28px;align-items:center;font-weight:700}
nav a:hover{color:var(--blue)}
.contact-link{background:var(--blue);color:white!important;padding:10px 20px;border-radius:999px}
.menu-button{display:none;border:0;background:var(--sky);padding:10px 15px;border-radius:12px;font-weight:800;color:var(--navy)}
.header-phones{display:none}
.hero{min-height:680px;position:relative;display:grid;align-items:center;overflow:hidden;background:var(--navy)}
.hero img{position:absolute;inset:0 0 0 auto;width:62%;height:100%;object-fit:cover;object-position:center 44%;filter:saturate(1.04)}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#071334 0%,rgba(7,19,52,.97) 34%,rgba(7,19,52,.48) 57%,rgba(7,19,52,.04) 82%)}
.hero-panel{position:relative;z-index:2;width:min(570px,84vw);margin-left:clamp(24px,8vw,120px);color:white;padding:42px;border-radius:28px;background:rgba(11,25,70,.45);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.22)}
.eyebrow{margin:0 0 8px;color:#ffcf28;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:900}
.hero h1,.section h2{margin:0;line-height:1.05;letter-spacing:-.045em}
.hero h1{font-size:clamp(2.8rem,6vw,5.2rem)}
.hero-panel>p:not(.eyebrow){font-size:1.16rem;max-width:460px;margin:20px 0 28px}
.primary-button,.secondary-button{display:inline-flex;justify-content:center;align-items:center;min-height:50px;padding:12px 22px;border-radius:14px;font-weight:900}
.primary-button{background:linear-gradient(135deg,#ff4f91,#ff6a3d);color:white;box-shadow:0 12px 30px rgba(255,79,145,.35)}
.secondary-button{background:white;color:var(--blue);border:2px solid #dce6ff}
.trust-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#dfe7fb}
.trust-strip div{padding:26px;text-align:center;background:#f7faff}
.trust-strip strong,.trust-strip span{display:block}
.trust-strip strong{color:var(--navy)}
.trust-strip span{font-size:.9rem;color:var(--muted)}
.section{padding:88px clamp(20px,6vw,96px)}
.section-heading{text-align:center;max-width:740px;margin:0 auto 42px}
.section h2{font-size:clamp(2rem,4vw,3.6rem);color:var(--navy)}
.intro{color:var(--muted)}
.category-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.category-card{min-height:230px;padding:30px;border-radius:28px;transition:.25s transform,.25s box-shadow;overflow:hidden}
.category-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.category-card span{font-size:3rem}
.category-card h3{margin:16px 0 4px;font-size:1.35rem}
.category-card p{margin:0;color:#42506f}
.category-card.blue{background:#e7efff}
.category-card.pink{background:#ffe8f3}
.category-card.orange{background:#fff0dc}
.category-card.green{background:#e5f8e7}
.category-card.purple{background:#f0e9ff}
.category-card.yellow{background:#fff7cf}
.featured-section{background:linear-gradient(180deg,#f7faff,#eef4ff)}
.catalog-tools{max-width:1180px;margin:0 auto 30px;display:grid;gap:18px}
.search-box{display:grid;gap:7px;max-width:540px;margin:auto;width:100%;font-weight:800;color:var(--navy)}
.search-box span{font-size:.88rem}
.search-box input{width:100%;min-height:54px;border:2px solid #dce6ff;border-radius:16px;padding:0 18px;font:inherit;color:var(--text);background:white;outline:none}
.search-box input:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(36,88,255,.1)}
.filters{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.filter{border:1px solid #d8e1f8;background:white;color:var(--navy);padding:10px 16px;border-radius:999px;font:inherit;font-size:.9rem;font-weight:800;cursor:pointer}
.filter.active{background:var(--navy);color:white;border-color:var(--navy)}
.product-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.results-summary{max-width:1180px;margin:0 auto 16px;color:var(--muted);font-size:.9rem;font-weight:800}
.product-card{display:flex;flex-direction:column;background:white;padding:14px 14px 18px;border-radius:24px;box-shadow:0 8px 30px rgba(28,53,118,.09);border:1px solid #edf1fb;transition:.2s transform,.2s box-shadow}
.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.product-image{height:220px;border-radius:17px;display:grid;place-items:center;background:white;overflow:hidden;border:1px solid #eef1f8}
.product-image img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .25s ease}
.product-card:hover .product-image img{transform:scale(1.035)}
.product-card .category-label{display:block;margin-top:16px;font-size:.72rem;font-weight:900;color:var(--pink);text-transform:uppercase;letter-spacing:.05em}
.product-card h3{margin:5px 0 8px;line-height:1.2;font-size:1.08rem}
.product-card .description{font-size:.9rem;color:var(--muted);margin:0 0 14px;flex-grow:1}
.product-card .price-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 0 12px}
.product-card .price{font-size:1.32rem;font-weight:950;color:var(--navy)}
.product-card .price-note{font-size:.72rem;color:#7c87a5}
.product-card a{display:block;padding:12px;text-align:center;background:var(--blue);color:white;border-radius:12px;font-weight:800}
.empty-products{text-align:center;color:var(--muted);font-weight:700}
.load-more-wrap{display:flex;justify-content:center;margin-top:34px}
.load-more{min-height:50px;padding:12px 24px;border:0;border-radius:14px;background:var(--navy);color:white;font:inherit;font-weight:900;cursor:pointer;box-shadow:0 10px 26px rgba(11,25,70,.18)}
.load-more:hover{background:var(--blue)}
.load-more[hidden]{display:none}
.menu-button:focus-visible,.filter:focus-visible,.load-more:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
.delivery{display:grid;grid-template-columns:1.4fr .8fr;gap:64px;max-width:1180px;margin:auto;align-items:center}
.delivery ol{padding-left:22px;font-size:1.08rem}
.delivery li{padding:8px}
.contact-card{display:grid;gap:12px;background:var(--navy);padding:32px;border-radius:28px;color:white;box-shadow:var(--shadow)}
.contact-card h3{font-size:1.5rem;margin:0 0 8px}
.contact-card .primary-button{font-size:1.15rem}
.contact-card .additional-phone{background:linear-gradient(135deg,#2458ff,#4b7bff);box-shadow:0 12px 30px rgba(36,88,255,.28)}
footer{background:#071334;color:#dce5ff;padding:52px clamp(20px,6vw,96px);text-align:center}
.footer-brand{justify-content:center;color:white;margin-bottom:16px}
.fineprint{font-size:.82rem;color:#8190ba;margin-top:24px}
@media(max-width:980px){.product-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.topbar{height:68px}
.header-phones{display:grid;gap:1px;text-align:center;font-size:.875rem;line-height:1.25;font-weight:850;color:var(--navy)}
.header-phones a{white-space:nowrap}
.header-phones a:before{content:"☎";margin-right:4px;color:var(--pink)}
.menu-button{display:block}
nav{display:none;position:absolute;top:68px;left:0;right:0;padding:20px;background:white;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}
nav.open{display:flex}
.hero{min-height:710px;align-items:end}
.hero img{object-position:center}
.hero:after{background:linear-gradient(0deg,rgba(4,13,49,.95),rgba(4,13,49,.08) 74%)}
.hero-panel{margin:0 18px 24px;padding:26px;width:auto}
.hero h1{font-size:2.75rem}
.trust-strip{grid-template-columns:1fr}
.category-grid,.product-grid{grid-template-columns:1fr 1fr}
.delivery{grid-template-columns:1fr;gap:30px}
}
@media(max-width:560px){.section{padding:64px 18px}
.category-grid,.product-grid{grid-template-columns:1fr}
.category-card{min-height:190px}
.product-image{height:260px}
.filters{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px}
.filter{white-space:nowrap}
}
.trust-strip{grid-template-columns:repeat(2,1fr)}
@media(max-width:820px){
  .hero{min-height:0;display:flex;flex-direction:column;align-items:stretch;padding-bottom:24px}
  .hero img{position:relative;inset:auto;width:100%;height:auto;object-fit:contain;object-position:center top;z-index:1}
  .hero:after{display:none}
  .hero-panel{margin:-28px 18px 0;width:auto;padding:26px;background:rgba(11,25,70,.96)}
  .trust-strip{grid-template-columns:1fr}
}