/* CCID Studio V19 — actual 3-card 3D carousel, supersedes the V17 positioning.
   No new products or images are manufactured: all cards are sourced from existing
   featured product cards rendered by app.js. */
#featured.ccid19-enabled {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}
#featured.ccid19-enabled .section-top {
  position: relative;
  z-index: 3;
}
#featured.ccid19-enabled #featuredGrid {
  display: block !important;
  position: relative;
  width: 100%;
  max-width: 1180px;
  height: 528px;
  margin: 8px auto 0;
  overflow: visible;
  perspective: 1450px;
  perspective-origin: 50% 45%;
  transform-style: preserve-3d;
  touch-action: pan-y;
  user-select: none;
  -webkit-user-select: none;
}
#featured.ccid19-enabled #featuredGrid::before {
  content: "";
  pointer-events: none;
  position: absolute;
  z-index: 0;
  left: 10%;
  right: 10%;
  bottom: 8px;
  height: 85px;
  border: 1px solid rgba(179, 110, 245, .14);
  background: radial-gradient(ellipse at center, rgba(148, 78, 226, .16), rgba(24, 12, 39, .1) 48%, transparent 72%);
  transform: perspective(700px) rotateX(71deg);
  border-radius: 50%;
  filter: blur(5px);
}
#featured.ccid19-enabled #featuredGrid > .product-card {
  box-sizing: border-box;
  display: flex !important;
  flex-direction: column;
  position: absolute !important;
  top: 18px !important;
  left: 50% !important;
  inset-inline-start: 50% !important;
  width: clamp(262px, 35vw, 388px) !important;
  max-width: none !important;
  min-width: 0 !important;
  height: 446px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 23px;
  background: linear-gradient(165deg, rgba(34, 20, 52, .97), rgba(13, 8, 24, .97));
  border: 1px solid rgba(203, 163, 245, .23) !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, .42);
  backface-visibility: hidden;
  transform-origin: center center;
  transform: translate3d(-50%, 18px, -330px) scale(.66);
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  filter: brightness(.6) saturate(.7);
  transition:
    transform .74s cubic-bezier(.18,.81,.2,1),
    opacity .52s ease,
    filter .6s ease,
    border-color .4s ease,
    box-shadow .4s ease,
    visibility 0s linear .75s;
  will-change: transform;
}
#featured.ccid19-enabled #featuredGrid > .product-card.ccid19-center,
#featured.ccid19-enabled #featuredGrid > .product-card.ccid19-left,
#featured.ccid19-enabled #featuredGrid > .product-card.ccid19-right {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition-delay: 0s;
}
#featured.ccid19-enabled #featuredGrid > .product-card.ccid19-center {
  z-index: 9 !important;
  transform: translate3d(-50%, 0, 0) rotateY(0deg) scale(1) !important;
  filter: none !important;
  border-color: rgba(218, 172, 255, .65) !important;
  box-shadow: 0 28px 75px rgba(0, 0, 0, .54), 0 0 24px rgba(150, 88, 212, .14);
}
#featured.ccid19-enabled #featuredGrid > .product-card.ccid19-left {
  z-index: 4 !important;
  transform: translate3d(calc(-50% - clamp(178px, 28vw, 338px)), 17px, -140px) rotateY(22deg) scale(.84) !important;
  filter: blur(.7px) brightness(.7) saturate(.78) !important;
}
#featured.ccid19-enabled #featuredGrid > .product-card.ccid19-right {
  z-index: 4 !important;
  transform: translate3d(calc(-50% + clamp(178px, 28vw, 338px)), 17px, -140px) rotateY(-22deg) scale(.84) !important;
  filter: blur(.7px) brightness(.7) saturate(.78) !important;
}
#featured.ccid19-enabled #featuredGrid > .product-card.ccid19-left::after,
#featured.ccid19-enabled #featuredGrid > .product-card.ccid19-right::after {
  content: "";
  pointer-events: none;
  position: absolute;
  inset: 0;
  background: linear-gradient(145deg, rgba(176, 135, 223, .10), rgba(16, 10, 30, .28) 74%);
  border-radius: inherit;
  backdrop-filter: blur(.8px);
  -webkit-backdrop-filter: blur(.8px);
}
#featured.ccid19-enabled #featuredGrid > .product-card.ccid19-left:hover,
#featured.ccid19-enabled #featuredGrid > .product-card.ccid19-right:hover {
  filter: blur(.3px) brightness(.86) saturate(.9) !important;
}
#featured.ccid19-enabled #featuredGrid > .product-card.ccid19-center:hover {
  filter: brightness(1.05) !important;
}
#featured.ccid19-enabled #featuredGrid > .product-card .product-media {
  position: relative;
  flex: 0 0 60%;
  height: 60% !important;
  min-height: 0;
  aspect-ratio: auto !important;
}
#featured.ccid19-enabled #featuredGrid > .product-card .product-media img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
#featured.ccid19-enabled #featuredGrid > .product-card .product-info {
  flex: 1;
  height: auto !important;
  min-height: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 16px 18px 15px;
  background: linear-gradient(145deg, #23162f, #100a19);
}
#featured.ccid19-enabled #featuredGrid > .product-card .product-info h3 {
  font-size: clamp(15px, 1.65vw, 18px);
  line-height: 1.35;
  margin: 7px 0 8px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  min-height: 0;
}
#featured.ccid19-enabled #featuredGrid > .product-card .product-info p {display:none}
#featured.ccid19-enabled #featuredGrid > .product-card .price-row {margin-top:auto;gap:10px;align-items:flex-end}
#featured.ccid19-enabled #featuredGrid > .product-card .price b {font-size:clamp(13px,1.48vw,16px);line-height:1.5}
#featured.ccid19-enabled #featuredGrid > .product-card .tag {z-index:2}
#featured.ccid19-enabled #featuredGrid > .product-card.ccid19-ghost {cursor:pointer}
#featured.ccid19-enabled #featuredGrid > .product-card.ccid19-ghost * {pointer-events:none}
#featured.ccid19-enabled .ccid19-nav {
  position: relative;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  margin: -4px auto 0;
}
#featured.ccid19-enabled .ccid19-nav > button {
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  padding:0;
  border:1px solid rgba(190,141,244,.3);
  border-radius:50%;
  color:#f7e9ff;
  background:rgba(31,18,48,.8);
  cursor:pointer;
  font-size:25px;
  line-height:1;
  transition:background .2s ease,border-color .2s ease,transform .2s ease;
}
#featured.ccid19-enabled .ccid19-nav > button:hover {background:rgba(105,62,160,.85);border-color:rgba(210,168,255,.55);transform:scale(1.06)}
#featured.ccid19-enabled .ccid19-nav button:focus-visible {outline:2px solid #cf9fff;outline-offset:3px}
#featured.ccid19-enabled .ccid19-dots {display:flex;align-items:center;justify-content:center;gap:9px;max-width:200px;overflow:auto;scrollbar-width:none}
#featured.ccid19-enabled .ccid19-dots button {width:9px;height:9px;min-width:9px;border-radius:999px;padding:0;border:0;background:rgba(194,166,220,.35);cursor:pointer;transition:width .24s,background .24s}
#featured.ccid19-enabled .ccid19-dots button[aria-current="true"] {width:27px;background:#bc84fd}
#featured.ccid19-enabled .ccid19-hint {position:relative;z-index:4;color:#a693bb;letter-spacing:.17em;font-size:10px;text-align:center;margin:11px auto 0}
#featured.ccid19-enabled.ccid19-single #featuredGrid {height:495px}
#featured.ccid19-enabled.ccid19-single .ccid19-nav {display:none}
@media (max-width:780px){
 #featured.ccid19-enabled #featuredGrid {height:488px}
 #featured.ccid19-enabled #featuredGrid > .product-card {width:clamp(245px,43vw,340px)!important;height:418px!important}
 #featured.ccid19-enabled #featuredGrid > .product-card.ccid19-left {transform:translate3d(calc(-50% - clamp(183px,29vw,268px)), 16px, -130px) rotateY(20deg) scale(.8)!important}
 #featured.ccid19-enabled #featuredGrid > .product-card.ccid19-right {transform:translate3d(calc(-50% + clamp(183px,29vw,268px)), 16px, -130px) rotateY(-20deg) scale(.8)!important}
}
@media (max-width:560px){
 #featured.ccid19-enabled #featuredGrid {height:407px;margin-top:12px;perspective:900px}
 #featured.ccid19-enabled #featuredGrid > .product-card {top:7px!important;width:clamp(214px,67vw,282px)!important;height:358px!important;border-radius:19px}
 #featured.ccid19-enabled #featuredGrid > .product-card.ccid19-left {transform:translate3d(calc(-50% - clamp(158px,44vw,210px)), 14px, -110px) rotateY(18deg) scale(.77)!important}
 #featured.ccid19-enabled #featuredGrid > .product-card.ccid19-right {transform:translate3d(calc(-50% + clamp(158px,44vw,210px)), 14px, -110px) rotateY(-18deg) scale(.77)!important}
 #featured.ccid19-enabled #featuredGrid > .product-card .product-media {height:58%!important;flex-basis:58%}
 #featured.ccid19-enabled #featuredGrid > .product-card .product-info {padding:11px 12px 12px}
 #featured.ccid19-enabled #featuredGrid > .product-card .product-info h3 {font-size:14px;line-height:1.32;margin:5px 0 7px}
 #featured.ccid19-enabled #featuredGrid > .product-card .product-info small {font-size:9px}
 #featured.ccid19-enabled #featuredGrid > .product-card .price-row {gap:4px}
 #featured.ccid19-enabled #featuredGrid > .product-card .price b {font-size:12px}
 #featured.ccid19-enabled .ccid19-nav{margin:-7px auto 0;gap:14px}
 #featured.ccid19-enabled .ccid19-nav > button{height:42px;width:42px}
 #featured.ccid19-enabled.ccid19-single #featuredGrid {height:390px}
}
@media (prefers-reduced-motion:reduce){
 #featured.ccid19-enabled #featuredGrid > .product-card,
 #featured.ccid19-enabled .ccid19-dots button {transition:none!important}
}