/* FRAGRANCIA — home.css */

/* HERO — old .hero-video-section styles removed; replaced by
   shared .hero-split-* classes in style.css               */

/* BRAND MARQUEE */
.brand-marquee{padding:25px 0;overflow:hidden;border-bottom:1px solid rgba(201,168,76,.06)}
.brand-marquee-track{display:flex;white-space:nowrap;width:max-content;will-change:transform;animation:brandScroll 300s linear infinite}
.brand-group{display:flex;flex-shrink:0}
.brand-logo-item{flex-shrink:0;padding:0 35px;display:flex;align-items:center}
.brand-logo-item span{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:rgba(255,255,255,.2);letter-spacing:2px;transition:var(--transition);white-space:nowrap}
.brand-logo-item:hover span{color:var(--gold)}
@keyframes brandScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.brand-marquee:hover .brand-marquee-track{animation-play-state:paused}

/* CATEGORIES */
.category-card{position:relative;overflow:hidden;display:block;background:var(--dark-2);border:1px solid rgba(201,168,76,.08);border-radius:var(--fra-radius);height:280px;transition:var(--transition)}
.category-card:hover{border-color:rgba(201,168,76,.25);transform:translateY(-3px);box-shadow:var(--shadow-gold)}
/* bottom hover line — match .feature-box */
.category-card::after{content:"";position:absolute;left:50%;bottom:18px;height:2px;width:0;transform:translateX(-50%);background:var(--gold);transition:width .4s ease;opacity:1}
.category-card:hover::after{width:calc(100% - 36px)}
.category-card .cat-img{position:absolute;inset:0;background:linear-gradient(145deg,var(--dark-3),var(--dark));display:flex;align-items:center;justify-content:center;transition:transform .35s ease}
.category-card:hover .cat-img{transform:translateY(-3px)}
.category-card .cat-img i{font-size:2.6rem;color:rgba(201,168,76,.22);transition:var(--transition)}
.category-card:hover .cat-img i{color:var(--gold)}
.category-card .cat-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(13,13,13,.85) 0%,transparent 60%)}
.category-card .cat-info{position:absolute;bottom:25px;left:25px;z-index:2}
.category-card .cat-name{font-family:var(--font-display);font-size:1.3rem;font-weight:600;color:var(--white);margin-bottom:3px}
.category-card .cat-count{font-size:.72rem;color:var(--gold);letter-spacing:2px;text-transform:uppercase}

/* TESTER CTA */
.tester-tag{display:inline-block;font-size:.65rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--black);background:var(--gold);padding:4px 12px}

/* ── Tester & Giftbox photo card float animations ───────────────── */
@keyframes fra-float-t0{0%,100%{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(-5deg) translateY(-10px)}}
@keyframes fra-float-t1{0%,100%{transform:rotate(3deg) translateX(0)}50%{transform:rotate(3deg) translateX(8px)}}
@keyframes fra-float-t2{0%,100%{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(-2deg) translateY(-9px)}}
.fra-tester-card--0{animation:fra-float-t0 3.2s ease-in-out infinite}
.fra-tester-card--1{animation:fra-float-t1 2.8s ease-in-out infinite;margin-top:20px}
.fra-tester-card--2{animation:fra-float-t2 3.6s ease-in-out infinite .5s}
@keyframes fra-float-g0{0%,100%{transform:rotate(4deg) translateY(0)}50%{transform:rotate(4deg) translateY(-10px)}}
@keyframes fra-float-g1{0%,100%{transform:rotate(-3deg) translateX(0)}50%{transform:rotate(-3deg) translateX(-8px)}}
@keyframes fra-float-g2{0%,100%{transform:rotate(2deg) translateY(0)}50%{transform:rotate(2deg) translateY(-9px)}}
.fra-giftbox-card--0{animation:fra-float-g0 3.4s ease-in-out infinite}
.fra-giftbox-card--1{animation:fra-float-g1 3.0s ease-in-out infinite;margin-top:20px}
.fra-giftbox-card--2{animation:fra-float-g2 3.2s ease-in-out infinite .7s}

/* ── Featured collection slider — image fills square container ──── */
.product-slider .product-img-wrap{position:relative;display:block}
.product-slider .product-img-wrap img{position:absolute;inset:0;width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important}

/* ── Equal-height cards across Slick sliders ───────────────────── */
.product-slider .slick-track,
.combos-home-slider .slick-track,
.video-showcase-slider .slick-track,
.testimonial-slider .slick-track{display:flex!important}
.product-slider .slick-slide,
.combos-home-slider .slick-slide,
.video-showcase-slider .slick-slide,
.testimonial-slider .slick-slide{height:auto!important;display:flex!important;flex-direction:column}
.product-slider .slick-slide>div,
.combos-home-slider .slick-slide>div,
.video-showcase-slider .slick-slide>div,
.testimonial-slider .slick-slide>div{flex:1;display:flex;flex-direction:column}
.combos-home-slider .combo-card-home{height:100%}

/* VIDEO SHOWCASE — 4:5 aspect ratio */
.video-showcase-item{position:relative;background:var(--dark-3);border:1px solid rgba(255,255,255,.04);border-radius:var(--fra-radius);overflow:hidden;transition:var(--transition);cursor:default;display:flex;flex-direction:column;height:100%}
.video-showcase-item:hover{border-color:rgba(201,168,76,.2)}
.video-showcase-item .video-thumb{width:100%;aspect-ratio:4/5;background:var(--dark-3);display:flex;align-items:center;justify-content:center;position:relative}
.video-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background:rgba(255,255,255,.9);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--dark);font-size:1rem;transition:var(--transition);z-index:2}
.video-showcase-item:hover .video-play-btn{background:var(--gold);color:var(--black);transform:translate(-50%,-50%) scale(1.1)}
.video-showcase-item .video-info{padding:15px;flex:1;display:flex;flex-direction:row;align-items:center;gap:12px}
.video-showcase-item .video-text-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.video-showcase-item .video-meta{font-size:.6rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--gray);margin-bottom:0}
.video-showcase-item .video-title{font-family:var(--font-display);font-size:.95rem;color:var(--white)}
.video-info--link{text-decoration:none;color:inherit;cursor:pointer;transition:var(--transition)}
.video-info--link:hover .video-title{color:var(--gold)}
.video-info .video-link-icon{position:static;display:flex;align-items:center;justify-content:center;width:30px;height:30px;flex-shrink:0;font-size:.65rem;color:var(--gray);background:rgba(255,255,255,.05);border-radius:50%;transition:var(--transition)}
.video-info--link:hover .video-link-icon{background:var(--gold);color:var(--black)}
/* button.video-play-btn reset - strip browser button defaults */
button.video-play-btn{border:none;cursor:pointer;padding:0;appearance:none}
.video-thumb.is-playing .video-play-btn{top:16px;left:16px;bottom:auto;transform:none;width:42px;height:42px;background:rgba(13,13,13,.78);color:var(--white)}
.video-thumb.is-playing .video-play-btn:hover{background:var(--gold);color:var(--black);transform:none}

/* TESTIMONIALS */
.testimonial-card{background:var(--dark-2);border:1px solid rgba(201,168,76,.08);padding:40px 35px;position:relative;height:100%;display:flex;flex-direction:column}
.testimonial-card .quote-icon{font-family:var(--font-display);font-size:4rem;color:rgba(201,168,76,.15);line-height:1;position:absolute;top:20px;right:30px}
.testimonial-card .testi-text{font-family:var(--font-sub);font-size:1.1rem;font-style:italic;color:var(--ivory);line-height:1.8;margin-bottom:25px;flex:1;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.testimonial-card .testi-author{font-size:.85rem;font-weight:600}
.testimonial-card .testi-role{font-size:.7rem;color:var(--gray)}
.testimonial-card .testi-stars{color:var(--gold);font-size:.8rem;margin-bottom:15px}

/* RESPONSIVE */
@media(max-width:1199.98px){.hero-video-content .hero-title{font-size:3.2rem}}
@media(max-width:991.98px){.hero-video-section{height:70vh}.hero-video-content .hero-title{font-size:2.8rem}}
@media(max-width:767.98px){.hero-video-section{height:60vh}.hero-video-content .hero-title{font-size:2.2rem}.hero-video-content .hero-desc{font-size:.95rem}.testimonial-card{padding:30px 25px}.category-card{height:220px}}
@media(max-width:575.98px){.hero-video-content .hero-title{font-size:1.8rem}.category-card{height:180px}.category-card .cat-name{font-size:1.1rem}.brand-logo-item span{font-size:.9rem}.brand-logo-item{padding:0 20px}}

/* SEASON MODAL CARDS */
.season-modal-card{display:block}
.season-modal-card .season-modal-img{position:relative;width:100%;aspect-ratio:1/1;border-radius:var(--fra-radius);overflow:hidden}
.season-modal-card .season-modal-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.season-modal-card:hover .season-modal-img img{transform:scale(1.06)}
.season-modal-card .season-modal-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.3) 0%,rgba(0,0,0,.1) 40%,rgba(0,0,0,.65) 100%);transition:background .3s ease}
.season-modal-card:hover .season-modal-overlay{background:linear-gradient(to bottom,rgba(0,0,0,.4) 0%,rgba(0,0,0,.15) 40%,rgba(0,0,0,.75) 100%)}
.season-modal-card .season-modal-name{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:#fff;letter-spacing:1px;text-shadow:0 2px 8px rgba(0,0,0,.6);z-index:2}
.season-modal-card:hover .season-modal-name{color:var(--gold)}

/* DEAL OF THE DAY — home section
══════════════════════════════════════════════════════════ */
.deal-expires-label {
  font-size: .65rem;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--gray);
  margin-bottom: 12px;
}

/* Countdown timer */
.deal-countdown {
  display: flex;
  align-items: center;
  gap: 10px;
}
.deal-timer-unit {
  background: var(--dark-3);
  border: 1px solid rgba(201,168,76,.22);
  border-radius: var(--fra-radius-sm);
  min-width: 82px;
  padding: 14px 10px 10px;
  text-align: center;
  position: relative;
}
.deal-timer-unit::before {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 2px;
  background: var(--gold);
  border-radius: 0 0 var(--fra-radius-sm) var(--fra-radius-sm);
  opacity: .4;
}
.deal-timer-num {
  font-family: var(--font-display);
  font-size: 2.2rem;
  font-weight: 700;
  color: var(--gold);
  line-height: 1;
  letter-spacing: 2px;
}
.deal-timer-label {
  font-size: .52rem;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--gray);
  margin-top: 7px;
}
.deal-timer-sep {
  font-family: var(--font-display);
  font-size: 1.8rem;
  font-weight: 700;
  color: var(--gold);
  padding-bottom: 20px;
  opacity: .6;
  flex-shrink: 0;
}

/* Deal product card */
.deal-product-card {
  display: block;
  text-decoration: none;
  background: var(--dark-2);
  border: 1px solid rgba(201,168,76,.08);
  border-radius: var(--fra-radius);
  overflow: hidden;
  transition: var(--transition);
}
.deal-product-card:hover {
  border-color: rgba(201,168,76,.25);
  transform: translateY(-4px);
  box-shadow: var(--shadow-gold);
}
.deal-product-img {
  aspect-ratio: 1/1;
  background: linear-gradient(145deg, var(--dark-3), var(--dark));
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
}
.deal-product-img img {
  width: 100%; height: 100%;
  object-fit: cover;
  transition: transform .5s ease;
  display: block;
}
.deal-product-card:hover .deal-product-img img { transform: scale(1.05); }
.deal-product-img i { font-size: 3rem; color: rgba(201,168,76,.15); }
.deal-card-badge {
  position: absolute;
  top: 10px; left: 10px;
  font-size: .52rem; font-weight: 700;
  letter-spacing: 1.5px; text-transform: uppercase;
  padding: 3px 9px;
  background: var(--gold); color: var(--black);
  border-radius: 20px;
}
.deal-product-info { padding: 14px 14px 16px; }
.deal-item-brand {
  font-size: .6rem; font-weight: 700;
  letter-spacing: 2px; text-transform: uppercase;
  color: var(--gold); margin-bottom: 4px;
}
.deal-item-name {
  font-family: var(--font-display);
  font-size: .92rem; font-weight: 700;
  color: var(--white); line-height: 1.3; margin-bottom: 8px;
}
.deal-item-prices { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.deal-item-price {
  font-family: var(--font-display);
  font-size: .95rem; font-weight: 700; color: var(--gold);
}
.deal-item-original {
  font-size: .78rem; color: var(--gray);
  text-decoration: line-through;
}
.deal-item-off {
  font-size: .52rem; font-weight: 700;
  letter-spacing: .8px; text-transform: uppercase;
  background: rgba(92,173,125,.15);
  color: #5cad7d;
  border: 1px solid rgba(92,173,125,.3);
  border-radius: 3px;
  padding: 2px 6px;
}

.deal-product-card > a {
  display: block;
  text-decoration: none;
  color: inherit;
}
.deal-product-card .gift-add-btn {
  display: block;
  width: 100%;
  padding: 10px;
  border: none;
  border-top: 1px solid rgba(255,255,255,.06);
  background: transparent;
  color: var(--gold);
  font-size: .78rem;
  font-weight: 600;
  letter-spacing: .04em;
  cursor: pointer;
  transition: var(--transition);
  text-align: center;
}
.deal-product-card .gift-add-btn:hover:not(:disabled) {
  background: var(--gold);
  color: #000;
}

/* Responsive */
@media(max-width:991.98px) {
  .deal-section .col-lg-5 { text-align: center; }
  .deal-section .col-lg-5 .section-badge { display: inline-block; }
  .deal-section .col-lg-5 .section-title { text-align: center !important; }
  .deal-section .col-lg-5 > p { margin-left: auto !important; margin-right: auto !important; }
  .deal-section .col-lg-5 .section-title { font-size: 2rem !important; }
  .deal-countdown { justify-content: center; }
}
@media(max-width:767.98px) {
  .deal-timer-unit { min-width: 68px; padding: 10px 8px 8px; }
  .deal-timer-num { font-size: 1.7rem; }
  .deal-timer-sep { font-size: 1.4rem; padding-bottom: 14px; }
}
@media(max-width:575.98px) {
  .deal-timer-unit { min-width: 58px; }
  .deal-timer-num { font-size: 1.4rem; }
  .deal-timer-sep { font-size: 1.2rem; padding-bottom: 12px; }
  .deal-timer-label { font-size: .46rem; }
}