/*
Theme Name: Kaashvis Pastel
Template: storefront
Description: Kaashvi Healthcare pastel ecommerce theme - child of Storefront (WooCommerce official theme)
Version: 1.0
Author: Kaashvi Healthcare
*/

:root{
  --kh-sage:#A8C5A0; --kh-sage-dark:#7FA477;
  --kh-cream:#FAF6EE; --kh-blush:#F2D8D5;
  --kh-blue:#C9DCE8; --kh-marigold:#F5E6C4;
  --kh-forest:#2F4A3C; --kh-white:#FFFFFF;
}

/* ------- Base ------- */
body{ background:var(--kh-cream); color:var(--kh-forest);
  font-family:'Plus Jakarta Sans',system-ui,sans-serif; }
h1,h2,h3,h4,.site-branding .site-title{ font-family:'Fraunces',Georgia,serif; color:var(--kh-forest); }
a{ color:var(--kh-sage-dark); }

/* ------- Header ------- */
.site-header, .storefront-primary-navigation{ background:var(--kh-white); border-bottom:1px solid #eee7d9; }
.main-navigation ul li a{ color:var(--kh-forest); font-weight:600; }
.site-header-cart .cart-contents .count{ background:var(--kh-sage); color:#fff; }

/* ------- Buttons ------- */
button, .button, .wp-block-button__link,
.woocommerce #respond input#submit, .woocommerce a.button,
.woocommerce button.button, .woocommerce input.button,
.single_add_to_cart_button{
  background:var(--kh-sage) !important; color:#fff !important;
  border:none !important; border-radius:24px !important;
  padding:.8em 1.8em !important; font-weight:700 !important;
  transition:all .2s ease;
}
button:hover,.button:hover,.single_add_to_cart_button:hover{
  background:var(--kh-sage-dark) !important; transform:translateY(-1px);
  box-shadow:0 6px 16px rgba(47,74,60,.18);
}
.button.checkout, .checkout-button{ background:var(--kh-forest) !important; }

/* ------- Product cards ------- */
ul.products li.product{
  background:var(--kh-white); border-radius:18px; padding:18px;
  box-shadow:0 2px 10px rgba(47,74,60,.06); transition:all .25s ease;
}
ul.products li.product:hover{ transform:translateY(-4px); box-shadow:0 10px 26px rgba(47,74,60,.14); }
ul.products li.product img{ border-radius:12px; }
.price{ color:var(--kh-forest) !important; font-weight:800; }
.onsale{ background:var(--kh-blush) !important; color:var(--kh-forest) !important;
  border-radius:999px !important; font-weight:700; }

/* ------- Hero / promo strips (use in block editor with these classes) ------- */
.kh-hero{ background:linear-gradient(120deg,var(--kh-blue),var(--kh-cream) 65%);
  border-radius:24px; padding:56px 40px; margin:24px 0; }
.kh-strip-offer{ background:var(--kh-marigold); border-radius:14px; padding:14px 22px;
  text-align:center; font-weight:700; }
.kh-trust{ display:flex; gap:18px; flex-wrap:wrap; justify-content:center;
  background:var(--kh-white); border-radius:18px; padding:22px; }
.kh-trust span{ background:var(--kh-cream); border-radius:999px; padding:8px 18px; font-weight:600; }

/* ------- Product page compliance blocks ------- */
.kh-disclaimer{ background:var(--kh-blush); border-radius:12px; padding:14px 18px;
  font-size:.85em; margin-top:22px; }
.kh-metrology{ background:var(--kh-cream); border:1px dashed var(--kh-sage);
  border-radius:12px; padding:12px 16px; font-size:.85em; margin-top:10px; }

/* ------- WhatsApp float ------- */
.kh-wa-float{ position:fixed; right:18px; bottom:18px; z-index:999;
  background:#25D366; color:#fff !important; border-radius:999px;
  padding:14px 22px; font-weight:800; box-shadow:0 8px 22px rgba(0,0,0,.25); }

/* ------- Footer ------- */
.site-footer{ background:var(--kh-forest); color:#e8efe6; }
.site-footer a{ color:var(--kh-sage); }

/* ------- Mobile ------- */
@media (max-width:640px){
  .kh-hero{ padding:32px 20px; }
  ul.products li.product{ padding:12px; }
}

/* ===== v1.1 — compact header + sage background + richer look ===== */

/* 1. Compact header: logo was towering */
.site-header .custom-logo{ max-height:72px !important; width:auto !important; }
.site-header{ padding-top:8px !important; padding-bottom:0 !important; }
.site-branding{ margin-bottom:0 !important; padding:6px 0 !important; }
.storefront-primary-navigation{ margin-top:0; }
.site-header .col-full{ padding-top:0; padding-bottom:0; }

/* 2. Sage herbalist as very light full-page background */
body::before{
  content:""; position:fixed; inset:0; z-index:-1;
  background:url("/wp-content/uploads/2026/07/sage-bg.jpg") center top / cover no-repeat fixed;
  opacity:0.07; pointer-events:none;
}
body{ background:var(--kh-cream); }

/* 3. Hero: use the sage image with a soft cream veil for richness */
.kh-hero{
  background:
    linear-gradient(100deg, rgba(250,246,238,0.93) 38%, rgba(250,246,238,0.55) 70%, rgba(250,246,238,0.25)),
    url("/wp-content/uploads/2026/07/sage-bg.jpg") right center / cover no-repeat;
  border:1px solid rgba(168,197,160,.4);
  box-shadow:0 14px 40px rgba(47,74,60,.10);
}
.kh-hero h1{ font-size:2.6em; line-height:1.15; }

/* 4. Richer product cards & sections */
ul.products li.product{ border:1px solid rgba(168,197,160,.25); }
ul.products li.product .woocommerce-loop-product__title{ font-family:'Fraunces',serif; font-size:1.05em; }
.kh-trust{ box-shadow:0 6px 18px rgba(47,74,60,.06); border:1px solid rgba(168,197,160,.25); }
.site-main{ padding-top:10px; }

/* 5. Section headings flourish */
h2.has-text-align-center{ position:relative; padding-bottom:14px; }
h2.has-text-align-center::after{
  content:""; position:absolute; left:50%; bottom:0; transform:translateX(-50%);
  width:64px; height:3px; border-radius:3px;
  background:linear-gradient(90deg,var(--kh-sage),var(--kh-marigold));
}

/* ===== v1.2 — ancient Ayurveda x modern ===== */

/* Sanskrit shloka + Devanagari-flavoured display font */
.kh-shloka{
  font-family:'Rozha One','Fraunces',serif;
  font-size:1.5em; color:#B8892B; letter-spacing:2px; margin-bottom:6px;
}
.kh-div{ text-align:center; color:#B8892B; font-size:1.3em; letter-spacing:14px; margin:34px 0 6px; }

/* Gold thread through the design */
.site-header{ border-bottom:2px solid transparent;
  border-image:linear-gradient(90deg,transparent,#C9A227 30%,#2F4A3C 50%,#C9A227 70%,transparent) 1; }
.kh-hero{ position:relative; }
.kh-hero::before, .kh-hero::after{
  content:"❁"; position:absolute; color:#C9A227; font-size:1.6em; opacity:.8;
}
.kh-hero::before{ top:14px; left:20px; }
.kh-hero::after{ bottom:14px; right:20px; }

/* Aged-parchment card feel */
ul.products li.product{
  background:linear-gradient(180deg,#FFFFFF, #FBF7EC);
  border:1px solid rgba(201,162,39,.30);
}
ul.products li.product:hover{ border-color:#C9A227; box-shadow:0 12px 30px rgba(140,110,30,.18); }
.price{ color:#7A5E13 !important; }

/* Buttons: deep green with gold rim */
button,.button,.single_add_to_cart_button{
  background:linear-gradient(180deg,var(--kh-sage),var(--kh-sage-dark)) !important;
  border:1px solid rgba(201,162,39,.55) !important;
}

/* Section headings: gold-leaf underline */
h2.has-text-align-center::after{ background:linear-gradient(90deg,#C9A227,#F5E6C4,#C9A227); }

/* Hide page title + tidy front page */
.page-id-27 .entry-title{ display:none; }
.page-id-27 .entry-header{ margin:0; padding:0; }

/* Footer: dark herbal with gold accents */
.site-footer{ background:linear-gradient(180deg,#28402F,#1D3125); border-top:3px solid #C9A227; }
.site-footer a{ color:#D9C27A; }

/* ===== v1.3 — stronger background, slim hero, big bold shloka ===== */
body::before{ opacity:0.18 !important; }
.kh-shloka{ font-size:3.2em !important; font-weight:700 !important;
  text-shadow:0 1px 0 rgba(255,255,255,.6); line-height:1.2; }
.kh-hero-slim{ padding:26px 36px !important; margin:12px 0 8px !important; }
.kh-hero-slim h1{ font-size:2em !important; margin:2px 0 0 !important; }
.kh-div{ margin:18px 0 2px !important; }
.site-main{ padding-top:4px !important; }
.kh-trust{ padding:14px !important; margin-top:26px; }
h2.has-text-align-center{ margin-top:16px !important; }

/* v1.4 */
body::before{ opacity:0.30 !important; }
ul.products li.product, .kh-hero, .kh-trust{ background-color:rgba(255,255,255,.88) !important; }

/* ===== v1.5 — single-row header: logo + big menu + herbs bg 50% ===== */
.site-header{
  position:relative; min-height:112px; padding:0 !important;
  background:linear-gradient(rgba(255,255,255,.5),rgba(255,255,255,.5)),
             url("/wp-content/uploads/2026/07/header-herbs.jpg") center/cover no-repeat !important;
}
.site-branding{ margin:0 !important; padding:10px 0 !important; }
.site-header .custom-logo{ max-height:90px !important; }
.storefront-primary-navigation{
  position:absolute; top:50%; transform:translateY(-50%);
  left:240px; right:250px; background:transparent !important;
  margin:0 !important; border:none !important;
}
.storefront-primary-navigation .col-full{ margin:0; padding:0; }
.main-navigation ul.menu > li > a{
  font-size:1.45em !important; font-weight:700 !important;
  color:#2F4A3C !important; padding:6px 22px 6px 0 !important;
  text-shadow:0 1px 0 rgba(255,255,255,.8);
}
.main-navigation ul.menu > li > a:hover{ color:#7A5E13 !important; }
.site-search{ position:absolute !important; right:0; top:12px; width:230px; margin:0 !important; }
.site-header-cart{ position:absolute; right:0; bottom:10px; }
.site-header-cart .cart-contents{ font-size:1.1em; font-weight:700; }
@media (max-width:900px){
  .site-header{ min-height:auto; }
  .storefront-primary-navigation{ position:static; transform:none; }
  .site-search, .site-header-cart{ position:static !important; width:auto; }
}

/* v1.5.1 — menu clear of logo */
.storefront-primary-navigation{ left:430px !important; right:270px !important; }
.storefront-primary-navigation .col-full{ margin:0 !important; padding:0 !important; max-width:none !important; }
.site-branding{ background:transparent !important; }
.site-branding img{ background:transparent !important; }
@media (max-width:1100px){ .main-navigation ul.menu > li > a{ font-size:1.15em !important; } .storefront-primary-navigation{ left:380px !important; } }

/* v1.5.2 — pin logo left, menu beside it */
.site-branding{ position:absolute !important; left:28px; top:10px; width:auto !important; padding:0 !important; }
.storefront-primary-navigation{ left:165px !important; right:270px !important; }
@media (max-width:900px){ .site-branding{ position:static !important; } }

/* v1.5.3 — plain white header, keep compact layout */
.site-header{ background:#FFFFFF !important; }

/* v1.6 — narrower centered hero */
.kh-hero-slim{ max-width:720px; margin:14px auto 8px !important; }

/* ================= HERITAGE v2.0 ================= */

/* --- Centered heritage header --- */
.site-header{ text-align:center; padding:16px 0 0 !important; min-height:0 !important; background:#FFFFFF !important; position:relative; }
.site-branding{ position:static !important; float:none !important; margin:0 auto !important; display:block; padding:0 !important; }
.site-branding img{ margin:0 auto; max-height:82px !important; display:block; }
.kh-wordmark{ display:block; margin:6px 0 8px; }
.kh-brand{ display:block; font-family:'Fraunces',Georgia,serif; font-weight:600;
  letter-spacing:7px; font-size:1.55em; color:#23392C; }
.kh-tag{ display:block; letter-spacing:4px; color:#B78B28; font-size:.8em;
  font-variant:small-caps; margin-top:2px; }
.site-search{ position:absolute !important; right:26px; top:22px; width:200px; margin:0 !important; }
.site-header-cart{ position:absolute !important; right:26px; top:72px; }
.storefront-primary-navigation{ position:static !important; transform:none !important;
  left:auto !important; right:auto !important; background:transparent !important;
  margin:8px 0 0 !important; text-align:center;
  border-top:1px solid rgba(183,139,40,.4) !important; border-bottom:1px solid rgba(183,139,40,.4); }
.main-navigation{ float:none !important; display:inline-block !important; }
.main-navigation ul.menu > li{ display:inline-block; float:none !important; }
.main-navigation ul.menu > li > a{
  font-family:'Fraunces',Georgia,serif !important; font-size:1.02em !important;
  font-weight:600 !important; letter-spacing:3px; text-transform:uppercase;
  color:#23392C !important; padding:10px 10px !important; text-shadow:none; }
.main-navigation ul.menu > li + li::before{ content:"\00B7"; color:#B78B28; margin:0 12px 0 2px; }

/* --- Palette: ivory, deep forest, old gold --- */
body{ background:#FBF7EF; }
body::before{ opacity:0.22 !important; }

/* --- Vintage-label buttons --- */
button,.button,.wp-block-button__link,.single_add_to_cart_button,
.woocommerce a.button,.woocommerce button.button{
  background:#23392C !important; color:#F7EFDD !important;
  border:1px solid #B78B28 !important; border-radius:3px !important;
  letter-spacing:2px; text-transform:uppercase; font-size:.82em !important;
  font-weight:700 !important; padding:.9em 1.9em !important; }
button:hover,.button:hover{ background:#2F4A3C !important; box-shadow:0 6px 16px rgba(35,57,44,.3); transform:none; }
.kh-btn-ghost{ background:transparent !important; border:1px solid #E8C567 !important; color:#F7EFDD !important; }

/* --- Full-bleed heritage hero --- */
.kh-hero-v2{
  margin:0 calc(50% - 50vw) 10px; padding:56px 22px 52px; text-align:center;
  background:linear-gradient(rgba(23,40,29,.52),rgba(23,40,29,.68)),
    url("/wp-content/uploads/2026/07/sage-bg.jpg") center 28%/cover no-repeat;
  color:#F7EFDD; }
.kh-seal{ width:76px; height:76px; margin:0 auto 12px; border-radius:50%;
  box-shadow:0 0 0 3px rgba(232,197,103,.5), 0 4px 14px rgba(0,0,0,.35); }
.kh-hero-v2 .kh-shloka{ color:#E8C567 !important; font-size:2.7em !important; text-shadow:0 2px 8px rgba(0,0,0,.4); }
.kh-hero-v2 h1{ color:#FBF4E4 !important; font-size:2.3em !important; margin:6px 0 0 !important; }
.kh-hero-sub{ max-width:520px; margin:10px auto 0; color:#EDE3CB; }

/* --- Ornamental heading motif --- */
h2.has-text-align-center::after{ background:none !important; content:"\2766"; height:auto; width:auto;
  font-size:1.05em; color:#B78B28; position:static; display:block; margin-top:6px; transform:none; }
h2.has-text-align-center{ padding-bottom:0 !important; font-size:2em; }

/* --- Footer seal --- */
.site-footer{ text-align:center; }

@media (max-width:900px){
  .site-search{ display:none; }
  .site-header-cart{ top:20px; }
  .kh-hero-v2 .kh-shloka{ font-size:1.9em !important; }
}

/* ================= v2.1 — BRIGHT heritage ================= */

/* header: wordmark only, no logo image */
.site-branding img{ display:none !important; }
.kh-brand{ font-size:2.1em; letter-spacing:9px; color:#1F7A2E; }
.kh-tag{ color:#F29A2E; font-size:.9em; letter-spacing:5px; }
.site-header{ padding-top:20px !important; }

/* bright fresh palette */
body{ background:#FDFEFB; }
body::before{ opacity:0.14 !important; }
.kh-strip-offer{ background:linear-gradient(90deg,#F29A2E,#F7B95C) !important; color:#3A2A0E !important; }

/* vivid buttons: leaf green with orange hover */
button,.button,.wp-block-button__link,.single_add_to_cart_button,
.woocommerce a.button,.woocommerce button.button{
  background:#2E8B3D !important; border:1px solid #F29A2E !important; color:#FFFFFF !important; }
button:hover,.button:hover,.single_add_to_cart_button:hover{
  background:#F29A2E !important; color:#2A1A05 !important; }

/* bright hero: warm spices + luminous veil, dark green text */
.kh-hero-v2{
  background:linear-gradient(rgba(253,252,246,.82),rgba(253,252,246,.58)),
    url("/wp-content/uploads/2026/07/spices-hero.jpg") center 60%/cover no-repeat;
  color:#234C2B; padding:48px 22px 46px; }
.kh-hero-v2 .kh-shloka{ color:#C77A17 !important; text-shadow:0 1px 0 rgba(255,255,255,.7); }
.kh-hero-v2 h1{ color:#1F5C2D !important; }
.kh-hero-sub{ color:#3A5540 !important; }
.kh-seal{ box-shadow:0 0 0 3px rgba(242,154,46,.65), 0 4px 14px rgba(0,0,0,.2); }
.kh-btn-ghost{ background:transparent !important; border:1.5px solid #2E8B3D !important; color:#1F5C2D !important; }

/* product cards: white & crisp */
ul.products li.product{ background:#FFFFFF !important; border:1px solid rgba(46,139,61,.25) !important; }
ul.products li.product:hover{ border-color:#F29A2E !important; }
.price{ color:#1F7A2E !important; }
h2.has-text-align-center::after{ color:#F29A2E; }
.site-footer{ background:linear-gradient(180deg,#1F5C2D,#174322) !important; border-top:3px solid #F29A2E !important; }

/* ================= v2.2 — LIVELY (Forest Essentials school) ================= */

/* 1. Kill the page-wide haze: crisp white body */
body::before{ display:none !important; }
body{ background:#FFFFFF !important; }

/* 2. Hero: saturated image, slim dark veil, luminous text */
.kh-hero-v2{
  background:linear-gradient(rgba(22,32,22,.38),rgba(22,32,22,.44)),
    url("/wp-content/uploads/2026/07/spices-hero.jpg") center 62%/cover no-repeat;
  padding:64px 22px 60px; }
.kh-hero-v2 .kh-shloka{ color:#F6C355 !important; text-shadow:0 2px 10px rgba(0,0,0,.55); }
.kh-hero-v2 h1{ color:#FFFFFF !important; text-shadow:0 2px 10px rgba(0,0,0,.5); font-size:2.6em !important; }
.kh-hero-sub{ color:#F2EAD8 !important; text-shadow:0 1px 6px rgba(0,0,0,.5); }
.kh-hero-v2 .button{ background:#F29A2E !important; color:#2A1A05 !important; border:none !important; box-shadow:0 6px 18px rgba(0,0,0,.3); }
.kh-hero-v2 .kh-btn-ghost{ background:transparent !important; border:1.5px solid #FFFFFF !important; color:#FFFFFF !important; }

/* 3. BIG cart */
.site-header-cart{ top:64px !important; right:26px; }
.site-header-cart .cart-contents{ font-size:1.5em !important; font-weight:800 !important; color:#1F7A2E !important; }
.site-header-cart .cart-contents::after{ font-size:1.4em !important; }
.site-header-cart .count{ font-size:.6em; vertical-align:middle; background:#F29A2E !important; color:#fff !important; border-radius:999px; padding:2px 9px; }

/* 4. Sections as clean bands */
h2.has-text-align-center{ font-size:2.2em; margin-top:34px !important; }
ul.products li.product{ box-shadow:0 3px 14px rgba(31,92,45,.08); }
ul.products li.product:hover{ box-shadow:0 16px 36px rgba(31,92,45,.22) !important; transform:translateY(-6px); }
ul.products li.product .woocommerce-loop-product__title{ font-size:1.12em !important; color:#1F5C2D; }
.kh-trust{ background:#EFF7EE !important; border:none !important; }
.kh-trust span{ background:#FFFFFF; }

/* tidy: hide stray secondary menu dots row if any */
.secondary-navigation{ display:none !important; }

/* v2.2.1 — cart aligned with search, stray dots removed */
.site-header-cart{ top:16px !important; right:250px !important; bottom:auto !important; }
.site-header-cart .cart-contents{ font-size:1.25em !important; }
@media (min-width:901px){ .handheld-navigation{ display:none !important; } }

/* v2.2.2 kill leftover dot row */
.main-navigation ul.menu ~ ul, .main-navigation .handheld-navigation, .storefront-handheld-footer-bar ~ .main-navigation ul:not(.menu){ display:none !important; }
.main-navigation ul:not(.menu) li::before{ content:none !important; }

/* v2.2.3 — search on top, cart neatly below it (no overlap at any width) */
.site-search{ top:14px !important; right:26px !important; width:230px !important; }
.site-header-cart{ top:58px !important; right:26px !important; left:auto !important; text-align:right; }
.site-header-cart .cart-contents{ font-size:1.15em !important; }

/* v2.3 — pastel card backgrounds matched to each label */
ul.products li.product{ background:#F4F6F0 !important; }
li.product.post-10{ background:linear-gradient(180deg,#EAF3FB,#FFFFFF 70%) !important; } /* Blue Tea - powder blue */
li.product.post-11{ background:linear-gradient(180deg,#E7F3E4,#FFFFFF 70%) !important; } /* Brain Sharp - leaf green */
li.product.post-14{ background:linear-gradient(180deg,#FBF3D9,#FFFFFF 70%) !important; } /* Alfa Male - pale gold */
li.product.post-15{ background:linear-gradient(180deg,#F3F7DC,#FFFFFF 70%) !important; } /* Livo Veda - lime */
li.product.post-17{ background:linear-gradient(180deg,#F3EEDC,#FFFFFF 70%) !important; } /* Nabhi Sudha - amber */
li.product.post-18{ background:linear-gradient(180deg,#E3F1F8,#FFFFFF 70%) !important; } /* Mineral Drops - sky */
li.product.post-12{ background:linear-gradient(180deg,#E4EEF8,#FFFFFF 70%) !important; } /* HE-Well - blue */
li.product.post-13{ background:linear-gradient(180deg,#FAE7EC,#FFFFFF 70%) !important; } /* SHE-Well - pink */
li.product.post-16{ background:linear-gradient(180deg,#E9F5E6,#FFFFFF 70%) !important; } /* Dia Veda - mint */
li.product.post-21{ background:linear-gradient(180deg,#E4F2E9,#FFFFFF 70%) !important; } /* Nirmal Arsh - mint deep */
li.product.post-19{ background:linear-gradient(180deg,#F8E7E4,#FFFFFF 70%) !important; } /* Dil Care - pale rose */
li.product.post-20{ background:linear-gradient(180deg,#F0EFE7,#FFFFFF 70%) !important; } /* Arthra Veda - neutral */
ul.products li.product img{ mix-blend-mode:multiply; }

/* v2.3.1 — stronger pastels, full-width shop */
li.product.post-10{ background:#DEEDFA !important; }
li.product.post-11{ background:#DDEED9 !important; }
li.product.post-14{ background:#FAEEC5 !important; }
li.product.post-15{ background:#EDF4C8 !important; }
li.product.post-17{ background:#F0E8CD !important; }
li.product.post-18{ background:#D6EAF6 !important; }
li.product.post-12{ background:#D9E7F7 !important; }
li.product.post-13{ background:#F9DDE5 !important; }
li.product.post-16{ background:#DFF1DA !important; }
li.product.post-21{ background:#D8EDE0 !important; }
li.product.post-19{ background:#F7DCD6 !important; }
li.product.post-20{ background:#ECEADF !important; }
ul.products li.product img{ mix-blend-mode:multiply; border-radius:10px; }
ul.products li.product .button{ background:#1F5C2D !important; }

/* shop page: no empty sidebar, full width */
.woocommerce-shop .widget-area, .post-type-archive-product .widget-area, .tax-product_cat .widget-area{ display:none !important; }
.woocommerce-shop .content-area, .post-type-archive-product .content-area, .tax-product_cat .content-area{ width:100% !important; float:none !important; }

/* v2.3.2 — pastel per product, correct specificity */
ul.products li.product.post-10{ background:#DEEDFA !important; }
ul.products li.product.post-11{ background:#DDEED9 !important; }
ul.products li.product.post-14{ background:#FAEEC5 !important; }
ul.products li.product.post-15{ background:#EDF4C8 !important; }
ul.products li.product.post-17{ background:#F0E8CD !important; }
ul.products li.product.post-18{ background:#D6EAF6 !important; }
ul.products li.product.post-12{ background:#D9E7F7 !important; }
ul.products li.product.post-13{ background:#F9DDE5 !important; }
ul.products li.product.post-16{ background:#DFF1DA !important; }
ul.products li.product.post-21{ background:#D8EDE0 !important; }
ul.products li.product.post-19{ background:#F7DCD6 !important; }
ul.products li.product.post-20{ background:#ECEADF !important; }

/* v2.4 — bold bright tagline */
.kh-tag{ color:#F97316 !important; font-weight:800 !important; font-size:1.05em !important;
  letter-spacing:5px !important; font-variant:normal !important; }

/* coming-soon products */
li.product.post-{ background:#F7DAD0 !important; }
li.product.post-{ background:#E7F0DE !important; }
li.product.post- .button, li.product.post- .button, li.product.post- .price, li.product.post- .price{ display:none !important; }
li.product.post-::before, li.product.post-::before{
  content:"COMING SOON"; position:absolute; top:14px; left:-30px; transform:rotate(-38deg);
  background:#F29A2E; color:#fff; font-size:.7em; font-weight:800; letter-spacing:1px;
  padding:5px 34px; box-shadow:0 3px 8px rgba(0,0,0,.25); z-index:3; }
li.product.post-, li.product.post-{ position:relative; overflow:hidden; }