/* XYLO v2.12 — catalog presentation only. Page-scoped; no checkout styling changes. */
.xv-catalog-main .xv21-discovery-head{gap:0!important;padding:4px 2px 12px!important;margin:0 0 8px!important;min-height:0!important;border-color:rgba(var(--xv-cat-accent-rgb),.13)!important}
.xv-catalog-main .xv21-discovery-overline{font-size:10px!important;letter-spacing:.15em;opacity:.83}
.xv-catalog-main .xv76g-product-modebar{margin:8px 0 14px!important}
.xv-catalog-main .xv76g-mode-note,.xv-catalog-main .xv21-hero-stats{display:none!important}
.xv-catalog-main .xv-catalog-hero-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:19px!important;margin-bottom:22px!important}
.xv-catalog-main .xv-catalog-hero{min-height:300px!important;box-shadow:0 20px 60px rgba(0,0,0,.3),0 0 40px rgba(var(--xv-cat-accent-rgb),.08)!important}
.xv-catalog-main .xv-catalog-hero-copy{min-height:300px!important;padding-top:24px!important;padding-bottom:28px!important}
.xv-catalog-main .xv-catalog-side{display:block!important;min-height:0!important;min-width:0!important;position:relative}
.xv-catalog-main .xv-catalog-side-title{display:flex!important;font-weight:950!important;font-size:17px!important;letter-spacing:-.02em!important;text-transform:none!important;margin:0 2px 10px!important}
.xv-catalog-main .xv212-featured-track{
  display:flex!important;flex-direction:row!important;grid-template-columns:none!important;
  gap:12px!important;width:100%;overflow-x:auto!important;overflow-y:hidden!important;
  scroll-snap-type:x proximity;scrollbar-width:none;scroll-behavior:smooth;
  padding:6px 5px 13px!important;overscroll-behavior-x:contain;overscroll-behavior-y:auto;
  touch-action:auto;-webkit-overflow-scrolling:touch;
  mask-image:linear-gradient(to right,transparent 0,#000 17px,#000 calc(100% - 17px),transparent 100%);
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 17px,#000 calc(100% - 17px),transparent 100%);
}
.xv-catalog-main .xv212-featured-track::-webkit-scrollbar{display:none!important}
.xv-catalog-main .xv212-featured-track .xv-catalog-pick{
  flex:0 0 clamp(285px,30vw,440px)!important;width:clamp(285px,30vw,440px)!important;
  display:grid!important;grid-template-columns:60px minmax(0,1fr)!important;
  position:relative;min-height:86px!important;border-radius:17px!important;
  padding:12px!important;scroll-snap-align:start;
  background:linear-gradient(125deg,rgba(var(--xv-cat-accent-rgb),.12),rgba(20,12,35,.95) 58%,rgba(8,7,15,.96))!important;
  border:1px solid rgba(var(--xv-cat-accent-rgb),.3)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 6px 24px rgba(0,0,0,.22),0 0 18px rgba(var(--xv-cat-accent-rgb),.09)!important;
  transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease!important;
}
.xv-catalog-main .xv212-featured-track .xv-catalog-pick:hover,.xv-catalog-main .xv212-featured-track .xv-catalog-pick:focus-visible{transform:translateY(-3px)!important;border-color:rgba(var(--xv-cat-accent-rgb),.72)!important;box-shadow:0 12px 32px rgba(0,0,0,.25),0 0 24px rgba(var(--xv-cat-accent-rgb),.25)!important}
.xv-catalog-main .xv212-featured-track .xv-catalog-pick img{width:60px!important;height:60px!important;border-radius:12px!important;aspect-ratio:1/1!important;object-fit:cover}
.xv-catalog-main .xv212-featured-track .xv-catalog-pick-name{font-size:13px!important}
.xv-catalog-main .xv212-featured-track .xv-catalog-pick-badge{display:none!important}
.xv-catalog-main .xv-catalog-filter-shell{border-color:rgba(var(--xv-cat-accent-rgb),.29)!important;background:linear-gradient(135deg,rgba(24,14,42,.91),rgba(11,9,20,.96))!important;box-shadow:inset 0 1px rgba(255,255,255,.035),0 14px 34px rgba(0,0,0,.17)!important}
.xv-catalog-main .xv-catalog-section-head{margin-top:13px!important;margin-bottom:11px!important}
.xv-catalog-main .xv-catalog-section-head p{display:none!important}
.xv-catalog-main .xv212-pagination-wrap{display:grid;justify-items:center;gap:12px;margin:21px 0 6px}
.xv-catalog-main .xv212-page-links{display:flex;justify-content:center;align-items:center;gap:6px;flex-wrap:nowrap;max-width:100%;overflow-x:auto;scrollbar-width:none;padding:6px 2px}
.xv-catalog-main .xv212-page-links::-webkit-scrollbar{display:none}
.xv-catalog-main .xv212-page-edge,.xv-catalog-main .xv212-page-number{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:38px;height:39px;padding:0 9px;border-radius:12px;color:#e8d9fc;font-weight:900;font-size:12px;text-decoration:none;border:1px solid rgba(var(--xv-cat-accent-rgb),.3);background:linear-gradient(155deg,rgba(var(--xv-cat-accent-rgb),.15),rgba(13,11,25,.97));box-shadow:inset 0 1px rgba(255,255,255,.075);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}
.xv-catalog-main .xv212-page-edge:hover,.xv-catalog-main .xv212-page-number:hover{border-color:rgba(var(--xv-cat-accent-rgb),.76);box-shadow:0 0 18px rgba(var(--xv-cat-accent-rgb),.16)}
.xv-catalog-main .xv212-page-number.is-current{background:linear-gradient(135deg,#7040d8,#a050ec)!important;border-color:rgba(255,255,255,.28);box-shadow:0 0 22px rgba(160,80,236,.24);color:#fff}
.xv-catalog-main .xv212-page-edge.is-disabled{opacity:.34;pointer-events:none}
.xv-catalog-main .xv212-count{font-size:11px;line-height:1.6;text-align:center;color:#ad9bc8;letter-spacing:.02em}
.xv-catalog-main .xv212-count strong{color:#f1e4ff;font-weight:900}
.xv212-policy-bar{display:flex;justify-content:center;max-width:1400px;margin:22px auto 10px;padding:0 12px}
.xv212-important-trigger{display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:36px;border-radius:12px;padding:8px 14px;border:1px solid rgba(255,109,121,.52);background:linear-gradient(135deg,#541823,#271018);box-shadow:0 6px 26px rgba(163,25,54,.16),inset 0 1px rgba(255,255,255,.09);color:#ffdce2;font-size:11px;font-weight:900;letter-spacing:.04em;transition:filter .2s ease,transform .2s ease}
.xv212-important-trigger:hover{filter:brightness(1.2);transform:translateY(-1px)}
.xv212-important-trigger:focus-visible,.xv212-notice a:focus-visible,.xv212-notice button:focus-visible{outline:2px solid #ffd1dc;outline-offset:3px}
.xv212-notice[hidden]{display:none!important}
.xv212-notice{position:fixed;inset:0;z-index:10030;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(4,3,12,.82);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}
.xv212-notice-panel{position:relative;width:min(100%,450px);max-height:calc(100dvh - 36px);overflow-y:auto;border-radius:22px;padding:27px 25px 23px;border:1px solid rgba(255,117,129,.38);background:linear-gradient(145deg,#301321,#130d22 60%,#201039);box-shadow:0 35px 95px rgba(0,0,0,.55),0 0 45px rgba(153,48,78,.14);text-align:center;color:#f8ecf8}
.xv212-notice h2{font-weight:950;font-size:22px;letter-spacing:-.025em;margin:10px 0 7px}
.xv212-notice p{color:#d1bfd4;font-size:13px;line-height:1.65}
.xv212-notice-icon{display:grid;place-items:center;margin:0 auto;width:51px;height:51px;border-radius:16px;background:rgba(243,63,94,.16);border:1px solid rgba(251,113,133,.36);font-size:23px;color:#fb7185}
.xv212-notice-close{position:absolute;right:13px;top:12px;display:grid;place-items:center;width:33px;height:33px;border-radius:9px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.04);color:#fff}
.xv212-notice-links{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:19px 0 15px}
.xv212-notice-links a{display:flex;align-items:center;justify-content:center;gap:6px;min-height:43px;padding:8px;border:1px solid rgba(216,180,254,.27);border-radius:12px;color:#ead5ff;font-size:11px;font-weight:850;text-decoration:none;background:rgba(160,80,236,.09)}
.xv212-notice-done{width:100%;min-height:42px;border-radius:12px;background:linear-gradient(120deg,#7040d8,#a050ec);font-weight:900;font-size:12px;color:#fff}
@media(max-width:760px){
 .xv-catalog-main .xv21-discovery-head{padding:1px 0 9px!important}
 .xv-catalog-main .xv-catalog-hero{min-height:262px!important}
 .xv-catalog-main .xv-catalog-hero-copy{min-height:262px!important;padding:18px 20px!important}
 .xv-catalog-main .xv-catalog-title{font-size:clamp(31px,8.6vw,42px)!important}
 .xv-catalog-main .xv-catalog-side-title{display:flex!important;font-size:15px!important}
 .xv-catalog-main .xv212-featured-track{gap:10px!important}
 .xv-catalog-main .xv212-featured-track .xv-catalog-pick{flex-basis:min(73vw,295px)!important;width:min(73vw,295px)!important;grid-template-columns:56px minmax(0,1fr)!important;min-height:77px!important;padding:9px 10px!important}
 .xv-catalog-main .xv212-featured-track .xv-catalog-pick img{width:55px!important;height:55px!important}
 .xv-catalog-main .xv-mobile-filter-bar{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:9px!important;margin-bottom:11px!important}
 .xv-catalog-main .xv-mobile-filter-menu{position:relative;min-width:0;z-index:9}
 .xv-catalog-main .xv-mobile-filter-menu:focus-within{z-index:90}
 .xv-catalog-main .xv-mobile-filter-menu:has(.xv-mobile-filter-menu-panel:not(.hidden)){z-index:90}
 .xv-catalog-main .xv-mobile-filter-trigger{min-height:52px!important;border-radius:15px!important;padding:0 10px!important;gap:8px!important;font-size:11px!important;background:linear-gradient(145deg,rgba(var(--xv-cat-accent-rgb),.19),rgba(14,10,25,.97))!important;border:1px solid rgba(var(--xv-cat-accent-rgb),.44)!important;box-shadow:inset 0 1px rgba(255,255,255,.09),0 5px 14px rgba(0,0,0,.14)!important}
 .xv-catalog-main .xv-mobile-filter-trigger[aria-expanded="true"]{border-color:rgba(var(--xv-cat-accent-rgb),.87)!important;box-shadow:0 0 0 2px rgba(var(--xv-cat-accent-rgb),.10),0 0 23px rgba(var(--xv-cat-accent-rgb),.17)!important}
 .xv-catalog-main .xv-mobile-filter-icon{width:30px!important;height:30px!important;flex-basis:30px!important;border-radius:10px!important;box-shadow:inset 0 1px rgba(255,255,255,.07)}
 .xv-catalog-main .xv-mobile-filter-menu-panel{max-height:min(330px,48vh);border-radius:16px!important;background:#171027!important;border:1px solid rgba(var(--xv-cat-accent-rgb),.54)!important;box-shadow:0 18px 44px rgba(0,0,0,.44)!important;overscroll-behavior:contain}
 .xv-catalog-main .xv-mobile-filter-menu-panel.hidden{display:none!important;pointer-events:none!important}
 .xv-catalog-main .xv-catalog-sort-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;min-height:58px!important;border-radius:15px!important;padding:8px 11px!important;margin:0 0 7px!important;background:linear-gradient(110deg,rgba(var(--xv-cat-accent-rgb),.12),rgba(14,10,25,.91))!important;border:1px solid rgba(var(--xv-cat-accent-rgb),.31)!important}
 .xv-catalog-main .xv-catalog-sort-row label{font-weight:900!important;letter-spacing:.12em!important;color:#d7c3ef!important;font-size:10px!important;white-space:nowrap}
 .xv-catalog-main .xv-catalog-sort-row select{flex:1 1 55%!important;min-width:0!important;max-width:none!important;min-height:41px!important;border-radius:12px!important;border:1px solid rgba(var(--xv-cat-accent-rgb),.35)!important;background:#211432!important;color:#fff!important;font-size:11px!important;font-weight:800!important}
 .xv-catalog-main .xv212-page-links{gap:4px}
 .xv-catalog-main .xv212-page-edge,.xv-catalog-main .xv212-page-number{min-width:34px;height:36px;padding:0 7px;border-radius:10px}
 .xv212-notice-panel{padding:23px 18px 19px}
}
@media(max-width:360px){.xv-catalog-main .xv212-page-edge,.xv-catalog-main .xv212-page-number{min-width:31px;height:35px;padding:0 5px}.xv-catalog-main .xv-catalog-sort-row label{font-size:9px!important}}
@media(prefers-reduced-motion:reduce){.xv-catalog-main .xv212-featured-track{scroll-behavior:auto!important}.xv212-important-trigger{transition:none!important}}