:root{--ink:#0a0a0a;--paper:#fff;--soft:#f5f5f5;--line:#e7e7e7;--violet:#8b35ff;--radius:24px;--shadow:0 16px 45px rgba(0,0,0,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}button,input{font:inherit}a{color:inherit;text-decoration:none}
.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:14px clamp(18px,5vw,72px);background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,0,0,.05)}.brandArea{display:flex;align-items:center;gap:18px}.contactsMini{display:flex;flex-direction:column;gap:2px;font-size:11px;line-height:1.25;color:#666;font-weight:750}.contactsMini a:hover{color:var(--violet)}nav{display:flex;gap:12px;align-items:center;font-size:14px;font-weight:700}.iconBtn{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 14px;cursor:pointer}
.brand{display:inline-flex;align-items:baseline;font-size:clamp(30px,4vw,44px);font-weight:950;letter-spacing:-.08em}.brand b{color:var(--violet);text-shadow:0 0 16px rgba(139,53,255,.45);font-weight:950}
main{max-width:1500px;margin:auto;padding:0 clamp(18px,5vw,72px)}.hero{min-height:62vh;display:flex;flex-direction:column;justify-content:center;max-width:900px;padding:60px 0}.eyebrow{font-size:12px;letter-spacing:.19em;font-weight:900;margin:0 0 14px;color:#666}.hero h1{font-size:clamp(54px,9vw,118px);line-height:.88;letter-spacing:-.075em;margin:0 0 28px}.hero>p:not(.eyebrow){font-size:clamp(18px,2vw,24px);color:#555;max-width:650px;line-height:1.5}
.heroActions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.primary,.secondary{display:inline-flex;justify-content:center;align-items:center;min-height:50px;padding:0 22px;border-radius:999px;font-weight:850;border:1px solid var(--ink);cursor:pointer}.primary{background:var(--ink);color:#fff}.secondary{background:#fff;color:var(--ink)}
.toolbar{display:flex;align-items:end;justify-content:space-between;gap:20px;padding-top:25px}.toolbar h2,.shipping h2{font-size:clamp(30px,5vw,58px);letter-spacing:-.055em;margin:0}.toolbar input{width:min(430px,100%);border:1px solid var(--line);border-radius:999px;padding:15px 19px;outline:none}.toolbar input:focus{border-color:var(--violet);box-shadow:0 0 0 3px rgba(139,53,255,.1)}
.filters{display:flex;gap:8px;overflow:auto;padding:22px 0 26px;scrollbar-width:none}.filter{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 14px;font-weight:750;cursor:pointer}.filter.active{background:var(--ink);color:#fff;border-color:var(--ink)}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff;transition:.2s ease}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.photo{aspect-ratio:1/1;background:var(--soft);overflow:hidden;position:relative}.photo img{width:100%;height:100%;object-fit:cover;display:block}.badge{position:absolute;top:13px;left:13px;background:#fff;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:900;box-shadow:0 5px 20px rgba(0,0,0,.1)}
.info{padding:17px}.meta{font-size:12px;color:#777;text-transform:uppercase;letter-spacing:.1em;font-weight:850}.name{font-size:21px;font-weight:900;margin:6px 0 8px;letter-spacing:-.03em}.price{font-size:24px;font-weight:950;color:var(--violet);margin:0 0 8px}.sizes{color:#666;font-size:14px;min-height:20px}.actions{display:grid;grid-template-columns:1fr auto;gap:9px;margin-top:16px}.buy,.share{min-height:44px;border-radius:13px;font-weight:850;cursor:pointer}.buy{border:0;background:var(--ink);color:#fff}.share{width:48px;border:1px solid var(--line);background:#fff;font-size:19px}
.shipping{margin:80px 0 30px;background:var(--soft);border-radius:32px;padding:clamp(28px,5vw,58px);display:flex;align-items:center;justify-content:space-between;gap:28px}.shipping p:not(.eyebrow){color:#606060}footer{border-top:1px solid var(--line);padding:38px clamp(18px,5vw,72px) 48px;color:#666;font-size:13px}.footBrand{color:#111;margin-bottom:16px}.legal{max-width:900px;line-height:1.55}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#111;color:#fff;padding:12px 18px;border-radius:999px;font-size:14px;font-weight:800;transition:.2s;z-index:50}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1050px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.topbar{padding:10px 12px;align-items:flex-start}.brandArea{gap:2px;align-items:flex-start;flex-direction:column}.contactsMini{font-size:10px;margin-top:1px;gap:7px}.contactsMini a{display:flex;align-items:center;min-height:36px;padding:6px 9px;background:#f5f5f5;border-radius:10px}.topbar nav{position:absolute;right:12px;top:12px}.topbar nav a{display:none}.topbar .iconBtn{font-size:0;width:38px;height:38px;padding:0}.topbar .iconBtn:after{content:"↗";font-size:18px}.brand{font-size:28px}.hero{min-height:52vh;padding:45px 0}.hero>p:not(.eyebrow){max-width:100%;overflow-wrap:anywhere}.toolbar{align-items:stretch;flex-direction:column}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.info{padding:13px}.name{font-size:17px}.price{font-size:20px}.shipping{flex-direction:column;align-items:flex-start}.shipping .primary{width:100%}}
@media(max-width:420px){main{padding:0 12px}.grid{gap:8px}.card{border-radius:18px}.actions{grid-template-columns:1fr 44px}.share{width:44px}.hero h1{font-size:54px}}
.photo{cursor:zoom-in}.photoHint{position:absolute;right:12px;bottom:12px;background:rgba(10,10,10,.82);color:#fff;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:850;backdrop-filter:blur(8px)}
body.modalOpen{overflow:hidden}.galleryModal{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.76);display:none;align-items:center;justify-content:center;padding:18px}.galleryModal.open{display:flex}.galleryShell{position:relative;width:min(1080px,100%);max-height:94vh;background:#fff;border-radius:24px;padding:20px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.35)}.galleryHeader{display:flex;align-items:center;gap:10px;padding-bottom:12px}.galleryClose{position:static;flex:0 0 42px;width:42px;height:42px;border:0;border-radius:50%;background:#111;color:#fff;font-size:28px;line-height:1;cursor:pointer;box-shadow:0 4px 16px rgba(0,0,0,.18)}.galleryTitle{font-size:clamp(20px,3vw,32px);font-weight:950;letter-spacing:-.035em;padding:0}.galleryStage{position:relative;width:100%;min-width:0}.zoomWrap{position:relative;width:100%;min-width:0;height:min(68vh,720px);background:#fff;border-radius:18px;overflow:hidden;overscroll-behavior:contain;touch-action:none;user-select:none;-webkit-user-select:none}.zoomWrap img{position:absolute;display:block;max-width:none;max-height:none;object-fit:contain;transform-origin:0 0;will-change:transform;cursor:zoom-in;-webkit-user-drag:none}.zoomWrap.isZoomed img{cursor:grab}.galleryNav{position:absolute;top:50%;z-index:3;transform:translateY(-50%);width:48px;height:48px;border:1px solid var(--line);border-radius:50%;background:rgba(255,255,255,.94);font-size:34px;cursor:pointer;box-shadow:0 4px 18px rgba(0,0,0,.12)}.galleryPrev{left:10px}.galleryNext{right:10px}.galleryNav:disabled{display:none}.galleryTools{display:flex;align-items:center;gap:10px;padding:10px 4px 0;color:#666;font-size:13px;flex-wrap:wrap}.zoomToggle{order:1;border:1px solid var(--line);background:#111;color:#fff;border-radius:999px;padding:9px 14px;font-weight:850;cursor:pointer}.galleryTools #galleryCount{order:2}.zoomHelp{order:3;font-size:12px;color:#777}.galleryThumbs{display:flex;gap:8px;overflow:auto;padding:12px 4px 2px;scrollbar-width:thin}.galleryThumb{flex:0 0 72px;width:72px;height:72px;padding:0;border:2px solid transparent;border-radius:12px;overflow:hidden;background:#f5f5f5;cursor:pointer}.galleryThumb.active{border-color:var(--violet)}.galleryThumb img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:760px){.galleryModal{padding:0;align-items:stretch;overflow:hidden}.galleryModal.open{display:block}.galleryShell{position:fixed;inset:0;width:100vw;max-width:100vw;min-width:0;height:100dvh;max-height:none;border-radius:0;padding:12px;overflow:hidden}.galleryHeader{padding:0 0 10px}.galleryClose{flex-basis:40px;width:40px;height:40px}.galleryTitle{font-size:22px}.galleryStage{width:100%;min-width:0}.galleryNav{width:38px;height:46px;border-radius:12px;font-size:28px}.galleryPrev{left:6px}.galleryNext{right:6px}.zoomWrap{min-width:0;width:100%;height:64vh;border-radius:14px}.galleryTools{width:100%;padding:8px 4px 0}.galleryThumbs{width:100%;padding:10px 4px 4px}.galleryThumb{flex-basis:62px;width:62px;height:62px}.photoHint{right:8px;bottom:8px;font-size:10px;padding:6px 8px}}