@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{--blue:#155eef;--dark:#111827;--text:#172033;--muted:#667085;--bg:#f7f9fc;--line:#e4e7ec;--yellow:#ffca28}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--text);background:var(--bg)}header{height:78px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 5%;justify-content:space-between;position:sticky;top:0;z-index:10}.brand{color:var(--dark);text-decoration:none;font-size:20px;font-weight:800;letter-spacing:-.04em;position:relative}.brand span{color:var(--blue)}.brand small{display:block;font-size:8px;letter-spacing:.08em;color:var(--muted);font-weight:500}nav{display:flex;gap:27px}nav a{color:#475467;text-decoration:none;font-size:13px;font-weight:600}.bag{border:1px solid var(--line);background:white;border-radius:10px;padding:9px 12px;cursor:pointer}.bag b{background:var(--blue);color:#fff;border-radius:50%;padding:3px 7px;font-size:11px}
.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:6vw;padding:75px 8%;min-height:560px;align-items:center;background:white}.badge,label{color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.13em}.hero h1{font-size:clamp(55px,8vw,94px);line-height:.92;letter-spacing:-.065em;margin:18px 0}.hero h1 strong{color:var(--blue)}.hero p{max-width:590px;color:var(--muted);font-size:18px;line-height:1.65}.cta{display:inline-block;background:var(--blue);color:white;text-decoration:none;border-radius:8px;padding:14px 20px;font-weight:700;margin-top:14px}.hero-panel{background:var(--dark);color:white;border-radius:18px;padding:35px;min-height:390px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 25px 60px #155eef1c}.hero-panel span{color:var(--yellow);font-size:11px;font-weight:800;letter-spacing:.15em}.big-icon{font-size:80px;margin:22px 0 0}.hero-panel h2{font-size:38px;line-height:1.02;margin:0}.hero-panel p{color:#aeb8c8;font-size:14px}
.trust{display:grid;grid-template-columns:repeat(3,1fr);padding:25px 8%;background:#f1f5fb;border-bottom:1px solid var(--line)}.trust div{padding:12px 25px;border-right:1px solid var(--line)}.trust div:last-child{border:0}.trust b{display:block;font-size:14px}.trust span{font-size:12px;color:var(--muted)}
.shop{padding:85px 6%}.heading{display:flex;justify-content:space-between;align-items:end;gap:30px}.heading h2{font-size:50px;letter-spacing:-.05em;margin:8px 0 30px}.controls{display:flex;gap:8px}.controls input,.controls select{border:1px solid var(--line);background:white;border-radius:8px;padding:12px;font:inherit}.quick{display:flex;gap:8px;margin-bottom:22px}.quick button{background:white;border:1px solid var(--line);padding:8px 13px;border-radius:20px;cursor:pointer}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden;cursor:pointer;transition:.2s}.card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #10182812}.pic{height:245px;background:linear-gradient(135deg,#eaf0f8,#dce5f2);display:grid;place-items:center;position:relative}.pic i{font-style:normal;font-size:72px}.condition{position:absolute;top:10px;left:10px;background:white;border-radius:20px;padding:5px 9px;font-size:10px;font-weight:700}.info{padding:14px}.info h3{font-size:14px;margin:0 0 5px}.info p{margin:0;color:var(--muted);font-size:12px}.price-row{display:flex;justify-content:space-between;margin-top:13px;align-items:center}.price{font-weight:800;font-size:17px}.was{text-decoration:line-through;color:#98a2b3;font-size:11px;margin-right:5px}.save{color:#079455;font-size:10px;font-weight:800}
.category-band{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:100px 8%;background:#e9f0ff}.category-band.light{background:white;border-top:1px solid var(--line)}.category-band h2{font-size:55px;line-height:.95;letter-spacing:-.055em;margin:15px 0}.category-band p{color:var(--muted);font-size:18px;line-height:1.7;max-width:500px}.sell{margin:55px 6%;padding:70px 7%;background:var(--blue);border-radius:18px;color:white;display:flex;justify-content:space-between;align-items:center;gap:30px}.sell h2{font-size:48px;line-height:1;margin:12px 0}.sell p{color:#dce8ff}.sell label{color:var(--yellow)}.white{background:white;color:var(--blue);white-space:nowrap}
footer{background:white;border-top:1px solid var(--line);padding:35px 6%;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}
#shade{position:fixed;inset:0;background:#0008;z-index:20;opacity:0;pointer-events:none;transition:.2s}#shade.open{opacity:1;pointer-events:auto}#drawer{position:fixed;z-index:30;right:0;top:0;width:min(440px,100%);height:100%;background:white;transform:translateX(100%);transition:.3s;padding:25px;display:flex;flex-direction:column}#drawer.open{transform:none}.drawer-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:15px}.drawer-head button{border:0;background:none;font-size:30px;cursor:pointer}.cart-item{display:grid;grid-template-columns:60px 1fr auto;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.mini{background:#e9f0ff;display:grid;place-items:center;font-size:26px}.remove{border:0;background:none;text-decoration:underline;cursor:pointer}.total{margin-top:auto;border-top:1px solid var(--line);padding:18px 0;display:flex;justify-content:space-between}.checkout{background:var(--blue);color:white;border:0;border-radius:8px;padding:15px;font-weight:700;cursor:pointer}.note{font-size:10px;text-align:center;color:var(--muted);margin-top:10px}
#modal{position:fixed;z-index:40;left:50%;top:50%;transform:translate(-50%,-45%);width:min(720px,92vw);background:white;border-radius:15px;padding:30px;opacity:0;pointer-events:none;transition:.2s}#modal.open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)}#modal .x{float:right;border:0;background:none;font-size:28px}.detail{display:grid;grid-template-columns:1fr 1fr;gap:30px}.detail .pic{height:390px}.detail h2{font-size:38px;line-height:1;margin:15px 0}.detail p{color:var(--muted);line-height:1.7}
@media(max-width:850px){nav{display:none}.hero{grid-template-columns:1fr;padding:55px 7%}.trust{grid-template-columns:1fr}.trust div{border-right:0;border-bottom:1px solid var(--line)}.heading{flex-direction:column;align-items:start}.controls{width:100%;flex-wrap:wrap}.controls input{width:100%}.products{grid-template-columns:repeat(2,1fr)}.category-band{grid-template-columns:1fr}.sell{flex-direction:column;align-items:start}.detail{grid-template-columns:1fr}footer{flex-direction:column;gap:15px;align-items:start}}