:root{--ink:#141414;--muted:#5b5b5b;--line:#e7e4e0;--bg:#ffffff;--soft:#f7f5f2;--red:#d71f26;--red-dk:#a8151b;--green:#5f9e1f;--green-soft:#eef6e4} *{box-sizing:border-box}html{-webkit-text-size-adjust:100%} body{margin:0;font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg)} img{max-width:100%;height:auto;display:block}a{color:inherit} .wrap{max-width:1160px;margin:0 auto;padding:0 16px} .bar{background:#0d0000;color:#fff;font-size:14px;text-align:center;padding:8px 16px} .bar a{color:#fff} header.top{border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:5} header.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px} .brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;letter-spacing:-.01em;font-size:19px} .brand img{width:40px;height:40px} nav.main{display:flex;gap:20px;font-size:15px} nav.main a{text-decoration:none;color:var(--muted)}nav.main a:hover,nav.main a[aria-current]{color:var(--ink)} .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--red);color:#fff;text-decoration:none;font-weight:700;border-radius:10px;padding:13px 22px;border:0;font-size:16px;line-height:1.2} .btn:hover{background:var(--red-dk)} .btn.ghost{background:#fff;color:var(--ink);border:1.5px solid var(--ink)}.btn.ghost:hover{background:var(--soft)} .hero{background:var(--soft);border-bottom:1px solid var(--line)} .hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center;padding-top:44px;padding-bottom:44px} .hero h1{font-size:clamp(30px,4.4vw,48px);line-height:1.08;margin:0 0 14px;letter-spacing:-.02em} .hero p{font-size:18px;color:var(--muted);margin:0 0 22px;max-width:36em} .hero .ctas{display:flex;gap:12px;flex-wrap:wrap} .hero .shot{display:grid;grid-template-columns:1fr 1fr;gap:12px} .hero .shot img{border-radius:14px;aspect-ratio:1/1;object-fit:cover;background:#fff} .trust{display:flex;gap:22px;flex-wrap:wrap;margin-top:22px;font-size:14px;color:var(--muted)} .trust span::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);margin-right:8px;vertical-align:1px} section{padding:40px 0} h2{font-size:26px;letter-spacing:-.01em;margin:0 0 18px} .cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px} .cat{display:flex;gap:12px;align-items:center;text-decoration:none;border:1px solid var(--line);border-radius:12px;padding:10px;background:#fff} .cat:hover{border-color:#cfcac3} .cat img{width:56px;height:56px;object-fit:cover;border-radius:8px;flex:none;background:var(--soft)} .cat b{display:block;font-size:15px;line-height:1.25}.cat small{color:var(--muted)} .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px} .card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;display:flex;flex-direction:column;text-decoration:none} .card:hover{border-color:#cfcac3;box-shadow:0 4px 18px rgba(0,0,0,.05)} .card img{aspect-ratio:1/1;object-fit:cover;background:var(--soft);width:100%} .card .t{padding:12px 14px 4px;font-weight:650;font-size:15px;line-height:1.35} .card .m{padding:0 14px 14px;margin-top:auto;font-size:14px;color:var(--red);font-weight:700} .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px} .chip{border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:14px;text-decoration:none;color:var(--muted);background:#fff} .chip[aria-current]{background:var(--ink);color:#fff;border-color:var(--ink)} .crumbs{font-size:14px;color:var(--muted);margin:18px 0 8px}.crumbs a{color:var(--muted)} .product{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;padding:8px 0 40px} .gallery .main{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff} .gallery .main img{width:100%;aspect-ratio:1/1;object-fit:contain} .thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px;margin-top:10px} .thumbs button{padding:0;border:1.5px solid var(--line);border-radius:8px;overflow:hidden;background:#fff;cursor:pointer} .thumbs button[aria-pressed=true]{border-color:var(--ink)} .thumbs img{aspect-ratio:1/1;object-fit:cover;width:100%} .product h1{font-size:clamp(24px,3vw,32px);line-height:1.2;margin:0 0 12px;letter-spacing:-.01em} .buybox{border:1px solid var(--line);border-radius:14px;padding:18px;background:var(--soft);margin:16px 0 22px} .buybox .btn{width:100%;font-size:17px;padding:15px} .buybox p{margin:12px 0 0;font-size:14px;color:var(--muted)} .opts{font-size:15px;margin:0 0 6px}.opts b{font-weight:650} .desc{font-size:15.5px}.desc h3{font-size:17px;margin:20px 0 6px}.desc ul{padding-left:20px}.desc li{margin:4px 0} .about{display:grid;grid-template-columns:1fr 1fr;gap:28px} .panel{border:1px solid var(--line);border-radius:14px;padding:22px;background:#fff} .panel h3{margin:0 0 8px;font-size:18px} .panel p{margin:0 0 10px;color:var(--muted)} footer{border-top:1px solid var(--line);background:var(--soft);margin-top:20px;font-size:14px;color:var(--muted)} footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:26px;padding-bottom:26px} footer a{color:var(--muted)} .notfound{padding:70px 0;text-align:center} @media (max-width:860px){.hero .wrap,.product,.about{grid-template-columns:1fr}.hero .wrap{padding-top:28px;padding-bottom:28px}.hero .shot{grid-template-columns:repeat(4,1fr);gap:8px}.hero .shot img{border-radius:10px}nav.main{gap:14px}} @media (max-width:520px){.chips{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-left:-16px;margin-right:-16px;padding:0 16px 4px}.chips::-webkit-scrollbar{display:none}.chip{white-space:nowrap;flex:none}nav.main a.hide-sm{display:none}.brand span{display:none}.grid{grid-template-columns:repeat(2,1fr);gap:10px}.card .t{font-size:14px;padding:10px 10px 2px}.card .m{padding:0 10px 10px;font-size:13px}}