/* Best-seller presentation studied with REA; Exotica artwork and commerce data.
   Scoped to the home section so product galleries and catalogue remain intact. */
#catalogo{--carousel-gap:clamp(1.1rem,1.8vw,1.6rem);--carousel-card:clamp(320px,27vw,420px);padding-block:56px 60px;border-bottom:0}
#catalogo .exo-section-heading{align-items:end;gap:24px;margin-bottom:30px}
#catalogo .exo-catalog-label{margin:0 0 12px;color:#a7a3b0;font-size:11px;font-weight:800;line-height:1.5;letter-spacing:.18em;text-transform:uppercase}
#catalogo .exo-section-heading h2{font-size:clamp(30px,3.4vw,49px);font-weight:750;line-height:1.15;letter-spacing:-.035em;margin:0}
/* taste-skill-ignore: purple title halo explicitly requested from the Oxlyn reference. */ #catalogo h2>span{color:#af52ff;text-shadow:0 0 22px #a238ff40}
#catalogo .exo-catalog-all{display:inline-flex;align-items:center;gap:10px;flex:none;padding:10px 0;color:#b9b5c2;font-size:14px;font-weight:650;line-height:1.5;text-decoration:none;transition:color .2s}
#catalogo .exo-catalog-all:hover{color:#fff}
#catalogo .exo-catalog-all .icon{width:16px;height:16px;transition:transform .2s}
#catalogo .exo-catalog-all:hover .icon{transform:translateX(3px)}
/* taste-skill-ignore: REA-confirmed 3% edge alpha mask, not a colored surface. */ #catalogo .exo-product-window{position:relative;width:100%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px 0 14px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
#catalogo .exo-product-window::-webkit-scrollbar{display:none}
#catalogo .exo-product-window:focus-visible{outline:2px solid #ad62ef;outline-offset:4px;border-radius:12px}
#catalogo .exo-product-track{display:flex;width:max-content;max-width:none;gap:0;overflow:visible;padding:0;scroll-snap-type:none;scroll-behavior:auto;transform:none}
#catalogo .exo-product-group{display:flex;align-items:stretch;gap:var(--carousel-gap);padding-right:var(--carousel-gap);flex:none}
#catalogo [data-carousel-copy]{display:none}
/* taste-skill-ignore: reference uses a translucent radial surface and 5% border over the section grid. */ #catalogo .exo-product-card{display:flex;flex-direction:column;flex:0 0 var(--carousel-card);width:var(--carousel-card);min-height:0;padding:0;scroll-snap-align:start;overflow:hidden;border:1px solid #ffffff0d;border-radius:12px;background:radial-gradient(74.31% 154.58% at 50% 0%,#0000004f 0%,#3333334f 100%);box-shadow:none;transform:none;transition:border-color .3s,box-shadow .3s}
/* taste-skill-ignore: reference hover border and restrained halo feedback. */ #catalogo .exo-product-card:hover{border-color:#b16de54d;box-shadow:0 0 0 1px #ac4ee51a;transform:none}
#catalogo .exo-product-media{display:block;position:relative;flex:none;width:100%;height:auto;aspect-ratio:16/9;overflow:hidden;background:#0c0c0d;border-radius:0}
#catalogo .exo-product-media img{position:static;inset:auto;display:block;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center;transform:scale(1.005);transform-origin:center;transition:transform .3s}
#catalogo .exo-product-card:hover .exo-product-media img{transform:scale(1.035)}
#catalogo .exo-product-content{display:flex;flex:1;flex-direction:column;gap:12px;padding:14px}
#catalogo .exo-product-content h3{font-size:18px;font-weight:700;line-height:28px;letter-spacing:-.01em;white-space:normal;overflow:visible;margin:0}
#catalogo .exo-product-content h3 a{display:block;text-decoration:none;color:#f4f3f6}
#catalogo .exo-frameworks{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-height:36px;padding:0;margin:0}
/* taste-skill-ignore: existing compatibility badge convention preserved. */ #catalogo .exo-frameworks>span{display:inline-flex;align-items:center;gap:5px;background:#ffffff17;border:1px solid #ffffff06;color:#bdbac4;border-radius:6px;padding:3px 6px;font-size:11px;font-weight:600;line-height:16px;white-space:nowrap}
#catalogo .exo-frameworks .framework-icon{width:16px;height:16px;max-width:16px}
#catalogo .exo-frameworks .framework-icon--esx{width:22px;max-width:22px;height:11px}
#catalogo .exo-product-buy{display:flex;flex-direction:column;gap:12px;margin-top:auto}
#catalogo .exo-product-price{display:flex;align-items:center;gap:9px;font-size:24px;font-weight:800;line-height:32px;letter-spacing:-.03em;margin:0!important;color:#f7f6f9}
/* taste-skill-ignore: price icon accent follows the selected reference. */ #catalogo .exo-price-tag{display:block;flex:none;fill:#b45fff;width:19px;height:19px;filter:drop-shadow(0 0 5px #a738ff4d)}
#catalogo .exo-product-cta{position:relative;display:flex;align-items:center;justify-content:center;gap:0;width:100%;height:42px;min-height:42px;padding:0 14px;border-radius:10px;font-size:14px;line-height:20px;font-weight:700;letter-spacing:-.01em;box-shadow:none;overflow:hidden;transform:none}
/* taste-skill-ignore: requested reference button hover feedback. */ #catalogo .exo-product-cta:hover{transform:none;box-shadow:0 0 20px #e6e0ff1a}
#catalogo .exo-card-cta-icon{display:inline-flex;align-items:center;justify-content:center;max-width:0;opacity:0;overflow:hidden;transform:translateX(-8px);transition:max-width .25s,opacity .25s,transform .25s,margin .25s}
#catalogo .exo-card-cta-icon .icon{width:16px;height:16px}
#catalogo .exo-product-cta:is(:hover,:focus-visible) .exo-card-cta-icon{max-width:22px;margin-right:7px;opacity:1;transform:none}
#catalogo .exo-catalog-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:3px}
#catalogo .exo-catalog-controls[hidden],#catalogo .exo-catalog-motion[hidden]{display:none!important}
#catalogo .exo-catalog-motion{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:8px 2px;border:0;background:none;color:#a9a4b3;font:550 11px/1.4 Inter,sans-serif}
#catalogo .exo-catalog-motion:hover{color:#eadcf7}
#catalogo [data-carousel-motion-icon]{font-size:15px;width:17px;text-align:center}
#catalogo .exo-catalog-arrows{display:flex;gap:8px;margin-left:auto}
/* taste-skill-ignore: manual navigation control boundary. */ #catalogo .exo-catalog-arrows button{display:grid;place-items:center;width:36px;height:36px;border:1px solid #ffffff1a;border-radius:50%;background:#ffffff05;color:#c7c1d0;transition:background .2s,border-color .2s}
#catalogo .exo-catalog-arrows button:hover{background:#a23de51f;border-color:#a963d675}
#catalogo .exo-catalog-arrows .icon{width:16px;height:16px}
#catalogo [data-carousel-prev] .icon{transform:rotate(180deg)}
#catalogo .exo-product-window[data-mode=auto]{overflow:hidden;scroll-snap-type:none}
#catalogo .exo-product-window[data-mode=auto] [data-carousel-copy]{display:flex}
#catalogo .exo-product-window[data-mode=auto] .exo-product-track{animation:exo-script-marquee var(--carousel-duration,24s) linear infinite;animation-delay:var(--carousel-delay,0s);animation-play-state:paused;will-change:transform}
#catalogo .exo-product-window[data-mode=auto][data-playing=true] .exo-product-track{animation-play-state:running}
#catalogo .exo-product-window[data-mode=auto]:is(:hover,:focus-within) .exo-product-track{animation-play-state:paused}
#catalogo .exo-product-window[data-mode=manual]:focus-within{-webkit-mask-image:none;mask-image:none}
@keyframes exo-script-marquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@media(max-width:860px),(hover:none){#catalogo .exo-product-window{-webkit-mask-image:none;mask-image:none}#catalogo .exo-product-window[data-mode=auto]{overflow-x:auto;scroll-snap-type:x mandatory}#catalogo .exo-product-window[data-mode=auto] .exo-product-track{animation:none;will-change:auto}#catalogo .exo-product-window[data-mode=auto] [data-carousel-copy]{display:none}}
@media(max-width:640px){#catalogo{--carousel-card:min(300px,84vw);--carousel-gap:16px;padding-block:36px 38px}#catalogo .exo-section-heading{align-items:end;gap:15px;margin-bottom:23px}#catalogo .exo-catalog-label{font-size:9px;margin-bottom:9px;letter-spacing:.15em}#catalogo .exo-section-heading h2{font-size:28px;line-height:1.12;max-width:270px}#catalogo .exo-catalog-all{font-size:11px;gap:6px;padding-bottom:3px}#catalogo .exo-catalog-all .icon{width:13px;height:13px}#catalogo .exo-product-content{padding:13px;gap:10px}#catalogo .exo-product-content h3{font-size:17px;line-height:26px}#catalogo .exo-frameworks{min-height:44px}#catalogo .exo-frameworks>span{font-size:10px;padding:3px 5px}#catalogo .exo-product-price{font-size:23px}#catalogo .exo-product-cta{height:44px;min-height:44px;font-size:13px}#catalogo .exo-catalog-controls{margin-top:0}}
@media(prefers-reduced-motion:reduce){#catalogo .exo-product-window[data-mode=auto]{overflow-x:auto;scroll-snap-type:x mandatory}#catalogo .exo-product-window[data-mode=auto] .exo-product-track{animation:none;will-change:auto}#catalogo .exo-product-window[data-mode=auto] [data-carousel-copy]{display:none}#catalogo .exo-product-media img,#catalogo .exo-product-card:hover .exo-product-media img{transform:none}}
