.header{z-index:100;height:var(--header-height);-webkit-backdrop-filter:blur(20px)saturate(1.2);background:#000000b8;border-bottom:1px solid #ffffff0f;position:sticky;top:0}.header__inner{max-width:var(--max-width);grid-template-columns:40px 1fr 40px;align-items:center;height:100%;margin:0 auto;padding:0 10px;display:grid}.header__logo{letter-spacing:.14em;text-transform:uppercase;color:var(--color-text);white-space:nowrap;justify-self:center;font-family:Roboto,sans-serif;font-size:.875rem;font-weight:500}.header__logo span{color:var(--color-accent);font-weight:600}.header__icon-btn{border-radius:var(--radius-sm);width:40px;height:40px;color:var(--color-text-secondary);transition:color var(--transition);justify-content:center;align-items:center;display:flex}.header__icon-btn:active{color:var(--color-text)}.header__spacer{width:40px;height:40px}.bottom-nav{width:100%;max-width:var(--max-width);height:var(--bottom-nav-height);background:var(--color-surface-glass);-webkit-backdrop-filter:blur(20px)saturate(1.4);border-top:1px solid var(--color-border);z-index:100;padding-bottom:env(safe-area-inset-bottom,0);display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav:before{content:"";background:linear-gradient(90deg, transparent, var(--color-accent), transparent);opacity:.35;height:1px;position:absolute;top:0;left:16px;right:16px}.bottom-nav__item{color:var(--color-text-muted);letter-spacing:.02em;transition:color var(--transition);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:.625rem;font-weight:500;display:flex;position:relative}.bottom-nav__item--active{color:var(--color-accent)}.bottom-nav__item--active:before{content:"";background:var(--color-accent);width:24px;height:2px;box-shadow:0 0 12px var(--color-accent-glow);border-radius:0 0 2px 2px;position:absolute;top:0;left:50%;transform:translate(-50%)}.bottom-nav__icon{justify-content:center;align-items:center;display:flex;position:relative}.bottom-nav__badge{background:var(--color-accent);color:#fff;text-align:center;border-radius:8px;min-width:16px;height:16px;padding:0 4px;font-size:.5625rem;font-weight:700;line-height:16px;position:absolute;top:-4px;right:-8px}.bottom-nav__label{font-weight:600}.product-figma{background:0 0;width:100%;position:relative}.product-figma__back{z-index:10;width:36px;height:36px;color:var(--color-text);background:#2b2b2beb;border:.5px solid #ffffff1f;border-radius:6px;justify-content:center;align-items:center;display:flex;position:absolute;top:12px;left:16px}.product-figma__frame{width:100%;max-width:min(350px,100%);margin:0 auto;position:relative}.product-figma__frame--home{padding-bottom:6px}.product-figma__image-box{aspect-ratio:3/4;box-sizing:border-box;background:#252525;border:.5px solid #ffffff1a;border-radius:6px;width:calc(100% - 10px);max-width:calc(100% - 10px);margin:0 auto;position:relative;overflow:hidden}.product-figma__frame--home .product-figma__image-box{margin-top:5px}.product-figma__image-box:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(115% 95% at 50% 112%,#d2334d47,#0000 54%),radial-gradient(circle at 88% 18%,#d2334d14,#0000 40%);position:absolute;inset:0}.product-figma__frame--detail .product-figma__image-box{width:calc(100% - 8px);max-width:min(331px,100% - 8px)}.product-figma__image-box:after{content:"";z-index:2;border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff05 0%,#0000 14%);position:absolute;inset:0}.product-figma__image{z-index:1;object-fit:contain;object-position:center top;filter:drop-shadow(0 0 1.69px #454545)drop-shadow(0 0 11.83px #454545cc)drop-shadow(0 0 40.55px #d2334d33);width:100%;height:100%;display:block;position:absolute;inset:0}.product-figma__image--live{animation:.25s product-image-fade}@keyframes product-image-fade{0%{opacity:.35}to{opacity:1}}.product-figma__meta{justify-content:space-between;align-items:center;max-width:100%;min-height:22px;margin:0 auto;padding:8px 14px 0;display:flex}.product-figma__stock{align-items:center;gap:3px;display:flex}.product-figma__stock-dot{background:var(--color-success);border-radius:50%;flex-shrink:0;width:7px;height:7px}.product-figma__stock span:last-child{color:var(--color-success);font-family:Roboto,sans-serif;font-size:10px;font-weight:400;line-height:1}.product-figma__meta-right{align-items:center;gap:8px;display:flex}.product-figma__badge{background:var(--color-accent);border:.5px solid var(--color-accent);min-width:48px;max-width:88px;height:14px;color:var(--color-text);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;border-radius:7px;justify-content:center;align-items:center;padding:0 6px;font-family:Roboto,sans-serif;font-size:8px;font-weight:400;display:inline-flex;overflow:hidden}.product-figma__icon-btn{opacity:.8;background:0 0;border:none;justify-content:center;align-items:center;width:17px;height:17px;padding:0;display:flex}.product-figma__icon-btn img{width:17px;height:auto}.product-figma__icon-btn--favorite{color:#3c3c3c;transition:color var(--transition), opacity var(--transition)}.product-figma__icon-btn--favorite-active{color:var(--color-accent);opacity:1}.product-figma__frame--home .product-figma__title{margin-top:5px;padding:0 12px;font-size:22px}.product-figma__title{max-width:100%;color:var(--color-text);text-align:center;margin:7px auto 0;padding:0 18px;font-family:Segoe UI,Roboto,sans-serif;font-size:24px;font-weight:400;line-height:1.15}.product-figma__frame--home .product-figma__specs{padding:10px 10px 0}.product-figma__specs{flex-direction:column;gap:5px;max-width:100%;margin:0 auto;padding:16px 14px 0;display:flex}.product-figma__spec-row{background:var(--color-card-surface);box-sizing:border-box;border:.5px solid #ffffff1a;border-radius:6px;grid-template-columns:26px auto minmax(0,1fr);align-items:center;column-gap:10px;width:100%;min-height:49px;padding:8px 12px 8px 10px;display:grid}.product-figma__spec-icon{object-fit:contain;width:26px;height:26px}.product-figma__spec-label{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-family:Roboto,sans-serif;font-size:10px;font-weight:500;overflow:hidden}.product-figma__spec-value{color:var(--color-text);text-align:right;word-break:break-word;min-width:0;font-family:Roboto,sans-serif;font-size:10px;font-weight:400;line-height:1.25}.product-figma__details-btn{background:var(--color-accent);width:calc(100% - 28px);max-width:100%;height:51px;color:var(--color-text);letter-spacing:.05em;text-transform:uppercase;border:none;border-radius:6px;justify-content:center;align-items:center;margin:10px auto 0;font-family:Roboto,sans-serif;font-size:12px;font-weight:400;transition:opacity .15s,transform .15s;display:flex}.product-figma__details-btn:active{opacity:.9;transform:scale(.99)}.view-toggle{background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;gap:2px;padding:2px;display:flex}.view-toggle__btn{width:32px;height:28px;color:var(--color-text-muted);border-radius:4px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.view-toggle__btn--active{background:var(--color-accent-soft);color:var(--color-accent)}.view-toggle__btn:active{opacity:.85}.catalog-page{padding-top:20px}.catalog-page__head{margin-bottom:24px}.catalog-page__eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent);margin-bottom:6px;font-family:Roboto,sans-serif;font-size:.6875rem;font-weight:500}.catalog-page__title{color:var(--color-text);font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:400;line-height:1.2}.catalog-page__list{flex-direction:column;gap:12px;display:flex}.catalog-card{background:radial-gradient(ellipse 90% 80% at 100% 100%, #d2334d1a, transparent 55%), linear-gradient(155deg, #242424 0%, var(--color-surface) 100%);border:1px solid var(--color-card-border);min-height:88px;transition:transform var(--transition), border-color var(--transition);border-radius:16px;grid-template-columns:auto auto 1fr auto;align-items:center;gap:14px;padding:18px 16px 18px 18px;display:grid;position:relative;overflow:hidden}.catalog-card--gaming:after{content:"";pointer-events:none;background:radial-gradient(circle,#d2334d24,#0000 68%);border-radius:50%;width:96px;height:96px;position:absolute;top:-24px;right:-24px}.catalog-card:active{border-color:var(--color-border-accent);transform:scale(.985)}.catalog-card__index{z-index:1;color:var(--color-text-muted);letter-spacing:.04em;min-width:24px;font-family:Barlow Condensed,sans-serif;font-size:1.125rem;font-weight:500;position:relative}.catalog-card__icon{z-index:1;background:var(--color-accent-soft);width:44px;height:44px;color:var(--color-accent);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.catalog-card--office .catalog-card__icon{color:var(--color-text);background:#ffffff0f}.catalog-card__body{z-index:1;flex-direction:column;gap:4px;min-width:0;display:flex;position:relative}.catalog-card__name{color:var(--color-text);font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;line-height:1.2}.catalog-card__hint{color:var(--color-text-muted);font-size:.6875rem;line-height:1.3}.catalog-card__arrow{z-index:1;width:32px;height:32px;color:var(--color-text-secondary);background:#ffffff0d;border:1px solid #ffffff14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.configurator__presets{flex-wrap:wrap;gap:6px;margin-top:12px;padding:0 14px;display:flex}.configurator__preset{border:1px solid var(--color-card-border);background:var(--color-card-surface);border-radius:6px;flex-direction:column;align-items:flex-start;gap:2px;padding:7px 12px;font-family:Roboto,sans-serif;transition:border-color .15s,background .15s,color .15s;display:flex}.configurator__preset-name{color:var(--color-text-secondary);font-size:10px;font-weight:500}.configurator__preset-price{color:var(--color-text);font-family:Barlow Condensed,sans-serif;font-size:12px;font-weight:600}.configurator__preset--active{border-color:var(--color-accent);background:#d2334d1a}.configurator__preset--active .configurator__preset-name,.configurator__preset--active .configurator__preset-price{color:var(--color-text)}.configurator__specs{padding-top:12px}.configurator__spec-group{flex-direction:column;display:flex}.configurator__spec-toggle{cursor:pointer;grid-template-columns:26px auto minmax(0,1fr) 14px;transition:border-color .15s}.configurator__spec-group--open .configurator__spec-toggle{border-color:#d2334d59;border-bottom-right-radius:0;border-bottom-left-radius:0}.configurator__chevron{color:var(--color-text-muted);flex-shrink:0;transition:transform .2s}.configurator__chevron--open{transform:rotate(90deg)}.configurator__spec-dropdown{border:1px solid var(--color-card-border);background:#222;border-top:none;border-radius:0 0 6px 6px;margin-top:-5px;margin-bottom:1px;animation:.2s configurator-slide;overflow:hidden}@keyframes configurator-slide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.configurator__spec-option{text-align:left;background:0 0;border:none;border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px 14px 12px 46px;font-family:Roboto,sans-serif;transition:background .15s;display:flex}.configurator__spec-option-body{flex-direction:column;gap:2px;min-width:0;display:flex}.configurator__spec-option-name{color:var(--color-text);font-size:10px;font-weight:400;line-height:1.35}.configurator__spec-option-delta{color:var(--color-text-muted);font-size:9px}.configurator__spec-option-price{color:var(--color-text);white-space:nowrap;flex-shrink:0;font-family:Barlow Condensed,sans-serif;font-size:13px;font-weight:600}.configurator__spec-option-price span{color:var(--color-accent)}.configurator__spec-option--active .configurator__spec-option-name{color:#fff}.configurator__spec-option--active .configurator__spec-option-price{color:var(--color-accent)}.configurator__spec-option:last-child{border-bottom:none}.configurator__spec-option--active{box-shadow:inset 3px 0 0 var(--color-accent);background:#d2334d1a}.configurator__footer{padding:10px 14px 16px}.configurator__price-row{justify-content:center;align-items:baseline;gap:6px;margin-bottom:10px;display:flex}.configurator__price-label{color:var(--color-text-secondary);font-family:Roboto,sans-serif;font-size:12px}.configurator__price-value{color:var(--color-text);font-family:Segoe UI,Roboto,sans-serif;font-size:22px;font-weight:400;line-height:1}.configurator__price-value span{color:var(--color-accent)}.configurator__cart-btn{margin-top:0}.product-page__card{position:relative}.checkout-page{--checkout-bg:#232228;--checkout-border:#525157;--checkout-muted:#7b7a80;--checkout-accent:#d2344d;--checkout-success:#09a360;--checkout-surface:#2b2a30;background:var(--checkout-bg);min-height:calc(100dvh - var(--header-height) - var(--bottom-nav-height));padding:16px 16px calc(var(--bottom-nav-height) + 20px)}.checkout-page__title{color:#fff;margin-bottom:12px;font-family:Barlow Condensed,sans-serif;font-size:1.5rem;font-weight:600}.checkout-page__divider{background:var(--checkout-border);height:1px;margin:12px 0 16px}.checkout-section__title{color:#fff;margin-bottom:12px;font-family:Barlow Condensed,sans-serif;font-size:1.25rem;font-weight:600}.checkout-section__subtitle{color:#fff;margin-bottom:8px;font-family:Barlow Condensed,sans-serif;font-size:1rem;font-weight:600}.checkout-field{width:100%;margin-bottom:12px;display:block}.checkout-field__label{color:#fff;margin-bottom:6px;font-family:Barlow Condensed,sans-serif;font-size:.8125rem;font-weight:400;display:block}.checkout-field__required{color:var(--checkout-accent)}.checkout-field__input,.checkout-field__textarea{background:var(--checkout-bg);border:2px solid var(--checkout-border);color:#fff;border-radius:25px;outline:none;width:100%;padding:10px 16px;font-family:Inter,sans-serif;font-size:.8125rem;transition:border-color .15s}.checkout-field__input:focus,.checkout-field__textarea:focus{border-color:var(--checkout-accent)}.checkout-field__textarea{resize:vertical;border-radius:18px;min-height:59px}.checkout-radio{cursor:pointer;text-align:left;align-items:flex-start;gap:10px;padding:6px 0;display:flex}.checkout-radio__dot{border:2px solid var(--checkout-accent);background:var(--checkout-bg);border-radius:50%;flex-shrink:0;width:20px;height:20px;margin-top:1px;position:relative}.checkout-radio__dot--checked:after{content:"";background:var(--checkout-accent);border-radius:50%;position:absolute;inset:4px}.checkout-radio__label{color:#fff;font-family:Barlow Condensed,sans-serif;font-size:.8125rem;font-weight:400;line-height:1.35}.checkout-checkbox{cursor:pointer;text-align:left;align-items:flex-start;gap:10px;padding:8px 0;display:flex}.checkout-checkbox__box{border:2px solid var(--checkout-border);background:var(--checkout-bg);border-radius:4px;flex-shrink:0;width:20px;height:20px;margin-top:1px;position:relative}.checkout-checkbox__box--checked{border-color:var(--checkout-accent);background:var(--checkout-accent)}.checkout-checkbox__box--checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.checkout-checkbox__text{color:#fff;font-family:Barlow Condensed,sans-serif;font-size:.8125rem;line-height:1.35}.checkout-checkbox__link{color:var(--checkout-muted);text-decoration:underline}.checkout-summary-row{color:#fff;justify-content:space-between;align-items:baseline;margin-bottom:6px;font-family:Barlow Condensed,sans-serif;font-size:.8125rem;display:flex}.checkout-summary-row--total{margin-top:8px;margin-bottom:0;font-size:1.25rem;font-weight:600}.checkout-summary-row__free{color:var(--checkout-success)}.checkout-btn{background:var(--checkout-accent);color:#fff;letter-spacing:.02em;border:none;border-radius:25px;justify-content:center;align-items:center;width:100%;min-height:39px;padding:10px 20px;font-family:Barlow Condensed,sans-serif;font-size:.9375rem;font-weight:400;transition:opacity .15s;display:flex}.checkout-btn:active{opacity:.9}.checkout-btn:disabled{opacity:.5;cursor:not-allowed}.checkout-tabs{gap:16px;margin-bottom:14px;display:flex}.checkout-tab{color:var(--checkout-muted);background:0 0;border:none;padding:0;font-family:Barlow Condensed,sans-serif;font-size:.8125rem}.checkout-tab--active{color:#fff}.cart-page{--checkout-bg:#000;--checkout-surface:#212121;background:#000}.cart-page__checkout-btn{margin-top:20px}.cart-list{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.cart-item{border:2px solid var(--checkout-border);background:linear-gradient(145deg,#212121 0%,#1a1a1a 100%);border-radius:18px;padding:14px}.cart-item__header{gap:12px;margin-bottom:12px;display:flex}.cart-item__image-wrap{border:1px solid var(--checkout-border);background:linear-gradient(#353535 0%,#212121 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:88px;height:88px;display:flex;overflow:hidden}.cart-item__image{object-fit:contain;background:0 0;border-radius:0;width:100%;height:100%;transform:scale(1.12)}.cart-item__image--placeholder{background:linear-gradient(135deg,#3c3c3c,#212121)}.cart-item__info{flex:1;min-width:0}.cart-item__name{color:#fff;margin:0 0 4px;font-family:Barlow Condensed,sans-serif;font-size:1.125rem;font-weight:600;line-height:1.2}.cart-item__variant{color:var(--checkout-accent);margin:0 0 8px;font-family:Barlow Condensed,sans-serif;font-size:.8125rem}.cart-item__specs{margin:0 0 4px;padding:0}.cart-item__bottom{border-top:1px solid var(--checkout-border);align-items:center;gap:12px;margin-top:14px;padding-top:12px;display:flex}.cart-item__qty{border:2px solid var(--checkout-border);border-radius:25px;align-items:center;gap:8px;padding:2px 4px;display:flex}.cart-item__qty-btn{background:var(--checkout-surface);color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:1rem;line-height:1;display:flex}.cart-item__qty-btn:disabled{opacity:.35}.cart-item__qty-value{text-align:center;color:#fff;min-width:20px;font-family:Barlow Condensed,sans-serif;font-size:.9375rem}.cart-item__price{text-align:right;color:#fff;flex:1;margin:0;font-family:Barlow Condensed,sans-serif;font-size:1.125rem;font-weight:600}.cart-item__remove{width:32px;height:32px;color:var(--checkout-muted);background:0 0;border:none;border-radius:50%;font-size:.875rem}.cart-summary{margin-top:4px}.cart-summary__note{color:var(--checkout-muted);margin:8px 0 0;font-family:Barlow Condensed,sans-serif;font-size:.75rem}.cart-empty{flex-direction:column;align-items:center;gap:20px;padding:40px 0;display:flex}.cart-empty__text{color:var(--checkout-muted);margin:0;font-family:Barlow Condensed,sans-serif;font-size:1.125rem}.cart-empty__btn{max-width:280px;text-decoration:none}.checkout-form__submit{margin-top:16px}.checkout-block{margin-bottom:4px}.checkout-field--city{margin-bottom:16px}.checkout-field--address{margin-top:12px}.checkout-field__with-icon{position:relative}.checkout-field__with-icon .checkout-field__input{padding-right:36px}.checkout-field__icon{width:13px;height:13px;color:var(--checkout-muted);pointer-events:none;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.checkout-agreements{margin-top:16px}.checkout-success{color:var(--checkout-muted);margin:0 0 24px;font-family:Barlow Condensed,sans-serif;font-size:1rem;line-height:1.5}.checkout-form__error{color:var(--checkout-accent);margin:0 0 12px;font-size:.8125rem}.checkout-success__link{margin-bottom:10px;text-decoration:none;display:flex}.checkout-success__secondary{border:2px solid var(--checkout-border);background:0 0}.profile-page{--checkout-bg:#000;--checkout-border:var(--color-card-border);background:var(--color-bg)}.profile-section{margin-bottom:8px}.profile-section .section-title{margin-bottom:10px;padding:0 2px}.profile-hero{grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin-bottom:12px;display:grid;padding:16px 18px!important}.profile-hero__avatar{color:#fff;background:linear-gradient(145deg, var(--color-accent) 0%, var(--color-accent-dim) 100%);width:56px;height:56px;box-shadow:0 0 20px var(--color-accent-glow);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:Barlow Condensed,sans-serif;font-size:1.125rem;font-weight:600;display:flex}.profile-hero__body{min-width:0}.profile-hero__name{font-family:var(--font-display);color:var(--color-text);margin:0 0 4px;font-size:1.125rem;font-weight:500;line-height:1.2}.profile-hero__meta{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.6875rem;overflow:hidden}.profile-hero__edit{flex-shrink:0}.profile-stats{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px;display:grid}.profile-stat{background:radial-gradient(ellipse 90% 80% at 100% 100%, #d2334d14, transparent 55%), linear-gradient(155deg, #242424 0%, var(--color-surface) 100%);border:1px solid var(--color-card-border);border-radius:14px;padding:14px 16px}.profile-stat__value{color:var(--color-text);font-family:Barlow Condensed,sans-serif;font-size:1.375rem;font-weight:600;line-height:1;display:block}.profile-stat__label{color:var(--color-text-muted);margin-top:6px;font-size:.6875rem;display:block}.catalog-card--profile{grid-template-columns:auto 1fr auto}.profile-badge{background:var(--color-accent);color:#fff;vertical-align:middle;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:8px;padding:0 5px;font-family:Barlow Condensed,sans-serif;font-size:.6875rem;font-weight:600;display:inline-flex}.profile-cta{color:inherit;text-decoration:none}.profile-form-block{margin-bottom:12px;padding:16px 18px 18px!important}.profile-form-block .section-title{margin-bottom:14px}.profile-form-block .checkout-field:last-child{margin-bottom:0}.profile-page__submit{width:calc(100% - 28px);margin:4px auto 0;display:flex}.profile-page .checkout-field__input,.profile-page .checkout-field__textarea{background:var(--color-bg);border-color:var(--color-card-border)}.profile-page .checkout-field__input:focus,.profile-page .checkout-field__textarea:focus{border-color:var(--color-accent)}.profile-form-success{border-radius:var(--radius);color:var(--color-success);background:#51a6651a;border:1px solid #51a66559;margin-bottom:12px;padding:12px 16px;font-size:.875rem}.profile-empty{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex;padding:36px 20px!important}.profile-empty__icon{background:var(--color-accent-soft);width:56px;height:56px;color:var(--color-accent);border-radius:50%;justify-content:center;align-items:center;display:flex}.profile-empty__title{font-family:var(--font-display);color:var(--color-text);margin:0;font-size:1.125rem;font-weight:500}.profile-empty__text{color:var(--color-text-muted);max-width:260px;margin:0;font-size:.8125rem;line-height:1.45}.profile-empty .product-figma__details-btn{margin-top:4px}.profile-favorite-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.profile-favorite-list__row{align-items:stretch;gap:8px;display:flex}.profile-favorite-card{color:inherit;flex:1;align-items:center;gap:14px;text-decoration:none;display:flex;padding:14px 16px!important}.profile-favorite-card__image-box{border-radius:var(--radius-sm);background:radial-gradient(ellipse 100% 80% at 50% 110%, #d2334d33, transparent 50%), var(--color-surface);border:1px solid var(--color-card-border);flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex;overflow:hidden}.profile-favorite-card__image{object-fit:contain;width:100%;height:100%;transform:scale(1.08)}.profile-favorite-card__info{flex:1;min-width:0}.profile-favorite-card__name{font-family:var(--font-display);color:var(--color-text);margin:0 0 4px;font-size:1rem;font-weight:500}.profile-favorite-card__spec{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;margin:0 0 6px;font-size:.6875rem;overflow:hidden}.profile-favorite-card__price{color:var(--color-text);margin:0;font-family:Barlow Condensed,sans-serif;font-size:1.0625rem;font-weight:600}.profile-favorite-card__remove{color:var(--color-text-muted);flex-shrink:0;align-self:center;font-size:.875rem}.profile-favorite-card__remove:active{color:var(--color-accent);border-color:var(--color-border-accent)}.profile-order-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.profile-order-card{padding:16px!important}.profile-order-card__head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.profile-order-card__number{font-family:var(--font-display);color:var(--color-text);margin:0;font-size:1rem;font-weight:500}.profile-order-card__date{color:var(--color-text-muted);margin:4px 0 0;font-size:.75rem}.profile-order-card__status{letter-spacing:.04em;text-transform:uppercase;background:var(--color-accent-soft);color:var(--color-accent);border-radius:999px;flex-shrink:0;padding:4px 8px;font-size:.6875rem;font-weight:500}.profile-order-card__status--delivered{color:var(--color-success);background:#51a66526}.profile-order-card__status--cancelled{color:var(--color-text-muted);background:#ffffff0f}.profile-order-card__items{flex-direction:column;gap:8px;margin:0 0 12px;padding:0;list-style:none;display:flex}.profile-order-card__item{justify-content:space-between;align-items:flex-start;gap:12px;font-size:.8125rem;display:flex}.profile-order-card__item-name{color:var(--color-text);line-height:1.35}.profile-order-card__item-price{color:var(--color-text-secondary);flex-shrink:0}.profile-order-card__meta{color:var(--color-text-muted);flex-wrap:wrap;gap:8px 12px;margin-bottom:12px;font-size:.75rem;display:flex}.profile-order-card__tracking{background:#d2334d14;border:1px solid #d2334d33;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:10px 12px;display:flex}.profile-order-card__tracking-label{letter-spacing:.04em;text-transform:uppercase;color:var(--color-accent);font-size:.6875rem;font-weight:500}.profile-order-card__tracking-value{font-family:var(--font-display);color:var(--color-text);word-break:break-all;font-size:.875rem}.profile-order-card__total{border-top:1px solid var(--color-card-border);font-family:var(--font-display);color:var(--color-text);justify-content:space-between;align-items:center;padding-top:12px;font-size:1rem;display:flex}.admin-shell{color:#fff;background:#000;min-height:100dvh}.admin-header{z-index:50;border-bottom:1px solid var(--color-card-border,#3c3c3c);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#000000eb;position:sticky;top:0}.admin-header__inner{flex-wrap:wrap;align-items:center;gap:16px;max-width:960px;margin:0 auto;padding:14px 16px;display:flex}.admin-header__brand{align-items:baseline;gap:8px;display:flex}.admin-header__logo{letter-spacing:.04em;font-family:Barlow Condensed,sans-serif;font-size:1.125rem;font-weight:600}.admin-header__tag{text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent,#d2334d);font-size:.6875rem}.admin-nav{flex:1;gap:8px;display:flex}.admin-nav__link{color:var(--color-text-muted,#6b6b6b);border:1px solid #0000;border-radius:20px;padding:8px 14px;font-size:.8125rem;text-decoration:none;transition:color .15s,border-color .15s,background .15s}.admin-nav__link--active{color:#fff;border-color:var(--color-card-border,#3c3c3c);background:linear-gradient(155deg,#242424 0%,#1a1a1a 100%)}.admin-header__actions{align-items:center;gap:10px;display:flex}.admin-header__site-link,.admin-header__logout{color:var(--color-text-secondary,#b0b0b0);cursor:pointer;background:0 0;border:none;font-size:.75rem;text-decoration:none}.admin-header__logout{border:1px solid var(--color-card-border,#3c3c3c);border-radius:16px;padding:6px 12px}.admin-main{max-width:960px;margin:0 auto;padding:20px 16px 40px}.admin-page__head{margin-bottom:20px}.admin-page__eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent,#d2334d);margin-bottom:6px;font-size:.6875rem}.admin-page__title{margin:0;font-family:Barlow Condensed,sans-serif;font-size:1.75rem;font-weight:600}.admin-page__actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.admin-btn{border:1px solid var(--color-card-border,#3c3c3c);color:#fff;cursor:pointer;background:linear-gradient(155deg,#242424 0%,#1a1a1a 100%);border-radius:20px;justify-content:center;align-items:center;min-height:38px;padding:8px 18px;font-size:.8125rem;text-decoration:none;display:inline-flex}.admin-btn--primary{background:var(--color-accent,#d2334d);border-color:var(--color-accent,#d2334d)}.admin-btn--danger{color:#ff8fa3;border-color:#d2334d80}.admin-btn:disabled{opacity:.5;cursor:not-allowed}.admin-panel{border:1px solid var(--color-card-border,#3c3c3c);background:linear-gradient(155deg,#242424 0%,#1a1a1a 100%);border-radius:16px;overflow:hidden}.admin-panel__body{padding:16px}.admin-panel--spaced{margin-top:16px}.admin-page__head--split{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.admin-page__head--split .admin-page__title{margin-bottom:0}.admin-toolbar{border-bottom:1px solid var(--color-card-border,#3c3c3c);flex-wrap:wrap;gap:10px;padding:14px 16px;display:flex}.admin-input,.admin-select,.admin-textarea{border:1px solid var(--color-card-border,#3c3c3c);color:#fff;width:100%;min-height:40px;font:inherit;background:#000;border-radius:12px;padding:10px 14px;font-size:.875rem}.admin-textarea{resize:vertical;min-height:96px}.admin-input:focus,.admin-select:focus,.admin-textarea:focus{border-color:var(--color-accent,#d2334d);outline:none}.admin-search{flex:1;min-width:180px}.admin-table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:.8125rem}.admin-table th,.admin-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #3c3c3c99;padding:12px 14px}.admin-table th{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted,#6b6b6b);font-size:.6875rem;font-weight:600}.admin-table__col-qty{width:72px;text-align:center!important}.admin-table__col-price{width:120px;text-align:right!important}.admin-table__price{white-space:nowrap;font-variant-numeric:tabular-nums}.admin-table--order-items{table-layout:fixed}.admin-table--order-items .admin-table__name{word-break:break-word;line-height:1.4}.admin-table--orders td:nth-child(4),.admin-table--orders th:nth-child(4){text-align:right;white-space:nowrap}.admin-table tr:last-child td{border-bottom:none}.admin-table__name{font-weight:500}.admin-table__muted{color:var(--color-text-muted,#6b6b6b);font-size:.75rem}.admin-badge{border-radius:10px;align-items:center;padding:3px 8px;font-size:.6875rem;font-weight:600;display:inline-flex}.admin-badge--active{color:#51a665;background:#51a66526}.admin-badge--inactive{color:var(--color-text-muted,#6b6b6b);background:#ffffff0f}.admin-badge--stock,.admin-badge--order-new{color:#ff8fa3;background:#d2334d1f}.admin-badge--order-confirmed{color:#ffc107;background:#ffc1071f}.admin-badge--order-shipping{color:#64b5f6;background:#64b5f61f}.admin-badge--order-delivered{color:#51a665;background:#51a66526}.admin-badge--order-cancelled{color:var(--color-text-muted,#6b6b6b);background:#ffffff0f}.admin-muted{text-align:center;color:var(--color-text-muted,#6b6b6b);padding:20px;font-size:.8125rem}.admin-link{color:var(--color-accent,#d2334d);font-size:.75rem;font-weight:500;text-decoration:none}.admin-link:hover{text-decoration:underline}.admin-grid{gap:16px;margin-bottom:16px;display:grid}.admin-grid--2{grid-template-columns:repeat(2,1fr)}@media (width<=768px){.admin-grid--2{grid-template-columns:1fr}}.admin-dl{flex-direction:column;gap:10px;margin:0;display:flex}.admin-dl>div{grid-template-columns:minmax(110px,38%) 1fr;align-items:start;gap:8px 16px;display:grid}.admin-dl--compact>div{grid-template-columns:130px 1fr}@media (width<=480px){.admin-dl>div,.admin-dl--compact>div{grid-template-columns:1fr;gap:2px}}.admin-dl dt{color:var(--color-text-muted,#6b6b6b);margin:0;font-size:.75rem}.admin-dl dd{color:#fff;word-break:break-word;margin:0;font-size:.8125rem}.admin-order-total{border-top:1px solid var(--color-card-border,#3c3c3c);color:#fff;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;padding-top:16px;font-family:Barlow Condensed,sans-serif;font-size:1.125rem;font-weight:600;display:flex}.admin-order-form .admin-form__grid{margin-bottom:4px}.admin-order-form .admin-btn--primary{margin-top:4px}.admin-row-actions{flex-wrap:wrap;gap:6px;display:flex}.admin-link-btn{border:1px solid var(--color-card-border,#3c3c3c);color:#fff;cursor:pointer;background:#000;border-radius:12px;padding:4px 10px;font-size:.75rem;text-decoration:none}.admin-link-btn--danger{color:#ff8fa3}.admin-form{flex-direction:column;gap:16px;display:flex}.admin-form__grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.admin-form__grid--3{grid-template-columns:repeat(3,1fr)}@media (width<=640px){.admin-form__grid,.admin-form__grid--3{grid-template-columns:1fr}}.admin-field label,.admin-field__label{color:var(--color-text-muted,#6b6b6b);margin-bottom:6px;font-size:.75rem;display:block}.admin-field--checkbox{align-items:center;gap:10px;padding-top:24px;display:flex}.admin-field--checkbox label{color:#fff;margin:0}.admin-section{border-top:1px solid var(--color-card-border,#3c3c3c);padding:16px}.admin-section__title{color:var(--color-accent,#d2334d);margin:0 0 12px;font-family:Barlow Condensed,sans-serif;font-size:1rem;font-weight:600}.admin-variant-card{border:1px solid var(--color-card-border,#3c3c3c);background:#000;border-radius:12px;margin-bottom:10px;padding:14px}.admin-variant-card__head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.admin-error{color:#ff8fa3;background:#d2334d1f;border:1px solid #d2334d59;border-radius:12px;margin-bottom:12px;padding:12px 14px;font-size:.8125rem}.admin-success{color:#51a665;background:#51a6651a;border:1px solid #51a66559;border-radius:12px;margin-bottom:12px;padding:12px 14px;font-size:.8125rem}.admin-empty{text-align:center;color:var(--color-text-muted,#6b6b6b);padding:40px 20px}.admin-login{background:#000;justify-content:center;align-items:center;min-height:100dvh;padding:20px;display:flex}.admin-login__card{border:1px solid var(--color-card-border,#3c3c3c);background:linear-gradient(155deg,#242424 0%,#1a1a1a 100%);border-radius:16px;width:100%;max-width:400px;padding:28px 24px}.admin-login__title{margin:0 0 8px;font-family:Barlow Condensed,sans-serif;font-size:1.5rem}.admin-login__hint{color:var(--color-text-muted,#6b6b6b);margin:0 0 20px;font-size:.8125rem}.admin-import-drop{border:2px dashed var(--color-card-border,#3c3c3c);text-align:center;cursor:pointer;border-radius:16px;padding:36px 20px;transition:border-color .15s,background .15s}.admin-import-drop--active{border-color:var(--color-accent,#d2334d);background:#d2334d0f}.admin-import-drop__title{margin:0 0 6px;font-family:Barlow Condensed,sans-serif;font-size:1.125rem}.admin-import-drop__hint{color:var(--color-text-muted,#6b6b6b);margin:0;font-size:.8125rem}.admin-import-template{border:1px solid var(--color-card-border,#3c3c3c);color:var(--color-text-secondary,#b0b0b0);background:#000;border-radius:12px;margin-top:16px;padding:14px 16px;font-size:.75rem;line-height:1.6;overflow-x:auto}.admin-import-result{margin-top:16px}.admin-import-errors{color:#ff8fa3;margin:10px 0 0;padding-left:18px;font-size:.75rem}.admin-import-errors li{margin-bottom:4px}.admin-config-block{border-bottom:1px solid #3c3c3c80;padding:14px 0}.admin-config-block:last-child{border-bottom:none;padding-bottom:0}.admin-config-block__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:8px;display:flex}.admin-config-block__title{color:#fff;margin:0;font-family:Barlow Condensed,sans-serif;font-size:1rem;font-weight:600}.admin-config-block__current{flex:1;min-width:220px;max-width:320px}.admin-config-block__hint{color:var(--color-text-muted,#6b6b6b);margin:0 0 10px;font-size:.75rem}.admin-config-block__empty{border:1px dashed var(--color-card-border,#3c3c3c);color:var(--color-text-muted,#6b6b6b);text-align:center;border-radius:12px;margin:0 0 10px;padding:12px;font-size:.75rem}.admin-option-grid{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.admin-option-chip{border:1px solid var(--color-card-border,#3c3c3c);cursor:pointer;-webkit-user-select:none;user-select:none;background:#000;border-radius:12px;align-items:center;gap:8px;padding:8px 12px;font-size:.75rem;display:inline-flex}.admin-option-chip:has(input:checked){border-color:var(--color-accent,#d2334d);color:#fff;background:#d2334d1a}.admin-option-chip input{accent-color:var(--color-accent,#d2334d)}.admin-custom-option{align-items:center;gap:8px;display:flex}.admin-custom-option .admin-input{flex:1}.admin-option-list{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.admin-option-row{border:1px solid var(--color-card-border,#3c3c3c);background:#000;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.admin-option-row--active{border-color:#d2334d73}.admin-option-row__check{align-items:center;display:flex}.admin-option-row__body{align-items:center;gap:8px;min-width:0;display:flex}.admin-option-row__name{color:#fff;font-size:.75rem}.admin-option-row__tag{color:var(--color-accent,#d2334d);text-transform:uppercase;letter-spacing:.06em;font-size:.625rem}.admin-option-row__price{align-items:center;gap:6px;display:flex}.admin-option-row__price-input{width:88px;min-height:34px;padding:6px 8px}.admin-option-row__price-label{color:var(--color-text-muted,#6b6b6b);white-space:nowrap;font-size:.6875rem}:root{--color-bg-deep:#000;--color-bg:#000;--color-surface:#1a1a1a;--color-surface-elevated:#212121;--color-surface-muted:#2b2b2b;--color-surface-hover:#333;--color-surface-glass:#121212f0;--color-border:#ffffff12;--color-border-strong:#3c3c3c;--color-border-accent:#d2334d66;--color-text:#fff;--color-text-secondary:#b0b0b0;--color-text-muted:#6b6b6b;--color-card-bg:var(--color-surface-elevated);--color-card-shell:var(--color-card-bg);--color-card-shell-border:var(--color-card-border);--color-card-surface:var(--color-surface-muted);--color-card-border:var(--color-border-strong);--color-accent:#d2334d;--color-accent-dim:#b02a40;--color-accent-glow:#d2334d47;--color-accent-soft:#d2334d1f;--color-success:#51a665;--font-display:"Roboto", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--header-height:52px;--bottom-nav-height:72px;--max-width:480px;--radius-sm:6px;--radius:10px;--radius-lg:18px;--feed-padding-x:24px;--card-list-max:368px;--shadow-card:0 1px 0 #ffffff08 inset, 0 16px 32px -20px #000000d9;--transition:.2s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{font-family:var(--font-body);background:var(--color-bg-deep);color:var(--color-text);-webkit-font-smoothing:antialiased;min-height:100dvh;line-height:1.5}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(70% 45% at 50% -10%,#d2334d12,#0000),radial-gradient(45% 35% at 100% 60%,#d2334d0a,#0000);position:fixed;inset:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}img{max-width:100%;display:block}.app-container{max-width:var(--max-width);background:var(--color-bg);z-index:1;min-height:100dvh;margin:0 auto;position:relative;box-shadow:0 0 80px #000000d9}.app-container--product,.app-container--home{background:var(--color-bg)}body:has(.app-container--product){background:var(--color-bg-deep)}.product-figma--loading{justify-content:center;align-items:center;min-height:60dvh;display:flex}.page{padding:16px;padding-bottom:calc(var(--bottom-nav-height) + 20px)}.page-title{font-family:var(--font-display);margin-bottom:14px;font-size:1.375rem;font-weight:500;line-height:1.2}.section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.section-title{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);font-size:.625rem;font-weight:500}.section-title--accent{color:var(--color-accent)}.card-grid{flex-direction:column;gap:8px;display:flex}.home-page{padding-bottom:calc(var(--bottom-nav-height) + 12px)}.home-categories{padding:14px var(--feed-padding-x) 4px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.home-category-tile{background:radial-gradient(ellipse 90% 80% at 100% 100%, #d2334d14, transparent 55%), linear-gradient(155deg, #242424 0%, var(--color-surface) 100%);border:1px solid var(--color-card-border);min-height:64px;transition:transform var(--transition), background var(--transition);border-radius:14px;align-items:center;gap:10px;padding:12px 12px 12px 14px;display:flex;position:relative;overflow:hidden}.home-category-tile--gaming:after{content:"";pointer-events:none;background:radial-gradient(circle,#d2334d38,#0000 68%);border-radius:50%;width:72px;height:72px;position:absolute;bottom:-24px;right:-20px}.home-category-tile--office:after{content:"";pointer-events:none;background:radial-gradient(circle,#d2334d1a,#0000 68%);border-radius:50%;width:64px;height:64px;position:absolute;bottom:-20px;right:-16px}.home-category-tile:active{background:radial-gradient(ellipse 90% 80% at 100% 100%, #d2334d1f, transparent 55%), linear-gradient(155deg, #282828 0%, var(--color-surface-hover) 100%);transform:scale(.98)}.home-category-tile__icon{z-index:1;width:36px;height:36px;color:var(--color-accent);background:#d2334d1f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.home-category-tile--office .home-category-tile__icon{background:var(--color-accent-soft);color:var(--color-accent)}.home-category-tile__text{z-index:1;flex-direction:column;flex:1;gap:2px;min-width:0;display:flex;position:relative}.home-category-tile__label{color:var(--color-text);font-family:Roboto,sans-serif;font-size:.8125rem;font-weight:500;line-height:1.2}.home-category-tile__hint{color:var(--color-text-muted);font-size:.625rem;line-height:1.2}.home-category-tile__arrow{z-index:1;color:var(--color-text-muted);flex-shrink:0;position:relative}.home-page__toolbar{padding:18px var(--feed-padding-x) 10px;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.home-page__heading{letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);flex:1;min-width:0;font-family:Roboto,sans-serif;font-size:.6875rem;font-weight:500;line-height:1.3}.home-feed{padding:4px var(--feed-padding-x) 0;flex-direction:column;gap:20px;display:flex}.home-feed:not(.home-feed--grid) .home-feed__item{max-width:var(--card-list-max);width:100%;margin-left:auto;margin-right:auto}.home-feed__item{isolation:isolate;background:radial-gradient(ellipse 100% 60% at 100% 0%, #d2334d12, transparent 50%), linear-gradient(168deg, #1e1e1e 0%, var(--color-card-shell) 55%, #181818 100%);border:.5px solid var(--color-card-shell-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border-top-color:#ffffff0d;padding:0 0 14px;position:relative;overflow:hidden}.home-feed__item .product-figma__frame{z-index:1;position:relative}.home-feed--in-page{margin-top:8px}.home-feed--grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 12px;display:grid}.home-feed--grid .home-feed__item{min-width:0;padding-bottom:8px}.home-feed--grid .home-feed__item .product-figma__frame{zoom:.68;max-width:100%}@supports not (zoom:1){.home-feed--grid .home-feed__item .product-figma__frame{transform-origin:top;margin-bottom:-100px;transform:scale(.68)}}.home-showcase{background:radial-gradient(ellipse 100% 60% at 100% 0%, #d2334d12, transparent 50%), linear-gradient(168deg, #1e1e1e 0%, var(--color-card-shell) 55%, #181818 100%);border:1px solid var(--color-card-shell-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin:12px 16px 0;overflow:hidden}.home-category{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:var(--transition);align-items:center;gap:10px;padding:11px 12px;display:flex}.home-category:active{border-color:var(--color-border-accent)}.home-category__icon{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-accent);background:#d2334d14;flex-shrink:0;justify-content:center;align-items:center;display:flex}.home-category__label{color:var(--color-text);font-family:Roboto,sans-serif;font-size:11px;font-weight:500;line-height:1.2}.home-showcase__body{padding:0 0 16px}.home-feed--detail{padding-top:12px;padding-bottom:24px}.home-feed--detail .home-feed__item{position:relative}.product-figma__frame--detail{padding-bottom:4px}.product-detail-page{margin:12px 16px 24px}.product-detail-page .product-figma__back{margin:12px 0 0 16px;position:relative;top:auto;left:auto}.quick-links{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:20px;display:grid}.quick-link{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:var(--transition);align-items:center;gap:10px;padding:14px;display:flex}.quick-link:active{border-color:var(--color-border-accent)}.quick-link__icon-wrap{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--color-accent);background:#d2334d1a;border:1px solid #d2334d33;flex-shrink:0;justify-content:center;align-items:center;display:flex}.quick-link__label{font-size:.8125rem;font-weight:500}.category-list{flex-direction:column;gap:8px;display:flex}.category-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:var(--transition);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.category-item:active{background:var(--color-surface-hover);border-color:var(--color-border-accent)}.category-item__left{align-items:center;gap:12px;min-width:0;display:flex}.category-item__index{color:var(--color-text-muted);flex-shrink:0;width:18px;font-size:.625rem;font-weight:500}.category-item__name{font-size:.875rem;font-weight:500}.category-item__arrow{color:var(--color-text-muted);flex-shrink:0}.category-item:active .category-item__arrow{color:var(--color-accent)}.product-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:var(--transition);display:block;overflow:hidden}.product-card:active{border-color:var(--color-border-accent)}.product-card__body{gap:12px;padding:12px;display:flex}.product-card__footer{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.product-card__name{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;font-size:.875rem;font-weight:500;display:-webkit-box;overflow:hidden}.product-card__price{font-family:Barlow Condensed,sans-serif;font-size:1.125rem;font-weight:500}.product-card__old-price{color:var(--color-text-muted);font-size:.75rem;text-decoration:line-through}.product-card__cta{color:var(--color-accent);text-transform:uppercase;letter-spacing:.04em;font-size:.6875rem;font-weight:500}.product-image{border-radius:var(--radius-sm);background:var(--color-surface);border:1px solid var(--color-border);flex-shrink:0;justify-content:center;align-items:center;width:88px;height:88px;display:flex;position:relative}.product-image--large{width:100%;height:200px}.product-image__glow{background:radial-gradient(circle at 50% 60%,#d2334d1a,#0000 65%);position:absolute;inset:0}.product-image__grid{background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:14px 14px;position:absolute;inset:0}.product-image__icon{color:var(--color-accent);opacity:.45;position:relative}.badge{letter-spacing:.06em;text-transform:uppercase;border-radius:4px;padding:2px 7px;font-size:.5625rem;font-weight:500;display:inline-flex}.badge--pc{color:var(--color-accent);background:#d2334d1f;border:1px solid #d2334d40}.badge--build{color:var(--color-accent);background:#d2334d14;border:1px solid #d2334d33}.badge--default{color:var(--color-success);background:#51a6651f;border:1px solid #51a66540}.btn-primary{border-radius:var(--radius-sm);background:var(--color-accent);color:#fff;letter-spacing:.04em;text-transform:uppercase;width:100%;transition:var(--transition);justify-content:center;align-items:center;padding:14px;font-size:.75rem;font-weight:500;display:flex}.btn-primary:active{opacity:.9}.specs-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-bottom:16px;overflow:hidden}.specs-panel__header{border-bottom:1px solid var(--color-border);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);padding:12px 14px;font-size:.625rem;font-weight:500}.specs-list__item{border-bottom:1px solid var(--color-border);justify-content:space-between;padding:11px 14px;font-size:.8125rem;display:flex}.specs-list__item:last-child{border-bottom:none}.specs-list__label{color:var(--color-text-muted)}.variant-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.variant-item--active{border-color:var(--color-border-accent);background:#d2334d0f}.loading{color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:40px 16px;font-size:.8125rem;display:flex}.loading__spinner{color:var(--color-accent);animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error{text-align:center;color:var(--color-accent);padding:40px 16px;font-size:.8125rem}.breadcrumb{color:var(--color-text-muted);align-items:center;gap:6px;margin-bottom:12px;font-size:.6875rem;display:flex}.breadcrumb a{color:var(--color-accent)}.empty-state{text-align:center;color:var(--color-text-muted);border:1px dashed var(--color-border);border-radius:var(--radius-sm);margin:16px;padding:40px 20px;font-size:.8125rem}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;padding:28px 20px}.panel__title{margin-bottom:6px;font-size:1rem;font-weight:500}.panel__text{color:var(--color-text-secondary);font-size:.8125rem}.product-detail__description{color:var(--color-text-secondary);margin-bottom:16px;font-size:.8125rem;line-height:1.6}