/* Home-only definitive theme to match the provided photo */
body.home {
  /* Align homepage tokens to other pages' dark-chocolate palette */
  --bg-dark: #1c120d;
  --bg-darker: #140c08;
  --gold: #d9b56b;
  --cream-top: #f5efe6;
  --cream-bottom: #efe3d3;
}

/* Page background (homepage only) */
body.home { background: var(--choco-900) !important; }

/* Navbar: deep brown with beige links */
body.home .navbar {
  background: linear-gradient(180deg, var(--bg-dark) 0%, var(--bg-darker) 100%) !important;
  border-bottom: none !important;
  border-image: none !important;
  box-shadow: 0 10px 40px rgba(0,0,0,0.35) !important;
}
body.home .nav-menu a { color: #DCC9A7 !important; }
body.home .nav-menu a:hover { color: var(--gold) !important; }
body.home .lang-btn, body.home #cart-count { background: #DCC9A7 !important; color: var(--bg-darker) !important; }

/* Detail pages: inherit home header/footer styles without changing layout */
body.box-detail-page {
  --bg-dark: #1c120d;
  --bg-darker: #140c08;
  /* Use footer beige as the accent on detail pages */
  --gold: #DCC9A7;
  background: linear-gradient(180deg, var(--bg-dark) 0%, var(--bg-darker) 100%) !important;
  color: #e8dcc5;
}
body.box-detail-page .navbar {
  background: linear-gradient(180deg, var(--bg-dark) 0%, var(--bg-darker) 100%) !important;
  color: #e8dcc5;
}
/* Footer on detail pages should be beige like home */
body.box-detail-page .footer {
  background: #DCC9A7 !important;
  color: #3c2415 !important;
}
body.box-detail-page .footer h3,
body.box-detail-page .footer a,
body.box-detail-page .footer p { color: #3c2415 !important; }
body.box-detail-page .nav-menu a { color: #DCC9A7 !important; }
body.box-detail-page .nav-menu a:hover { color: var(--gold) !important; }
body.box-detail-page .lang-btn, body.box-detail-page #cart-count { background: #DCC9A7 !important; color: var(--bg-darker) !important; }

/* Logo: make slightly bigger with a gentle golden glow + sheen */
body.home .nav-container .nav-logo { position: relative; display:inline-block; }
body.home .nav-container .nav-logo img {
  height: 104px !important;
  filter: drop-shadow(0 0 10px rgba(217,181,107,0.35));
  transition: transform .25s ease;
}
@media (max-width: 820px){
  body.home .nav-container .nav-logo img { height: 68px !important; }
}
/* Subtle sweep highlight */
/* Removed moving sheen animation per request */

/* Weekly Offers section: use back13.jpeg background */
body.home .giftbox-section {
  position: relative;
  background: url('../images/back11.png') center/cover no-repeat !important;
  /* Tighten space below so it sits closer to Partners */
  padding-bottom: 28px !important;
}

/* Remove decorative overlays so black shows through */
html body.home section.giftbox-section::before,
html body.home section.giftbox-section::after,
body.home .giftbox-section::before,
body.home .giftbox-section::after { content:none !important; display:none !important; background:none !important; }

/* Other homepage sections: use site dark gradient */
body.home .products-section { background: linear-gradient(180deg, var(--bg-dark) 0%, var(--bg-darker) 100%) !important; }
body.home .partners-section { background: linear-gradient(180deg, var(--bg-dark) 0%, var(--bg-darker) 100%) !important; padding-top: 18px !important; }
body.home .hero { background: linear-gradient(180deg, var(--bg-dark) 0%, var(--bg-darker) 100%) !important; display: flex; align-items: center; min-height: 80vh; padding: 72px 0; }
/* Gift box detail pages: align to dark/gold brand */
.box-detail-hero { background:
  radial-gradient(1200px 600px at 50% 0%, rgba(217,181,107,0.08), transparent 60%) !important;
  /* sits over the page's dark‑chocolate gradient (set on body) */
  min-height: 100vh; padding: 100px 0; display:flex; align-items: center; }
.box-detail-hero .box-detail-content{ margin-top: 0; }
.box-detail-hero .container { width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 24px; }
.box-detail-hero .box-detail-content { display:flex; gap:64px; align-items:center; justify-content:space-between; }
/* Shift image a bit left and give text more room */
.box-detail-hero .box-showcase { flex: 0 0 40%; display:flex; justify-content:flex-start; }
.box-detail-hero .box-info { flex: 1 1 60%; }
.box-detail-hero .box-info h1 { font-family: var(--heading, 'Playfair Display', serif); color: var(--gold, #d9b56b) !important; font-weight: 500; letter-spacing:.3px; margin: 0 0 10px; }
.box-detail-hero .box-price { font-size: 1.6rem; color: var(--gold, #d9b56b) !important; margin: 8px 0 18px; }
.box-detail-hero .box-description { color: #e8dcc5 !important; opacity:.9; line-height:1.7; }
.box-showcase { text-align:center; }
/* Make the gift box image larger on desktop */
.box-detail-hero .box-showcase img { max-width: 560px; width: 100%; height: auto; }

.box-features { background: linear-gradient(180deg, rgba(217,181,107,0.06), rgba(0,0,0,0) 22%) !important; padding: 40px 0 80px; }
.box-features h2 { color: var(--gold, #d9b56b); font-weight:500; text-align:center; margin-bottom:28px; }
.features-grid { display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; max-width:1100px; margin:0 auto; }
.feature-card { background: rgba(0,0,0,0.35); border:1px solid rgba(217,181,107,0.25); border-radius:16px; padding:20px; color:#e8dcc5; box-shadow: 0 10px 28px rgba(0,0,0,0.35); }
.feature-card .feature-icon { width:44px; height:44px; display:flex; align-items:center; justify-content:center; border-radius:50%; border:1px solid rgba(217,181,107,0.45); color:var(--gold,#d9b56b); margin-bottom:10px; }

@media (max-width: 900px){
  .box-detail-hero .box-detail-content{ flex-direction:column; text-align:center; }
  .box-detail-hero { padding: 80px 0 60px; }
  .box-detail-hero .box-showcase img { max-width: 380px; }
  .features-grid{ grid-template-columns: 1fr; }
}

/* Hide footer on detail pages: full-viewport split layout */
body.box-detail-page .footer { display: none !important; }

/* Back button (top-left) */
body.box-detail-page .back-btn {
  position: fixed;
  top: 120px;
  left: 24px;
  z-index: 1000;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(0,0,0,0.35);
  border: 1px solid var(--gold);
  color: var(--gold);
  text-decoration: none;
  box-shadow: 0 10px 24px rgba(0,0,0,0.28);
  transition: background .18s ease, transform .18s ease;
}
body.box-detail-page .back-btn:hover { background: rgba(220,201,167,0.16); transform: translateY(-1px); }
@media (max-width: 900px){ body.box-detail-page .back-btn{ top: 96px; left: 16px; } }

/* Detail page text + list colors */
body.box-detail-page .box-contents h3 { color: var(--gold) !important; font-weight:500; }
/* "What's Inside" pills: beige tiles with dark‑chocolate text + icons */
body.box-detail-page .contents-grid { gap: 12px !important; }
body.box-detail-page .content-item {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border-radius: 12px;
  background: #DCC9A7 !important; /* footer beige */
  border: 1px solid rgba(60,36,21,0.25) !important; /* dark-chocolate tint */
  color: #3c2415 !important; /* dark chocolate text */
  box-shadow: 0 6px 16px rgba(0,0,0,0.15);
  cursor: pointer;
  transition: transform .15s ease, box-shadow .2s ease, opacity .2s ease, filter .2s ease;
}
body.box-detail-page .content-item i {
  color: #3c2415 !important; /* dark chocolate icon */
}
body.box-detail-page .content-item:hover { transform: translateY(-1px); box-shadow: 0 10px 22px rgba(0,0,0,0.18); }
body.box-detail-page .content-item.is-dimmed { opacity: .35; filter: grayscale(1); }
body.box-detail-page .content-item.is-selected { outline: 2px solid rgba(60,36,21,0.35); }

/* Dynamic panel for selected item */
body.box-detail-page .item-details-panel { margin-top: 16px; padding: 18px 16px; border-radius: 16px; border:1px solid rgba(220,201,167,0.35); background: linear-gradient(180deg, rgba(0,0,0,0.35), rgba(0,0,0,0.18)); color: #e8dcc5; box-shadow: 0 16px 40px rgba(0,0,0,0.28); backdrop-filter: blur(6px); position: relative; }
body.box-detail-page .item-details-panel::before { content:""; position:absolute; inset:0; border-radius:16px; pointer-events:none; box-shadow: inset 0 0 0 1px rgba(217,181,107,0.25); }
body.box-detail-page .item-details-panel h4 { margin: 0 0 10px; color: var(--gold); font-weight:600; letter-spacing:.2px; }
body.box-detail-page .color-swatches { display:flex; gap:10px; margin: 8px 0 2px; }
body.box-detail-page .swatch { width:28px; height:28px; border-radius:50%; border:2px solid rgba(255,255,255,0.7); cursor:pointer; box-shadow: 0 4px 10px rgba(0,0,0,0.25); }
body.box-detail-page .swatch.is-active { outline:2px solid var(--gold); }
body.box-detail-page .swatch[title] { position: relative; }
body.box-detail-page .swatch[title]:hover::after { content: attr(title); position:absolute; top: 36px; left: 50%; transform: translateX(-50%); background: rgba(0,0,0,0.75); color:#f3e7cd; padding:4px 8px; border-radius:8px; white-space:nowrap; font-size:.78rem; box-shadow:0 6px 18px rgba(0,0,0,.28); }
/* Description text below swatches matches page beige */
body.box-detail-page .panel-note { margin-top: 8px; color: var(--gold) !important; opacity:.95; font-size:.95rem; }

/* Heading accent and spacing */
body.box-detail-page .box-contents { margin-top: 14px; }
body.box-detail-page .box-contents h3 { display:inline-block; position:relative; padding-bottom:6px; }
body.box-detail-page .box-contents h3::after { content:""; position:absolute; left:0; right:0; bottom:0; height:2px; background: linear-gradient(90deg, transparent, var(--gold), transparent); }

/* Buttons on detail pages match site theme */
body.box-detail-page .btn-primary {
  background: var(--gold) !important;
  color: #12100b !important;
  border: 1px solid var(--gold) !important;
  /* shadow tinted to beige */
  box-shadow: 0 10px 28px rgba(220,201,167,0.28) !important;
}
body.box-detail-page .btn-primary:hover { filter: brightness(1.05); }
body.box-detail-page .btn-outline {
  background: transparent !important;
  border: 1px solid var(--gold) !important;
  color: var(--gold) !important;
}
/* Magazine flip hero */
body.home .hero .hero-mag { display:flex; align-items:center; justify-content:space-between; gap:24px; width:100%; }
body.home .hero .book { position: relative; perspective: 1600px; width: min(100%, 1100px); height: 520px; border-radius: 16px; overflow: visible; }
/* Remove flipbook-specific rules when reverting */
/* Center spine */
/* Remove center spine line */
body.home .hero .book::before { content: none !important; display: none !important; }
body.home .hero .spread { position:absolute; inset:0; display:grid; grid-template-columns: 1fr 1fr; align-items:center; gap: 40px; padding: 24px 36px; background: rgba(0,0,0,0.18); border: 1px solid rgba(217,181,107,0.25); border-radius: 14px; box-shadow: 0 30px 80px rgba(0,0,0,.35); opacity:0; transform: rotateY(60deg); transform-origin: left center; transition: transform .8s cubic-bezier(.2,.7,.1,1), opacity .6s ease, box-shadow .6s ease; backface-visibility:hidden; overflow:hidden; }
body.home .hero .spread.is-active { opacity:1; transform: rotateY(0); z-index:2; }
/* Page-turn states for visual flip */
body.home .hero .spread.exiting-right { transform: rotateY(80deg); opacity:.15; z-index:1; box-shadow: 0 20px 60px rgba(0,0,0,.25); }
body.home .hero .spread.exiting-left { transform: rotateY(-80deg); opacity:.15; z-index:1; box-shadow: 0 20px 60px rgba(0,0,0,.25); transform-origin:right center; }
/* Page edge sheen */
/* Remove page edge sheen line */
body.home .hero .spread::after { content: none !important; display: none !important; }
/* Gloss sweep on the active page */
body.home .hero .spread.is-active::before { content:""; position:absolute; inset:0; background: linear-gradient(100deg, rgba(255,255,255,0.18) 0%, rgba(255,255,255,0.06) 8%, rgba(255,255,255,0) 18%); transform: translateX(-120%); animation: heroGlossSweep 1.4s ease 120ms forwards; pointer-events:none; }

/* Intro flip animation */
body.home .hero .book.animate-in .spread.is-active { animation: heroFlipIn .9s cubic-bezier(.2,.7,.1,1) both; }

@keyframes heroFlipIn {
  from { transform: rotateY(-70deg); opacity: .1; }
  to   { transform: rotateY(0); opacity: 1; }
}
@keyframes heroGlossSweep {
  from { transform: translateX(-120%); opacity:.0; }
  50%  { opacity:.35; }
  to   { transform: translateX(120%); opacity:0; }
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce){
  body.home .hero .spread, body.home .hero .book, body.home .hero .page-arrow { transition: none !important; animation: none !important; }
}
body.home .hero .spread h1 { color: var(--gold); font-family: "Bodoni Moda", Georgia, serif; font-size: clamp(1.8rem, 3.8vw, 3rem); margin:0 0 10px; }
body.home .hero .spread p { color: #E8D9BC; line-height: 1.7; margin: 0 0 16px; }
body.home .hero .spread img { width:100%; max-height: 360px; object-fit: cover; border-radius: 12px; box-shadow: 0 18px 50px rgba(0,0,0,.35); }
body.home .hero .page-arrow { background: rgba(0,0,0,0.45); color: var(--gold); border: 1px solid rgba(217,181,107,0.45); width: 42px; height: 42px; border-radius: 999px; display:inline-flex; align-items:center; justify-content:center; box-shadow: 0 10px 28px rgba(0,0,0,.3); cursor:pointer; transition: transform .18s ease, background .18s ease; }
body.home .hero .page-arrow:hover { transform: scale(1.06); background: rgba(217,181,107,0.16); color:#3c2415; }
body.home .hero .page-arrow.prev { order:0; }
body.home .hero .page-arrow.next { order:2; }
body.home .products-section::before,
body.home .partners-section::before { content:none !important; display:none !important; background:none !important; }

/* Partners: use the same dark gradient as navbar */
body.home .partners-section {
  position: relative;
  background: linear-gradient(180deg, var(--bg-dark) 0%, var(--bg-darker) 100%) !important;
}
body.home .partners-section::before { display: none !important; }

/* Footer: beige background with dark‑chocolate text */
body.home .footer {
  background: #DCC9A7 !important;
  color: #3c2415 !important;
}
body.home .footer h3,
body.home .footer a,
body.home .footer p { color: #3c2415 !important; }
body.home .footer .footer-section h3::after { background: #3c2415 !important; }
/* Partners: text to beige, cards transparent with beige text */
body.home .partners-section h2,
body.home .partners-section .section-header p,
body.home .partners-section .section-badge,
body.home .partners-section .section-badge i,
body.home .partners-section .section-badge span { color: var(--gold) !important; border-color: var(--gold) !important; }
/* Make the "Trusted Partners" pill transparent with beige text/border */
body.home .partners-section .section-badge { background: transparent !important; }
/* Reduce top margin on partners heading to close the gap */
body.home .partners-section .section-header { margin-top: 0 !important; }
body.home .partners-section .partner-card { background: transparent !important; box-shadow: none !important; border: 1px solid rgba(217,181,107,0.45) !important; }
body.home .partners-section .partner-card .partner-info h4,
body.home .partners-section .partner-card .partner-info p { color: var(--gold) !important; }
/* "Since 2010" label to dark chocolate */
body.home .partners-section .partner-badge { color: #3c2415 !important; }
body.home .giftbox-section::before { display: none !important; }

/* Section heading */
body.home .giftbox-section h2 { color: var(--gold) !important; text-shadow: 0 3px 12px rgba(0,0,0,0.45); margin-bottom: 10px !important; position: relative; }
/* Thin centered gold tick under heading */
/* Remove the small tick line under the heading */
body.home .giftbox-section h2::after { content: none !important; display: none !important; }

/* Weekly Offers layout to match reference image */
body.home .giftbox-section .giftbox-slider {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 56px !important;
  align-items: start !important;
  justify-items: center !important;
  position: relative !important;
  padding: 28px 0 6px !important;
  margin-top: 24px !important; /* push content a bit lower */
  border-top: 1px solid rgba(217,181,107,0.28) !important; /* horizontal line under heading */
}
/* Gold vertical separators between items */
/* Vertical separators between items (1 between 1st-2nd, 1 between 2nd-3rd) */
body.home .giftbox-section .giftbox-slider::before,
body.home .giftbox-section .giftbox-slider::after {
  content: ""; position: absolute; top: 18px; bottom: 16px; width: 1px; /* start below horizontal line */
  background: linear-gradient(180deg, rgba(217,181,107,0.34), rgba(217,181,107,0.22) 50%, rgba(217,181,107,0.34));
  z-index: 0;
}
body.home .giftbox-section .giftbox-slider::before { left: 33.333%; transform: translateX(-50%); }
body.home .giftbox-section .giftbox-slider::after { left: 66.666%; transform: translateX(-50%); }

/* Ensure no residual card borders (plain image + text only) */
html body.home .giftbox-section .giftbox-card { border: none !important; box-shadow: none !important; background: transparent !important; border-color: transparent !important; border-radius: 0 !important; }
html body.home .giftbox-section .giftbox-card::before,
html body.home .giftbox-section .giftbox-card::after { content: none !important; display: none !important; }
html body.home .giftbox-section .giftbox-card .card-content { background: transparent !important; border: 0 !important; box-shadow: none !important; }
html body.home .giftbox-section .giftbox-card .card-content::before,
html body.home .giftbox-section .giftbox-card .card-content::after { content: none !important; display: none !important; }
/* Neutralize any deep base overrides */
html body.home .giftbox-section .giftbox-card,
html body.home .giftbox-section .giftbox-card * { outline: none !important; }
body.home .giftbox-section .giftbox-slider::before { left: 33.333%; transform: translateX(-50%); }
body.home .giftbox-section .giftbox-slider::after { left: 66.666%; transform: translateX(-50%); }

/* Cards: fully transparent, no borders; focus on image + text */
html body.home .giftbox-section .giftbox-card,
html body.home .giftbox-section .giftbox-card:hover,
html body.home .giftbox-section .giftbox-card::before,
html body.home .giftbox-section .giftbox-card::after {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
/* Cancel any lift on hover from base styles */
body.home .giftbox-section .giftbox-card:hover { transform: none !important; }
/* Show mini slider controls again */
body.home .giftbox-section .square-box .box-visual .mini-arrow {
  display: inline-flex !important;
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 6 !important;
  width: 40px; height: 40px; border-radius: 999px;
  background: rgba(0,0,0,0.45) !important;
  border: 1px solid rgba(217,181,107,0.45) !important;
  color: var(--gold) !important;
  font-size: 18px; line-height: 1; text-align: center;
  box-shadow: 0 8px 24px rgba(0,0,0,0.28);
  transition: transform .18s ease, background-color .18s ease, box-shadow .18s ease, border-color .18s ease;
}
body.home .giftbox-section .square-box .box-visual .mini-arrow.prev { left: -12px !important; }
body.home .giftbox-section .square-box .box-visual .mini-arrow.next { right: -12px !important; }
body.home .giftbox-section .square-box .box-visual .mini-arrow:hover {
  background: rgba(217,181,107,0.16) !important; color: #3c2415 !important;
  border-color: var(--gold) !important; transform: translateY(-50%) scale(1.06);
  box-shadow: 0 12px 30px rgba(0,0,0,0.32);
}
body.home .giftbox-section .square-box .box-visual .mini-arrow:focus { outline: none !important; }

/* Image size and elegant shadow */
body.home .giftbox-section .square-box { padding: 0 !important; margin: 0 !important; background: transparent !important; border: 0 !important; }
/* Center the images cleanly */
body.home .giftbox-section .square-box .box-visual { height: 260px !important; display:flex; align-items:center; justify-content:center; width: 360px; max-width: 100%; position: relative; overflow: visible !important; margin: 0 auto; }
/* Remove any overlay lines/badges on top of the giftbox image */
body.home .giftbox-section .square-box .box-visual::before,
body.home .giftbox-section .square-box .box-visual::after { content: none !important; display: none !important; }
/* Strong, elegant shadow under the box */
body.home .giftbox-section .square-box .box-visual .giftbox-img {
  filter: drop-shadow(0 22px 34px rgba(0,0,0,0.40));
  box-shadow: 0 12px 28px rgba(0,0,0,0.28);
  border-radius: 6px;
}

/* Typography to match reference */
body.home .giftbox-section .card-content { text-align: center !important; padding-top: 16px !important; }
body.home .giftbox-section .card-content h3 { color: var(--gold) !important; font-family: "Bodoni Moda", Georgia, serif !important; font-size: 1.35rem !important; font-weight: 600 !important; }
body.home .giftbox-section .price { color: var(--gold) !important; font-family: "Bodoni Moda", Georgia, serif !important; font-size: 1.15rem !important; font-weight: 600 !important; opacity: 0.95; margin-top: 8px; }


/* Weekly Offers: replace slider with feature row (text left, image right) */
/* Revert: show original slider and remove feature-row overrides */

/* Cards: creamy panels with soft shadow; gold title, white price */
/* Force fully transparent cards (override any remaining base styles) */
html body.home .giftbox-section .giftbox-card {
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 26px !important;
}
html body.home .giftbox-section .giftbox-card:hover { background: transparent !important; background-image: none !important; background-color: transparent !important; box-shadow: none !important; transform: none !important; }
html body.home .giftbox-section .giftbox-card::before,
html body.home .giftbox-section .giftbox-card::after { display: none !important; background: none !important; }
html body.home .giftbox-section .giftbox-card .card-content {
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
}
html body.home .giftbox-section .giftbox-card .card-content::before,
html body.home .giftbox-section .giftbox-card .card-content::after { display: none !important; background: none !important; }
/* Ensure the image container has no background/padding either */
body.home .giftbox-section .square-box .box-visual { background: transparent !important; background-image: none !important; padding: 0 !important; }
/* Remove any decorative top bars from generic card styles */
body.home .giftbox-section .giftbox-card::before { display: none !important; }
body.home .giftbox-section .giftbox-card:hover { transform: translateY(-10px) !important; }
body.home .giftbox-section .card-content h3 { color: var(--gold) !important; }
/* Price: color-only for clean look over photo */
body.home .giftbox-section .price { color: var(--gold) !important; text-shadow: 0 2px 6px rgba(0,0,0,0.25); font-weight: 800 !important; }

/* Weekly Offers typography: Bodoni Moda refined (smaller, elegant) */
body.home .giftbox-section .card-content h3,
body.home .giftbox-section .price {
  font-family: "Bodoni Moda", Georgia, serif !important;
  font-weight: 500 !important;
  letter-spacing: 0.3px !important;
}
body.home .giftbox-section .card-content h3 { font-size: 1.1rem !important; line-height: 1.2 !important; }
body.home .giftbox-section .price { font-size: 1.05rem !important; line-height: 1.2 !important; }

/* CTA pill */
body.home .giftbox-section .view-more .btn-outline { background: transparent !important; color: var(--gold) !important; border-color: var(--gold) !important; border-width:2px !important; box-shadow:0 10px 30px rgba(0,0,0,.25) !important; padding:14px 28px !important; border-radius:999px !important; font-weight:800 !important; letter-spacing:.5px !important; }
body.home .giftbox-section .view-more .btn-outline:hover { background: rgba(217,181,107,0.16) !important; color: #3c2415 !important; box-shadow:0 14px 36px rgba(0,0,0,.28) !important; }

/* Featured Products: match navbar dark gradient */
/* Products: restore background image with cinematic overlays */
body.home .products-section {
  position: relative;
  background: url('../images/criteriobackground3.png') center/cover no-repeat !important;
}
body.home .products-section::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background:
    radial-gradient(1200px 200px at 50% 0%, rgba(255,255,255,0.06), transparent 60%),
    radial-gradient(1200px 240px at 50% 100%, rgba(0,0,0,0.55), transparent 70%);
}

/* Featured Products: set product card background to beige */
body.home .products-section .product-card {
  /* Solid coffee-brown per request */
  background: #583224 !important;
  border-color: rgba(217,181,107,0.45) !important; /* gold-ish rim for definition */
  box-shadow: 0 20px 50px rgba(0,0,0,0.25) !important;
}

/* Featured Products: switch text to beige on dark background */
body.home .products-section h2 { color: var(--gold) !important; }
/* Improve contrast on coffee cards: beige titles/desc, white price */
body.home .products-section .product-card .product-content h4,
body.home .products-section .product-card .product-content .description,
body.home .products-section .product-card .product-content .price { color: var(--gold) !important; }
/* Featured Products: buttons use beige text + beige outline, transparent fill */
body.home .products-section .product-card .product-actions .btn-primary,
body.home .products-section .product-card .product-actions .btn-outline {
  color: var(--gold) !important;
  border: 2px solid var(--gold) !important;
  background: transparent !important;
}

/* Featured Products: button color fills and hovers */
/* Make the ADD button transparent with dark‑chocolate outline */
body.home .products-section .product-card .product-actions .btn-primary { box-shadow: none !important; }
body.home .products-section .product-card .product-actions .btn-primary:hover,
body.home .products-section .product-card .product-actions .btn-outline:hover {
  background: rgba(60,36,21,0.08) !important;
  color: #3c2415 !important;
  transform: translateY(-2px);
}
/* outline hover handled above */

/* View All Products button */
body.home .products-section .view-more .btn-outline {
  background: transparent !important;
  color: var(--gold) !important;
  border-color: #3c2415 !important; /* dark chocolate outline */
  border-width: 2px !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.25) !important;
}
body.home .products-section .view-more .btn-outline:hover {
  background: rgba(217,181,107,0.15) !important;
  color: #3c2415 !important;
  border-color: #3c2415 !important;
}
body.home .products-section .quick-view-btn i { color: var(--gold) !important; }
body.home .products-section .view-more .btn-outline { color: var(--gold) !important; border-color: var(--gold) !important; }

/* Mini image slider inside Weekly Offers cards */
body.home .giftbox-section .square-box .box-visual { position: relative; height: 175px; overflow: hidden; }
body.home .giftbox-section .square-box .box-visual .giftbox-img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; object-fit: contain !important; opacity: 0; transition: opacity .25s ease; }
body.home .giftbox-section .square-box .box-visual .giftbox-img.is-active { opacity: 1; }
/* Stack images in place; only active is visible */
body.home .giftbox-section .square-box .box-visual { position: relative; }
body.home .giftbox-section .square-box .box-visual .giftbox-img { position: absolute !important; inset: 0; margin:auto; width: 100% !important; height: 100% !important; object-fit: contain !important; display: none !important; opacity: 1 !important; }
body.home .giftbox-section .square-box .box-visual .giftbox-img.is-active { display: block !important; }
body.home .giftbox-section .square-box .box-visual .mini-arrow.prev { left: 6px !important; }
body.home .giftbox-section .square-box .box-visual .mini-arrow.next { right: 6px !important; }

/* Catch-all: ensure any giftbox cards on the homepage render transparent */
html body.home .giftbox-card,
html body.home .giftbox-card:hover,
html body.home .giftbox-card::before,
html body.home .giftbox-card::after {
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Weekly Offers glass cards */
/* Fully transparent glass effect */
html body.home .giftbox-section .giftbox-card.is-glass {
  background: transparent !important;
  background-color: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
html body.home .giftbox-section .giftbox-card.is-glass .card-content {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Disable frosted glass on all giftbox cards explicitly */
html body.home .giftbox-section .giftbox-card,
html body.home .giftbox-section .giftbox-card:hover,
html body.home .giftbox-section .giftbox-card::before,
html body.home .giftbox-section .giftbox-card::after {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Slightly stronger border on hover for visibility */
html body.home .giftbox-section .giftbox-card:hover { background: transparent !important; border: 0 !important; box-shadow: none !important; transform: none !important; }

/* Make product image area a bit larger for visibility */
body.home .giftbox-section .square-box .box-visual { height: 205px !important; }
body.home .giftbox-section .square-box .box-visual .giftbox-img { transform: scale(1.06); }

/* Strengthen title/price legibility over busy backgrounds */
body.home .giftbox-section .card-content h3 { letter-spacing: .2px; font-weight: 800 !important; text-shadow: 0 2px 8px rgba(0,0,0,0.35); }
body.home .giftbox-section .price { font-weight: 800 !important; text-shadow: 0 2px 8px rgba(0,0,0,0.4); }

/* Improve mini arrows contrast without blur */
/* Gold-colored arrow icon; keep neutral circle */
body.home .giftbox-section .square-box .box-visual .mini-arrow { color: var(--gold) !important; border-color: rgba(255,255,255,0.28) !important; background: rgba(0,0,0,0.45) !important; }

/* Refined arrow button sizing and centering */
/* Ensure arrows fit fully within circle and aren’t clipped */
body.home .giftbox-section .square-box .box-visual { overflow: visible !important; }
body.home .giftbox-section .square-box .box-visual .giftbox-img { z-index: 1; }
/* Keep default cursor on the image/area so only arrows show pointer */
body.home .giftbox-section .square-box .box-visual,
body.home .giftbox-section .square-box .box-visual .giftbox-img,
body.home .giftbox-section .giftbox-card,
body.home .giftbox-section .giftbox-card .card-content { cursor: default !important; }
body.home .giftbox-section .square-box .box-visual .mini-arrow {
  display: inline-flex !important;
  align-items: center; justify-content: center;
  position: absolute !important; top: 50% !important; transform: translateY(-50%);
  width: 34px; height: 34px; padding: 0 !important; border-radius: 999px;
  border: 1px solid rgba(217,181,107,0.45) !important;
  color: var(--gold) !important; background: rgba(0,0,0,0.45) !important;
  font-size: 14px; line-height: 1; text-align: center;
  box-shadow: 0 8px 24px rgba(0,0,0,0.28);
  z-index: 6 !important;
  cursor: pointer !important;
}
/* Keep arrows inside the visual box bounds */
body.home .giftbox-section .square-box .box-visual .mini-arrow.prev { left: 6px !important; }
body.home .giftbox-section .square-box .box-visual .mini-arrow.next { right: 6px !important; }
body.home .giftbox-section .square-box .box-visual .mini-arrow:hover { transform: translateY(-50%) scale(1.04); }

/* Hover/focus refinement */
body.home .giftbox-section .square-box .box-visual .mini-arrow:hover {
  background: rgba(217,181,107,0.18) !important; color: #3c2415 !important;
  border-color: var(--gold) !important; box-shadow: 0 12px 30px rgba(0,0,0,0.32);
}
body.home .giftbox-section .square-box .box-visual .mini-arrow:active { transform: translateY(-50%) scale(0.98); }
body.home .giftbox-section .square-box .box-visual .mini-arrow:focus { outline: none !important; box-shadow: 0 0 0 2px rgba(217,181,107,0.35); }