:root{--bg:#f5f7fb;--card:#fff;--line:#dfe4ee;--text:#172033;--muted:#667085;--brand:#2f9b42;--accent:#2d2b93;--danger:#d93025;--shadow:0 12px 30px rgba(17,24,39,.08);--radius:22px}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}img,video{max-width:100%;display:block}button,input,select,textarea{font:inherit}.container{width:min(1380px,calc(100% - 28px));margin:0 auto}.topbar{background:#fff;border-bottom:1px solid var(--line);font-size:13px}.topbar .container,.header-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.topbar .container{padding:10px 0}.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.header-row{padding:0px 0}.brand{display:flex;align-items:center;gap:14px}.brand img{width:70px;height:70px;object-fit:contain;border-radius:18px}.brand-title{font-size:28px;font-weight:800;color:var(--accent)}.brand-sub{font-size:12px;color:var(--brand);font-weight:800;letter-spacing:5px}.searchbar{display:grid;grid-template-columns:1fr 220px 120px;gap:10px;flex:1;min-width:min(650px,100%)}.searchbar input,.searchbar select,.searchbar button,.field,.textarea{border:1px solid var(--line);border-radius:999px;padding:14px 16px;background:#fff}.searchbar button,.btn{border:none;border-radius:999px;background:var(--accent);color:#fff;padding:13px 18px;font-weight:700;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;gap:8px}.btn.green{background:var(--brand)}.btn.alt{background:#fff;border:1px solid var(--line);color:var(--text)}.btn.ghost{background:transparent;border:1px solid #cdd7f6;color:var(--accent)}.btn.danger{background:var(--danger)}.nav-actions{display:flex;gap:10px;flex-wrap:wrap}.pill{padding:11px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:700}.page-section{padding:24px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap;margin-bottom:16px}.section-head h2{margin:0;font-size:34px}.section-head p{margin:6px 0 0;color:var(--muted)}.compact-head{align-items:center}.hero{padding:28px 0 18px}.hero-grid,.detail-layout,.admin-layout,.contact-grid,.account-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.hero-main,.hero-side-card,.sidebar-card,.product-card,.detail-card,.detail-gallery,.contact-card,.admin-card,.account-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-main{padding:34px}.hero-side-card{overflow:hidden}.hero-side-card img{width:100%;height:320px;object-fit:cover}.hero-side-card .content{padding:18px}.hero-promo-card{position:relative;min-height:100%;background:#081426}.hero-promo-card img{height:100%;min-height:420px;object-fit:cover;filter:saturate(1.02)}.hero-promo-overlay{position:absolute;left:0;right:0;bottom:0;padding:24px;background:linear-gradient(180deg,rgba(4,12,24,0) 0%,rgba(4,12,24,.62) 32%,rgba(4,12,24,.92) 100%);color:#fff;display:grid;gap:10px}.hero-badge{display:inline-flex;width:max-content;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.hero-promo-overlay h3{margin:0;font-size:30px;line-height:1.1}.hero-promo-overlay p{margin:0;color:rgba(255,255,255,.86);font-size:15px;line-height:1.6}.hero-promo-btn{width:max-content;margin-top:4px}..kicker{display:inline-flex;padding:8px 12px;border-radius:999px;background:#eef9f1;color:var(--brand);font-weight:800;font-size:12px}.hero h1{font-size:50px;line-height:1.05;margin:14px 0 12px}.hero p{font-size:17px;line-height:1.7;color:#42526b;margin:0}.hero-cta,.mini-actions,.admin-tools,.toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.hero-cta{margin-top:22px}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.stat{padding:18px;border:1px solid var(--line);border-radius:18px}.stat strong{display:block;font-size:30px}.home-layout,.shop-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px;align-items:start}.sidebar-card,.cart-panel,.contact-card,.admin-card,.detail-card,.detail-gallery,.account-card{padding:18px}.sidebar-list,.cart-items,.admin-product-list{display:grid;gap:10px}.category-link,.mini-product,.cart-row,.admin-product-item{display:flex;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:16px;background:#fff}.category-link{justify-content:space-between;font-weight:700}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product-card{overflow:hidden;cursor:pointer;position:relative;display:flex;flex-direction:column;min-height:100%;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease}.product-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(17,24,39,.12);border-color:#cfd8ee}.product-card-out{border:2px solid #ef4444}.wishlist-heart{position:absolute;right:14px;top:14px;width:38px;height:38px;border:none;border-radius:999px;background:rgba(0,0,0,.38);box-shadow:var(--shadow);font-size:20px;cursor:pointer;z-index:3;color:#fff;display:grid;place-items:center}.wishlist-heart.active{color:#111;background:rgba(255,255,255,.96)}.product-media{height:250px;background:#fff;display:grid;place-items:center;padding:20px 20px 14px;overflow:hidden}.product-media img{width:100%;height:100%;object-fit:cover;border-radius:18px;display:block}.product-body{padding:16px 18px 18px;display:grid;gap:10px;align-content:start;justify-items:start}.product-title{font-size:18px;font-weight:700;line-height:1.4;color:var(--text);margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:50px}.price{font-size:32px;font-weight:800;line-height:1;color:var(--accent);margin-top:2px}.meta{display:grid;gap:6px;color:#475467;font-size:14px}.sidebar-list button.category-link{width:100%;cursor:pointer;text-align:left;font:inherit}.stock-in{color:#15803d;font-weight:800}.stock-out{color:var(--danger);font-weight:800}.detail-layout{grid-template-columns:minmax(0,1fr) 430px}.detail-stage{position:relative;overflow:hidden;border-radius:var(--radius)}.detail-stage img,.detail-stage video{width:100%;height:560px;object-fit:contain;background:#fff}.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border:none;border-radius:999px;background:rgba(255,255,255,.92);box-shadow:var(--shadow);font-size:30px;cursor:pointer}.gallery-nav.prev{left:16px}.gallery-nav.next{right:16px}.zoom-toggle{position:absolute;right:16px;bottom:16px;border:none;border-radius:999px;background:#fff;padding:10px 14px;box-shadow:var(--shadow);font-weight:700;cursor:pointer}.gallery-counter{position:absolute;left:16px;bottom:16px;padding:8px 12px;border-radius:999px;background:rgba(23,32,51,.78);color:#fff;font-weight:700;font-size:13px}.thumb-strip{display:flex;gap:10px;flex-wrap:wrap;padding:14px}.thumb-btn{width:84px;height:84px;padding:0;border:2px solid transparent;border-radius:18px;background:#fff;cursor:pointer;overflow:hidden}.thumb-btn.active{border-color:#8ba2ef}.thumb-btn img,.thumb-btn video{width:100%;height:100%;object-fit:cover}.is-hidden{display:none!important}.thumb-video,.preview-chip{position:relative}.thumb-play,.preview-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:6px 10px;border-radius:999px;background:rgba(15,23,42,.78);color:#fff;font-size:12px;font-weight:700}.detail-description{margin-top:18px;padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff}
.detail-description-content{white-space:pre-wrap;line-height:1.7;word-break:break-word}
.icon-strip{display:flex;gap:12px;justify-content:flex-end}.icon-pill{min-width:48px;height:48px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:800;gap:8px}.clickable-pill{cursor:pointer}.top-status-link{font-weight:700}.cart-thumb,.admin-product-item img{width:64px;height:64px;object-fit:cover;border-radius:14px;border:1px solid var(--line)}.total{display:flex;justify-content:space-between;font-size:20px;font-weight:800;padding-top:12px;margin-top:12px;border-top:1px solid var(--line)}.qty-row{display:flex;gap:8px;align-items:center;margin-top:8px}.qty-btn{width:28px;height:28px;border-radius:999px;border:1px solid var(--line);background:#fff;cursor:pointer;font-weight:800}.field,.textarea,select.field{width:100%;border-radius:16px;padding:14px 16px;border:1px solid var(--line);background:#fff}.textarea{min-height:140px;resize:vertical;border-radius:18px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.dropzone{border:2px dashed #b4c0e0;border-radius:22px;padding:22px;text-align:center;background:#f8fbff}.upload-pickers{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.dropzone.dragover{background:#eef5ff}.preview-box.multi{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:12px;margin-top:12px}.preview-chip img,.preview-chip video{width:110px;height:110px;object-fit:cover;border-radius:18px;border:1px solid var(--line)}.remove-preview{position:absolute;top:-8px;right:-8px;width:28px;height:28px;border:none;border-radius:999px;background:var(--danger);color:#fff;cursor:pointer}.clickable-list .admin-product-item{width:100%;text-align:left;cursor:pointer}.admin-product-item:hover{border-color:#9db0ec;background:#f8fbff}.admin-product-out{border-color:#ef4444;background:#fff5f5}.count-pill{padding:7px 11px;background:#f0f4ff;border-radius:999px;font-weight:800;color:var(--accent)}.notice{padding:14px 16px;border-radius:16px;background:#fff8e8;border:1px solid #f1d9a6;color:#8a5a00}.small{font-size:13px}.tiny{font-size:12px}.muted{color:var(--muted)}.empty-state{padding:26px;text-align:center;background:#fff;border:1px dashed var(--line);border-radius:20px;color:var(--muted)}.zoom-modal{position:fixed;inset:0;background:rgba(15,23,42,.88);display:none;align-items:center;justify-content:center;padding:24px;z-index:999}.zoom-modal.open{display:flex}.zoom-modal img{max-width:min(96vw,1400px);max-height:90vh;object-fit:contain;border-radius:22px;background:#fff}.zoom-close{position:absolute;top:18px;right:18px;width:48px;height:48px;border:none;border-radius:999px;background:#fff;font-size:30px;cursor:pointer}.mobile-category-dropdown{display:none;margin-bottom:12px}body.modal-open{overflow:hidden}.whatsapp-float{position:fixed;left:18px;bottom:18px;width:62px;height:62px;display:grid;place-items:center;z-index:60;background:transparent;border:none;box-shadow:none;animation:whatsappPulse 2.8s ease-in-out infinite}.whatsapp-float img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 12px 22px rgba(0,0,0,.18))}@keyframes whatsappPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}.footer{padding:28px 0 40px;color:var(--muted);text-align:center}@media (max-width:1200px){.hero-grid,.home-layout,.shop-layout,.detail-layout,.admin-layout,.contact-grid,.account-grid{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.searchbar{grid-template-columns:1fr}.brand img{width:60px;height:60px}.brand-title{font-size:23px}.hero h1{font-size:36px}.stat-row,.form-grid{grid-template-columns:1fr}.product-grid{grid-template-columns:1fr;gap:14px}.detail-stage img,.detail-stage video{height:360px}.thumb-btn{width:72px;height:72px}.mobile-category-dropdown{display:block}.sidebar-card #shopCategoryLinks{display:none}}



/* ---- Requested UI adjustments ---- */

/* price black */
.price{
color:#000 !important;
}

/* product title dark gray and below image */
.product-title{
color:#444 !important;
margin-top:12px;
}

/* wishlist heart default white */
.wishlist-btn,
.wishlist-heart{
color:#fff !important;
background:rgba(0,0,0,0.25);
}

/* when added to wishlist */
.wishlist-btn.active,
.wishlist-heart.active{
color:#000 !important;
background:#fff !important;
}

/* pop animation */
.wishlist-btn.pop,
.wishlist-heart.pop{
animation:wishlistPop .28s ease;
}

@keyframes wishlistPop{
0%{transform:scale(1)}
35%{transform:scale(1.25)}
65%{transform:scale(.9)}
100%{transform:scale(1)}
}


/* Home page category strip under search bar */
.home-categories-band{
  padding:14px 0 0;
}
.home-categories-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:10px;
}
.home-categories-head h3{
  margin:0;
  font-size:18px;
  color:var(--text);
}
.home-category-row{
  display:flex !important;
  gap:12px;
  overflow-x:auto;
  padding:4px 0 6px;
  scrollbar-width:thin;
}
.home-category-row .category-link{
  width:auto;
  min-width:max-content;
  justify-content:center;
  gap:12px;
  padding:10px 16px;
  border-radius:999px;
  white-space:nowrap;
  box-shadow:none;
}

@media (max-width:900px){
  .home-categories-band{
    padding-top:10px;
  }
  .home-category-row .category-link{
    padding:9px 14px;
  }
}


/* Home page only: centered simple category links under search */
.home-categories-head{display:none !important;}
.home-category-row{
  justify-content:center !important;
  align-items:center;
  gap:18px !important;
  overflow:visible !important;
  flex-wrap:wrap;
  padding:8px 0 4px !important;
}
.home-category-row .category-link{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  padding:0 !important;
  border-radius:0 !important;
  min-width:0 !important;
}
.home-category-row .category-link span,
.home-category-row .category-link{
  font-size:12px !important;
  color:#555 !important;
  font-weight:500 !important;
}



/* ensure category names visible */
.home-category-row .category-link{
  font-size:12px !important;
  color:#555 !important;
}


/* Final home-page category row fix */
.home-categories-head{
  display:none !important;
}
.home-category-row{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:18px !important;
  overflow:visible !important;
  padding:0px 0 4px !important;
}
.home-category-row .home-category-link,
.home-category-row .category-link{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  padding:0 !important;
  border-radius:0 !important;
  min-width:0 !important;
  width:auto !important;
  white-space:nowrap !important;
}
.home-category-row .home-category-link .category-name{
  display:inline !important;
  font-size:13px !important;
  line-height:1.2 !important;
  color:#555 !important;
  font-weight:500 !important;
}
.home-category-row .home-category-link:hover .category-name{
  color:#222 !important;
  text-decoration:underline;
}


/* YouTube/video embeds on product page */
.detail-stage iframe.detail-embed{
  width:100%;
  height:560px;
  border:0;
  background:#fff;
  display:block;
}
.thumb-video img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}


/* Home page topbar update */
.home-topbar .container{
  justify-content:space-between;
}
.home-topbar .top-status-link{
  font-weight:700;
}


/* Home page featured products: 5 cards per row */
body:has(#homeFeatured) #homeFeatured.product-grid{
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px;
}
body:has(#homeFeatured) #homeFeatured .product-media{
  height:210px;
}
body:has(#homeFeatured) #homeFeatured .product-body{
  padding:12px;
}
body:has(#homeFeatured) #homeFeatured .product-title{
  font-size:14px;
}
body:has(#homeFeatured) #homeFeatured .price{
  font-size:22px;
}
@media (max-width:1200px){
  body:has(#homeFeatured) #homeFeatured.product-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}
@media (max-width:980px){
  body:has(#homeFeatured) #homeFeatured.product-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media (max-width:700px){
  body:has(#homeFeatured) #homeFeatured.product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:480px){
  body:has(#homeFeatured) #homeFeatured.product-grid{
    grid-template-columns:1fr;
  }
}


/* Ensure active wishlist heart is visibly black on all product cards */
.wishlist-heart.active,
.wishlist-btn.active{
  color:#000 !important;
  background:#fff !important;
}


/* More spacing between top-right wishlist and cart links */
.topbar .container > div:last-child{
  display:flex;
  align-items:center;
  gap:22px;
}
.topbar .container > div:last-child .top-status-link{
  display:inline-flex;
  align-items:center;
  gap:6px;
}


/* Page navigation row under search/header */
.page-nav{
  background:#fff;
  border-bottom:0px solid var(--line);
}
.page-nav-row{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:26px;
  padding:8px 0 10px;
  flex-wrap:wrap;
}
.page-nav-row > a,
.nav-drop-btn{
  background:transparent;
  border:none;
  padding:0;
  color:#555;
  font-size:13px;
  font-weight:500;
  line-height:1.2;
  cursor:pointer;
}
.page-nav-row > a.active{
  color:#222;
  text-decoration:underline;
}
.nav-dropdown{
  position:relative;
}
.nav-dropdown-menu{
  position:absolute;
  top:100%;
  left:50%;
  transform:translateX(-50%);
  min-width:210px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow:var(--shadow);
  padding:8px;
  display:none;
  z-index:60;
}
.nav-dropdown.open .nav-dropdown-menu{
  display:grid;
  gap:4px;
}
.nav-dropdown-menu a{
  padding:10px 12px;
  border-radius:12px;
  color:#555;
  font-size:12px;
}
.nav-dropdown-menu a:hover{
  background:#f5f7fb;
  color:#222;
}
.video-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.video-card,.about-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:18px;
}
.video-card h3{
  margin:14px 0 0;
  font-size:18px;
}
.video-frame{
  position:relative;
  padding-top:56.25%;
  border-radius:18px;
  overflow:hidden;
  background:#000;
}
.video-frame iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}
.about-card p{
  color:var(--muted);
  line-height:1.7;
}
@media (max-width:900px){
  .video-grid{grid-template-columns:1fr;}
}


/* Contact page button styling */
.whatsapp-btn{
  background:#16a34a !important;
  color:#fff !important;
  border:1px solid #16a34a !important;
}
.email-btn{
  background:#fff !important;
  color:#000 !important;
  border:1px solid var(--line) !important;
}

/* Shop page secondary nav should blend with body section */
.subnav,
.shop-subnav,
.page-subnav{
  background:var(--bg) !important;
  border-top:1px solid var(--line);
  ;
  box-shadow:none !important;
}
.subnav .container,
.shop-subnav .container,
.page-subnav .container{
  background:transparent !important;
}

/* Videos page: smaller cards to fit up to 12 items comfortably */
.video-grid,
#videoGrid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:14px !important;
}
.video-grid .product-card,
#videoGrid .product-card,
.video-card{
  border-radius:18px;
}
.video-grid .product-media,
#videoGrid .product-media,
.video-card iframe,
.video-card .video-embed{
  height:180px !important;
}
.video-grid .product-body,
#videoGrid .product-body,
.video-card .product-body{
  padding:10px !important;
}
.video-grid .product-title,
#videoGrid .product-title,
.video-card .product-title{
  font-size:13px !important;
  line-height:1.35 !important;
}
@media (max-width:1100px){
  .video-grid,
  #videoGrid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
}
@media (max-width:760px){
  .video-grid,
  #videoGrid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media (max-width:480px){
  .video-grid,
  #videoGrid{grid-template-columns:1fr !important;}
}


/* Contact page action buttons */
#checkoutWhatsappBtn.whatsapp-btn{
  background:#16a34a !important;
  color:#fff !important;
  border:1px solid #16a34a !important;
}
#emailBtn.email-btn{
  background:#fff !important;
  color:#000 !important;
  border:1px solid var(--line) !important;
}


/* WhatsApp button with icon */
.whatsapp-btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:6px;
background:#0f7a6a !important;
color:#ffffff !important;
border:1px solid #0f7a6a !important;
}

.wa-icon{
width:16px;
height:16px;
}


/* Upgraded utility header */
.utility-topbar{
  position:relative;
  z-index:70;
  background:#fff;
  border-bottom:1px solid var(--line);
}
.utility-topbar .container{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:10px 0;
}
.utility-left,
.utility-right{
  display:flex;
  align-items:center;
}
.utility-right{
  justify-content:flex-end;
  gap:16px;
  flex-wrap:wrap;
}
.utility-link{
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.top-icon-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:0;
}
.utility-icon{
  width:18px;
  height:18px;
  object-fit:contain;
  display:block;
}
.flag-icon{
  width:20px;
  height:14px;
}
.facebook-icon{
  width:18px;
  height:18px;
}
.header{
  box-shadow:0 10px 24px rgba(17,24,39,.05);
}
.page-nav{
  position:sticky;
  top:99px;
  z-index:45;
}
@media (max-width:760px){
  .utility-topbar .container{
    flex-direction:column;
    align-items:flex-start;
  }
  .utility-right{
    width:100%;
    justify-content:flex-start;
    gap:14px;
  }
  .page-nav{
    top:145px;
  }
}

.utility-right .cart-link{gap:8px;font-size:13px;}
.utility-right .cart-link span{min-width:1ch;}

.product-grid{
display:grid;
grid-template-columns: repeat(5,1fr);
gap:16px;
}

.product-card img{
width:100%;
max-height:160px;
object-fit:contain;
}


/* Compact shop cards */
.product-grid{
  gap: 12px;
}

.product-card{
  padding: 8px;
}

.product-card h3,
.product-card .product-title{
  font-size: 12px;
  line-height: 1.15;
  margin: 6px 0 3px 0;
  min-height: auto;
}

.product-card .price,
.product-card .product-price{
  font-size: 12px;
  line-height: 1.1;
  margin: 0 0 3px 0;
  font-weight: 600;
}

.product-card p{
  margin: 0;
}

.product-card img{
  max-height: 130px;
  object-fit: contain;
}


/* Shop page card compact override */
.product-grid{
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.product-media{
  height: 150px !important;
  padding: 10px 10px 6px !important;
}

.product-media img{
  object-fit: contain !important;
  border-radius: 12px !important;
}

.product-body{
  padding: 8px 10px 10px !important;
  gap: 4px !important;
}

.product-title{
  font-size: 14px !important;
  line-height: 1.2 !important;
  min-height: 28px !important;
  margin: 0 !important;
  -webkit-line-clamp: 2 !important;
}

.price{
  font-size: 16px !important;
  line-height: 1.05 !important;
  margin: 0 !important;
}

.meta{
  gap: 2px !important;
  font-size: 11px !important;
}

.wishlist-heart{
  width: 28px !important;
  height: 28px !important;
  right: 8px !important;
  top: 8px !important;
  font-size: 14px !important;
}

.product-card{
  min-height: 0 !important;
}

@media (max-width: 1200px){
  .product-grid{
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 900px){
  .product-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
.product-title{
text-align:center;
}

.price{
text-align:center;
}
.product-body{
padding:8px 10px 10px;
display:grid;
gap:4px;
align-content:start;
justify-items:center;   /* centers horizontally */
text-align:center;      /* centers text */
}

/* ---- Homepage hero image update ---- */
.hero-home{
  padding:28px 0 18px;
}
.hero-home .container{
  width:min(1380px,calc(100% - 28px));
  margin:0 auto;
}
.hero-main-image{
  position:relative;
  overflow:hidden;
  min-height:560px;
  padding:0;
  border-radius:32px;
  background:#0b1320;
}
.hero-main-bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.hero-main-overlay{
  position:relative;
  z-index:1;
  min-height:560px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  padding:56px;
  background:linear-gradient(90deg, rgba(7,12,22,.74) 0%, rgba(7,12,22,.50) 34%, rgba(7,12,22,.18) 58%, rgba(7,12,22,.04) 100%);
  color:#fff;
}
.hero-main-image .kicker{
  background:rgba(255,255,255,.14);
  color:#fff;
  border:1px solid rgba(255,255,255,.22);
}
.hero-main-image h1{
  max-width:760px;
  color:#fff;
  margin:14px 0 12px;
}
.hero-main-image p{
  max-width:700px;
  color:rgba(255,255,255,.92);
}
.hero-main-image .stat-row{
  display:none;
}
@media (max-width:760px){
  .hero-main-image,
  .hero-main-overlay{
    min-height:460px;
  }
  .hero-main-overlay{
    padding:28px 22px;
    background:linear-gradient(180deg, rgba(7,12,22,.30) 0%, rgba(7,12,22,.58) 45%, rgba(7,12,22,.78) 100%);
  }
  .hero-main-image h1{
    font-size:34px;
  }
}


.hero-top-phrase{
  position:absolute;
  top:24px;
  left:50%;
  transform:translateX(-50%);
  z-index:2;
  width:calc(100% - 48px);
  text-align:center;
  color:#fff;
  font-size:18px;
  font-weight:800;
  letter-spacing:.02em;
  text-shadow:0 2px 10px rgba(0,0,0,.35);
}
.hero-shop-btn{
  background:#d97706;
}
.hero-shop-btn:hover{
  background:#c2410c;
}
.hero-contact-btn{
  background:transparent;
  border:1px solid rgba(255,255,255,.88);
  color:#fff;
}
.hero-contact-btn:hover{
  background:rgba(255,255,255,.08);
}
@media (max-width:760px){
  .hero-top-phrase{
    top:18px;
    width:calc(100% - 32px);
    font-size:22px;
  }
}


/* Header utility refresh with WhatsApp icon */
.utility-topbar{background:linear-gradient(180deg,#ffffff 0%,#f7f9fc 100%);border-bottom:0px solid #e6ebf3;box-shadow:0 4px 18px rgba(15,23,42,.04)}
.utility-topbar .container{padding:0px 0;gap:14px}
.top-account-link{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:999px;background:#fff;border:1px solid #dfe5ef;box-shadow:0 8px 18px rgba(17,24,39,.05);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.top-account-link:hover{transform:translateY(-1px);border-color:#c9d3e6;box-shadow:0 12px 22px rgba(17,24,39,.08)}
.utility-right{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.utility-social-group{display:inline-flex;align-items:center;gap:6px;padding:4px 6px;border-radius:999px;background:#fff;border:1px solid #dfe5ef;box-shadow:0 8px 18px rgba(17,24,39,.05)}
.top-icon-link{width:34px;height:34px;border-radius:999px;transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease}
.top-icon-link:hover{transform:translateY(-1px);background:#f4f7fb;box-shadow:0 8px 16px rgba(17,24,39,.08)}
.utility-icon{width:18px;height:18px}
.flag-icon{width:20px;height:14px;border-radius:2px}
.whatsapp-icon,.facebook-icon{width:18px;height:18px}
.utility-chip{min-height:38px;padding:0 14px;border-radius:999px;background:#fff;border:1px solid #dfe5ef;box-shadow:0 8px 18px rgba(17,24,39,.05);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.utility-chip:hover{transform:translateY(-1px);border-color:#c9d3e6;box-shadow:0 12px 22px rgba(17,24,39,.08)}
.watchlist-link{color:#24324a}
.cart-link{color:#24324a}
.utility-chip span{font-weight:800}
@media (max-width:760px){
  .utility-topbar .container{align-items:flex-start}
  .utility-right{justify-content:flex-start;width:100%}
  .utility-social-group{order:1}
  .watchlist-link{order:2}
  .cart-link{order:3}
}


/* About page centered layout */
.about-card.about-centered{
  text-align:center;
  padding:34px 28px 42px;
}
.about-card.about-centered h2{
  margin-bottom:18px;
}
.about-card.about-centered p{
  max-width:900px;
  margin:0 auto 18px;
}
.about-page-logo{
  display:block;
  width:min(360px, 72vw);
  max-width:100%;
  margin:26px auto 0;
}
.about-thanks{
  margin-top:22px;
  font-weight:600;
  color:var(--text);
}


/* ChatGPT mobile header repair */
@media (max-width:760px){
  html, body{
    overflow-x:hidden;
  }

  .header{
    position:relative !important;
    top:auto !important;
  }

  .utility-topbar .container{
    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;
    gap:0px !important;
    flex-wrap:nowrap !important;
    padding:0px 0 !important;
  }

  .utility-left{
    display:flex !important;
    align-items:center !important;
    min-width:0 !important;
    flex:1 1 auto !important;
  }

  .utility-right{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:8px !important;
    flex:0 0 auto !important;
    width:auto !important;
    min-width:0 !important;
    flex-wrap:nowrap !important;
  }

  .utility-right .utility-social-group{
    display:none !important;
  }

  .top-account-link,
  .watchlist-link,
  .cart-link{
    min-height:34px !important;
    padding:0 10px !important;
    font-size:12px !important;
    white-space:nowrap !important;
  }

  .header-row{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    grid-template-areas:
      "brand social"
      "search search" !important;
    align-items:center !important;
    gap:10px !important;
    padding:0px 0 !important;
  }

  .brand{
    grid-area:brand !important;
    min-width:0 !important;
    max-width:100% !important;
  }

  .brand img{
    width:auto !important;
    height:54px !important;
    max-width:100% !important;
    object-fit:contain !important;
  }

  .header-row > .utility-social-group,
  .header-row > .mobile-social-group{
    grid-area:social !important;
    justify-self:end !important;
    display:inline-flex !important;
    align-items:center !important;
    gap:6px !important;
    padding:0 6px !important;
    min-height:34px !important;
    border-radius:999px !important;
    background:#fff !important;
    border:1px solid #dfe5ef !important;
    box-shadow:0 8px 18px rgba(17,24,39,.05) !important;
  }

  .header-row > .utility-social-group .top-icon-link,
  .header-row > .mobile-social-group .top-icon-link{
    width:30px !important;
    height:30px !important;
  }

  .header-row > .utility-social-group .utility-icon,
  .header-row > .mobile-social-group .utility-icon{
    width:16px !important;
    height:16px !important;
  }

  .header-row > .utility-social-group .flag-icon,
  .header-row > .mobile-social-group .flag-icon{
    width:18px !important;
    height:12px !important;
  }

  .searchbar{
    grid-area:search !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 104px !important;
    gap:8px !important;
    width:100% !important;
    min-width:0 !important;
  }

  .searchbar #siteCategory{
    display:none !important;
  }

  .searchbar input,
  .searchbar button{
    width:100% !important;
  }

  .product-grid,
  .products-grid,
  .shop-grid,
  .video-grid,
  .gallery-grid,
  .card-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
  }

  .product-card,
  .card,
  .video-card{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }
}

.site-copyright{
  text-align:center;
  padding:18px 12px 28px;
  font-size:14px;
  color:#666;
}


/* 2026-03-16 mobile header row layout refinement */
@media (max-width:760px){
  .utility-topbar .container{
    padding:0px 0 4px !important;
    align-items:start !important;
  }

  .utility-left,
  .utility-right{
    min-height:36px !important;
  }

  .utility-left{
    justify-content:flex-start !important;
  }

  .utility-right{
    justify-content:flex-end !important;
    gap:8px !important;
  }

  .top-account-link{
    margin-left:0 !important;
  }

  .header-row{
    grid-template-columns:minmax(0,1fr) auto !important;
    grid-template-areas:
      "brand social"
      "search search" !important;
    row-gap:10px !important;
    column-gap:10px !important;
    align-items:center !important;
    padding:0px 0 10px !important;
  }

  .brand{
    align-self:center !important;
    justify-self:start !important;
    gap:0 !important;
  }

  .brand > div{
    display:none !important;
  }

  .brand img{
    display:block !important;
    height:56px !important;
    width:auto !important;
    max-width:180px !important;
  }

  .header-row > .utility-social-group,
  .header-row > .mobile-social-group{
    margin:0 !important;
    justify-self:end !important;
    align-self:center !important;
  }

  .searchbar{
    margin:0 !important;
  }
}
/* MOBILE HEADER POSITION FIX */
@media (max-width:760px){

  .topbar{
    position:relative;
  }

  /* Top left */
  .top-account-link{
    position:absolute;
    top:6px;
    left:10px;
    font-size:12px;
  }

  /* Top right */
  .utility-right{
    position:absolute;
    top:6px;
    right:10px;
    display:flex;
    gap:12px;
    align-items:center;
  }

  /* Row 2 logo */
  .logo{
    display:block;
    margin-top:28px;
  }

  /* Row 3 search */
  .search-bar{
    margin-top:8px;
  }

}

/* account controls inline in top bar */
.utility-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.my-account-link{display:inline-flex;align-items:center}


/* Mobile signed-in account button spacing fix */
@media (max-width:760px){
  .utility-left{
    position:relative !important;
    padding-right:0 !important;
  }
  .my-account-link{
    position:absolute;
    top:6px;
    left:124px;
    min-height:34px !important;
    padding:0 10px !important;
    font-size:12px !important;
    white-space:nowrap !important;
    z-index:2;
  }
}

.detail-embed{width:100%;height:560px;border:0;background:#fff}
.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:20px;align-items:start}
.detail-gallery{grid-column:1;grid-row:1}
.detail-card{grid-column:2;grid-row:1}
.detail-description{grid-column:1;grid-row:2;margin-top:0}
@media (max-width:1200px){
  .detail-layout{grid-template-columns:1fr}
  .detail-gallery,.detail-card,.detail-description{grid-column:auto;grid-row:auto}
}
@media (max-width:760px){
  .detail-layout{grid-template-columns:1fr}
  .detail-gallery{order:1}
  .detail-card{order:2}
  .detail-description{order:3}
}

.hero-main-bg{transition:opacity .35s ease, transform .45s ease}.hero-slider-ready .hero-main-bg{will-change:opacity,transform}.hero-main-bg.hero-image-changing{opacity:.2;transform:scale(1.015)}


@media (max-width:760px){
  .zoom-toggle{display:none!important}
  .gallery-nav{background:rgba(255,255,255,.38);opacity:.28;width:38px;height:38px;font-size:24px;backdrop-filter:blur(2px)}
  .gallery-nav.prev{left:8px}
  .gallery-nav.next{right:8px}
  .detail-stage img{cursor:zoom-in}
}


/* Cart / watchlist action feedback */
@keyframes pvIconPop{
  0%{transform:scale(1)}
  35%{transform:scale(1.18)}
  60%{transform:scale(.94)}
  100%{transform:scale(1)}
}
@keyframes pvButtonPulse{
  0%{transform:scale(1);box-shadow:0 0 0 0 rgba(0,0,0,.18)}
  50%{transform:scale(1.04);box-shadow:0 0 0 12px rgba(0,0,0,0)}
  100%{transform:scale(1);box-shadow:0 0 0 0 rgba(0,0,0,0)}
}
@keyframes pvToastInOut{
  0%{opacity:0;transform:translate(-50%,10px) scale(.96)}
  12%{opacity:1;transform:translate(-50%,0) scale(1)}
  88%{opacity:1;transform:translate(-50%,0) scale(1)}
  100%{opacity:0;transform:translate(-50%,-8px) scale(.98)}
}
@keyframes pvFlyToTarget{
  0%{opacity:.95;transform:translate(0,0) scale(1)}
  100%{opacity:.15;transform:translate(var(--pv-fly-x),var(--pv-fly-y)) scale(.25)}
}
.pv-animate-pop{animation:pvIconPop .45s ease}
.pv-animate-pulse{animation:pvButtonPulse .45s ease}
.pv-action-toast{
  position:fixed;
  left:50%;
  bottom:24px;
  transform:translateX(-50%);
  background:#111;
  color:#fff;
  padding:10px 16px;
  border-radius:999px;
  font-size:14px;
  font-weight:700;
  z-index:99999;
  pointer-events:none;
  box-shadow:0 10px 25px rgba(0,0,0,.22);
  animation:pvToastInOut 1.6s ease forwards;
}
.pv-fly-dot{
  position:fixed;
  width:14px;
  height:14px;
  border-radius:50%;
  background:#111;
  z-index:99998;
  pointer-events:none;
  animation:pvFlyToTarget .6s cubic-bezier(.2,.8,.2,1) forwards;
}
.cart-link,.watchlist-link{transform-origin:center center}
@media (prefers-reduced-motion: reduce){
  .pv-animate-pop,.pv-animate-pulse,.pv-action-toast,.pv-fly-dot{animation:none !important}
}