/* FRAGRANCIA — style.css (Global) */
:root{--black:#0D0D0D;--dark:#1A1A1A;--dark-2:#222;--dark-3:#2A2A2A;--dark-4:#333;--gold:#C9A84C;--gold-light:#D4BC6A;--gold-dark:#A8893A;
  --fra-radius: 14px;
  --fra-radius-sm: 12px;
  --fra-radius-xs: 10px;
--ivory:#F5ECD7;--white:#FFF;--gray:#888;--gray-light:#AAA;--gray-dark:#555;--danger:#C0392B;--success:#27AE60;--font-display:'Playfair Display',serif;--font-sub:'Cormorant Garamond',serif;--font-body:'Montserrat',sans-serif;--transition:all .35s cubic-bezier(.25,.46,.45,.94);--shadow-sm:0 2px 10px rgba(0,0,0,.3);--shadow-md:0 5px 25px rgba(0,0,0,.4);--shadow-lg:0 10px 50px rgba(0,0,0,.5);--shadow-gold:0 0 20px rgba(201,168,76,.15);--header-mini:0px;--header-marquee:36px;--header-nav:70px;--header-total:calc(var(--header-mini) + var(--header-marquee) + var(--header-nav))}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:var(--header-total);overflow-x:hidden}
body{font-family:var(--font-body);background:var(--dark);color:var(--white);font-size:15px;line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:var(--gold);transition:var(--transition)}a:hover{color:var(--gold-light)}
ul,ol{list-style:none;padding:0;margin:0}
::selection{background:var(--gold);color:var(--black)}
::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--dark)}::-webkit-scrollbar-thumb{background:var(--gold-dark);border-radius:4px}

/* UTILS */
.text-gold{color:var(--gold)!important}.text-gray{color:var(--gray)!important}.text-gray-light{color:var(--gray-light)!important}.text-ivory{color:var(--ivory)!important}
.font-display{font-family:var(--font-display)!important}.font-sub{font-family:var(--font-sub)!important}
.ls-wide{letter-spacing:4px}.ls-wider{letter-spacing:6px}
.fs-sm{font-size:.85rem}.fs-xs{font-size:.75rem}
.bg-black{background:var(--black)!important}.bg-dark-1{background:var(--dark)!important}.bg-dark-2{background:var(--dark-2)!important}.bg-dark-3{background:var(--dark-3)!important}
.py-section{padding:100px 0}.py-section-sm{padding:70px 0}
h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.3;color:var(--white)}
.section-badge{display:inline-block;font-family:var(--font-body);font-size:.7rem;font-weight:600;letter-spacing:5px;text-transform:uppercase;color:var(--gold);border:1px solid rgba(201,168,76,.3);padding:6px 20px;margin-bottom:20px}
.section-title{font-size:2.8rem;font-weight:700;margin-bottom:15px}
.section-desc{font-family:var(--font-sub);font-size:1.15rem;color:var(--gray);max-width:550px;line-height:1.8}
.section-desc.centered{margin:0 auto}
.gold-line{display:block;width:60px;height:2px;background:var(--gold);margin-top:20px}
.gold-line.centered{margin-left:auto;margin-right:auto}

/* BUTTONS */
.btn-gold{display:inline-block;font-family:var(--font-body);font-size:.75rem;font-weight:600;letter-spacing:3px;text-transform:uppercase;background:var(--gold);color:var(--black);border:2px solid var(--gold);padding:14px 40px;cursor:pointer;transition:var(--transition);position:relative;overflow:hidden;text-align:center}
.btn-gold::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}
.btn-gold:hover{background:transparent;color:var(--gold);box-shadow:var(--shadow-gold)}.btn-gold:hover::before{left:100%}
.btn-gold-outline{display:inline-block;font-family:var(--font-body);font-size:.75rem;font-weight:600;letter-spacing:3px;text-transform:uppercase;background:transparent;color:var(--gold);border:2px solid var(--gold);padding:14px 40px;cursor:pointer;transition:var(--transition);text-align:center}
.btn-gold-outline:hover{background:var(--gold);color:var(--black)}
.btn-sm{padding:10px 25px;font-size:.7rem;letter-spacing:2px}
.btn-icon{width:45px;height:45px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(201,168,76,.3);background:transparent;color:var(--gold);font-size:.9rem;cursor:pointer;transition:var(--transition)}
.btn-icon:hover{background:var(--gold);color:var(--black);border-color:var(--gold)}
.btn-buy-now{display:inline-block;font-family:var(--font-body);font-size:.75rem;font-weight:600;letter-spacing:3px;text-transform:uppercase;background:var(--white);color:var(--black);border:2px solid var(--white);border-radius:var(--fra-radius);padding:14px 40px;cursor:pointer;transition:var(--transition);text-align:center}
.btn-buy-now:hover{background:transparent;color:var(--white)}

/* =========================
   Header Stack
   (Mini Offer Bar + Marquee + Navbar)
   ========================= */

.mini-topbar{position:fixed;top:0;left:0;right:0;z-index:1060;height:var(--header-mini);display:flex;align-items:center;background:rgba(13,13,13,.98);border-bottom:1px solid rgba(201,168,76,.10)}
.mini-topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:.72rem;letter-spacing:1.2px;color:rgba(255,255,255,.78)}
.mini-topbar-left,.mini-topbar-right{display:flex;align-items:center;gap:10px;white-space:nowrap}
.mini-topbar-right span{display:flex;align-items:center;gap:8px}

/* TOPBAR MARQUEE */
.top-bar-marquee{position:fixed;top:var(--header-mini);left:0;right:0;z-index:1059;background:var(--black);border-bottom:1px solid rgba(201,168,76,.08);overflow:hidden;height:var(--header-marquee);display:flex;align-items:center}
.marquee-track{width:100%;overflow:hidden;position:relative}
.marquee-content{display:flex;white-space:nowrap;width:max-content;will-change:transform;animation:marqueeScroll 35s linear infinite}
.marquee-group{display:flex;flex-shrink:0}
.marquee-content span{font-size:.68rem;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:var(--gray-light);padding:0 40px;flex-shrink:0}
.marquee-content span i{color:var(--gold);margin-right:8px}
@keyframes marqueeScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.marquee-track:hover .marquee-content{animation-play-state:paused}

/* NAVBAR */
.navbar-fra{background:rgba(10,10,10,.35);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.06);position:fixed;top:calc(var(--header-mini) + var(--header-marquee));left:0;right:0;z-index:1050;padding:0;transition:background .3s ease,box-shadow .3s ease}
.navbar-fra.scrolled{background:rgba(10,10,10,.96);border-bottom-color:rgba(201,168,76,.1);box-shadow:0 2px 30px rgba(0,0,0,.5)}
/* Pages without a full-width hero — navbar starts solid (no transparent-over-content) */
body.nav-solid .navbar-fra{background:rgba(10,10,10,.96);border-bottom-color:rgba(201,168,76,.1);box-shadow:0 2px 30px rgba(0,0,0,.5)}
.navbar-fra .container{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:70px}
.nav-logo{height:38px;width:auto}
.nav-brand-name{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--white);letter-spacing:1px;line-height:1}
.navbar-toggler{background:none;border:none;cursor:pointer;padding:10px;z-index:1060}
.toggler-icon{display:flex;flex-direction:column;gap:6px;width:24px}
.toggler-icon span{display:block;height:2px;background:var(--white);transition:var(--transition)}
.navbar-toggler.open .toggler-icon span:nth-child(1){transform:rotate(45deg) translate(5px,6px)}
.navbar-toggler.open .toggler-icon span:nth-child(2){opacity:0}
.navbar-toggler.open .toggler-icon span:nth-child(3){transform:rotate(-45deg) translate(5px,-6px)}
/* Center pill container */
.nav-center-links{background:rgba(28,28,28,.85);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.1);border-radius:50px;padding:5px;display:flex;align-items:center}
.navbar-nav-custom{display:flex;align-items:center;list-style:none;margin:0;padding:0;gap:2px}
.nav-link-fra{font-family:var(--font-body);font-size:.7rem;font-weight:500;letter-spacing:1.8px;text-transform:uppercase;color:rgba(255,255,255,.82);padding:8px 16px;border-radius:50px;transition:var(--transition);display:block;white-space:nowrap}
.nav-link-fra::after{display:none}
.nav-link-fra:hover{color:var(--gold);background:rgba(201,168,76,.1)}
.nav-link-fra.active{color:var(--gold);background:rgba(201,168,76,.13)}
/* Right icons — right-aligned */
.nav-icons-desktop{display:flex;align-items:center;gap:20px;justify-content:flex-end}
/* Mobile toggle: force into 3rd grid column so it always appears on the right */
.navbar-fra .container > .d-flex.d-lg-none{grid-column:3;justify-content:flex-end}
.nav-icon-link{color:var(--white);font-size:1.05rem;transition:var(--transition)}.nav-icon-link:hover{color:var(--gold)}
.cart-badge{position:absolute;top:-8px;right:-10px;background:var(--gold);color:var(--black);font-size:.6rem;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}

/* MOBILE MENU — fullscreen overlay */
.mobile-menu{position:fixed;inset:0;background:var(--black);z-index:2000;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .4s cubic-bezier(.25,.46,.45,.94);overflow-y:auto}
.mobile-menu.open{transform:translateX(0)}
.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:20px 25px;border-bottom:1px solid rgba(201,168,76,.1)}
.mobile-menu-brand{display:flex;align-items:center;gap:10px}
.mobile-menu-brand .nav-brand-name{font-size:1rem}
.mobile-menu-close{background:none;border:none;color:var(--white);font-size:1.5rem;cursor:pointer;transition:var(--transition);width:40px;height:40px;display:flex;align-items:center;justify-content:center}
.mobile-menu-close:hover{color:var(--gold)}
.mobile-menu-body{flex:1;display:flex;flex-direction:column;padding:20px 0}
.mobile-menu-nav{padding:0 25px}
.mobile-menu-nav li{border-bottom:1px solid rgba(255,255,255,.04)}
.mobile-menu-nav li a{display:block;padding:16px 0;font-family:var(--font-body);font-size:.85rem;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--white);transition:var(--transition)}
.mobile-menu-nav li a:hover,.mobile-menu-nav li a.active{color:var(--gold)}
.mobile-menu-divider{height:1px;background:rgba(201,168,76,.15);margin:15px 25px}
.mobile-menu-extras{padding:0 25px;display:flex;flex-direction:column;gap:10px}
.mobile-menu-extras a{display:flex;align-items:center;padding:12px 0;font-size:.8rem;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:var(--gray-light);transition:var(--transition)}
.mobile-menu-extras a:hover{color:var(--gold)}

/* CART OFF-CANVAS */
.cart-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:1070;opacity:0;visibility:hidden;transition:var(--transition)}
.cart-overlay.show{opacity:1;visibility:visible}
.cart-offcanvas{position:fixed;top:0;right:-420px;width:400px;max-width:90vw;height:100vh;background:var(--dark-2);z-index:1080;transition:right .4s cubic-bezier(.25,.46,.45,.94);display:flex;flex-direction:column}
.cart-offcanvas.open{right:0}
.cart-oc-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid rgba(201,168,76,.1)}
.cart-oc-title{font-family:var(--font-display);font-size:1.1rem;margin:0}
.cart-oc-close{background:none;border:none;color:var(--white);font-size:1.2rem;cursor:pointer;padding:5px;transition:var(--transition)}.cart-oc-close:hover{color:var(--gold)}
.cart-oc-body{flex:1;min-height:0;display:flex;flex-direction:column;padding:20px 25px;overflow:hidden}
.cart-oc-empty{text-align:center;padding:60px 20px}
.cart-oc-items{flex:1;min-height:0;overflow-y:auto;padding-right:4px}
.cart-oc-footer{padding:20px 25px;border-top:1px solid rgba(201,168,76,.1);flex-shrink:0}
.cart-oc-item{display:flex;gap:15px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.04);align-items:center}
.cart-oc-item-img{width:70px;height:70px;background:var(--dark-3);flex-shrink:0;display:flex;align-items:center;justify-content:center}
.cart-oc-item-info{flex:1;min-width:0}
.cart-oc-item-name{font-size:.85rem;font-weight:600;margin-bottom:3px}
.cart-oc-item-variant{font-size:.7rem;color:var(--gray)}
.cart-oc-item-price{font-family:var(--font-display);font-weight:700;color:var(--gold);font-size:.9rem}
.cart-oc-item-remove{background:none;border:none;color:var(--gray);font-size:.75rem;cursor:pointer;transition:var(--transition);flex-shrink:0;padding:6px 6px 6px 10px;line-height:1}.cart-oc-item-remove:hover{color:var(--danger)}

/* VARIANT MODAL */
.modal-fra{background:var(--dark-2);border:1px solid rgba(201,168,76,.15)}
.modal-fra-header{border-bottom:1px solid rgba(201,168,76,.08)}
.variant-modal-img{width:80px;height:80px;background:var(--dark-3);display:flex;align-items:center;justify-content:center;flex-shrink:0}
/* Size buttons with container images — 4 in a row, no wrap */
#vmSizes{flex-wrap:nowrap!important}
.variant-size-btn{background:var(--dark-3);border:2px solid rgba(201,168,76,.2);cursor:pointer;transition:var(--transition);overflow:hidden;flex:1;min-width:0;display:flex;flex-direction:column;padding:0}
.variant-size-btn .vm-size-img{width:100%;aspect-ratio:4/5;background:linear-gradient(145deg,var(--dark-2),var(--dark));display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}
.variant-size-btn .vm-size-img img{width:100%;height:100%;object-fit:cover;display:block}
.variant-size-btn .vm-size-label{font-family:var(--font-body);font-size:.65rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--gold);text-align:center;padding:6px 4px 7px;border-top:1px solid rgba(255,255,255,.05);line-height:1.2;transition:background .2s,color .2s}
.variant-size-btn:hover,.variant-size-btn.active{border-color:var(--gold)}
.variant-size-btn:hover .vm-size-label,.variant-size-btn.active .vm-size-label{background:var(--gold);color:var(--black);border-top-color:var(--gold)}
.variant-size-btn.active .vm-size-img::after{content:'';position:absolute;inset:0;background:rgba(201,168,76,.06)}

/* PRODUCT CARD */
.product-card{background:var(--dark-2);border:1px solid rgba(255,255,255,.04);transition:var(--transition);overflow:hidden;position:relative;height:100%;display:flex;flex-direction:column}
.product-card:hover{border-color:rgba(201,168,76,.15);box-shadow:var(--shadow-md);transform:translateY(-5px)}
.product-card .product-img-wrap{position:relative;overflow:hidden;background:linear-gradient(145deg,var(--dark-3),var(--dark));aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.product-card .product-img-wrap img{max-height:280px;object-fit:contain;transition:transform .5s ease}
.product-card:hover .product-img-wrap img{transform:scale(1.05)}
.product-card .product-badge{position:absolute;top:12px;left:12px;font-size:.58rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:4px 11px;background:var(--gold);color:var(--black);border-radius:20px;z-index:2}
.product-card .product-info{padding:22px 20px;flex:1;display:flex;flex-direction:column}
.product-card .product-brand{font-size:.65rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:6px}
.product-card .product-name{font-family:var(--font-display);font-size:1.05rem;font-weight:600;color:var(--white);margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.product-card .product-notes{font-size:.75rem;color:var(--gray);margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.product-card .product-price{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--gold);margin-top:auto}
.product-card .price-range{font-size:.95rem}
/* Hover add-to-cart inside photo area */
.product-card .product-hover-btn{position:absolute;bottom:-50px;left:0;right:0;padding:0 15px 15px;transition:bottom .35s ease;z-index:3}
.product-card:hover .product-hover-btn{bottom:0}
.product-card .product-hover-btn .btn-gold{width:100%;font-size:.65rem;padding:12px 20px}
a.product-card{display:block;text-decoration:none}
a.product-card .product-hover-btn{display:none}

/* Category cards (Home) */
.category-card{background:var(--dark-2);border:1px solid rgba(201,168,76,.08);border-radius:var(--fra-radius);position:relative;overflow:hidden;transition:var(--transition);height:100%}
.category-card::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:2px;background:var(--gold);transition:width .4s ease}
.category-card:hover::after{width:60%}
.category-card:hover{border-color:rgba(201,168,76,.22);box-shadow:var(--shadow-gold);transform:translateY(-3px)}
.category-card .cat-img{display:block;position:absolute;inset:0;background:transparent;overflow:hidden}
.category-card .cat-img img{width:100%;height:100%;object-fit:cover;display:block}
.category-card .cat-overlay{display:block;background:linear-gradient(to bottom,rgba(0,0,0,.4) 0%,rgba(0,0,0,.1) 40%,rgba(0,0,0,.75) 100%)}
.category-card .cat-img i{transition:var(--transition)}
.category-card:hover .cat-img i{color:rgba(201,168,76,.55) !important;filter:drop-shadow(0 10px 22px rgba(201,168,76,.12))}
.category-card .cat-info{padding:18px 18px 20px}
.category-card .cat-name{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--white);margin-bottom:6px}
.category-card .cat-count{font-size:.8rem;color:var(--gray)}

/* SLIDER ARROWS — single chevron icon */
.slick-arrow-fra{width:36px;height:36px;display:flex!important;align-items:center;justify-content:center;background:var(--dark-3);border:1px solid rgba(201,168,76,.2);border-radius:var(--fra-radius-xs);color:var(--gold);font-size:.75rem;cursor:pointer;transition:var(--transition);z-index:5;position:absolute;top:50%;transform:translateY(-50%)}
.slick-arrow-fra:hover{background:var(--gold);color:var(--black);border-color:var(--gold)}
.slick-arrow-fra.slick-prev{left:-55px}
.slick-arrow-fra.slick-next{right:-55px}
.slick-arrow-fra::before{content:none !important;}
.slick-arrow-fra.slick-prev:before,.slick-arrow-fra.slick-next:before{content:none !important;display:none !important;}
.slick-prev::before,.slick-next::before{content:none !important;}
/* Hide default slick dots/arrows */
.slick-arrow-fra .slick-prev-icon,.slick-arrow-fra .slick-next-icon{display:none}

/* FEATURE BOX */
.feature-box{text-align:center;padding:50px 30px;border:1px solid rgba(201,168,76,.08);background:var(--dark-2);border-radius:var(--fra-radius);transition:var(--transition);position:relative;overflow:hidden;height:100%}
.feature-box::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:2px;background:var(--gold);transition:width .4s ease}
.feature-box:hover::after{width:60%}
.feature-box:hover{transform:translateY(-3px);box-shadow:var(--shadow-gold)}
.feature-box .feature-icon{width:70px;height:70px;margin:0 auto 25px;display:flex;align-items:center;justify-content:center;border-radius:18px;border:1px solid rgba(201,168,76,.3);font-size:1.5rem;color:var(--gold);transition:var(--transition)}
.feature-box:hover .feature-icon{background:var(--gold);color:var(--black)}
.feature-box .feature-title{font-size:1.1rem;margin-bottom:10px}
.feature-box .feature-desc{font-size:.85rem;color:var(--gray);line-height:1.7}

/* PAGE HEADER */
.page-header{background:var(--black);padding:calc(var(--header-total) + 30px) 0 60px;position:relative;overflow:hidden}
.page-header::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 100%,rgba(201,168,76,.04),transparent 60%);pointer-events:none}
.page-header .page-title{font-size:2.8rem;font-weight:700;margin-bottom:10px}
.page-header .breadcrumb{background:transparent;padding:0;margin:0}
.page-header .breadcrumb-item{font-size:.7rem;letter-spacing:2px;text-transform:uppercase}
.page-header .breadcrumb-item a{color:var(--gray)}.page-header .breadcrumb-item.active{color:var(--gold)}
.page-header .breadcrumb-item+.breadcrumb-item::before{content:'/';color:var(--gray-dark)}

/* QTY SELECTOR */
.qty-selector{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.1);border-radius:var(--fra-radius-xs);overflow:hidden}
.qty-selector button{background:var(--dark-3);border:none;color:var(--gold);width:45px;height:45px;font-size:1rem;cursor:pointer;transition:var(--transition);flex-shrink:0}.qty-selector button:hover{background:var(--gold);color:var(--black)}
.qty-selector input{width:60px;height:45px;text-align:center;background:var(--dark);border:none;border-left:1px solid rgba(255,255,255,.1);border-right:1px solid rgba(255,255,255,.1);color:var(--white);font-family:var(--font-body);font-size:.9rem;-moz-appearance:textfield}
.qty-selector input:focus{outline:none}
.qty-selector input::-webkit-inner-spin-button,.qty-selector input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}

/* FORMS */
.form-dark input:not([type="checkbox"]):not([type="radio"]),.form-dark textarea,.form-dark select{background:var(--dark-3);border:1px solid rgba(255,255,255,.08);color:var(--white);padding:14px 18px;font-family:var(--font-body);font-size:.9rem;width:100%;margin-bottom:20px;transition:var(--transition)}
.form-dark input:focus,.form-dark textarea:focus,.form-dark select:focus{outline:none;border-color:var(--gold)}
.form-dark textarea{min-height:150px;resize:vertical}
.form-dark select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23C9A84C' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;padding-right:40px}
.form-dark label{font-size:.7rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:8px;display:block}

/* Delivery options (Gift Box / Tester quick checkout) */
.gift-delivery-box{margin:14px 0 12px;padding:14px;border:1px solid rgba(201,168,76,.1);background:linear-gradient(135deg,var(--dark),var(--dark-2))}
.gift-delivery-box .delivery-title{font-size:.72rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.delivery-options{display:flex;flex-direction:column;gap:8px}
.delivery-option{display:flex;align-items:center;gap:10px;color:var(--gray-light);font-size:.82rem;line-height:1.4}
.delivery-option input{accent-color:var(--gold)}
.newsletter-form{display:flex;border:1px solid rgba(201,168,76,.2);border-radius:var(--fra-radius-xs);overflow:hidden;transition:border-color .25s}
.newsletter-form:focus-within{border-color:var(--gold)}
.newsletter-input{background:var(--dark-3);border:none!important;border-radius:0!important;color:var(--white);padding:13px 16px;font-family:var(--font-body);font-size:.85rem;flex:1;min-width:0;outline:none!important;box-shadow:none!important}
.newsletter-input::placeholder{color:var(--gray)}
.newsletter-btn{background:var(--gold);border:none;border-radius:0!important;color:var(--black);padding:13px 22px;font-family:var(--font-body);font-size:.7rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:background .25s,color .25s;flex-shrink:0}
.newsletter-btn:hover{background:var(--gold-light);color:var(--black)}

/* PAGINATION */
.pagination-fra .page-link{background:var(--dark-3);border:1px solid rgba(255,255,255,.06);color:var(--white);font-size:.85rem;padding:10px 16px;margin:0 3px;transition:var(--transition)}
.pagination-fra .page-link:hover,.pagination-fra .page-item.active .page-link{background:var(--gold);border-color:var(--gold);color:var(--black)}

/* SHOP TOOLBAR */
.shop-toolbar{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.05);margin-bottom:30px}
.shop-toolbar .result-count{font-size:.8rem;color:var(--gray)}
.shop-toolbar select{background:var(--dark-3);border:1px solid rgba(255,255,255,.08);color:var(--white);padding:8px 35px 8px 15px;font-family:var(--font-body);font-size:.8rem;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%23C9A84C' d='M5 7L0 2h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}

/* PLACEHOLDER */
.img-placeholder{background:linear-gradient(145deg,var(--dark-3),var(--dark));border:1px solid rgba(201,168,76,.08);display:flex;align-items:center;justify-content:center;flex-direction:column}
.img-placeholder i{color:rgba(201,168,76,.2);margin-bottom:8px}
.img-placeholder span{font-family:var(--font-sub);font-size:.8rem;color:var(--gray);letter-spacing:2px}

/* FOOTER */
.footer{background:var(--black);border-top:1px solid rgba(201,168,76,.08)}
.footer-logo{height:45px;width:auto}
.footer-brand-name{font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:var(--white);letter-spacing:1px;line-height:1}
.footer-desc{font-size:.85rem;color:var(--gray);line-height:1.8}
.footer-contact-list li{font-size:.85rem;color:var(--gray);margin-bottom:8px}
.footer-contact-link{color:inherit}
.footer-contact-link:hover{color:var(--gold)}
.footer-title{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--white);margin-bottom:25px;letter-spacing:1px}
.footer-subtitle{font-family:var(--font-display);font-size:.9rem;font-weight:600;color:var(--white);margin-bottom:15px;margin-top:10px}
.footer .footer-links li{margin-bottom:12px}.footer .footer-links li a{font-size:.85rem;color:var(--gray);transition:var(--transition)}.footer .footer-links li a:hover{color:var(--gold);padding-left:5px}
.footer .social-links a{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(201,168,76,.2);border-radius:999px;color:var(--gold);margin-right:8px;transition:var(--transition)}.footer .social-links a:hover{background:var(--gold);color:var(--black)}
.footer-payment-poster{width:100%}.footer-payment-img{width:100%;height:auto;display:block;border-radius:var(--fra-radius);object-fit:contain}
.footer-policies{display:flex;justify-content:center;gap:25px;flex-wrap:wrap;padding:20px 0;border-top:1px solid rgba(255,255,255,.05);margin-bottom:10px}
.footer-policies a{font-size:.72rem;color:var(--gray);letter-spacing:1px;text-transform:uppercase;transition:var(--transition)}.footer-policies a:hover{color:var(--gold)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.03);padding:15px 0;font-size:.75rem;color:var(--gray-dark)}
.footer-dev-link{color:var(--gold);text-decoration:none;font-weight:600;transition:var(--transition)}.footer-dev-link:hover{color:var(--gold-light);text-decoration:underline}

/* BACK TO TOP */
.btn-back-to-top{position:fixed;bottom:30px;right:30px;z-index:999;display:none;width:50px;height:50px;background:var(--gold);color:var(--black);border:none;font-size:1rem;cursor:pointer;box-shadow:var(--shadow-md);transition:var(--transition);align-items:center;justify-content:center}
.btn-back-to-top:hover{background:var(--gold-light);transform:translateY(-3px)}

/* RESPONSIVE */
@media(max-width:1399.98px){.slick-arrow-fra.slick-prev{left:-15px}.slick-arrow-fra.slick-next{right:-15px}}
@media(max-width:1199.98px){.section-title{font-size:2.4rem}.nav-link-fra{padding:8px 12px;font-size:.65rem;letter-spacing:1.5px}}
@media(max-width:991.98px){.section-title{font-size:2.2rem}.page-header .page-title{font-size:2.2rem}}
@media(max-width:767.98px){.section-title{font-size:1.8rem}.page-header{padding:calc(var(--header-total) + 22px) 0 40px}.page-header .page-title{font-size:2rem}.py-section{padding:60px 0}.py-section-sm{padding:45px 0}.feature-box{padding:35px 20px}}
@media(max-width:575.98px){body{font-size:14px}.section-title{font-size:1.5rem}.section-badge{font-size:.6rem;letter-spacing:3px;padding:5px 15px}.page-header .page-title{font-size:1.6rem}.btn-gold,.btn-gold-outline,.btn-buy-now{padding:12px 25px;font-size:.65rem;letter-spacing:2px}.nav-logo{height:32px}.product-card .product-info{padding:15px}.product-card .product-name{font-size:.9rem}.footer-logo{height:35px}.footer-brand-name{font-size:1rem}.btn-back-to-top{width:40px;height:40px;bottom:20px;right:20px;font-size:.8rem}}

/* POLICY PAGES */
.policy-content h3{font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:var(--gold);margin:35px 0 12px;padding-bottom:8px;border-bottom:1px solid rgba(201,168,76,.1)}
.policy-content h3:first-child{margin-top:0}
.policy-content p{color:var(--gray-light);line-height:1.9;font-size:.9rem;margin-bottom:15px}
.policy-content ul{margin-bottom:20px;padding-left:0}.policy-content ul li{color:var(--gray-light);font-size:.9rem;line-height:2;padding-left:20px;position:relative}.policy-content ul li::before{content:'';position:absolute;left:0;top:12px;width:6px;height:6px;background:var(--gold)}
.policy-content strong{color:var(--white)}


/* =========================
   Global Radius
   ========================= */

.card, .product-card, .category-card, .video-card, .testimonial-card, .cart-summary, .form-dark, .modal-fra{
  border-radius: var(--fra-radius);
}

.form-control, input, textarea, select, .btn, .btn-gold, .btn-gold-outline, .btn-dark-outline{
  border-radius: var(--fra-radius-sm);
}

.qty-selector, .size-option, .variant-size-btn{
  border-radius: var(--fra-radius-xs);
}


/* =========================
   Shared Delivery Options
   ========================= */

.delivery-options{display:grid;gap:14px}
.delivery-option{display:block;cursor:pointer}
.delivery-option input{display:none}
.delivery-option-inner{display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(255,255,255,0.10);background:rgba(255,255,255,0.02);padding:16px 16px;transition:all .25s ease}
.delivery-option:hover .delivery-option-inner{border-color:rgba(201,168,76,0.22);background:rgba(201,168,76,0.03)}
.delivery-option input:checked + .delivery-option-inner{border-color:rgba(201,168,76,0.35);background:rgba(201,168,76,0.05)}
.do-left{display:flex;gap:14px;align-items:flex-start}
.do-icon{width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,0.03);display:flex;align-items:center;justify-content:center;color:rgba(201,168,76,0.75)}
.do-title{display:block;font-weight:700}
.do-sub{display:block;color:var(--gray);font-size:.85rem;margin-top:2px}
.do-meta{display:inline-flex;gap:6px;align-items:center;color:rgba(255,255,255,0.55);font-size:.78rem;margin-top:6px}
.do-fee{font-family:var(--font-display);font-weight:800;color:var(--gold)}

/* ══════════════════════════════════════════════════════════
   NAV SEARCH MODAL
═══════════════════════════════════════════════════════════ */
#navSearchToggle {
  background: none;
  border: none;
  cursor: pointer;
}
.nav-search-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.6);
  z-index: 1070;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}
.nav-search-overlay.show { display: block; }

.nav-search-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1080;
  background: var(--dark-2);
  border-bottom: 1px solid rgba(201,168,76,.15);
  box-shadow: 0 8px 40px rgba(0,0,0,.5);
  transform: translateY(-100%);
  transition: transform .3s cubic-bezier(.4,0,.2,1);
  max-height: 85vh;
  display: flex;
  flex-direction: column;
}
.nav-search-modal.open { transform: translateY(0); }

/* Header row */
.nav-search-header {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 18px 24px;
  border-bottom: 1px solid rgba(255,255,255,.05);
  flex-shrink: 0;
}
.nav-search-input-wrap {
  flex: 1;
  position: relative;
  display: flex;
  align-items: center;
}
.nav-search-icon {
  position: absolute;
  left: 16px;
  color: var(--gold);
  font-size: .9rem;
  pointer-events: none;
}
.nav-search-input {
  width: 100%;
  background: var(--dark-3);
  border: 1px solid rgba(201,168,76,.15);
  border-radius: var(--fra-radius);
  padding: 13px 44px 13px 46px;
  color: var(--white);
  font-family: var(--font-body);
  font-size: 1rem;
  outline: none;
  transition: var(--transition);
}
.nav-search-input::placeholder { color: var(--gray-dark); }
.nav-search-input:focus { border-color: rgba(201,168,76,.4); background: var(--dark); }
.nav-search-clear {
  position: absolute;
  right: 12px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: rgba(255,255,255,.08);
  border: none;
  color: var(--gray);
  font-size: .7rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: var(--transition);
}
.nav-search-clear:hover { background: rgba(201,168,76,.15); color: var(--gold); }
.nav-search-close {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.08);
  color: var(--gray);
  font-size: .8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: var(--transition);
  flex-shrink: 0;
}
.nav-search-close:hover { background: rgba(201,168,76,.12); color: var(--gold); border-color: rgba(201,168,76,.2); }

/* Body */
.nav-search-body {
  overflow-y: auto;
  padding: 20px 24px;
  flex: 1;
}

/* Default state */
.nav-search-hint {
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--gray);
  margin-bottom: 12px;
}
.nav-search-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.nav-search-tag {
  padding: 6px 14px;
  border-radius: 999px;
  background: rgba(201,168,76,.08);
  border: 1px solid rgba(201,168,76,.18);
  color: var(--gold);
  font-size: .78rem;
  cursor: pointer;
  transition: var(--transition);
}
.nav-search-tag:hover { background: var(--gold); color: var(--black); }

/* Results list */
.nav-search-result-item {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px 14px;
  border-radius: var(--fra-radius-sm);
  text-decoration: none;
  transition: var(--transition);
  border: 1px solid transparent;
}
.nav-search-result-item:hover {
  background: rgba(201,168,76,.06);
  border-color: rgba(201,168,76,.12);
}
.nsr-img {
  width: 48px;
  height: 48px;
  border-radius: var(--fra-radius-sm);
  background: var(--dark-3);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 1.2rem;
  color: rgba(201,168,76,.2);
}
.nsr-info { flex: 1; min-width: 0; }
.nsr-brand { font-size: .65rem; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: var(--gold); margin-bottom: 2px; }
.nsr-name { font-family: var(--font-display); font-size: .92rem; font-weight: 600; color: var(--white); margin-bottom: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nsr-notes { font-size: .7rem; color: var(--gray); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nsr-price { font-family: var(--font-display); font-size: .88rem; font-weight: 700; color: var(--gold); flex-shrink: 0; }

.nav-search-result-count {
  font-size: .72rem;
  color: var(--gray);
  letter-spacing: .5px;
  margin-bottom: 12px;
}
.nav-search-result-count strong { color: var(--gold); }

/* Empty state */
.nav-search-empty {
  text-align: center;
  padding: 40px 0;
  color: var(--gray);
}
.nav-search-empty i { font-size: 2rem; color: rgba(201,168,76,.2); margin-bottom: 12px; display: block; }
.nav-search-empty p { font-size: .95rem; color: var(--gray-light); margin-bottom: 4px; }

/* Highlight matched text */
.nsr-highlight { color: var(--gold); font-weight: 700; }

/* ── Mobile menu search ────────────────────────────────── */
.mobile-menu-search {
  padding: 0 25px 16px;
  border-bottom: 1px solid rgba(255,255,255,.06);
  margin-bottom: 8px;
  box-sizing: border-box;
}
.mobile-menu-search .nav-search-input-wrap {
  width: 100%;
  box-sizing: border-box;
}
.mobile-menu-search .nav-search-input {
  font-size: .88rem;
  padding: 11px 40px 11px 42px;
  width: 100%;
  box-sizing: border-box;
}
.mobile-search-results {
  margin-top: 8px;
  max-height: 320px;
  overflow-y: auto;
}
.mobile-search-results .nav-search-result-item {
  padding: 10px 8px;
}
.mobile-search-results .nsr-img {
  width: 40px;
  height: 40px;
  font-size: 1rem;
}
.mobile-search-results .nsr-name { font-size: .85rem; }
.mobile-search-results .nsr-notes { font-size: .65rem; }
.mobile-search-results .nsr-price { font-size: .82rem; }

/* ── Fix AOS horizontal overflow on mobile ─────────────── */
@media (max-width: 991.98px) {
  /* Prevent horizontal scroll from AOS animations without breaking Bootstrap grid */
  [data-aos="fade-right"].aos-animate,
  [data-aos="slide-right"].aos-animate,
  [data-aos="fade-left"].aos-animate,
  [data-aos="slide-left"].aos-animate {
    transform: translate3d(0, 0, 0) !important;
  }
}

/* ═══════════════════════════════════════════════════════════
   HERO SPLIT LAYOUT — shared across home, collections,
   tester, gift-box, combos, suggestion, about pages
   ══════════════════════════════════════════════════════════ */
.hero-split-section{position:relative;width:100%;overflow:hidden;display:flex;align-items:center}
.hero-split-bg-video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;transform:translate(-50%,-50%);object-fit:cover}
.hero-split-bg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-split-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(to right,rgba(10,10,10,.9) 0%,rgba(10,10,10,.68) 38%,rgba(10,10,10,.22) 68%,rgba(10,10,10,.04) 100%)}
.hero-split-inner{position:relative;z-index:2;width:100%;display:flex;align-items:center;justify-content:space-between;gap:40px;padding-bottom:90px;padding-top:40px;height:100%}

/* ── Left content ─────────────────────────────────────────── */
.hero-split-left{flex:0 0 52%;max-width:52%}
.hero-split-badge{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);border:1px solid rgba(201,168,76,.35);border-radius:50px;padding:5px 14px;margin-bottom:18px}
.hero-split-title{font-size:3.8rem;font-weight:700;line-height:1.12;margin-bottom:18px;color:#fff}
.hero-split-title em{font-style:italic;font-family:'Playfair Display',Georgia,serif;color:var(--gold);font-weight:700}
.hero-split-desc{font-family:var(--font-sub);font-size:1rem;color:rgba(255,255,255,.75);margin-bottom:32px;max-width:430px;line-height:1.65}
.hero-split-cta{display:inline-flex;align-items:center;gap:10px;background:var(--gold);color:#1a1a1a;font-weight:700;font-size:.95rem;padding:14px 30px;border-radius:50px;text-decoration:none;transition:all .22s}
.hero-split-cta:hover{background:#e0bc5a;color:#1a1a1a;transform:translateY(-2px);box-shadow:0 8px 24px rgba(201,168,76,.35)}

/* ── Right: glassmorphism variant cards ───────────────────── */
.hero-split-right{flex-shrink:0;display:flex;flex-direction:column;gap:14px;align-self:center}
.hero-variant-card{background:rgba(255,255,255,.08);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:16px 20px;display:flex;align-items:center;gap:14px;min-width:240px;text-decoration:none;color:#fff;transition:all .22s}
.hero-variant-card:hover{background:rgba(255,255,255,.14);border-color:rgba(201,168,76,.45);color:#fff;transform:translateX(-4px)}
/* icon variant */
.hero-variant-icon{width:46px;height:46px;border-radius:12px;background:rgba(201,168,76,.18);display:flex;align-items:center;justify-content:center;font-size:1.15rem;color:var(--gold);flex-shrink:0}
/* photo variant */
.hero-variant-photo{width:52px;height:52px;border-radius:12px;overflow:hidden;flex-shrink:0}
.hero-variant-photo img{width:100%;height:100%;object-fit:cover}
.hero-variant-title{font-weight:600;font-size:.9rem;line-height:1.2;margin-bottom:3px}
.hero-variant-sub{font-size:.72rem;color:rgba(255,255,255,.58)}

/* ── Stats bar ────────────────────────────────────────────── */
.hero-split-stats{position:absolute;bottom:0;left:0;right:0;z-index:3;border-top:1px solid rgba(255,255,255,.08);background:rgba(6,6,6,.58);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.hero-stats-row{display:flex;align-items:stretch;padding:16px 0}
.hero-stat{flex:1;text-align:center;padding:4px 16px;border-right:1px solid rgba(255,255,255,.07)}
.hero-stat:last-child{border-right:none}
.hero-stat-num{display:block;font-size:1.4rem;font-weight:800;color:var(--gold);line-height:1}
.hero-stat-label{display:block;font-size:.68rem;color:rgba(255,255,255,.55);text-transform:uppercase;letter-spacing:.05em;margin-top:4px}

/* ── Responsive ───────────────────────────────────────────── */
@media(max-width:991.98px){
  .hero-split-right{display:none}
  .hero-split-left{max-width:72%;flex:0 0 72%}
  .hero-split-title{font-size:2.8rem}
}
@media(max-width:767.98px){
  .hero-split-section{min-height:100svh;min-height:100vh;height:auto!important}
  .hero-split-left{max-width:100%;flex:0 0 100%}
  .hero-split-title{font-size:2.2rem}
  .hero-split-desc{font-size:.9rem}
  .hero-split-inner{padding-bottom:110px;padding-top:30px}
  .hero-stats-row{flex-wrap:wrap}
  .hero-stat{flex:1 0 50%;border-right:none;border-bottom:1px solid rgba(255,255,255,.07);padding:6px 0}
  .hero-stat:nth-child(3),.hero-stat:nth-child(4){border-bottom:none}
  .hero-stat-num{font-size:1.1rem}
  .hero-stat-label{font-size:.58rem;margin-top:2px}
}