:root{--navy:#111827;--brand:#5b3df5;--orange:#f59e0b;--bg:#f6f7fb;--ink:#171a22;--muted:#697386;--line:#e5e7eb;--green:#118344;--shadow:0 8px 30px #11182712}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink)}a{text-decoration:none;color:inherit}button,input{font:inherit}.wrap{max-width:1320px;margin:auto;padding:0 28px}.top{background:var(--navy);color:#fff}.topin{height:70px;display:flex;align-items:center;gap:24px}.logo{font-size:23px;font-weight:900}.search{flex:1;display:flex;max-width:700px}.search input{width:100%;border:0;padding:12px 14px;border-radius:8px 0 0 8px}.search button{border:0;background:var(--orange);padding:0 18px;border-radius:0 8px 8px 0;cursor:pointer}.nav{margin-left:auto;display:flex;gap:20px;font-size:12px;font-weight:800}.crumb{padding:15px 0;font-size:11px;color:var(--muted)}.layout{display:grid;grid-template-columns:520px minmax(0,1fr);gap:34px;align-items:start}.gallery,.details,.buybox{background:#fff;border:1px solid var(--line);border-radius:14px}.gallery{height:540px;display:grid;place-items:center;padding:30px;position:sticky;top:18px}.gallery img{max-width:100%;max-height:100%;object-fit:contain}.fallback{color:#8a91a0}.right{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px}.details{padding:25px}.cat{color:var(--brand);font-size:10px;text-transform:uppercase;font-weight:900;letter-spacing:.08em}.details h1{font-size:28px;line-height:1.25;margin:9px 0}.rating{font-size:12px;color:var(--muted);padding-bottom:16px;border-bottom:1px solid var(--line);display:none}.rating.show{display:block}.price{font-size:30px;font-weight:900;margin-top:18px}.tax{font-size:11px;color:var(--muted);margin-top:4px}.desc{font-size:13px;color:#4f5663;line-height:1.7;margin:22px 0}.mode-label{font-size:11px;font-weight:900;margin-bottom:8px}.modes{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mode{border:1px solid var(--line);background:#fff;padding:12px;border-radius:9px;text-align:left;cursor:pointer}.mode.active{border:2px solid var(--brand);background:#f6f4ff;color:var(--brand)}.mode:disabled{cursor:not-allowed;opacity:.5}.mode b{display:block;font-size:12px}.mode span{font-size:10px;color:var(--muted)}.bulk{display:none;margin-top:16px;border:1px solid #ddd8ff;background:#faf9ff;border-radius:10px;padding:15px}.bulk.show{display:block}.bulk h3{font-size:13px;margin:0 0 4px}.bulk-sub{font-size:10px;color:var(--muted);margin-bottom:10px}.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.tier{background:#fff;border:1px solid #e4e0ff;border-radius:7px;padding:10px;font-size:10px}.tier.full{grid-column:1/-1}.tier b{display:block;color:var(--brand);font-size:12px;margin-bottom:3px}.tier.active{border:2px solid var(--brand);background:#f5f2ff}.note{font-size:10px;color:var(--muted);line-height:1.5;margin-top:9px}.savings{margin-top:10px;padding:10px;border-radius:8px;background:#ecfdf3;color:#166534;font-size:11px;font-weight:800;display:none}.savings.show{display:block}.buybox{padding:20px;position:sticky;top:18px}.buyprice{font-size:24px;font-weight:900}.unit-note{font-size:10px;color:var(--muted);margin-top:3px}.availability{font-size:11px;color:var(--muted);line-height:1.5;margin:12px 0}.qtylabel{font-size:10px;font-weight:900}.qty{display:flex;margin:7px 0 15px}.qty button,.qty input{height:38px;border:1px solid var(--line);background:#fff}.qty button{width:38px;cursor:pointer}.qty input{width:75px;text-align:center;border-left:0;border-right:0}.buybox .btn{width:100%;border:0;border-radius:9px;padding:12px;font-weight:900;font-size:12px;cursor:pointer;margin-top:8px}.add{background:var(--orange)}.buy{background:var(--navy);color:#fff}.quote{background:#fff;color:var(--brand);border:1px solid #c9c2ff!important;display:none}.quote.show{display:block}.delivery{margin-top:17px;padding-top:15px;border-top:1px solid var(--line);font-size:11px;color:var(--muted);line-height:1.6}.loading{min-height:60vh;display:grid;place-items:center;color:var(--muted)}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--navy);color:#fff;padding:11px 16px;border-radius:8px;display:none}.toast.show{display:block}

@media(max-width:900px){.topin{height:auto;min-height:70px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px;gap:12px}.search{order:3;flex:1 0 100%;max-width:none}.nav{margin-left:auto}.layout{grid-template-columns:minmax(0,1fr);gap:18px}.gallery{position:static;width:100%;height:auto;min-height:0;aspect-ratio:1/1}.right{grid-template-columns:minmax(0,1fr)}.details,.buybox{min-width:0}.details h1,.desc,.crumb{overflow-wrap:anywhere}.buybox{position:static}}
@media(max-width:600px){.wrap{padding-left:16px;padding-right:16px}.nav{width:100%;overflow-x:auto;white-space:nowrap}.gallery{padding:18px}.details,.buybox{padding:16px}.details h1{font-size:22px}.modes,.tiers{grid-template-columns:minmax(0,1fr)}}