:root{--bg: #f5fbff;--text: #07121f;--muted: #5b6b84;--ocean-950:#001023;--ocean-900:#001d3d;--ocean-800:#003566;--ocean-700:#00509d;--ocean-600:#0077b6;--ocean-500:#00b4d8;--card:#ffffff;--border: rgba(15, 23, 42, .08);--shadow: 0 18px 45px rgba(2, 28, 69, .1);--shadow-strong: 0 26px 65px rgba(2, 28, 69, .14);--radius: 18px;--ring: 0 0 0 4px rgba(0,180,216,.18);--ease: cubic-bezier(.2,.8,.2,1);--fast: .16s;--mid: .22s;--slow: .38s}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text);background:radial-gradient(1200px 520px at 50% -10%,rgba(0,180,216,.18),transparent 60%),radial-gradient(900px 480px at 10% 20%,rgba(0,119,182,.12),transparent 62%),radial-gradient(900px 520px at 90% 30%,rgba(0,53,102,.1),transparent 60%),linear-gradient(180deg,#f6fbff,#fff 55%,#f8fbff)}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.06;background-image:radial-gradient(circle at 1px 1px,rgba(0,0,0,.35) 1px,transparent 0);background-size:18px 18px;mix-blend-mode:soft-light}a{color:inherit}button,input,select{font-family:inherit}img{max-width:100%;display:block}::selection{background:#00b4d838}.container,main{max-width:1180px;margin:0 auto;padding:22px 18px}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}.siteHeader{position:sticky;top:0;z-index:50;background:linear-gradient(90deg,#003566,#0077b6,#00b4d8 120%);border-bottom:1px solid rgba(255,255,255,.18);box-shadow:0 10px 26px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navShell{max-width:1200px;margin:0 auto;padding:12px 16px;display:grid;grid-template-columns:220px minmax(360px,1fr) auto;gap:14px;align-items:center}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;font-weight:950}.brandMark{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#ffffff2e;border:1px solid rgba(255,255,255,.2);box-shadow:0 10px 18px #0000001f}.brandText{font-size:18px;letter-spacing:-.2px}.navSearch{display:flex;align-items:center;background:#ffffff29;border:1px solid rgba(255,255,255,.22);border-radius:14px;overflow:hidden;max-width:560px}.navSearch input{flex:1;border:none;background:transparent;color:#fff;padding:12px 14px;outline:none;font-weight:650;font-size:14px}.navSearch input::placeholder{color:#ffffffbf}.navSearch button{border:none;background:#ffffff2e;color:#fff;padding:12px;cursor:pointer;transition:opacity var(--fast) ease}.navSearch button:hover{opacity:.95}.navSearch:focus-within{box-shadow:var(--ring);border-color:#ffffff59}.navRight{display:flex;align-items:center;gap:10px}.pill{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;text-decoration:none;font-weight:900;letter-spacing:.2px;border:1px solid rgba(255,255,255,.2);box-shadow:0 10px 18px #0000001f;white-space:nowrap;font-size:13px;transition:transform var(--fast) ease,opacity var(--fast) ease}.pill:hover{transform:translateY(-1px);opacity:.98}.pill:active{transform:translateY(0)}.pillGreen{background:#1cbf6aeb;color:#fff}.pillBlue{background:#0000002e;color:#fff}.cartMini{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:999px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18)}.cartText{color:#ffffffeb;font-weight:650;font-size:12.5px}.cartIcon{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:#ffffff29;color:#fff;text-decoration:none}.navLinks{max-width:1200px;margin:0 auto;padding:10px 16px 12px;display:flex;align-items:center;gap:14px}.navLinks a{color:#ffffffdb;text-decoration:none;font-weight:850;padding:8px 10px;border-radius:12px;transition:background var(--fast) ease,border-color var(--fast) ease}.navLinks a:hover{background:#ffffff24}.navLinks a.active{background:#ffffff2e;border:1px solid rgba(255,255,255,.2)}.navHint{margin-left:auto;color:#fffc;font-weight:650;font-size:12.5px}@media(max-width:900px){.navShell{grid-template-columns:1fr}.navSearch{max-width:100%}.navRight{flex-wrap:wrap;justify-content:space-between}.navHint{display:none}}.hero{border-radius:22px;padding:28px;color:#fff;background:linear-gradient(135deg,#001d3dfa,#0077b6f5 55%,#00b4d8e6);box-shadow:0 22px 55px #0000002e;border:1px solid rgba(255,255,255,.18);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at 35% 20%,rgba(255,255,255,.2),transparent 45%);transform:rotate(-10deg);pointer-events:none}.hero h1{margin:0;font-size:40px;letter-spacing:-.7px;position:relative}.hero p{margin:10px 0 0;opacity:.92;position:relative}.badgeRow{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;position:relative}.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:900;padding:7px 10px;border-radius:999px;background:#ffffff24;border:1px solid rgba(255,255,255,.2);color:#ffffffeb}.productsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:22px;margin-top:18px}.productCard,.product-card{position:relative;background:#ffffffeb;border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:var(--shadow);transition:transform var(--mid) var(--ease),box-shadow var(--mid) var(--ease),border-color var(--mid) ease}.productCard:hover,.product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-strong);border-color:#00b4d847}.ribbon{position:absolute;top:12px;left:12px;z-index:10;padding:6px 11px;font-size:10.5px;font-weight:950;letter-spacing:.35px;color:#fff;border-radius:999px;background:linear-gradient(90deg,#0077b6,#00b4d8);box-shadow:0 10px 22px #0000002e;border:1px solid rgba(255,255,255,.22)}.ribbon:after{content:"";position:absolute;inset:0;border-radius:999px;background:linear-gradient(120deg,rgba(255,255,255,.38),transparent 55%);opacity:.25;pointer-events:none}.productCard img,.product-card img{width:100%;height:240px;object-fit:cover;background:#eef6ff;display:block;transform:scale(1);transition:transform var(--slow) var(--ease),filter var(--mid) ease}.productCard:hover img,.product-card:hover img{transform:scale(1.04);filter:saturate(1.05) contrast(1.03)}.productCard .content,.product-card .card-content,.product-card .content{padding:56px 18px 20px}.productCard h3,.product-card h3{margin:6px 0 8px;font-size:20px;letter-spacing:-.3px;line-height:1.2}.meta{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.productCard .price,.product-card .price{font-weight:950;color:var(--ocean-950);margin:0;font-size:18px}.subPrice{color:var(--muted);font-weight:650;font-size:12px}.productCard select,.product-card select{margin-top:12px;width:100%;padding:12px;border-radius:14px;border:1px solid rgba(15,23,42,.1);background:#ffffffeb;outline:none;font-weight:700;color:var(--text);transition:box-shadow var(--fast) ease,border-color var(--fast) ease}.productCard select:focus,.product-card select:focus{box-shadow:var(--ring);border-color:#00b4d852}.productCard button,.product-card button{margin-top:12px;width:100%;padding:14px 16px;border:none;border-radius:14px;cursor:pointer;color:#fff;font-weight:950;letter-spacing:.2px;font-size:15px;background:linear-gradient(90deg,#003566,#0077b6 55%,#00b4d8);box-shadow:0 14px 26px #00356633;transition:transform var(--fast) ease,box-shadow var(--fast) ease,opacity var(--fast) ease}.productCard button:hover,.product-card button:hover{transform:translateY(-1px);opacity:.98}.productCard button:active,.product-card button:active{transform:translateY(0);box-shadow:0 10px 18px #0035662e}.productCard button:focus,.product-card button:focus{outline:none;box-shadow:var(--ring),0 14px 26px #00356633}.muted{color:var(--muted)}.card{background:#ffffffeb;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.siteFooter{margin-top:70px;padding:52px 20px 22px;background:linear-gradient(135deg,#003566,#0077b6);color:#fff}.footerInner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1.8fr;gap:40px}.footerLogo{font-size:22px;font-weight:900}.footerTag{margin-top:12px;opacity:.85;line-height:1.5}.footerCols{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.siteFooter h4{margin-bottom:12px;font-size:14px;font-weight:800}.siteFooter a{display:block;text-decoration:none;color:#ffffffd9;margin-bottom:8px;font-weight:600;transition:opacity var(--fast) ease}.siteFooter a:hover{color:#fff;opacity:1}.footerBottom{margin-top:35px;padding-top:15px;border-top:1px solid rgba(255,255,255,.2);text-align:center;font-size:13px;opacity:.85}@media(max-width:900px){.footerInner,.footerCols{grid-template-columns:1fr}}.gallery{display:grid;gap:12px}.galleryMain{border-radius:16px;overflow:hidden;border:1px solid rgba(0,0,0,.1);background:#fff}.galleryMain img{width:100%;height:380px;object-fit:cover;display:block}.galleryThumbs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.thumb{padding:0;border:1px solid rgba(0,0,0,.12);border-radius:12px;overflow:hidden;background:#fff;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.thumb img{width:100%;height:64px;object-fit:cover;display:block}.thumb:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0000001a}.thumb.active{border-color:#0006}
