@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#17212c;--blue:#2248ef;--line:#e2e6eb;--muted:#67717c;--paper:#f5f6f8}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;background:white}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a4b4ff;outline-offset:3px}button{color:inherit;border:0;background:none}h1,h2,h3,.brand{font-family:Manrope,Arial,sans-serif}h1,h2,h3,p{margin-top:0}.demo{padding:8px 4%;background:#eaf0ff;color:#2444bd;font-size:12px;font-weight:700;display:flex;gap:20px;justify-content:center}.demo span{font-weight:400}.topline{padding:10px 4%;display:flex;justify-content:space-between;background:var(--ink);color:white;font-size:13px}.topline button{font-size:13px;color:white}header{display:flex;align-items:center;gap:6%;padding:23px 4%;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.brand strong{font-size:53px;font-weight:800;letter-spacing:-5px;line-height:1}.brand strong span{font-size:14px;letter-spacing:0;color:var(--blue);vertical-align:top;margin-left:5px}.brand small{font-family:'DM Sans',sans-serif;font-size:10px;font-weight:700;letter-spacing:2px;border-left:1px solid #abb2bb;padding-left:12px;line-height:1.7}#search{display:flex;flex:1;max-width:700px;border:1px solid #d7dde3;border-radius:7px;background:#f7f8fa;padding:5px}#search input{border:0;background:transparent;padding:9px 14px;min-width:0;flex:1}#search button{background:var(--blue);color:white;width:49px;border-radius:4px;font-size:28px;line-height:1}.cart-button{display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:14px}.cart-button span{font-size:27px}.cart-button b{background:var(--blue);color:white;border-radius:50%;min-width:22px;padding:3px;font-size:12px}nav{display:flex;align-items:center;gap:30px;padding:17px 4%;border-bottom:1px solid var(--line);overflow:auto;white-space:nowrap;font-size:14px}nav a:first-child{font-weight:700;margin-right:10px}nav a.active{color:var(--blue)}main{min-height:55vh}.hero{margin:25px 4% 0;display:grid;grid-template-columns:1.02fr 1fr;min-height:395px;border-radius:10px;overflow:hidden;background:#eaf0f5}.hero-copy{padding:48px 48px 42px;display:flex;align-items:flex-start;flex-direction:column;justify-content:center}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--blue);margin-bottom:20px}h1{font-size:clamp(34px,3.8vw,56px);letter-spacing:-2px;line-height:1.1;font-weight:800;margin-bottom:20px}.hero p{color:#53606d;line-height:1.65;max-width:380px;margin-bottom:28px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:30px;background:var(--blue);color:white;padding:15px 23px;border-radius:5px;font-weight:600;font-size:14px}.hero img{width:100%;height:100%;object-fit:cover;max-height:435px}.benefits{margin:0 4%;padding:22px 0;display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);gap:15px}.benefits div{display:flex;align-items:center;justify-content:center;gap:13px;font-size:14px}.benefits span{color:var(--blue);font-size:24px}.section{padding:34px 4% 6px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.section-title h2{font-size:25px;letter-spacing:-.8px;margin:0}.section-title a{font-size:14px;color:var(--blue)}.categories{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.category{background:var(--paper);padding:20px 16px 16px;text-align:center;border-radius:8px;font-size:14px;font-weight:500}.category img{height:95px;width:100%;object-fit:contain;mix-blend-mode:multiply;display:block;margin-bottom:14px;transition:transform .2s}.category:hover img{transform:translateY(-4px)}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.product{position:relative;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:white;display:flex;flex-direction:column}.product .photo{display:block;height:230px;padding:22px;background:#f8f9fa}.product img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .2s}.product:hover img{transform:scale(1.04)}.product-body{padding:17px;display:flex;flex-direction:column;flex:1}.tag{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:8px}.product h3{font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.4;font-weight:500;margin-bottom:20px;min-height:44px}.price-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}.price{font-size:22px;font-weight:700;letter-spacing:-.6px}.add{background:var(--blue);color:white;width:38px;height:38px;border-radius:5px;font-size:24px}.product small{display:block;color:var(--muted);font-size:12px;margin-top:8px}.editorial{margin:40px 4%;padding:38px 42px;background:var(--ink);color:white;border-radius:8px;display:flex;justify-content:space-between;align-items:center;gap:20px}.editorial h2{font-size:30px;letter-spacing:-1px;margin-bottom:10px}.editorial p{color:#b9c3cc;max-width:540px;margin:0;line-height:1.6}.editorial .primary{background:white;color:var(--ink);white-space:nowrap}footer{margin-top:45px;background:#f3f5f7;padding:44px 4% 20px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:35px}footer .brand{margin-bottom:20px}footer p{font-size:17px;color:var(--muted);line-height:1.6}footer h3{font-size:14px;margin-bottom:18px}footer a:not(.brand),footer button{display:block;font-size:14px;color:#52606c;margin-bottom:13px;text-align:left;padding:0}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid #dce1e6;padding-top:20px;color:var(--muted);font-size:12px}.breadcrumb{font-size:13px;color:var(--muted);margin-bottom:25px}.catalog-title{font-size:36px;margin-bottom:12px}.toolbar{display:flex;gap:14px;align-items:center;margin:20px 0;flex-wrap:wrap}.toolbar label{font-size:14px}.toolbar select,.toolbar input{padding:10px;border:1px solid var(--line);border-radius:5px;background:white;max-width:160px}.toolbar .found{margin-left:auto;color:var(--muted);font-size:14px}.detail{display:grid;grid-template-columns:1fr 1fr;gap:55px;margin-bottom:45px}.detail-img{background:var(--paper);border-radius:8px;padding:50px;min-height:400px;display:flex;align-items:center}.detail-img img{width:100%;max-height:430px;object-fit:contain;mix-blend-mode:multiply}.detail h1{font-size:36px;letter-spacing:-1px}.detail p{line-height:1.7;color:var(--muted)}.detail .price{font-size:34px;margin-bottom:8px}.notice{background:#edf1ff;padding:15px;border-radius:5px;font-size:14px;line-height:1.5;color:#304689;margin:18px 0}.detail ul{padding-left:20px;line-height:1.9;color:var(--muted)}dialog{border:0;border-radius:12px;padding:36px;max-width:650px;width:calc(100% - 30px);max-height:85vh;color:var(--ink)}dialog::backdrop{background:#0c1728aa;backdrop-filter:blur(3px)}.close{position:absolute;right:12px;top:10px;font-size:28px}.cart-line{display:grid;grid-template-columns:65px 1fr auto;gap:15px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.cart-line img{width:65px;height:65px;object-fit:contain}.cart-line h3{font-size:14px;margin-bottom:8px}.qty{display:flex;align-items:center;gap:10px;margin-top:8px;font-size:14px}.qty button{border:1px solid var(--line);width:29px;height:29px;border-radius:3px}.remove{font-size:12px;text-decoration:underline;color:var(--muted)}.cart-total{display:flex;justify-content:space-between;font-size:22px;font-weight:700;margin-top:25px}.empty{padding:50px 20px;text-align:center;background:var(--paper);border-radius:8px;grid-column:1/-1}.empty p{color:var(--muted)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:14px 24px;border-radius:6px;box-shadow:0 8px 35px #0002;z-index:10;display:none}#toast.visible{display:block}#modal-body>p{line-height:1.7;color:var(--muted)}
@media(min-width:1500px){body{max-width:1700px;margin:auto}.hero{min-height:460px}.hero img{max-height:480px}.product .photo{height:270px}}@media(max-width:950px){header{gap:25px}.brand small{display:none}.hero-copy{padding:30px}.hero{min-height:340px}.hero img{max-height:none}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.categories{gap:10px}.category{padding:15px 8px}.benefits div{font-size:12px}.detail{gap:25px}.detail-img{padding:25px}footer{grid-template-columns:1fr 1fr}}@media(max-width:600px){.demo{font-size:10px;gap:8px}.topline{font-size:12px}.topline button{font-size:12px}header{padding:17px 4%;flex-wrap:wrap;gap:17px}.brand strong{font-size:44px}.brand small{display:block}#search{order:3;flex-basis:100%;max-width:none}.cart-button{margin-left:auto}nav{gap:23px;padding:14px 4%}.hero{grid-template-columns:1fr;margin-top:15px}.hero-copy{padding:30px}.hero h1{font-size:38px}.hero img{height:220px}.hero p{margin-bottom:20px;font-size:15px}.benefits{grid-template-columns:1fr;gap:12px;padding:18px 0}.benefits div{font-size:14px;justify-content:flex-start}.categories{grid-template-columns:repeat(3,1fr)}.category img{height:75px}.section{padding-top:26px}.section-title h2{font-size:23px}.section-title a{font-size:12px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product .photo{height:170px;padding:15px}.product-body{padding:12px}.product h3{font-size:14px;min-height:58px}.price{font-size:19px}.tag{font-size:10px}.editorial{padding:28px;display:block}.editorial h2{font-size:26px}.editorial .primary{margin-top:22px}footer{gap:25px;padding-top:30px}footer .brand strong{font-size:40px}footer .brand small{font-size:8px}.footer-bottom{display:block;line-height:1.8}.footer-bottom span{display:block}.detail{grid-template-columns:1fr;gap:25px}.detail-img{min-height:280px}.detail-img img{max-height:300px}.detail h1{font-size:30px}.toolbar .found{width:100%;margin:0}.toolbar input,.toolbar select{max-width:145px}dialog{padding:35px 20px}.cart-line{grid-template-columns:45px 1fr auto;gap:9px}.cart-line img{width:45px;height:50px}}