.header-whatsapp:hover{color:var(--orange)}
@media(max-width:900px){.header-whatsapp{font-size:12px}.site-header .nav-wrap{gap:10px}}
@media(max-width:560px){.header-whatsapp{font-size:11px;max-width:118px;overflow:hidden;text-overflow:ellipsis}.site-header .nav-wrap{gap:7px}}

.announcement{padding:0!important;height:36px;display:flex;align-items:center;justify-content:center;overflow:hidden;white-space:nowrap}
.announcement-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.announcement-viewport{width:100%;overflow:hidden}
.announcement-track{display:flex;width:max-content;animation:tb-announcement-scroll 18s linear infinite;will-change:transform}
.announcement-track span{display:block;flex:0 0 auto;padding-right:max(80px,20vw);font-size:12px;font-weight:700;letter-spacing:.04em}
.announcement-whatsapp-icon{width:15px;height:15px;display:inline-block;vertical-align:-3px;margin:0 2px}
.announcement-whatsapp-link{display:inline-flex;align-items:center;gap:3px;color:inherit;text-decoration:none;font:inherit}
.announcement-whatsapp-link:hover{color:inherit}
@keyframes tb-announcement-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:560px){.announcement{height:34px}.announcement-track span{font-size:10px;padding-right:65px}}
@media(prefers-reduced-motion:reduce){.announcement-track{animation:none}}

.home-products .product-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin-top:15px!important}
.home-products .product-actions .add-btn,.home-products .product-actions .buy-btn{display:flex!important;width:100%!important;align-items:center;justify-content:center;box-sizing:border-box;min-height:44px}
.home-products .product-actions .add-btn{order:1;background:#fff!important;color:var(--ink)!important;border:1px solid #ddd!important}
.home-products .product-actions .buy-btn{order:2;background:var(--orange)!important;color:#fff!important;border:1px solid var(--orange)!important}
.home-products .product-info p{display:none!important}
.detail-description{display:none!important}

/* ==========================================================================
   Store Footer System (Desktop, Tablet, Mobile)
   ========================================================================== */
.footer{background:#faf7f3;border-top:1px solid var(--line);padding:50px 0 24px}
.footer .footer-brand p{color:var(--muted);font-size:13px;line-height:1.6;margin:12px 0 16px}
.footer-logo{width:220px;height:68px;object-fit:contain;object-position:left center;display:block}

.footer-socials{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:14px}
.footer-socials>span,.footer-socials-label{color:var(--ink);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-right:4px}
.footer .footer-brand .footer-socials a,
.footer-socials a{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;margin:0!important;padding:0!important;border:none!important;border-radius:50%!important;color:#fff!important;text-decoration:none!important;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease!important}
.footer-socials a:hover{transform:translateY(-2px) scale(1.08)!important}
.footer-socials svg{width:18px!important;height:18px!important;max-width:18px!important;max-height:18px!important;display:block!important;color:#fff!important;fill:currentColor!important;margin:auto!important}

/* Authentic Original Brand Colors: Facebook, Instagram, WhatsApp */
.footer-socials a.social-facebook,
.footer-socials a[aria-label="Facebook"]{background:#1877F2!important;box-shadow:0 2px 8px rgba(24,119,242,.35)!important}
.footer-socials a.social-facebook:hover,
.footer-socials a[aria-label="Facebook"]:hover{background:#166fe5!important;box-shadow:0 4px 12px rgba(24,119,242,.5)!important}

.footer-socials a.social-instagram,
.footer-socials a[aria-label="Instagram"]{background:linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%)!important;box-shadow:0 2px 8px rgba(220,39,67,.35)!important}
.footer-socials a.social-instagram:hover,
.footer-socials a[aria-label="Instagram"]:hover{box-shadow:0 4px 14px rgba(220,39,67,.55)!important;filter:brightness(1.08)!important}

.footer-socials a.social-whatsapp,
.footer-socials a[aria-label*="WhatsApp"]{background:#25D366!important;box-shadow:0 2px 8px rgba(37,211,102,.35)!important}
.footer-socials a.social-whatsapp:hover,
.footer-socials a[aria-label*="WhatsApp"]:hover{background:#20bd5a!important;box-shadow:0 4px 12px rgba(37,211,102,.5)!important}

.footer .footer-grid{display:grid;grid-template-columns:1.8fr 1fr 1fr 1.1fr;gap:36px;align-items:start}
.footer .footer-brand{max-width:320px}
.footer .footer-grid>div:not(.footer-brand){display:flex;flex-direction:column;gap:0}
.footer .footer-grid h4{font-size:13px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;margin:0 0 14px;color:var(--ink)}
.footer .footer-grid a{display:block;color:var(--muted);font-size:13px;line-height:1.45;margin:7px 0;text-decoration:none;transition:color .15s ease,transform .15s ease}
.footer .footer-grid a:hover{color:var(--orange);transform:translateX(2px)}

.footer .footer-bottom{border-top:1px solid var(--line);margin-top:35px;padding-top:18px;display:flex;justify-content:space-between;align-items:center;gap:15px;color:#888;font-size:11px}

/* Desktop layout (>= 901px): 4 distinct columns in one row */
@media(min-width:901px){
  .footer .footer-grid{
    display:grid!important;
    grid-template-columns:1.8fr 1fr 1fr 1.1fr!important;
    gap:36px!important;
    align-items:start!important;
  }
  .footer .footer-brand{max-width:320px!important}
  .footer .footer-grid>div:not(.footer-brand){display:flex!important;flex-direction:column!important;gap:0!important}
  .footer .footer-grid h4{margin:0 0 14px!important}
  .footer .footer-grid a{margin:7px 0!important}
}

/* Tablet layout (641px - 900px): Brand on top (full width), 3 link columns side-by-side */
@media(max-width:900px) and (min-width:641px){
  .footer{padding:42px 0 22px!important}
  .footer .footer-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:26px!important;
    align-items:start!important;
  }
  .footer .footer-brand{
    grid-column:1/-1!important;
    max-width:none!important;
    margin-bottom:8px!important;
    padding-bottom:14px!important;
    border-bottom:1px solid var(--line)!important;
  }
  .footer .footer-grid>div:not(.footer-brand){display:flex!important;flex-direction:column!important;gap:0!important}
  .footer .footer-grid h4{margin:0 0 12px!important;font-size:12px!important}
  .footer .footer-grid a{margin:6px 0!important;font-size:12px!important}
}

/* Mobile layout (<= 640px): Brand on top, Shop & Customer Care 2-col, Information full-width 2-col links */
@media(max-width:640px){
  .footer{padding:36px 0 20px!important}
  .footer .footer-grid{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    column-gap:18px!important;
    row-gap:22px!important;
  }
  .footer .footer-brand{
    grid-column:1/-1!important;
    max-width:none!important;
    padding-bottom:14px!important;
    border-bottom:1px solid var(--line)!important;
  }
  .footer .footer-brand p{font-size:12px!important;line-height:1.6!important;margin:8px 0 12px!important;max-width:100%!important}
  .footer .footer-logo{width:180px!important;height:54px!important;object-fit:contain!important;object-position:left center!important}
  .footer-socials{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:12px!important;margin-top:12px!important}
  .footer-socials-label{display:inline-block!important;font-size:11px!important;font-weight:800!important;letter-spacing:.08em!important;text-transform:uppercase!important;margin-right:4px!important;color:var(--ink)!important;line-height:1!important}
  .footer .footer-brand .footer-socials a,
  .footer .footer-grid .footer-socials a,
  .footer-socials a{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;max-width:38px!important;max-height:38px!important;margin:0!important;padding:0!important;border:none!important;border-radius:50%!important;color:#fff!important}
  .footer-socials a.social-facebook,.footer-socials a[aria-label="Facebook"]{background:#1877F2!important;box-shadow:0 2px 8px rgba(24,119,242,.35)!important}
  .footer-socials a.social-instagram,.footer-socials a[aria-label="Instagram"]{background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)!important;box-shadow:0 2px 8px rgba(220,39,67,.35)!important}
  .footer-socials a.social-whatsapp,.footer-socials a[aria-label*="WhatsApp"]{background:#25D366!important;box-shadow:0 2px 8px rgba(37,211,102,.35)!important}
  .footer-socials svg{width:20px!important;height:20px!important;fill:#fff!important;color:#fff!important;display:block!important;margin:auto!important}
  .footer .footer-grid>div:not(.footer-brand){display:flex!important;flex-direction:column!important;gap:0!important}
  .footer .footer-grid .footer-info{
    grid-column:1/-1!important;
    padding-top:14px!important;
    border-top:1px solid var(--line)!important;
  }
  .footer .footer-grid .footer-info .footer-links-grid{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    column-gap:18px!important;
    row-gap:6px!important;
  }
  .footer .footer-grid h4{font-size:12px!important;font-weight:800!important;letter-spacing:.05em!important;text-transform:uppercase!important;margin:0 0 10px!important;color:var(--ink)!important}
  .footer .footer-grid>div:not(.footer-brand) a{display:block!important;color:var(--muted)!important;font-size:12px!important;line-height:1.45!important;margin:4px 0!important}
  .footer .footer-grid>div:not(.footer-brand) a:hover{color:var(--orange)!important}
  .footer .footer-bottom{
    display:flex!important;
    flex-direction:column!important;
    gap:6px!important;
    align-items:flex-start!important;
    margin-top:24px!important;
    padding-top:14px!important;
    border-top:1px solid var(--line)!important;
    font-size:11px!important;
  }
  .footer .footer-bottom span{display:block!important}
}


/* Header category dropdown — shared desktop and mobile navigation */
.desktop-nav{align-items:center}
.nav-category{position:relative;display:flex;align-items:center}
.nav-category-toggle{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;padding:10px 0;color:inherit;font:inherit;font-weight:700;white-space:nowrap;cursor:pointer}
.nav-category-toggle span{font-size:16px;color:var(--orange);transition:transform .18s ease}
.nav-category.open .nav-category-toggle span{transform:rotate(180deg)}
.nav-category-menu{position:absolute;z-index:120;top:calc(100% + 12px);left:-16px;display:none;min-width:242px;padding:8px;background:#fff;border:1px solid #eee5dd;border-radius:14px;box-shadow:0 16px 38px rgba(29,20,12,.14)}
.nav-category-menu:before{content:"";position:absolute;left:0;right:0;top:-13px;height:13px}
.nav-category.open .nav-category-menu,.nav-category:hover .nav-category-menu,.nav-category:focus-within .nav-category-menu{display:grid;gap:3px}
.nav-category-menu a{display:block;padding:12px 13px;border-radius:8px;font-size:13px;font-weight:700;line-height:1.35;white-space:normal}
.nav-category-menu a:hover,.nav-category-menu a:focus-visible{background:#fff3e9;color:var(--orange)}
.site-menu-category{border-bottom:1px solid #eee}
.site-menu-category summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:16px 5px;font-weight:800;font-size:14px;cursor:pointer}
.site-menu-category summary::-webkit-details-marker{display:none}
.site-menu-category summary span{color:var(--orange);transition:transform .18s ease}
.site-menu-category[open] summary span{transform:rotate(180deg)}
.site-menu-category-links{display:grid;gap:2px;padding:0 0 10px 10px}
.site-menu-drawer nav .site-menu-category-links a{border:0;border-left:2px solid #ff6a00;margin:0;padding:12px 10px 12px 13px;font-size:13px;font-weight:650}
.site-menu-drawer nav .site-menu-category-links a span{display:none}
@media(max-width:900px){.nav-category{display:none}}
@media(prefers-reduced-motion:reduce){.nav-category-toggle span,.site-menu-category summary span{transition:none}}



/* Concise CMS product cards and balanced CMS product detail typography */
.product-info .product-card-summary{
  display:-webkit-box!important;
  visibility:visible!important;
  opacity:1!important;
  margin:6px 0 10px!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
  color:var(--muted)!important;
  font-size:12px!important;
  line-height:1.45!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  line-clamp:3;
}
.cms-generic-detail .detail-info{min-width:0;width:100%;max-width:540px}
.cms-generic-detail .detail-info h1{
  font-size:clamp(23px,2.25vw,32px)!important;
  line-height:1.22!important;
  letter-spacing:-.02em;
  margin:8px 0 14px!important;
  overflow-wrap:anywhere;
  word-break:normal;
}
.cms-generic-detail .detail-info .detail-price{
  font-size:clamp(23px,2.4vw,30px);
  line-height:1.2;
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:8px;
}
.cms-generic-detail .detail-info .old-price{font-size:14px!important;font-weight:600}
.cms-generic-detail .product-gallery{width:100%;max-width:520px}
.cms-generic-detail .gallery-main{width:100%;max-width:520px}
.cms-generic-detail .gallery-main img{width:100%;max-height:500px;object-fit:contain}
@media(max-width:560px){
  .cms-generic-detail .detail-info h1{font-size:24px!important;line-height:1.25!important}
  .cms-generic-detail .detail-info .detail-price{font-size:25px}
}


.cms-generic-detail .cms-detail-delivery{
  margin:10px 0 16px;
  padding:10px 12px;
  border:1px solid #ece3da;
  border-radius:9px;
  background:#fffaf6;
  font-size:14px;
  line-height:1.5;
}
.cms-generic-detail .cms-detail-delivery strong{color:var(--orange);white-space:nowrap}
.cms-generic-detail .detail-actions a{cursor:pointer}

/* Compact Modern Product Variations UI */
.cms-modern-variant-selector{margin:16px 0 14px;padding:14px;border:1px solid #eadfd7;border-radius:14px;background:#fff8f2}
.cms-var-title-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;font-size:13px}
.cms-var-title-row strong{color:var(--ink);font-weight:800}
.cms-active-var-name{background:#ff6a0015;color:var(--orange);padding:3px 10px;border-radius:999px;font-size:12px;font-weight:750}
.cms-var-options-grid{display:flex!important;flex-wrap:wrap!important;gap:8px!important;align-items:center!important}
.cms-var-option-card{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:6px 12px!important;background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:10px!important;cursor:pointer!important;text-align:left!important;position:relative!important;transition:all .18s ease!important;outline:none!important;box-sizing:border-box!important;max-width:100%!important;min-height:42px!important}
.cms-var-option-card:hover{border-color:#cbd5e1!important;transform:translateY(-1px)!important;box-shadow:0 3px 8px rgba(0,0,0,0.04)!important}
.cms-var-option-card.active{border-color:var(--orange)!important;background:#fffdfa!important;box-shadow:0 0 0 2px rgba(255,106,0,0.18)!important}
.cms-var-thumb{width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important;min-height:34px!important;max-height:34px!important;object-fit:cover!important;border-radius:6px!important;border:1px solid #edf2f7!important;flex-shrink:0!important;display:block!important}
.cms-var-color-dot{width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;border-radius:50%!important;border:2px solid #fff!important;box-shadow:0 0 0 1px #cbd5e1!important;flex-shrink:0!important;display:inline-block!important}
.cms-var-option-text{display:flex!important;flex-direction:column!important;min-width:0!important;flex:0 1 auto!important}
.cms-var-name{font-size:12.5px!important;font-weight:750!important;color:var(--ink)!important;white-space:nowrap!important}
.cms-var-prices{font-size:11.5px!important;margin-top:1px!important;display:flex!important;align-items:baseline!important;gap:5px!important}
.cms-var-price{color:var(--orange)!important;font-weight:800!important}
.cms-var-old{color:var(--muted)!important;font-size:10.5px!important;text-decoration:line-through!important}
.cms-var-check{display:none;width:15px;height:15px;background:var(--orange);color:#fff;border-radius:50%;font-size:9.5px;line-height:15px;text-align:center;font-weight:800;margin-left:4px;flex-shrink:0}
.cms-var-option-card.active .cms-var-check{display:inline-block}

/* Product Page Quantity Selector */
.product-qty-row{margin:18px 0 16px;padding:14px 16px;border:1px solid #e6ded7;border-radius:14px;background:#fffdfa;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.product-qty-label-wrap{display:flex;flex-direction:column;gap:2px}
.product-qty-title{font-size:13px;font-weight:800;color:var(--ink)}
.product-qty-subtotal-text{font-size:12px;color:var(--muted)}
.product-qty-subtotal-text strong{color:var(--orange);font-weight:800;font-size:13px}
.product-qty-box{display:inline-flex;align-items:center;background:#fff;border:1.5px solid #d9d0c7;border-radius:10px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.product-qty-btn{width:40px;height:40px;border:0;background:#f8f6f3;color:var(--ink);font-size:18px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s ease;user-select:none}
.product-qty-btn:hover{background:#ede6df;color:var(--orange)}
.product-qty-btn:active{background:#dfd7ce}
.product-qty-field{width:54px;height:40px;border:0;border-left:1px solid #e7dfd6;border-right:1px solid #e7dfd6;text-align:center;font-size:15px;font-weight:800;color:var(--ink);outline:none;background:#fff;-moz-appearance:textfield}
.product-qty-field::-webkit-outer-spin-button,.product-qty-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}

@media(max-width:560px){
  .cms-var-options-grid{gap:6px!important}
  .cms-var-option-card{padding:5px 9px!important;min-height:38px!important}
  .cms-var-thumb{width:28px!important;height:28px!important;min-width:28px!important;max-width:28px!important;min-height:28px!important;max-height:28px!important}
  .cms-var-name{font-size:11.5px!important}
  .product-qty-row{padding:12px 14px;margin:14px 0}
  .product-qty-btn{width:36px;height:36px;font-size:16px}
  .product-qty-field{width:46px;height:36px;font-size:14px}
}
.cms-generic-detail .detail-info .detail-description{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  line-clamp:3;
  overflow:hidden;
  font-size:14px!important;
  line-height:1.55!important;
}
.product-info .product-card-summary{
  -webkit-line-clamp:2!important;
  line-clamp:2!important;
  font-size:12px!important;
  line-height:1.45!important;
  max-height:calc(1.45em * 2)!important;
}


/* Final product-page/cart fixes: apply to Mango and CMS products, not just new items. */
.detail-page .detail-info h1{
  font-size:clamp(24px,2.5vw,34px)!important;
  line-height:1.22!important;
  letter-spacing:-.02em!important;
  margin:8px 0 14px!important;
  overflow-wrap:anywhere;
  word-break:normal;
}
.detail-page .detail-info .detail-price{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:baseline;
  font-size:clamp(23px,2.4vw,30px);
  line-height:1.2;
}
.detail-page .detail-info .detail-price .old-price{font-size:14px!important}
.cms-detail-delivery{
  margin:10px 0 16px!important;
  padding:10px 12px!important;
  border:1px solid #ece3da;
  border-radius:9px;
  background:#fffaf6;
  font-size:14px;
  line-height:1.5;
}
.cms-detail-delivery strong{color:var(--orange);white-space:nowrap}
.cms-variation-selector{display:grid;gap:10px}
.cms-variation-selector>strong{font-size:12px}
.cms-variation-label{display:grid;gap:6px;font-size:12px;font-weight:800}
.cms-variation-label select{width:100%;min-height:46px;border:1px solid #ddd;border-radius:10px;background:#fff;color:var(--ink);padding:10px 12px;font-size:13px;font-weight:700;outline:none}
.cms-variation-label select:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,106,0,.1)}
/* Keep Add to Cart visible on All Products/category pages on mobile.
   Homepage button layout is intentionally excluded from this override. */
@media(max-width:560px){
  .products-section:not(.home-products) .product-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .products-section:not(.home-products) .product-actions .add-btn{display:flex!important;align-items:center;justify-content:center}
  .products-section:not(.home-products) .product-actions .buy-btn{display:flex!important;align-items:center;justify-content:center}
  .detail-page .detail-info h1{font-size:24px!important;line-height:1.25!important}
}



/* Consistent product cards, product titles and cart count on every store page. */
/* The base stylesheet hides .add-btn on smaller screens; explicitly restore it. */
.product-card .product-info>p,
.product-card .product-info .product-card-summary{
  display:none!important;
}
.product-card .product-actions{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:8px!important;
  visibility:visible!important;
  opacity:1!important;
}
.product-card .product-actions .add-btn,
.product-card .product-actions .buy-btn{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:44px!important;
  visibility:visible!important;
  opacity:1!important;
  box-sizing:border-box!important;
  font-size:12px!important;
  line-height:1.25!important;
  padding:11px 9px!important;
}
.product-card .product-actions .add-btn{
  order:1;
  border:1px solid #ddd!important;
  background:#fff!important;
  color:var(--ink)!important;
}
.product-card .product-actions .buy-btn{
  order:2;
  border:1px solid var(--orange)!important;
  background:var(--orange)!important;
  color:#fff!important;
}
.detail-top .detail-info h1,
.detail-page .detail-info h1,
.cms-generic-detail .detail-info h1{
  font-size:clamp(24px,2.3vw,32px)!important;
  line-height:1.22!important;
  letter-spacing:-.02em!important;
  margin:8px 0 14px!important;
  overflow-wrap:anywhere;
  word-break:normal;
}
.detail-top .detail-info .detail-price,
.detail-page .detail-info .detail-price{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:8px;
}
.detail-top .detail-info .detail-price .old-price,
.detail-page .detail-info .detail-price .old-price{
  font-size:14px!important;
}
.site-header .cart-button #cartCount{
  display:inline-grid!important;
  place-items:center!important;
  min-width:22px!important;
  height:22px!important;
  margin-left:5px!important;
  border-radius:50%!important;
  background:var(--orange)!important;
  color:#fff!important;
  font-size:11px!important;
  line-height:1!important;
  vertical-align:middle;
}
@media(max-width:560px){
  .detail-top .detail-info h1,
  .detail-page .detail-info h1,
  .cms-generic-detail .detail-info h1{
    font-size:24px!important;
    line-height:1.25!important;
  }
}


/* Final consistency layer for all product detail pages and catalogue cards. */
.detail-top .detail-info h1,
.detail-page .detail-info h1,
.cms-generic-detail .detail-info h1{
  font-size:clamp(24px,2.25vw,32px)!important;
  line-height:1.22!important;
  letter-spacing:-.02em!important;
  margin:8px 0 14px!important;
  overflow-wrap:anywhere;
  word-break:normal;
}
.products-section:not(.home-products) .product-card .product-actions .add-btn{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:44px!important;
  box-sizing:border-box!important;
}
.products-section:not(.home-products) .product-card .product-actions{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  visibility:visible!important;
  opacity:1!important;
}
.products-section:not(.home-products) .product-card .product-actions .buy-btn{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:44px!important;
}
@media(max-width:560px){
  .detail-top .detail-info h1,
  .detail-page .detail-info h1,
  .cms-generic-detail .detail-info h1{
    font-size:24px!important;
    line-height:1.25!important;
  }
}


/* Category catalogue loading state; never flash a misleading empty result while CMS is fetching. */
.catalog-loading,.catalog-empty-state{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  min-height:160px;
  padding:24px;
  text-align:center;
  color:var(--muted,#767676);
  font-size:14px;
  font-weight:650;
}
.catalog-spinner{
  width:18px;
  height:18px;
  flex:0 0 18px;
  border:2px solid rgba(255,106,0,.22);
  border-top-color:#ff6a00;
  border-radius:50%;
  animation:catalog-spin .75s linear infinite;
}
@keyframes catalog-spin{to{transform:rotate(360deg)}}

/* Keep every product detail title consistent, including legacy Mango Pulp products. */
.detail-info h1,.cms-generic-detail .detail-info h1{
  font-size:clamp(24px,2.05vw,31px)!important;
  line-height:1.22!important;
  letter-spacing:-.02em!important;
  overflow-wrap:anywhere;
  word-break:normal;
}
@media(max-width:560px){
  .detail-info h1,.cms-generic-detail .detail-info h1{font-size:24px!important;line-height:1.25!important}
}
@media(prefers-reduced-motion:reduce){.catalog-spinner{animation:none}}