@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@500&family=Google+Sans+Flex:opsz,wght@6..144,500&family=Koulen&display=swap');

* { box-sizing: border-box; }
html, body { margin: 0; min-width: 320px; overflow-x: clip; background: #fff; }
body { color: #000; }
.currency-rub-text { display: none; }
html.is-ios .currency-ruble-sign { display: none; }
html.is-ios .currency-rub-text { display: inline; }
html.is-ios .cart-floating-total .currency-ruble-sign { display: inline; }
html.is-ios .cart-floating-total .currency-rub-text { display: none; }
html.is-restoring-home body { visibility: hidden; }
.page { width: 393px; margin: 0 auto; padding: 20px 14px 14px; display: flex; flex-direction: column; gap: 20px; background: #fff; }
.home-page { width: 100%; min-height: 100dvh; padding-bottom: 110px; }
.product-page { width: 100%; min-height: 100dvh; }
.product-page .detail-screen { padding-bottom: 100px; }
.home-screen, .detail-screen { width: 100%; display: flex; flex-direction: column; gap: 20px; }
[hidden] { display: none !important; }
.home-header { width: 100%; height: 54px; display: flex; align-items: center; justify-content: center; flex: none; }
.home-logo { margin: 0; color: #000; font-family: 'Google Sans Flex', sans-serif; font-size: 32px; font-weight: 500; line-height: 1.4; letter-spacing: -.32px; white-space: nowrap; }
.home-benefits { width: 100%; display: flex; flex-direction: column; gap: 12px; }
.home-benefits > div { width: 100%; display: flex; align-items: flex-start; gap: 8px; }
.home-benefits i { width: 24px; height: 24px; padding: 0; border-radius: 17.143px; display: grid; place-items: center; flex: none; background: #000; }
.home-benefits img { display: block; }
.home-benefits p { min-width: 1px; margin: 0; color: #000; font: 500 16px/1.4 'Golos Text', sans-serif; letter-spacing: -.16px; }
.home-reviews { position: relative; width: 100%; min-height: 176px; padding: 14px; overflow: hidden; border-radius: 12px; display: flex; flex-direction: column; align-items: flex-start; gap: 20px; background: #f2f2f2 url('./assets/avito-reviews-background.jpeg') center / cover no-repeat; }
.home-reviews > p, .home-review-counts { position: relative; z-index: 1; }
.home-reviews > p { width: 240px; margin: 0; color: #fff; font: 500 20px/1.4 'Golos Text', sans-serif; letter-spacing: -.2px; }
.home-review-counts { width: calc(100% + 14px); padding: 4px 14px 0 0; display: flex; align-items: center; gap: 16px; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; scroll-snap-type: x mandatory; touch-action: pan-x; }
.home-review-counts::-webkit-scrollbar { display: none; }
.home-review-counts > a { position: relative; width: 70px; height: 70px; border-radius: 100px; display: block; flex: none; background: #fff; scroll-snap-align: start; scroll-snap-stop: always; text-decoration: none; }
.home-review-counts b { position: absolute; top: -4px; left: 50%; padding: 4px 6px; border-radius: 8px; display: block; background: #ff5858; color: #fff; font: 500 12px/1.4 'Golos Text', sans-serif; letter-spacing: -.12px; white-space: nowrap; transform: translateX(-50%); }
.home-review-counts > a:first-child { margin-left: 5px; }
.icon-button { width: 54px; height: 54px; border: 0; padding: 0; background: transparent; display: grid; place-items: center; cursor: pointer; }
.icon-button img { width: 54px; height: 54px; display: block; }
.cart-summary { width: auto; display: flex; align-items: center; gap: 4px; }
.cart-summary:disabled { cursor: default; }
.cart-count { display: none; font-family: 'Golos Text', sans-serif; font-size: 20px; font-weight: 500; line-height: 1.4; letter-spacing: -.2px; white-space: nowrap; }
.cart-summary.has-items .cart-count { display: block; }
.cart-floating { position: fixed; z-index: 10; bottom: 32px; left: 50%; width: 130px; height: 60px; padding: 7px 24px; border: 0; border-radius: 54px; color: #fff; background: #000; display: flex; flex-direction: column; align-items: center; justify-content: center; font-family: 'Golos Text', sans-serif; font-weight: 500; line-height: 1.4; white-space: nowrap; cursor: pointer; opacity: 0; visibility: hidden; transform: translate(-50%, calc(100% + 32px)); transition: width 280ms cubic-bezier(.2, .8, .2, 1), transform 280ms cubic-bezier(.2, .8, .2, 1), opacity 180ms linear, visibility 0s linear 280ms; }
.cart-floating.is-visible { opacity: 1; visibility: visible; transform: translate(-50%, 0); transition-delay: 0s; }
.cart-floating.is-full-width { width: calc(100% - 28px); }
body.is-returning-from-cart .cart-floating { transition: none; }
body.is-returning-to-home .cart-floating { transition: none; }
body.is-home-initializing .cart-floating { transition: none; }
.cart-floating-total { margin-bottom: -2px; font-size: 20px; letter-spacing: -.2px; }
.cart-floating span:last-child { color: rgba(255,255,255,.4); font-size: 14px; letter-spacing: -.14px; }
.banner { position: relative; width: 100%; height: 80px; overflow: hidden; border-radius: 12px; padding: 12px; display: flex; align-items: center; justify-content: flex-end; gap: 32px; color: #fff; text-decoration: none; background: url('./assets/banner-background.jpg') center / cover no-repeat; }
.banner-copy, .banner-arrow { position: relative; z-index: 1; }
.banner-copy { flex: 1 1 auto; min-width: 0; font-family: 'Golos Text', sans-serif; font-size: 20px; font-weight: 400; line-height: 1.4; letter-spacing: -.2px; }
.banner-arrow { width: 29px; height: 28px; flex: none; transform: rotate(180deg); }
.product-grid { width: 100%; display: grid; grid-template-columns: repeat(var(--home-columns, 2), minmax(0, 1fr)); column-gap: 6px; row-gap: 20px; flex: none; }
.product-card { min-width: 0; display: flex; flex-direction: column; gap: 10px; overflow: hidden; cursor: pointer; container-type: inline-size; }
.product-card--skeleton { cursor: default; pointer-events: none; }
.product-card:focus-visible, button:focus-visible, a:focus-visible { outline: 2px solid #21a3ff; outline-offset: 2px; }
.product-image { position: relative; width: 100%; height: 330px; overflow: hidden; border-radius: 12px; background: #f2f2f2; flex: none; touch-action: pan-y; }
.product-image > img { width: 100%; height: 100%; display: block; object-fit: cover; }
.product-gallery-track { position: absolute; inset: 0; display: flex; will-change: transform; transition: transform 280ms ease; }
.product-gallery-track img { width: 100%; height: 100%; display: block; flex: 0 0 100%; object-fit: cover; }
.product-gallery-indicator { position: absolute; top: 12px; left: 12px; width: calc(100% - 24px); height: 4px; display: flex; gap: 4px; pointer-events: none; }
.product-gallery-indicator i { flex: 1 1 0; min-width: 0; border-radius: 8px; background: #f2f2f2; }
.product-gallery-indicator i.is-active { background: #000; }
.cart-button { position: absolute; right: 12px; bottom: 12px; width: 54px; height: 54px; padding: 0; border: 0; border-radius: 50%; background: #000; display: grid; place-items: center; overflow: hidden; cursor: pointer; }
.cart-icon-stage { position: relative; width: 30px; height: 30px; display: block; flex: none; overflow: hidden; transform: translateZ(0); }
.cart-glyph, .check-glyph { position: absolute; left: 50%; top: 50%; display: block; transition: transform 320ms cubic-bezier(.2, .8, .2, 1), opacity 180ms linear; }
.cart-glyph { width: 24px; height: 24px; transform: translate(-50%, -50%); }
.check-glyph { width: 30px; height: 30px; opacity: 0; transform: translate(-50%, calc(-50% + 40px)); }
.cart-button.is-added .cart-glyph { opacity: 0; transform: translate(-50%, calc(-50% - 40px)); }
.cart-button.is-added .check-glyph { opacity: 1; transform: translate(-50%, -50%); }
@media (prefers-reduced-motion: reduce) { .cart-glyph, .check-glyph { transition-duration: 1ms; } }
.product-info { width: 100%; display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.product-sizes { display: flex; flex-wrap: wrap; gap: 6px; }
.product-info h2, .product-info p { margin: 0; font-family: 'Google Sans Flex', sans-serif; font-weight: 500; line-height: 1.3; }
.skeleton-product-info { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }
.skeleton-block, .skeleton-line, .skeleton-sizes i { position: relative; overflow: hidden; background: #f2f2f2; }
.skeleton-block::after, .skeleton-line::after, .skeleton-sizes i::after { content: ''; position: absolute; inset: 0; transform: translateX(-100%); background: linear-gradient(90deg, transparent, rgba(255,255,255,.55), transparent); animation: skeleton-shimmer 1.4s infinite; }
.skeleton-line { display: block; height: 22px; border-radius: 6px; }
.skeleton-title { width: 100%; }
.skeleton-title-short { width: 82%; }
.skeleton-price { width: 62%; margin-top: 4px; }
.skeleton-sizes { margin-top: 2px; }
.skeleton-sizes i { width: 42px; height: 24px; border-radius: 6px; }
@keyframes skeleton-shimmer { to { transform: translateX(100%); } }
@media (prefers-reduced-motion: reduce) { .skeleton-block::after, .skeleton-line::after, .skeleton-sizes i::after { animation: none; } }
.product-info h2 { width: 100%; height: 78px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; font-size: 20px; text-overflow: ellipsis; }
.product-info p { font-size: 20px; white-space: nowrap; }
@media (min-width: 434px) { .product-info h2 { height: 52px; -webkit-line-clamp: 2; } }
.size { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 10px; overflow: hidden; padding: 4px 12px; border-radius: 6px; background: #f2f2f2; color: #000; font-family: 'Google Sans Flex', sans-serif; font-size: 16px; font-weight: 500; line-height: 1.3; }
.product-grid .size { width: max-content; min-width: 42px; white-space: nowrap; }
.size::before, .size::after { content: ""; position: absolute; top: 50%; width: 10px; height: 10px; border-radius: 20px; background: #fff; transform: translateY(-50%); }
.size::before { left: -5px; }
.size::after { right: -5px; }
.footer { width: 100%; border-top: 1px solid rgba(0,0,0,.1); padding-top: 20px; display: flex; flex-direction: column; gap: 20px; flex: none; }
.footer-group { display: flex; flex-direction: column; gap: 12px; }
.footer h2 { margin: 0; font-family: 'Golos Text', sans-serif; font-size: 24px; font-weight: 500; line-height: 1.4; letter-spacing: -.24px; }
.footer a { color: inherit; text-decoration: none; }
.social a { display: flex; align-items: center; gap: 2px; color: #10afff; font-family: 'Golos Text', sans-serif; font-size: 18px; font-weight: 500; line-height: 1.4; letter-spacing: -.18px; }
.social img { width: 24px; height: 24px; }
.muted { display: flex; flex-direction: column; gap: 8px; color: rgba(0,0,0,.4); font-family: 'Golos Text', sans-serif; font-size: 18px; font-weight: 500; line-height: 1.4; letter-spacing: -.18px; }
.footer-inn { margin: 0; color: #000; font-family: 'Golos Text', sans-serif; font-size: 20px; font-weight: 500; line-height: 1.4; letter-spacing: -.2px; }
.legal { display: flex; flex-direction: column; gap: 8px; font-family: 'Golos Text', sans-serif; font-size: 20px; font-weight: 500; line-height: 1.4; letter-spacing: -.2px; }
.information-page { min-height: 100dvh; gap: 20px; }
.information-page > h1, .information-section h2 { margin: 0; font-family: 'Golos Text', sans-serif; font-weight: 500; letter-spacing: -.24px; }
.information-page > h1 { width: 100%; font-size: 40px; line-height: 1.2; letter-spacing: -.4px; }
.information-back { width: 138px; height: 54px; padding: 10px; border-radius: 100px; display: flex; align-items: center; background: #f2f2f2; }
.information-back img { width: 34px; height: 34px; display: block; }
.information-section { width: 100%; display: flex; flex-direction: column; gap: 10px; }
.information-section h2 { font-size: 24px; line-height: 1.4; }
.information-section p { width: 100%; margin: 0; font-family: 'Golos Text', sans-serif; font-size: 18px; font-weight: 500; line-height: 1.4; letter-spacing: -.18px; }
.oferta-download { width: 124px; height: 124px; border-radius: 12px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding: 46px 10px 8px; background: #f2f2f2; color: #000; font-family: 'Golos Text', sans-serif; font-weight: 500; line-height: 1.4; letter-spacing: -.18px; text-decoration: none; }
.oferta-download strong { color: rgba(0,0,0,.2); font-size: 24px; font-weight: 500; line-height: 1.4; letter-spacing: -.24px; }
.oferta-download span { font-size: 18px; }

.detail-header { width: 100%; height: 54px; display: flex; align-items: center; justify-content: space-between; }
.back-button { width: 138px; height: 54px; padding: 10px; border: 0; border-radius: 100px; background: #f2f2f2; display: flex; align-items: center; cursor: pointer; }
.back-button img { width: 34px; height: 34px; display: block; }
.detail-cart-button { width: 54px; height: 54px; padding: 0; border: 0; border-radius: 100px; background: #000; display: grid; place-items: center; overflow: hidden; cursor: pointer; }
.detail-cart-button.is-added .cart-glyph { opacity: 0; transform: translate(-50%, calc(-50% - 40px)); }
.detail-cart-button.is-added .check-glyph { opacity: 1; transform: translate(-50%, -50%); }
.detail-floating-cart { position: fixed; z-index: 10; bottom: 32px; left: 50%; width: 243px; height: 60px; padding: 7px 24px; border: 0; border-radius: 54px; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #fff; background: #000; font-family: 'Golos Text', sans-serif; font-weight: 500; line-height: 1.4; white-space: nowrap; cursor: pointer; opacity: 0; visibility: hidden; transform: translate(-50%, calc(100% + 32px)); transition: width 280ms cubic-bezier(.2, .8, .2, 1), transform 280ms cubic-bezier(.2, .8, .2, 1), opacity 180ms linear, visibility 0s linear 280ms; }
.detail-floating-cart.is-visible { opacity: 1; visibility: visible; transform: translate(-50%, 0); transition-delay: 0s; }
.detail-floating-cart.is-full-width { width: calc(100% - 28px); }
.detail-floating-copy { display: flex; flex-direction: column; align-items: center; transition: transform 320ms cubic-bezier(.2, .8, .2, 1), opacity 180ms linear; }
.detail-floating-copy > span { margin-bottom: -2px; font-size: 20px; letter-spacing: -.2px; }
.detail-floating-copy small { display: flex; align-items: center; justify-content: center; gap: 4px; color: rgba(255,255,255,.4); font-size: 14px; letter-spacing: -.14px; }
.detail-floating-copy small i { width: 3px; height: 3px; border-radius: 3px; background: rgba(255,255,255,.4); }
.detail-floating-check { position: absolute; width: 30px; height: 30px; opacity: 0; transform: translateY(80px); transition: transform 320ms cubic-bezier(.2, .8, .2, 1), opacity 180ms linear; }
.detail-floating-cart.is-added .detail-floating-copy { opacity: 0; transform: translateY(-80px); }
.detail-floating-cart.is-added .detail-floating-check { opacity: 1; transform: translateY(0); }
.avito-banner { position: relative; width: 100%; height: 80px; padding: 12px; overflow: hidden; border-radius: 12px; color: #fff; background: url('./assets/avito-banner-background.jpg') center / cover no-repeat; }
.avito-banner p { position: relative; z-index: 1; width: 192px; margin: 0; font-family: 'Golos Text', sans-serif; font-size: 20px; font-weight: 500; line-height: 1.3; letter-spacing: -.2px; }
.avito-graphic { position: absolute; top: 50%; left: calc(50% + 101.59px); width: 169.926px; height: 147.351px; max-width: none; object-fit: cover; transform: translate(-50%, calc(-50% - 13.52px)) rotate(-3.32deg); pointer-events: none; }
.detail-gallery-frame { position: relative; width: 100%; }
.detail-gallery { position: relative; width: 100%; display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; }
.detail-gallery::-webkit-scrollbar { display: none; }
.detail-gallery div { flex: 0 0 310px; height: 330px; border-radius: 12px; background: #e5e5e5; }
.detail-gallery div > img { width: 100%; height: 100%; display: block; border-radius: inherit; object-fit: cover; }
.detail-gallery-next { position: absolute; z-index: 1; top: 149px; right: 8px; width: 54px; height: 54px; padding: 10px; border: 0; border-radius: 100px; display: none; align-items: center; justify-content: center; background: #fff; cursor: pointer; transform: translateY(-50%); }
.detail-gallery-next img { width: 34px; height: 34px; display: block; transform: rotate(180deg) scaleY(-1); }
.detail-gallery-next.is-at-end { right: auto; left: 8px; }
.detail-gallery-next.is-at-end img { transform: scaleY(-1); }
.detail-product-media { display: contents; }
.detail-product-content { width: 100%; display: flex; flex-direction: column; gap: 20px; }
.detail-product-skeleton { display: none; width: 100%; flex-direction: column; gap: 20px; pointer-events: none; }
.detail-screen.is-loading .detail-product-content { display: none; }
.detail-screen.is-loading .detail-product-skeleton { display: flex; }
.detail-skeleton-gallery { width: 310px; height: 330px; border-radius: 12px; }
.detail-skeleton-heading { position: relative; min-height: 92px; display: grid; grid-template-columns: minmax(0, 1fr) 104px; grid-template-rows: 36px 30px; column-gap: 12px; row-gap: 5px; }
.detail-skeleton-title { width: 88%; height: 28px; align-self: center; }
.detail-skeleton-subtitle { width: 70%; height: 24px; align-self: center; }
.detail-skeleton-badge { width: 104px; height: 32px; border-radius: 100px; justify-self: end; align-self: center; }
.detail-skeleton-badge--short { width: 76px; }
.detail-skeleton-sizes { position: relative; display: grid; grid-template-columns: 1fr 104px; row-gap: 12px; }
.detail-skeleton-label { width: 194px; height: 24px; align-self: center; }
.detail-skeleton-table { width: 92px; height: 24px; justify-self: end; align-self: center; }
.detail-skeleton-sizes > div { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 8px; }
.detail-skeleton-sizes i { width: 70px; height: 52px; border-radius: 12px; }
.detail-skeleton-banner { width: 100%; height: 104px; border-radius: 12px; }
.detail-skeleton-accordion { position: relative; display: flex; flex-direction: column; gap: 12px; padding-top: 4px; }
.detail-skeleton-accordion-title { width: 62%; height: 32px; }
.detail-skeleton-accordion > i { position: absolute; top: 0; right: 0; width: 60px; height: 36px; border-radius: 20px; }
.detail-skeleton-row { width: 100%; height: 20px; }
.detail-skeleton-row--short { width: 74%; }
.detail-skeleton-description { width: 100%; height: 20px; }
.detail-product-heading { width: 100%; display: flex; align-items: flex-start; justify-content: space-between; }
.detail-product-heading > div:first-child { width: 210px; display: flex; flex-direction: column; gap: 4px; }
.detail-product-heading h1, .detail-product-heading p { margin: 0; font-family: 'Golos Text', sans-serif; font-weight: 500; letter-spacing: -.2px; }
.detail-product-heading h1 { font-size: 26px; line-height: 1.3; letter-spacing: -.26px; }
.detail-product-heading p { font-size: 20px; line-height: 1.4; color: rgba(0,0,0,.4); }
.badges { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; }
.badges span { padding: 4px 10px; border-radius: 100px; background: #000; color: #fff; font-family: 'Golos Text', sans-serif; font-size: 18px; font-weight: 500; line-height: 1.4; letter-spacing: -.18px; }
.detail-sizes { width: 100%; display: flex; flex-direction: column; gap: 12px; }
.detail-sizes-heading { display: flex; align-items: center; justify-content: space-between; }
.detail-sizes h2 { margin: 0; font-family: 'Golos Text', sans-serif; font-size: 20px; font-weight: 500; line-height: 1.4; letter-spacing: -.2px; }
.detail-sizes-heading button { padding: 0; border: 0; background: transparent; display: flex; align-items: center; gap: 4px; color: #21a3ff; font-family: 'Golos Text', sans-serif; font-size: 20px; font-weight: 500; line-height: 1.4; letter-spacing: -.2px; cursor: pointer; }
.detail-sizes-heading img { width: 24px; height: 24px; }
.detail-size-list { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 8px; }
.detail-size-list > * { width: 70px; min-height: 52px; padding: 12px 16px; border: 0; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; background: #f2f2f2; color: rgba(0,0,0,.2); font-family: 'Golos Text', sans-serif; font-size: 20px; font-weight: 500; line-height: 1.4; letter-spacing: -.2px; white-space: nowrap; }
.detail-size-list .available { position: relative; width: 70px; overflow: hidden; background: #000; color: #fff; cursor: pointer; }
.detail-size-list .available.is-selected { overflow: visible; }
.detail-size-list .size-with-label { width: 155px; }
.detail-size-list .available::before, .detail-size-list .available::after { content: ''; position: absolute; width: 16px; height: 16px; border-radius: 20px; background: #fff; }
.detail-size-list .available::before { top: 50%; left: -8px; transform: translateY(-50%); }
.detail-size-list .available::after { top: 50%; right: -8px; transform: translateY(-50%); }
.detail-colors { width: 100%; display: flex; flex-direction: column; gap: 12px; }
.detail-colors[hidden] { display: none; }
.detail-colors h2 { margin: 0; color: #000; font: 500 20px/1.4 'Golos Text', sans-serif; letter-spacing: -.2px; }
.detail-color-list { width: 100%; display: flex; flex-wrap: wrap; gap: 8px; }
.detail-color { position: relative; width: 52px; height: 52px; padding: 0; border: 1px solid rgba(0,0,0,.05); border-radius: 100px; background: var(--detail-color); cursor: pointer; }
.detail-color.is-selected::after { content: ''; position: absolute; top: 50%; left: 50%; width: 56px; height: 56px; padding: 2px; border-radius: 100px; pointer-events: none; background: conic-gradient(from var(--size-selection-angle), #76bdff 0deg, #d8f0ff 55deg, #21a3ff 110deg, #76bdff 180deg, #d8f0ff 235deg, #21a3ff 290deg, #76bdff 360deg); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; animation: size-selection-border 1.3s linear infinite; transform: translate(-50%, -50%); }
@property --size-selection-angle { syntax: '<angle>'; inherits: false; initial-value: 0deg; }
.detail-size-selected-marker { position: absolute; z-index: 1; top: -3px; left: -3px; width: calc(100% + 6px); height: calc(100% + 6px); padding: 2px; border-radius: 15px; display: block; pointer-events: none; background: conic-gradient(from var(--size-selection-angle), #76bdff 0deg, #d8f0ff 55deg, #21a3ff 110deg, #76bdff 180deg, #d8f0ff 235deg, #21a3ff 290deg, #76bdff 360deg); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; font-style: normal; line-height: 0; animation: size-selection-border 1.3s linear infinite; }
@keyframes size-selection-border { to { --size-selection-angle: 360deg; } }
@media (prefers-reduced-motion: reduce) { .detail-size-selected-marker, .detail-color.is-selected::after { animation: none; background: #76bdff; } }
.detail-telegram-banner { width: calc(100% + 28px); min-height: 211px; margin-inline: -14px; padding: 14px; border-radius: 20px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 20px; color: #fff; text-decoration: none; background: #76bdff; }
.detail-telegram-banner-title { width: 100%; font-family: 'Golos Text', sans-serif; font-size: 20px; font-weight: 500; line-height: 1.4; letter-spacing: -.2px; }
.detail-telegram-banner-questions { width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; gap: 6px; }
.detail-telegram-banner-questions > span { padding: 4px 10px; border-radius: 100px; background: rgba(255, 255, 255, .2); color: #fff; font-family: 'Golos Text', sans-serif; font-size: 18px; font-weight: 500; line-height: 1.4; letter-spacing: -.18px; white-space: nowrap; }
.detail-telegram-banner-questions > .detail-telegram-banner-own-question { background: #fff; color: #000; }
.detail-telegram-banner--inline { min-height: 0; justify-content: flex-start; }
.detail-telegram-banner--desktop { display: none; }
.detail-product-content > .avito-banner { order: -1; }
.detail-accordion { width: 100%; display: flex; flex-direction: column; gap: 12px; }
.accordion-heading { width: 100%; padding: 0; border: 0; background: transparent; display: flex; align-items: center; justify-content: space-between; color: #000; text-align: left; font-family: 'Golos Text', sans-serif; font-size: 24px; font-weight: 500; line-height: 1.4; letter-spacing: -.24px; cursor: pointer; }
.accordion-heading i { width: 60px; padding: 4px; border-radius: 20px; background: #f2f2f2; display: grid; place-items: center; flex: none; }
.accordion-heading img { width: 29px; height: 28px; display: block; transform: rotate(90deg) scaleY(-1); transition: transform .2s ease; }
.detail-accordion:not(.is-open) { gap: 0; }
.detail-accordion:not(.is-open) .accordion-content { display: none; }
.detail-accordion:not(.is-open) .accordion-heading img { transform: rotate(-90deg) scaleY(-1); }
.accordion-content { margin: 0; font-family: 'Golos Text', sans-serif; font-size: 18px; font-weight: 500; line-height: 1.4; letter-spacing: -.18px; }
.characteristics { display: flex; flex-direction: column; gap: 12px; }
.characteristics div { display: flex; align-items: flex-start; justify-content: space-between; }
.characteristics dt { color: #000; white-space: nowrap; }
.characteristics dd { margin: 0; color: rgba(0,0,0,.4); text-align: right; }
.detail-description { color: rgba(0,0,0,.6); line-height: 1.5; }
@media (min-width: 723px) {
  .product-page { width: min(1080px, 100%); }
  .product-page .detail-screen { gap: 20px; padding-bottom: 100px; }
  .product-page .detail-product-content { width: 100%; max-width: 1052px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1fr) 365px; column-gap: 20px; row-gap: 20px; align-items: start; }
  .product-page .detail-product-media { grid-column: 1; grid-row: 1 / span 5; width: 100%; display: flex; flex-direction: column; gap: 12px; position: sticky; top: 20px; align-self: start; }
  .product-page .detail-gallery { width: 100%; position: relative; }
  .product-page .detail-gallery div { flex: 0 0 310px; height: 330px; aspect-ratio: auto; }
  .product-page .detail-gallery-next { top: 50%; display: flex; }
  .product-page .avito-banner { grid-column: 2; grid-row: 1; width: 365px; height: 90px; display: flex; flex-direction: column; justify-content: flex-end; order: initial; }
  .product-page .detail-product-heading { grid-column: 2; grid-row: 2; width: 365px; }
  .product-page .detail-sizes { grid-column: 2; grid-row: 3; width: 365px; }
  .product-page .detail-accordion { grid-column: 2; width: 363px; }
  .product-page .detail-telegram-banner--inline { display: none; }
  .product-page .detail-telegram-banner--desktop { width: 100%; min-height: 0; margin: 0; padding: 12px; border-radius: 12px; justify-content: flex-start; gap: 12px; display: flex; }
  .product-page .detail-floating-cart.is-full-width { width: 695px; }
}
@media (prefers-reduced-motion: reduce) {
  .product-page .detail-product-media { position: static; }
}
.cart-page { position: relative; z-index: 1; width: 100%; min-height: 100dvh; gap: 20px; animation: cart-page-enter 320ms cubic-bezier(.2, .8, .2, 1) both; }
@keyframes cart-page-enter { from { transform: translateY(100dvh); } to { transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) { .cart-page { animation: none; } }
.cart-header { height: 56px; display: flex; align-items: center; gap: 20px; padding-right: 38px; }
.cart-header h1, .cart-section h2 { margin: 0; font-family: 'Golos Text', sans-serif; font-weight: 500; letter-spacing: -.24px; }
.cart-header h1 { font-size: 40px; line-height: 1.4; letter-spacing: -.4px; }
.cart-section { width: 100%; display: flex; flex-direction: column; gap: 12px; }
.cart-section h2 { font-size: 24px; line-height: 1.4; }
.cart-delivery-section { position: relative; width: calc(100% + 28px); min-height: 250px; margin-inline: -14px; padding: 14px; overflow: hidden; border-radius: 20px; background: linear-gradient(154.31839228238937deg, #12b756 7.9722%, #9be2bd 99.916%); }
.cart-delivery-section::before { content: none; }
.cart-delivery-section > h2, .cart-delivery-section > .cart-fields { position: relative; z-index: 1; }
.cart-delivery-section > h2 { color: #fff; }
.cart-delivery-mark-wrap { position: absolute; top: -17px; right: -31.74px; z-index: 0; width: 271.745px; height: 87.823px; display: flex; align-items: center; justify-content: center; pointer-events: none; }
.cart-delivery-mark-crop { position: relative; width: 268.925px; height: 77.362px; overflow: hidden; opacity: .1; transform: rotate(-2.24deg); }
.cart-delivery-mark { position: absolute; top: -123.81%; left: 0; width: 100%; height: 347.62%; max-width: none; pointer-events: none; }
.cart-delivery-section .delivery-field { color: #fff; }
.cart-delivery-section .delivery-value { background: #fff; }
.cart-items-section { gap: 10px; }
.cart-items { width: 100%; display: flex; flex-direction: column; gap: 10px; }
.cart-item { position: relative; width: 100%; max-width: 380px; height: 96px; display: flex; align-items: flex-start; gap: 10px; overflow: hidden; }
.cart-item--skeleton { pointer-events: none; }
.cart-product-image { width: 95px; height: 95px; flex: none; overflow: hidden; border-radius: 12px; background: #f2f2f2; }
.cart-product-image img { width: 126.7px; height: 95px; max-width: none; object-fit: cover; transform: translateX(-15.85px); }
.cart-product-info { height: 96px; min-width: 0; flex: 1 0 0; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; }
.cart-product-info--skeleton { justify-content: flex-start; gap: 7px; padding-top: 2px; }
.skeleton-cart-title { width: min(170px, 82%); height: 20px; }
.skeleton-cart-title-short { width: min(124px, 62%); height: 20px; }
.skeleton-cart-size { width: 42px; height: 20px; margin-top: auto; }
.skeleton-cart-price { position: absolute; right: 0; bottom: 2px; width: 78px; height: 20px; }
.skeleton-cart-close { position: absolute; top: 5px; right: 4px; width: 24px; height: 24px; border-radius: 12px; }
.cart-product-info h3 { width: 100%; margin: 0; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-family: 'Google Sans Flex', sans-serif; font-size: 18px; font-weight: 500; line-height: 1.3; }
.cart-product-info .size { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 10px; overflow: hidden; padding: 4px 12px; border-radius: 6px; background: #f2f2f2; color: #000; font-family: 'Google Sans Flex', sans-serif; font-size: 16px; font-weight: 500; line-height: 1.3; }
.cart-product-info .size::before, .cart-product-info .size::after { content: ''; position: absolute; top: 50%; width: 10px; height: 10px; border-radius: 20px; background: #fff; transform: translateY(-50%); }
.cart-product-info .size::before { left: -5px; }
.cart-product-info .size::after { right: -5px; }
.cart-item > strong { position: absolute; right: 0; bottom: 0; margin: 0; font-family: 'Google Sans Flex', sans-serif; font-size: 20px; font-weight: 500; line-height: 1.3; white-space: nowrap; }
.cart-item > button { width: 32px; height: 32px; padding: 4px; border: 0; border-radius: 12px; background: transparent; cursor: pointer; }
.cart-item > button img { width: 24px; height: 24px; display: block; }
.cart-page hr { width: 100%; height: 1px; margin: 0; border: 0; background: rgba(0,0,0,.1); }
.cart-fields { display: flex; flex-direction: column; gap: 12px; }
.form-field { position: relative; width: 100%; display: flex; flex-direction: column; gap: 8px; color: #000; font-family: 'Golos Text', sans-serif; font-size: 16px; font-weight: 500; line-height: 1.4; letter-spacing: -.16px; }
.form-field em { color: rgba(0,0,0,.4); font-style: normal; }
.form-field input, .form-field textarea { width: 100%; min-height: 52px; padding: 12px 16px; border: 0; border-radius: 12px; outline: 0; resize: none; background: #f2f2f2; color: #000; font: 500 20px/1.4 'Golos Text', sans-serif; letter-spacing: -.2px; }
.form-field textarea { min-height: 80px; max-height: 160px; }
.form-field input::placeholder, .form-field textarea::placeholder { color: rgba(0,0,0,.2); opacity: 1; }
.delivery-fields { width: 100%; display: flex; flex-direction: column; gap: 12px; }
.delivery-field { width: 100%; display: flex; flex-direction: column; gap: 8px; color: #000; font: 500 16px/1.4 'Golos Text', sans-serif; letter-spacing: -.16px; }
.delivery-value { width: 100%; min-height: 52px; padding: 12px 16px; border: 0; border-radius: 12px; display: flex; align-items: center; background: #f2f2f2; color: rgba(0,0,0,.2); font: 500 20px/1.4 'Golos Text', sans-serif; letter-spacing: -.2px; text-align: left; cursor: pointer; }
.delivery-value.is-filled { color: #000; }
.delivery-value.is-moving { visibility: hidden; }
html.is-delivery-search-open, body.is-delivery-search-open { height: 100%; overflow: hidden; overscroll-behavior: none; }
body.is-delivery-search-open { position: fixed; inset: 0; width: 100%; }
/* The picker is a separate full-screen view: keep the cart out of the paint
   tree while the field travels to the search position, so it cannot show
   through on mobile browsers. */
body.is-delivery-search-open .cart-page { visibility: hidden; }
.delivery-search { position: fixed; z-index: 1000; inset: 0; width: 100%; padding: 14px; display: flex; flex-direction: column; gap: 20px; overflow: hidden; background: #fff; }
.delivery-search[hidden] { display: none; }
.delivery-search.is-opening .delivery-search-top, .delivery-search.is-opening .delivery-search-options { opacity: 0; pointer-events: none; }
.delivery-search-flying-field { position: fixed; z-index: 1001; padding: 12px 16px; border-radius: 12px; display: flex; align-items: center; overflow: hidden; background: #f2f2f2; color: rgba(0,0,0,.2); font: 500 20px/1.4 'Golos Text', sans-serif; letter-spacing: -.2px; pointer-events: none; transition: left 240ms cubic-bezier(.2,.8,.2,1), top 240ms cubic-bezier(.2,.8,.2,1), width 240ms cubic-bezier(.2,.8,.2,1), height 240ms cubic-bezier(.2,.8,.2,1); }
.delivery-search-top { width: 100%; display: flex; align-items: center; gap: 12px; flex: none; }
.delivery-search-input { width: 0; min-width: 0; flex: 1; height: 52px; padding: 12px 16px; border: 0; border-radius: 12px; outline: 0; background: #f2f2f2; color: #000; font: 500 20px/1.4 'Golos Text', sans-serif; letter-spacing: -.2px; -webkit-appearance: none; }
.delivery-search-input::placeholder { color: rgba(0,0,0,.2); opacity: 1; }
.delivery-search-close { width: 30px; height: 30px; padding: 0; border: 0; display: grid; place-items: center; flex: none; background: transparent; cursor: pointer; }
.delivery-search-close img { width: 30px; height: 30px; display: block; }
.delivery-search-options { width: 100%; min-height: 0; display: flex; flex: 1; flex-direction: column; overflow-y: auto; overscroll-behavior: contain; touch-action: pan-y; scrollbar-width: none; }
.delivery-search-options::-webkit-scrollbar { display: none; }
.delivery-search-option { width: 100%; min-height: 68px; padding: 20px 0; border: 0; display: flex; align-items: center; justify-content: space-between; gap: 16px; flex: none; background: transparent; color: #000; font: 500 20px/1.4 'Golos Text', sans-serif; letter-spacing: -.2px; text-align: left; cursor: pointer; }
.delivery-search-option i { width: 28px; height: 28px; border-radius: 50%; display: block; flex: none; background: rgba(0,0,0,.1); }
.delivery-search-option--skeleton { pointer-events: none; }
.delivery-search-option--skeleton span, .delivery-search-option--skeleton i { position: relative; overflow: hidden; background: #f2f2f2; }
.delivery-search-option--skeleton span { width: 54%; height: 28px; border-radius: 6px; }
.delivery-search-option--skeleton span::after, .delivery-search-option--skeleton i::after { content: ''; position: absolute; inset: 0; transform: translateX(-100%); background: linear-gradient(90deg, transparent, rgba(255,255,255,.55), transparent); animation: skeleton-shimmer 1.4s infinite; }
.error-tip { position: absolute; z-index: 1; top: -14px; left: 50%; padding: 6px 10px; border-radius: 8px; display: flex; align-items: center; gap: 10px; background: #ff5858; color: #fff; font: 500 16px/1.4 'Golos Text', sans-serif; letter-spacing: -.16px; white-space: nowrap; transform: translateX(-50%); }
.error-tip img { position: absolute; top: 31px; left: 50%; width: 20px; height: 10px; transform: translateX(-50%) scaleY(-1); }
.cart-total { width: 100%; display: flex; flex-direction: column; gap: 12px; font-family: 'Golos Text', sans-serif; font-size: 16px; font-weight: 500; line-height: 1.4; letter-spacing: -.16px; }
.total-rows { display: flex; flex-direction: column; gap: 6px; color: rgba(0,0,0,.4); }
.total-rows div, .total-final { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.total-rows strong { color: #000; font-family: 'Google Sans Flex', sans-serif; font-weight: 500; }
.delivery-price-skeleton { position: relative; width: 52px; height: 14px; overflow: hidden; border-radius: 6px; display: block; background: #f2f2f2; }
.delivery-price-skeleton::after { content: ''; position: absolute; inset: 0; transform: translateX(-100%); background: linear-gradient(90deg, transparent, rgba(255,255,255,.7), transparent); animation: skeleton-shimmer 1.4s infinite; }
.total-final { font-size: 20px; line-height: 1.4; letter-spacing: -.2px; color: #000; }
.total-final strong { font-family: 'Google Sans Flex', sans-serif; font-size: 20px; font-weight: 500; line-height: 1.3; }
.cart-pay { display: flex; flex-direction: column; gap: 12px; }
.pay-button { width: 100%; height: 60px; padding: 0; border: 0; border-radius: 100px; background: #000; color: #fff; font: 500 20px/1.4 'Golos Text', sans-serif; letter-spacing: -.2px; cursor: pointer; }
.pay-button:disabled { cursor: wait; opacity: .65; }
.cart-pay p { margin: 0; color: rgba(0,0,0,.4); font: 500 16px/1.4 'Golos Text', sans-serif; letter-spacing: -.16px; text-align: center; }
.cart-pay .cart-order-error { color: #ff5858; }
.order-confirmation { min-height: 100dvh; justify-content: space-between; }
.order-confirmation-content { width: 100%; padding-right: 38px; display: flex; flex-direction: column; align-items: flex-start; gap: 20px; }
.order-confirmation-back { width: 138px; height: 54px; padding: 10px; border-radius: 100px; display: flex; align-items: center; overflow: hidden; background: #f2f2f2; }
.order-confirmation-back img { width: 34px; height: 34px; display: block; }
.order-confirmation-copy { width: 100%; display: flex; flex-direction: column; gap: 8px; }
.order-confirmation-copy h1, .order-confirmation-copy p, .order-confirmation-screenshot { width: 100%; margin: 0; font-family: 'Golos Text', sans-serif; font-weight: 500; letter-spacing: -.2px; }
.order-confirmation-copy h1 { color: #000; font-size: 40px; line-height: 1.4; letter-spacing: -.4px; }
.order-created-at { color: #000; font-size: 20px; line-height: 1.4; }
.order-confirmation-note { color: rgba(0,0,0,.4); font-size: 20px; line-height: 1.4; }
.order-confirmation-note a { color: #21a2ff; text-decoration: none; }
.order-confirmation-screenshot { color: #000; font-size: 20px; line-height: 1.4; }
.order-confirmation-done { width: 100%; height: 60px; border-radius: 100px; display: flex; align-items: center; justify-content: center; background: #000; color: #fff; font: 500 20px/1.4 'Golos Text', sans-serif; letter-spacing: -.2px; text-decoration: none; }
.admin-page { min-height: 100dvh; }
.admin-login { width: 100%; min-height: calc(100dvh - 34px); display: flex; flex-direction: column; justify-content: space-between; }
.admin-login-top { width: 100%; display: flex; flex-direction: column; gap: 20px; }
.admin-login-heading { width: 100%; padding-right: 38px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 20px; }
.admin-login-heading h1 { width: 100%; min-width: 100%; margin: 0; overflow: hidden; color: #000; font-family: 'Golos Text', sans-serif; font-size: 40px; font-weight: 500; line-height: 1.2; letter-spacing: -.4px; }
.admin-login-top hr { width: 100%; height: 1px; margin: 0; border: 0; background: rgba(0,0,0,.1); }
.admin-login-fields { position: relative; width: 100%; display: flex; flex-direction: column; gap: 12px; }
.admin-login-auth-error { position: absolute; z-index: 1; bottom: -44px; left: 50%; padding: 6px 10px; border-radius: 8px; display: flex; align-items: center; justify-content: center; gap: 10px; background: #ff5858; color: #fff; font: 500 16px/1.4 'Golos Text', sans-serif; letter-spacing: -.16px; white-space: nowrap; transform: translateX(-50%); }
.admin-login-auth-error img { position: absolute; top: -7px; left: calc(50% + .5px); width: 20px; height: 10px; transform: translateX(-50%); }
.admin-password { position: relative; width: 100%; display: flex; flex-direction: column; gap: 8px; color: #000; font-family: 'Golos Text', sans-serif; font-size: 16px; font-weight: 500; line-height: 1.4; letter-spacing: -.16px; }
.admin-password input { width: 100%; min-height: 52px; padding: 12px 16px; border: 0; border-radius: 12px; outline: 0; background: #f2f2f2; color: #000; font: 500 20px/1.4 'Golos Text', sans-serif; letter-spacing: -.2px; }
.admin-password input::placeholder { color: rgba(0,0,0,.2); opacity: 1; }
.admin-error-tip { position: absolute; z-index: 1; top: -14px; left: 50%; padding: 6px 10px; border-radius: 8px; display: flex; align-items: center; gap: 10px; background: #ff5858; color: #fff; font: 500 16px/1.4 'Golos Text', sans-serif; letter-spacing: -.16px; white-space: nowrap; transform: translateX(-50%); }
.admin-error-tip img { position: absolute; top: 31px; left: 50%; width: 20px; height: 10px; transform: translateX(-50%) scaleY(-1); }
.admin-submit { width: 100%; height: 60px; padding: 0; border: 0; border-radius: 100px; background: #000; color: #fff; font: 500 20px/1.4 'Golos Text', sans-serif; letter-spacing: -.2px; cursor: pointer; }
.admin-submit-spinner { display: none; width: 20px; height: 20px; margin: 0 auto; border: 2px solid rgba(255,255,255,.35); border-top-color: #fff; border-radius: 50%; animation: admin-submit-spin .7s linear infinite; }
.admin-submit.is-loading { cursor: wait; }
.admin-submit.is-loading > span { display: none; }
.admin-submit.is-loading .admin-submit-spinner { display: block; }
.admin-submit:disabled { cursor: wait; }
@keyframes admin-submit-spin { to { transform: rotate(360deg); } }
.admin-dashboard { width: 100%; min-height: 100dvh; justify-content: space-between; gap: 20px; }
.admin-success { min-height: 100dvh; align-items: center; justify-content: center; }
.admin-success-content { width: 100%; display: flex; flex-direction: column; align-items: center; gap: 20px; }
.admin-success-icon { width: 119px; height: 210px; display: block; flex: none; object-fit: contain; }
.admin-success h1 { width: 100%; margin: 0; color: #000; font: 500 40px/1.2 'Golos Text', sans-serif; letter-spacing: -.4px; text-align: center; }
.admin-success-back { width: 138px; height: 54px; padding: 10px; border-radius: 100px; display: flex; align-items: center; overflow: hidden; background: #f2f2f2; }
.admin-success-back img { width: 34px; height: 34px; display: block; }
.admin-edit-success { min-height: 100dvh; align-items: center; justify-content: center; }
.admin-edit-success-content { width: 100%; display: flex; flex-direction: column; align-items: center; gap: 20px; }
.admin-edit-success-icon { width: 119px; height: 210px; display: block; flex: none; object-fit: contain; }
.admin-edit-success h1 { width: 100%; margin: 0; color: #000; font: 500 40px/1.2 'Golos Text', sans-serif; letter-spacing: -.4px; text-align: center; }
.admin-edit-success-back { width: 138px; height: 54px; padding: 10px; border-radius: 100px; display: flex; align-items: center; overflow: hidden; background: #f2f2f2; }
.admin-edit-success-back img { width: 34px; height: 34px; display: block; }
.admin-dashboard-content, .admin-dashboard-menu { width: 100%; display: flex; flex-direction: column; gap: 20px; }
.admin-dashboard h1 { margin: 0; color: #000; font-family: 'Golos Text', sans-serif; font-size: 40px; font-weight: 500; line-height: 1.2; letter-spacing: -.4px; }
.admin-dashboard hr { width: 100%; height: 1px; margin: 0; border: 0; background: rgba(0,0,0,.1); }
.admin-dashboard-statistics { width: 100%; display: flex; flex-direction: column; gap: 12px; }
.admin-dashboard-statistics h2 { margin: 0; color: #000; font: 500 24px/1.4 'Golos Text', sans-serif; letter-spacing: -.24px; }
.admin-dashboard-statistics-summary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.admin-dashboard-statistics-summary div, .admin-dashboard-statistics-days > div { min-height: 60px; padding: 12px 16px; border-radius: 12px; display: flex; align-items: center; justify-content: space-between; gap: 16px; background: #f2f2f2; color: rgba(0,0,0,.4); font: 500 16px/1.4 'Golos Text', sans-serif; letter-spacing: -.16px; }
.admin-dashboard-statistics-summary span, .admin-dashboard-statistics-days span { min-width: 0; }
.admin-dashboard-statistics strong { color: #000; font: 500 28px/1.2 'Google Sans Flex', sans-serif; letter-spacing: -.28px; }
.admin-dashboard-statistics-days { display: flex; flex-direction: column; gap: 8px; }
.admin-dashboard-statistics-days > div { min-height: 48px; }
.admin-dashboard-row { width: 100%; min-height: 36px; padding: 0; border: 0; display: flex; align-items: center; justify-content: space-between; background: transparent; color: #000; font: 500 24px/1.4 'Golos Text', sans-serif; letter-spacing: -.24px; text-align: left; text-decoration: none; cursor: pointer; }
.admin-dashboard-row i { width: 60px; padding: 4px; border-radius: 20px; display: flex; align-items: center; justify-content: center; background: #f2f2f2; }
.admin-dashboard-row i img { display: block; transform: rotate(180deg); }
.admin-dashboard-row:disabled { opacity: .2; cursor: default; }
.admin-dashboard-site { width: 100%; height: 60px; border-radius: 100px; display: flex; align-items: center; justify-content: center; overflow: hidden; background: rgba(0,0,0,.1); color: #000; font: 500 20px/1.4 'Golos Text', sans-serif; letter-spacing: -.2px; text-decoration: none; }
.admin-orders { width: 100%; }
.admin-orders > h1 { width: 100%; margin: 0; color: #000; font: 500 40px/1.2 'Golos Text', sans-serif; letter-spacing: -.4px; }
.admin-orders > hr { width: 100%; height: 1px; margin: 0; border: 0; background: rgba(0,0,0,.1); }
.admin-orders-list { width: 100%; display: flex; flex-direction: column; gap: 12px; }
.admin-orders-empty { margin: 0; color: rgba(0,0,0,.4); font: 500 20px/1.4 'Golos Text', sans-serif; letter-spacing: -.2px; }
.admin-order-card { width: 100%; padding: 14px; border-radius: 12px; display: flex; flex-direction: column; gap: 16px; background: #f2f2f2; }
.admin-order-card header { display: flex; flex-direction: column; gap: 4px; }
.admin-order-card h2, .admin-order-card p { margin: 0; font-family: 'Golos Text', sans-serif; font-weight: 500; }
.admin-order-card h2 { color: #000; font-size: 24px; line-height: 1.4; letter-spacing: -.24px; }
.admin-order-card header p { color: rgba(0,0,0,.4); font-size: 16px; line-height: 1.4; letter-spacing: -.16px; }
.admin-order-details, .admin-order-totals { margin: 0; display: flex; flex-direction: column; gap: 8px; }
.admin-order-details > div, .admin-order-totals > div { display: flex; gap: 12px; justify-content: space-between; font: 500 16px/1.4 'Golos Text', sans-serif; letter-spacing: -.16px; }
.admin-order-details dt, .admin-order-totals dt { min-width: 0; color: rgba(0,0,0,.4); }
.admin-order-details dd, .admin-order-totals dd { min-width: 0; margin: 0; color: #000; text-align: right; overflow-wrap: anywhere; }
.admin-order-items { margin: 0; padding: 0; border-top: 1px solid rgba(0,0,0,.1); border-bottom: 1px solid rgba(0,0,0,.1); list-style: none; }
.admin-order-items li { min-height: 66px; padding: 10px 0; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.admin-order-items li + li { border-top: 1px solid rgba(0,0,0,.1); }
.admin-order-items span { min-width: 0; display: flex; flex-direction: column; }
.admin-order-items strong, .admin-order-items small, .admin-order-items b { font-family: 'Golos Text', sans-serif; font-weight: 500; }
.admin-order-items strong { overflow: hidden; color: #000; font-size: 16px; line-height: 1.4; letter-spacing: -.16px; text-overflow: ellipsis; white-space: nowrap; }
.admin-order-items small { color: rgba(0,0,0,.4); font-size: 14px; line-height: 1.4; letter-spacing: -.14px; }
.admin-order-items b { flex: none; color: #000; font-size: 16px; line-height: 1.4; letter-spacing: -.16px; }
.admin-order-totals > div:last-child { padding-top: 4px; font-size: 20px; letter-spacing: -.2px; }
.admin-order-totals > div:last-child dt, .admin-order-totals > div:last-child dd { color: #000; }
.admin-products { width: 100%; }
.admin-products-heading { width: 100%; display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.admin-products h1 { width: 100%; margin: 0; color: #000; font: 500 40px/1.2 'Golos Text', sans-serif; letter-spacing: -.4px; }
.admin-products > hr { width: 100%; height: 1px; margin: 0; border: 0; background: rgba(0,0,0,.1); }
.admin-products-delete-all { min-height: 40px; padding: 8px 14px; border: 0; border-radius: 100px; background: #000; color: #fff; font: 500 16px/1.4 'Golos Text', sans-serif; letter-spacing: -.16px; cursor: pointer; }
.admin-products-delete-all:disabled { background: #f2f2f2; color: rgba(0,0,0,.2); cursor: default; }
.admin-products-delete-confirmation { width: 100%; padding: 14px; border-radius: 12px; display: flex; flex-direction: column; gap: 12px; background: #f2f2f2; }
.admin-products-delete-confirmation p { margin: 0; color: #000; font: 500 18px/1.4 'Golos Text', sans-serif; letter-spacing: -.18px; }
.admin-products-delete-confirmation > div { display: flex; gap: 8px; }
.admin-products-delete-confirmation button { height: 44px; padding: 0 16px; border: 0; border-radius: 100px; color: #000; background: #fff; font: 500 16px/1.4 'Golos Text', sans-serif; letter-spacing: -.16px; cursor: pointer; }
.admin-products-delete-confirmation .admin-products-delete-confirm { background: #000; color: #fff; }
.admin-products-delete-confirmation .admin-products-delete-confirm:disabled { cursor: wait; opacity: .55; }
.admin-products-grid { width: 100%; display: grid; grid-template-columns: repeat(var(--admin-product-columns, 2), minmax(0, 1fr)); gap: 6px; }
.admin-products-card { position: relative; aspect-ratio: 1; overflow: hidden; border-radius: 12px; display: flex; align-items: center; justify-content: center; background: #e5e5e5; }
.admin-products-card--skeleton { pointer-events: none; background: #f2f2f2; }
.admin-products-skeleton-more { position: absolute; top: 4px; right: 4px; width: 32px; height: 32px; border-radius: 20px; background: rgba(255,255,255,.75); }
.admin-products-card > img { width: 133.43%; height: 100%; max-width: none; object-fit: cover; pointer-events: none; }
.admin-products-card > button { position: absolute; top: 4px; right: 4px; width: 32px; height: 32px; padding: 4px; border: 0; border-radius: 20px; display: grid; place-items: center; background: #fff; cursor: pointer; }
.admin-products-card > button img { display: block; }
.admin-product-menu[hidden] { display: none; }
.admin-product-menu { position: fixed; z-index: 20; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 12px; background: rgba(0,0,0,.4); }
.admin-product-menu-close { width: 140px; height: 54px; padding: 10px; border: 0; border-radius: 100px; display: grid; place-items: center; background: #fff; cursor: pointer; }
.admin-product-menu-close img { display: block; }
.admin-product-menu-sheet { width: min(100%, 393px); padding: 14px; border-radius: 20px 20px 0 0; display: flex; flex-direction: column; gap: 20px; background: #fff; }
.admin-product-menu-sheet > hr { width: 100%; height: 1px; margin: 0; border: 0; background: rgba(0,0,0,.1); }
.admin-product-menu-dates { width: 100%; display: flex; flex-direction: column; gap: 12px; }
.admin-product-menu-date { position: relative; min-height: 36px; display: flex; align-items: center; gap: 12px; }
.admin-product-menu-date > i { width: 36px; height: 36px; flex: none; border-radius: 20px; display: flex; align-items: center; justify-content: center; background: #f2f2f2; color: #000; font: 500 18px/1.4 'Golos Text', sans-serif; letter-spacing: -.18px; }
.admin-product-menu-date.is-connected > i::after { content: ''; position: absolute; left: 14px; top: 32px; width: 8px; height: 48px; background: #f2f2f2; }
.admin-product-menu-date p { margin: 0; overflow: hidden; color: #000; font: 500 18px/1.4 'Golos Text', sans-serif; letter-spacing: -.18px; text-overflow: ellipsis; white-space: nowrap; }
.admin-product-menu-actions { width: 100%; display: flex; flex-direction: column; }
.admin-product-menu-actions > button { width: 100%; height: 68px; padding: 0; border: 0; display: flex; align-items: center; justify-content: space-between; background: transparent; color: #000; font: 500 20px/1.4 'Golos Text', sans-serif; letter-spacing: -.2px; text-align: left; cursor: pointer; }
.admin-product-menu-actions > button i { width: 60px; padding: 4px; border-radius: 20px; display: flex; align-items: center; justify-content: center; background: #f2f2f2; }
.admin-product-menu-actions > button i img { display: block; transform: rotate(180deg); }
.admin-product-menu-actions > button:disabled { opacity: .2; cursor: default; }
.admin-deleted-product-menu .admin-product-menu-actions > button > span { display: flex; min-width: 0; flex-direction: column; }
.admin-deleted-product-menu .admin-product-menu-actions > button strong { color: inherit; font: inherit; font-weight: 500; }
.admin-deleted-product-menu .admin-product-menu-actions > button small { color: rgba(0,0,0,.4); font: 500 14px/1.4 'Golos Text', sans-serif; letter-spacing: -.14px; }
.admin-new-product { width: 100%; }
.admin-import-products { width: 100%; }
.admin-import-products > h1 { width: 100%; margin: 0; color: #000; font: 500 40px/1.2 'Golos Text', sans-serif; letter-spacing: -.4px; }
.admin-import-products > hr { width: 100%; height: 1px; margin: 0; border: 0; background: rgba(0,0,0,.1); }
.admin-import-intro, .admin-import-guide, .admin-import-preview, .admin-import-result { width: 100%; display: flex; flex-direction: column; gap: 10px; }
.admin-import-intro p, .admin-import-guide p, .admin-import-preview p, .admin-import-result p { margin: 0; color: rgba(0,0,0,.6); font: 500 16px/1.4 'Golos Text', sans-serif; letter-spacing: -.16px; }
.admin-import-guide { padding: 14px; border-radius: 12px; background: #f2f2f2; }
.admin-import-guide h2, .admin-import-preview h2, .admin-import-result h2 { margin: 0; color: #000; font: 500 20px/1.4 'Golos Text', sans-serif; letter-spacing: -.2px; }
.admin-import-guide b { color: #000; font-weight: 500; }
.admin-import-guide code { padding: 2px 5px; border-radius: 4px; background: #fff; color: #000; font: 500 14px/1.4 'Golos Text', sans-serif; }
.admin-import-template { width: fit-content; padding: 10px 14px; border-radius: 100px; background: #000; color: #fff; font: 500 16px/1.4 'Golos Text', sans-serif; letter-spacing: -.16px; text-decoration: none; }
.admin-import-dropzone { width: 100%; min-height: 142px; padding: 20px; border: 2px dashed rgba(0,0,0,.15); border-radius: 12px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; color: #000; text-align: center; cursor: pointer; transition: border-color 160ms ease, background 160ms ease; }
.admin-import-dropzone.is-dragging { border-color: #21a3ff; background: rgba(33,163,255,.08); }
.admin-import-dropzone input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.admin-import-dropzone strong { font: 500 20px/1.4 'Golos Text', sans-serif; letter-spacing: -.2px; }
.admin-import-dropzone span { color: rgba(0,0,0,.4); font: 500 16px/1.4 'Golos Text', sans-serif; letter-spacing: -.16px; }
.admin-import-file { width: 100%; min-height: 52px; padding: 10px 10px 10px 16px; border-radius: 12px; display: flex; align-items: center; justify-content: space-between; gap: 12px; background: #f2f2f2; color: #000; font: 500 16px/1.4 'Golos Text', sans-serif; letter-spacing: -.16px; }
.admin-import-file span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.admin-import-file button { width: 32px; height: 32px; flex: none; padding: 0; border: 0; border-radius: 50%; background: #fff; color: #000; font: 500 24px/1 'Golos Text', sans-serif; cursor: pointer; }
.admin-import-preview { padding: 14px; border-radius: 12px; background: rgba(33,163,255,.1); }
.admin-import-result { padding: 14px; border-radius: 12px; background: #f2f2f2; }
.admin-import-result a { width: fit-content; color: #10afff; font: 500 16px/1.4 'Golos Text', sans-serif; letter-spacing: -.16px; text-decoration: none; }
.admin-new-product > h1 { width: 100%; min-width: 100%; margin: 0; color: #000; font-family: 'Golos Text', sans-serif; font-size: 40px; font-weight: 500; line-height: 1.2; letter-spacing: -.4px; }
.admin-new-product.is-editing > h1 { font-size: 36px; letter-spacing: -.36px; }
.admin-new-product > hr { width: 100%; height: 1px; margin: 0; border: 0; background: rgba(0,0,0,.1); }
.admin-product-form { width: 100%; display: flex; flex-direction: column; gap: 12px; }
.admin-field, .admin-select-field, .admin-size-field, .admin-photo-field { width: 100%; display: flex; flex-direction: column; gap: 8px; color: #000; font-family: 'Golos Text', sans-serif; font-size: 16px; font-weight: 500; line-height: 1.4; letter-spacing: -.16px; }
.admin-field em { color: rgba(0,0,0,.4); font-style: normal; }
.admin-field input, .admin-field textarea, .admin-select-field button { width: 100%; min-height: 52px; padding: 12px 16px; border: 0; border-radius: 12px; outline: 0; background: #f2f2f2; color: #000; font: 500 20px/1.4 'Golos Text', sans-serif; letter-spacing: -.2px; }
.admin-price-field input { padding-right: 44px; }
.admin-price-ruble { position: absolute; left: calc(24px + var(--price-text-width, 0px)); bottom: 12px; color: #000; font: 500 20px/1.4 'Golos Text', sans-serif; letter-spacing: -.2px; pointer-events: none; }
.admin-price-field:has(input:placeholder-shown) .admin-price-ruble { display: none; }
.admin-field input::placeholder, .admin-field textarea::placeholder { color: rgba(0,0,0,.2); opacity: 1; }
.admin-description-field { position: relative; }
.admin-name-field { position: relative; }
.admin-description-field textarea { min-height: 80px; max-height: 250px; overflow-y: hidden; resize: none; }
.admin-description-field:has(.admin-translate-button:not([hidden])) textarea { padding-bottom: 64px; }
.admin-name-field:has(.admin-translate-button:not([hidden])) input { padding-right: 122px; }
.admin-description-field.is-translating textarea { color: transparent; caret-color: transparent; }
.admin-name-field.is-translating input { color: transparent; caret-color: transparent; }
.admin-description-shimmer { position: absolute; z-index: 1; left: 0; width: 100%; padding: 12px 16px; overflow: hidden; pointer-events: none; white-space: pre-wrap; overflow-wrap: break-word; color: transparent; background: linear-gradient(110deg, rgba(0,0,0,.25) 35%, #000 48%, rgba(0,0,0,.25) 61%); background-size: 220% 100%; background-clip: text; -webkit-background-clip: text; font: 500 20px/1.4 'Golos Text', sans-serif; letter-spacing: -.2px; animation: admin-description-shine 1.45s linear infinite; }
.admin-name-shimmer { position: absolute; z-index: 1; left: 0; width: 100%; padding: 12px 16px; overflow: hidden; pointer-events: none; white-space: nowrap; text-overflow: ellipsis; color: transparent; background: linear-gradient(110deg, rgba(0,0,0,.25) 35%, #000 48%, rgba(0,0,0,.25) 61%); background-size: 220% 100%; background-clip: text; -webkit-background-clip: text; font: 500 20px/1.4 'Golos Text', sans-serif; letter-spacing: -.2px; animation: admin-description-shine 1.45s linear infinite; }
.admin-description-shimmer[hidden] { display: none; }
.admin-name-shimmer[hidden] { display: none; }
.admin-translate-button { position: absolute; z-index: 1; bottom: 8px; left: 50%; padding: 8px 14px; border: 0; border-radius: 100px; display: flex; align-items: center; gap: 10px; background: #fff; color: #000; font: 500 16px/1.4 'Golos Text', sans-serif; letter-spacing: -.16px; white-space: nowrap; cursor: pointer; transform: translateX(-50%); }
.admin-name-translate-button { top: 39px; bottom: auto; left: auto; right: 8px; transform: none; }
.admin-translate-button[hidden] { display: none; }
.admin-translate-button > img { display: block; flex: none; }
.admin-translate-button:disabled { cursor: wait; opacity: .72; }
@keyframes admin-description-shine { to { background-position: -220% 0; } }
@media (prefers-reduced-motion: reduce) { .admin-description-shimmer { animation: none; } }
.admin-photo-field { width: auto; }
.admin-photo-field > label.is-error { color: #ff5858; }
.admin-photo-input { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; pointer-events: none; }
.admin-photo-list { width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; gap: 8px; }
.admin-photo-list:focus-visible { outline: 2px solid #21a3ff; outline-offset: 4px; border-radius: 12px; }
.admin-photo-paste-tip { margin: -2px 0 0; color: rgba(0,0,0,.45); font: 400 14px/1.35 'Golos Text', sans-serif; letter-spacing: -.14px; }
.admin-photo-add { width: 90px; height: 90px; padding: 12px 16px; border: 0; border-radius: 12px; display: grid; place-items: center; overflow: hidden; background: rgba(0,0,0,.05); cursor: pointer; }
.admin-photo-add img { width: 30px; height: 30px; display: block; }
.admin-photo-preview { position: relative; width: 90px; height: 90px; overflow: hidden; border-radius: 12px; background: #e5e5e5; flex: none; cursor: grab; touch-action: none; }
.admin-photo-preview.is-dragging { opacity: .45; cursor: grabbing; }
.admin-photo-preview.is-drop-target { outline: 2px solid #21a3ff; outline-offset: 2px; }
.admin-photo-image { width: 100%; height: 100%; display: block; object-fit: cover; object-position: var(--crop-x, 50%) var(--crop-y, 50%); }
.admin-photo-preview button { position: absolute; top: 4px; right: 4px; width: 32px; height: 32px; padding: 4px; border: 0; border-radius: 20px; display: grid; place-items: center; background: #fff; cursor: pointer; }
.admin-photo-preview button img { width: 24px; height: 24px; display: block; }
.admin-photo-cropper[hidden] { display: none; }
.admin-photo-cropper { position: fixed; z-index: 30; inset: 0; padding: 14px; display: flex; flex-direction: column; gap: 14px; background: #000; color: #fff; }
.admin-photo-cropper-header { min-height: 54px; display: flex; align-items: center; justify-content: space-between; font: 500 24px/1.4 'Golos Text', sans-serif; letter-spacing: -.24px; }
.admin-photo-cropper-close { width: 54px; height: 54px; padding: 0; border: 0; border-radius: 50%; display: grid; place-items: center; background: #fff; color: #000; font: 400 38px/1 'Golos Text', sans-serif; cursor: pointer; }
.admin-photo-crop-stage { position: relative; min-height: 0; flex: 1; overflow: hidden; display: grid; place-items: center; touch-action: none; user-select: none; }
.admin-photo-crop-image { width: 100%; height: 100%; display: block; object-fit: contain; pointer-events: none; }
.admin-photo-crop-frame { position: absolute; border: 2px solid rgba(255,255,255,.95); border-radius: 12px; background: rgba(255,255,255,.08); box-shadow: 0 0 0 9999px rgba(0,0,0,.58); pointer-events: none; }
.admin-photo-crop-tip { margin: 0; color: rgba(255,255,255,.65); font: 500 16px/1.4 'Golos Text', sans-serif; letter-spacing: -.16px; text-align: center; }
body.is-cropping-photo { overflow: hidden; }
.admin-size-list { width: 100%; display: flex; flex-wrap: wrap; gap: 8px; }
.admin-size-list button { width: 70px; min-height: 52px; padding: 12px 16px; border: 0; border-radius: 12px; display: grid; place-items: center; background: #f2f2f2; color: rgba(0,0,0,.2); font: 500 20px/1.4 'Golos Text', sans-serif; letter-spacing: -.2px; cursor: pointer; }
.admin-size-list button.is-selected { background: #000; color: #fff; }
.admin-size-list .admin-size-wide { width: auto; }
.admin-select-field button { display: flex; align-items: center; justify-content: space-between; cursor: pointer; text-align: left; }
.admin-select-field button i { color: rgba(0,0,0,.2); font: inherit; font-style: normal; }
.admin-select-field button img { width: 27.964px; height: 27px; flex: none; transform: rotate(90deg) scaleY(-1); }
.admin-select-field button.has-value i { color: #000; }
.admin-field, .admin-select-field, .admin-size-field { position: relative; }
.admin-validation-tip { position: absolute; z-index: 1; top: -14px; left: 50%; padding: 6px 10px; border-radius: 8px; display: flex; align-items: center; gap: 10px; background: #ff5858; color: #fff; font: 500 16px/1.4 'Golos Text', sans-serif; letter-spacing: -.16px; white-space: nowrap; transform: translateX(-50%); }
.admin-validation-tip img { position: absolute; top: 31px; left: calc(50% + .5px); width: 20px; height: 10px; transform: translateX(-50%) scaleY(-1); }
.admin-picker[hidden] { display: none; }
.admin-picker { position: fixed; z-index: 10; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 12px; background: rgba(0,0,0,.4); pointer-events: none; }
.admin-picker-close { width: 140px; height: 54px; padding: 10px; border: 0; border-radius: 100px; display: grid; place-items: center; background: #fff; cursor: pointer; pointer-events: auto; }
.admin-picker-close img { width: 30px; height: 30px; display: block; }
.admin-picker-sheet { width: min(100%, 393px); max-height: calc(100dvh - 66px); padding: 14px; overflow-y: auto; border-radius: 20px 20px 0 0; background: #fff; pointer-events: auto; }
.admin-picker-options { width: 100%; display: flex; flex-direction: column; }
.admin-picker-option { width: 100%; min-height: 68px; padding: 20px 0; border: 0; display: flex; align-items: center; justify-content: space-between; background: transparent; color: #000; font: 500 20px/1.4 'Golos Text', sans-serif; letter-spacing: -.2px; text-align: left; cursor: pointer; }
.admin-color-option-label { display: inline-flex; align-items: center; gap: 8px; }
.admin-color-swatch { width: 20px; height: 20px; border: 1px solid rgba(0,0,0,.12); border-radius: 50%; flex: none; background: var(--color-swatch); }
.admin-picker-option i { width: 28px; height: 28px; padding: 0; border-radius: 20px; background: rgba(0,0,0,.1); display: grid; place-items: center; }
.admin-picker-option i:has(img) { background: #000; }
.admin-picker-option img { width: 24px; height: 24px; display: block; }
@media (max-width: 392px) { .page { width: 100%; } }