.cat-carousel{--cat-card:118px;--cat-gap:14px;--cat-accent:rgba(0, 255, 100, 0.45);--cat-accent-soft:rgba(0, 255, 100, 0.12);width:100%;margin:10px 0 14px;padding:6px 0 6px;box-sizing:border-box}.cat-carousel--customer{--cat-green-rgb:106,152,31;--cat-title-gradient:linear-gradient(90deg, #4a6b32 0%, #6a981f 48%, #80bf28 100%);--cat-title-filter:none;--cat-name-color:#3d5230;--cat-name-hover:#5a8218;--cat-name-active:#6a981f;--cat-name-glow:none;--cat-frame-bg:linear-gradient(165deg, #ffffff 0%, #eef8e6 100%);--cat-frame-border:rgba(var(--cat-green-rgb), 0.26);--cat-frame-shadow:0 10px 26px rgba(26, 38, 18, 0.08),inset 0 1px 0 rgba(255, 255, 255, 0.95);--cat-accent:rgba(128, 191, 40, 0.62);--cat-accent-soft:rgba(128, 191, 40, 0.14);--cat-shine:linear-gradient(135deg, rgba(255, 255, 255, 0.72) 0%, transparent 48%);--cat-section-bg:linear-gradient(180deg, rgba(255, 255, 255, 0.72) 0%, rgba(243, 250, 240, 0.45) 100%);--cat-section-border:rgba(var(--cat-green-rgb), 0.18);--cat-section-shadow:0 12px 32px rgba(26, 38, 18, 0.06);margin:10px 0 16px;padding:14px clamp(10px,2.5vw,18px) 10px;border-radius:18px;background:var(--cat-section-bg);border:1px solid var(--cat-section-border);box-shadow:var(--cat-section-shadow);transition:background .35s ease,border-color .35s ease,box-shadow .35s ease}[data-theme=dark] .cat-carousel--customer{--cat-green-rgb:168,220,72;--cat-title-gradient:linear-gradient(90deg, #e8f5c8 0%, #a8dc48 52%, #96d032 100%);--cat-title-filter:drop-shadow(0 0 16px rgba(168, 220, 72, 0.28));--cat-name-color:rgba(230, 245, 210, 0.94);--cat-name-hover:#c8f078;--cat-name-active:#d8ff90;--cat-name-glow:0 0 16px rgba(168, 220, 72, 0.38);--cat-frame-bg:linear-gradient(165deg, rgba(24, 36, 26, 0.96) 0%, rgba(12, 20, 14, 0.98) 100%);--cat-frame-border:rgba(var(--cat-green-rgb), 0.42);--cat-frame-shadow:0 12px 30px rgba(0, 0, 0, 0.42),inset 0 1px 0 rgba(255, 255, 255, 0.06);--cat-accent:rgba(var(--cat-green-rgb), 0.78);--cat-accent-soft:rgba(var(--cat-green-rgb), 0.18);--cat-shine:linear-gradient(135deg, rgba(255, 255, 255, 0.12) 0%, transparent 44%);--cat-section-bg:linear-gradient(165deg, rgba(16, 26, 18, 0.88) 0%, rgba(10, 16, 12, 0.72) 100%);--cat-section-border:rgba(var(--cat-green-rgb), 0.28);--cat-section-shadow:0 16px 40px rgba(0, 0, 0, 0.32),0 0 0 1px rgba(var(--cat-green-rgb), 0.1)}.cat-carousel__head{display:block;text-align:center;margin-bottom:14px;padding:0 8px}.cat-carousel__title{margin:0;display:inline-block;font-size:1.12rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;background:linear-gradient(90deg,#5cff95 0,#0f6 55%,#7dffb8 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 28px rgba(0,255,100,.22);filter:drop-shadow(0 0 12px rgba(0, 255, 100, .18))}.cat-carousel--customer .cat-carousel__title{font-family:Outfit,Inter,sans-serif;font-size:1.18rem;letter-spacing:.14em;background:var(--cat-title-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;filter:var(--cat-title-filter)}.cat-carousel__viewport{position:relative;overflow:hidden;mask-image:linear-gradient(90deg,transparent 0,#000 28px,#000 calc(100% - 28px),transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 28px,#000 calc(100% - 28px),transparent 100%)}.cat-carousel__track{display:flex;align-items:flex-start;gap:var(--cat-gap);width:max-content;animation:cat-carousel-marquee 52s linear infinite;will-change:transform}.cat-carousel__viewport:focus-within .cat-carousel__track,.cat-carousel__viewport:hover .cat-carousel__track{animation-play-state:paused}@keyframes cat-carousel-marquee{0%{transform:translateX(0)}100%{transform:translateX(calc(-100% / var(--cat-marquee-segments,2)))}}@media (prefers-reduced-motion:reduce){.cat-carousel__track{animation:none;flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding-bottom:6px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.cat-carousel__viewport{mask-image:none;-webkit-mask-image:none;overflow-x:auto}}.cat-carousel__card{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:10px;width:calc(var(--cat-card) + 20px);padding:0;border:0;background:0 0;cursor:pointer;text-decoration:none;color:inherit;scroll-snap-align:start;transition:transform .2s ease}.cat-carousel__card:hover{transform:translateY(-3px)}.cat-carousel--pos .cat-carousel__card.is-active .cat-carousel__frame,.cat-carousel--pos .cat-carousel__card:hover .cat-carousel__frame{border-color:var(--cat-accent);box-shadow:0 0 0 1px var(--cat-accent-soft),0 10px 28px rgba(0,0,0,.45),0 0 22px var(--cat-accent-soft)}.cat-carousel__frame{position:relative;width:var(--cat-card);height:var(--cat-card);border-radius:20px;border:2px solid rgba(255,255,255,.1);background:linear-gradient(155deg,rgba(18,24,18,.95),rgba(6,8,6,.98));box-shadow:0 8px 22px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.06);overflow:hidden;display:grid;place-items:center}.cat-carousel--pos .cat-carousel__frame{background:linear-gradient(155deg,rgba(12,22,14,.96),rgba(4,10,6,.98))}.cat-carousel--customer .cat-carousel__frame{border-radius:22px;border-color:var(--cat-frame-border);background:var(--cat-frame-bg);box-shadow:var(--cat-frame-shadow);transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}.cat-carousel--customer .cat-carousel__shine{background:var(--cat-shine)}.cat-carousel--customer .cat-carousel__card.is-active .cat-carousel__frame,.cat-carousel--customer .cat-carousel__card:hover .cat-carousel__frame{border-color:var(--cat-accent);box-shadow:0 0 0 1px var(--cat-accent-soft),var(--cat-frame-shadow),0 0 24px var(--cat-accent-soft)}:root:not([data-theme=dark]) .cat-carousel--customer .cat-carousel__card.is-active .cat-carousel__frame,:root:not([data-theme=dark]) .cat-carousel--customer .cat-carousel__card:hover .cat-carousel__frame{transform:translateY(-2px)}.cat-carousel__img{width:100%;height:100%;object-fit:cover;display:block}.cat-carousel__emoji{font-size:2.6rem;line-height:1;filter:drop-shadow(0 4px 10px rgba(0, 0, 0, .35))}.cat-carousel__shine{pointer-events:none;position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.14) 0,transparent 42%,transparent 100%)}.cat-carousel__name{display:block;max-width:calc(var(--cat-card) + 24px);text-align:center;font-size:.9rem;font-weight:700;line-height:1.3;letter-spacing:.02em;color:#d4fbe2;text-wrap:balance;transition:color .2s ease,text-shadow .2s ease}.cat-carousel--pos .cat-carousel__name{color:#c8f5dc;font-size:.96rem;font-weight:800;letter-spacing:.015em;text-transform:none;line-height:1.25;max-width:calc(var(--cat-card) + 20px)}.cat-carousel--pos .cat-carousel__title{font-size:1.42rem;font-weight:900;letter-spacing:.12em}.cat-carousel--pos{--cat-card:148px;--cat-gap:18px;margin:12px 0 18px;padding:8px 0 10px}.cat-carousel--pos .cat-carousel__card{width:calc(var(--cat-card) + 14px);gap:8px}.cat-carousel--pos .cat-carousel__frame{border-radius:22px;border-width:2px}.cat-carousel--pos .cat-carousel__emoji{font-size:3.1rem}.cat-carousel--pos .cat-carousel__viewport{mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%)}.cat-carousel--customer .cat-carousel__name{font-family:Outfit,Inter,sans-serif;font-size:.94rem;font-weight:700;color:var(--cat-name-color);text-shadow:none}.cat-carousel--customer .cat-carousel__card.is-active .cat-carousel__name,.cat-carousel--customer .cat-carousel__card:hover .cat-carousel__name{color:var(--cat-name-hover);text-shadow:var(--cat-name-glow)}.cat-carousel--customer .cat-carousel__card.is-active .cat-carousel__name{color:var(--cat-name-active)}.cat-carousel--pos .cat-carousel__card.is-active .cat-carousel__name,.cat-carousel--pos .cat-carousel__card:hover .cat-carousel__name{filter:brightness(1.12);text-shadow:0 0 12px currentColor}.cat-carousel--pos .cat-carousel__card--tone-c1 .cat-carousel__name{color:#b2ff00}.cat-carousel--pos .cat-carousel__card--tone-c2 .cat-carousel__name{color:#38bdf8}.cat-carousel--pos .cat-carousel__card--tone-c3 .cat-carousel__name{color:#f472b6}.cat-carousel--pos .cat-carousel__card--tone-c4 .cat-carousel__name{color:#fbbf24}.cat-carousel--pos .cat-carousel__card--tone-c5 .cat-carousel__name{color:#a78bfa}.cat-carousel--pos .cat-carousel__card--tone-c6 .cat-carousel__name{color:#fb7185}.cat-carousel--pos .cat-carousel__grid-pos{display:grid;grid-template-columns:repeat(5,calc(var(--cat-card) + 14px));justify-content:center;gap:var(--cat-gap);margin:0 auto;padding:0 8px;list-style:none}.cat-carousel--pos .cat-carousel__grid-pos .cat-carousel__item{display:flex;justify-content:center}@media (max-width:900px){.cat-carousel--pos .cat-carousel__grid-pos{grid-template-columns:repeat(3,calc(var(--cat-card) + 14px))}}@media (max-width:520px){.cat-carousel--pos .cat-carousel__grid-pos{grid-template-columns:repeat(2,calc(var(--cat-card) + 14px))}}@media (max-width:640px){.cat-carousel:not(.cat-carousel--customer):not(.cat-carousel--pos){--cat-card:96px;--cat-gap:10px}.cat-carousel--pos{--cat-card:118px;--cat-gap:14px}.cat-carousel:not(.cat-carousel--customer):not(.cat-carousel--pos) .cat-carousel__card{width:calc(var(--cat-card) + 12px)}.cat-carousel--pos .cat-carousel__card{width:calc(var(--cat-card) + 10px)}.cat-carousel__title{font-size:1rem;letter-spacing:.12em}.cat-carousel:not(.cat-carousel--customer):not(.cat-carousel--pos) .cat-carousel__name{font-size:.95rem;letter-spacing:.05em;text-transform:uppercase}.cat-carousel--pos .cat-carousel__title{font-size:1.22rem;letter-spacing:.1em}.cat-carousel--pos .cat-carousel__name{font-size:.84rem;letter-spacing:.01em}}.customer-catalog-shell .cat-carousel--customer{margin-left:auto;margin-right:auto;width:100%;max-width:100%;box-sizing:border-box}.cat-carousel--customer .cat-carousel__viewport{mask-image:none;-webkit-mask-image:none}.cat-carousel--customer .cat-carousel__grid-mobile{display:none}@media (max-width:768px){.cat-carousel--customer .cat-carousel__head{margin-bottom:.65rem;padding:0;text-align:center}.cat-carousel--customer .cat-carousel__title{font-size:.92rem;letter-spacing:.1em}.cat-carousel--customer .cat-carousel__grid-mobile>.cat-carousel__item>.cat-carousel__card:hover{transform:none}.cat-carousel--customer .cat-carousel__grid-mobile .cat-carousel__frame{border-radius:13px;border-width:1.5px}.cat-carousel--customer .cat-carousel__grid-mobile .cat-carousel__img{object-fit:cover;object-position:center}.cat-carousel--customer .cat-carousel__grid-mobile .cat-carousel__emoji{font-size:1.55rem}.cat-carousel--customer .cat-carousel__grid-mobile .cat-carousel__name--mobile{font-family:Outfit,Inter,sans-serif;font-size:clamp(.6rem, 2.55vw, .7rem);font-weight:700;line-height:1.22;letter-spacing:.015em;text-align:center;text-wrap:balance;word-break:normal;overflow-wrap:break-word;hyphens:none;color:var(--cat-name-color)}.cat-carousel--customer .cat-carousel__grid-mobile .cat-carousel__card.is-active .cat-carousel__name--mobile{color:var(--cat-name-active)}}@media (min-width:769px){.customer-catalog-shell .cat-carousel--customer{--cat-carousel-edge:clamp(12px, 1.75vw, 18px);margin-left:max(var(--customer-layout-gutter,1rem),env(safe-area-inset-left,0px));margin-right:max(var(--customer-layout-gutter,1rem),env(safe-area-inset-right,0px));width:auto;padding:14px var(--cat-carousel-edge) 10px;overflow:visible}.cat-carousel--customer .cat-carousel__head{padding-inline:0}.cat-carousel--customer .cat-carousel__grid-mobile{display:none!important}.cat-carousel--customer>.cat-carousel__viewport--desktop{display:block!important;visibility:visible!important;height:auto!important;max-height:none!important;margin:0!important;padding:0!important;overflow:hidden!important;pointer-events:auto!important;box-sizing:border-box}.cat-carousel--customer>.cat-carousel__viewport--desktop .cat-carousel__track{display:flex!important;animation:cat-carousel-marquee 52s linear infinite}}@media (min-width:769px) and (prefers-reduced-motion:reduce){.cat-carousel--customer .cat-carousel__viewport--desktop .cat-carousel__track{animation:none}}