/*
Theme Name: Chic & Charming
Theme URI: https://chicncharming.com
Author: Chic & Charming
Author URI: https://chicncharming.com
Description: A bright, modern e-commerce homepage theme inspired by the Jumia marketplace layout, restyled with a pink brand colour. Fully editable through the WordPress Customizer (logo, colours, hero slides, flash sales, product grids, footer). WooCommerce friendly.
Version: 1.5.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: chicncharming
Tags: e-commerce, shop, custom-colors, custom-logo, custom-menu, featured-images, full-width-template, two-columns, right-sidebar
*/

/* =========================================================
   1. Design tokens  (the pink lives here — change once)
   The --cc-primary value is also editable in
   Appearance > Customize > Theme Colours.
   ========================================================= */
:root{
  --cc-primary:#ec1e79;       /* main pink (was Jumia yellow/orange) */
  --cc-primary-dark:#c4155f;  /* hover / pressed */
  --cc-primary-soft:#fde4ef;  /* pale pink backgrounds */
  --cc-ink:#2f2f33;           /* near-black text */
  --cc-muted:#7a7a7e;         /* secondary text */
  --cc-line:#e6e6e6;          /* hairline borders */
  --cc-bg:#ededed;            /* page background */
  --cc-card:#ffffff;          /* card surface */
  --cc-star:#ffb400;          /* rating stars */
  --cc-save:#2e8b57;          /* savings green */
  --cc-radius:6px;
  --cc-shadow:0 1px 3px rgba(0,0,0,.10);
  --cc-shadow-hover:0 6px 18px rgba(0,0,0,.16);
  --cc-max:1180px;
  --cc-font: "Segoe UI", Roboto, "Helvetica Neue", Arial, system-ui, sans-serif;
}

/* =========================================================
   2. Base
   ========================================================= */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  font-family:var(--cc-font);
  font-size:14px;
  line-height:1.45;
  color:var(--cc-ink);
  background:var(--cc-bg);
}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
a:hover{color:var(--cc-primary)}
ul{margin:0;padding:0;list-style:none}
button{font-family:inherit;cursor:pointer}
h1,h2,h3,h4{margin:0;font-weight:700;line-height:1.2}
.cc-container{max-width:var(--cc-max);margin:0 auto;padding:0 12px}
.cc-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}

/* Accessible focus */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{
  outline:3px solid var(--cc-primary-dark);
  outline-offset:1px;
}

/* =========================================================
   3. Announcement bar
   ========================================================= */
.cc-topbar{background:var(--cc-ink);color:#fff;font-size:12.5px}
.cc-topbar .cc-container{display:flex;align-items:center;justify-content:center;gap:8px;min-height:34px;text-align:center}
.cc-topbar strong{color:var(--cc-primary);font-weight:700}

/* =========================================================
   4. Header
   ========================================================= */
.cc-header{background:var(--cc-primary);color:#fff}
.cc-header__row{display:flex;align-items:center;gap:18px;padding:14px 12px;max-width:var(--cc-max);margin:0 auto}
.cc-logo{display:flex;align-items:center;gap:8px;flex:0 0 auto;color:#fff;font-weight:800;font-size:24px;letter-spacing:-.4px;white-space:nowrap}
.cc-logo img{max-height:42px;width:auto}
.cc-logo .cc-logo__mark{font-size:26px;line-height:1}

/* Search */
.cc-search{flex:1 1 auto;max-width:640px}
.cc-search form{display:flex;background:#fff;border-radius:var(--cc-radius);overflow:hidden;box-shadow:var(--cc-shadow)}
.cc-search input[type="search"],
.cc-search input[type="text"]{
  flex:1 1 auto;border:0;padding:11px 14px;font-size:14px;color:var(--cc-ink);min-width:0;
}
.cc-search input:focus{outline:none}
.cc-search button{
  flex:0 0 auto;border:0;background:var(--cc-ink);color:#fff;
  padding:0 22px;font-weight:700;font-size:13px;letter-spacing:.5px;text-transform:uppercase;
  display:flex;align-items:center;gap:6px;
}
.cc-search button:hover{background:#000}

/* Header actions */
.cc-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.cc-action{display:flex;align-items:center;gap:7px;color:#fff;padding:8px 10px;border-radius:var(--cc-radius);font-size:13.5px;white-space:nowrap}
.cc-action:hover{background:rgba(255,255,255,.16);color:#fff}
.cc-action svg{width:20px;height:20px;flex:0 0 auto}
.cc-action__label{display:flex;flex-direction:column;line-height:1.15}
.cc-action__label b{font-weight:700}
.cc-cart{position:relative}
.cc-cart .cc-cart__count{
  position:absolute;top:0;left:18px;background:#fff;color:var(--cc-primary);
  font-size:10px;font-weight:800;min-width:16px;height:16px;border-radius:9px;
  display:flex;align-items:center;justify-content:center;padding:0 4px;
}

/* Category nav bar */
.cc-nav{background:#fff;border-bottom:1px solid var(--cc-line);box-shadow:var(--cc-shadow)}
.cc-nav .cc-container{display:flex;align-items:center;gap:4px;flex-wrap:wrap;min-height:42px}
.cc-nav a{padding:11px 12px;font-size:13.5px;font-weight:600;color:var(--cc-ink);border-bottom:3px solid transparent}
.cc-nav a:hover{color:var(--cc-primary);border-bottom-color:var(--cc-primary)}
.cc-nav .current-menu-item>a{color:var(--cc-primary);border-bottom-color:var(--cc-primary)}

/* =========================================================
   5. Home layout grid
   ========================================================= */
.cc-home{padding:16px 0 40px}
.cc-grid-top{
  display:grid;
  grid-template-columns:230px 1fr 250px;
  gap:14px;
  align-items:stretch;
}

/* Category sidebar */
.cc-cats{background:var(--cc-card);border-radius:var(--cc-radius);box-shadow:var(--cc-shadow);overflow:hidden}
.cc-cats__head{display:flex;align-items:center;gap:8px;padding:11px 14px;font-weight:700;color:#fff;background:var(--cc-primary)}
.cc-cats ul li a{
  display:flex;align-items:center;gap:10px;padding:9px 14px;font-size:13.5px;color:var(--cc-ink);
  border-bottom:1px solid #f3f3f3;
}
.cc-cats ul li:last-child a{border-bottom:0}
.cc-cats ul li a:hover{background:var(--cc-primary-soft);color:var(--cc-primary-dark)}
.cc-cats .cc-cat__emoji{font-size:18px;width:22px;text-align:center;flex:0 0 auto}
.cc-cats .cc-cat__chev{margin-left:auto;color:#c9c9c9}
.cc-cats ul li a:hover .cc-cat__chev{color:var(--cc-primary)}

/* Hero carousel */
.cc-hero{position:relative;border-radius:var(--cc-radius);overflow:hidden;box-shadow:var(--cc-shadow);background:#ddd;min-height:280px}
.cc-hero__track{display:flex;transition:transform .5s ease}
.cc-hero__slide{position:relative;min-width:100%;}
.cc-hero__slide img{width:100%;height:100%;object-fit:cover;aspect-ratio:1180/420}
.cc-hero__caption{
  position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;
  gap:10px;padding:0 7%;color:#fff;
  background:linear-gradient(90deg,rgba(0,0,0,.45),rgba(0,0,0,.05) 60%,transparent);
}
.cc-hero__eyebrow{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#fff;opacity:.9}
.cc-hero__title{font-size:38px;max-width:60%;text-shadow:0 2px 8px rgba(0,0,0,.3)}
.cc-hero__sub{font-size:16px;max-width:50%;opacity:.95}
.cc-hero__btn{
  align-self:flex-start;margin-top:6px;background:#fff;color:var(--cc-primary-dark);
  font-weight:700;padding:11px 24px;border-radius:30px;font-size:14px;
}
.cc-hero__btn:hover{background:var(--cc-primary);color:#fff}
.cc-hero__nav{
  position:absolute;top:50%;transform:translateY(-50%);
  width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.85);
  color:var(--cc-ink);font-size:20px;display:flex;align-items:center;justify-content:center;
  box-shadow:var(--cc-shadow);z-index:2;
}
.cc-hero__nav:hover{background:#fff;color:var(--cc-primary)}
.cc-hero__nav--prev{left:12px}
.cc-hero__nav--next{right:12px}
.cc-hero__dots{position:absolute;bottom:12px;left:0;right:0;display:flex;justify-content:center;gap:7px;z-index:2}
.cc-hero__dots button{width:9px;height:9px;border-radius:50%;border:0;background:rgba(255,255,255,.55);padding:0}
.cc-hero__dots button[aria-current="true"]{background:#fff;width:22px;border-radius:5px}

/* Side promo column */
.cc-promo{display:flex;flex-direction:column;gap:14px}
.cc-promo__card{
  background:var(--cc-card);border-radius:var(--cc-radius);box-shadow:var(--cc-shadow);
  overflow:hidden;flex:1 1 auto;display:flex;flex-direction:column;
}
.cc-promo__card img{width:100%;height:100%;object-fit:cover;flex:1 1 auto;min-height:80px}
.cc-promo__signin{padding:14px;text-align:center}
.cc-promo__signin h4{font-size:14px;margin-bottom:4px}
.cc-promo__signin p{font-size:12.5px;color:var(--cc-muted);margin:0 0 10px}
.cc-btn-pink{
  display:inline-block;background:var(--cc-primary);color:#fff;font-weight:700;
  padding:9px 18px;border-radius:var(--cc-radius);font-size:13px;
}
.cc-btn-pink:hover{background:var(--cc-primary-dark);color:#fff}

/* =========================================================
   6. Service features
   ========================================================= */
.cc-features{
  margin-top:14px;background:var(--cc-card);border-radius:var(--cc-radius);box-shadow:var(--cc-shadow);
  display:grid;grid-template-columns:repeat(4,1fr);
}
.cc-feature{display:flex;align-items:center;gap:12px;padding:16px;border-right:1px solid var(--cc-line)}
.cc-feature:last-child{border-right:0}
.cc-feature svg{width:30px;height:30px;color:var(--cc-primary);flex:0 0 auto}
.cc-feature b{display:block;font-size:13.5px}
.cc-feature span{font-size:12px;color:var(--cc-muted)}

/* =========================================================
   7. Section + product cards
   ========================================================= */
.cc-section{margin-top:18px;background:var(--cc-card);border-radius:var(--cc-radius);box-shadow:var(--cc-shadow);overflow:hidden}
.cc-section__head{
  display:flex;align-items:center;gap:14px;padding:14px 16px;border-bottom:1px solid var(--cc-line);
}
.cc-section__head h2{font-size:18px}
.cc-section--flash .cc-section__head{background:var(--cc-primary);color:#fff;border-bottom:0}
.cc-section--flash .cc-section__head h2{display:flex;align-items:center;gap:8px}
.cc-section__see{margin-left:auto;color:var(--cc-primary);font-weight:700;font-size:13px;display:flex;align-items:center;gap:4px}
.cc-section--flash .cc-section__see{color:#fff}
.cc-section__see:hover{color:var(--cc-primary-dark)}
.cc-section--flash .cc-section__see:hover{color:#fff;opacity:.85}

/* Countdown */
.cc-count{display:flex;align-items:center;gap:6px;font-size:12px;color:#fff}
.cc-count .cc-count__box{background:rgba(0,0,0,.25);color:#fff;font-weight:700;border-radius:4px;padding:3px 6px;min-width:26px;text-align:center;font-variant-numeric:tabular-nums}

/* Product grid */
.cc-products{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--cc-line)}
.cc-card{background:#fff;padding:12px;display:flex;flex-direction:column;position:relative;transition:box-shadow .15s ease, transform .15s ease}
.cc-card:hover{box-shadow:var(--cc-shadow-hover);z-index:2;transform:translateY(-2px)}
.cc-card__media{position:relative;margin-bottom:10px}
.cc-card__media img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:4px}
.cc-card__badge{
  position:absolute;top:6px;left:6px;background:var(--cc-primary);color:#fff;
  font-size:11px;font-weight:700;padding:3px 7px;border-radius:3px;
}
.cc-card__fav{
  position:absolute;top:6px;right:6px;width:28px;height:28px;border-radius:50%;
  background:#fff;border:1px solid var(--cc-line);display:flex;align-items:center;justify-content:center;
  color:#b9b9b9;
}
.cc-card__fav:hover{color:var(--cc-primary);border-color:var(--cc-primary)}
.cc-card__fav svg{width:15px;height:15px}
.cc-card__title{font-size:13px;color:var(--cc-ink);line-height:1.35;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:35px}
.cc-card__price{font-size:16px;font-weight:800;color:var(--cc-ink)}
.cc-card__old{font-size:12px;color:var(--cc-muted);text-decoration:line-through;margin-left:6px}
.cc-card__off{font-size:11px;color:var(--cc-save);background:var(--cc-primary-soft);color:var(--cc-primary-dark);font-weight:700;padding:1px 5px;border-radius:3px;margin-top:6px;display:inline-block}
.cc-card__rating{display:flex;align-items:center;gap:5px;margin-top:7px;font-size:11px;color:var(--cc-muted)}
.cc-stars{display:inline-flex;color:var(--cc-star);letter-spacing:1px;font-size:12px}

/* =========================================================
   8. Footer
   ========================================================= */
.cc-foot-cta{background:var(--cc-primary);color:#fff;text-align:center;padding:22px 12px;margin-top:30px}
.cc-foot-cta h3{font-size:20px;margin-bottom:6px}
.cc-foot-cta p{margin:0 0 14px;opacity:.95}
.cc-foot-cta .cc-btn-ghost{display:inline-block;border:2px solid #fff;color:#fff;font-weight:700;padding:9px 26px;border-radius:30px}
.cc-foot-cta .cc-btn-ghost:hover{background:#fff;color:var(--cc-primary)}

.cc-footer{background:#1f1f22;color:#c9c9cf;font-size:13px}
.cc-footer__cols{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:34px 12px;max-width:var(--cc-max);margin:0 auto}
.cc-footer h4{color:#fff;font-size:14px;margin-bottom:14px;text-transform:uppercase;letter-spacing:.5px}
.cc-footer ul li{margin-bottom:9px}
.cc-footer ul li a:hover{color:var(--cc-primary)}
.cc-footer__about p{margin:0 0 14px;line-height:1.6}
.cc-social{display:flex;gap:10px}
.cc-social a{width:34px;height:34px;border-radius:50%;background:#2c2c31;display:flex;align-items:center;justify-content:center;color:#fff}
.cc-social a:hover{background:var(--cc-primary);color:#fff}
.cc-social svg{width:17px;height:17px}
.cc-pay{border-top:1px solid #2c2c31;padding:16px 12px;max-width:var(--cc-max);margin:0 auto;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.cc-pay span{color:#fff;font-weight:600}
.cc-pay .cc-pay__chip{background:#fff;color:#1f1f22;font-weight:700;font-size:11px;padding:5px 9px;border-radius:4px}
.cc-copy{background:#161618;color:#8c8c93;text-align:center;padding:16px 12px;font-size:12.5px}
.cc-copy a{color:var(--cc-primary)}

/* =========================================================
   9. Blog / page fallback templates
   ========================================================= */
.cc-page{max-width:820px;margin:0 auto;padding:26px 12px 50px}
.cc-page .cc-card-post{background:#fff;border-radius:var(--cc-radius);box-shadow:var(--cc-shadow);padding:24px;margin-bottom:20px}
.cc-page h1.entry-title{font-size:28px;margin-bottom:10px}
.cc-page h2.entry-title{font-size:22px;margin-bottom:8px}
.cc-page .entry-meta{color:var(--cc-muted);font-size:12.5px;margin-bottom:14px}
.cc-page .entry-content{line-height:1.7;font-size:15px}
.cc-page .entry-content p{margin:0 0 16px}
.cc-page .entry-content a{color:var(--cc-primary);text-decoration:underline}
.cc-readmore{display:inline-block;margin-top:8px;color:var(--cc-primary);font-weight:700}
.cc-pagination{display:flex;gap:8px;justify-content:center;margin-top:20px}
.cc-pagination .page-numbers{background:#fff;padding:8px 13px;border-radius:var(--cc-radius);box-shadow:var(--cc-shadow)}
.cc-pagination .current{background:var(--cc-primary);color:#fff}

/* =========================================================
   10. Responsive
   ========================================================= */
@media (max-width:1024px){
  .cc-grid-top{grid-template-columns:1fr 240px}
  .cc-cats{display:none}                 /* sidebar collapses on tablet */
  .cc-products{grid-template-columns:repeat(4,1fr)}
}
@media (max-width:820px){
  .cc-header__row{flex-wrap:wrap;gap:12px}
  .cc-search{order:3;flex:1 1 100%;max-width:none}
  .cc-grid-top{grid-template-columns:1fr}
  .cc-promo{flex-direction:row}
  .cc-features{grid-template-columns:repeat(2,1fr)}
  .cc-feature:nth-child(2){border-right:0}
  .cc-products{grid-template-columns:repeat(3,1fr)}
  .cc-hero__title{font-size:26px;max-width:80%}
  .cc-hero__sub{max-width:80%;font-size:14px}
  .cc-footer__cols{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:520px){
  .cc-action__label{display:none}        /* icons only on phones */
  .cc-action{padding:8px}
  .cc-products{grid-template-columns:repeat(2,1fr)}
  .cc-promo{flex-direction:column}
  .cc-features{grid-template-columns:1fr}
  .cc-feature{border-right:0;border-bottom:1px solid var(--cc-line)}
  .cc-hero{min-height:200px}
  .cc-hero__title{font-size:21px}
  .cc-hero__sub{display:none}
  .cc-footer__cols{grid-template-columns:1fr}
}

/* Respect reduced motion */
@media (prefers-reduced-motion:reduce){
  .cc-hero__track{transition:none}
  .cc-card{transition:none}
  *{scroll-behavior:auto}
}

/* =========================================================
   12. Category pages (template-category.php)
   ========================================================= */
.cc-catpage{padding:16px 0 40px}
.cc-crumbs{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--cc-muted);margin-bottom:12px}
.cc-crumbs a:hover{color:var(--cc-primary)}
.cc-crumbs span[aria-hidden]{color:#c9c9c9}

.cc-cat-layout{display:grid;grid-template-columns:230px 1fr;gap:14px;align-items:start}
.cc-cat-main{min-width:0}

.cc-cat-banner{
  display:flex;align-items:center;gap:16px;
  background:var(--cc-primary-soft);
  border-radius:var(--cc-radius);padding:20px 22px;margin-bottom:14px;
}
.cc-cat-banner__emoji{font-size:36px;line-height:1;flex:0 0 auto}
.cc-cat-banner h1{font-size:24px;color:var(--cc-primary-dark)}
.cc-cat-banner p{margin:4px 0 0;font-size:13.5px;color:var(--cc-ink);opacity:.78}

.cc-cat-intro{
  background:var(--cc-card);border-radius:var(--cc-radius);
  box-shadow:var(--cc-shadow);padding:14px 16px;margin-bottom:14px;line-height:1.55;
}

/* Active category in the sidebar */
.cc-cats ul li a.is-active{background:var(--cc-primary-soft);color:var(--cc-primary-dark);font-weight:700}
.cc-cats ul li a.is-active .cc-cat__chev{color:var(--cc-primary)}

/* Product grid on a category page: 4 across (sidebar takes a column) */
.cc-cat-main .cc-products{
  grid-template-columns:repeat(4,1fr);
  border-radius:var(--cc-radius);overflow:hidden;box-shadow:var(--cc-shadow);
}
.cc-cat-empty{
  background:var(--cc-card);border-radius:var(--cc-radius);box-shadow:var(--cc-shadow);
  padding:34px;text-align:center;color:var(--cc-muted);
}

@media (max-width:1024px){
  .cc-cat-layout{grid-template-columns:1fr}
  .cc-cat-layout .cc-cats{display:block}   /* keep categories reachable on category pages */
}
@media (max-width:820px){
  .cc-cat-main .cc-products{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:520px){
  .cc-cat-main .cc-products{grid-template-columns:repeat(2,1fr)}
  .cc-cat-banner{padding:16px}
  .cc-cat-banner h1{font-size:20px}
  .cc-cat-banner__emoji{font-size:30px}
}

/* =========================================================
   13. Add-to-cart buttons + live search (WooCommerce)
   ========================================================= */

/* Add to cart / Buy button on product cards */
.cc-card__pricing{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px;margin-bottom:2px}
.cc-add{
  margin-top:auto;width:100%;
  display:flex;align-items:center;justify-content:center;gap:7px;
  background:var(--cc-primary);color:#fff;font-weight:700;font-size:13px;line-height:1.2;
  border:0;border-radius:var(--cc-radius);padding:9px 12px;margin-top:10px;cursor:pointer;
  text-align:center;text-transform:none;letter-spacing:0;transition:background .15s ease;
}
.cc-card .cc-add{margin-top:10px}
.cc-add:hover,.cc-add:focus{background:var(--cc-primary-dark);color:#fff}
.cc-add svg{flex:0 0 auto}
.cc-add.loading{opacity:.7;pointer-events:none}
/* WooCommerce's "View cart" link shown after an AJAX add */
.cc-card .added_to_cart{
  display:block;text-align:center;margin-top:6px;font-size:12px;font-weight:700;color:var(--cc-primary);
}
.cc-card .added_to_cart:hover{color:var(--cc-primary-dark)}

/* Live search dropdown */
.cc-search{position:relative}
.cc-sresults{
  position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:70;
  background:#fff;border-radius:var(--cc-radius);box-shadow:0 8px 28px rgba(0,0,0,.18);
  overflow:hidden auto;max-height:70vh;display:none;
}
.cc-sresults.is-open{display:block}
.cc-sresults__loading,.cc-sresults__empty{padding:14px 16px;color:var(--cc-muted);font-size:13px}
.cc-sresults__list{margin:0;padding:0;list-style:none}
.cc-sresults__list li a{
  display:flex;align-items:center;gap:12px;padding:9px 14px;border-bottom:1px solid #f3f3f3;color:var(--cc-ink);
}
.cc-sresults__list li:last-child a{border-bottom:0}
.cc-sresults__list li a:hover{background:var(--cc-primary-soft)}
.cc-sresults__list img{width:42px;height:42px;object-fit:cover;border-radius:4px;flex:0 0 auto;background:var(--cc-primary-soft)}
.cc-sresults__name{flex:1 1 auto;font-size:13px;line-height:1.3}
.cc-sresults__price{font-size:13px;font-weight:800;color:var(--cc-primary-dark);white-space:nowrap}
.cc-sresults__price del{color:var(--cc-muted);font-weight:400;margin-right:4px}
.cc-sresults__price ins{text-decoration:none}
.cc-sresults__all{
  display:block;text-align:center;padding:11px;font-weight:700;font-size:13px;color:#fff;background:var(--cc-ink);
}
.cc-sresults__all:hover{background:#000;color:#fff}

/* =========================================================
   14. Flash Sales link + page
   ========================================================= */

/* Pinned Flash Sales row in the category sidebar */
.cc-cats ul li a.cc-cat--flash{background:var(--cc-primary-soft);color:var(--cc-primary-dark);font-weight:800}
.cc-cats ul li a.cc-cat--flash .cc-cat__emoji{color:var(--cc-primary)}
.cc-cats ul li a.cc-cat--flash:hover{background:#fbcbe1;color:var(--cc-primary-dark)}
.cc-cats ul li a.cc-cat--flash.is-active{background:var(--cc-primary);color:#fff}
.cc-cats ul li a.cc-cat--flash.is-active .cc-cat__emoji,
.cc-cats ul li a.cc-cat--flash.is-active .cc-cat__chev{color:#fff}

/* Flash Sales link in the top category bar */
.cc-nav a.cc-nav__flash{display:inline-flex;align-items:center;gap:5px;color:var(--cc-primary);font-weight:800}
.cc-nav a.cc-nav__flash svg{width:15px;height:15px;flex:0 0 auto}
.cc-nav a.cc-nav__flash:hover{color:var(--cc-primary-dark);border-bottom-color:var(--cc-primary)}

/* Flash Sales page banner (pink, with countdown) */
.cc-flash-banner{background:var(--cc-primary);color:#fff;flex-wrap:wrap}
.cc-flash-banner h1{color:#fff}
.cc-flash-banner p{color:#fff;opacity:.92}
.cc-flash-banner .cc-cat-banner__emoji{color:#fff}
.cc-count.cc-count--page{margin-left:auto}
@media (max-width:600px){
  .cc-count.cc-count--page{margin-left:0;width:100%;justify-content:flex-start}
}

/* =========================================================
   15. Banner in the hero slot
   ========================================================= */
.cc-hero--banner{min-height:0;background:transparent}
.cc-hero__banner{display:block;line-height:0}
.cc-hero__banner img{width:100%;height:auto;display:block}