/* Chethu Creations Cinematic Slider v3.2.0 — consolidated stylesheet.
   All declarations are scoped to the plugin to avoid conflicts with WooCommerce/theme CSS. */
.cccb-shell,.cccb-shell *{box-sizing:border-box}
.cccb-shell{--cccb-ink:#211629;position:relative;isolation:isolate;display:block;width:100%;max-width:1440px;min-width:0;margin:0 auto 26px!important;padding:0!important;clear:both;color:#fff;font-family:inherit;line-height:1.35;overflow:visible}
.cccb-shell.cccb-auto:not(.cccb-placed){visibility:hidden;max-height:0;overflow:hidden}
.cccb-shell button{font:inherit;cursor:pointer}
.cccb-shell img{display:block;max-width:100%}
.cccb-shell a{text-decoration:none}
.cccb-shell :focus-visible{outline:3px solid #ffe09a!important;outline-offset:3px!important}
.cccb-shell .cccb-hero{position:relative;isolation:isolate;overflow:hidden;width:100%;height:510px;border-radius:0;background:#270460;outline:0}
.cccb-shell .cccb-track{width:100%;height:100%;display:flex;will-change:transform;transform:translate3d(0,0,0);transition:transform .65s cubic-bezier(.22,1,.36,1)}
.cccb-shell .cccb-slide{--cccb-a:#3a066c;--cccb-b:#101c93;--cccb-c:#b325bf;position:relative;flex:0 0 100%;width:100%;min-width:0;height:100%;overflow:hidden;background:radial-gradient(ellipse at 11% 12%,var(--cccb-c) 0%,transparent 54%),linear-gradient(115deg,var(--cccb-a) 0%,var(--cccb-b) 72%,var(--cccb-c) 130%);color:#fff}
.cccb-shell .cccb-purple{--cccb-a:#42016b;--cccb-b:#071f84;--cccb-c:#a300c2}
.cccb-shell .cccb-ruby{--cccb-a:#99072b;--cccb-b:#bb1538;--cccb-c:#ff6e40}
.cccb-shell .cccb-gold{--cccb-a:#ac330a;--cccb-b:#c94b10;--cccb-c:#ffb632}
.cccb-shell .cccb-emerald{--cccb-a:#053d35;--cccb-b:#066b54;--cccb-c:#25a986}
.cccb-shell .cccb-blue{--cccb-a:#111c57;--cccb-b:#153eaa;--cccb-c:#5685ef}
.cccb-shell .cccb-rose{--cccb-a:#710a48;--cccb-b:#b81879;--cccb-c:#f0a3a0}
.cccb-shell .cccb-slide-background{position:absolute;inset:0;z-index:0;background-image:linear-gradient(90deg,rgba(12,5,33,.25),rgba(12,5,33,.04)),var(--cccb-custom-bg,linear-gradient(transparent,transparent));background-size:cover;background-position:center}
.cccb-shell .cccb-sparkle{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 14% 70%,#fff3a7 0 1px,transparent 3px),radial-gradient(circle at 75% 17%,#fff6db 0 1.2px,transparent 4px),radial-gradient(circle at 52% 57%,#fff9c6 0 1px,transparent 5px),radial-gradient(circle at 90% 81%,#ffd6b4 0 1px,transparent 5px),repeating-linear-gradient(145deg,transparent 0 48px,rgba(255,255,255,.04) 49px 50px,transparent 51px 100px)}
.cccb-shell .cccb-slide:after{content:"";position:absolute;z-index:0;right:-13%;bottom:-45%;width:85%;height:90%;border-top:1px solid rgba(255,219,143,.55);transform:rotate(-30deg);background:radial-gradient(ellipse at 60% 60%,rgba(255,199,131,.27),transparent 64%);pointer-events:none}
.cccb-shell .cccb-top-lights{position:absolute;z-index:4;top:0;left:0;right:0;height:11px;background:radial-gradient(circle,#fff7ae 0 2px,#ffa441 3px,transparent 5px) left top/20px 11px repeat-x;filter:drop-shadow(0 0 3px rgba(255,187,69,.9))}
.cccb-shell .cccb-festival-pill{position:absolute;top:0;left:50%;z-index:5;transform:translateX(-50%);height:42px;max-width:91%;min-width:0;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 22px;border-radius:0 0 24px 24px;border:1px solid rgba(255,255,255,.6);border-top:0;background:linear-gradient(#fff4b7,#ffce67);box-shadow:0 5px 22px rgba(10,0,30,.25);color:#422146;font-size:16px;font-weight:850;white-space:nowrap;text-overflow:ellipsis}
.cccb-shell .cccb-festival-pill img{width:23px;height:23px;object-fit:contain;border-radius:50%}
.cccb-shell .cccb-festival-pill>span{color:#9039ad;font-size:20px}
.cccb-shell .cccb-slide-layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);align-items:center;gap:28px;padding:74px 4.2% 74px;width:100%;height:100%}
.cccb-shell .cccb-sale-copy{min-width:0;align-self:center}
.cccb-shell .cccb-eyebrow{display:inline-block;margin:0 0 12px;color:#ffe8aa;letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:800}
.cccb-shell .cccb-sale-copy h2{color:#fff!important;font-size:clamp(34px,4.3vw,62px)!important;line-height:1.06!important;letter-spacing:-.04em!important;font-weight:900!important;margin:0 0 15px!important;max-width:9em;overflow-wrap:break-word;text-shadow:0 2px 12px rgba(0,0,0,.12)}
.cccb-shell .cccb-subheading{max-width:15em;margin:0 0 20px!important;color:#fff;font-size:clamp(17px,2vw,29px);font-weight:650;line-height:1.25}
.cccb-shell .cccb-perks{display:flex;align-items:center;gap:16px;margin:0 0 20px;color:#fff;font-size:14px;font-weight:850;line-height:1.2}
.cccb-shell .cccb-perks i{height:24px;width:1px;flex:0 0 1px;background:rgba(255,255,255,.75)}
.cccb-shell .cccb-white-offer,.cccb-shell .cccb-whatsapp{display:none!important}
.cccb-shell .cccb-shop-button{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;max-width:100%;padding:12px 20px;border:1px solid rgba(255,255,255,.14);border-radius:9px;background:linear-gradient(110deg,#772be0,#4823c6);box-shadow:0 5px 16px rgba(13,6,40,.26);color:#fff!important;font-size:15px;font-weight:850;line-height:1.3;transition:filter .18s,transform .18s}
.cccb-shell .cccb-shop-button:hover{filter:brightness(1.16);transform:translateY(-2px)}
.cccb-shell .cccb-trust{display:flex;gap:15px;flex-wrap:wrap;margin:16px 0 0;color:#ffe4b6;font-size:12px;font-weight:600}
.cccb-shell .cccb-picture{position:relative;z-index:2;align-self:center;min-width:0;width:100%}
.cccb-shell .cccb-picture-frame{width:100%;height:320px;overflow:hidden;border:4px solid #fbd78a;border-radius:13px;background:#fff;box-shadow:0 16px 35px rgba(11,0,34,.33),0 0 0 1px rgba(255,255,255,.3)}
.cccb-shell .cccb-picture-frame img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#fff}
.cccb-shell .cccb-picture-frame .cccb-featured-image{object-fit:cover}
.cccb-shell .cccb-prev,.cccb-shell .cccb-next{position:absolute;z-index:6;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:rgba(9,0,27,.18);color:#fff!important;font-size:30px;line-height:1}
.cccb-shell .cccb-prev{left:8px}.cccb-shell .cccb-next{right:8px}
.cccb-shell .cccb-prev:hover,.cccb-shell .cccb-next:hover{background:rgba(0,0,0,.5)}
.cccb-shell .cccb-bottom-controls{position:absolute;z-index:7;left:50%;bottom:49px;transform:translateX(-50%);display:flex;gap:10px;align-items:center;padding:6px 10px;background:rgba(13,4,35,.3);border-radius:40px}
.cccb-shell .cccb-dots{display:flex;align-items:center;gap:6px}
.cccb-shell .cccb-dot{display:block;min-width:0!important;min-height:0!important;width:7px;height:7px;padding:0!important;border:0!important;border-radius:100%;background:rgba(255,255,255,.55);transition:width .2s}
.cccb-shell .cccb-dot.is-active{width:23px;border-radius:20px;background:#ffdd97}
.cccb-shell .cccb-pause{border:0!important;background:transparent!important;padding:0!important;min-width:0!important;min-height:0!important;color:#fff!important;font-size:12px;line-height:1}
.cccb-shell .cccb-hero-bottom-fade{position:absolute;z-index:3;inset:auto 0 0;height:85px;pointer-events:none;background:linear-gradient(0deg,#f8f8fa 0%,rgba(248,248,250,0) 100%)}
/* Card rail: 4 cards at desktop, 3 on tablet, 2 on mobile; additional items swipe. */
.cccb-shell .cccb-below{position:relative;z-index:8;margin:-26px 0 0;color:var(--cccb-ink)}
.cccb-shell .cccb-section-header{display:none}
.cccb-shell .cccb-card-rail{display:flex;width:100%;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-behavior:smooth;padding:0 8px 12px;outline:0}
.cccb-shell .cccb-card-rail::-webkit-scrollbar,.cccb-shell .cccb-category-rail::-webkit-scrollbar{display:none}
.cccb-shell .cccb-shop-card{display:flex;flex:0 0 calc((100% - 60px)/4);width:calc((100% - 60px)/4);max-width:calc((100% - 60px)/4);height:auto;min-height:0;aspect-ratio:2/3;flex-direction:column;overflow:hidden;scroll-snap-align:start;padding:12px;border:1px solid #edeaf1;border-radius:18px;background:#fff;color:#201b25!important;box-shadow:0 4px 11px rgba(16,7,34,.13);transition:transform .2s,box-shadow .2s}
.cccb-shell .cccb-shop-card:hover{transform:translateY(-2px);box-shadow:0 7px 22px rgba(14,7,35,.16)}
.cccb-shell .cccb-shop-card-head{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;flex:0 0 auto;overflow:hidden;height:auto;min-height:38px;margin:0 0 6px;color:#1d1922;font-size:clamp(14px,1.4vw,20px);font-weight:850;line-height:1.15}
.cccb-shell .cccb-shop-card-image{display:flex;align-items:center;justify-content:center;align-self:center;flex:0 1 auto;width:min(84%,240px);max-height:62%;min-height:0;aspect-ratio:4/5;overflow:hidden;padding:5px;border-radius:10px;background:#f8f8fa}
.cccb-shell .cccb-shop-card-image img{width:100%;height:100%;object-fit:contain;object-position:center}
.cccb-shell .cccb-shop-card-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;flex:0 1 auto;overflow:hidden;margin:9px 0 5px;min-height:32px;color:#225d90;font-size:clamp(12px,1.15vw,16px);line-height:1.2}
.cccb-shell .cccb-shop-card-price{flex:0 0 auto;margin-top:auto;color:#1a1720;font-size:clamp(16px,1.5vw,22px);font-weight:850;line-height:1.18}
.cccb-shell .cccb-shop-card-price del{color:#7b7b7b;font-size:.65em;font-weight:500;margin-right:5px}
.cccb-shell .cccb-shop-card-price ins{text-decoration:none}
.cccb-shell .cccb-shop-card-shop{flex:0 0 auto;margin-top:auto;color:#09669b;font-size:clamp(12px,1.2vw,17px);font-weight:750}
.cccb-shell .cccb-rail-controls{display:none}
.cccb-shell .cccb-categories{margin:17px 8px 0;color:var(--cccb-ink)}
.cccb-shell .cccb-categories .cccb-section-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 3px 6px}
.cccb-shell .cccb-section-header strong{font-size:16px;font-weight:850}
.cccb-shell .cccb-section-header>span{color:#736b7c;font-size:11px}
.cccb-shell .cccb-category-rail{display:flex;gap:13px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:5px 2px 12px}
.cccb-shell .cccb-category-card{flex:0 0 92px;display:flex;flex-direction:column;align-items:center;gap:7px;color:#231c2e!important;font-size:11px;text-align:center;line-height:1.25;font-weight:750;scroll-snap-align:start}
.cccb-shell .cccb-category-circle{display:flex;align-items:center;justify-content:center;width:77px;height:77px;overflow:hidden;border:2px solid #f1d9b0;border-radius:50%;background:linear-gradient(135deg,#fff4ff,#fff9df);padding:7px}
.cccb-shell .cccb-category-circle img{width:100%;height:100%;object-fit:contain;border-radius:50%}
@media (min-width:601px) and (max-width:900px){
 .cccb-shell .cccb-hero{height:450px}
 .cccb-shell .cccb-slide-layout{padding:70px 3% 65px;gap:15px;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr)}
 .cccb-shell .cccb-sale-copy h2{font-size:clamp(29px,4.6vw,42px)!important}
 .cccb-shell .cccb-subheading{font-size:clamp(15px,2.4vw,21px);margin-bottom:12px!important}
 .cccb-shell .cccb-perks{gap:10px;margin-bottom:15px;font-size:12px}
 .cccb-shell .cccb-picture-frame{height:260px}
 .cccb-shell .cccb-shop-card{flex-basis:calc((100% - 44px)/3);width:calc((100% - 44px)/3);max-width:calc((100% - 44px)/3)}
 .cccb-shell .cccb-shop-card-image{width:85%;max-height:61%}
 .cccb-shell .cccb-shop-card-head{min-height:30px}
 .cccb-shell .cccb-trust{font-size:10px}
}
@media (max-width:600px){
 .cccb-shell{margin:0 auto 20px!important}
 .cccb-shell .cccb-hero{height:385px}
 .cccb-shell .cccb-festival-pill{height:32px;max-width:89%;padding:0 10px;border-radius:0 0 17px 17px;font-size:clamp(10px,2.8vw,12px);gap:6px}
 .cccb-shell .cccb-festival-pill img{width:18px;height:18px}
 .cccb-shell .cccb-festival-pill>span{font-size:16px}
 .cccb-shell .cccb-slide-layout{grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);align-items:start;gap:9px;padding:55px 14px 54px}
 .cccb-shell .cccb-sale-copy{align-self:start;padding-top:13px}
 .cccb-shell .cccb-eyebrow{font-size:9px;letter-spacing:.06em;margin-bottom:9px}
 .cccb-shell .cccb-sale-copy h2{font-size:clamp(23px,6.6vw,32px)!important;line-height:1.03!important;letter-spacing:-.035em!important;max-width:none;margin:0 0 10px!important}
 .cccb-shell .cccb-subheading{font-size:clamp(12px,3.45vw,15px);line-height:1.2;max-width:none;margin:0 0 13px!important}
 .cccb-shell .cccb-perks{font-size:9px;gap:7px;line-height:1.2;margin:0 0 14px}
 .cccb-shell .cccb-perks i{height:19px}
 .cccb-shell .cccb-shop-button{font-size:11px;padding:8px 12px;min-height:34px;gap:10px;border-radius:7px}
 .cccb-shell .cccb-trust{display:none}
 .cccb-shell .cccb-picture{align-self:start;padding-top:24px}
 .cccb-shell .cccb-picture-frame{height:200px;border-width:3px;border-radius:8px;box-shadow:0 10px 21px rgba(7,0,31,.2)}
 .cccb-shell .cccb-prev,.cccb-shell .cccb-next{top:82%;width:28px;height:28px;font-size:24px;background:rgba(0,0,0,.2)}
 .cccb-shell .cccb-prev{left:5px}.cccb-shell .cccb-next{right:5px}
 .cccb-shell .cccb-bottom-controls{bottom:36px;padding:5px 9px}
 .cccb-shell .cccb-dot{width:6px;height:6px}.cccb-shell .cccb-dot.is-active{width:20px}
 .cccb-shell .cccb-hero-bottom-fade{height:76px}
 .cccb-shell .cccb-below{margin:-20px 0 0}
 .cccb-shell .cccb-card-rail{gap:9px;padding:0 9px 12px}
 .cccb-shell .cccb-shop-card{flex-basis:calc((100% - 26px)/2.1);width:calc((100% - 26px)/2.1);max-width:calc((100% - 26px)/2.1);aspect-ratio:2/3;padding:10px;border-radius:15px}
 .cccb-shell .cccb-shop-card-head{font-size:clamp(11px,3.3vw,14px);min-height:28px;line-height:1.1;margin-bottom:7px}
 .cccb-shell .cccb-shop-card-image{width:84%;max-height:59%;padding:4px}
 .cccb-shell .cccb-shop-card-name{font-size:clamp(10px,2.8vw,12px);min-height:27px;line-height:1.2;margin:6px 0 4px}
 .cccb-shell .cccb-shop-card-price{font-size:clamp(14px,4vw,17px)}
 .cccb-shell .cccb-shop-card-shop{font-size:11px}
 .cccb-shell .cccb-categories{margin:8px 7px 0}
 .cccb-shell .cccb-categories .cccb-section-header strong{font-size:14px}
 .cccb-shell .cccb-categories .cccb-section-header>span{font-size:10px}
 .cccb-shell .cccb-category-card{flex-basis:76px;font-size:10px}
 .cccb-shell .cccb-category-circle{width:66px;height:66px;padding:6px}
}
@media(max-width:360px){
 .cccb-shell .cccb-hero{height:367px}
 .cccb-shell .cccb-slide-layout{padding:48px 10px 51px;gap:7px}
 .cccb-shell .cccb-sale-copy h2{font-size:clamp(21px,6.7vw,25px)!important}
 .cccb-shell .cccb-eyebrow{font-size:8px}
 .cccb-shell .cccb-perks{font-size:8px;gap:6px}
 .cccb-shell .cccb-subheading{font-size:11px}
 .cccb-shell .cccb-picture-frame{height:183px}
 .cccb-shell .cccb-shop-button{font-size:10px;padding:8px 10px}
 .cccb-shell .cccb-shop-card-head{font-size:11px}
}
@media(prefers-reduced-motion:reduce){
 .cccb-shell .cccb-track,.cccb-shell .cccb-card-rail,.cccb-shell .cccb-category-rail,.cccb-shell .cccb-shop-button,.cccb-shell .cccb-shop-card{transition:none!important;scroll-behavior:auto!important}
}


/* v3.3.0 — transparent hero product art */
.cccb-picture-frame{background:transparent!important}
.cccb-picture-frame img,.cccb-picture-frame .cccb-featured-image{background:transparent!important;object-fit:contain!important;object-position:center!important;filter:drop-shadow(0 10px 18px rgba(0,0,0,.18))}
.cccb-slide-background{background-image:linear-gradient(90deg,rgba(13,2,33,.18) 0%,rgba(19,6,37,.07) 60%,rgba(21,9,50,.03) 100%),var(--cccb-custom-bg,linear-gradient(transparent,transparent))}
@media(max-width:600px){
 .cccb-picture-frame{background:transparent!important;border-radius:8px!important}
 .cccb-picture-frame img,.cccb-picture-frame .cccb-featured-image{background:transparent!important;object-fit:contain!important}
}

/* v3.4.0: show original WooCommerce image directly on cinematic slide background.
   Do not place any panel colour, gold outline, masking frame, or white image tile. */
.cccb-shell .cccb-picture,
.cccb-shell .cccb-picture-frame{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;outline:0!important;filter:none!important}
.cccb-shell .cccb-picture-frame{overflow:visible!important;display:flex;align-items:center;justify-content:center;padding:0!important}
.cccb-shell .cccb-picture-frame img,
.cccb-shell .cccb-picture-frame .cccb-featured-image{
  display:block;width:100%;height:100%;max-width:100%;max-height:100%;padding:0!important;
  margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;
  object-fit:contain!important;object-position:center!important;filter:none!important;mix-blend-mode:normal!important;
}
.cccb-shell .cccb-shop-card-image{background:transparent!important;border:0!important;box-shadow:none!important}
.cccb-shell .cccb-shop-card-image img{background:transparent!important;object-fit:contain!important}
.cccb-shell .cccb-category-circle img{background:transparent!important;object-fit:contain!important}


/* v3.5.0 — premium festival label + smart mobile 3-card rail */
.cccb-shell .cccb-festival-pill{
  height:62px; min-height:62px; max-width:min(72%,980px); padding:0 28px;
  border-radius:0 0 34px 34px; border:1px solid rgba(255,250,232,.82); border-top:0;
  background:linear-gradient(180deg,#fff8db 0%,#ffe8a6 45%,#ffd578 100%);
  box-shadow:0 18px 36px rgba(26,9,47,.22), inset 0 -2px 0 rgba(255,255,255,.45), inset 0 1px 0 rgba(255,255,255,.92);
  color:#3b2548; font-size:18px; font-weight:900; letter-spacing:-.01em;
  text-shadow:0 1px 0 rgba(255,255,255,.42);
}
.cccb-shell .cccb-festival-pill::after{
  content:""; position:absolute; left:18px; right:18px; bottom:9px; height:1px;
  background:linear-gradient(90deg,rgba(157,104,14,0),rgba(157,104,14,.42),rgba(157,104,14,0)); pointer-events:none;
}
.cccb-shell .cccb-festival-pill img{width:32px;height:32px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.12)); border-radius:8px; background:transparent}
.cccb-shell .cccb-festival-pill>span{font-size:22px;color:#a657c2}
.cccb-shell .cccb-festival-pill.cccb-fit-tight{font-size:16px}
.cccb-shell .cccb-festival-pill.cccb-fit-extra-tight{font-size:14px}
.cccb-shell .cccb-sale-copy h2.cccb-fit-tight{font-size:clamp(30px,3.6vw,50px)!important}
.cccb-shell .cccb-sale-copy h2.cccb-fit-extra-tight{font-size:clamp(24px,3vw,42px)!important}
@media (max-width:900px){
  .cccb-shell .cccb-festival-pill{height:54px; min-height:54px; max-width:80%; padding:0 18px; border-radius:0 0 28px 28px; font-size:16px}
  .cccb-shell .cccb-festival-pill img{width:26px;height:26px}
  .cccb-shell .cccb-festival-pill>span{font-size:18px}
}
@media (max-width:600px){
  .cccb-shell .cccb-festival-pill{
    height:44px; min-height:44px; max-width:84%; padding:0 12px; gap:6px; border-radius:0 0 22px 22px;
    font-size:12px; line-height:1.05; white-space:nowrap;
  }
  .cccb-shell .cccb-festival-pill img{width:20px;height:20px}
  .cccb-shell .cccb-festival-pill>span{font-size:15px}
  .cccb-shell .cccb-festival-pill.cccb-fit-tight{font-size:11px}
  .cccb-shell .cccb-festival-pill.cccb-fit-extra-tight{font-size:10px}
  .cccb-shell .cccb-hero{height:372px}
  .cccb-shell .cccb-slide-layout{padding:58px 12px 52px}
  .cccb-shell .cccb-card-rail{gap:7px;padding:0 7px 12px}
  .cccb-shell .cccb-shop-card{
    flex-basis:calc((100% - 14px)/3); width:calc((100% - 14px)/3); max-width:calc((100% - 14px)/3);
    aspect-ratio:2/3; padding:8px; border-radius:14px;
  }
  .cccb-shell .cccb-shop-card-head{font-size:10px;min-height:24px;line-height:1.08;margin-bottom:6px;-webkit-line-clamp:2}
  .cccb-shell .cccb-shop-card-image{width:92%;max-height:53%;padding:3px;border-radius:8px}
  .cccb-shell .cccb-shop-card-name{font-size:9px;min-height:24px;line-height:1.12;margin:5px 0 3px;-webkit-line-clamp:3}
  .cccb-shell .cccb-shop-card-price{font-size:12px}
  .cccb-shell .cccb-shop-card-price del{font-size:.72em;margin-right:3px}
  .cccb-shell .cccb-shop-card-shop{font-size:10px}
}
@media (max-width:390px){
  .cccb-shell .cccb-shop-card{padding:7px}
  .cccb-shell .cccb-shop-card-head{font-size:9.5px}
  .cccb-shell .cccb-shop-card-name{font-size:8.8px}
  .cccb-shell .cccb-shop-card-price{font-size:11.5px}
}


/* v3.6.0 — premium collection ribbon without left logo */
.cccb-shell .cccb-festival-pill{justify-content:center;text-align:center;padding-left:24px;padding-right:24px}
.cccb-shell .cccb-festival-pill img{display:none!important}
.cccb-shell .cccb-festival-pill > span[aria-hidden="true"]{display:none!important}
@media(max-width:600px){.cccb-shell .cccb-festival-pill{padding-left:14px;padding-right:14px}}


/* v3.6.1 — slightly smaller premium collection ribbon */
.cccb-shell .cccb-festival-pill{height:54px;min-height:54px;max-width:min(64%,860px);padding:0 22px;border-radius:0 0 30px 30px;font-size:16px}
@media(max-width:900px){.cccb-shell .cccb-festival-pill{height:48px;min-height:48px;max-width:74%;padding:0 16px;border-radius:0 0 24px 24px;font-size:14px}}
@media(max-width:600px){.cccb-shell .cccb-festival-pill{height:38px;min-height:38px;max-width:72%;padding:0 10px;border-radius:0 0 18px 18px;font-size:11px}}


/* v3.6.2 — DIWALI, BACKGROUND ONLY.
   Decorations never change or overlay banner copy, product art, navigation or cards.
   The layer is inside each slide, below .cccb-slide-layout (z-index:2). */
.cccb-shell .cccb-diwali-background {
  position:absolute;
  inset:0;
  z-index:1;
  overflow:hidden;
  pointer-events:none!important;
  user-select:none;
  contain:paint;
}
.cccb-shell .cccb-diwali-background *,
.cccb-shell .cccb-diwali-background *::before,
.cccb-shell .cccb-diwali-background *::after {
  box-sizing:border-box;
  pointer-events:none!important;
}
/* Quiet, amber backdrop: existing gradients and custom slide backgrounds remain intact. */
.cccb-shell .cccb-diwali-glow {
  position:absolute;
  inset:0;
  background:
    radial-gradient(ellipse at 80% 77%, rgba(255,174,46,.17), transparent 38%),
    radial-gradient(ellipse at 8% 85%, rgba(255,194,73,.11), transparent 30%);
  opacity:.85;
}
/* Two low-opacity, staggered golden firework blooms (no canvas or external scripts). */
.cccb-shell .cccb-diwali-firework {
  position:absolute;
  width:clamp(110px,18vw,245px);
  aspect-ratio:1;
  border-radius:50%;
  opacity:0;
  transform:scale(.2);
  animation:cccb-diwali-burst 9s ease-out infinite;
}
.cccb-shell .cccb-diwali-firework::before {
  content:"";
  position:absolute;
  inset:0;
  border-radius:50%;
  background:repeating-conic-gradient(from 7deg,
      rgba(255,240,172,.86) 0deg 2deg,
      transparent 2.6deg 22.5deg);
  -webkit-mask:radial-gradient(circle,transparent 0 24%,#000 33% 40%,transparent 49%);
  mask:radial-gradient(circle,transparent 0 24%,#000 33% 40%,transparent 49%);
}
.cccb-shell .cccb-diwali-firework::after {
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 50% 10%,#fff8ca 0 2px,transparent 4px),
    radial-gradient(circle at 79% 21%,#ffd76e 0 2px,transparent 4px),
    radial-gradient(circle at 90% 51%,#ffebac 0 2px,transparent 4px),
    radial-gradient(circle at 76% 79%,#ffd277 0 2px,transparent 4px),
    radial-gradient(circle at 50% 90%,#fff5b3 0 2px,transparent 4px),
    radial-gradient(circle at 23% 79%,#ffdc80 0 2px,transparent 4px),
    radial-gradient(circle at 10% 50%,#fff1ac 0 2px,transparent 4px),
    radial-gradient(circle at 21% 22%,#ffd575 0 2px,transparent 4px);
  filter:drop-shadow(0 0 6px rgba(255,211,91,.45));
}
.cccb-shell .cccb-diwali-firework-one {top:11%;right:8%;animation-delay:-1.4s}
.cccb-shell .cccb-diwali-firework-two {top:39%;left:39%;width:clamp(75px,12vw,155px);animation-delay:-5.5s}
@keyframes cccb-diwali-burst {
  0%,5% {opacity:0;transform:scale(.2)}
  12% {opacity:.50;transform:scale(.68)}
  18% {opacity:.63;transform:scale(.98)}
  26%,100% {opacity:0;transform:scale(1.19)}
}
/* Traditional lamps stay in the background; only their flames gently flicker. */
.cccb-shell .cccb-diwali-diya {
  position:absolute;
  bottom:11%;
  width:clamp(57px,8vw,110px);
  height:clamp(46px,7vw,88px);
  opacity:.73;
  background:radial-gradient(ellipse at 50% 76%,rgba(255,195,67,.22),transparent 72%);
}
.cccb-shell .cccb-diwali-diya-left {left:5%}
.cccb-shell .cccb-diwali-diya-right {right:3%;transform:scale(.76);opacity:.53}
.cccb-shell .cccb-diwali-diya::before {
  content:"";
  position:absolute;
  left:15%;right:15%;bottom:8%;height:26%;
  background:linear-gradient(180deg,#fff0b0 0%,#ffb64e 24%,#d56726 66%,#843018 100%);
  border:1px solid rgba(255,217,138,.8);
  border-radius:50% 50% 60% 60% / 40% 40% 85% 85%;
  box-shadow:0 2px 12px rgba(255,138,39,.24),inset 0 3px 3px rgba(255,250,183,.6);
}
.cccb-shell .cccb-diwali-diya::after {
  content:"";
  position:absolute;
  width:15%;height:31%;left:42.5%;bottom:32%;
  border-radius:85% 0 80% 80%;
  background:linear-gradient(45deg,#ff9a25 2%,#ffd94d 53%,#fff8d0 95%);
  box-shadow:0 0 13px 5px rgba(255,179,44,.25);
  transform:rotate(-45deg);
  transform-origin:55% 85%;
  animation:cccb-diwali-flame 2.4s ease-in-out infinite alternate;
}
.cccb-shell .cccb-diwali-diya-right::after {animation-delay:-1.1s}
@keyframes cccb-diwali-flame {
  from {opacity:.8;transform:rotate(-48deg) scale(.91)}
  to {opacity:1;transform:rotate(-41deg) scale(1.06)}
}
/* A handful of tiny, soft glowing embers; no drifting interface controls. */
.cccb-shell .cccb-diwali-ember {
  position:absolute;
  width:3px;height:3px;
  border-radius:50%;
  background:#ffecad;
  box-shadow:0 0 6px 2px rgba(255,204,90,.42);
  opacity:0;
  animation:cccb-diwali-twinkle 5.5s ease-in-out infinite;
}
.cccb-shell .cccb-diwali-ember-one {left:13%;top:20%;animation-delay:-1s}
.cccb-shell .cccb-diwali-ember-two {left:32%;top:79%;animation-delay:-3.5s}
.cccb-shell .cccb-diwali-ember-three {left:71%;top:12%;animation-delay:-2.2s}
.cccb-shell .cccb-diwali-ember-four {left:94%;top:56%;animation-delay:-4.6s}
.cccb-shell .cccb-diwali-ember-five {left:58%;top:87%;animation-delay:-.3s}
@keyframes cccb-diwali-twinkle {
  0%,20%,70%,100% {opacity:0;transform:scale(.5)}
  34%,47% {opacity:.75;transform:scale(1.4)}
}
/* Only the shown slide animates; the carousel already maintains aria-hidden. */
.cccb-shell .cccb-slide[aria-hidden="true"] .cccb-diwali-firework,
.cccb-shell .cccb-slide[aria-hidden="true"] .cccb-diwali-ember,
.cccb-shell .cccb-slide[aria-hidden="true"] .cccb-diwali-diya::after {
  animation-play-state:paused;
}
@media (max-width:600px) {
  .cccb-shell .cccb-diwali-glow {opacity:.6}
  .cccb-shell .cccb-diwali-firework-one {top:16%;right:-4%;width:116px}
  .cccb-shell .cccb-diwali-firework-two {top:48%;left:27%;width:70px}
  .cccb-shell .cccb-diwali-diya {bottom:13%;width:52px;height:46px;opacity:.55}
  .cccb-shell .cccb-diwali-diya-left {left:4%}
  .cccb-shell .cccb-diwali-diya-right {right:1%;opacity:.37}
  .cccb-shell .cccb-diwali-ember-four,
  .cccb-shell .cccb-diwali-ember-five {display:none}
}
/* Honor OS accessibility preferences and avoid unnecessary animation. */
@media (prefers-reduced-motion:reduce) {
  .cccb-shell .cccb-diwali-firework,
  .cccb-shell .cccb-diwali-ember {display:none!important;animation:none!important}
  .cccb-shell .cccb-diwali-diya::after {animation:none!important}
}


/* v3.6.3 — Additional festive light effects, strictly behind the existing slide.
   Pure CSS; no images, remote resources, JavaScript, option changes or overlay clicks. */
.cccb-shell .cccb-diwali-firework-three {
  top:7%;left:8%;width:clamp(80px,11vw,150px);
  animation-duration:10.5s;animation-delay:-7.8s;
}
.cccb-shell .cccb-diwali-firework-four {
  right:24%;bottom:6%;width:clamp(100px,14vw,184px);
  animation-duration:8.5s;animation-delay:-4.1s;
}
.cccb-shell .cccb-diwali-firework-five {
  right:37%;top:17%;width:clamp(70px,9vw,125px);
  animation-duration:12s;animation-delay:-2.6s;
}
.cccb-shell .cccb-diwali-firework-three::before,
.cccb-shell .cccb-diwali-firework-five::before {
  background:repeating-conic-gradient(from 12deg,rgba(255,205,124,.98) 0deg 2.2deg,transparent 3deg 19deg);
}
.cccb-shell .cccb-diwali-firework-four::before {
  background:repeating-conic-gradient(from 5deg,rgba(255,231,134,.96) 0deg 2.5deg,transparent 3.4deg 18deg);
}
/* Make new bursts visible without putting a coloured veil over the product. */
@keyframes cccb-diwali-burst-rich {
  0%,5% {opacity:0;transform:scale(.18)}
  13% {opacity:.76;transform:scale(.67)}
  20% {opacity:.86;transform:scale(.97)}
  32% {opacity:.65;transform:scale(1.12)}
  49%,100% {opacity:0;transform:scale(1.24)}
}
.cccb-shell .cccb-diwali-firework-three,
.cccb-shell .cccb-diwali-firework-four,
.cccb-shell .cccb-diwali-firework-five {animation-name:cccb-diwali-burst-rich}

/* Light breathes warmly behind the static content. */
.cccb-shell .cccb-diwali-glow {animation:cccb-diwali-ambient 8s ease-in-out infinite alternate}
@keyframes cccb-diwali-ambient {from {opacity:.52} to {opacity:1}}
/* Two small glowing kandils / hanging lanterns, well outside the copy area. */
.cccb-shell .cccb-diwali-lantern {
  position:absolute;top:0;width:31px;height:110px;
  opacity:.77;transform-origin:50% 0;
  animation:cccb-diwali-lantern-sway 5.7s ease-in-out infinite alternate;
}
.cccb-shell .cccb-diwali-lantern-left {left:3.5%;animation-delay:-2s}
.cccb-shell .cccb-diwali-lantern-right {right:3%;top:0;height:135px;animation-delay:-4s}
.cccb-shell .cccb-diwali-lantern::before {
  content:"";position:absolute;left:50%;top:0;width:1px;height:61%;
  background:linear-gradient(180deg,rgba(255,239,185,.3),rgba(255,226,116,.87));
}
.cccb-shell .cccb-diwali-lantern::after {
  content:"";position:absolute;left:2px;bottom:3px;width:28px;height:34px;
  clip-path:polygon(50% 0,92% 23%,100% 50%,50% 100%,0 50%,8% 23%);
  background:linear-gradient(115deg,#ffe8aa 2%,#f0a32d 44%,#c44b24 76%,#ffcf63);
  box-shadow:0 0 12px 4px rgba(255,178,47,.4);
  filter:drop-shadow(0 2px 4px rgba(255,192,57,.42));
}
@keyframes cccb-diwali-lantern-sway {
  from {transform:rotate(-4deg)} to {transform:rotate(4deg)}
}

/* Faint radial rangoli line-work; not a sticker on the banner text. */
.cccb-shell .cccb-diwali-rangoli {
  position:absolute;right:7%;bottom:-66px;width:245px;aspect-ratio:1;border-radius:50%;
  opacity:.29;transform:rotate(0);
  background:
    radial-gradient(circle,transparent 0 11%,rgba(255,228,128,.7) 11.7% 12.7%,transparent 13.5% 29%,rgba(255,203,116,.6) 29.5% 31%,transparent 31.8% 49%,rgba(255,232,167,.45) 49.8% 51%,transparent 52%),
    repeating-conic-gradient(from 8deg,rgba(255,214,125,.63) 0deg 4deg,transparent 5deg 14deg,rgba(255,222,148,.22) 15deg 17deg,transparent 18deg 30deg);
  -webkit-mask:radial-gradient(circle,transparent 0 7%,#000 10% 63%,transparent 73%);
  mask:radial-gradient(circle,transparent 0 7%,#000 10% 63%,transparent 73%);
  animation:cccb-diwali-rangoli-turn 70s linear infinite;
}
@keyframes cccb-diwali-rangoli-turn {to {transform:rotate(360deg)}}

/* Delicate ascending celebratory spark trails, far beneath buttons / products. */
.cccb-shell .cccb-diwali-rocket {
  position:absolute;bottom:12%;width:3px;height:64px;border-radius:50%;opacity:0;
  background:linear-gradient(to top,transparent,rgba(255,179,71,.3) 20%,#ffe8a1 89%,#fff9df);
  filter:drop-shadow(0 0 5px rgba(255,177,57,.72));
  animation:cccb-diwali-rocket-rise 9.4s ease-out infinite;
}
.cccb-shell .cccb-diwali-rocket::after {
  content:"";position:absolute;left:-3px;top:-4px;width:9px;height:9px;border-radius:50%;
  background:radial-gradient(circle,#fffdef 0 18%,#ffd061 40%,rgba(255,186,63,0) 75%);
}
.cccb-shell .cccb-diwali-rocket-one {left:23%;animation-delay:-5s}
.cccb-shell .cccb-diwali-rocket-two {right:15%;animation-delay:-.4s;animation-duration:11s}
@keyframes cccb-diwali-rocket-rise {
  0%,14%,100% {opacity:0;transform:translate3d(0,0,0) scale(.8)}
  19% {opacity:.55}
  32% {opacity:.72;transform:translate3d(14px,-92px,0) scale(1)}
  41% {opacity:0;transform:translate3d(21px,-162px,0) scale(.85)}
}

/* Ambient drifting golden bokeh and additional twinkling stars. */
.cccb-shell .cccb-diwali-bokeh {
  position:absolute;bottom:4%;width:9px;height:9px;border-radius:50%;opacity:0;
  background:radial-gradient(circle at 35% 35%,#fffbd9 0 12%,rgba(255,198,81,.8) 38%,transparent 73%);
  box-shadow:0 0 11px 2px rgba(255,181,51,.32);
  animation:cccb-diwali-float 10s ease-in-out infinite;
}
.cccb-shell .cccb-diwali-bokeh-one {left:11%;animation-delay:-2s}
.cccb-shell .cccb-diwali-bokeh-two {left:29%;width:7px;height:7px;animation-delay:-8s;animation-duration:12s}
.cccb-shell .cccb-diwali-bokeh-three {left:54%;width:11px;height:11px;animation-delay:-3.5s;animation-duration:9s}
.cccb-shell .cccb-diwali-bokeh-four {left:82%;animation-delay:-6.7s;animation-duration:11s}
.cccb-shell .cccb-diwali-bokeh-five {left:95%;width:7px;height:7px;animation-delay:-1s;animation-duration:13s}
@keyframes cccb-diwali-float {
  0%,8%,100% {opacity:0;transform:translate3d(0,0,0) scale(.5)}
  28% {opacity:.58;transform:translate3d(7px,-35px,0) scale(.92)}
  66% {opacity:.65;transform:translate3d(-10px,-122px,0) scale(1.12)}
  91% {opacity:0;transform:translate3d(6px,-189px,0) scale(.6)}
}
.cccb-shell .cccb-diwali-ember-six {left:6%;top:58%;animation-delay:-2.8s}
.cccb-shell .cccb-diwali-ember-seven {left:41%;top:18%;animation-delay:-4.9s}
.cccb-shell .cccb-diwali-ember-eight {left:62%;top:72%;animation-delay:-1.9s}
.cccb-shell .cccb-diwali-ember-nine {left:84%;top:41%;animation-delay:-.9s}
.cccb-shell .cccb-diwali-ember-ten {left:98%;top:24%;animation-delay:-3.7s}

/* The existing carousel marks offscreen slides aria-hidden; stop their added motion. */
.cccb-shell .cccb-slide[aria-hidden="true"] .cccb-diwali-glow,
.cccb-shell .cccb-slide[aria-hidden="true"] .cccb-diwali-lantern,
.cccb-shell .cccb-slide[aria-hidden="true"] .cccb-diwali-rangoli,
.cccb-shell .cccb-slide[aria-hidden="true"] .cccb-diwali-rocket,
.cccb-shell .cccb-slide[aria-hidden="true"] .cccb-diwali-bokeh {animation-play-state:paused}
@media(max-width:600px) {
  /* Keep the smallest screens uncluttered and the visible effects low-cost. */
  .cccb-shell .cccb-diwali-firework-three {left:4%;top:1%;width:65px}
  .cccb-shell .cccb-diwali-firework-four {right:9%;bottom:25%;width:78px}
  .cccb-shell .cccb-diwali-firework-five,
  .cccb-shell .cccb-diwali-lantern-left,
  .cccb-shell .cccb-diwali-rangoli,
  .cccb-shell .cccb-diwali-rocket-two,
  .cccb-shell .cccb-diwali-bokeh-four,
  .cccb-shell .cccb-diwali-bokeh-five,
  .cccb-shell .cccb-diwali-ember-eight,
  .cccb-shell .cccb-diwali-ember-nine,
  .cccb-shell .cccb-diwali-ember-ten {display:none}
  .cccb-shell .cccb-diwali-lantern-right {right:3%;height:83px;opacity:.51}
  .cccb-shell .cccb-diwali-lantern-right::after {width:22px;height:27px;left:5px}
  .cccb-shell .cccb-diwali-rocket-one {left:77%;bottom:11%;opacity:0}
  .cccb-shell .cccb-diwali-bokeh {box-shadow:0 0 6px rgba(255,181,51,.24)}
}
@media(prefers-reduced-motion:reduce) {
  .cccb-shell .cccb-diwali-rocket,
  .cccb-shell .cccb-diwali-bokeh {display:none!important;animation:none!important}
  .cccb-shell .cccb-diwali-lantern,
  .cccb-shell .cccb-diwali-glow,
  .cccb-shell .cccb-diwali-rangoli {animation:none!important}
}