/* ============================================================
   CAYENA FINE FOODS — styles.css v4
   Light + Dark alternating sections, curved transitions
   ============================================================ */

:root {
  /* Dark palette */
  --bg-dark:    #0F0F10;
  --bg-dark2:   #161617;
  --bg-dark3:   #1C1C1D;
  --card-dark:  #1A1A1B;

  /* Light palette — crema/beige del mockup */
  --bg-light:   #F5EFE6;
  --bg-light2:  #EDE4D8;
  --card-light: #FFFFFF;

  /* Text on dark */
  --text:    #FFFFFF;
  --text2:   #D8D1C9;
  --muted:   #7A746E;

  /* Text on light */
  --text-d:  #1A1410;
  --text-d2: #4A3F35;
  --muted-d: #8A7F75;

  /* Brand */
  --brand:   #C56B4D;
  --brand-h: #D47A5C;
  --brand-a: rgba(197,107,77,.12);
  --brand-b: rgba(197,107,77,.28);

  --gold:    #B89B72;
  --gold-a:  rgba(184,155,114,.2);

  /* Logo circle color */
  --logo-bg: #E8D5C4;

  --border-d: rgba(255,255,255,.07);
  --border-l: rgba(139,107,77,.15);

  --ff-d: 'Playfair Display', Georgia, serif;
  --ff-b: 'Inter', system-ui, sans-serif;

  --r-sm:  8px;
  --r-md:  16px;
  --r-lg:  24px;
  --r-xl:  32px;
  --r-f:   9999px;

  --sh-d:  0 8px 32px rgba(0,0,0,.45);
  --sh-lg: 0 24px 64px rgba(0,0,0,.55);
  --sh-l:  0 4px 24px rgba(139,107,77,.12);
  --sh-br: 0 8px 32px rgba(197,107,77,.30);

  --t:   .28s cubic-bezier(.4,0,.2,1);
  --ts:  .65s cubic-bezier(.4,0,.2,1);

  --hh:  72px;
  --max: 1200px;
  --px:  clamp(1.25rem,5vw,2.5rem);

  /* Curve height */
  --curve: 60px;
}

/* ── RESET ─────────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--ff-b);background:var(--bg-dark);color:var(--text);line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{cursor:pointer;border:none;background:none;font:inherit;color:inherit;padding:0}
ul,li{list-style:none}
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-track{background:var(--bg-dark)}
::-webkit-scrollbar-thumb{background:var(--brand);border-radius:3px}

/* ── LAYOUT UTILS ───────────────────────────────────────────── */
.container{max-width:var(--max);margin-inline:auto;padding-inline:var(--px)}

/* Section base */
.section{padding-block:clamp(4rem,8vw,6.5rem);position:relative}

/* Dark sections (default) */
.section--dark-bg{background:var(--bg-dark2)}

/* Light sections — crema */
.section--light{
  background:var(--bg-light);
  color:var(--text-d);
}
.section--light .section-title{ color:var(--text-d) }
.section--light .eyebrow{ color:var(--brand) }
.services .eyebrow{color:var(--brand)}
.gallery .eyebrow{color:var(--brand)}
.section--light .title-ornament{ color:var(--gold) }
.services .title-ornament{color:var(--gold)}
.gallery .title-ornament{color:var(--gold)}

/* Curved top edge on light sections */
.section--light::before{
  content:'';
  position:absolute;
  top:calc(-1 * var(--curve));
  left:0; right:0;
  height:var(--curve);
  background:var(--bg-light);
  clip-path: ellipse(55% 100% at 50% 100%);
  z-index:1;
  pointer-events:none;
}
/* Curved bottom edge */
.section--light::after{
  content:'';
  position:absolute;
  bottom:calc(-1 * var(--curve));
  left:0; right:0;
  height:var(--curve);
  background:var(--bg-light);
  clip-path: ellipse(55% 100% at 50% 0%);
  z-index:1;
  pointer-events:none;
}

/* Section headers */
.section-header{text-align:center;margin-bottom:clamp(2.5rem,5vw,3.75rem);position:relative;z-index:2}

.eyebrow{display:block;font-size:.68rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--brand);margin-bottom:.6rem}
.eyebrow--center{text-align:center}
.eyebrow--light{color:rgba(230,215,200,.85)}

.section-title{
  font-family:var(--ff-d);
  font-size:clamp(1.9rem,3.8vw,2.9rem);
  font-weight:500;
  line-height:1.15;
  color:var(--text);
  text-align:center;
}
/* Force dark on light sections — higher specificity */
.services .section-header .section-title,
.gallery .section-header .section-title{
  color:#2A1F18 !important;
}
.section-title--light{color:var(--text)}
.section-title--left{text-align:left}

/* On light backgrounds override */
.section--light .section-title{color:#2A1F18}
.services .section-title{color:#2A1F18}
.gallery .section-title{color:#2A1F18}

.title-ornament{
  display:flex;align-items:center;justify-content:center;
  gap:.65rem;margin-top:.85rem;color:var(--gold);position:relative;z-index:2;
}
.title-ornament--left{justify-content:flex-start}
.title-ornament span{display:block;height:1px;width:36px;background:linear-gradient(to right,transparent,var(--gold))}
.title-ornament span:last-child{background:linear-gradient(to left,transparent,var(--gold))}
.title-ornament--left span:last-child{background:linear-gradient(to right,transparent,var(--gold))}

/* ── BUTTONS ─────────────────────────────────────────────────*/
.btn{
  display:inline-flex;align-items:center;gap:.45rem;
  padding:.72rem 1.4rem;border-radius:var(--r-f);
  font-size:.85rem;font-weight:500;letter-spacing:.01em;
  transition:all var(--t);border:1.5px solid transparent;white-space:nowrap
}
.btn--lg{padding:.88rem 1.75rem;font-size:.95rem}
.btn--sm{padding:.5rem 1rem;font-size:.78rem}
.btn--primary{background:var(--brand);color:#fff;border-color:var(--brand);box-shadow:0 4px 16px rgba(197,107,77,.25)}
.btn--primary:hover{background:var(--brand-h);border-color:var(--brand-h);box-shadow:var(--sh-br);transform:translateY(-1px)}
.btn--outline{background:transparent;color:var(--text2);border-color:rgba(255,255,255,.16)}
.btn--outline:hover{border-color:rgba(255,255,255,.32);color:var(--text);background:rgba(255,255,255,.05)}
.btn--outline-brand{background:transparent;color:var(--brand);border-color:var(--brand-b)}
.btn--outline-brand:hover{background:var(--brand-a);transform:translateY(-1px)}

/* ── HEADER ─────────────────────────────────────────────────── */
.header{
  position:fixed;top:0;left:0;right:0;z-index:100;
  height:var(--hh);
  transition:background var(--t),box-shadow var(--t),backdrop-filter var(--t);
}
.header.scrolled{
  background:rgba(15,15,16,.92);
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  box-shadow:0 1px 0 var(--border-d);
}
.header__inner{
  max-width:var(--max);margin-inline:auto;padding-inline:var(--px);
  height:100%;display:flex;align-items:center;gap:1.75rem;
}

/* Logo */
.header__logo{display:flex;align-items:center;gap:.6rem;flex-shrink:0}
.logo-mark{
  width:42px;height:42px;border-radius:50%;
  background:linear-gradient(135deg,#EAD8C5,#D4B89E);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
  box-shadow:0 2px 10px rgba(197,107,77,.2);
}
.logo-mark__letter{
  font-family:var(--ff-d);font-size:1.45rem;font-weight:600;
  color:var(--brand);line-height:1;
}
.logo-text{display:flex;flex-direction:column;line-height:1}
.logo-text__name{
  font-family:var(--ff-d);font-size:.95rem;font-weight:600;
  letter-spacing:.12em;color:var(--brand);
}
.logo-text__sub{font-size:.5rem;font-weight:400;letter-spacing:.22em;color:var(--muted);margin-top:2px}

/* Nav */
.nav{margin-left:auto}
.nav__list{display:flex;align-items:center;gap:.15rem}
.nav__link{
  font-size:.8rem;font-weight:400;color:var(--text2);
  padding:.38rem .7rem;border-radius:var(--r-sm);
  transition:color var(--t),background var(--t);
}
.nav__link:hover,.nav__link.active{color:var(--text);background:rgba(255,255,255,.06)}
.nav__link.active{color:var(--brand)}
.nav__toggle{display:none;flex-direction:column;gap:5px;padding:4px;margin-left:auto}
.nav__toggle span{display:block;width:22px;height:1.5px;background:var(--text2);border-radius:2px;transition:all var(--t)}
.nav__toggle.open span:nth-child(1){transform:rotate(45deg) translate(4.5px,4.5px)}
.nav__toggle.open span:nth-child(2){opacity:0}
.nav__toggle.open span:nth-child(3){transform:rotate(-45deg) translate(4.5px,-4.5px)}

/* ── HERO (DARK) ────────────────────────────────────────────── */
.hero{
  min-height:100svh;padding-top:var(--hh);
  background:var(--bg-dark);
  display:flex;flex-direction:column;justify-content:center;
  position:relative;overflow:hidden;
}
/* Right half warm dark tint */
.hero::before{
  content:'';position:absolute;top:0;right:0;
  width:52%;height:100%;
  background:linear-gradient(135deg,#181006,#0F0F10);
  z-index:0;pointer-events:none;
}
/* Curved bottom transitioning into light section */
.hero::after{
  content:'';position:absolute;bottom:calc(-1 * var(--curve));left:0;right:0;
  height:var(--curve);background:var(--bg-light);
  clip-path: ellipse(55% 100% at 50% 100%);
  z-index:2;pointer-events:none;
}

.hero__content{
  max-width:var(--max);margin-inline:auto;padding-inline:var(--px);
  display:grid;grid-template-columns:1fr 1fr;
  align-items:center;gap:clamp(2.5rem,4vw,4rem);
  position:relative;z-index:1;width:100%;
  padding-block:clamp(2rem,5vw,4rem);
}

/* Left */
.hero__left{display:flex;flex-direction:column;gap:1.4rem}
.eyebrow.eyebrow--hero{
  display:inline-flex;font-size:.68rem;font-weight:600;
  letter-spacing:.18em;text-transform:uppercase;
  color:var(--brand);border:1px solid var(--brand-b);
  border-radius:var(--r-f);padding:.3rem .8rem;
  background:var(--brand-a);width:fit-content;
}
.hero__title{
  font-family:var(--ff-d);
  font-size:clamp(2.6rem,5.2vw,4.6rem);
  font-weight:500;line-height:1.06;color:var(--text);
}
.hero__title em{font-style:italic;color:var(--brand);display:block}
.hero__desc{
  font-size:clamp(.9rem,1.3vw,1.05rem);
  color:var(--text2);line-height:1.7;max-width:460px;
}

.hero__features{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-block:.2rem}
.feature-item{display:flex;align-items:center;gap:.55rem;font-size:.8rem;color:var(--text2)}
.feature-item__icon{
  width:32px;height:32px;border-radius:var(--r-sm);
  background:var(--brand-a);border:1px solid var(--brand-b);
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;color:var(--brand);
}
.feature-item__icon svg{width:15px;height:15px}

.hero__actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:.3rem}

/* Right */
.hero__right{position:relative}
.hero__image-frame{
  position:relative;border-radius:var(--r-xl);overflow:hidden;
  aspect-ratio:3/4;box-shadow:var(--sh-lg);
}
.hero__img{
  width:100%;height:100%;object-fit:cover;object-position:center;
  transition:transform 8s ease;
}
.hero__image-frame:hover .hero__img{transform:scale(1.03)}
.hero__image-overlay{
  position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 50%,rgba(15,15,16,.55) 100%);
  z-index:1;
}
.hero__badge{
  position:absolute;bottom:1.5rem;left:-1rem;z-index:2;
  background:rgba(15,15,16,.88);backdrop-filter:blur(12px);
  border:1px solid var(--border-d);border-radius:var(--r-md);
  padding:.9rem 1.15rem;display:flex;align-items:center;gap:.65rem;
  box-shadow:var(--sh-d);
}
.hero__badge-number{
  font-family:var(--ff-d);font-size:1.75rem;font-weight:600;
  color:var(--brand);line-height:1;
}
.hero__badge-label{font-size:.7rem;color:var(--text2);line-height:1.45}

/* Scroll hint */
.hero__scroll-hint{
  position:absolute;bottom:calc(var(--curve) + .75rem);left:50%;
  transform:translateX(-50%);
  display:flex;flex-direction:column;align-items:center;gap:.5rem;z-index:3;
}
.scroll-line{display:block;width:1px;height:36px;background:linear-gradient(to bottom,var(--brand),transparent);animation:scrollPulse 2s ease-in-out infinite}
.scroll-text{font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
@keyframes scrollPulse{0%,100%{opacity:.4}50%{opacity:1}}

/* ── SERVICES (LIGHT) ───────────────────────────────────────── */
.services{
  background:var(--bg-light);
  padding-block:clamp(5rem,9vw,7.5rem); /* extra padding for curves */
  position:relative;z-index:1;
  margin-top:calc(-1 * var(--curve)); /* pull up under hero curve */
}
/* No ::before/::after needed — hero already curves into this */
.services::before,.services::after{display:none}

.services__grid{
  display:grid;grid-template-columns:repeat(5,1fr);gap:1.1rem;
  position:relative;z-index:2;
}

/* Cards on light background */
.service-card{
  background:var(--card-light);
  border:1px solid var(--border-l);
  border-radius:var(--r-lg);overflow:hidden;
  transition:all var(--t);
  box-shadow:var(--sh-l);
}
.service-card:hover{
  border-color:var(--brand-b);
  transform:translateY(-5px);
  box-shadow:0 12px 40px rgba(139,107,77,.18);
}
.service-card--featured{
  border-color:rgba(197,107,77,.4);
  box-shadow:0 6px 28px rgba(197,107,77,.14);
}
.service-card__image-wrap{aspect-ratio:3/2;overflow:hidden;position:relative}
.service-card__img{width:100%;height:100%;object-fit:cover;transition:transform var(--ts)}
.service-card:hover .service-card__img{transform:scale(1.07)}
.service-card__icon-wrap{
  position:absolute;bottom:.7rem;left:.7rem;
  width:34px;height:34px;
  background:rgba(255,255,255,.9);backdrop-filter:blur(6px);
  border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;
  color:var(--brand);border:1px solid var(--brand-b);
}
.service-card__body{padding:.9rem}
.service-card__title{
  font-family:var(--ff-d);font-size:.92rem;font-weight:500;
  color:var(--text-d);margin-bottom:.35rem;line-height:1.3;
}
.service-card__desc{font-size:.75rem;color:var(--muted-d);line-height:1.55}

/* ── PRODUCTS / CAROUSEL (DARK) ─────────────────────────────── */
.products{
  background:var(--bg-dark2);
  padding-block:clamp(5rem,9vw,7.5rem);
  position:relative;z-index:0;
}
/* Curved top from light */
.products::before{
  content:'';position:absolute;top:calc(-1 * var(--curve));left:0;right:0;
  height:var(--curve);background:var(--bg-dark2);
  clip-path:ellipse(55% 100% at 50% 100%);z-index:1;pointer-events:none;
}
/* Curved bottom into gallery light */
.products::after{
  content:'';position:absolute;bottom:calc(-1 * var(--curve));left:0;right:0;
  height:var(--curve);background:var(--bg-light);
  clip-path:ellipse(55% 100% at 50% 100%);z-index:1;pointer-events:none;
}

.carousel-wrapper{
  display:flex;align-items:center;gap:.85rem;
  position:relative;z-index:2;
}
.carousel{overflow:hidden;flex:1;cursor:grab;user-select:none}
.carousel:active{cursor:grabbing}
.carousel__track{display:flex;gap:1.1rem;transition:transform var(--t);will-change:transform}

.product-pill{
  flex:0 0 auto;display:flex;flex-direction:column;align-items:center;
  gap:.65rem;cursor:pointer;transition:transform var(--t);
}
.product-pill:hover{transform:translateY(-3px)}
.product-pill__icon{
  width:100px;height:100px;border-radius:50%;overflow:hidden;
  border:2px solid rgba(255,255,255,.1);
  background:var(--bg-dark3);
  transition:border-color var(--t),box-shadow var(--t);
}
.product-pill:hover .product-pill__icon{
  border-color:var(--brand-b);
  box-shadow:0 0 0 4px var(--brand-a);
}
.product-pill__icon img{width:100%;height:100%;object-fit:cover}
.product-pill__label{font-size:.76rem;font-weight:500;color:var(--text2)}

.carousel-btn{
  width:38px;height:38px;border-radius:50%;
  background:var(--bg-dark3);border:1px solid var(--border-d);
  display:flex;align-items:center;justify-content:center;
  color:var(--text2);flex-shrink:0;transition:all var(--t);
}
.carousel-btn:hover{background:var(--brand-a);border-color:var(--brand-b);color:var(--brand)}

/* ── GALLERY (LIGHT) ────────────────────────────────────────── */
.gallery{
  background:var(--bg-light);
  padding-block:clamp(5rem,9vw,7.5rem);
  position:relative;z-index:1;
  margin-top:calc(-1 * var(--curve));
}
.gallery::before,.gallery::after{display:none}

.gallery__grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  grid-auto-rows:240px;
  gap:.75rem;position:relative;z-index:2;
}
.gallery__item{
  position:relative;border-radius:var(--r-md);overflow:hidden;
  display:block;width:100%;height:100%;padding:0;cursor:pointer;
  box-shadow:var(--sh-l);
}
.gallery__item--large{grid-column:span 2}
.gallery__item--tall{grid-row:span 2}
.gallery__item img{width:100%;height:100%;object-fit:cover;transition:transform var(--ts)}
.gallery__item:hover img{transform:scale(1.05)}
.gallery__item-overlay{
  position:absolute;inset:0;background:transparent;
  display:flex;align-items:center;justify-content:center;
  transition:background var(--t);
}
.gallery__item-overlay span{
  font-size:.72rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;
  color:#fff;opacity:0;transform:translateY(5px);
  transition:all var(--t);background:var(--brand);
  padding:.32rem .8rem;border-radius:var(--r-f);
}
.gallery__item:hover .gallery__item-overlay{background:rgba(12,10,8,.38)}
.gallery__item:hover .gallery__item-overlay span{opacity:1;transform:translateY(0)}

.gallery__cta{display:flex;justify-content:center;margin-top:2rem;position:relative;z-index:2}

/* btn--outline-brand on light bg */
.section--light .btn--outline-brand,.gallery .btn--outline-brand{
  color:var(--brand);border-color:var(--brand-b);
}
.section--light .btn--outline-brand:hover,.gallery .btn--outline-brand:hover{
  background:var(--brand-a);
}

/* ── ABOUT (DARK split) ─────────────────────────────────────── */
.about{
  background:var(--bg-dark);
  position:relative;z-index:0;
  padding-block:0;
}
/* Curved top from gallery light */
.about::before{
  content:'';position:absolute;top:calc(-1 * var(--curve));left:0;right:0;
  height:var(--curve);background:var(--bg-dark);
  clip-path:ellipse(55% 100% at 50% 100%);z-index:1;pointer-events:none;
}
.about__grid{
  max-width:var(--max);margin-inline:auto;
  display:grid;grid-template-columns:1fr 1fr;
  min-height:600px;position:relative;z-index:2;
}
.about__image-side{position:relative;overflow:hidden}
.about__image-frame{height:100%;min-height:560px;position:relative}
.about__img{width:100%;height:100%;object-fit:cover;display:block}
.about__image-accent{
  position:absolute;inset:0;
  background:linear-gradient(90deg,transparent 55%,var(--bg-dark) 100%);
}
.about__stat-card{
  position:absolute;bottom:2.5rem;right:-1.5rem;
  background:var(--brand);border-radius:var(--r-md);
  padding:1.25rem 1.5rem;text-align:center;
  box-shadow:var(--sh-br);z-index:3;
}
.about__stat-number{display:block;font-family:var(--ff-d);font-size:2rem;font-weight:600;color:#fff;line-height:1}
.about__stat-label{display:block;font-size:.7rem;color:rgba(255,255,255,.85);margin-top:.3rem;letter-spacing:.04em}

.about__content-side{
  padding:clamp(3rem,6vw,5rem) var(--px) clamp(3rem,6vw,5rem) clamp(2rem,4vw,3.5rem);
  display:flex;flex-direction:column;justify-content:center;gap:1.1rem;
}
.about__text{font-size:clamp(.88rem,1.1vw,.97rem);color:var(--text2);line-height:1.78}

.about__values{display:flex;flex-direction:column;gap:.5rem;margin-block:.3rem}
.about__value{display:flex;align-items:center;gap:.65rem;font-size:.82rem;color:var(--text2)}
.about__value-dot{width:5px;height:5px;border-radius:50%;background:var(--brand);flex-shrink:0}

/* ── CTA (DARK) ─────────────────────────────────────────────── */
.cta-section{background:var(--bg-dark);padding-block:clamp(4rem,8vw,6.5rem)}
.cta-card{
  position:relative;background:var(--card-dark);
  border:1px solid var(--brand-b);border-radius:var(--r-xl);
  padding:clamp(2.5rem,6vw,5rem) clamp(2rem,5vw,4rem);
  overflow:hidden;text-align:center;
  box-shadow:0 0 80px rgba(197,107,77,.07);
}
.cta-card__deco{
  position:absolute;top:-80px;right:-80px;width:320px;height:320px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(197,107,77,.1),transparent 70%);
  pointer-events:none;
}
.cta-card__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:1rem}
.cta-card__title{font-family:var(--ff-d);font-size:clamp(1.7rem,3.2vw,2.7rem);font-weight:500;color:var(--text)}
.cta-card__desc{font-size:.97rem;color:var(--text2);max-width:460px;line-height:1.65}
.cta-card__actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.1rem;justify-content:center;margin-top:.5rem}
.cta-card__phone{display:flex;align-items:center;gap:.45rem;font-size:.88rem;color:var(--text2);transition:color var(--t)}
.cta-card__phone:hover{color:var(--brand)}

/* ── FOOTER ─────────────────────────────────────────────────── */
.footer{background:var(--bg-dark2);border-top:1px solid var(--border-d)}
.footer__top{padding-block:clamp(2.5rem,5vw,4rem)}
.footer__grid{
  display:grid;grid-template-columns:2fr 1fr 1fr 1fr;
  gap:2.5rem;align-items:start;
}
.footer__brand{display:flex;flex-direction:column;gap:.85rem}
.footer__logo{display:flex}
.footer__tagline{font-family:var(--ff-d);font-style:italic;font-size:.88rem;color:var(--muted)}
.footer__social{display:flex;gap:.55rem}
.social-link{
  width:34px;height:34px;border-radius:var(--r-sm);
  background:var(--bg-dark3);border:1px solid var(--border-d);
  display:flex;align-items:center;justify-content:center;
  color:var(--muted);transition:all var(--t);
}
.social-link:hover{background:var(--brand-a);border-color:var(--brand-b);color:var(--brand)}
.footer__col-title{font-size:.67rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:.9rem}
.footer__list{display:flex;flex-direction:column;gap:.55rem}
.footer__link{display:flex;align-items:center;gap:.45rem;font-size:.8rem;color:var(--text2);transition:color var(--t)}
.footer__link:hover{color:var(--brand)}
.footer__schedule{display:flex;align-items:center;gap:.45rem;font-size:.8rem;color:var(--text2)}
.footer__schedule-time{font-size:.8rem;color:var(--brand);font-weight:500;padding-left:1.2rem}
.footer__bottom{border-top:1px solid rgba(255,255,255,.04);padding-block:1.1rem;text-align:center}
.footer__bottom p{font-size:.72rem;color:var(--muted)}

/* ── LIGHTBOX ───────────────────────────────────────────────── */
.lightbox{
  position:fixed;inset:0;z-index:200;
  background:rgba(6,5,4,.96);backdrop-filter:blur(14px);
  display:flex;align-items:center;justify-content:center;
  opacity:0;pointer-events:none;transition:opacity var(--t);
}
.lightbox.open{opacity:1;pointer-events:all}
.lightbox__content{max-width:min(92vw,1000px);max-height:88vh;display:flex;align-items:center}
.lightbox__img{max-width:100%;max-height:88vh;object-fit:contain;border-radius:var(--r-lg)}
.lightbox__close{
  position:absolute;top:1.1rem;right:1.1rem;width:42px;height:42px;
  border-radius:50%;background:rgba(255,255,255,.1);
  display:flex;align-items:center;justify-content:center;color:#fff;transition:background var(--t);
}
.lightbox__close:hover{background:var(--brand)}
.lightbox__nav{
  position:absolute;top:50%;transform:translateY(-50%);
  width:46px;height:46px;border-radius:50%;
  background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;
  color:#fff;transition:background var(--t);
}
.lightbox__nav:hover{background:var(--brand)}
.lightbox__nav--prev{left:1.1rem}
.lightbox__nav--next{right:1.1rem}

/* ── WA FLOAT ───────────────────────────────────────────────── */
.whatsapp-float{
  position:fixed;bottom:1.75rem;right:1.75rem;z-index:90;
  width:54px;height:54px;border-radius:50%;background:#25D366;
  display:flex;align-items:center;justify-content:center;color:#fff;
  box-shadow:0 5px 18px rgba(37,211,102,.32);transition:all var(--t);
}
.whatsapp-float:hover{transform:scale(1.1) translateY(-2px);box-shadow:0 9px 28px rgba(37,211,102,.48)}

/* ── AOS ─────────────────────────────────────────────────────── */
[data-aos]{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}
[data-aos].visible{opacity:1;transform:translateY(0)}
.services__grid .service-card:nth-child(1)[data-aos]{transition-delay:0s}
.services__grid .service-card:nth-child(2)[data-aos]{transition-delay:.08s}
.services__grid .service-card:nth-child(3)[data-aos]{transition-delay:.16s}
.services__grid .service-card:nth-child(4)[data-aos]{transition-delay:.24s}
.services__grid .service-card:nth-child(5)[data-aos]{transition-delay:.32s}

/* ── RESPONSIVE ─────────────────────────────────────────────── */
@media(max-width:1024px){
  .services__grid{grid-template-columns:repeat(3,1fr)}
  .footer__grid{grid-template-columns:1fr 1fr;gap:2rem}
  .footer__brand{grid-column:span 2}
}

@media(max-width:900px){
  :root{--curve:40px}
  .hero__content{grid-template-columns:1fr;text-align:center;padding-block:2rem}
  .hero__right{order:-1}
  .hero__image-frame{aspect-ratio:16/9;max-height:320px;border-radius:var(--r-lg)}
  .hero__badge{left:.5rem;bottom:.5rem}
  .hero__desc,.hero__features,.hero__actions{margin-inline:auto}
  .hero__actions{justify-content:center}
  .feature-item{justify-content:flex-start}
  .hero__features{justify-content:center}
  .eyebrow.eyebrow--hero{margin-inline:auto}
  .about__grid{grid-template-columns:1fr}
  .about__image-side{height:300px;overflow:hidden}
  .about__image-frame{min-height:300px;max-height:320px}
  .about__image-accent{background:linear-gradient(180deg,transparent 50%,var(--bg-dark) 100%)}
  .about__stat-card{right:1rem;bottom:1rem}
  .about__content-side{text-align:center;padding:2.5rem var(--px);align-items:center}
  .title-ornament--left{justify-content:center}
  .section-title--left{text-align:center}
  .about__value{justify-content:center}
  .services__grid{grid-template-columns:repeat(2,1fr)}
  .gallery__grid{grid-template-columns:1fr 1fr}
  .gallery__item--large{grid-column:span 2}
  .gallery__item--tall{grid-row:span 1}
  /* Mobile nav */
  .nav{
    position:fixed;top:var(--hh);left:0;right:0;
    background:rgba(15,15,16,.97);backdrop-filter:blur(20px);
    border-bottom:1px solid var(--border-d);
    padding:1rem var(--px) 1.5rem;
    display:none;flex-direction:column;gap:0;
  }
  .nav.open{display:flex}
  .nav__list{flex-direction:column;align-items:stretch;gap:0}
  .nav__link{padding:.72rem .5rem;border-bottom:1px solid rgba(255,255,255,.04);font-size:.88rem;display:block}
  .nav__toggle{display:flex}
  .header__inner>.btn--primary{display:none}
}

@media(max-width:600px){
  :root{--hh:58px;--curve:32px}
  .services__grid{grid-template-columns:1fr 1fr;gap:.65rem}
  .services__grid .service-card:last-child{grid-column:span 2}
  .gallery__grid{grid-template-columns:1fr 1fr;grid-auto-rows:180px}
  .hero__features{grid-template-columns:1fr 1fr;gap:.5rem}
  .feature-item{font-size:.74rem}
  .footer__grid{grid-template-columns:1fr}
  .footer__brand{grid-column:1}
  .cta-card{border-radius:var(--r-lg);padding:2rem 1.25rem}
  .product-pill__icon{width:80px;height:80px}
  .about__stat-card{right:.5rem;bottom:.5rem;padding:1rem}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
  html{scroll-behavior:auto}
  [data-aos]{opacity:1;transform:none}
}