/* Giftboxes page overrides to mirror homepage navbar and colors */
body.giftboxes {
  --bg-dark: #1c120d;
  --bg-darker: #140c08;
  --gold: #d9b56b;
}

/* Navbar same as home */
body.giftboxes .navbar {
  background: linear-gradient(180deg, var(--bg-dark) 0%, var(--bg-darker) 100%) !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
  box-shadow: 0 10px 40px rgba(0,0,0,0.35) !important;
}
body.giftboxes .nav-menu a { color: #DCC9A7 !important; }
body.giftboxes .nav-menu a:hover { color: var(--gold) !important; }
body.giftboxes .lang-btn { background: #DCC9A7 !important; color: var(--bg-darker) !important; }
body.giftboxes #cart-count { background: #DCC9A7 !important; color: var(--bg-darker) !important; }

/* Already Done Boxes section background same as navbar; text beige */
body.giftboxes .giftboxes-grid-section {
  background: linear-gradient(180deg, var(--bg-dark) 0%, var(--bg-darker) 100%) !important;
  padding-top: 112px; /* extra breathing room without hero */
}
@media (max-width: 768px){
  body.giftboxes .giftboxes-grid-section { padding-top: 72px; }
}
body.giftboxes .giftboxes-grid-section .section-header h2,
body.giftboxes .giftboxes-grid-section .section-header p { color: var(--gold) !important; }
/* Make the underline bar beneath the heading beige */
body.giftboxes .giftboxes-grid-section .header-underline {
  background: var(--gold) !important;
  box-shadow: 0 2px 8px rgba(217,181,107,0.35) !important;
}
body.giftboxes .giftboxes-grid .giftbox-item { background: transparent !important; border: 1px solid rgba(217,181,107,0.45) !important; box-shadow: 0 20px 50px rgba(0,0,0,0.25) !important; height: 100% !important; display:flex; flex-direction:column; }
body.giftboxes .giftboxes-grid .giftbox-content h3,
body.giftboxes .giftboxes-grid .giftbox-content .description,
body.giftboxes .giftboxes-grid .giftbox-content .price { color: var(--gold) !important; }
body.giftboxes .giftboxes-grid .giftbox-actions { margin-top: auto; display:flex; gap: 12px; justify-content: center; }
body.giftboxes .giftboxes-grid .giftbox-actions .btn-outline,
body.giftboxes .giftboxes-grid .giftbox-actions .btn-primary { color: var(--gold) !important; border: 2px solid var(--gold) !important; background: transparent !important; }
/* Keep outline hover the same */
body.giftboxes .giftboxes-grid .giftbox-actions .btn-outline:hover { background: rgba(217,181,107,0.15) !important; color: #000000 !important; }
/* Add to Cart button: on hover keep text beige */
body.giftboxes .giftboxes-grid .giftbox-actions .btn-primary:hover { background: rgba(217,181,107,0.15) !important; color: var(--gold) !important; }

/* Grid + pagination (6 per page) */
body.giftboxes .giftboxes-grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; }
.tier-pagination{ display:flex; justify-content:center; gap:12px; margin-top:22px; }
.tier-pagination button{ padding:10px 14px; border:2px solid rgba(217,181,107,.55); background:transparent; color:var(--gold); border-radius:12px; cursor:pointer; font-size:1rem; font-weight:600; min-width:44px; min-height:44px; }
.tier-pagination button.is-active{ background: rgba(217,181,107,.16); }

/* Tier filter buttons */
.tier-filters{ display:flex; gap:14px; justify-content:center; margin: 16px 0 12px; }
.tier-btn{ padding:12px 18px; border-radius:999px; background:transparent; border:2px solid rgba(217,181,107,.55); color:var(--gold); cursor:pointer; letter-spacing:.4px; font-size:1rem; font-weight:600; min-height:44px; }
.tier-btn:hover{ background: rgba(217,181,107,.12); }
.tier-btn.is-active{ background: rgba(217,181,107,.16); box-shadow: 0 8px 24px rgba(0,0,0,.25) inset; }

/* Per-tier theming (subtle) */
body.giftboxes.tier-essential .giftboxes-grid-section{ background: radial-gradient(800px 300px at 50% 0%, rgba(217,181,107,.08), transparent 60%), linear-gradient(180deg, var(--bg-dark) 0%, var(--bg-darker) 100%) !important; }
body.giftboxes.tier-premium .giftboxes-grid-section{ background: radial-gradient(900px 320px at 50% 0%, rgba(232,228,225,.16), transparent 62%), linear-gradient(180deg, var(--bg-dark) 0%, var(--bg-darker) 100%) !important; }
body.giftboxes.tier-magnifique .giftboxes-grid-section{ background: radial-gradient(1000px 360px at 50% 0%, rgba(202,163,90,.22), transparent 65%), linear-gradient(180deg, var(--bg-dark) 0%, var(--bg-darker) 100%) !important; }

/* PREMIUM: elevate cards with ivory glow and refined borders */
body.giftboxes.tier-premium .giftboxes-grid .giftbox-item[data-tier="premium"]{
  border: 2px solid rgba(220,201,167,.55) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(0,0,0,.05)) !important;
  box-shadow: 0 24px 60px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.08) !important;
  backdrop-filter: blur(4px);
}
body.giftboxes.tier-premium .giftboxes-grid .giftbox-item[data-tier="premium"] .name-underline{ background: #e8e4e1 !important; }
body.giftboxes.tier-premium .giftboxes-grid .giftbox-item[data-tier="premium"] .luxury-badge{ background: rgba(232,228,225,.18) !important; border-color: rgba(232,228,225,.6) !important; }
body.giftboxes.tier-premium .tier-btn[data-tier="premium"],
body.giftboxes.tier-premium .tier-btn.is-active{ background: rgba(232,228,225,.18); border-color: rgba(232,228,225,.6); }

/* MAGNIFIQUE: stronger gold accent, crown corner, deeper shadow */
body.giftboxes.tier-magnifique .giftboxes-grid .giftbox-item[data-tier="magnifique"]{
  position: relative;
  border: 2px solid rgba(202,163,90,.7) !important;
  box-shadow: 0 28px 80px rgba(0,0,0,.45), 0 0 0 1px rgba(255,255,255,.06) inset !important;
  background: linear-gradient(180deg, rgba(202,163,90,.12), rgba(0,0,0,.08)) !important;
}
/* (Removed crown icon per request) */
body.giftboxes.tier-magnifique .giftboxes-grid .giftbox-item[data-tier="magnifique"] .name-underline{ background: #caa35a !important; }
body.giftboxes.tier-magnifique .giftboxes-grid .giftbox-item[data-tier="magnifique"] .luxury-badge{ background: rgba(202,163,90,.2) !important; border-color: rgba(202,163,90,.75) !important; }
body.giftboxes.tier-magnifique .tier-btn[data-tier="magnifique"],
body.giftboxes.tier-magnifique .tier-btn.is-active{ background: rgba(202,163,90,.2); border-color: rgba(202,163,90,.75); }

/* Card hover polish (all tiers) */
.giftboxes-grid .giftbox-item:hover{ transform: translateY(-4px); transition: transform .2s ease, box-shadow .25s ease; }

/* Sparkles/FX layer for premium/magnifique */
.giftboxes-grid-section { position: relative; overflow: hidden; }
.sparkles{ position:absolute; inset:0; pointer-events:none; display:none; mix-blend-mode: screen; }
.sparkles span{ position:absolute; width:3px; height:3px; border-radius:50%; opacity:0; animation: sparkle 3.6s linear infinite; box-shadow: 0 0 12px currentColor, 0 0 24px currentColor; filter: blur(.2px); }
.sparkles[data-tone="ivory"] span{ color:#e8e4e1; }
.sparkles[data-tone="gold"] span{ color:#caa35a; }
/* random-ish positions via index */
.sparkles span{ top: calc((var(--i) * 17%) % 100%); left: calc((var(--i) * 29%) % 100%); animation-delay: calc(var(--i) * .12s); }
/* Add a few larger glints */
.sparkles span:nth-child(4n){ width:4px; height:4px; filter: blur(.3px); }
.sparkles span:nth-child(7n){ width:5px; height:5px; filter: blur(.5px); box-shadow: 0 0 14px currentColor, 0 0 30px currentColor; }
@keyframes sparkle{
  0%{ transform: translateY(8px) scale(.6); opacity:0; }
  10%{ opacity:.95; }
  55%{ opacity:.3; }
  100%{ transform: translateY(-46px) scale(1.25); opacity:0; }
}

/* Stronger tier spotlights so difference is obvious */
body.giftboxes.tier-premium .giftboxes-grid-section::before,
body.giftboxes.tier-magnifique .giftboxes-grid-section::before{
  content:""; position:absolute; inset:0; pointer-events:none;
}
body.giftboxes.tier-premium .giftboxes-grid-section::before{
  background: radial-gradient(900px 320px at 50% 120px, rgba(232,228,225,.22), transparent 65%);
}
body.giftboxes.tier-magnifique .giftboxes-grid-section::before{
  background: radial-gradient(1100px 380px at 50% 120px, rgba(202,163,90,.28), transparent 68%);
}

/* Why Choose: section uses page dark background; cards beige, text dark chocolate */
/* Why Choose Our Gift Boxes: restore image background; text beige; cards #583224 */
body.giftboxes .why-choose-section {
  background: url('../images/back1.jpeg') center/cover no-repeat !important;
  position: relative;
}
body.giftboxes .why-choose-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%);
}
body.giftboxes .why-choose-section .feature-item {
  background: #583224 !important;
  border-color: rgba(217,181,107,0.45) !important;
  box-shadow: 0 20px 50px rgba(0,0,0,0.25) !important;
}
body.giftboxes .why-choose-section h2,
body.giftboxes .why-choose-section h4,
body.giftboxes .why-choose-section p,
body.giftboxes .why-choose-section .feature-icon { color: var(--gold) !important; }
/* Underline beneath the Why Choose heading to beige */
body.giftboxes .why-choose-section h2::after {
  background: var(--gold) !important;
  box-shadow: 0 2px 8px rgba(217,181,107,0.35) !important;
}

/* Build Your Box promo card: same background and beige text */
body.giftboxes .build-your-box-section .build-box-card {
  background: transparent !important; /* no card background */
  border: 1px solid rgba(217,181,107,0.45) !important;
  box-shadow: 0 20px 50px rgba(0,0,0,0.18) !important;
}
/* Text to beige used across the site */
body.giftboxes .build-your-box-section .gift-content h2,
body.giftboxes .build-your-box-section .gift-content p,
body.giftboxes .build-your-box-section .gift-content .eyebrow { color: var(--gold) !important; }
body.giftboxes .build-your-box-section .gift-content button {
  background: transparent !important;
  color: var(--gold) !important;
  border: 2px solid var(--gold) !important;
  border-radius: 24px !important;
}
body.giftboxes .build-your-box-section .gift-content button:hover {
  background: rgba(217,181,107,0.15) !important; /* soft beige tint */
  color: var(--gold) !important;
}

/* Build Your Box section uses page dark background */
body.giftboxes .build-your-box-section { background: linear-gradient(180deg, var(--bg-dark) 0%, var(--bg-darker) 100%) !important; }

/* Footer: match homepage footer styling */
body.giftboxes .footer {
  background: #DCC9A7 !important;
  color: #000000 !important;
}
body.giftboxes .footer h3,
body.giftboxes .footer a,
body.giftboxes .footer p { color: #000000 !important; }
body.giftboxes .footer .footer-section h3::after { background: #000000 !important; }

/* Language toggle: keep English fonts unchanged. Only apply Georgian styling to elements that
   actually carry Georgian text via data-ka. */
body.lang-ka [data-ka],
body.lang-ka [data-ka] * {
  font-family: "Noto Serif Georgian", "Noto Sans Georgian", Georgia, serif !important;
  font-weight: 600 !important;
  letter-spacing: 0.2px !important;
}
.filters-toggle{ border:2px solid rgba(217,181,107,.55); background:transparent; color:var(--gold); border-radius:12px; padding:10px 14px; cursor:pointer; font-size:.95rem; font-weight:600; min-height:44px; }

@media (max-width: 480px){
  .tier-btn,
  .tier-pagination button,
  .filters-toggle{ font-size:.95rem; padding:10px 14px; }
  .tier-filters{ gap:10px; }
  .tier-pagination{ gap:10px; }
}
.filters-panel{ position:fixed; top:0; right:0; width:320px; max-width:90vw; height:100vh; background:rgba(24,18,12,.98); border-left:1px solid rgba(217,181,107,.25); transform:translateX(100%); transition:transform .3s ease; z-index:3000; box-shadow:-20px 0 60px rgba(0,0,0,.4); display:flex; flex-direction:column; }
.filters-panel.is-open{ transform:translateX(0); }
.filters-header{ display:flex; align-items:center; justify-content:space-between; padding:16px 18px; border-bottom:1px solid rgba(217,181,107,.2); }
.filters-header h3{ color:var(--gold); margin:0; font-weight:600; }
.filters-close{ background:transparent; border:1px solid rgba(217,181,107,.45); color:var(--gold); border-radius:8px; padding:6px 10px; cursor:pointer; }
.filters-body{ padding:16px 18px; overflow:auto; display:flex; flex-direction:column; gap:22px; }
.filters-group .group-title{ color:var(--gold); font-weight:600; margin-bottom:8px; }
.gender-options{ display:flex; gap:10px; }
.gender-btn{ border:1px solid rgba(217,181,107,.45); background:transparent; color:var(--gold); border-radius:10px; padding:8px 12px; cursor:pointer; }
.gender-btn.is-active{ background:rgba(217,181,107,.16); }
.range-values{ display:none; }
.filters-actions{ display:flex; gap:10px; margin-top:12px; }
.filters-apply,.filters-clear{ border:1px solid rgba(217,181,107,.45); background:transparent; color:var(--gold); border-radius:12px; padding:10px 14px; cursor:pointer; font-weight:600; transition: background .2s ease, transform .06s ease; }
.filters-apply:hover,.filters-clear:hover{ background: rgba(217,181,107,.12); }
.filters-apply:active,.filters-clear:active{ transform: translateY(1px); }

/* Cart pulse feedback */
.cart-icon.pulse, #cart-count.pulse{ animation: cartPulse .6s ease; }
@keyframes cartPulse{ 0%{ transform: scale(1); } 35%{ transform: scale(1.15); } 100%{ transform: scale(1); } }
.cart-float-chip{ position: fixed; z-index: 3000; transform: translate(-50%,-50%); color: var(--gold); font-weight: 700; text-shadow: 0 2px 8px rgba(0,0,0,.35); animation: chipUp .9s ease forwards; pointer-events:none; }
@keyframes chipUp{ 0%{ opacity:0; transform: translate(-50%,-20%); } 20%{ opacity:1; transform: translate(-50%,-40%); } 100%{ opacity:0; transform: translate(-50%,-120%); } }

/* Price card (inspiration: clean white card, adapted to theme) */
.price-card{ background: rgba(255,255,255,0.05); border:1px solid rgba(217,181,107,.22); border-radius:16px; padding:16px; box-shadow: 0 8px 28px rgba(0,0,0,.28); }
.price-card .range-inputs{ display:grid; grid-template-columns: 1fr 1fr; gap:14px; margin-top:4px; }
@media (max-width: 480px){ .price-card .range-inputs{ grid-template-columns: 1fr; } }
.price-card .price-input{ flex:1; display:flex; flex-direction:column; gap:6px; }
.price-card .price-input label{ color:rgba(217,181,107,.95); font-size:.95rem; font-weight:600; letter-spacing:.3px; }
.price-card .price-field{ display:flex; align-items:center; gap:8px; border:1px solid rgba(217,181,107,.35); border-radius:14px; padding:10px 12px; background:rgba(0,0,0,.28); box-shadow:inset 0 1px 0 rgba(255,255,255,.06); transition: border-color .2s ease, box-shadow .2s ease; }
.price-card .price-field:hover{ border-color: rgba(217,181,107,.55); }
.price-card .price-field:focus-within{ border-color: var(--gold); box-shadow: 0 0 0 3px rgba(217,181,107,.18), inset 0 1px 0 rgba(255,255,255,.08); }
.price-card .price-field .cur{ color:var(--gold); opacity:.95; font-weight:700; }
.price-card .price-field input{ width:100%; background:transparent; border:none; outline:none; color:var(--gold); font-weight:700; font-variant-numeric:tabular-nums; caret-color: var(--gold); }
.tier-controls{ display:grid; grid-template-columns: 1fr auto 1fr; align-items:center; gap:14px; margin: 16px 0 12px; }
.tier-controls-left,.tier-controls-right{ display:flex; align-items:center; }
.tier-controls-left{ justify-self:start; }
.tier-filters{ grid-column: 2; display:flex; gap:14px; justify-content:center; margin: 0; }
.tier-controls-right{ justify-self:end; }
.sort-select{ appearance:none; -webkit-appearance:none; background:transparent; color:var(--gold); border:2px solid rgba(217,181,107,.55); border-radius:12px; padding:10px 14px; font-weight:600; min-height:44px; }
.sort-select{ position: relative; padding-right: 42px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23d9b56b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; background-size: 22px 22px; }
.sort-select:hover{ border-color: rgba(217,181,107,.75); background-color: rgba(217,181,107,.06); cursor: pointer; }
.sort-select:focus,.sort-select:focus-visible{ outline: none; border-color: var(--gold); box-shadow: 0 0 0 4px rgba(217,181,107,.18), 0 8px 26px rgba(0,0,0,.25); background-color: rgba(217,181,107,.08); }
.sort-select:active{ transform: translateY(1px); }
/* Improve option text contrast inside the dropdown list */
.sort-select option{ color: #2b1a12; background: #f7efe0; }
.visually-hidden{ position:absolute !important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media (max-width: 640px){
  .tier-controls{ grid-template-columns: 1fr; gap:10px; }
  .tier-controls-left{ justify-self:start; }
  .tier-filters{ grid-column: 1; justify-self:center; }
  .tier-controls-right{ justify-self:end; }
}