/* =========================================================================
   ASV KITCHENS — MAIN STYLESHEET
   Design tokens: deep kitchen-green + copper accent, technical/industrial
   motifs (corner brackets, spec labels) reflecting SS fabrication identity.
   ========================================================================= */

/* ---------- Fonts ---------- */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Work+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@500&display=swap');

/* ---------- Tokens ---------- */
:root{
  /* colors — RASI brand palette (red / black / white, matched to the logo) */
  --forest-900:#1A1A1A;   /* near-black: darkest section backgrounds (footer, specialized) */
  --forest-800:#8A0F13;   /* deep brand red: feature/testimonial dark sections, tags */
  --forest-700:#A2181C;   /* slightly lighter red: cards within dark sections */
  --forest-600:#B92A24;
  --copper-500:#E2231A;   /* primary brand red (from the RASI logo): buttons, links, accents */
  --copper-400:#F04438;   /* lighter hover red */
  --cream-100:#FAFAFA;    /* near-white background */
  --cream-200:#F1F1F1;    /* light grey panels */
  --charcoal-900:#1A1A1A; /* body text */
  --steel-400:#8C8C8C;
  --steel-200:#E2E2E2;
  --white:#FFFFFF;

  /* type */
  --font-display:'Fraunces', serif;
  --font-body:'Work Sans', sans-serif;
  --font-mono:'JetBrains Mono', monospace;

  /* layout */
  --max-width:1240px;
  --gutter:24px;
  --radius-sm:4px;
  --radius-md:8px;
  --header-h:88px;

  /* motion */
  --ease:cubic-bezier(.4,0,.2,1);
}

/* ---------- Reset ---------- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{
  font-family:var(--font-body);
  color:var(--charcoal-900);
  background:var(--cream-100);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
  padding-top:var(--fixed-header-h,132px);
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
ul{list-style:none;}
button{font-family:inherit;cursor:pointer;border:none;background:none;}
input,textarea,select{font-family:inherit;font-size:1rem;}
h1,h2,h3,h4{font-family:var(--font-display);line-height:1.15;font-weight:600;}
.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--gutter);}
:focus-visible{outline:2px solid var(--copper-500);outline-offset:3px;}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important;}
}

/* ---------- Utility / spec label motif ---------- */
.eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--font-mono);
  font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--copper-500);
  margin-bottom:14px;
}
.eyebrow::before{content:"";width:22px;height:1px;background:var(--copper-500);}
.section-head{max-width:640px;margin-bottom:44px;}
.section-head h2{font-size:clamp(1.7rem,3vw,2.5rem);color:var(--forest-800);}
.section-head p{color:var(--forest-700);opacity:.85;margin-top:12px;font-size:1.02rem;}
.section-head.center{margin-left:auto;margin-right:auto;text-align:center;}

section{padding:88px 0;}
@media (max-width:768px){section{padding:56px 0;}}

/* corner-bracket "spec sheet" frame, used on product/feature imagery */
.bracket-frame{position:relative;}
.bracket-frame::before,.bracket-frame::after,
.bracket-frame .bf-tr,.bracket-frame .bf-bl{
  content:"";position:absolute;width:18px;height:18px;
  border:2px solid var(--copper-500);z-index:2;
}
.bracket-frame::before{top:-6px;left:-6px;border-right:none;border-bottom:none;}
.bracket-frame::after{bottom:-6px;right:-6px;border-left:none;border-top:none;}

/* ---------- Buttons ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:14px 28px;font-weight:600;font-size:.92rem;
  border-radius:var(--radius-sm);
  transition:transform .25s var(--ease),background .25s var(--ease),color .25s var(--ease),box-shadow .25s var(--ease);
  white-space:nowrap;
}
.btn-primary{background:var(--copper-500);color:var(--white);}
.btn-primary:hover{background:var(--copper-400);transform:translateY(-2px);box-shadow:0 10px 24px -8px rgba(201,123,61,.55);}
.btn-outline{border:1.5px solid var(--cream-200);color:var(--white);}
.btn-outline:hover{background:var(--white);color:var(--forest-800);}
.btn-ghost-dark{border:1.5px solid var(--forest-800);color:var(--forest-800);}
.btn-ghost-dark:hover{background:var(--forest-800);color:var(--white);}
.btn-block{width:100%;}
.btn-sm{padding:10px 18px;font-size:.85rem;}

/* =========================================================================
   TOP CONTACT BAR + HEADER STACK
   ========================================================================= */
.fixed-header-stack{position:fixed;top:0;left:0;right:0;z-index:1000;}

.top-bar{
  background:var(--forest-900);color:var(--steel-200);
  font-family:var(--font-mono);font-size:.76rem;letter-spacing:.01em;
}
.top-bar-inner{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:9px var(--gutter);
}
.top-bar-contacts{display:flex;align-items:center;gap:22px;flex-wrap:wrap;}
.top-bar-item{display:inline-flex;align-items:center;gap:7px;color:var(--steel-200);transition:color .2s;}
.top-bar-item svg{flex-shrink:0;color:var(--copper-400);}
.top-bar-item:hover{color:var(--white);}
.top-bar-location{display:flex;align-items:center;gap:7px;color:var(--steel-200);opacity:.9;}
.top-bar-location svg{color:var(--copper-400);flex-shrink:0;}

@media (max-width:960px){
  .top-bar-location{display:none;}
}
@media (max-width:700px){
  .top-bar-item.tablet-plus{display:none;}
}
@media (max-width:520px){
  .top-bar{display:none;}
}

.site-header{
  position:static;
  background:var(--white);
  box-shadow:0 2px 14px rgba(0,0,0,.08);
  border-bottom:3px solid var(--copper-500);
  transition:box-shadow .35s var(--ease),padding .3s var(--ease);
  padding:14px 0;
}
.site-header.is-scrolled{
  box-shadow:0 8px 24px rgba(0,0,0,.14);
  padding:8px 0;
}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;}
.brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;font-size:1.25rem;color:var(--charcoal-900);}
.brand img{height:100px;width:auto;}
.main-nav{display:flex;}
.main-nav ul{display:flex;gap:32px;}
.main-nav a{
  color:var(--charcoal-900);font-weight:600;font-size:.95rem;position:relative;padding:6px 0;
}
.main-nav a::after{
  content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--copper-500);
  transition:width .25s var(--ease);
}
.main-nav a:hover::after,.main-nav a.active::after{width:100%;}
.main-nav a.active{color:var(--copper-500);}

.header-actions{display:flex;align-items:center;gap:14px;}
.icon-btn{
  width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  border:1px solid var(--steel-200);color:var(--charcoal-900);transition:all .25s var(--ease);
}
.icon-btn:hover{background:var(--copper-500);border-color:var(--copper-500);color:var(--white);}
.hamburger{
  display:none;flex-direction:column;gap:5px;width:26px;
}
.hamburger span{height:2px;background:var(--charcoal-900);border-radius:2px;transition:transform .3s var(--ease),opacity .3s var(--ease);}

@media (max-width:960px){
  .main-nav{
    position:fixed;inset:0 0 0 auto;width:min(320px,84vw);height:100vh;
    background:var(--forest-900);padding:100px 32px 32px;
    transform:translateX(100%);transition:transform .35s var(--ease);
    box-shadow:-12px 0 40px rgba(0,0,0,.35);
  }
  .main-nav.open{transform:translateX(0);}
  .main-nav ul{flex-direction:column;gap:22px;}
  .hamburger{display:flex;}
  .hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
  .hamburger.open span:nth-child(2){opacity:0;}
  .hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
  .header-actions .icon-btn.desktop-only{display:none;}
}

/* =========================================================================
   HERO SLIDER
   ========================================================================= */
.hero{position:relative;height:92vh;min-height:560px;overflow:hidden;background:var(--forest-900);}
.hero-slide{
  position:absolute;inset:0;opacity:0;visibility:hidden;
  transition:opacity 1s var(--ease),visibility 1s;
}
.hero-slide.is-active{opacity:1;visibility:visible;z-index:1;}
.hero-slide img{width:100%;height:100%;object-fit:cover;}
.hero-slide::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg, rgba(21,42,29,.88) 0%, rgba(21,42,29,.55) 45%, rgba(21,42,29,.25) 100%);
}
.hero-content{
  position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;
  max-width:640px;padding:0 var(--gutter);margin:0 auto;color:var(--white);
}
.hero-inner{max-width:var(--max-width);margin:0 auto;height:100%;position:relative;}
.hero-content .eyebrow{color:var(--copper-400);}
.hero-content h1{font-size:clamp(2.2rem,5vw,3.6rem);color:var(--white);margin-bottom:18px;}
.hero-content p{font-size:1.05rem;color:var(--cream-200);opacity:.9;margin-bottom:32px;max-width:520px;}
.hero-cta{display:flex;gap:16px;flex-wrap:wrap;}

.hero-controls{position:absolute;bottom:32px;left:0;right:0;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);max-width:var(--max-width);margin:0 auto;}
.hero-dots{display:flex;gap:10px;}
.hero-dot{width:34px;height:4px;background:rgba(255,255,255,.35);border-radius:2px;transition:background .3s;}
.hero-dot.is-active{background:var(--copper-500);}
.hero-arrows{display:flex;gap:10px;}
.hero-arrow{
  width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.35);
  color:var(--white);display:flex;align-items:center;justify-content:center;transition:all .25s var(--ease);
}
.hero-arrow:hover{background:var(--copper-500);border-color:var(--copper-500);}

@media (max-width:600px){
  .hero{height:88vh;}
  .hero-controls{position:relative;bottom:0;margin-top:24px;padding:0 var(--gutter) 24px;}
}

/* =========================================================================
   WHY CHOOSE US
   ========================================================================= */
.features{background:var(--forest-800);color:var(--cream-100);}
.features .section-head h2{color:var(--white);}
.features .section-head p{color:var(--steel-200);}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.feature-card{
  background:var(--forest-700);padding:36px 28px;border-radius:var(--radius-md);
  border:1px solid rgba(255,255,255,.08);transition:transform .3s var(--ease),border-color .3s;
}
.feature-card:hover{transform:translateY(-6px);border-color:var(--copper-500);}
.feature-num{font-family:var(--font-mono);color:var(--copper-400);font-size:.8rem;margin-bottom:16px;display:block;}
.feature-card h3{color:var(--white);font-size:1.25rem;margin-bottom:12px;}
.feature-card p{color:var(--steel-200);font-size:.95rem;}
@media (max-width:860px){.feature-grid{grid-template-columns:1fr;}}

/* =========================================================================
   CLIENT MARQUEE
   ========================================================================= */
.clients{background:var(--cream-200);padding:56px 0;}
.clients .section-head{text-align:center;margin:0 auto 32px;}
.marquee{overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);}
.marquee-track{display:flex;gap:48px;width:max-content;animation:scroll-left 38s linear infinite;}
.marquee:hover .marquee-track{animation-play-state:paused;}
.marquee-track img{height:52px;width:auto;filter:grayscale(1) opacity(.7);transition:filter .25s;}
.marquee-track img:hover{filter:grayscale(0) opacity(1);}
@keyframes scroll-left{from{transform:translateX(0);}to{transform:translateX(-50%);}}

/* =========================================================================
   CATEGORY CHIPS
   ========================================================================= */
.categories{background:var(--cream-100);}
.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.category-chip{
  padding:20px 18px;background:var(--white);border:1px solid var(--steel-200);border-radius:var(--radius-md);
  font-weight:600;color:var(--forest-800);display:flex;align-items:center;justify-content:space-between;
  transition:all .25s var(--ease);
}
.category-chip:hover{background:var(--forest-800);color:var(--white);border-color:var(--forest-800);transform:translateY(-3px);}
.category-chip span.arrow{font-family:var(--font-mono);color:var(--copper-500);}
@media (max-width:860px){.category-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:480px){.category-grid{grid-template-columns:1fr;}}

/* =========================================================================
   PRODUCT GRID
   ========================================================================= */
.products .section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;max-width:100%;}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;}
.product-card{
  background:var(--white);border:1px solid var(--steel-200);border-radius:var(--radius-md);overflow:hidden;
  transition:transform .3s var(--ease),box-shadow .3s var(--ease);display:flex;flex-direction:column;
}
.product-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px -20px rgba(21,42,29,.35);}
.product-thumb{position:relative;aspect-ratio:4/3;overflow:hidden;}
.product-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease);}
.product-card:hover .product-thumb img{transform:scale(1.08);}
.product-tag{position:absolute;top:12px;left:12px;background:var(--forest-800);color:var(--white);font-family:var(--font-mono);font-size:.68rem;padding:4px 9px;border-radius:3px;letter-spacing:.05em;}
.product-body{padding:20px;display:flex;flex-direction:column;gap:10px;flex:1;}
.product-body h3{font-size:1.08rem;color:var(--forest-800);}
.product-body p{font-size:.9rem;color:var(--charcoal-900);opacity:.75;flex:1;}
.product-body .btn{margin-top:6px;}
.products-footer{text-align:center;margin-top:48px;}
@media (max-width:960px){.product-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:520px){.product-grid{grid-template-columns:1fr;}.products .section-head{flex-direction:column;align-items:flex-start;}}

/* =========================================================================
   APPLICATIONS (industries / use-cases served)
   ========================================================================= */
.applications{background:var(--forest-900);color:var(--white);}
.applications .section-head h2{color:var(--white);}
.applications .section-head p{color:var(--steel-200);}
.app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.app-card{position:relative;border-radius:var(--radius-md);overflow:hidden;aspect-ratio:4/5;}
.app-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease);}
.app-card:hover img{transform:scale(1.06);}
.app-overlay{
  position:absolute;inset:0;background:linear-gradient(0deg,rgba(21,42,29,.94) 14%,rgba(21,42,29,.35) 55%,rgba(21,42,29,.05) 100%);
  display:flex;flex-direction:column;justify-content:flex-end;padding:24px;
}
.app-overlay h3{color:var(--white);font-size:1.15rem;margin-bottom:8px;}
.app-overlay p{color:var(--steel-200);font-size:.88rem;line-height:1.55;}
@media (max-width:960px){.app-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:560px){.app-grid{grid-template-columns:1fr;}.app-card{aspect-ratio:16/10;}}

/* =========================================================================
   SPECIALIZED AREAS
   ========================================================================= */
.specialized{background:var(--forest-900);color:var(--white);}
.specialized .section-head h2{color:var(--white);}
.specialized .section-head p{color:var(--steel-200);}
.spec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.spec-card{position:relative;border-radius:var(--radius-md);overflow:hidden;aspect-ratio:3/4;}
.spec-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease);}
.spec-card:hover img{transform:scale(1.06);}
.spec-overlay{
  position:absolute;inset:0;background:linear-gradient(0deg,rgba(21,42,29,.92) 10%,rgba(21,42,29,.15) 60%);
  display:flex;flex-direction:column;justify-content:flex-end;padding:26px;
}
.spec-overlay h3{color:var(--white);margin-bottom:8px;}
.spec-overlay p{color:var(--steel-200);font-size:.88rem;margin-bottom:14px;}
.spec-overlay a{font-family:var(--font-mono);font-size:.78rem;color:var(--copper-400);letter-spacing:.06em;text-transform:uppercase;}
@media (max-width:860px){.spec-grid{grid-template-columns:1fr;}.spec-card{aspect-ratio:16/9;}}

/* =========================================================================
   STATS COUNTER
   ========================================================================= */
.stats{background:var(--copper-500);}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;}
.stat-item{padding:12px;border-right:1px solid rgba(255,255,255,.25);}
.stat-item:last-child{border-right:none;}
.stat-num{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);color:var(--white);font-weight:700;}
.stat-label{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.9);margin-top:6px;}
@media (max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:24px 0;}.stat-item{border-right:none;border-bottom:1px solid rgba(255,255,255,.25);padding-bottom:20px;}}

/* =========================================================================
   TESTIMONIALS
   ========================================================================= */
.testimonials .section-head{text-align:center;margin-left:auto;margin-right:auto;}
.rating-line{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;color:var(--forest-700);font-weight:600;}
.stars{color:var(--copper-500);letter-spacing:2px;}

/* --- Auto-scrolling carousel --- */
.testimonial-carousel{
  overflow:hidden;position:relative;margin-bottom:56px;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
}
.testimonial-track{
  display:flex;gap:24px;width:max-content;
  animation:testimonial-scroll 46s linear infinite;
}
.testimonial-carousel:hover .testimonial-track,
.testimonial-carousel:focus-within .testimonial-track{animation-play-state:paused;}
@keyframes testimonial-scroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}

.testimonial-card{
  background:var(--white);border:1px solid var(--steel-200);border-radius:var(--radius-md);padding:28px;
  display:flex;flex-direction:column;gap:14px;width:340px;flex-shrink:0;
}
.testimonial-card .stars-line{color:var(--copper-500);letter-spacing:2px;font-size:.95rem;}
.testimonial-quote{font-size:.95rem;color:var(--charcoal-900);opacity:.85;flex:1;}
.testimonial-author{display:flex;align-items:center;gap:12px;}
.testimonial-author .avatar{
  width:46px;height:46px;border-radius:50%;background:var(--forest-800);color:var(--white);
  display:flex;align-items:center;justify-content:center;font-weight:700;overflow:hidden;flex-shrink:0;
}
.testimonial-author .avatar img{width:100%;height:100%;object-fit:cover;}
.testimonial-meta small{color:var(--steel-400);display:block;font-size:.78rem;}
.testimonial-time{font-family:var(--font-mono);font-size:.72rem;color:var(--steel-400);}
@media (max-width:600px){.testimonial-card{width:280px;}}

.review-form-wrap{
  background:var(--forest-800);border-radius:var(--radius-md);padding:40px;max-width:640px;margin:0 auto;color:var(--white);
}
.review-form-wrap h3{color:var(--white);margin-bottom:20px;text-align:center;}

/* =========================================================================
   FORMS (shared)
   ========================================================================= */
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.form-field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;}
.form-field.full{grid-column:1/-1;}
.form-field label{font-size:.82rem;font-weight:600;letter-spacing:.02em;}
.form-field input,.form-field textarea,.form-field select{
  padding:13px 14px;border-radius:var(--radius-sm);border:1px solid var(--steel-200);background:var(--white);
  color:var(--charcoal-900);transition:border-color .25s;
}
.review-form-wrap .form-field input,.review-form-wrap .form-field textarea{
  background:var(--forest-700);border-color:rgba(255,255,255,.15);color:var(--white);
}
.review-form-wrap .form-field label{color:var(--cream-200);}
.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:var(--copper-500);}
.form-note{font-size:.78rem;opacity:.65;margin-top:10px;text-align:center;}
.form-success{
  display:none;background:var(--forest-800);color:var(--white);padding:14px 18px;border-radius:var(--radius-sm);
  margin-top:14px;font-size:.9rem;
}
.form-success.show{display:block;}
@media (max-width:600px){.form-grid{grid-template-columns:1fr;}}

/* =========================================================================
   NEWSLETTER
   ========================================================================= */
.newsletter{background:var(--forest-900);color:var(--white);text-align:center;}
.newsletter h2{color:var(--white);font-size:clamp(1.6rem,3vw,2.2rem);}
.newsletter p{color:var(--steel-200);margin:14px auto 28px;max-width:520px;}
.newsletter-form{display:flex;gap:12px;max-width:460px;margin:0 auto;flex-wrap:wrap;justify-content:center;}
.newsletter-form input{flex:1;min-width:220px;padding:14px 16px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:var(--white);}
.newsletter-form input::placeholder{color:var(--steel-200);}

/* =========================================================================
   QUOTE MODAL
   ========================================================================= */
.modal-overlay{
  position:fixed;inset:0;background:rgba(21,42,29,.72);z-index:2000;
  display:flex;align-items:center;justify-content:center;padding:20px;
  opacity:0;visibility:hidden;transition:opacity .3s var(--ease),visibility .3s;
}
.modal-overlay.open{opacity:1;visibility:visible;}
.modal-box{
  background:var(--cream-100);border-radius:var(--radius-md);max-width:560px;width:100%;
  padding:36px;position:relative;max-height:90vh;overflow-y:auto;
  transform:translateY(20px);transition:transform .3s var(--ease);
}
.modal-overlay.open .modal-box{transform:translateY(0);}
.modal-close{position:absolute;top:16px;right:16px;width:34px;height:34px;border-radius:50%;background:var(--cream-200);display:flex;align-items:center;justify-content:center;font-size:1.1rem;}
.modal-close:hover{background:var(--copper-500);color:var(--white);}
.modal-box h3{color:var(--forest-800);margin-bottom:6px;}
.modal-box .modal-sub{color:var(--charcoal-900);opacity:.7;font-size:.9rem;margin-bottom:24px;}

/* =========================================================================
   FOOTER
   ========================================================================= */
.site-footer{background:var(--forest-900);color:var(--steel-200);padding:72px 0 0;}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.1);}
.footer-brand img{height:34px;margin-bottom:16px;}
.footer-brand p{font-size:.9rem;opacity:.75;max-width:320px;margin-bottom:20px;}
.footer-social{display:flex;gap:10px;}
.icon-btn-whatsapp:hover{background:#25D366;border-color:#25D366;}
.footer-col h4{color:var(--white);font-family:var(--font-mono);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:18px;}
.footer-col ul li{margin-bottom:12px;}
.footer-col a{font-size:.92rem;opacity:.8;transition:opacity .2s,color .2s;}
.footer-col a:hover{opacity:1;color:var(--copper-400);}
.footer-col address{font-style:normal;font-size:.92rem;opacity:.8;line-height:1.7;}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding:24px 0;flex-wrap:wrap;gap:12px;font-size:.82rem;opacity:.65;}
.footer-bottom ul{display:flex;gap:20px;}
@media (max-width:860px){.footer-grid{grid-template-columns:1fr;gap:32px;}}

/* =========================================================================
   PAGE HEADER (inner pages)
   ========================================================================= */
.page-header{position:relative;height:340px;display:flex;align-items:center;color:var(--white);overflow:hidden;}
.page-header img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;}
.page-header::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(21,42,29,.92),rgba(21,42,29,.55));z-index:1;}
.page-header-inner{position:relative;z-index:2;}
.page-header h1{font-size:clamp(1.8rem,4vw,2.8rem);color:var(--white);}
.breadcrumb{font-family:var(--font-mono);font-size:.78rem;color:var(--steel-200);margin-top:12px;letter-spacing:.04em;}
.breadcrumb a{color:var(--copper-400);}

/* =========================================================================
   CHAT WIDGET
   ========================================================================= */
.chat-widget{position:fixed;bottom:24px;right:24px;z-index:1500;}
.chat-bubble{
  width:60px;height:60px;border-radius:50%;background:var(--copper-500);color:var(--white);
  display:flex;align-items:center;justify-content:center;box-shadow:0 12px 28px -6px rgba(201,123,61,.6);
  transition:transform .25s var(--ease);font-size:1.6rem;
}
.chat-bubble:hover{transform:scale(1.08);}
.chat-panel{
  position:absolute;bottom:76px;right:0;width:310px;background:var(--white);border-radius:var(--radius-md);
  box-shadow:0 20px 50px -15px rgba(0,0,0,.35);overflow:hidden;
  opacity:0;visibility:hidden;transform:translateY(12px);transition:all .25s var(--ease);
}
.chat-panel.open{opacity:1;visibility:visible;transform:translateY(0);}
.chat-header{background:var(--forest-800);color:var(--white);padding:16px 18px;}
.chat-header strong{display:block;font-size:.95rem;}
.chat-header small{opacity:.7;font-size:.75rem;}
.chat-body{padding:18px;font-size:.88rem;background:var(--cream-100);min-height:80px;}
.chat-msg{background:var(--white);padding:10px 14px;border-radius:10px;display:inline-block;box-shadow:0 2px 8px rgba(0,0,0,.06);}
.chat-input-row{display:flex;border-top:1px solid var(--steel-200);}
.chat-input-row input{flex:1;border:none;padding:12px 14px;background:transparent;}
.chat-input-row button{padding:0 16px;color:var(--copper-500);font-weight:700;}

/* =========================================================================
   GALLERY PAGE
   ========================================================================= */
.gallery-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:32px;}
.filter-chip{padding:9px 18px;border-radius:20px;border:1px solid var(--steel-200);font-size:.85rem;font-weight:600;color:var(--forest-800);transition:all .2s;}
.filter-chip.active,.filter-chip:hover{background:var(--forest-800);color:var(--white);border-color:var(--forest-800);}
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.gallery-item{position:relative;border-radius:var(--radius-sm);overflow:hidden;aspect-ratio:5/4;cursor:pointer;}
.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease);}
.gallery-item:hover img{transform:scale(1.08);}
.gallery-item::after{content:"⤢";position:absolute;top:10px;right:10px;color:#fff;background:rgba(21,42,29,.6);width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s;}
.gallery-item:hover::after{opacity:1;}
@media (max-width:860px){.gallery-grid{grid-template-columns:repeat(2,1fr);}}

.lightbox{position:fixed;inset:0;background:rgba(12,20,15,.94);z-index:2500;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s;}
.lightbox.open{opacity:1;visibility:visible;}
.lightbox img{max-width:88vw;max-height:82vh;border-radius:var(--radius-sm);}
.lightbox-close,.lightbox-prev,.lightbox-next{position:absolute;color:#fff;width:46px;height:46px;border:1px solid rgba(255,255,255,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;}
.lightbox-close{top:24px;right:24px;}
.lightbox-prev{left:24px;top:50%;transform:translateY(-50%);}
.lightbox-next{right:24px;top:50%;transform:translateY(-50%);}

/* =========================================================================
   BLOG PAGE
   ========================================================================= */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.blog-card{background:var(--white);border:1px solid var(--steel-200);border-radius:var(--radius-md);overflow:hidden;transition:transform .3s var(--ease),box-shadow .3s;}
.blog-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px -20px rgba(21,42,29,.3);}
.blog-thumb{aspect-ratio:3/2;overflow:hidden;}
.blog-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease);}
.blog-card:hover .blog-thumb img{transform:scale(1.08);}
.blog-body{padding:22px;}
.blog-date{font-family:var(--font-mono);font-size:.72rem;color:var(--copper-500);text-transform:uppercase;letter-spacing:.06em;}
.blog-body h3{font-size:1.1rem;margin:10px 0;color:var(--forest-800);}
.blog-body p{font-size:.9rem;opacity:.75;}
.blog-read{margin-top:14px;font-weight:600;font-size:.85rem;color:var(--copper-500);}
@media (max-width:860px){.blog-grid{grid-template-columns:1fr;}}

/* =========================================================================
   ABOUT PAGE
   ========================================================================= */
.about-split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;}
.about-split img{border-radius:var(--radius-md);}
.about-split .eyebrow{margin-bottom:14px;}
.about-split h2{margin-bottom:16px;}
.about-split p{color:var(--charcoal-900);opacity:.8;margin-bottom:14px;}
.value-list{display:grid;gap:14px;margin-top:20px;}
.value-list li{display:flex;gap:12px;align-items:flex-start;font-size:.95rem;}
.value-list .bullet{color:var(--copper-500);font-family:var(--font-mono);font-weight:700;}
.workshop-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px;}
@media (max-width:860px){.about-split{grid-template-columns:1fr;}.about-split.reverse .about-media{order:-1;}}

/* =========================================================================
   PRODUCTS PAGE (filterable catalog)
   ========================================================================= */
.catalog-layout{display:grid;grid-template-columns:260px 1fr;gap:36px;align-items:flex-start;}
.catalog-sidebar{background:var(--white);border:1px solid var(--steel-200);border-radius:var(--radius-md);padding:24px;position:sticky;top:110px;}
.catalog-sidebar h4{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--forest-800);margin-bottom:14px;}
.catalog-sidebar ul li{margin-bottom:4px;}
.catalog-sidebar ul a{display:flex;justify-content:space-between;padding:9px 10px;border-radius:var(--radius-sm);font-size:.9rem;color:var(--charcoal-900);}
.catalog-sidebar ul a:hover,.catalog-sidebar ul a.active{background:var(--cream-200);color:var(--forest-800);font-weight:600;}
@media (max-width:960px){.catalog-layout{grid-template-columns:1fr;}.catalog-sidebar{position:static;}}

/* =========================================================================
   CONTACT PAGE
   ========================================================================= */
.contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:flex-start;}
.contact-info-card{background:var(--forest-800);color:var(--white);border-radius:var(--radius-md);padding:32px;margin-bottom:16px;}
.contact-info-card h4{color:var(--white);font-size:1rem;margin-bottom:6px;}
.contact-info-card p,.contact-info-card a{color:var(--steel-200);font-size:.92rem;}
.contact-map{border-radius:var(--radius-md);overflow:hidden;margin-top:24px;}
@media (max-width:860px){.contact-grid{grid-template-columns:1fr;}}

/* =========================================================================
   PRODUCT DETAIL PAGE — thumbnail + enlarge viewer
   ========================================================================= */
.product-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:flex-start;}
.product-viewer-main{position:relative;aspect-ratio:1/1;border-radius:var(--radius-md);overflow:hidden;background:var(--cream-200);}
.product-viewer-main img{width:100%;height:100%;object-fit:contain;background:var(--white);}
.viewer-zoom{
  position:absolute;bottom:14px;right:14px;background:rgba(26,26,26,.82);color:var(--white);
  padding:9px 16px;border-radius:20px;font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:6px;
  transition:background .2s;
}
.viewer-zoom:hover{background:var(--copper-500);}
.product-viewer-thumbs{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap;}
.viewer-thumb{width:76px;height:76px;border-radius:var(--radius-sm);overflow:hidden;border:2px solid transparent;opacity:.6;transition:all .2s;}
.viewer-thumb img{width:100%;height:100%;object-fit:cover;}
.viewer-thumb:hover,.viewer-thumb.is-active{opacity:1;border-color:var(--copper-500);}
.product-info .eyebrow{margin-bottom:12px;}
.product-info h2{font-size:clamp(1.6rem,3vw,2.1rem);color:var(--forest-800);margin-bottom:14px;}
.product-lead{font-size:1.02rem;color:var(--charcoal-900);opacity:.8;margin-bottom:20px;}
.product-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px;}
@media (max-width:860px){.product-detail-grid{grid-template-columns:1fr;gap:32px;}}

/* misc reveal-on-scroll */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease);}
.reveal.in-view{opacity:1;transform:translateY(0);}