#shop-container.shop-list{--category-accent: var(--brand-primary, #5b9fff);--list-b: var(--brand-secondary, #a847d4);--accent-text: color-mix(in srgb, var(--category-accent) 70%, var(--text-color))}#shop-container.shop-list .cat-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:clamp(20px,3.4vw,44px);min-height:clamp(150px,17vw,230px);margin:0 0 20px;padding:clamp(18px,3.4vw,44px) clamp(18px,4vw,56px);border-radius:28px;border:1px solid color-mix(in srgb, var(--category-accent) 42%, var(--menu-border-color, var(--border-color)));background:radial-gradient(46% 150% at 100% 40%, color-mix(in srgb, var(--category-accent) 46%, transparent), transparent 72%),radial-gradient(52% 140% at 0% 100%, color-mix(in srgb, var(--list-b) 34%, transparent), transparent 72%),var(--hero-base, var(--box-background-full, var(--header-background)));box-shadow:0 24px 60px color-mix(in srgb, var(--category-accent) 24%, transparent),inset 0 1px 0 hsla(0,0%,100%,.08),inset 0 -1px 0 rgba(0,0,0,.25)}#shop-container.shop-list .cat-hero::before{content:"";position:absolute;inset:0;z-index:-2;background-image:repeating-linear-gradient(115deg, color-mix(in srgb, var(--category-accent) 9%, transparent) 0 2px, transparent 2px 26px),linear-gradient(color-mix(in srgb, var(--category-accent) 12%, transparent) 1px, transparent 1px),linear-gradient(90deg, color-mix(in srgb, var(--category-accent) 12%, transparent) 1px, transparent 1px);background-size:auto,40px 40px,40px 40px;-webkit-mask-image:radial-gradient(75% 130% at 85% 40%, #000, transparent 78%);mask-image:radial-gradient(75% 130% at 85% 40%, #000, transparent 78%)}#shop-container.shop-list .cat-hero::after{content:"";position:absolute;inset-inline:8%;bottom:0;height:2px;z-index:1;border-radius:2px;background:linear-gradient(90deg, transparent, var(--category-accent), var(--list-b), transparent);box-shadow:0 0 18px var(--category-accent);opacity:.85}#shop-container.shop-list .cat-hero__ghost{position:absolute;left:0;top:50%;transform:translateY(-52%);z-index:-1;width:46%;overflow:hidden;direction:ltr;white-space:nowrap;font:900 clamp(70px, 12vw, 190px)/1 "Segoe UI","Helvetica Neue",Arial,sans-serif;letter-spacing:.02em;text-transform:uppercase;color:rgba(0,0,0,0);-webkit-text-stroke:1.5px color-mix(in srgb, var(--category-accent) 38%, transparent);pointer-events:none;user-select:none;-webkit-mask-image:linear-gradient(to right, #000 15%, transparent 100%);mask-image:linear-gradient(to right, #000 15%, transparent 100%)}#shop-container.shop-list .cat-hero__icon{position:relative;flex:none;display:grid;place-items:center;width:clamp(84px,11vw,148px);aspect-ratio:1;border-radius:32px;background:radial-gradient(85% 90% at 50% 0%, color-mix(in srgb, var(--category-accent) 62%, transparent), transparent 82%),radial-gradient(color-mix(in srgb, #fff 14%, transparent) 1px, transparent 1.2px) 0 0/12px 12px,linear-gradient(160deg, rgba(255, 255, 255, 0.06), transparent 60%),var(--shop-card-media-base, rgba(20, 24, 42, 0.95));border:1px solid color-mix(in srgb, var(--category-accent) 60%, transparent);box-shadow:0 18px 44px color-mix(in srgb, var(--category-accent) 46%, transparent),inset 0 1px 0 hsla(0,0%,100%,.18),inset 0 -12px 24px rgba(0,0,0,.25)}#shop-container.shop-list .cat-hero__icon svg{width:58%;height:58%;fill:#fff;filter:drop-shadow(0 6px 16px color-mix(in srgb, var(--category-accent) 75%, transparent))}#shop-container.shop-list .cat-hero__icon img{width:62%;height:auto}#shop-container.shop-list .cat-hero__icon::after{content:"";position:absolute;inset:-10px;border-radius:40px;border:2px dashed color-mix(in srgb, var(--category-accent) 40%, transparent);pointer-events:none}#shop-container.shop-list .cat-hero__body{min-width:0;flex:1;text-align:right}#shop-container.shop-list .cat-hero__eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:999px;border:1px solid color-mix(in srgb, var(--category-accent) 50%, transparent);background:color-mix(in srgb, var(--category-accent) 14%, transparent);color:var(--accent-text);font:700 12px/1 "Courier New",monospace;letter-spacing:2.4px;text-transform:uppercase;direction:ltr;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#shop-container.shop-list .cat-hero__title{margin:14px 0 16px;font-size:clamp(30px,4.6vw,60px);font-weight:900;line-height:1.2;color:rgba(0,0,0,0);background:linear-gradient(110deg, var(--text-color) 30%, var(--accent-text) 95%);-webkit-background-clip:text;background-clip:text}#shop-container.shop-list .cat-hero__meta{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}#shop-container.shop-list .cat-hero__meta li{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:999px;border:1px solid color-mix(in srgb, var(--category-accent) 24%, var(--menu-border-color, var(--border-color)));background:color-mix(in srgb, var(--box-background-full, #fff) 68%, transparent);color:var(--text-color);font-size:14px;font-weight:700}#shop-container.shop-list .cat-hero__meta li b{color:var(--accent-text);font-size:17px;font-weight:900}#shop-container.shop-list .cat-hero__meta li svg{width:16px;height:16px;color:var(--accent-text)}#shop-container.shop-list .cat-hero__meta li.is-live::before{content:"";width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 10px #22c55e}#shop-container.shop-list .search-in-shop{position:relative;margin:0 0 22px;width:100%;padding:12px;border-radius:20px;border:1px solid color-mix(in srgb, var(--category-accent) 22%, var(--menu-border-color, var(--border-color)));background:color-mix(in srgb, var(--box-background-full, var(--header-background)) 85%, transparent);box-shadow:0 10px 30px rgba(0,0,0,.12)}#shop-container.shop-list .shop-search__input{height:54px;transition:border-color .25s,box-shadow .25s}#shop-container.shop-list .shop-search__input:focus{outline:none;border-color:var(--category-accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--category-accent) 20%, transparent),0 8px 24px color-mix(in srgb, var(--category-accent) 18%, transparent)}#shop-container.shop-list .shop-dd__trigger{transition:border-color .25s,box-shadow .25s,background .25s,transform .3s cubic-bezier(0.22, 1, 0.36, 1)}#shop-container.shop-list .shop-dd__trigger:hover{transform:translateY(-2px);border-color:var(--category-accent)}#shop-container.shop-list .shop-dd__trigger.is-open,#shop-container.shop-list .shop-dd__trigger.is-active{border-color:var(--category-accent);background:color-mix(in srgb, var(--category-accent) 12%, var(--header-search-bg, var(--box-background-full)));box-shadow:0 8px 22px color-mix(in srgb, var(--category-accent) 25%, transparent)}#shop-container.shop-list .shop-dd__ico{color:var(--category-accent)}#shop-container.shop-list .products-container .product-item{transition:box-shadow .3s,transform .35s cubic-bezier(0.22, 1, 0.36, 1),border-color .3s}#shop-container.shop-list .products-container .product-item:hover{transform:translateY(-6px);border-color:color-mix(in srgb, var(--category-accent) 70%, transparent);box-shadow:0 20px 44px color-mix(in srgb, var(--category-accent) 32%, transparent),0 0 0 1px color-mix(in srgb, var(--category-accent) 35%, transparent)}body.dark #shop-container.shop-list{--hero-base: rgba(18, 22, 40, 0.96)}body.dark #shop-container.shop-list .search-in-shop{background:rgba(18,22,40,.7)}@media(max-width: 640px){#shop-container.shop-list .cat-hero{margin-inline:0;min-height:0;border-radius:20px;padding:18px 16px;gap:14px}#shop-container.shop-list .cat-hero__ghost{display:none}#shop-container.shop-list .cat-hero__icon{border-radius:22px}#shop-container.shop-list .cat-hero__icon::after{inset:-6px;border-radius:28px}#shop-container.shop-list .cat-hero__title{margin:10px 0 12px}#shop-container.shop-list .cat-hero__meta li{padding:6px 12px;font-size:13px}#shop-container.shop-list .cat-hero__meta li b{font-size:15px}#shop-container.shop-list .search-in-shop{margin-inline:0;width:100%;padding:10px;border-radius:16px}}@media(prefers-reduced-motion: reduce){#shop-container.shop-list *{animation:none !important;transition:none !important}}
