:root{color-scheme:light;--ink:#172333;--muted:#64748b;--line:#dce3ec;--blue:#2459dc}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--blue);text-underline-offset:3px}a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px}header,main,footer{max-width:1180px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.logo{font-size:32px;font-weight:800;color:#10151d;text-decoration:none}nav{display:flex;gap:22px;flex-wrap:wrap}nav a{color:var(--ink);text-decoration:none}h1{font-size:clamp(26px,3vw,38px);line-height:1.2;margin:12px 0 20px;overflow-wrap:anywhere}h2{font-size:24px;line-height:1.3}h3{margin:0;font-size:18px}p{margin:12px 0}.muted,.eyebrow{color:var(--muted)}.eyebrow{font-size:13px;letter-spacing:.06em}.back{display:inline-block;margin:8px 0 28px}.product{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-bottom:48px}.product>*,.grid>*{min-width:0}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-content:start}.gallery>a:first-child{grid-column:1/-1}.gallery img{display:block;width:100%;aspect-ratio:1;object-fit:contain;background:#f8fafc;border-radius:16px}.placeholder{display:grid;place-content:center;aspect-ratio:1;background:#f4f6f9;color:var(--muted);border-radius:14px;font-size:15px}.gallery>.placeholder{grid-column:1/-1}.price{font-size:28px;font-weight:700;line-height:1.25}.availability{color:#21654c;font-weight:500}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid var(--blue);border-radius:9px;background:var(--blue);color:white;text-decoration:none;font-weight:600;text-align:center}.secondary{background:white;color:var(--ink);border-color:var(--line)}.description{white-space:pre-wrap;overflow-wrap:anywhere}.notice{background:#f4f6f9;padding:16px;border-radius:10px}.store{display:flex;justify-content:space-between;gap:24px;padding:24px 0;border-bottom:1px solid var(--line);scroll-margin-top:20px}.store:target{outline:2px solid var(--blue);outline-offset:8px;border-radius:8px}.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.card{border:1px solid var(--line);border-radius:16px;padding:16px}.card>a{color:var(--ink);text-decoration:none}.card img{width:100%;aspect-ratio:1;object-fit:contain}.card h2{font-size:18px;overflow-wrap:anywhere}.card .price{font-size:23px}.card summary{cursor:pointer;min-height:44px;padding:8px 0;color:var(--muted);font-size:14px}.card ul{padding-left:18px;font-size:14px;overflow-wrap:anywhere}.pagination{align-items:center;justify-content:center;margin:32px 0;gap:18px}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}@media(max-width:700px){header,main,footer{padding:18px}.product{grid-template-columns:1fr;gap:24px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card{padding:12px}.card h2{font-size:16px}.card .price{font-size:21px}.store{flex-direction:column;gap:12px}header nav{gap:12px;font-size:13px}.logo{font-size:26px}footer{flex-direction:column}.pagination{font-size:14px;gap:10px}}
