.category-panels{--category-radius:10px;--category-height:min(70vh, 600px);height:var(--category-height);outline:none;gap:10px;margin:2rem 5vw 3.5rem;display:flex}.category-panels:focus-visible{outline:3px solid var(--sun);outline-offset:5px}.category-panel{border-radius:var(--category-radius);background-color:var(--navy-deep);color:#fff;cursor:pointer;background-position:50%;background-size:cover;flex:1 1 0;min-width:0;transition:flex .85s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.category-panel:before{z-index:1;content:"";background:linear-gradient(#14081200 25%,#1408126b);position:absolute;inset:0}.category-panel.is-active{flex-grow:5.2}.category-panel__background{z-index:0;background:inherit;transform:scale(1.1);translate:var(--panel-x,0) var(--panel-y,0);transition:transform 7s ease-out,translate .5s ease-out;position:absolute;inset:-3%}.category-panel.is-active .category-panel__background{transform:scale(1.02)}.category-panel__label{z-index:2;color:#fff;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:flex-end;align-items:center;width:100%;padding:0 0 22px;transition:opacity .8s;display:flex;position:absolute;inset:0}.category-panel__fly{flex-direction:column;align-items:center;gap:10px;transition:transform .85s cubic-bezier(.5,0,.2,1);display:flex}.category-panel__label b{letter-spacing:1px;white-space:nowrap;writing-mode:vertical-rl;font-size:1.5rem;font-weight:800;transform:rotate(180deg)}.category-panel__label em{background:#ffffff38;border-radius:999px;padding:2px 9px;font-size:.8rem;font-style:normal}.category-panel.is-active .category-panel__label{opacity:0;pointer-events:none}.category-panel.is-active .category-panel__fly{transform:translateY(calc(var(--category-height) * -.78))}.category-panel__stamp{z-index:3;outline-offset:3px;letter-spacing:.5px;opacity:0;pointer-events:none;background:#ffffff14;border:2px solid #ffffffe6;border-radius:8px;outline:2px solid #ffffff8c;padding:8px 16px;font-size:1.05rem;font-weight:800;line-height:1.15;transition:opacity .2s,transform .2s;position:absolute;top:22px;right:22px;transform:scale(1.8)rotate(-16deg)}.category-panel__stamp small{letter-spacing:1.5px;opacity:.9;font-size:.72rem;font-weight:600;display:block}.category-panel.is-active .category-panel__stamp{opacity:.95;transition:opacity .25s .6s,transform .4s cubic-bezier(.3,1.7,.5,1) .6s;transform:scale(1)rotate(-7deg)}.category-panel__info{z-index:3;background:color-mix(in srgb, var(--panel-accent) 18%, #1a0a1861);-webkit-backdrop-filter:blur(10px);opacity:0;pointer-events:none;border:1px solid #ffffff42;border-radius:12px;max-width:460px;padding:20px;transition:opacity .4s;position:absolute;bottom:22px;left:18px;right:18px}.category-panel.is-active .category-panel__info{opacity:1;pointer-events:auto;transition-delay:.25s}.category-panel__info>*{opacity:0;transition:opacity .45s,transform .55s;transform:translateY(12px)}.category-panel.is-active .category-panel__info>*{opacity:1;transform:none}.category-panel.is-active .category-panel__info>:first-child{transition-delay:.35s}.category-panel.is-active .category-panel__info>:nth-child(2){transition-delay:.43s}.category-panel.is-active .category-panel__info>:nth-child(3){transition-delay:.51s}.category-panel.is-active .category-panel__info>:nth-child(4){transition-delay:.59s}.category-panel.is-active .category-panel__info>:nth-child(5){transition-delay:.67s}.category-panel__info h2{margin-bottom:6px;font-size:clamp(1.7rem,3vw,2.4rem)}.category-panel__info p{margin-bottom:10px;font-size:.96rem;line-height:1.45}.category-panel__tags{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.category-panel__tags span{background:#ffffff2e;border-radius:999px;padding:3px 10px;font-size:.78rem}.category-panel__offers{margin:0 0 14px;padding:0;font-size:.92rem;list-style:none}.category-panel__offers li{border-top:1px solid #fff3;justify-content:space-between;gap:12px;padding:6px 0;display:flex}.category-panel__offers li b{color:var(--panel-accent);white-space:nowrap}.category-panel__actions{flex-wrap:wrap;gap:8px;display:flex}.category-panel__button{cursor:pointer;border:2px solid #0000;border-radius:999px;padding:10px 20px;font-size:.92rem;font-weight:700;text-decoration:none;display:inline-block}.category-panel__button--main{border-color:var(--panel-accent);background:var(--panel-accent);color:#1d0b19}.category-panel__button--main:hover{filter:brightness(1.1)}.category-panel__button--ghost{color:#fff;border-color:#ffffffb3}.category-panel__button--ghost:hover{background:#ffffff26}.category-panels__loading{border-radius:var(--category-radius);background:var(--mist);flex:1;animation:1.5s ease-in-out infinite category-panel-pulse}@keyframes category-panel-pulse{50%{opacity:.55}}@media (width<=720px){.category-panels{--category-fly:-48px;flex-direction:column;height:720px}.category-panel__label{justify-content:center;align-items:flex-start;padding:0 18px}.category-panel__fly{flex-direction:row;align-items:center}.category-panel__label b{writing-mode:horizontal-tb;font-size:1.3rem;transform:none}.category-panel.is-active .category-panel__fly{transform:translateY(var(--category-fly,-48px))}.category-panel__info{padding:16px;bottom:12px;left:12px;right:12px}.category-panel__offers{display:none}.category-panel__stamp{font-size:.9rem;top:14px;right:14px}}@media (prefers-reduced-motion:reduce){.category-panels *,.category-panels :before,.category-panels :after{transition:none!important;animation:none!important}.category-panel__background{translate:none!important}}