:root{--ink:#17202a;--muted:#68727d;--line:#e5e8eb;--blue:#103f74;--yellow:#f4c429;--red:#c91f28;--paper:#fff;--soft:#f6f7f8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:15px/1.5 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.announcement{background:var(--blue);color:#fff;text-align:center;padding:8px 16px;font-size:13px}.masthead{display:grid;grid-template-columns:240px minmax(260px,1fr) auto;gap:28px;align-items:center;max-width:1240px;margin:auto;padding:18px 24px}.logo{width:220px;height:82px;object-fit:contain}.search{display:flex;border:1px solid #c9ced3;border-radius:4px;overflow:hidden}.search input{width:100%;border:0;padding:13px;font-size:14px;outline:0}.search button{border:0;background:var(--yellow);padding:0 18px;font-size:19px}.quick{display:flex;gap:18px;font-weight:700;color:var(--blue)}.popular{max-width:1240px;margin:-7px auto 12px;padding:0 24px;color:var(--muted);font-size:12px}.popular a{margin-right:12px}.nav{background:var(--blue);color:#fff}.nav-inner{max-width:1240px;margin:auto;display:flex;align-items:center;padding:0 24px}.nav a,.dropbtn{display:block;padding:15px 16px;font-weight:700;border:0;background:none;color:#fff;font:inherit;cursor:pointer}.nav a:hover,.dropbtn:hover{background:#0a315d}.dropdown{position:relative}.menu{display:none;position:absolute;z-index:20;top:100%;left:0;min-width:250px;background:#fff;color:var(--ink);box-shadow:0 10px 25px #0002}.dropdown:hover .menu,.dropdown.open .menu{display:block}.menu a{padding:10px 16px;color:var(--ink);font-weight:400}.menu a:hover{background:var(--soft)}.hamb{display:none;margin-left:auto;padding:12px 0;background:none;border:0;color:#fff;font-size:24px}.container{max-width:1240px;margin:auto;padding:38px 24px}.hero{background:linear-gradient(100deg,#eef2f5 0,#fff 60%);border-bottom:1px solid var(--line)}.hero .container{min-height:360px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:40px}.eyebrow{color:var(--red);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.hero h1{font-size:44px;line-height:1.08;margin:10px 0 16px;color:var(--blue)}h1{font-size:34px;line-height:1.2;margin:0 0 14px}h2{font-size:27px;color:var(--blue);margin:0 0 22px}.button{display:inline-block;background:var(--yellow);color:#161616;font-weight:800;padding:12px 21px;border-radius:3px;margin-top:8px}.hero-card{background:var(--blue);color:#fff;border-radius:8px;padding:36px}.hero-card h2{color:#fff}.hero-card ul{padding-left:20px}.section-title{text-align:center;margin-bottom:28px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.card{border:1px solid var(--line);background:#fff;border-radius:5px;overflow:hidden;display:flex;flex-direction:column;min-width:0}.media{aspect-ratio:1;background:#f7f7f7;display:grid;place-items:center;padding:20px}.media img{width:100%;height:100%;object-fit:contain}.placeholder{width:100%;height:100%;display:grid;place-items:center;text-align:center;color:#8a9198;border:1px dashed #cdd2d6;font-weight:700;padding:24px}.card-body{padding:15px;display:flex;flex-direction:column;gap:7px;flex:1}.vendor{font-size:12px;color:var(--muted);letter-spacing:.08em}.card h3{font-size:14px;line-height:1.35;margin:0}.price{font-weight:800;margin-top:auto}.breadcrumbs{font-size:13px;color:var(--muted);margin-bottom:23px}.collection-head{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:26px}.count{color:var(--muted)}.product{display:grid;grid-template-columns:1fr 1fr;gap:54px}.product-media{background:#f7f7f7;min-height:520px;display:grid;place-items:center;padding:40px}.product-media img{max-height:520px;object-fit:contain}.product-info .vendor{margin-bottom:8px}.product-info h1{font-size:31px}.reviews{color:var(--muted);margin:8px 0}.product-price{font-size:25px;font-weight:800;margin:20px 0}.qty{display:flex;align-items:center;gap:12px;margin:18px 0}.qty input{width:72px;padding:10px;border:1px solid #bbb}.cart{width:100%;border:0;background:var(--yellow);font-weight:800;font-size:16px;padding:15px;border-radius:3px}.description{border-top:1px solid var(--line);margin-top:28px;padding-top:24px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:26px}.benefit{background:var(--soft);padding:15px;text-align:center;font-weight:700}.footer{background:#111b26;color:#d8dee5;margin-top:55px}.footer-grid{max-width:1240px;margin:auto;padding:45px 24px;display:grid;grid-template-columns:1fr 1.3fr 1.2fr;gap:42px}.footer h2{font-size:18px;color:#fff}.footer a{display:block;margin:8px 0}.subscribe{display:flex}.subscribe input{min-width:0;flex:1;border:0;padding:12px}.subscribe button{border:0;background:var(--yellow);font-weight:800;padding:0 16px}.copyright{border-top:1px solid #ffffff24;text-align:center;padding:18px;color:#aeb7c0;font-size:13px}@media(max-width:900px){.masthead{grid-template-columns:180px 1fr}.quick{display:none}.logo{width:170px}.grid{grid-template-columns:repeat(2,1fr)}.product{gap:28px}.product-media{min-height:380px}.footer-grid{grid-template-columns:1fr 1fr}.hero .container{min-height:auto}}@media(max-width:660px){.masthead{grid-template-columns:1fr;padding:14px 16px;gap:12px}.logo{margin:auto}.popular{display:none}.hamb{display:block}.nav-inner{display:block}.nav-links{display:none}.nav-links.open{display:block}.nav a,.dropbtn{width:100%;text-align:left;padding:12px 0}.menu{position:static;box-shadow:none}.hero .container,.product{grid-template-columns:1fr}.hero h1{font-size:34px}.container{padding:28px 16px}.grid{grid-template-columns:1fr 1fr;gap:12px}.card-body{padding:11px}.product-media{min-height:310px}.product-info h1,h1{font-size:27px}.benefits{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;padding:36px 16px}.collection-head{align-items:start;gap:15px}.hero-card{padding:24px}}@media(max-width:390px){.grid{grid-template-columns:1fr}}
