.cart-drawer{position:fixed;inset:0;opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:30}.cart-drawer--open{opacity:1;pointer-events:auto}.cart-drawer__backdrop{position:absolute;inset:0;background:#0006;border:none;padding:0}.cart-drawer__panel{position:absolute;top:0;right:0;height:100%;width:min(360px,100%);background:#fff;padding:20px 18px 24px;display:flex;flex-direction:column;gap:18px;transform:translate(100%);transition:transform .25s ease}.cart-drawer--open .cart-drawer__panel{transform:translate(0)}.cart-drawer__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.cart-drawer__eyebrow{font-size:12px;color:#666;letter-spacing:.04em;text-transform:uppercase}.cart-drawer__title{margin:4px 0 0;font-size:22px;font-weight:600}.cart-drawer__close{border:none;background:transparent;font-size:18px;cursor:pointer}.cart-drawer__empty{color:#666}.cart-drawer__list{display:grid;gap:16px;overflow-y:auto;padding-right:6px}.cart-drawer__row{display:grid;grid-template-columns:56px 1fr 20px;gap:12px;align-items:start}.cart-drawer__media img,.cart-drawer__placeholder{width:56px;height:70px;object-fit:cover;border-radius:10px;background:#f0f0f0;border:1px solid #e2e2e2}.cart-drawer__details{display:grid;gap:6px}.cart-drawer__name{font-size:14px;font-weight:600}.cart-drawer__meta{font-size:12px;color:#666}.cart-drawer__controls{display:flex;align-items:center;justify-content:space-between;gap:10px}.cart-drawer__qty{display:flex;align-items:center;gap:8px}.cart-drawer__qty button{width:28px;height:28px;border:1px solid #000;background:#fff;cursor:pointer}.cart-drawer__price{font-size:13px;font-weight:600}.cart-drawer__remove{border:none;background:transparent;cursor:pointer;font-size:16px}.cart-drawer__footer{border-top:1px solid #eee;padding-top:14px;display:grid;gap:12px}.cart-drawer__total{font-size:15px;font-weight:600}.cart-drawer__checkout{display:inline-flex;align-items:center;justify-content:center;height:44px;background:#000;color:#fff;text-decoration:none;border-radius:10px}.topbar{height:48px;background:#fff;border-bottom:1px solid #cfcfcf;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(14px,4vw,38px);position:sticky;top:0;z-index:10}.topbar__brand{text-decoration:none;color:#000;font-weight:700;letter-spacing:.08em;font-size:clamp(18px,2.2vw,26px);white-space:nowrap;font-family:var(--font-topbar-title);align-items:center;justify-content:center;display:inline-flex;padding:0}.topbar__cart{color:#000;position:relative;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;padding:0}.topbar__badge{position:absolute;right:-8px;top:-6px;background:#000;color:#fff;border-radius:999px;font-size:12px;padding:2px 7px;line-height:1}@media(max-width:640px){.topbar{height:60px}}.homePage{--topbar-h: 48px;--divider: 6px;--skew: -6deg;--unskew: 6deg;--title-safe: clamp(96px, 13svh, 160px);--art-lift: clamp(10px, 2.6svh, 28px);--art-scale: clamp(.92, .7vmin + .82, 1.12);--art-pos: 70%;--art-pad-bottom: clamp(10px, 2svh, 28px);min-height:100svh;display:flex;flex-direction:column}.home{flex:1;min-height:0;height:calc(100svh - var(--topbar-h));background:#000;display:flex;flex-direction:column;overflow:hidden}.home__hero{display:none;min-height:calc(100svh - var(--topbar-h));align-items:center;justify-content:center;flex-direction:column;gap:clamp(12px,4svh,32px);color:#fff;text-align:center;padding:clamp(24px,7svh,48px) clamp(20px,8vw,40px)}.home__hero-mark{position:relative;width:clamp(120px,44vw,200px);aspect-ratio:1;display:grid;place-items:center}.home__logo-ring{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(255,255,255,.8);animation:sway-ring 3.2s ease-in-out infinite}.home__logo-line{position:absolute;width:70%;height:2px;background:#fff;transform-origin:center;animation:sway-line 2.6s ease-in-out infinite}.home__logo-dot{width:clamp(12px,6vw,20px);height:clamp(12px,6vw,20px);border-radius:50%;background:#fff;box-shadow:0 0 24px #ffffff4d;animation:sway-dot 2.6s ease-in-out infinite}.home__hero-text{display:grid;gap:4px;text-transform:uppercase;letter-spacing:.32em}.home__hero-kicker,.home__hero-name{font-family:var(--font-street);font-size:clamp(32px,12vw,60px);letter-spacing:.18em;animation:sway-rise 1.8s ease forwards}.home__hero-link{margin-top:clamp(12px,4svh,20px);text-decoration:none;color:#000;background:#fff;padding:12px 24px;font-size:12px;letter-spacing:.28em;border-radius:999px;text-transform:uppercase;font-family:var(--font-home-catalog)}.home__panels{flex:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);overflow:hidden}.home__panel{position:relative;display:block;text-decoration:none;color:#fff;background:#000;border-right:var(--divider) solid #fff;transform:skew(var(--skew));overflow:hidden;will-change:transform}.home__panel:last-child{border-right:none}.home__content{position:absolute;transform:skew(var(--unskew));width:120%;inset:0 0 0 -10%;display:grid;grid-template-rows:var(--title-safe) 1fr}.home__title{display:flex;align-items:center;justify-content:center;z-index:5;pointer-events:none;padding-top:clamp(12px,2svh,20px)}.home__title span{font-family:var(--font-street);font-size:clamp(22px,2.6vw,52px);letter-spacing:.14em;text-transform:uppercase;text-align:center;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0;transform:translate(calc(clamp(26px,2.2vw,64px) - 16px)) translateY(2px);text-shadow:0 2px 14px rgba(0,0,0,.9),0 0 2px rgba(0,0,0,.85)}.home__art{position:relative;z-index:1;padding-bottom:var(--art-pad-bottom);overflow:hidden}.home__img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center var(--art-pos);transition:opacity .22s ease,transform .32s ease;will-change:transform,opacity;transform:translateY(calc(-1 * var(--art-lift))) scale(var(--art-scale))}.home__img--mono{opacity:1;filter:grayscale(100%) contrast(1.05)}.home__img--color,.home__panel:hover .home__img--mono{opacity:0}.home__panel:hover .home__img--color{opacity:1}.home__panel:hover .home__img{transform:translateY(calc(-1 * var(--art-lift))) scale(calc(var(--art-scale) + .06))}@media(min-aspect-ratio:16/9){.homePage{--title-safe: clamp(110px, 18svh, 190px);--art-lift: clamp(6px, 1.6svh, 18px);--art-pos: 76%;--art-pad-bottom: clamp(12px, 2.6svh, 34px)}}@media(max-width:1100px){.home__panels{grid-template-columns:repeat(2,minmax(0,1fr));min-height:auto}.home__panel{border-right:var(--divider) solid #fff;border-bottom:var(--divider) solid #fff}.home__panel:nth-child(2n){border-right:none}.home__panel:nth-last-child(-n+2){border-bottom:none}.homePage{--title-safe: clamp(72px, 10svh, 120px);--art-lift: clamp(10px, 2.6svh, 26px)}}@media(max-width:640px){.home{overflow:hidden}.home__hero{display:flex}.home__panels{display:none}.home__panel{transform:none;border-right:none;border-bottom:var(--divider) solid #fff}.home__panel:last-child{border-bottom:none}.home__content{transform:none;width:100%;left:0}.homePage{--title-safe: clamp(64px, 9svh, 96px);--art-lift: clamp(8px, 2.2svh, 20px)}.home__img{object-position:center 70%}}@keyframes sway-ring{0%{transform:scale(.92);opacity:.4}50%{transform:scale(1);opacity:1}to{transform:scale(.92);opacity:.4}}@keyframes sway-line{0%{transform:rotate(0) scaleX(.7);opacity:.5}50%{transform:rotate(18deg) scaleX(1);opacity:1}to{transform:rotate(0) scaleX(.7);opacity:.5}}@keyframes sway-dot{0%{transform:translateY(-6px)}50%{transform:translateY(6px)}to{transform:translateY(-6px)}}@keyframes sway-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:.7;transform:translateY(0)}}@keyframes sway-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(hover:none){.home__panel:hover .home__img{transform:scale(.98)}.home__panel:hover .home__img--mono{opacity:1}.home__panel:hover .home__img--color{opacity:0}}.catalog{display:grid;grid-template-columns:clamp(140px,16vw,200px) 1fr;grid-template-areas:"hero hero" "left right";gap:clamp(18px,2.6vw,28px);padding:clamp(20px,3vw,26px) clamp(20px,4vw,36px) 48px;width:100%;margin:0}.catalog__hero{grid-area:hero;display:grid;justify-items:center;margin:6px 0 24px}.catalog__logo{width:clamp(64px,7vw,86px);height:clamp(64px,7vw,86px);object-fit:contain;margin-bottom:12px}.catalog__title{margin:0;font-size:clamp(28px,3.2vw,44px);letter-spacing:.1em;text-transform:uppercase}.catalog__subtitle{font-size:clamp(12px,1.4vw,16px);letter-spacing:.08em;color:#444}.catalog__left{grid-area:left;padding-top:0}.catalog__filters{display:flex;flex-direction:column;gap:10px;font-size:clamp(18px,1.8vw,22px);font-family:var(--font-category);font-weight:700}.catalog__filtersSpacer{height:12px}.catalog__filtersToggle{display:none;align-self:center;padding:10px 28px;border-radius:999px;border:1px solid #111;background:#fff;font-size:15px;font-weight:600;cursor:pointer;letter-spacing:.06em;transition:all .2s ease}.catalog__filtersToggle:hover{background:#111;color:#fff}.catalog__filtersModal{position:fixed;inset:0;z-index:20;display:grid;place-items:center}.catalog__filtersOverlay{position:absolute;inset:0;background:#0006;border:none}.catalog__filtersSheet{position:relative;z-index:1;width:min(92vw,360px);background:#fff;border-radius:18px;padding:20px 18px 22px;box-shadow:0 24px 48px #0000002e;display:grid;gap:16px}.catalog__filtersHeader{display:flex;align-items:center;justify-content:space-between;font-size:16px;font-weight:700}.catalog__filtersClose{border:none;background:none;font-size:14px;font-weight:600;cursor:pointer}.catalog__filters--desktop{display:flex}.catalog__right{grid-area:right;min-width:0}.catalog__list{display:grid;gap:clamp(16px,2.4vw,24px)}.catalog__loadMore{justify-self:center;width:clamp(160px,18vw,220px);height:clamp(42px,5vw,52px);border-radius:999px;border:1px solid #111;background:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.catalog__loadMore:hover{background:#111;color:#fff}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(6px,1.2vw,12px);justify-items:center}.card{display:grid;gap:8px;width:100%;max-width:clamp(225px,27vw,330px);text-decoration:none;color:#000;text-align:center}.card__imgWrap{width:100%;aspect-ratio:3 / 4;border-radius:18px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f6f6f6;box-shadow:0 10px 18px #00000014}.card__img{width:100%;height:100%;object-fit:contain}.card__imgPlaceholder{width:70%;height:70%;border:1px dashed #bbb}.card__title{font-size:clamp(14px,1.4vw,18px);font-weight:600;line-height:1.3;font-family:Inter,Arial,sans-serif}.card__price{color:#222;font-size:clamp(12px,1.3vw,16px);font-weight:500}.chk{display:grid;grid-template-columns:20px 1fr;align-items:center;gap:8px;cursor:pointer;position:relative}.chk input{position:absolute;opacity:0}.chk__box{width:18px;height:18px;border:1px solid #000;display:inline-block;position:relative;overflow:hidden}.chk input:checked+.chk__box:before,.chk input:checked+.chk__box:after{content:"";position:absolute;width:8px;height:12px;border-right:2px solid #000;border-bottom:2px solid #000;transform:rotate(40deg)}.chk input:checked+.chk__box:before{left:1px;top:0}.chk input:checked+.chk__box:after{left:5px;top:0}.chk__label{line-height:1.2}@media(max-width:1200px){.grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media(max-width:900px){.catalog{grid-template-columns:1fr;grid-template-areas:"hero" "left" "right"}.grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.catalog__left{padding-top:0;display:grid;justify-items:center;gap:12px}.catalog__filtersToggle{display:inline-flex}.catalog__filters--desktop{display:none}}.product{padding:clamp(18px,3vw,28px) clamp(20px,4vw,38px) 40px;max-width:1280px;margin:0 auto}.product__backRow{height:56px;display:flex;align-items:center}.backBtn{border:none;background:transparent;font-size:42px;cursor:pointer;color:#000;transform:translateY(-20px)}.product__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,4vw,44px);align-items:start}.gallery{display:grid;grid-template-columns:82px 1fr;gap:clamp(16px,2vw,20px);align-items:start}.gallery__main{justify-self:center}.gallery__thumbs{display:flex;flex-direction:column;gap:12px}.gallery__main{width:100%;max-width:520px;aspect-ratio:4 / 5;background:#f7f7f7;border-radius:24px;box-shadow:0 18px 30px #00000014;display:flex;align-items:center;justify-content:center;overflow:hidden;justify-self:center;position:relative}.gallery__main img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}.gallery__placeholder{width:75%;height:75%;border:1px dashed #999}.gallery__arrow{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:999px;border:none;background:#000000a6;color:#fff;font-size:28px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s ease,transform .2s ease}.gallery__main:hover .gallery__arrow{opacity:1}.gallery__arrow--left{left:14px}.gallery__arrow--right{right:14px}.thumb{width:clamp(56px,6vw,72px);aspect-ratio:4 / 5;overflow:hidden;border:1px solid #e2e2e2;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center}.thumb img{max-width:100%;max-height:100%;object-fit:contain}.info{background:#fff;padding:clamp(18px,2.6vw,28px);border-radius:24px;border:1px solid #efefef;box-shadow:0 14px 28px #0000000f}.info__title{font-family:Georgia,Times New Roman,serif;font-size:clamp(30px,3.6vw,48px);margin:0 0 10px;font-weight:500}.info__prices{display:flex;align-items:baseline;gap:16px;margin-bottom:26px}.priceNow{font-size:clamp(22px,2.6vw,34px);font-weight:600}.priceOld{font-size:clamp(20px,2.4vw,30px);color:#c40000;text-decoration:line-through}.info__label{color:#777;font-size:clamp(16px,1.8vw,22px);font-family:Georgia,Times New Roman,serif;margin-bottom:12px}.sizes{display:flex;gap:clamp(10px,1.6vw,14px);margin-bottom:26px;flex-wrap:wrap}.sizeBtn{width:clamp(44px,5vw,56px);height:clamp(44px,5vw,56px);border:1px solid #d5d5d5;background:#fff;font-size:clamp(16px,2vw,22px);font-family:Georgia,Times New Roman,serif;color:#555;cursor:pointer;border-radius:12px}.sizeBtn--active{border-color:#000;color:#000}.addBtn{width:100%;height:clamp(52px,6vw,70px);background:#000;color:#fff;border:none;font-size:clamp(16px,2vw,22px);cursor:pointer;border-radius:10px;box-shadow:0 12px 24px #00000026}.addBtn:disabled{opacity:.5;cursor:not-allowed}.product__text{margin-top:34px;max-width:920px;color:#666;font-family:Inter,Arial,sans-serif;line-height:1.5}.mutedBlock{margin-top:20px}.mutedTitle{font-size:clamp(16px,1.8vw,20px);margin-bottom:6px;color:#444}.mutedText{font-size:clamp(14px,1.6vw,18px);color:#777}.info__desc{margin:6px 0 20px;font-size:clamp(14px,1.6vw,18px);line-height:1.5;color:#555}.product__state{padding:40px;text-align:center;color:#777}@media(max-width:1000px){.product__grid{grid-template-columns:1fr}.gallery__main{height:360px}}.cart{padding:clamp(18px,3vw,28px) clamp(20px,4vw,38px) 60px;max-width:1080px;margin:0 auto}.cart__title{font-size:clamp(28px,3.6vw,42px);margin:20px 0;font-family:serif;font-weight:500}.cart__empty{color:#666}.cart__list{border-top:1px solid #ddd}.cart__row{display:grid;grid-template-columns:1fr minmax(120px,140px) minmax(90px,120px) 40px;gap:clamp(12px,2vw,16px);align-items:center;border-bottom:1px solid #ddd;padding:14px 0}.cart__nameTitle{font-size:clamp(16px,1.8vw,20px)}.cart__meta{color:#777}.cart__qty{display:flex;align-items:center;gap:10px;justify-content:center}.cart__qty button{width:32px;height:32px;border:1px solid #000;background:#fff;cursor:pointer}.cart__price{text-align:right;font-size:clamp(14px,1.6vw,18px)}.cart__remove{border:none;background:transparent;cursor:pointer;font-size:18px}.cart__footer{display:flex;justify-content:space-between;align-items:center;padding-top:18px;flex-wrap:wrap;gap:12px}.cart__total{font-size:clamp(16px,1.8vw,20px)}.cart__checkout{display:inline-flex;align-items:center;justify-content:center;width:clamp(180px,26vw,220px);height:clamp(44px,6vw,52px);background:#000;color:#fff;text-decoration:none;border:none;cursor:pointer;border-radius:6px}.form{display:grid;gap:14px}.form label{display:grid;gap:8px;font-size:14px;color:#333}.form input,.form textarea{border:1px solid #bbb;padding:10px 12px;font-size:16px}.form textarea{min-height:90px;resize:vertical}.form__err{color:#b00020}.adminWrap{min-height:100vh;display:grid;place-items:center;padding:24px}.adminShell{min-height:100vh;display:grid;grid-template-rows:auto 1fr}.adminNav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px clamp(18px,4vw,32px);border-bottom:1px solid #e5e5e5;background:#fff;position:sticky;top:0;z-index:5}.adminNav__brand{text-decoration:none;color:#000;font-weight:700;letter-spacing:.06em}.adminNav__links{display:flex;gap:12px;align-items:center}.adminNav__link{text-decoration:none;color:#000;padding:6px 10px;border-radius:4px}.adminNav__link.is-active{background:#000;color:#fff}.adminMain{padding:0 clamp(18px,4vw,32px) 40px}.adminCard{width:min(420px,100%);border:1px solid #ddd;padding:18px;display:grid;gap:12px}.adminCard h1{margin:0 0 6px;font-size:28px}.adminCard label{display:grid;gap:6px;font-size:14px}.adminCard input{border:1px solid #bbb;padding:10px 12px;font-size:16px}.adminPage{padding:clamp(18px,3vw,24px) 0 60px;max-width:1200px;margin:0 auto}.adminTop{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.adminTopActions{display:flex;gap:10px;align-items:center}.adminLink{color:#000;text-decoration:none;border-bottom:1px solid #000}.adminBtn{height:40px;padding:0 14px;border:none;background:#000;color:#fff;cursor:pointer}.adminBtn--ghost{background:#fff;color:#000;border:1px solid #000}.adminBtn--danger{background:#b00020}.adminBtn--small{height:32px;padding:0 10px;font-size:12px}.adminRow{display:flex;align-items:center;gap:12px}.adminErr{background:#ffe7ea;border:1px solid #ffb3be;padding:10px 12px;margin:10px 0}.adminOk{background:#e9ffe8;border:1px solid #b8f2b4;padding:10px 12px;margin:10px 0}.adminMuted{color:#777}.adminGrid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,18px)}.adminSection{border:1px solid #ddd;padding:14px;display:grid;gap:10px}.adminSection h2{margin:0 0 6px}.adminSection label{display:grid;gap:6px;font-size:14px}.adminSection input,.adminSection textarea{border:1px solid #bbb;padding:10px 12px;font-size:14px}.adminSection textarea{min-height:90px;resize:vertical}.adminSection--full{grid-column:1 / -1}.adminTable{width:100%;border-collapse:collapse;font-size:14px}.adminTable th,.adminTable td{border-bottom:1px solid #e5e5e5;padding:10px 8px;text-align:left}.adminImages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.adminImgCard{border:1px solid #ddd;padding:10px;display:grid;gap:10px}.adminImgCard--main{border-color:#000}.adminImgCard img{width:100%;height:180px;object-fit:contain;background:#f7f7f7;border:1px solid #eee}.adminImgMeta{display:grid;gap:8px;font-size:12px}.adminOrders{display:grid;gap:14px}.adminOrderCard{border:1px solid #ddd;padding:14px;display:grid;gap:10px}.adminOrderHead{display:flex;justify-content:space-between;gap:10px}.adminOrderMeta{color:#333;display:grid;gap:4px}.adminStats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:12px}.adminStatCard{border:1px solid #ddd;padding:12px;background:#fff;display:grid;gap:6px}.adminStatLabel{font-size:12px;color:#666}.adminStatValue{font-size:22px;font-weight:600}.adminFilters{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.adminDatePickerField{display:grid;gap:6px;font-size:14px}.adminDatePickerField__label{font-size:14px}.adminFilters input{border:1px solid #bbb;padding:8px 10px;font-size:14px}.adminDatePicker{position:relative}.adminDatePicker__display{width:100%;border:1px solid #bbb;padding:8px 10px;font-size:14px;cursor:pointer;background:#fff;position:relative;z-index:1}.adminDatePicker__native{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;z-index:2}.adminPills{display:flex;flex-wrap:wrap;gap:8px}.adminPill{border:1px solid #000;padding:4px 10px;border-radius:999px;font-size:12px}@media(max-width:1000px){.adminGrid,.adminImages{grid-template-columns:1fr}}:root{--font-ui: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;--font-title: "Russo One", var(--font-ui);--font-street: "Rubik Dirt", system-ui, sans-serif;--font-category: "Klavika Basic Bold Cyrillic", "Klavika Basic", var(--font-ui);--font-topbar-title: "Secular One", var(--font-ui);--font-home-catalog: "Lora", var(--font-ui)}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#fff;color:#000}img{display:block;border:none}
