/* CartnShop.pk rebrand layer
   Palette supplied by store owner:
   #3c3744 charcoal | #090c9b deep navy | #3066be royal blue | #b4c5e4 soft blue | #fbfff1 ivory
*/
:root{
  --cart-charcoal:#3c3744;
  --cart-navy:#090c9b;
  --cart-blue:#3066be;
  --cart-soft:#b4c5e4;
  --cart-ivory:#fbfff1;
  --cart-border:rgba(60,55,68,.16);
  --cart-shadow:0 14px 38px rgba(9,12,155,.10);
}
html{accent-color:var(--primary)}
body.storefront-body{background:var(--bg,var(--cart-ivory));color:var(--text,var(--cart-charcoal))}
a{color:inherit}
::selection{background:var(--cart-soft);color:var(--cart-charcoal)}

/* Announcement + header */
.announcement{background:var(--cart-charcoal)!important;color:var(--cart-ivory)!important;border-bottom:1px solid rgba(180,197,228,.28)!important}
.announcement a{color:var(--cart-soft)!important;text-decoration-color:rgba(180,197,228,.7)!important}
.site-header{background:#fff!important;border-color:var(--cart-border)!important;box-shadow:0 8px 26px rgba(60,55,68,.06)!important}
.brand-wordmark{color:var(--cart-navy)!important}.brand-wordmark em{color:var(--cart-blue)!important}
.search-form{border-color:rgba(48,102,190,.34)!important;background:#fff!important}
.search-form:focus-within{border-color:var(--cart-blue)!important;box-shadow:0 0 0 4px rgba(48,102,190,.12)!important}
.search-form button{background:var(--cart-navy)!important;color:#fff!important}
.header-actions .icon-action{color:var(--cart-charcoal)!important}
.header-actions .icon-action:hover{color:var(--cart-navy)!important;background:rgba(180,197,228,.22)!important}
.header-actions .icon-action b{background:var(--cart-blue)!important;color:#fff!important}
.nav-bar{background:var(--cart-navy)!important;color:#fff!important;border-color:rgba(255,255,255,.10)!important}
.nav-bar a,.category-menu-button{color:#fff!important}
.nav-bar a:hover,.category-menu-button:hover,.nav-request{background:rgba(180,197,228,.18)!important}
.category-mega{border-color:var(--cart-soft)!important;box-shadow:var(--cart-shadow)!important}
.category-mega a:hover{background:rgba(180,197,228,.20)!important;color:var(--cart-navy)!important}

/* Buttons and controls */
.btn,.button,button.btn{background:var(--cart-navy)!important;border-color:var(--cart-navy)!important;color:#fff!important;box-shadow:none!important}
.btn:hover,.button:hover,button.btn:hover{background:var(--cart-blue)!important;border-color:var(--cart-blue)!important;color:#fff!important;transform:translateY(-1px)}
.btn-accent{background:var(--cart-blue)!important;border-color:var(--cart-blue)!important;color:#fff!important}
.btn-light,.btn-outline{background:#fff!important;border-color:var(--cart-soft)!important;color:var(--cart-navy)!important}
.btn-light:hover,.btn-outline:hover{background:rgba(180,197,228,.24)!important;border-color:var(--cart-blue)!important}
.btn-white{background:#fff!important;color:var(--cart-navy)!important;border-color:#fff!important}

/* Homepage sections */
.home-section{background:var(--section-bg,var(--cart-ivory))}
.muted-section{background:linear-gradient(180deg,rgba(180,197,228,.24),rgba(251,255,241,.78))!important}
.section-kicker,.hero-kicker{color:var(--cart-blue)!important}
.section-head h2,.page-title h1,.content-card h2{color:var(--cart-charcoal)!important}
.section-actions button{border-color:var(--cart-soft)!important;color:var(--cart-navy)!important;background:#fff!important}
.section-actions button:hover{background:var(--cart-navy)!important;color:#fff!important;border-color:var(--cart-navy)!important}
.section-actions a{color:var(--cart-navy)!important}
.trust-strip{background:#fff!important;border-color:var(--cart-border)!important}
.trust-symbol{background:rgba(180,197,228,.28)!important;color:var(--cart-navy)!important;border-color:rgba(48,102,190,.18)!important}
.category-pill-card,.brand-tile,.wellness-grid>a,.guide-grid article,.product-card,.content-card,.form-card,.cart-card,.summary-card,.account-card{border-color:var(--cart-border)!important;box-shadow:0 8px 24px rgba(60,55,68,.055)!important}
.category-pill-card:hover,.brand-tile:hover,.wellness-grid>a:hover,.guide-grid article:hover,.product-card:hover{border-color:rgba(48,102,190,.45)!important;box-shadow:var(--cart-shadow)!important}
.category-circle{background:linear-gradient(145deg,var(--cart-ivory),rgba(180,197,228,.32))!important;border-color:rgba(48,102,190,.16)!important}
.wellness-grid>a span{background:rgba(180,197,228,.24)!important;color:var(--cart-navy)!important}
.green-promo,.newsletter-panel{background:linear-gradient(135deg,var(--cart-charcoal),var(--cart-navy) 58%,var(--cart-blue))!important;color:#fff!important}
.request-promo{background:linear-gradient(145deg,#fff,var(--cart-ivory))!important;border-color:var(--cart-soft)!important}
.organic-story-section{background:var(--story-bg,var(--cart-navy))!important}

/* Product/catalog details */
.product-price,.price,.current-price{color:var(--cart-navy)!important}
.sale-badge,.discount-badge,.product-badge{background:var(--cart-blue)!important;color:#fff!important}
.pill{background:rgba(180,197,228,.26)!important;color:var(--cart-navy)!important;border-color:rgba(48,102,190,.18)!important}
.product-tab-nav button.active,.product-tab-nav button[aria-selected="true"]{color:var(--cart-navy)!important;border-color:var(--cart-blue)!important}
.quantity-picker,.input,.select,.textarea,input,select,textarea{border-color:rgba(60,55,68,.22)}
.input:focus,.select:focus,.textarea:focus,input:focus,select:focus,textarea:focus{border-color:var(--cart-blue)!important;box-shadow:0 0 0 4px rgba(48,102,190,.10)!important;outline:0}
.breadcrumbs a,.section-link,.product-brand-link{color:var(--cart-blue)!important}

/* Cart / checkout / account */
.checkout-steps .active,.status.green{background:rgba(48,102,190,.12)!important;color:var(--cart-navy)!important;border-color:rgba(48,102,190,.30)!important}
.order-total,.cart-total{color:var(--cart-navy)!important}

/* Footer */
.site-footer{background:radial-gradient(circle at 12% 0%,rgba(180,197,228,.22),transparent 32%),linear-gradient(135deg,var(--cart-charcoal),var(--cart-navy) 58%,#07096f)!important}
.site-footer::before{background:linear-gradient(90deg,var(--cart-soft),var(--cart-blue),var(--cart-navy))!important}
.footer-trust-icon{background:rgba(180,197,228,.13)!important;color:var(--cart-soft)!important;border-color:rgba(180,197,228,.30)!important}
.footer-newsletter button{background:var(--cart-blue)!important;color:#fff!important}
.desktop-whatsapp{box-shadow:0 10px 30px rgba(0,0,0,.16)!important}
.mobile-bottom{border-top-color:rgba(48,102,190,.20)!important}
.mobile-bottom .active,.mobile-bottom a:hover,.mobile-bottom button:hover{color:var(--cart-navy)!important}

/* Small screen polish */
@media(max-width:760px){
  .site-header{box-shadow:0 4px 18px rgba(60,55,68,.07)!important}
  .nav-bar{background:var(--cart-navy)!important}
  .mobile-drawer-head{background:var(--cart-navy)!important;color:#fff!important}
  .mobile-drawer-categories a span{background:rgba(180,197,228,.24)!important;color:var(--cart-navy)!important}
}


/* Residual CartnShop colour cleanup */
:root{
  --success:var(--cart-blue);
  --success-soft:rgba(180,197,228,.24);
}
.announcement,
.announcement-inner,
.announcement-inner a{
  background:var(--cart-charcoal)!important;
  color:var(--cart-ivory)!important;
}
.announcement-inner a{
  text-decoration-color:rgba(180,197,228,.72)!important;
}
.trust-strip,
.trust-strip-grid{background:transparent!important}
.trust-item,
.trust-strip-grid > a,
.trust-strip-grid > div{
  background:#fff!important;
  border:1px solid var(--cart-border)!important;
  box-shadow:0 8px 24px rgba(60,55,68,.055)!important;
}
.trust-item strong,
.trust-strip-grid strong{color:var(--cart-charcoal)!important}
.trust-item small,
.trust-strip-grid small{color:#606779!important}
.category-pill-card{
  background:#fff!important;
  border:1px solid var(--cart-border)!important;
}
.category-pill-card strong,
.brand-tile strong,
.guide-grid article h3,
.product-card h3,
.content-card h3{color:var(--cart-charcoal)!important}
.category-pill-card small,
.brand-tile small{color:#606779!important}
.category-pill-card:hover{background:#fff!important}
.category-rail,
.product-rail,
.brand-rail{scrollbar-color:rgba(48,102,190,.42) rgba(180,197,228,.16)!important}
.section-head.compact .section-actions a,
.section-head .section-actions a,
.home-section a.section-link{color:var(--cart-navy)!important}
.section-head.compact .section-actions a:hover,
.section-head .section-actions a:hover{text-decoration:underline!important;text-underline-offset:4px}
.home-section[style],
.products-section[style],
.organic-banner-section[style]{background:var(--section-bg,var(--cart-ivory))!important}
.availability-card.available,
.availability-card.in-stock,
.stock-panel,
.stock-card,
.status-card{
  background:rgba(180,197,228,.24)!important;
  border:1px solid rgba(48,102,190,.22)!important;
}
.availability-card.available strong,
.availability-card.available small,
.availability-card.in-stock strong,
.availability-card.in-stock small{color:var(--cart-charcoal)!important}
.availability-card.available > span,
.availability-card.in-stock > span{background:var(--cart-blue)!important}
.product-page-badge,
.sale-badge,
.discount-badge,
.product-badge,
.badge-success,
.alert-success,
.text-success,
.bg-success{background:var(--cart-blue)!important;color:#fff!important;border-color:var(--cart-blue)!important}
.text-success{background:transparent!important;color:var(--cart-blue)!important}
.status.green,
.status.success,
.is-success,
.success-note{background:rgba(180,197,228,.22)!important;color:var(--cart-navy)!important;border-color:rgba(48,102,190,.24)!important}
.purchase-benefits > a,
.purchase-benefits > div{
  background:#fff!important;
  border:1px solid var(--cart-border)!important;
}
.purchase-benefits strong{color:var(--cart-charcoal)!important}
.purchase-benefits small{color:#606779!important}
.keyword-pills a,
.footer-mini-badge,
.pill{background:rgba(180,197,228,.24)!important;border-color:rgba(48,102,190,.20)!important;color:var(--cart-navy)!important}

/* CartnShop v4 identity + complete footer */
.header-logo img{display:block;width:auto;max-width:260px;height:52px;object-fit:contain}
.cartnshop-footer .cartnshop-footer-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(260px,1.45fr) repeat(4,minmax(155px,1fr));gap:34px;padding-top:10px;padding-bottom:34px;align-items:start}
.cartnshop-footer .cartnshop-footer-brand .logo img{display:block;width:auto;max-width:240px;height:58px;object-fit:contain;margin-bottom:16px}
.cartnshop-footer .cartnshop-footer-brand p{margin:0 0 14px;color:#e3eaf7!important;line-height:1.75}
.cartnshop-footer .cartnshop-footer-brand address{margin:0 0 14px;color:#dbe5f7!important;font-style:normal}
.cartnshop-footer .footer-group{min-width:0}
.cartnshop-footer .footer-group summary{font-size:1rem;color:#fff!important;font-weight:800;letter-spacing:.01em;border-bottom:1px solid rgba(180,197,228,.20);padding-bottom:8px;margin-bottom:5px}
.cartnshop-footer .footer-links{display:flex!important;flex-direction:column!important;gap:0!important}
.cartnshop-footer .footer-links a{color:#eef3ff!important;min-height:38px!important;padding:5px 0!important}
.cartnshop-footer .footer-links a:hover{color:#fff!important;text-decoration-color:#b4c5e4!important}
.cartnshop-footer .footer-links p{margin:3px 0 10px;color:#dbe5f7!important}
.cartnshop-footer .footer-newsletter{grid-template-columns:minmax(0,1fr);gap:8px}
.cartnshop-footer .footer-newsletter input{width:100%;min-width:0}
.cartnshop-footer .footer-newsletter button{width:max-content;min-width:110px}
.cartnshop-footer .footer-contact{display:grid!important;gap:8px!important}
.cartnshop-footer .footer-contact a{width:max-content;max-width:100%;overflow-wrap:anywhere}
.cartnshop-footer .footer-bottom{position:relative;z-index:1}

/* Never let copied green utility styles recolor the new identity */
body.storefront-body :is(.text-green,.green-text,[style*="color: green" i]){color:#3066be!important}
body.storefront-body :is(.bg-green,.green-bg,[style*="background: green" i]){background:#b4c5e4!important}

@media(max-width:1180px){
 .cartnshop-footer .cartnshop-footer-grid{grid-template-columns:minmax(260px,1.35fr) repeat(2,minmax(180px,1fr));gap:28px}
 .cartnshop-footer .cartnshop-footer-brand{grid-row:span 2}
}
@media(max-width:760px){
 .header-logo img{height:44px;max-width:210px}
 .cartnshop-footer .footer-trust-strip{grid-template-columns:1fr!important}
 .cartnshop-footer .cartnshop-footer-grid{grid-template-columns:1fr;gap:8px;padding-top:4px;padding-bottom:26px}
 .cartnshop-footer .cartnshop-footer-brand{grid-row:auto;padding-bottom:16px}
 .cartnshop-footer .cartnshop-footer-brand .logo img{height:52px;max-width:225px}
 .cartnshop-footer .footer-group{border-top:1px solid rgba(180,197,228,.18);padding-top:4px}
 .cartnshop-footer .footer-group summary{margin:0;border:0;min-height:48px}
 .cartnshop-footer .footer-newsletter{grid-template-columns:1fr}
 .cartnshop-footer .footer-newsletter button{width:100%}
 .cartnshop-footer .footer-bottom{grid-template-columns:1fr!important;text-align:left!important;gap:12px!important}
}

/* Product details/specifications — universal product types */
.product-spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border:1px solid var(--cart-border);border-radius:14px;overflow:hidden;background:#fff;margin:14px 0 24px}
.product-spec-grid>div{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(0,1.2fr);gap:12px;padding:12px 14px;border-bottom:1px solid var(--cart-border)}
.product-spec-grid>div:nth-child(odd){border-right:1px solid var(--cart-border)}
.product-spec-grid span{color:#606779;font-size:.9rem}.product-spec-grid strong{color:var(--cart-charcoal);word-break:break-word}
@media(max-width:700px){.product-spec-grid{grid-template-columns:1fr}.product-spec-grid>div:nth-child(odd){border-right:0}.product-spec-grid>div{grid-template-columns:minmax(105px,.8fr) minmax(0,1.2fr)}}