:root{
  --brand:#2a130b;
  --brand-2:#a65f2d;
  --brand-3:#31583d;
  --copper:#c98b46;
  --champagne:#f2dfbd;
  --cream:#fff8ee;
  --bg:#fbf4e9;
  --surface:#fffaf2;
  --surface-2:#f4e5cf;
  --ink:#211611;
  --muted:#72645c;
  --line:rgba(42,19,11,.14);
  --ring:rgba(201,139,70,.28);
  --shadow:0 18px 46px rgba(42,19,11,.12);
  --radius-lg:8px;
  --radius-md:8px;
  --font-display:"Playfair Display", Georgia, "Times New Roman", serif;
  --font-body:"DM Sans", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

*{ box-sizing:border-box; }
html,
body{
  min-height:100%;
  overflow-x:hidden;
}

body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:var(--font-body);
  line-height:1.65;
}

h1,h2,h3,.display-5,.navbar-brand{
  font-family:var(--font-display);
  letter-spacing:0;
}

a{ color:inherit; }
img{ max-width:100%; }
.main{ overflow:hidden; }
.min-w-0{ min-width:0; }

@supports (content-visibility:auto){
  .main > section:not(.hero):not(.product-page){
    content-visibility:auto;
    contain-intrinsic-size:auto 760px;
  }
}

.text-muted{ color:var(--muted) !important; }
.small-muted{ color:var(--muted); font-size:.94rem; }

/* Navigation */
.navbar{
  position:relative;
  background:linear-gradient(90deg, rgba(255,250,242,.92), rgba(252,239,218,.96) 42%, rgba(255,250,242,.92)) !important;
  backdrop-filter:saturate(165%) blur(18px);
  border-bottom:1px solid rgba(116,56,26,.16);
  overflow:visible;
}

.navbar::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(201,139,70,.72), transparent);
  opacity:.82;
}

.navbar::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(110deg, transparent 0 36%, rgba(255,255,255,.34) 44%, transparent 52%),
    radial-gradient(circle at 22% 0%, rgba(201,139,70,.16), transparent 30%);
  transform:translateX(-70%);
  animation:navSheen 8s ease-in-out infinite;
  opacity:.55;
}

.lumea-navbar{
  box-shadow:0 14px 38px rgba(42,19,11,.12);
  padding-top:.54rem;
  padding-bottom:.54rem;
}

.brand-wrap{
  position:relative;
  display:flex;
  align-items:center;
  gap:16px;
  min-width:0;
  isolation:isolate;
}

.brand-logo-shell{
  position:relative;
  width:76px;
  height:76px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:50%;
  background:transparent;
  border:1px solid rgba(166,95,45,.18);
  box-shadow:
    0 14px 30px rgba(42,19,11,.12),
    0 0 0 8px rgba(242,223,189,.13);
  overflow:hidden;
  transform:translateY(4px);
  animation:logoFloat 5.2s ease-in-out infinite;
}

.brand-logo-shell::before{
  content:"";
  position:absolute;
  inset:-34%;
  background:linear-gradient(120deg, transparent 35%, rgba(255,255,255,.72) 47%, transparent 59%);
  transform:translateX(-72%) rotate(12deg);
  animation:logoGleam 5.2s ease-in-out infinite;
  z-index:2;
}

.brand-logo-shell::after{
  content:"";
  position:absolute;
  inset:6px;
  border-radius:50%;
  border:1px solid rgba(166,95,45,.16);
  z-index:3;
}

.brand-logo{
  width:92%;
  height:92%;
  object-fit:contain;
  object-position:center;
  display:block;
  border-radius:50%;
  transform:scale(1.08);
  filter:drop-shadow(0 8px 13px rgba(42,19,11,.2));
  transition:transform .35s ease, filter .35s ease;
}

.navbar-brand:hover .brand-logo,
.navbar-brand:focus .brand-logo{
  transform:scale(1.17) translateY(-1px);
  filter:saturate(1.08) contrast(1.04) drop-shadow(0 10px 16px rgba(42,19,11,.26));
}

.brand-text-wrap{
  display:flex;
  flex-direction:column;
  line-height:1.08;
  min-width:0;
}

.brand-title{
  font-family:var(--font-display);
  font-weight:800;
  font-size:1.74rem;
  color:var(--brand);
  letter-spacing:.055em;
  line-height:.94;
  text-shadow:0 8px 18px rgba(42,19,11,.08);
}

.brand-subtitle{
  font-family:var(--font-body);
  font-size:.72rem;
  font-weight:700;
  color:var(--brand-2);
  margin-top:6px;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.nav-gap{ gap:.2rem; }

.lumea-navbar .nav-link{
  position:relative;
  color:#3c2a22;
  font-weight:800;
  padding-left:.85rem !important;
  padding-right:.85rem !important;
  white-space:nowrap;
  font-size:.94rem;
  letter-spacing:.015em;
  transition:color .18s ease, transform .18s ease;
}

.lumea-navbar .nav-link:hover,
.lumea-navbar .nav-link:focus{
  color:var(--brand-2);
  transform:translateY(-1px);
}

.lumea-navbar .nav-link::after{
  content:"";
  position:absolute;
  left:.86rem;
  right:.86rem;
  bottom:.28rem;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg, transparent, var(--brand-2), transparent);
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .22s ease;
}

.lumea-navbar .nav-link:hover::after,
.lumea-navbar .nav-link:focus::after{
  transform:scaleX(1);
}

.nav-link-nowrap{ white-space:nowrap; }

.navbar-toggler-icon{
  width:1.3em;
  height:1.3em;
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2842, 19, 11, .9%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.mobile-center-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  position:relative;
  min-height:78px;
}

.mobile-center-header .navbar-brand{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  text-align:center;
}

.mobile-center-header .brand-logo{
  width:92%;
  height:92%;
}

.mobile-center-header .brand-logo-shell{
  width:72px;
  height:72px;
  transform:translateY(6px);
}

/* Buttons */
.btn{
  border-radius:999px;
  padding:.62rem 1.05rem;
  font-weight:800;
  letter-spacing:0;
}

.btn-primary,
.header-cta-btn{
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg, var(--brand), #4c2315 56%, var(--brand-2));
  border-color:transparent;
  color:#fff;
  box-shadow:0 16px 34px rgba(42,19,11,.2);
}

.header-cta-btn::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(110deg, transparent 0 35%, rgba(255,255,255,.24) 48%, transparent 61%);
  transform:translateX(-110%);
  animation:buttonSheen 6.4s ease-in-out infinite;
}

.btn-primary:hover,
.btn-primary:focus,
.header-cta-btn:hover,
.header-cta-btn:focus{
  color:#fff;
  filter:brightness(1.04);
  border-color:transparent;
}

.btn-outline-dark{
  color:var(--brand);
  border-color:rgba(42,19,11,.28);
  background:rgba(255,250,242,.68);
}

.btn-outline-dark:hover,
.btn-outline-dark:focus{
  background:var(--brand);
  border-color:var(--brand);
  color:#fff;
}

.btn-outline-success{
  color:var(--brand-3);
  border-color:rgba(49,88,61,.36);
}

.btn-outline-success:hover,
.btn-outline-success:focus{
  background:var(--brand-3);
  border-color:var(--brand-3);
  color:#fff;
}

.btn-success{
  background:var(--brand-3);
  border-color:var(--brand-3);
  color:#fff;
}

.btn-success:hover,
.btn-success:focus{
  background:#274b34;
  border-color:#274b34;
  color:#fff;
}

.btn-outline-secondary{
  color:var(--brand-2);
  border-color:rgba(166,95,45,.34);
}

/* Shared surfaces */
.card-soft{
  border:1px solid var(--line);
  box-shadow:var(--shadow);
  border-radius:var(--radius-lg);
  background:rgba(255,250,242,.96);
}

/* Scroll reveal motion */
.reveal-on-scroll,
.dashboard-stat-card.admin-stat-animate{
  opacity:0;
  filter:blur(10px);
  transform:translate3d(0, 28px, 0) scale(.985);
  transition:
    opacity .76s cubic-bezier(.2,.78,.2,1) var(--reveal-delay, 0ms),
    transform .76s cubic-bezier(.2,.78,.2,1) var(--reveal-delay, 0ms),
    filter .76s cubic-bezier(.2,.78,.2,1) var(--reveal-delay, 0ms),
    box-shadow .76s cubic-bezier(.2,.78,.2,1) var(--reveal-delay, 0ms);
  will-change:opacity, transform, filter;
}

.reveal-on-scroll.is-visible,
.dashboard-stat-card.admin-stat-animate.is-visible{
  opacity:1;
  filter:none;
  transform:translate3d(0, 0, 0) scale(1);
}

.reveal-pop{
  transform:translate3d(0, 30px, 0) scale(.92);
  transform-origin:center bottom;
}

.reveal-left{
  transform:translate3d(-34px, 18px, 0) rotate(-1.4deg) scale(.985);
}

.reveal-right{
  transform:translate3d(34px, 18px, 0) rotate(1.4deg) scale(.985);
}

.reveal-tilt{
  transform:perspective(920px) rotateX(8deg) translate3d(0, 32px, 0) scale(.96);
  transform-origin:center top;
}

.reveal-glow{
  transform:translate3d(0, 24px, 0) scale(.97);
}

.reveal-glow.is-visible.card-soft,
.reveal-glow.is-visible.product-card,
.reveal-glow.is-visible.feature-panel,
.reveal-glow.is-visible.value-card{
  box-shadow:0 22px 54px rgba(42,19,11,.16), 0 0 0 1px rgba(201,139,70,.11);
}

.lumea-motion-ready .hero .reveal-on-scroll{
  transition-duration:.92s;
}

.hero-title-awaiting{
  opacity:0;
  filter:blur(10px);
  transform:translate3d(-34px, 0, 0);
}

.hero-title-letter-flow{
  display:block;
  overflow:visible;
  opacity:1;
  filter:none;
  transform:none;
}

.hero-title-line{
  display:block;
  line-height:.9;
}

.hero-title-line + .hero-title-line{
  margin-top:.04em;
}

.hero-letter{
  display:inline-block;
  opacity:0;
  filter:blur(9px);
  transform:translate3d(-46px, 0, 0) rotateY(-34deg) scale(.96);
  transform-origin:left center;
  will-change:opacity, transform, filter;
}

.hero-letter-space{
  min-width:.28em;
}

.hero-title-letter-active .hero-letter{
  animation:heroLetterFromLeft .82s cubic-bezier(.16, 1, .3, 1) forwards;
  animation-delay:calc(var(--letter-delay, 0ms) + 120ms);
}

.section-title{
  display:flex;
  align-items:center;
  gap:12px;
}

.section-title::before{
  content:"";
  width:46px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg, var(--brand-2), var(--champagne));
}

.section-header{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:16px;
  flex-wrap:wrap;
}

.section-subtitle{ max-width:760px; }
.section-link{ white-space:nowrap; font-weight:800; color:var(--brand-2); }

.badge-soft{
  background:rgba(242,223,189,.85);
  color:var(--brand);
  border:1px solid rgba(166,95,45,.22);
  font-weight:800;
}

.faq-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:16px;
}

.faq-card{
  padding:20px;
  border:1px solid rgba(42,19,11,.12);
  border-radius:var(--radius-lg);
  background:rgba(255,250,242,.9);
  box-shadow:0 14px 34px rgba(42,19,11,.08);
}

.faq-card h3{
  color:var(--brand);
  font-size:1.06rem;
  font-weight:800;
  margin-bottom:.5rem;
}

.faq-card p{
  color:var(--muted);
  font-size:.92rem;
  margin:0;
}

.quote-builder-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px;
  margin-bottom:1rem;
}

/* Home hero */
.hero{
  position:relative;
  min-height:min(760px, calc(100vh - 86px));
  display:flex;
  align-items:flex-end;
  background:var(--brand);
  border-bottom:1px solid rgba(42,19,11,.22);
  overflow:hidden;
}

.hero-bg{
  position:absolute;
  inset:0;
  z-index:0;
  transform:scale(1.02);
  animation:heroBreath 16s ease-in-out infinite alternate;
}

.hero-bg::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 76% 44%, rgba(255,210,132,.14), transparent 28%),
    linear-gradient(90deg, rgba(15,6,3,.91) 0%, rgba(29,12,7,.82) 35%, rgba(35,16,10,.34) 67%, rgba(17,7,3,.18) 100%),
    linear-gradient(180deg, rgba(17,7,3,.08) 0%, rgba(17,7,3,.16) 62%, rgba(17,7,3,.55) 100%);
}

.hero-bg picture,
.hero-bg-img{
  width:100%;
  height:100%;
  display:block;
}

.hero-bg-img{
  object-fit:cover;
  object-position:center;
}

.hero-motion{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  overflow:hidden;
}

.hero-motion::before{
  content:"";
  position:absolute;
  right:-8vw;
  top:5%;
  width:54vw;
  height:64vh;
  background:
    radial-gradient(ellipse at 58% 48%, rgba(255,242,200,.22), transparent 11%),
    radial-gradient(ellipse at 55% 48%, rgba(139,61,30,.22), transparent 34%),
    radial-gradient(ellipse at 68% 36%, rgba(255,255,255,.1), transparent 8%);
  mix-blend-mode:screen;
  filter:blur(12px);
  opacity:.72;
  transform:rotate(-9deg);
  animation:splashGlow 7s ease-in-out infinite;
}

.hero-motion::after{
  content:"";
  position:absolute;
  right:4vw;
  bottom:7vh;
  width:42vw;
  height:22vh;
  background:
    linear-gradient(110deg, transparent 0 16%, rgba(255,246,210,.28) 18%, rgba(255,246,210,.04) 24%, transparent 32%),
    linear-gradient(116deg, transparent 0 52%, rgba(255,255,255,.2) 54%, rgba(255,255,255,.02) 61%, transparent 72%);
  filter:blur(10px);
  opacity:.52;
  transform:skewX(-18deg);
  animation:glossSweep 5.8s ease-in-out infinite;
}

.hero-drop{
  position:absolute;
  width:12px;
  height:12px;
  border-radius:999px;
  background:
    radial-gradient(circle at 32% 26%, rgba(255,246,218,.74) 0 14%, rgba(119,44,20,.95) 28%, rgba(47,17,8,.98) 100%);
  box-shadow:0 10px 20px rgba(0,0,0,.28), inset -2px -3px 5px rgba(18,6,3,.42);
  opacity:.86;
  animation:dropFloat 5.5s ease-in-out infinite;
}

.hero-drop.d1{ right:19%; top:18%; width:18px; height:18px; animation-delay:-.4s; animation-duration:6.2s; }
.hero-drop.d2{ right:27%; top:24%; width:10px; height:10px; animation-delay:-2s; animation-duration:5.2s; }
.hero-drop.d3{ right:34%; top:35%; width:8px; height:8px; animation-delay:-1.3s; animation-duration:7s; }
.hero-drop.d4{ right:13%; top:42%; width:14px; height:14px; animation-delay:-3.1s; animation-duration:5.7s; }
.hero-drop.d5{ right:41%; top:50%; width:7px; height:7px; animation-delay:-.9s; animation-duration:6.8s; }
.hero-drop.d6{ right:24%; top:61%; width:11px; height:11px; animation-delay:-4.2s; animation-duration:7.4s; }
.hero-drop.d7{ right:48%; top:29%; width:6px; height:6px; animation-delay:-2.6s; animation-duration:5.9s; opacity:.62; }
.hero-drop.d8{ right:8%; top:25%; width:9px; height:9px; animation-delay:-1.9s; animation-duration:6.4s; }

.hero-gloss{
  position:absolute;
  right:10%;
  top:16%;
  width:34vw;
  height:56vh;
  border-radius:50%;
  background:linear-gradient(120deg, transparent 0 40%, rgba(255,248,221,.18) 46%, transparent 56%);
  filter:blur(7px);
  transform:rotate(18deg) translateX(8%);
  opacity:.38;
  animation:glossPulse 4.8s ease-in-out infinite;
}

.hero-mist{
  position:absolute;
  right:25%;
  bottom:12%;
  width:38vw;
  height:22vh;
  background:radial-gradient(ellipse at center, rgba(173,85,42,.18), transparent 64%);
  filter:blur(18px);
  opacity:.68;
  animation:mistDrift 10s ease-in-out infinite alternate;
}

@keyframes heroBreath{
  from{ transform:scale(1.02) translate3d(0, 0, 0); }
  to{ transform:scale(1.065) translate3d(-1.2vw, -.8vh, 0); }
}

@keyframes splashGlow{
  0%,100%{ opacity:.5; transform:rotate(-9deg) scale(.98); }
  50%{ opacity:.82; transform:rotate(-6deg) scale(1.03); }
}

@keyframes glossSweep{
  0%,100%{ opacity:.22; transform:translateX(10%) skewX(-18deg); }
  45%{ opacity:.6; transform:translateX(-8%) skewX(-18deg); }
}

@keyframes glossPulse{
  0%,100%{ opacity:.22; transform:rotate(18deg) translateX(8%) scale(.96); }
  50%{ opacity:.48; transform:rotate(16deg) translateX(-2%) scale(1.04); }
}

@keyframes mistDrift{
  from{ transform:translate3d(0,0,0) scale(.95); }
  to{ transform:translate3d(-7vw,-2vh,0) scale(1.08); }
}

@keyframes dropFloat{
  0%,100%{ transform:translate3d(0,0,0) scale(1); }
  35%{ transform:translate3d(-10px,-18px,0) scale(1.08); }
  70%{ transform:translate3d(8px,10px,0) scale(.94); }
}

.hero .container{
  position:relative;
  z-index:2;
  padding-top:7rem;
  padding-bottom:4rem;
}

.hero-kicker{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:var(--champagne);
  font-weight:800;
  text-transform:uppercase;
  font-size:.78rem;
  letter-spacing:.12em;
  overflow:hidden;
  opacity:0;
  transform:translate3d(0, 12px, 0);
  animation:heroKickerReveal .78s cubic-bezier(.16, 1, .3, 1) .08s forwards;
}

.hero-kicker::before{
  content:"";
  width:34px;
  height:2px;
  background:var(--copper);
  transform:scaleX(0);
  transform-origin:left center;
  animation:heroKickerLine .62s cubic-bezier(.16, 1, .3, 1) .18s forwards;
}

.hero-kicker::after{
  content:"";
  position:absolute;
  inset:-20% -18%;
  background:linear-gradient(110deg, transparent 0 38%, rgba(255,248,221,.42) 48%, transparent 58%);
  transform:translateX(-120%);
  animation:heroKickerSheen 1.1s ease-out .58s both;
  pointer-events:none;
}

.hero-kicker-text{
  display:inline-block;
  clip-path:inset(0 100% 0 0);
  transform:translate3d(-12px, 0, 0);
  filter:blur(6px);
  animation:heroKickerText .88s cubic-bezier(.16, 1, .3, 1) .32s forwards;
}

.hero-title{
  color:#fff8ed;
  line-height:1.02;
  max-width:760px;
  font-size:5.8rem;
  text-shadow:0 18px 38px rgba(0,0,0,.48), 0 2px 0 rgba(96,43,18,.28);
}

.hero-text{
  max-width:600px;
  color:rgba(255,248,238,.92);
  text-shadow:0 10px 28px rgba(0,0,0,.34);
  transform-origin:center center;
  animation:heroDescriptionPop .9s cubic-bezier(.16, 1, .3, 1) .9s both;
}

.hero-actions{ display:flex; flex-wrap:wrap; gap:.75rem; }

.hero-proof{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:1.2rem;
}

.hero-proof span{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:.42rem .78rem;
  border-radius:999px;
  color:#fff8ed;
  background:rgba(255,248,238,.13);
  border:1px solid rgba(255,248,238,.22);
  backdrop-filter:blur(10px);
  box-shadow:0 12px 28px rgba(0,0,0,.16);
  font-size:.88rem;
  font-weight:700;
}

.premium-strip{
  background:var(--brand);
  color:#fff8ed;
  border-top:1px solid rgba(255,248,238,.1);
  border-bottom:1px solid rgba(255,248,238,.1);
}

.premium-strip .strip-item{
  display:flex;
  flex-direction:column;
  gap:2px;
  padding:1.1rem 0;
}

.premium-strip strong{
  color:var(--champagne);
  font-family:var(--font-display);
  font-size:1.35rem;
  line-height:1;
}

.premium-strip span{ color:rgba(255,248,238,.72); font-size:.88rem; }

.buyer-confidence-section{
  background:
    radial-gradient(circle at 12% 10%, rgba(49,88,61,.1), transparent 28%),
    linear-gradient(180deg, rgba(255,250,242,.88), rgba(251,244,233,.7));
}

.buyer-confidence-panel{
  display:grid;
  grid-template-columns:minmax(0, .92fr) minmax(0, 1.08fr);
  gap:24px;
  align-items:center;
  padding:28px;
  border-radius:var(--radius-lg);
  border:1px solid rgba(42,19,11,.12);
  background:
    linear-gradient(145deg, rgba(255,250,242,.95), rgba(244,229,207,.74)),
    var(--surface);
  box-shadow:var(--shadow);
}

.buyer-confidence-copy{
  max-width:620px;
}

.buyer-confidence-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
}

.buyer-confidence-grid div{
  min-height:116px;
  padding:16px;
  border:1px solid rgba(42,19,11,.1);
  border-radius:8px;
  background:rgba(255,255,255,.52);
  box-shadow:0 12px 28px rgba(42,19,11,.07);
}

.buyer-confidence-grid strong{
  display:block;
  color:var(--brand);
  font-weight:900;
  line-height:1.25;
}

.buyer-confidence-grid span{
  display:block;
  color:var(--muted);
  font-size:.9rem;
  line-height:1.4;
  margin-top:8px;
}

.signature-gifting-section{
  background:
    radial-gradient(circle at 90% 8%, rgba(201,139,70,.13), transparent 28%),
    linear-gradient(180deg, rgba(255,250,242,.58), rgba(251,244,233,0));
}

.occasion-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:16px;
}

.trust-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:16px;
}

.occasion-card,
.testimonial-card{
  position:relative;
  overflow:hidden;
  min-height:100%;
  border:1px solid rgba(42,19,11,.12);
  border-radius:var(--radius-lg);
  background:rgba(255,250,242,.88);
  box-shadow:0 16px 38px rgba(42,19,11,.09);
  padding:20px;
}

.occasion-card::before,
.testimonial-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg, rgba(255,255,255,.4), transparent 48%);
  pointer-events:none;
}

.occasion-number{
  color:var(--brand-2);
  font-family:var(--font-display);
  font-size:1.8rem;
  font-weight:800;
  line-height:1;
}

.seo-landing-hero{
  background:
    radial-gradient(circle at 86% 12%, rgba(201,139,70,.12), transparent 28%),
    linear-gradient(180deg, rgba(255,250,242,.74), rgba(251,244,233,0));
}

.seo-landing-img{
  display:block;
  width:100%;
  aspect-ratio:4 / 3;
  object-fit:cover;
  border-radius:var(--radius-md);
}

.occasion-card h2,
.occasion-card h3{
  position:relative;
  margin:.75rem 0 .45rem;
  color:var(--brand);
  font-size:1.12rem;
  font-weight:800;
}

.occasion-card p,
.testimonial-card p{
  position:relative;
  color:var(--muted);
  font-size:.92rem;
  margin:0;
}

.local-seo-section{
  background:linear-gradient(180deg, rgba(242,223,189,.18), rgba(255,250,242,.72));
}

.local-seo-panel{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  gap:24px;
  align-items:center;
  padding:28px;
  border-radius:var(--radius-lg);
  background:
    radial-gradient(circle at 90% 18%, rgba(201,139,70,.2), transparent 26%),
    linear-gradient(135deg, #fffaf2, #f4e5cf);
  border:1px solid rgba(42,19,11,.12);
  box-shadow:var(--shadow);
}

.local-search-list{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.local-search-list span{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:6px 12px;
  border-radius:999px;
  color:var(--brand);
  background:rgba(255,255,255,.54);
  border:1px solid rgba(166,95,45,.18);
  font-size:.88rem;
  font-weight:800;
}

.local-seo-actions{
  display:flex;
  flex-direction:column;
  gap:10px;
  min-width:220px;
}

.testimonial-card strong{
  position:relative;
  display:block;
  color:var(--brand);
  margin-bottom:.45rem;
  font-size:1.04rem;
}

.customer-voices-section{
  background:linear-gradient(180deg, rgba(255,250,242,.2), rgba(242,223,189,.18));
}

.customer-voice-card{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.customer-voice-head{
  position:relative;
  display:flex;
  align-items:center;
  gap:12px;
}

.customer-voice-avatar,
.testimonial-admin-avatar{
  width:58px;
  height:58px;
  flex:0 0 58px;
  border-radius:50%;
  overflow:hidden;
  display:grid;
  place-items:center;
  color:#fff8ed;
  font-family:var(--font-display);
  font-size:1.45rem;
  font-weight:800;
  background:
    radial-gradient(circle at 34% 22%, rgba(255,255,255,.28), transparent 24%),
    linear-gradient(135deg, #4b2113, #a65f2d 58%, #c98b46);
  box-shadow:
    0 12px 24px rgba(42,19,11,.16),
    0 0 0 5px rgba(242,223,189,.26);
}

.customer-voice-avatar img,
.testimonial-admin-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.customer-voice-rating{
  position:relative;
  color:var(--brand-2);
  font-size:.8rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.customer-voice-card p{
  font-size:.96rem;
}

.customer-voice-meta{
  position:relative;
  margin-top:auto;
  padding-top:12px;
  border-top:1px solid rgba(42,19,11,.1);
}

.customer-voice-meta strong{
  margin-bottom:2px;
}

.customer-voice-meta span{
  display:block;
  color:var(--muted);
  font-size:.85rem;
  line-height:1.35;
}

/* Product cards and tiles */
.product-img{
  width:100%;
  height:260px;
  object-fit:cover;
  border-radius:var(--radius-md);
  background:#efe1d2;
}

.product-card{
  position:relative;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.product-card:hover{
  transform:translateY(-4px);
  border-color:rgba(166,95,45,.34);
  box-shadow:0 24px 58px rgba(42,19,11,.16);
}

.product-card .fw-bold{ line-height:1.35; }

.badge.text-bg-light{
  background:rgba(49,88,61,.09) !important;
  color:var(--brand-3) !important;
  border:1px solid rgba(49,88,61,.16);
}

.products-toolbar{
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(520px, 680px);
  align-items:end;
  gap:24px;
}

.products-toolbar-copy{
  min-width:0;
  max-width:760px;
}

.products-filter-panel{
  display:grid;
  grid-template-columns:minmax(190px, .9fr) minmax(230px, 1.1fr) auto;
  align-items:end;
  gap:12px;
  justify-self:end;
  width:100%;
  padding:14px;
  border:1px solid rgba(42,19,11,.12);
  border-radius:var(--radius-lg);
  background:rgba(255,250,242,.78);
  box-shadow:0 14px 34px rgba(42,19,11,.08);
}

.products-filter-field{
  min-width:0;
}

.products-filter-field .form-control,
.products-filter-field .form-select{
  width:100%;
}

.products-filter-btn{
  min-width:104px;
  white-space:nowrap;
}

@media (min-width:768px){
  .products-filter-note{
    display:none;
  }
}

.cat-tile{
  position:relative;
  border-radius:var(--radius-lg);
  overflow:hidden;
  min-height:188px;
  background:#efe1d2;
  border:1px solid rgba(42,19,11,.1);
}

.cat-tile picture,
.cat-tile-img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
}

.cat-tile-img{
  object-fit:cover;
}

.cat-tile::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(42,19,11,.05), rgba(42,19,11,.7));
}

.cat-tile-overlay{
  position:absolute;
  inset:0;
  display:flex;
  align-items:flex-end;
  padding:18px;
}

.cat-tile-title{
  color:#fff8ed;
  font-family:var(--font-display);
  font-weight:700;
  font-size:1.45rem;
  text-shadow:0 8px 18px rgba(0,0,0,.35);
}

.feature-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:16px;
}

.feature-panel{
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  background:var(--surface);
  padding:1.2rem;
}

.feature-panel .feature-number{
  color:var(--brand-2);
  font-weight:800;
  font-size:.86rem;
}

/* Forms */
.form-control,
.form-select{
  border-radius:var(--radius-md);
  border-color:rgba(42,19,11,.18);
  background:#fffdf8;
}

.form-control:focus,
.form-select:focus{
  border-color:rgba(201,139,70,.62);
  box-shadow:0 0 0 .25rem var(--ring);
}

label.form-label{ font-weight:800; color:#39241a; }

/* Cart / selections */
.cart-pill{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.62rem .9rem;
  border-radius:999px;
  border:1px solid rgba(166,95,45,.22);
  background:rgba(255,250,242,.78);
  color:var(--brand);
  white-space:nowrap;
}

.cart-badge,
.cart-fab-badge{
  min-width:24px;
  height:24px;
  padding:0 7px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:.78rem;
  font-weight:800;
  background:var(--brand-2);
  color:#fff;
}

.cart-thumb{
  width:52px;
  height:40px;
  object-fit:cover;
  border-radius:var(--radius-md);
  background:#efe1d2;
  flex:0 0 auto;
}

.cart-preview{
  position:sticky;
  top:88px;
  z-index:10;
  border:1px solid rgba(42,19,11,.12);
  background:rgba(255,250,242,.95);
  border-radius:var(--radius-lg);
  padding:10px 12px;
  backdrop-filter:blur(8px);
}

.cart-preview-thumb{
  width:38px;
  height:30px;
  border-radius:var(--radius-md);
  object-fit:cover;
  background:#efe1d2;
  margin-right:6px;
}

.cart-add-btn{
  z-index:20;
  position:absolute;
  right:12px;
  top:12px;
  width:44px;
  height:44px;
  border-radius:999px;
  border:none;
  background:linear-gradient(135deg, var(--brand), var(--brand-2));
  box-shadow:0 14px 28px rgba(42,19,11,.22);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
  font-weight:800;
  color:#fff;
  transition:transform .14s ease, filter .14s ease;
}

.cart-add-btn:hover{ filter:brightness(1.05); transform:translateY(-1px); }
.cart-add-btn:focus-visible{ outline:3px solid rgba(201,139,70,.55); outline-offset:2px; }
.cart-add-btn.added{ transform:scale(.92); }

.cart-add-btn::after{
  content:"Add";
  position:absolute;
  right:52px;
  top:50%;
  transform:translateY(-50%);
  background:rgba(33,22,17,.94);
  color:#fff;
  font-size:.78rem;
  padding:6px 10px;
  border-radius:999px;
  opacity:0;
  pointer-events:none;
  transition:opacity .12s ease;
  white-space:nowrap;
}

@media (hover:hover){
  .cart-add-btn:hover::after{ opacity:1; }
}

.cart-fab{
  position:fixed;
  right:16px;
  bottom:18px;
  width:56px;
  height:56px;
  border-radius:999px;
  border:none;
  background:var(--brand);
  color:#fff;
  box-shadow:0 18px 42px rgba(42,19,11,.28);
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:1035;
  transition:transform .18s ease, background .18s ease, box-shadow .18s ease;
}

.cart-fab:hover,
.cart-fab:focus{
  transform:translateY(-2px);
}

.cart-fab-active{
  background:linear-gradient(135deg, var(--brand), #5b2a18 55%, var(--brand-2));
  box-shadow:0 20px 46px rgba(42,19,11,.34), 0 0 0 6px rgba(201,139,70,.12);
}

.cart-fab-bump{
  animation:bagBump .42s cubic-bezier(.2,.8,.2,1);
}

.cart-fab-icon{
  width:26px;
  height:26px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.cart-fab-icon svg{
  width:26px;
  height:26px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.cart-fab-icon svg path{
  transition:fill .18s ease, stroke-width .18s ease;
}

.cart-fab-active .cart-fab-icon svg path:first-child{
  fill:rgba(255,248,238,.16);
}

.cart-fab-active .cart-fab-icon svg{
  stroke-width:2.15;
}

.cart-fab-active .cart-fab-icon{
  animation:bagFloat 1.9s ease-in-out infinite;
}

@keyframes bagBump{
  0%{ transform:scale(1); }
  45%{ transform:scale(1.14) translateY(-3px); }
  100%{ transform:scale(1); }
}

@keyframes bagFloat{
  0%,100%{ transform:translateY(0); }
  50%{ transform:translateY(-2px); }
}

@keyframes navSheen{
  0%,72%,100%{ transform:translateX(-75%); opacity:.18; }
  38%{ transform:translateX(75%); opacity:.58; }
}

@keyframes logoFloat{
  0%,100%{ transform:translateY(4px) scale(1); }
  50%{ transform:translateY(-1px) scale(1.035); }
}

@keyframes logoGleam{
  0%,62%,100%{ transform:translateX(-78%) rotate(12deg); opacity:0; }
  34%{ transform:translateX(78%) rotate(12deg); opacity:.86; }
}

@keyframes buttonSheen{
  0%,70%,100%{ transform:translateX(-115%); opacity:.1; }
  38%{ transform:translateX(115%); opacity:.88; }
}

@keyframes heroLetterFromLeft{
  0%{
    opacity:0;
    filter:blur(9px);
    transform:translate3d(-46px, 0, 0) rotateY(-34deg) scale(.96);
  }
  58%{
    opacity:1;
    filter:blur(1px);
    transform:translate3d(5px, 0, 0) rotateY(5deg) scale(1.02);
  }
  100%{
    opacity:1;
    filter:none;
    transform:translate3d(0, 0, 0) rotateY(0deg) scale(1);
  }
}

@keyframes heroKickerReveal{
  0%{
    opacity:0;
    transform:translate3d(0, 12px, 0);
  }
  100%{
    opacity:1;
    transform:translate3d(0, 0, 0);
  }
}

@keyframes heroKickerLine{
  0%{ transform:scaleX(0); }
  100%{ transform:scaleX(1); }
}

@keyframes heroKickerText{
  0%{
    clip-path:inset(0 100% 0 0);
    transform:translate3d(-12px, 0, 0);
    filter:blur(6px);
  }
  68%{
    filter:blur(1px);
  }
  100%{
    clip-path:inset(0 0 0 0);
    transform:translate3d(0, 0, 0);
    filter:none;
  }
}

@keyframes heroKickerSheen{
  0%{
    opacity:0;
    transform:translateX(-120%);
  }
  20%{ opacity:.78; }
  100%{
    opacity:0;
    transform:translateX(120%);
  }
}

@keyframes heroDescriptionPop{
  0%{
    opacity:0;
    filter:blur(12px);
    clip-path:inset(44% 12% 44% 12% round 8px);
    transform:translate3d(0, 10px, 0) scale(.92);
  }
  64%{
    opacity:1;
    filter:blur(1px);
    clip-path:inset(0 0 0 0 round 8px);
    transform:translate3d(0, -2px, 0) scale(1.018);
  }
  100%{
    opacity:1;
    filter:none;
    clip-path:inset(0 0 0 0 round 8px);
    transform:translate3d(0, 0, 0) scale(1);
  }
}

@media (prefers-reduced-motion: reduce){
  .navbar::after,
  .brand-logo-shell,
  .brand-logo-shell::before,
  .header-cta-btn::before,
  .dashboard-new-badge,
  .dashboard-new-badge::before,
  .dashboard-new-badge::after,
  .dashboard-stat-card.admin-stat-animate,
  .dashboard-stat-card.admin-stat-animate::after,
  .admin-nav-section,
  .admin-nav-links,
  .admin-nav-chevron,
  .admin-nav-link,
  .reveal-on-scroll,
  .sticky-quote-bar,
  .sticky-quote-close,
  .hero-kicker,
  .hero-kicker::before,
  .hero-kicker::after,
  .hero-kicker-text,
  .hero-letter,
  .cart-fab,
  .cart-fab-icon,
  .hero-bg,
  .hero-motion,
  .hero-motion::before,
  .hero-motion::after,
  .hero-drop,
  .hero-text,
  .hero-gloss,
  .hero-mist,
  .lumea-navbar .navbar-toggler,
  .lumea-navbar .navbar-toggler-icon,
  .lumea-navbar .navbar-collapse,
  .lumea-navbar .navbar-collapse.collapsing,
  .lumea-navbar .navbar-nav .nav-item{
    animation:none !important;
    transition:none !important;
  }

  .dashboard-stat-card.admin-stat-animate,
  .reveal-on-scroll,
  .hero-kicker,
  .hero-kicker-text,
  .hero-letter,
  .hero-title-awaiting,
  .lumea-navbar .navbar-collapse,
  .lumea-navbar .navbar-nav .nav-item,
  .lumea-navbar .navbar-toggler,
  .lumea-navbar .navbar-toggler-icon{
    opacity:1 !important;
    filter:none !important;
    transform:none !important;
    clip-path:none !important;
  }

  .main .hero .hero-text{
    clip-path:none !important;
  }
}
.cart-fab-badge{
  position:absolute;
  top:-6px;
  right:-6px;
  border:2px solid #fff8ee;
}

.cart-toast-host{
  position:fixed;
  right:16px;
  bottom:86px;
  z-index:1040;
}

@media (min-width:992px){
  .cart-fab{ display:none; }
}

/* Product detail helpers */
.thumb-nav{ background:rgba(42,19,11,.74) !important; }
.thumb-nav:hover{ background:rgba(42,19,11,.9) !important; }
.thumb:hover{ border-color:var(--brand-2) !important; }

/* Product detail */
.thumb-wrapper{ position:relative; }

.thumb-strip{
  display:flex;
  gap:10px;
  overflow-x:auto;
  scroll-behavior:smooth;
  padding:4px 40px 8px;
  -webkit-overflow-scrolling:touch;
}

.thumb-strip::-webkit-scrollbar{ height:8px; }
.thumb-strip::-webkit-scrollbar-thumb{ background:rgba(42,19,11,.22); border-radius:4px; }

.thumb-nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:34px;
  height:34px;
  border-radius:50%;
  border:none;
  color:#fff;
  font-size:22px;
  line-height:1;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  z-index:5;
}

.thumb-prev{ left:4px; }
.thumb-next{ right:4px; }
.product-page{ padding:28px 0; }
.prod-gallery-card{
  border-radius:var(--radius-lg);
  overflow:hidden;
  isolation:isolate;
}

.prod-media{
  width:100%;
  object-fit:cover;
  background:#efe1d2;
  border-radius:var(--radius-md);
  cursor:zoom-in;
  transition:transform .5s ease, filter .5s ease;
}

.prod-gallery-card:hover .prod-media{
  transform:scale(1.018);
  filter:saturate(1.04) contrast(1.02);
}

.product-carousel .carousel-item{
  transition:opacity .46s ease, transform .46s ease;
}

#prodCarousel .carousel-item{ height:min(70vh, 620px); }

#prodCarousel picture,
#prodCarousel .prod-media{
  height:100%;
  width:100%;
  display:block;
}

#prodCarousel .prod-media{
  object-fit:contain;
  background:#efe1d2;
}

.thumb{
  flex:0 0 auto;
  width:92px;
  height:72px;
  border-radius:var(--radius-md);
  object-fit:cover;
  background:#efe1d2;
  border:2px solid transparent;
  transition:border-color .15s ease, transform .15s ease;
}

.thumb:hover{ transform:translateY(-1px); }

.product-info-card{
  position:sticky;
  top:112px;
  overflow:hidden;
}

.product-info-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 92% 10%, rgba(201,139,70,.18), transparent 30%),
    linear-gradient(135deg, rgba(255,255,255,.28), transparent 46%);
  pointer-events:none;
}

.product-info-card > *{
  position:relative;
  z-index:1;
}

.product-assurance-grid{
  display:grid;
  gap:10px;
}

.product-assurance-grid div{
  padding:12px;
  border:1px solid rgba(42,19,11,.1);
  border-radius:var(--radius-lg);
  background:rgba(255,255,255,.42);
}

.product-assurance-grid strong{
  display:block;
  color:var(--brand);
  font-size:.92rem;
}

.product-assurance-grid span{
  display:block;
  color:var(--muted);
  font-size:.82rem;
  line-height:1.45;
}

.product-mini-badge,
.product-card-meta{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:4px 10px;
  border-radius:999px;
  color:var(--brand);
  background:rgba(242,223,189,.54);
  border:1px solid rgba(166,95,45,.18);
  font-size:.78rem;
  font-weight:900;
}

.product-mini-badge-green{
  color:#244a32;
  background:rgba(49,88,61,.12);
  border-color:rgba(49,88,61,.18);
}

.product-card-trust{
  display:grid;
  gap:6px;
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid rgba(42,19,11,.08);
}

.product-card-trust span{
  display:flex;
  align-items:flex-start;
  gap:7px;
  color:var(--muted);
  font-size:.78rem;
  font-weight:700;
  line-height:1.35;
}

.product-card-trust span::before{
  content:"";
  width:6px;
  height:6px;
  margin-top:.42rem;
  border-radius:999px;
  flex:0 0 auto;
  background:linear-gradient(135deg, var(--brand-3), var(--copper));
  box-shadow:0 0 0 3px rgba(49,88,61,.08);
}

.product-detail-list{
  display:grid;
  gap:8px;
}

.product-detail-list div{
  display:grid;
  grid-template-columns:116px minmax(0, 1fr);
  gap:12px;
  padding:10px 0;
  border-top:1px solid rgba(42,19,11,.08);
}

.product-detail-list span{
  color:var(--muted);
  font-size:.78rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.product-detail-list strong{
  color:var(--ink);
  font-size:.92rem;
}

.product-zoom-btn{
  position:absolute;
  left:12px;
  top:12px;
  z-index:20;
  min-height:38px;
  border:1px solid rgba(255,248,238,.52);
  border-radius:999px;
  padding:0 14px;
  background:rgba(33,22,17,.74);
  color:#fff8ed;
  font-size:.82rem;
  font-weight:800;
  backdrop-filter:blur(8px);
  box-shadow:0 12px 24px rgba(0,0,0,.18);
  transition:transform .16s ease, background .16s ease;
}

.product-zoom-btn:hover,
.product-zoom-btn:focus{
  transform:translateY(-1px);
  background:rgba(33,22,17,.9);
}

.product-zoom-modal{
  position:fixed;
  inset:0;
  z-index:1080;
  display:grid;
  place-items:center;
  padding:24px;
  background:rgba(20,8,4,.86);
  backdrop-filter:blur(12px);
}

.product-zoom-modal[hidden]{ display:none; }

.product-zoom-modal img{
  max-width:min(1120px, 94vw);
  max-height:86vh;
  object-fit:contain;
  border-radius:var(--radius-lg);
  box-shadow:0 26px 80px rgba(0,0,0,.44);
  background:#1d0d07;
}

.product-zoom-close{
  position:absolute;
  right:22px;
  top:18px;
  width:42px;
  height:42px;
  border-radius:999px;
  border:1px solid rgba(255,248,238,.4);
  background:rgba(255,248,238,.12);
  color:#fff8ed;
  font-size:30px;
  line-height:1;
}

.product-zoom-open{ overflow:hidden; }

.related-products-section{ margin-top:-10px; }

.backlink{
  display:inline-flex;
  gap:8px;
  align-items:center;
  color:var(--brand-2);
  font-weight:800;
}

.product-note{
  border-left:3px solid var(--brand-2);
  background:rgba(242,223,189,.38);
  padding:14px 16px;
  border-radius:0 var(--radius-md) var(--radius-md) 0;
}

.success-next-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:12px;
}

.success-next-grid div{
  border:1px solid rgba(42,19,11,.1);
  border-radius:var(--radius-lg);
  background:rgba(255,255,255,.46);
  padding:14px;
}

.success-next-grid strong{
  display:block;
  color:var(--brand);
  margin-bottom:.35rem;
}

.success-next-grid span{
  display:block;
  color:var(--muted);
  font-size:.88rem;
  line-height:1.45;
}

#thumbStrip button.is-active img.thumb{
  outline:2px solid rgba(166,95,45,.72);
  outline-offset:2px;
}

@media (max-width:576px){
  .cta-row{ flex-direction:column; }
  .cta-row .btn{ width:100%; }
}

/* About page */
.about-page{
  position:relative;
}

.story-hero{
  background:linear-gradient(135deg, #2a130b 0%, #4a2416 58%, #a65f2d 100%);
  color:#fff8ed;
  border-radius:var(--radius-lg);
  overflow:hidden;
  border:1px solid rgba(255,248,237,.16);
  box-shadow:0 28px 72px rgba(42,19,11,.18);
}

.story-hero picture,
.story-hero-img{
  width:100%;
  height:100%;
  min-height:360px;
  display:block;
}

.story-hero-img{ object-fit:cover; }
.story-hero-copy{ padding:2rem; }
.story-hero-copy p{ color:rgba(255,248,237,.82); }

.about-page .about-panel,
.about-page .value-card,
.about-page .feature-panel{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-color:rgba(116,56,26,.16);
  background:
    linear-gradient(145deg, rgba(255,253,247,.98), rgba(255,246,232,.94)),
    var(--surface);
  box-shadow:
    0 16px 36px rgba(42,19,11,.08),
    inset 0 1px 0 rgba(255,255,255,.72);
  transition:
    transform .28s cubic-bezier(.2,.74,.2,1),
    box-shadow .28s cubic-bezier(.2,.74,.2,1),
    border-color .28s ease,
    background .28s ease;
}

.about-page .about-panel::before,
.about-page .value-card::before,
.about-page .feature-panel::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:3px;
  background:linear-gradient(90deg, rgba(49,88,61,.72), rgba(201,139,70,.96) 48%, rgba(166,95,45,.78));
  opacity:.9;
  z-index:0;
}

.about-page .about-panel::after,
.about-page .value-card::after,
.about-page .feature-panel::after{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:calc(var(--radius-lg) - 1px);
  pointer-events:none;
  background:linear-gradient(135deg, rgba(255,255,255,.36), transparent 34%, rgba(201,139,70,.08));
  opacity:.74;
  z-index:0;
}

.about-page .about-panel > *,
.about-page .value-card > *,
.about-page .feature-panel > *{
  position:relative;
  z-index:1;
}

.section-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:.78rem;
  text-transform:uppercase;
  font-weight:800;
  color:var(--brand-2);
  margin-bottom:12px;
}

.section-eyebrow::before{
  content:"";
  width:34px;
  height:2px;
  background:var(--brand-2);
}

.value-grid{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:16px;
}

.value-card{
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  min-height:100%;
  padding:1.35rem;
}

.value-card h3{
  font-size:1.24rem;
  margin-bottom:.35rem;
  color:#2f1a12;
}

.stat-number{
  display:block;
  font-family:var(--font-display);
  font-size:2.4rem;
  color:var(--brand-2);
  line-height:1;
  font-weight:700;
  margin-bottom:.72rem;
}

.quote-panel{
  border:1px solid rgba(166,95,45,.22);
  border-left:3px solid var(--brand-2);
  background:linear-gradient(135deg, rgba(242,223,189,.48), rgba(255,250,242,.88));
  padding:1.25rem;
  border-radius:0 var(--radius-lg) var(--radius-lg) 0;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.62);
}

.about-page .feature-panel{
  min-height:100%;
  padding:1.35rem;
}

.about-page .feature-panel .feature-number{
  display:inline-flex;
  align-items:center;
  border:1px solid rgba(201,139,70,.28);
  border-radius:999px;
  background:rgba(242,223,189,.34);
  color:var(--brand-2);
  padding:.24rem .62rem;
  margin-bottom:.92rem;
  font-size:.74rem;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.about-page .about-cta-card{
  background:
    linear-gradient(135deg, rgba(255,253,247,.98), rgba(244,229,207,.92)),
    var(--surface);
}

@media (hover:hover){
  .about-page .about-panel:hover,
  .about-page .value-card:hover,
  .about-page .feature-panel:hover{
    transform:translateY(-7px);
    border-color:rgba(201,139,70,.4);
    box-shadow:
      0 28px 70px rgba(42,19,11,.16),
      0 10px 24px rgba(49,88,61,.08),
      inset 0 1px 0 rgba(255,255,255,.8);
  }

  .about-page .value-card:hover .stat-number,
  .about-page .feature-panel:hover .feature-number{
    color:#8f4d22;
  }
}

@media (max-width:991px){
  .value-grid{ grid-template-columns:1fr; }
  .story-hero-copy{ padding:1.5rem; }
}

/* Footer */
.footer{
  background:#fff7eb;
  border-color:rgba(42,19,11,.1) !important;
}

.footer .footer-brand img{
  width:82px;
  height:82px;
  object-fit:contain;
  border-radius:0;
  background:transparent;
  border:0;
  filter:drop-shadow(0 8px 14px rgba(42,19,11,.16));
}

.footer a{ word-break:break-word; }
.footer .btn{ border-radius:999px; }

.footer-service-areas{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.footer-service-areas span{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:5px 10px;
  border-radius:999px;
  color:var(--brand);
  background:rgba(255,250,242,.72);
  border:1px solid rgba(166,95,45,.16);
  font-size:.78rem;
  font-weight:900;
}

.footer-social-list{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:8px;
}

.footer-social-link{
  position:relative;
  min-width:0;
  display:flex;
  align-items:center;
  gap:11px;
  min-height:50px;
  padding:9px 10px 9px 9px;
  border:1px solid rgba(42,19,11,.1);
  border-radius:8px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.7), rgba(255,250,242,.48)),
    radial-gradient(circle at 10% 0%, rgba(166,95,45,.09), transparent 42%);
  color:var(--ink);
  overflow:hidden;
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.footer-social-link::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg, transparent 0 36%, rgba(255,255,255,.36) 50%, transparent 64% 100%);
  opacity:0;
  transform:translateX(-38%);
  transition:opacity .22s ease, transform .38s ease;
}

.footer-social-link:hover,
.footer-social-link:focus{
  color:var(--brand);
  border-color:rgba(166,95,45,.28);
  box-shadow:0 12px 26px rgba(42,19,11,.08);
  transform:translateY(-1px);
}

.footer-social-link:hover::after,
.footer-social-link:focus::after{
  opacity:1;
  transform:translateX(38%);
}

.footer-social-link-muted{
  color:var(--muted);
  opacity:.78;
}

.footer-social-icon{
  position:relative;
  z-index:1;
  width:32px;
  height:32px;
  flex:0 0 32px;
  display:grid;
  place-items:center;
  border-radius:999px;
  color:#fff8ed;
  background:
    radial-gradient(circle at 34% 28%, rgba(255,248,237,.22), transparent 34%),
    linear-gradient(135deg, #2a130b, #a65f2d);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    0 10px 18px rgba(42,19,11,.14);
  transition:transform .18s ease, box-shadow .18s ease;
}

.footer-social-link:hover .footer-social-icon,
.footer-social-link:focus .footer-social-icon{
  transform:scale(1.06) rotate(-4deg);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.26),
    0 12px 22px rgba(42,19,11,.18);
}

.social-icon-svg{
  width:17px;
  height:17px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.75;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.footer-social-copy{
  position:relative;
  z-index:1;
  min-width:0;
  display:grid;
  gap:1px;
}

.footer-social-platform{
  color:var(--brand);
  font-weight:900;
  font-size:.78rem;
}

.footer-social-handle{
  min-width:0;
  color:var(--muted);
  font-size:.78rem;
  font-weight:800;
  text-align:left;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.footer-social-link-whatsapp .footer-social-icon{
  background:
    radial-gradient(circle at 34% 28%, rgba(255,248,237,.2), transparent 34%),
    linear-gradient(135deg, #31583d, #a65f2d);
}

.sticky-quote-bar{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:1034;
  display:flex;
  align-items:center;
  gap:14px;
  width:min(420px, calc(100vw - 36px));
  min-height:88px;
  padding:16px 14px 14px 16px;
  border:1px solid rgba(255,248,238,.22);
  border-radius:8px;
  color:#fff8ed;
  background:
    linear-gradient(135deg, rgba(42,19,11,.96), rgba(85,40,23,.96) 58%, rgba(49,88,61,.94));
  box-shadow:0 18px 48px rgba(42,19,11,.28);
  backdrop-filter:blur(14px);
  opacity:0;
  pointer-events:none;
  transform:translate3d(28px, 0, 0) scale(.98);
  transition:opacity .24s ease, transform .24s ease;
}

.sticky-quote-bar[hidden]{
  display:none !important;
}

.sticky-quote-bar.is-visible{
  visibility:visible;
  opacity:1;
  pointer-events:auto;
  transform:translate3d(0, 0, 0) scale(1);
}

.sticky-quote-bar[data-reason="gift-box"],
.sticky-quote-bar[data-reason="product-interest"]{
  border-color:rgba(242,223,189,.42);
  box-shadow:
    0 18px 48px rgba(42,19,11,.28),
    0 0 0 5px rgba(242,223,189,.12);
}

.sticky-quote-close{
  position:absolute;
  top:7px;
  right:8px;
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,248,237,.24);
  border-radius:999px;
  background:rgba(255,248,237,.1);
  color:#fff8ed;
  font-size:20px;
  line-height:1;
  transition:background .16s ease, transform .16s ease;
}

.sticky-quote-close:hover,
.sticky-quote-close:focus{
  background:rgba(255,248,237,.18);
  transform:translateY(-1px);
}

.sticky-quote-copy{
  min-width:0;
  line-height:1.25;
  padding-right:18px;
}

.sticky-quote-copy strong{
  display:block;
  font-size:.92rem;
}

.sticky-quote-copy span{
  display:block;
  color:rgba(255,248,237,.74);
  font-size:.78rem;
}

.sticky-quote-actions{
  display:flex;
  gap:8px;
  flex:0 0 auto;
}

.sticky-quote-actions .btn{
  min-height:38px;
  border-radius:999px;
  padding:.45rem .9rem;
  font-size:.86rem;
  font-weight:900;
}

body.quote-widget-visible .cart-fab{
  bottom:122px;
}

body.quote-widget-visible .cart-toast-host{
  bottom:192px;
}

.contact-faq-list{
  display:grid;
  gap:12px;
}

.contact-faq-list div{
  padding:12px;
  border:1px solid rgba(42,19,11,.1);
  border-radius:8px;
  background:rgba(255,255,255,.46);
}

.contact-faq-list strong{
  display:block;
  color:var(--brand);
  font-size:.9rem;
  line-height:1.35;
}

.contact-faq-list span{
  display:block;
  color:var(--muted);
  margin-top:4px;
  font-size:.82rem;
  line-height:1.45;
}

/* Admin */
body.bg-light{
  background:linear-gradient(180deg, #fbf4e9 0%, #f4e5cf 100%) !important;
}

.admin-shell{
  min-height:100vh;
  display:flex;
  align-items:stretch;
}

.admin-sidebar{
  position:sticky;
  top:0;
  width:282px;
  height:100vh;
  flex:0 0 282px;
  overflow-y:auto;
  padding:22px 18px;
  color:#fff8ed;
  background:
    radial-gradient(circle at 22% 0%, rgba(201,139,70,.2), transparent 28%),
    linear-gradient(180deg, #1f0d06, #2a130b 54%, #4e2415);
  box-shadow:18px 0 44px rgba(42,19,11,.16);
}

.admin-main{
  min-width:0;
  flex:1;
}

.admin-content{
  width:100%;
  max-width:1480px;
  margin:0 auto;
  padding:26px;
}

.admin-topbar{
  position:sticky;
  top:0;
  z-index:20;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  padding:14px 26px;
  border-bottom:1px solid rgba(42,19,11,.1);
  background:rgba(255,250,242,.82);
  backdrop-filter:saturate(160%) blur(16px);
}

.admin-topbar-label{
  color:var(--brand-2);
  font-size:.76rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.admin-topbar-title{
  color:var(--brand);
  font-weight:900;
  line-height:1.2;
}

.admin-sidebar-brand{
  display:flex;
  align-items:center;
  gap:12px;
  color:#fff8ed;
  margin-bottom:24px;
}

.admin-sidebar-title{
  display:block;
  font-family:var(--font-display);
  font-weight:800;
  font-size:1.4rem;
  line-height:1;
}

.admin-sidebar-subtitle{
  display:block;
  margin-top:5px;
  color:rgba(255,248,237,.68);
  font-size:.76rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.admin-sidebar-nav{
  display:grid;
  gap:12px;
}

.admin-nav-section{
  position:relative;
  overflow:hidden;
  padding:7px;
  border:0;
  border-radius:12px;
  background:
    linear-gradient(135deg, rgba(255,248,237,.075), rgba(255,248,237,.025)),
    radial-gradient(circle at 12% 0%, rgba(242,223,189,.12), transparent 42%);
  box-shadow:
    inset 0 1px 0 rgba(255,248,237,.08),
    0 10px 24px rgba(0,0,0,.08);
  transition:background .22s ease, box-shadow .22s ease, transform .22s ease;
}

.admin-nav-section.is-open{
  background:
    linear-gradient(135deg, rgba(255,248,237,.12), rgba(255,248,237,.045)),
    radial-gradient(circle at 12% 0%, rgba(242,223,189,.2), transparent 46%);
  box-shadow:
    inset 0 1px 0 rgba(255,248,237,.12),
    inset 4px 0 0 rgba(242,223,189,.28),
    0 16px 30px rgba(0,0,0,.13);
}

.admin-nav-heading{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:36px;
  padding:7px 7px 7px 9px;
  border:0;
  border-radius:9px;
  background:transparent;
  color:rgba(255,248,237,.58);
  font-size:.72rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.09em;
  text-align:left;
  cursor:pointer;
  transition:background .18s ease, color .18s ease;
}

.admin-nav-heading:hover,
.admin-nav-heading:focus{
  color:#fff8ed;
  background:rgba(255,248,237,.07);
  outline:none;
}

.admin-nav-heading-main{
  min-width:0;
  display:flex;
  align-items:center;
  gap:8px;
}

.admin-nav-heading-text{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.admin-nav-count{
  min-width:24px;
  height:20px;
  display:inline-grid;
  place-items:center;
  padding:0 6px;
  border:0;
  border-radius:999px;
  background:linear-gradient(135deg, rgba(242,223,189,.22), rgba(255,248,237,.1));
  color:#f2dfbd;
  font-size:.68rem;
  letter-spacing:0;
  box-shadow:inset 0 1px 0 rgba(255,248,237,.12);
}

.admin-nav-chevron{
  width:9px;
  height:9px;
  flex:0 0 9px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(45deg);
  opacity:.72;
  transition:transform .22s ease, opacity .22s ease;
}

.admin-nav-section.is-open .admin-nav-chevron{
  transform:rotate(-135deg) translate(-1px, -1px);
  opacity:1;
}

.admin-nav-links{
  display:grid;
  gap:6px;
  margin-top:7px;
  max-height:var(--admin-nav-panel-height, 720px);
  overflow:hidden;
  opacity:1;
  transform:translateY(0);
  transition:max-height .3s ease, opacity .22s ease, transform .22s ease, margin-top .22s ease;
}

.admin-nav-section.is-collapsed .admin-nav-links{
  max-height:0;
  margin-top:0;
  opacity:0;
  pointer-events:none;
  transform:translateY(-6px);
}

.admin-nav-link{
  position:relative;
  display:flex;
  align-items:center;
  min-height:38px;
  padding:8px 11px;
  border:0;
  border-radius:8px;
  color:rgba(255,248,237,.82);
  font-weight:800;
  text-decoration:none;
  transition:background .18s ease, color .18s ease, border-color .18s ease, transform .18s ease;
}

.admin-nav-link:hover,
.admin-nav-link:focus{
  color:#fff8ed;
  background:rgba(255,248,237,.09);
  transform:translateX(2px);
}

.admin-nav-link.is-active{
  color:#2a130b;
  background:linear-gradient(135deg, #fff8ed, #f2dfbd);
  box-shadow:
    0 12px 26px rgba(0,0,0,.14),
    inset 0 1px 0 rgba(255,255,255,.68);
}

.admin-nav-section.is-open .admin-nav-link{
  animation:adminNavLinkIn .26s ease both;
}

.admin-nav-section.is-open .admin-nav-link:nth-child(2){ animation-delay:24ms; }
.admin-nav-section.is-open .admin-nav-link:nth-child(3){ animation-delay:48ms; }
.admin-nav-section.is-open .admin-nav-link:nth-child(4){ animation-delay:72ms; }
.admin-nav-section.is-open .admin-nav-link:nth-child(5){ animation-delay:96ms; }
.admin-nav-section.is-open .admin-nav-link:nth-child(6){ animation-delay:120ms; }
.admin-nav-section.is-open .admin-nav-link:nth-child(7){ animation-delay:144ms; }
.admin-nav-section.is-open .admin-nav-link:nth-child(8){ animation-delay:168ms; }
.admin-nav-section.is-open .admin-nav-link:nth-child(9){ animation-delay:192ms; }
.admin-nav-section.is-open .admin-nav-link:nth-child(10){ animation-delay:216ms; }
.admin-nav-section.is-open .admin-nav-link:nth-child(11){ animation-delay:240ms; }
.admin-nav-section.is-open .admin-nav-link:nth-child(12){ animation-delay:264ms; }

@keyframes adminNavLinkIn{
  from{
    opacity:0;
    transform:translateX(-6px);
  }
  to{
    opacity:1;
    transform:translateX(0);
  }
}

.social-settings-preview{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.social-settings-preview-icon,
.social-setting-icon{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:999px;
  color:#fff8ed;
  background:
    radial-gradient(circle at 34% 28%, rgba(255,248,237,.22), transparent 34%),
    linear-gradient(135deg, #2a130b, #a65f2d);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.2),
    0 12px 22px rgba(42,19,11,.14);
}

.social-setting-card{
  height:100%;
  display:flex;
  align-items:flex-start;
  gap:14px;
  padding:14px;
  border-radius:8px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.68), rgba(255,250,242,.45)),
    radial-gradient(circle at 0 0, rgba(166,95,45,.08), transparent 42%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.56);
}

.social-setting-icon{
  flex:0 0 38px;
}

.social-setting-fields{
  min-width:0;
  flex:1;
}

.dashboard-stat-card{
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-height:166px;
}

.dashboard-stat-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 92% 18%, rgba(201,139,70,.16), transparent 30%),
    linear-gradient(135deg, rgba(255,255,255,.34), transparent 48%);
  pointer-events:none;
}

.dashboard-stat-card::after{
  content:"";
  position:absolute;
  inset:-42% -28%;
  background:linear-gradient(115deg, transparent 34%, rgba(255,255,255,.34) 47%, transparent 60%);
  opacity:0;
  transform:translateX(-62%) rotate(6deg);
  pointer-events:none;
}

.dashboard-stat-card.admin-stat-animate.is-visible::after{
  animation:adminCardSheen 1.28s ease-out calc(var(--reveal-delay, 0ms) + 180ms) both;
}

.dashboard-stat-top{
  position:relative;
  z-index:1;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}

.dashboard-stat-label{
  color:var(--muted);
  font-size:.82rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.dashboard-stat-value{
  font-family:var(--font-display);
  color:var(--brand);
  font-size:3rem;
  line-height:1;
  font-weight:800;
  margin-top:.35rem;
  font-variant-numeric:tabular-nums;
  min-width:2ch;
}

.finance-stat-value{
  font-size:1.72rem;
  line-height:1.12;
  word-break:break-word;
}

.business-kpi-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(188px, 1fr));
  gap:14px;
}

.business-kpi-card{
  position:relative;
  min-height:154px;
  padding:20px;
  border:1px solid rgba(73,45,29,.1);
  border-radius:18px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.95), rgba(255,248,237,.9)),
    var(--surface);
  box-shadow:0 18px 44px rgba(42,19,11,.08);
  color:inherit;
  transition:
    transform .2s ease,
    box-shadow .2s ease,
    border-color .2s ease;
}

.business-kpi-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 88% 14%, rgba(201,139,70,.18), transparent 30%),
    linear-gradient(135deg, rgba(255,255,255,.38), transparent 50%);
  pointer-events:none;
}

.business-kpi-card::after{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  bottom:0;
  height:4px;
  border-radius:999px 999px 0 0;
  background:#c98b46;
  opacity:.84;
  pointer-events:none;
}

.business-kpi-card:hover,
.business-kpi-card:focus{
  color:inherit;
  border-color:rgba(201,139,70,.24);
  box-shadow:0 24px 56px rgba(42,19,11,.12);
  transform:translateY(-3px);
}

.business-kpi-card.admin-stat-animate.is-visible:hover,
.business-kpi-card.admin-stat-animate.is-visible:focus{
  transform:translateY(-3px);
}

.business-kpi-card.admin-stat-animate.is-visible::after{
  animation:none;
  opacity:.84;
  transform:none;
}

.business-kpi-label,
.business-kpi-value,
.business-kpi-link{
  position:relative;
  z-index:1;
}

.business-kpi-value{
  display:block;
  color:var(--brand);
  font-size:clamp(1.22rem, 1.2vw, 1.62rem);
  line-height:1.08;
  margin-top:.72rem;
  overflow-wrap:anywhere;
}

.business-kpi-link{
  color:var(--brand-2);
  font-size:.9rem;
  font-weight:800;
  margin-top:1rem;
}

.business-kpi-card-income::after,
.business-kpi-card-profit::after{ background:#3f7b59; }
.business-kpi-card-expense::after,
.business-kpi-card-risk::after{ background:#b84c45; }
.business-kpi-card-sales::after{ background:#b98545; }
.business-kpi-card-margin::after{ background:#5f6f9f; }
.business-kpi-card-pending::after{ background:#a65f2d; }
.business-kpi-card-inventory::after{ background:#4d7c8a; }
.business-kpi-card-production::after{ background:#7a638f; }

.business-chart-grid{
  display:grid;
  grid-template-columns:minmax(0, 1.35fr) minmax(320px, .65fr);
  gap:16px;
}

.business-trend-chart{
  min-height:230px;
  display:grid;
  grid-template-columns:repeat(6, minmax(0, 1fr));
  gap:14px;
  align-items:end;
  padding:18px 12px 8px;
  border:1px solid rgba(42,19,11,.1);
  border-radius:8px;
  background:
    linear-gradient(180deg, rgba(42,19,11,.06) 1px, transparent 1px) 0 0 / 100% 46px,
    rgba(255,255,255,.42);
}

.business-trend-month{
  min-width:0;
  display:grid;
  gap:8px;
}

.business-trend-bars{
  height:178px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  gap:5px;
}

.business-trend-bar{
  width:16px;
  min-height:4px;
  border-radius:999px 999px 4px 4px;
  box-shadow:0 10px 20px rgba(42,19,11,.12);
}

.business-trend-sales{ background:linear-gradient(180deg, #3f7b59, #74a17c); }
.business-trend-expenses{ background:linear-gradient(180deg, #b84c45, #d38878); }
.business-trend-receipts{ background:linear-gradient(180deg, #b98545, #dfb067); }

.business-trend-label{
  color:var(--muted);
  font-size:.78rem;
  font-weight:800;
  text-align:center;
}

.business-chart-legend{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  color:var(--muted);
  font-size:.82rem;
  font-weight:800;
}

.business-chart-legend span{
  display:inline-flex;
  align-items:center;
  gap:6px;
}

.business-chart-legend i{
  width:10px;
  height:10px;
  border-radius:50%;
  display:inline-block;
}

.legend-sales{ background:#3f7b59; }
.legend-expenses{ background:#b84c45; }
.legend-receipts{ background:#b98545; }

.alert-message-preview{
  white-space:pre-wrap;
  color:var(--ink);
  font-size:.9rem;
  padding:16px;
  border-radius:8px;
  border:1px solid rgba(42,19,11,.1);
  background:rgba(255,255,255,.52);
}

.profit-summary-grid{
  display:grid;
  grid-template-columns:repeat(6, minmax(0, 1fr));
  gap:14px;
}

.profit-summary-card{
  position:relative;
  overflow:hidden;
  min-height:142px;
  padding:22px;
  border:1px solid rgba(73,45,29,.1);
  border-radius:18px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.94), rgba(255,248,237,.88)),
    var(--surface);
  box-shadow:0 18px 44px rgba(42,19,11,.08);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:18px;
}

.profit-summary-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 92% 12%, rgba(201,139,70,.2), transparent 32%),
    linear-gradient(135deg, rgba(255,255,255,.36), transparent 52%);
  pointer-events:none;
}

.profit-summary-card::after{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  bottom:0;
  height:4px;
  border-radius:999px 999px 0 0;
  background:#c98b46;
  opacity:.8;
}

.profit-summary-label,
.profit-summary-value{
  position:relative;
  z-index:1;
}

.profit-summary-label{
  color:var(--muted);
  font-size:.78rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.profit-summary-value{
  color:var(--brand);
  font-family:var(--font-display);
  font-size:clamp(1.25rem, 1.45vw, 1.72rem);
  line-height:1.08;
  font-weight:800;
  font-variant-numeric:tabular-nums;
  overflow-wrap:anywhere;
}

.profit-summary-card-sales::after{ background:#b98545; }
.profit-summary-card-cost::after{ background:#8f6b55; }
.profit-summary-card-profit::after{ background:#3f7b59; }
.profit-summary-card-margin::after{ background:#5f6f9f; }
.profit-summary-card-coverage::after{ background:#7c6c4a; }
.profit-summary-card-risk::after{ background:#b84c45; }

.dashboard-stat-link{
  position:relative;
  z-index:1;
  align-self:flex-start;
  color:var(--brand-2);
  font-size:.95rem;
  font-weight:800;
  text-decoration:none;
}

.dashboard-stat-link:hover,
.dashboard-stat-link:focus{
  color:var(--brand);
}

.dashboard-new-badge{
  position:relative;
  z-index:1;
  min-width:82px;
  min-height:82px;
  border-radius:50%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  color:#fff8ed;
  background:
    radial-gradient(circle at 34% 24%, rgba(255,255,255,.32), transparent 18%),
    linear-gradient(135deg, #4b2113, #a65f2d 62%, #c98b46);
  box-shadow:
    0 18px 36px rgba(42,19,11,.24),
    0 0 0 7px rgba(201,139,70,.13);
  transform:translateY(-4px);
  isolation:isolate;
  animation:newBadgeFloat 3.8s ease-in-out infinite;
}

.dashboard-new-badge::before,
.dashboard-new-badge::after{
  content:"";
  position:absolute;
  inset:-8px;
  border-radius:50%;
  border:1px solid rgba(201,139,70,.34);
  opacity:.78;
  animation:newBadgeRing 2.6s ease-out infinite;
  z-index:-1;
}

.dashboard-new-badge::after{
  animation-delay:1.2s;
}

.dashboard-new-count{
  font-family:var(--font-display);
  font-size:1.9rem;
  font-weight:800;
  line-height:.9;
  font-variant-numeric:tabular-nums;
  min-width:1.6ch;
  text-align:center;
}

.dashboard-new-text{
  font-size:.72rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-top:.25rem;
}

.dashboard-panel{
  position:relative;
  overflow:hidden;
}

.dashboard-panel::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 92% 10%, rgba(201,139,70,.12), transparent 30%);
  pointer-events:none;
}

.dashboard-panel > *{
  position:relative;
  z-index:1;
}

.admin-quick-grid,
.admin-photo-readiness{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:12px;
}

.admin-quick-action,
.admin-photo-readiness div{
  display:block;
  min-height:94px;
  padding:16px;
  border:1px solid rgba(42,19,11,.1);
  border-radius:8px;
  background:rgba(255,255,255,.46);
  box-shadow:0 12px 28px rgba(42,19,11,.07);
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.admin-quick-action:hover,
.admin-quick-action:focus{
  transform:translateY(-2px);
  border-color:rgba(166,95,45,.34);
  box-shadow:0 18px 38px rgba(42,19,11,.11);
}

.admin-quick-action strong,
.admin-photo-readiness strong{
  display:block;
  color:var(--brand);
  font-weight:900;
}

.admin-photo-readiness strong{
  font-size:1.8rem;
  line-height:1;
}

.admin-quick-action span,
.admin-photo-readiness span{
  display:block;
  color:var(--muted);
  font-size:.84rem;
  line-height:1.35;
  margin-top:6px;
}

.admin-action-center{
  padding:24px;
  border:1px solid rgba(42,19,11,.1);
  border-radius:8px;
  background:
    linear-gradient(145deg, rgba(255,250,242,.94), rgba(244,229,207,.68)),
    var(--surface);
  box-shadow:0 18px 44px rgba(42,19,11,.08);
}

.admin-action-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:12px;
}

.admin-action-card{
  position:relative;
  overflow:hidden;
  min-height:134px;
  padding:18px;
  border:1px solid rgba(42,19,11,.1);
  border-radius:8px;
  color:var(--ink);
  background:rgba(255,255,255,.62);
  box-shadow:0 14px 34px rgba(42,19,11,.08);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.admin-action-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 92% 10%, rgba(201,139,70,.18), transparent 30%),
    linear-gradient(135deg, rgba(255,255,255,.36), transparent 48%);
  pointer-events:none;
}

.admin-action-card::after{
  content:"";
  position:absolute;
  left:16px;
  right:16px;
  bottom:0;
  height:4px;
  border-radius:999px 999px 0 0;
  background:var(--copper);
  opacity:.86;
}

.admin-action-card:hover,
.admin-action-card:focus{
  color:var(--ink);
  transform:translateY(-2px);
  border-color:rgba(166,95,45,.28);
  box-shadow:0 22px 46px rgba(42,19,11,.12);
}

.admin-action-value,
.admin-action-label,
.admin-action-detail{
  position:relative;
  z-index:1;
}

.admin-action-value{
  display:block;
  font-size:2.08rem;
  margin:0;
}

.admin-action-label{
  display:block;
  color:var(--brand);
  font-weight:900;
  line-height:1.2;
  margin-top:8px;
}

.admin-action-detail{
  display:block;
  color:var(--muted);
  font-size:.84rem;
  line-height:1.34;
  margin-top:8px;
}

.admin-action-card-risk::after{ background:#b84c45; }
.admin-action-card-sales::after{ background:#3f7b59; }
.admin-action-card-pending::after{ background:#a65f2d; }
.admin-action-card-inventory::after{ background:#4d7c8a; }

.testimonial-admin-grid{
  display:grid;
  gap:14px;
}

.testimonial-admin-top{
  display:flex;
  align-items:center;
  gap:14px;
}

.testimonial-admin-avatar{
  width:64px;
  height:64px;
  flex-basis:64px;
  font-size:1.55rem;
}

.testimonial-admin-card{
  position:relative;
  overflow:hidden;
}

.testimonial-admin-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 94% 10%, rgba(201,139,70,.12), transparent 28%);
  pointer-events:none;
}

.testimonial-admin-card > *{
  position:relative;
  z-index:1;
}

.dashboard-pipeline{
  display:grid;
  gap:12px;
}

.pipeline-row{
  display:grid;
  grid-template-columns:88px minmax(0, 1fr) 34px;
  gap:10px;
  align-items:center;
  color:var(--ink);
}

.pipeline-label{
  color:var(--muted);
  font-size:.82rem;
  font-weight:800;
}

.pipeline-track{
  height:9px;
  border-radius:999px;
  background:rgba(42,19,11,.1);
  overflow:hidden;
}

.pipeline-track span{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg, var(--brand-2), var(--copper));
}

.pipeline-count{
  color:var(--brand);
  font-weight:900;
  text-align:right;
  font-variant-numeric:tabular-nums;
}

.pipeline-row-money{
  grid-template-columns:62px minmax(0, 1fr) minmax(112px, auto);
}

.inventory-kpi-grid{
  grid-template-columns:repeat(4, minmax(0, 1fr));
}

.inventory-control-panel{
  overflow:hidden;
}

.inventory-reorder-list{
  display:grid;
  gap:12px;
}

.inventory-reorder-item{
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(150px, auto) auto;
  align-items:center;
  gap:14px;
  padding:12px;
  border:1px solid rgba(42,19,11,.09);
  border-radius:var(--radius-lg);
  background:
    linear-gradient(135deg, rgba(255,255,255,.58), rgba(255,248,237,.42)),
    rgba(255,255,255,.42);
}

.inventory-reorder-main{
  min-width:0;
}

.inventory-reorder-meta{
  display:grid;
  justify-items:end;
  gap:4px;
  text-align:right;
}

.inventory-reorder-meter{
  height:7px;
  margin-top:9px;
  border-radius:999px;
  overflow:hidden;
  background:rgba(184,76,69,.16);
}

.inventory-reorder-meter span{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg, #b84c45, #c98b46);
}

.dashboard-list{
  display:grid;
  gap:10px;
}

.dashboard-list-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px;
  border:1px solid rgba(42,19,11,.09);
  border-radius:var(--radius-lg);
  background:rgba(255,255,255,.42);
  color:var(--ink);
  min-width:0;
}

.dashboard-status-form{
  flex:0 0 122px;
}

.dashboard-product-thumb{
  width:58px;
  height:46px;
  flex:0 0 auto;
  object-fit:cover;
  border-radius:var(--radius-md);
  background:#efe1d2;
}

.status-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:26px;
  padding:3px 9px;
  border-radius:999px;
  font-size:.74rem;
  font-weight:900;
  line-height:1.25;
  white-space:nowrap;
  text-align:center;
}

.status-pill-active{
  color:#21442e;
  background:rgba(49,88,61,.14);
}

.status-pill-muted{
  color:#6f584c;
  background:rgba(42,19,11,.08);
}

@keyframes newBadgeFloat{
  0%,100%{ transform:translateY(-4px) scale(1); }
  50%{ transform:translateY(-8px) scale(1.035); }
}

@keyframes newBadgeRing{
  0%{ transform:scale(.92); opacity:.58; }
  100%{ transform:scale(1.25); opacity:0; }
}

@keyframes adminCardSheen{
  0%{
    opacity:0;
    transform:translateX(-62%) rotate(6deg);
  }
  38%{
    opacity:.82;
  }
  100%{
    opacity:0;
    transform:translateX(62%) rotate(6deg);
  }
}

.admin-brand-logo-shell,
.login-brand-logo-shell{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:50%;
  background:transparent;
  border:1px solid rgba(255,248,238,.26);
  box-shadow:0 12px 26px rgba(42,19,11,.18);
  overflow:hidden;
}

.admin-brand-logo-shell{
  width:48px;
  height:48px;
}

.login-brand-logo-shell{
  width:78px;
  height:78px;
}

.admin-brand-logo-shell img,
.login-brand-logo-shell img{
  width:92%;
  height:92%;
  display:block;
  object-fit:contain;
  border-radius:50%;
  transform:scale(1.08);
  filter:drop-shadow(0 7px 12px rgba(42,19,11,.2));
}

.table{
  --bs-table-bg:transparent;
  --bs-table-border-color:rgba(42,19,11,.1);
  color:var(--ink);
}

.table thead th{
  color:#5a3b2b;
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:0;
  background:rgba(242,223,189,.45);
}

.admin-thumb-cell{
  width:110px;
}

.admin-thumb-img{
  width:90px;
  height:60px;
  object-fit:cover;
  border-radius:10px;
  background:#f3f4f6;
  display:block;
}

/* Business documents */
.document-body{
  background:#efe3d3;
  color:var(--ink);
  font-family:var(--font-body);
  padding:24px;
}

.document-toolbar{
  max-width:920px;
  margin:0 auto 16px;
  display:flex;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
}

.document-toolbar-main,
.document-toolbar-share{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.document-toolbar{
  justify-content:space-between;
}

.document-page{
  max-width:920px;
  margin:0 auto;
  background:#fffdf8;
  border:1px solid rgba(42,19,11,.14);
  border-radius:8px;
  box-shadow:0 30px 80px rgba(42,19,11,.18);
  padding:42px;
}

.document-page-compact{
  max-width:760px;
}

.document-invoice,
.document-receipt{
  -webkit-print-color-adjust:exact;
  print-color-adjust:exact;
}

.document-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  border-bottom:1px solid rgba(42,19,11,.14);
  padding-bottom:24px;
}

.document-brand{
  display:flex;
  align-items:center;
  gap:14px;
}

.document-brand img{
  width:74px;
  height:74px;
  object-fit:contain;
  filter:drop-shadow(0 8px 14px rgba(42,19,11,.14));
}

.document-brand-name,
.document-title{
  font-family:var(--font-display);
  font-weight:800;
  color:var(--brand);
}

.document-brand-name{ font-size:1.55rem; }
.document-title{ font-size:2.2rem; line-height:1; }

.document-box{
  border:1px solid rgba(42,19,11,.12);
  border-radius:8px;
  background:linear-gradient(145deg, #fffaf2, #fff5e6);
  padding:18px;
}

.document-label{
  color:var(--brand-2);
  font-size:.76rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:6px;
}

.document-table thead th{
  background:#f4e5cf;
  color:#3c2418;
  border-bottom:1px solid rgba(42,19,11,.12);
}

.document-total-row{
  display:flex;
  justify-content:space-between;
  gap:18px;
  padding:10px 0;
  border-bottom:1px solid rgba(42,19,11,.1);
}

.document-grand-total{
  color:var(--brand);
  font-size:1.24rem;
}

.document-payment-grid{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  gap:18px;
  align-items:center;
}

.document-payment-qr{
  width:132px;
  text-align:center;
}

.document-payment-qr img{
  width:112px;
  height:112px;
  object-fit:contain;
  border:1px solid rgba(42,19,11,.14);
  border-radius:8px;
  background:#fff;
  padding:6px;
}

.document-payment-qr span{
  display:block;
  margin-top:6px;
  color:var(--muted);
  font-size:.74rem;
  font-weight:700;
  letter-spacing:.03em;
  text-transform:uppercase;
}

.document-receipt-amount{
  margin:28px 0;
  padding:24px;
  border-radius:8px;
  background:linear-gradient(135deg, #2a130b, #6c331d);
  color:#fff8ed;
  text-align:center;
  font-family:var(--font-display);
  font-size:2.15rem;
  font-weight:800;
  box-shadow:0 20px 46px rgba(42,19,11,.22);
}

.document-receipt-amount .document-label{
  color:rgba(255,248,237,.72);
}

.document-footer{
  margin-top:34px;
  padding-top:18px;
  border-top:1px solid rgba(42,19,11,.12);
  text-align:center;
  color:var(--muted);
  font-size:.95rem;
}

.document-pdf-active .document-page{
  width:210mm;
  max-width:210mm;
  min-height:297mm;
  border-radius:0;
  box-shadow:none;
  padding:8mm;
}

.document-pdf-active .document-page-compact{
  width:180mm;
  max-width:180mm;
  min-height:250mm;
}

@media print{
  @page{
    size:A4;
    margin:5mm;
  }

  html,
  body{
    width:100% !important;
    min-height:auto !important;
  }

  *,
  *::before,
  *::after{
    -webkit-print-color-adjust:exact !important;
    print-color-adjust:exact !important;
  }

  .document-body{
    background:#fff !important;
    color:#241109 !important;
    padding:0 !important;
    font-size:8.5pt;
    line-height:1.16;
  }

  .document-toolbar{
    display:none !important;
  }

  .document-page{
    width:100%;
    max-width:none;
    margin:0 auto;
    height:287mm;
    min-height:0;
    max-height:287mm;
    overflow:hidden;
    border:1px solid rgba(42,19,11,.22);
    border-radius:0;
    box-shadow:none;
    padding:4.5mm;
    display:flex;
    flex-direction:column;
    background:#fffdf8 !important;
  }

  .document-page-compact{
    max-width:none;
  }

  .document-invoice{
    padding:4mm;
  }

  .document-receipt{
    padding:6mm;
  }

  .document-header{
    gap:5mm;
    padding-bottom:2.5mm;
    border-bottom-color:rgba(42,19,11,.22);
  }

  .document-brand{
    gap:2mm;
  }

  .document-brand img{
    width:13mm;
    height:13mm;
  }

  .document-brand-name{
    font-size:13.5pt;
  }

  .document-title{
    font-size:17pt;
  }

  .document-label{
    font-size:7.4pt;
    margin-bottom:1.2mm;
  }

  .document-page .small,
  .document-page small{
    font-size:7pt;
  }

  .document-box{
    padding:2.4mm;
    border-color:rgba(42,19,11,.2);
    border-radius:4px;
    background:linear-gradient(145deg, #fffaf2, #fff4e4) !important;
    break-inside:avoid;
    page-break-inside:avoid;
  }

  .document-page .row{
    --bs-gutter-x:3.5mm;
    --bs-gutter-y:2.3mm;
  }

  .document-page .mt-3{ margin-top:2.2mm !important; }
  .document-page .mt-4{ margin-top:2.8mm !important; }
  .document-page .mb-3{ margin-bottom:2.2mm !important; }

  .document-page .table-responsive{
    overflow:visible !important;
  }

  .document-table{
    margin-bottom:0;
    font-size:7.35pt;
  }

  .document-table thead th{
    background:#f4e5cf !important;
    color:#241109 !important;
  }

  .document-table th,
  .document-table td{
    padding:1.25mm 1.5mm;
    border-color:rgba(42,19,11,.16);
    vertical-align:top;
  }

  .document-internal-note{
    display:none !important;
  }

  .document-total-row{
    padding:1.05mm 0;
    border-bottom-color:rgba(42,19,11,.18);
  }

  .document-payment-grid{
    gap:2.6mm;
  }

  .document-payment-qr{
    width:21mm;
  }

  .document-payment-qr img{
    width:20mm;
    height:20mm;
    border-radius:4px;
    padding:1mm;
  }

  .document-payment-qr span{
    font-size:6.5pt;
    margin-top:1mm;
  }

  .document-grand-total{
    color:#2a130b !important;
    font-size:10.2pt;
  }

  .document-box,
  .document-receipt-amount{
    box-shadow:none;
    break-inside:avoid;
    page-break-inside:avoid;
  }

  .document-receipt-amount{
    margin:4mm 0;
    padding:4.5mm;
    border:1px solid #5a2c19;
    border-radius:6px;
    background:linear-gradient(135deg, #2a130b, #6c331d) !important;
    color:#fff8ed !important;
    font-size:19pt;
  }

  .document-receipt-amount .document-label,
  .document-receipt-amount *{
    color:#fff8ed !important;
  }

  .document-receipt .document-box{
    padding:3.5mm;
  }

  .document-footer{
    margin-top:auto;
    padding-top:2.5mm;
    font-size:7.4pt;
    border-top-color:rgba(42,19,11,.18);
  }

  .document-header,
  .document-total-row,
  .document-footer,
  .document-payment-grid{
    break-inside:avoid;
    page-break-inside:avoid;
  }
}

@media (max-width:767.98px){
  .document-body{
    padding:12px;
  }
  .document-page{
    padding:22px;
  }
  .document-header{
    flex-direction:column;
  }
  .document-header .text-end{
    text-align:left !important;
  }
  .document-toolbar{
    justify-content:flex-start;
  }
  .document-toolbar-main,
  .document-toolbar-share{
    width:100%;
  }
  .document-toolbar .btn{
    flex:1 1 auto;
  }
  .document-payment-grid{
    grid-template-columns:1fr;
  }
  .document-payment-qr{
    width:100%;
    text-align:left;
  }
}

.admin-message-cell{
  max-width:520px;
  white-space:normal;
}

.admin-enquiry-table{
  min-width:1180px;
}

.admin-enquiry-meta-cell{
  min-width:150px;
}

.admin-contact-cell{
  min-width:210px;
  overflow-wrap:anywhere;
}

.admin-requirement-cell{
  min-width:280px;
  max-width:360px;
}

.admin-detail-list{
  display:grid;
  gap:5px;
}

.admin-detail-row{
  display:grid;
  grid-template-columns:94px minmax(0, 1fr);
  gap:8px;
  align-items:start;
  font-size:.86rem;
}

.admin-detail-row span{
  color:var(--muted);
  font-weight:800;
}

.admin-detail-row strong{
  color:#2f1c13;
  font-weight:700;
  overflow-wrap:anywhere;
}

.admin-enquiry-message{
  max-width:420px;
  overflow-wrap:anywhere;
}

.admin-source-cell{
  min-width:210px;
  max-width:300px;
  overflow-wrap:anywhere;
}

.admin-selected-cell{
  min-width:220px;
  max-width:360px;
}

.admin-status-cell{
  min-width:150px;
}

.admin-followup-cell{
  min-width:260px;
}

.po-status-form{
  min-width:150px;
}

.page-link{
  color:var(--brand);
}

.active > .page-link,
.page-link.active{
  background:var(--brand);
  border-color:var(--brand);
}

.modal-content{
  border-radius:var(--radius-lg);
  border:1px solid rgba(42,19,11,.12);
  background:var(--surface);
}

.alert{
  border-radius:var(--radius-lg);
}

@media (max-width:991.98px){
  .inventory-kpi-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .inventory-reorder-item{
    grid-template-columns:minmax(0, 1fr);
    align-items:stretch;
  }

  .inventory-reorder-meta{
    justify-items:start;
    text-align:left;
  }

  .inventory-reorder-item .btn{
    width:100%;
  }

  .business-kpi-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }

  .business-chart-grid{
    grid-template-columns:1fr;
  }

  .admin-quick-grid,
  .admin-photo-readiness,
  .admin-action-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .business-kpi-card{
    min-height:142px;
    padding:18px;
  }

  .profit-summary-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }

  .profit-summary-card{
    min-height:132px;
    padding:20px;
  }

  .admin-shell{
    flex-direction:column;
  }

  .admin-sidebar{
    position:relative;
    width:100%;
    height:auto;
    flex-basis:auto;
    padding:16px;
  }

  .admin-sidebar-brand{
    margin-bottom:14px;
  }

  .admin-sidebar-nav{
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:12px;
  }

  .admin-nav-heading{
    margin-left:0;
  }

  .admin-nav-link{
    min-height:34px;
    padding:7px 9px;
    font-size:.92rem;
    overflow-wrap:anywhere;
  }

  .admin-content{
    padding:18px;
  }

  .admin-topbar{
    top:0;
    padding:12px 18px;
  }

  .lumea-navbar{
    --mobile-menu-ease:cubic-bezier(.2,.72,.2,1);
    padding-top:.55rem;
    padding-bottom:.55rem;
  }

  .lumea-navbar::after{
    display:none;
  }

  .lumea-navbar .navbar-toggler{
    width:40px;
    height:40px;
    display:grid;
    place-items:center;
    border-radius:50%;
    transition:background .18s ease, transform .18s ease;
  }

  .lumea-navbar .navbar-toggler-icon{
    transition:transform .24s var(--mobile-menu-ease), opacity .18s ease;
  }

  .lumea-navbar .navbar-toggler.is-active{
    background:rgba(166,95,45,.12);
    transform:scale(.96);
  }

  .lumea-navbar .navbar-toggler.is-active .navbar-toggler-icon{
    transform:rotate(90deg) scale(.92);
    opacity:.86;
  }

  .navbar-collapse{
    margin-top:.85rem;
    background:#fff8ee;
    border:1px solid rgba(42,19,11,.1);
    border-radius:var(--radius-lg);
    padding:0;
    box-shadow:0 16px 34px rgba(42,19,11,.12);
    contain:layout paint;
    opacity:0;
    transform:translate3d(0, -8px, 0) scaleY(.985);
    transform-origin:top center;
    transition:
      opacity .18s ease,
      transform .24s var(--mobile-menu-ease);
  }

  .lumea-navbar .navbar-nav{
    padding:1rem;
  }

  .lumea-navbar .navbar-nav .nav-item{
    opacity:0;
    transform:translate3d(0, -6px, 0);
    transition:
      opacity .2s ease,
      transform .26s var(--mobile-menu-ease);
  }

  .lumea-navbar .navbar-nav .nav-item:nth-child(1){ transition-delay:30ms; }
  .lumea-navbar .navbar-nav .nav-item:nth-child(2){ transition-delay:55ms; }
  .lumea-navbar .navbar-nav .nav-item:nth-child(3){ transition-delay:80ms; }
  .lumea-navbar .navbar-nav .nav-item:nth-child(4){ transition-delay:105ms; }
  .lumea-navbar .navbar-nav .nav-item:nth-child(5){ transition-delay:130ms; }
  .lumea-navbar .navbar-nav .nav-item:nth-child(6){ transition-delay:155ms; }
  .lumea-navbar .navbar-nav .nav-item:nth-child(7){ transition-delay:180ms; }

  .lumea-navbar .navbar-collapse.collapsing{
    display:block;
    overflow:hidden;
    transition:
      height .3s var(--mobile-menu-ease),
      opacity .18s ease,
      transform .24s var(--mobile-menu-ease);
    will-change:height, opacity, transform;
  }

  .lumea-navbar .navbar-collapse.collapse:not(.show){
    display:none;
  }

  .lumea-navbar .navbar-collapse.collapse.is-opening,
  .lumea-navbar .navbar-collapse.is-opening,
  .lumea-navbar .navbar-collapse.show{
    display:block;
    opacity:1;
    transform:translate3d(0, 0, 0) scaleY(1);
  }

  .lumea-navbar .navbar-collapse.is-opening .nav-item,
  .lumea-navbar .navbar-collapse.show .nav-item{
    opacity:1;
    transform:translate3d(0, 0, 0);
  }

  .lumea-navbar .navbar-collapse.is-closing{
    opacity:0;
    transform:translate3d(0, -6px, 0) scaleY(.99);
    transition:
      height .22s ease,
      opacity .14s ease,
      transform .18s ease;
  }

  .lumea-navbar .navbar-collapse.is-closing .nav-item{
    opacity:0;
    transform:translate3d(0, -4px, 0);
    transition-delay:0ms;
  }

  .lumea-navbar .nav-link{
    padding-left:0 !important;
    padding-right:0 !important;
    padding-top:.68rem;
    padding-bottom:.68rem;
    transition:color .18s ease;
  }

  .lumea-navbar .nav-link:hover,
  .lumea-navbar .nav-link:focus{
    transform:none;
  }

  .cart-pill,
  .header-cta-btn{
    width:100%;
    justify-content:center;
  }

  .nav-gap{ gap:.55rem; }
  .occasion-grid,
  .trust-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
  .local-seo-panel{
    grid-template-columns:1fr;
  }
  .buyer-confidence-panel{
    grid-template-columns:1fr;
  }
  .local-seo-actions{
    flex-direction:row;
    flex-wrap:wrap;
    min-width:0;
  }
  .faq-grid{
    grid-template-columns:1fr;
  }
  .product-info-card{
    position:relative;
    top:auto;
  }
  .products-toolbar{
    grid-template-columns:1fr;
    align-items:stretch;
    gap:18px;
  }
  .products-toolbar-copy{
    max-width:none;
  }
  .products-filter-panel{
    justify-self:stretch;
    grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) auto;
  }
  .hero{ min-height:720px; background-position:center top; }
  .hero-bg-img{ object-position:64% center; }
  .hero-motion::before{
    right:-20vw;
    width:76vw;
    opacity:.46;
  }
  .hero-drop.d3,
  .hero-drop.d5,
  .hero-drop.d7{
    display:none;
  }
  .hero .container{ padding-top:5rem; padding-bottom:3rem; }
  .hero-title{ font-size:3.2rem; }
  .feature-grid{ grid-template-columns:1fr; }
}

@media (max-width:767.98px){
  .business-kpi-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:12px;
  }

  .business-trend-chart{
    gap:10px;
    padding-left:8px;
    padding-right:8px;
  }

  .business-trend-bar{
    width:12px;
  }

  .admin-quick-grid,
  .admin-photo-readiness,
  .admin-action-grid{
    grid-template-columns:1fr;
  }

  .business-kpi-card{
    min-height:132px;
    padding:17px;
    border-radius:16px;
  }

  .business-kpi-value{
    font-size:1.24rem;
  }

  .profit-summary-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:12px;
  }

  .profit-summary-card{
    min-height:124px;
    padding:18px;
    border-radius:16px;
  }

  .profit-summary-value{
    font-size:1.28rem;
  }

  .admin-sidebar-nav{
    grid-template-columns:1fr;
  }

  .admin-nav-links{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .admin-topbar{
    align-items:flex-start;
    flex-direction:column;
  }

  .admin-topbar .btn{
    width:100%;
  }

  .section-header{
    align-items:flex-start;
    flex-direction:column;
  }

  .dashboard-list-item{
    align-items:flex-start;
    flex-direction:column;
  }

  .dashboard-list-item .status-pill{
    max-width:100%;
    white-space:normal;
  }

  .products-filter-panel{
    grid-template-columns:1fr;
    padding:12px;
  }

  .products-filter-btn{
    width:100%;
  }

  .quote-builder-grid{
    grid-template-columns:1fr;
  }

  .occasion-grid,
  .trust-grid,
  .success-next-grid{
    grid-template-columns:1fr;
  }

  .local-seo-panel{
    padding:20px;
  }

  .buyer-confidence-panel{
    padding:20px;
  }

  .buyer-confidence-grid{
    grid-template-columns:1fr;
  }

  .testimonial-admin-top{
    align-items:flex-start;
  }

  .local-seo-actions .btn{
    width:100%;
  }

  .product-zoom-modal{
    padding:14px;
  }

  .product-detail-list div{
    grid-template-columns:1fr;
    gap:2px;
  }

  .hero-title{ font-size:2.68rem; }
  .hero-text{ font-size:1rem; }
  .hero-bg-img{ object-position:68% center; }
  .hero-motion{
    opacity:.78;
  }
  .hero-actions{
    flex-direction:column;
    align-items:flex-start;
  }
  .hero-actions .btn{
    width:min(100%, 280px);
    justify-content:center;
  }
  .hero-proof{
    flex-direction:column;
    align-items:flex-start;
  }
  .hero-proof span{
    max-width:100%;
    white-space:normal;
  }
  .premium-strip .strip-item{ padding:.85rem 0; }
  .product-img{ height:240px; }
  .footer{ text-align:left; }
  .footer .btn{ width:100%; }
  .footer-social-list{
    grid-template-columns:1fr;
  }
  .footer-social-link{
    align-items:center;
  }
  .footer-social-handle{
    max-width:100%;
  }
  .sticky-quote-bar{
    right:10px;
    bottom:12px;
    width:min(330px, calc(100vw - 20px));
    max-width:calc(100vw - 20px);
    align-items:stretch;
    flex-direction:column;
    gap:10px;
    padding:15px 12px 12px;
  }
  .sticky-quote-actions .btn{
    flex:1 1 0;
  }
  body.quote-widget-visible .cart-fab{
    bottom:164px;
  }
  body.quote-widget-visible .cart-toast-host{
    bottom:232px;
  }
}

@media (max-width:575.98px){
  .inventory-kpi-grid{
    grid-template-columns:1fr;
  }

  .business-kpi-grid{
    grid-template-columns:1fr;
  }

  .admin-nav-links{
    grid-template-columns:1fr;
  }

  .business-kpi-card{
    min-height:112px;
    padding:16px 18px;
  }

  .business-kpi-value{
    font-size:1.34rem;
    margin-top:.55rem;
  }

  .profit-summary-grid{
    grid-template-columns:1fr;
  }

  .profit-summary-card{
    min-height:108px;
    padding:16px 18px;
    gap:12px;
  }

  .profit-summary-value{
    font-size:1.36rem;
  }

  .mobile-center-header .brand-logo{
    width:92%;
    height:92%;
  }
  .hero{ min-height:680px; }
}