/* ===========================================================
   sections.css — hero, trust, categories, products, story,
   video, concern, testimonials, newsletter
   =========================================================== */

/* ---- HERO (image-only banners) ---- */
.hero-img{width:100%;height:auto;display:block;object-fit:cover}
.hero-orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.5}
.orb-a{width:360px;height:360px;background:radial-gradient(circle,#fff,transparent 70%);top:-90px;right:6%}
.orb-b{width:230px;height:230px;background:radial-gradient(circle,#fff7,transparent 70%);bottom:-60px;left:10%}
.carousel-indicators [data-bs-target]{
  width:10px;height:10px;border-radius:50%;background:var(--coral);opacity:.35;border:none
}
.carousel-indicators .active{opacity:1;width:26px;border-radius:6px}
.carousel-control-prev,.carousel-control-next{width:6%;opacity:.6}
.carousel-control-prev-icon,.carousel-control-next-icon{
  background-color:rgba(255,255,255,.7);border-radius:50%;padding:14px;background-size:45%
}

/* ---- TRUST STRIP ---- */
.trust{background:var(--peach-50);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.trust .col{padding:22px 10px}
.trust i{font-size:1.5rem;color:var(--coral)}
.trust h6{font-weight:600;margin:8px 0 2px;font-size:.92rem;font-family:'Jost'}
.trust small{color:var(--muted)}

/* ---- CATEGORIES ---- */
.cat-card{display:block;text-align:center;transition:.35s}
.cat-thumb{
  width:150px;height:150px;border-radius:50%;margin:0 auto 14px;
  display:flex;align-items:center;justify-content:center;font-size:3rem;color:#fff;
  box-shadow:var(--shadow);transition:.35s;
}
.cat-card:hover .cat-thumb{transform:translateY(-8px) scale(1.04)}
.cat-card h5{font-family:'Jost';font-weight:500;font-size:1rem;color:var(--ink);margin:0}
.cat-card small{color:var(--muted)}
.c1{background:linear-gradient(135deg,#F8C9B4,#EC7E60)}
.c2{background:linear-gradient(135deg,#FBD8C8,#F19A7E)}
.c3{background:linear-gradient(135deg,#F6BBA4,#E36A4C)}
.c4{background:linear-gradient(135deg,#FCE3D6,#F6BBA4)}

/* ---- PRODUCT CARD ---- */
.product-card{
  background:#fff;border:1px solid var(--line);border-radius:22px;
  overflow:hidden;transition:.35s;height:100%;position:relative;
}
.product-card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:var(--peach-200)}
.product-media{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:var(--peach-50)}
.product-img{width:100%;height:100%;object-fit:cover;display:block}
.p-tag{
  position:absolute;top:14px;left:14px;background:#fff;color:var(--coral);
  font-size:.66rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  padding:4px 11px;border-radius:30px;box-shadow:0 4px 12px -4px rgba(0,0,0,.12)
}
.p-wish{
  position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;
  background:#fff;display:flex;align-items:center;justify-content:center;color:var(--muted);
  box-shadow:0 4px 12px -4px rgba(0,0,0,.12);cursor:pointer;transition:.25s;border:none;
}
.p-wish:hover{color:var(--coral)}
.bottle{
  width:78px;height:128px;border-radius:14px 14px 18px 18px;position:relative;
  box-shadow:0 14px 30px -12px rgba(180,90,60,.5);
}
.bottle::before{
  content:"";position:absolute;top:-16px;left:50%;transform:translateX(-50%);
  width:30px;height:18px;background:inherit;border-radius:5px;filter:brightness(.92)
}
.bottle::after{
  content:"";position:absolute;top:34px;left:12px;right:12px;height:42px;
  background:rgba(255,255,255,.55);border-radius:6px
}
.bg-a{background:linear-gradient(160deg,#F6BBA4,#EC7E60)}
.bg-b{background:linear-gradient(160deg,#FBD8C8,#F19A7E)}
.bg-c{background:linear-gradient(160deg,#F8D3C0,#E36A4C)}
.bg-d{background:linear-gradient(160deg,#FCE3D6,#F6BBA4)}
.product-body{padding:18px}
.product-body .cat-label{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--peach-500)}
.product-body h6{font-family:'Jost';font-weight:500;font-size:1.02rem;margin:5px 0 6px;color:var(--ink)}
.stars{color:#F2A93B;font-size:.78rem}
.price{font-weight:600;font-size:1.1rem;color:var(--ink)}
.price s{color:var(--muted);font-weight:300;font-size:.85rem;margin-left:6px}
.add-cart{
  width:42px;height:42px;border-radius:50%;background:var(--peach-100);color:var(--coral);
  border:none;display:flex;align-items:center;justify-content:center;transition:.28s;font-size:1.05rem;
}
.add-cart:hover{background:var(--coral);color:#fff;transform:rotate(90deg)}

/* ---- BRAND STORY ---- */
.story{background:var(--peach-50)}
.story-img{
  border-radius:26px;height:420px;
  background:linear-gradient(140deg,#FBD8C8,#EC7E60);
  position:relative;overflow:hidden;box-shadow:var(--shadow)
}
.story-img .leaf{position:absolute;font-size:9rem;color:#fff5;bottom:-20px;right:-10px}
.story-img .badge-float{
  position:absolute;top:24px;left:24px;background:#fff;border-radius:18px;
  padding:14px 18px;box-shadow:var(--shadow)
}
.story-img .badge-float strong{font-size:1.6rem;color:var(--coral);font-family:'Cormorant Garamond'}

/* ---- VIDEO CAROUSEL ---- */
.video-section{background:linear-gradient(180deg,#fff,var(--peach-50))}
.video-card{
  border-radius:22px;overflow:hidden;position:relative;aspect-ratio:9/16;cursor:pointer;
  display:flex;align-items:flex-end;transition:.35s;box-shadow:var(--shadow)
}
.video-card:hover{transform:translateY(-6px)}
.video-card video{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1
}
.v1{background:linear-gradient(160deg,#F6BBA4,#E36A4C)}
.v2{background:linear-gradient(160deg,#FBD8C8,#EC7E60)}
.v3{background:linear-gradient(160deg,#F8D3C0,#F19A7E)}
.v4{background:linear-gradient(160deg,#FCE3D6,#F6BBA4)}
.v-mute{
  position:absolute;top:12px;right:12px;z-index:3;
  width:38px;height:38px;border-radius:50%;border:none;
  background:rgba(0,0,0,.45);color:#fff;font-size:1rem;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;transition:.25s;backdrop-filter:blur(4px)
}
.v-mute:hover{background:var(--coral)}
.video-card .v-info{
  width:100%;padding:18px;background:linear-gradient(transparent,rgba(59,42,37,.75));color:#fff;z-index:2
}
.video-card .v-info h6{font-family:'Jost';font-weight:500;margin:0;color:#fff}

/* ---- SHOP BY CONCERN ---- */
.concern-chip{
  display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);
  border-radius:18px;padding:18px 20px;transition:.3s;height:100%
}
.concern-chip:hover{border-color:var(--peach-300);transform:translateY(-4px);box-shadow:var(--shadow)}
.concern-chip .ic{
  width:50px;height:50px;border-radius:14px;background:var(--peach-100);color:var(--coral);
  display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0
}
.concern-chip h6{margin:0;font-family:'Jost';font-weight:500;font-size:.98rem;color:var(--ink)}
.concern-chip small{color:var(--muted)}

/* ---- TESTIMONIALS ---- */
.testi-section{background:var(--peach-50)}
.testi-card{
  background:#fff;border-radius:22px;padding:34px;border:1px solid var(--line);
  box-shadow:var(--shadow);max-width:720px;margin:0 auto;text-align:center
}
.testi-card .quote{font-family:'Cormorant Garamond';font-size:1.5rem;line-height:1.4;color:var(--ink)}
.testi-card .stars{font-size:1rem;margin-bottom:14px}
.testi-avatar{
  width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,#F6BBA4,#E36A4C);
  color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;
  font-family:'Cormorant Garamond';font-size:1.3rem;margin:18px auto 8px
}

/* ---- NEWSLETTER ---- */
.newsletter{
  background:linear-gradient(120deg,var(--peach-400),var(--coral));color:#fff;border-radius:30px;
  padding:54px 40px;text-align:center;position:relative;overflow:hidden
}
.newsletter h2{color:#fff;font-weight:600}
.newsletter .ns-form{max-width:440px;margin:22px auto 0}
.newsletter input{
  border:none;border-radius:40px;padding:.85rem 1.4rem;flex:1;outline:none;color:var(--ink)
}
.newsletter .btn-light{border-radius:40px;padding:.85rem 1.6rem;font-weight:500;color:var(--coral)}

/* ---- DEAL OF THE DAY ---- */
.deal{background:linear-gradient(120deg,#FFF1EA,#FBD8C8)}
.deal-card{
  background:#fff;border-radius:28px;box-shadow:var(--shadow);overflow:hidden;
  display:grid;grid-template-columns:1fr 1fr;align-items:stretch
}
.deal-visual{
  background:linear-gradient(160deg,#F6BBA4,#E36A4C);
  display:flex;align-items:center;justify-content:center;padding:50px 30px;position:relative
}
.deal-visual .bottle{transform:scale(1.45)}
.deal-flag{
  position:absolute;top:18px;left:18px;background:#fff;color:var(--coral);
  font-size:.7rem;font-weight:600;letter-spacing:.05em;padding:5px 12px;border-radius:30px
}
.deal-body{padding:42px}
.deal-off{
  background:var(--peach-100);color:var(--coral);font-size:.72rem;font-weight:600;
  padding:4px 10px;border-radius:20px;align-self:center
}
.countdown{display:flex;gap:10px;margin:18px 0}
.cd-box{background:var(--peach-100);border-radius:14px;padding:10px 12px;text-align:center;min-width:64px}
.cd-box strong{font-family:'Cormorant Garamond';font-size:1.7rem;color:var(--coral);display:block;line-height:1}
.cd-box small{font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
@media (max-width:767px){
  .deal-card{grid-template-columns:1fr}
  .deal-visual{padding:60px 30px}
  .deal-body{padding:28px}
}

/* ---- COMBO / BUNDLE KITS ---- */
.combo-section{background:var(--peach-50)}
.combo-card{
  background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;
  transition:.35s;height:100%;position:relative
}
.combo-card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:var(--peach-200)}
.combo-media{
  height:220px;background:var(--peach-50);display:flex;align-items:center;justify-content:center;position:relative
}
.combo-media .bottle{width:64px;height:106px;margin:0 -10px}
.save-badge{
  position:absolute;top:14px;right:14px;background:var(--coral);color:#fff;
  font-size:.7rem;font-weight:600;padding:5px 12px;border-radius:30px;z-index:2
}
.combo-body{padding:20px}
.combo-body h6{font-family:'Jost';font-weight:500;font-size:1.05rem;margin:5px 0 4px;color:var(--ink)}
.combo-body .incl{font-size:.84rem;color:var(--muted);margin:0 0 12px}