:root {
  --maroon: #741016;
  --maroon-dark: #52090d;
  --maroon-soft: #9b3b3d;
  --cream: #fbf5ec;
  --paper: #fffdf9;
  --brown: #352722;
  --muted: #756a62;
  --gold: #b98a4b;
  --green: #18ad61;
  --green-dark: #078448;
  --line: rgba(116, 16, 22, .12);
  --shadow: 0 18px 45px rgba(67, 33, 20, .10);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 86px; }
body { margin: 0; font-family:"Gilroy", sans-serif;} 
a { text-decoration: none; }

/* HEADER */
.site-header {
  background: rgba(255,253,249,.96);
  border-bottom: 1px solid var(--line);
  backdrop-filter: blur(12px);
  z-index: 1030;
}
.navbar { min-height: 82px; }
.brand-logo { width: 158px; height: 62px; object-fit: contain; mix-blend-mode: multiply; }
.navbar-nav { gap: 32px; }
.nav-link { color: #4d3c36; font-size: 14px; font-weight: 700; padding: 8px 0 !important; position: relative; }
.nav-link:hover, .nav-link.active { color: var(--maroon); }
.nav-link.active::after { content:""; position:absolute; left:50%; bottom:0; width:28px; height:2px; transform:translateX(-50%); background:var(--maroon); }
.header-whatsapp { display: none; display:inline-flex; align-items:center; gap:8px; color:var(--green-dark); font-weight:800; font-size:14px; }
.header-whatsapp i { font-size:24px; }
.navbar-toggler { border:0; padding:5px; }
.navbar-toggler:focus { box-shadow:none; }

/* HERO */
.hero-section {
  position: relative;
  overflow: hidden;
  min-height: 428px;
  display:flex;
  align-items:center;
  background: #fbf1e3;
}
.hero-pattern {
  position:absolute; inset:0; opacity:.14; pointer-events:none;
  background-image: radial-gradient(circle at 20px 20px, #a96b3b 1px, transparent 1.5px);
  background-size:40px 40px;
}
.hero-copy { position:relative; z-index:2; padding:55px 0; }
.eyebrow { color:#000000; font-size:11px; font-weight:800; letter-spacing:4px; margin-bottom:14px; }
.hero-copy h1 { color:var(--maroon); font-size:clamp(43px,4.5vw,68px); line-height:1.04; margin:0 0 18px; }
.hero-copy h1 span { color:#8d272b; }
.hero-copy p { max-width:420px; color:#51453f; font-size:17px; line-height:1.75; margin-bottom:27px; }
.btn-brand { background:var(--maroon); border:0; color:#fff; border-radius:7px; padding:13px 21px; font-weight:800; box-shadow:0 12px 25px rgba(116,16,22,.16); }
.btn-brand:hover { background:var(--maroon-dark); color:#fff; transform:translateY(-1px); }

.hero-products { position:relative; height:510px; width:100%; }
.hero-glow { position:absolute; width:460px; height:460px; right:4%; top:25px; border-radius:50%; background:rgba(255,244,225,.12); box-shadow:0 0 90px rgba(255,208,126,.10); }
.hero-card { position:absolute; width:210px; height:330px; filter:drop-shadow(0 25px 25px rgba(0,0,0,.25)); transition:transform .3s ease; }
.hero-card img { width:100%; height:100%; object-fit:contain; }
.hero-card-back { right:4%; top:42px; transform:rotate(9deg) scale(.88); opacity:.85; }
.hero-card-left { left:9%; bottom:24px; transform:rotate(-8deg) scale(.90); }
.hero-card-main { left:31%; bottom:4px; z-index:5; transform:rotate(-1deg) scale(1.02); }
.hero-card-right { right:7%; bottom:18px; z-index:4; transform:rotate(7deg) scale(.92); }
.hero-products:hover .hero-card-main { transform:rotate(-1deg) scale(1.04) translateY(-5px); }

/* PRODUCTS */
.products-section { padding:90px 0 100px; background:linear-gradient(180deg,#fffdf9 0%,#fbf3e7 100%); }
.section-heading { max-width:850px; margin:0 auto 30px; }
.section-heading h2 { color:var(--maroon); font-size:42px; margin-bottom:12px; }
.section-heading h2 span { color:#b99770;  font-weight:400; margin:0 5px; }
.section-heading p { color:var(--muted); font-size:15px; line-height:1.7; margin:0 auto; }
.category-tabs { display:flex; justify-content:center; gap:10px; margin:28px 0 28px; }
.category-btn { border:1px solid #dccab3; background:#fffaf2; color:#654c3e; border-radius:50px; padding:12px 28px; font-size:13px; font-weight:800; transition:.2s ease; }
.category-btn:hover, .category-btn.active { background:var(--maroon); color:#fff; border-color:var(--maroon); }

.category-intro { max-width:980px; margin:0 auto 34px; padding:26px 30px; background:#fff; border:1px solid rgba(116,16,22,.10); border-radius:14px; box-shadow:0 12px 32px rgba(67,33,20,.06); display:flex; align-items:flex-end; justify-content:space-between; gap:30px; }
.category-number { color:#b99362; font-size:11px; font-weight:800; letter-spacing:3px; margin-bottom:5px; }
.category-intro h3 {  color:var(--maroon); font-size:29px; margin:0 0 3px; }
.category-intro h4 { color:#5c4439; font-size:14px; font-weight:800; margin:0 0 10px; }
.category-intro p { max-width:720px; color:var(--muted); font-size:13px; line-height:1.7; margin:0; }
.category-tagline { flex:0 0 220px; padding:14px 16px; border-left:3px solid var(--gold); color:var(--maroon); font-size:12px; font-weight:800; line-height:1.5; }

.product-card { height:100%; background:#fff; border:1px solid rgba(107,54,25,.10); border-radius:14px; overflow:hidden; box-shadow:0 9px 28px rgba(67,33,20,.07); transition:.25s ease; }
.product-card:hover { transform:translateY(-7px); box-shadow:0 20px 42px rgba(67,33,20,.13); }
.product-image { height:335px; background:linear-gradient(145deg,#f9f1e5,#efe2d1); position:relative; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.product-image::after { content:""; position:absolute; width:150px; height:34px; bottom:12px; left:50%; transform:translateX(-50%); border-radius:50%; background:rgba(58,31,19,.13); filter:blur(8px); }
.product-image img { position:relative; z-index:2; width:100%; height:100%; object-fit:contain; padding:12px 25px 18px; transition:transform .3s ease; }
.product-card:hover .product-image img { transform:scale(1.035) translateY(-3px); }
.product-info { padding:19px 18px 18px; }
.product-info h3 { font-size:18px; font-weight:800; color:#2c211d; margin:0 0 7px; }
.product-description { min-height:54px; font-size:12px; line-height:1.65; color:#766b63; margin:0 0 13px; }
.product-meta { display:flex; justify-content:space-between; align-items:center; margin-bottom:13px; }
.weight-badge { display:inline-flex; align-items:center; gap:6px; border:1px solid #dccdbb; color:#604d42; border-radius:50px; padding:5px 10px; font-size:10px; font-weight:800; }
.range-label { font-size:10px; color:#9a8c81; font-weight:700; }
.whatsapp-order { width:100%; border:0; background:var(--green); color:#fff; border-radius:8px; min-height:43px; font-size:12px; font-weight:800; transition:.2s ease; }
.whatsapp-order:hover { background:var(--green-dark); transform:translateY(-1px); }

/* TRUST */
.trust-strip { background:#f4eadb; border-top:1px solid rgba(126,65,28,.09); border-bottom:1px solid rgba(126,65,28,.09); }
.trust-item { text-align:center; padding:36px 20px; position:relative; }
.trust-item:not(:last-child)::after { content:""; position:absolute; right:0; top:25%; height:50%; width:1px; background:#d8c09f; }
.trust-item i { color:#8c4a22; font-size:25px; }
.trust-item h4 { font-size:13px; margin:9px 0 4px; font-weight:800; }
.trust-item p { margin:0; font-size:10px; color:#796c61; }

/* FOOTER */
.site-footer { color:#fff; background:linear-gradient(135deg,#751016,#52090d); }
.footer-main { min-height:220px; display:flex; align-items:center; justify-content:space-between; gap:35px; }
.footer-logo { width:155px; height:68px; object-fit:contain;     background-color: aliceblue;
    padding: 6px; }
.footer-main p { margin:7px 0 0; opacity:.75; font-size:13px; }
.footer-links { display:flex; gap:28px; }
.footer-links a { color:#fff; opacity:.9; font-size:13px; }
.footer-links a:hover { opacity:1; }
.footer-order { display:flex; flex-direction:column; align-items:flex-end; gap:8px; }
.footer-whatsapp { display:inline-flex; align-items:center; gap:8px; color:#fff; font-weight:800; }
.footer-whatsapp i { font-size:22px; }
.footer-order small { opacity:.7; font-style:italic; }
.footer-bottom { border-top:1px solid rgba(255,255,255,.15); padding:15px 0; display:flex; justify-content:space-between; font-size:10px; opacity:.7; }

/* FIXED WHATSAPP */
.floating-whatsapp { position:fixed; z-index:1100; right:22px; bottom:22px; width:60px; height:60px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:var(--green); color:#fff; box-shadow:0 12px 30px rgba(0,0,0,.25); transition:.25s ease; }
.floating-whatsapp:hover { background:var(--green-dark); color:#fff; transform:scale(1.07); }
.floating-whatsapp i { font-size:32px; }
.floating-label { position:absolute; right:72px; white-space:nowrap; background:#fff; color:#423832; border-radius:7px; padding:7px 11px; font-size:11px; font-weight:800; box-shadow:0 5px 20px rgba(0,0,0,.12); opacity:0; pointer-events:none; transform:translateX(7px); transition:.2s ease; }
.floating-whatsapp:hover .floating-label { opacity:1; transform:translateX(0); }

@media (max-width: 991.98px) {
  .navbar-nav { gap:0; padding:14px 0; }
  .header-whatsapp { padding-bottom:16px; }
  .hero-section { background:linear-gradient(120deg,#fbf1e3 0%,#fff8ef 56%,#711016 56.2%,#570a0e 100%); }
  .hero-products { height:430px; }
  .hero-card { width:165px; height:260px; }
  .hero-card-left { left:4%; }
  .hero-card-main { left:28%; }
  .hero-card-right { right:13%; }
  .hero-card-back { right:1%; top:25px; }
  .category-intro { align-items:flex-start; }
  .category-tagline { flex-basis:190px; }
  .trust-item:nth-child(2)::after { display:none; }
}

@media (max-width: 767.98px) {
  .navbar { min-height:70px; }
  .brand-logo { width:135px; height:52px; }
  .hero-section { background:#fbf1e3; }
  .hero-copy { padding:48px 8px 15px; text-align:center; }
  .hero-copy p { margin-left:auto; margin-right:auto; font-size:15px; }
  .hero-products { height:350px; margin-top:0; }
  .hero-glow { width:330px; height:330px; right:50%; transform:translateX(50%); top:10px; background:rgba(116,16,22,.05); }
  .hero-card { width:120px; height:190px; }
  .hero-card-back { right:1%; top:27px; transform:rotate(8deg) scale(.83); }
  .hero-card-left { left:3%; bottom:20px; transform:rotate(-8deg) scale(.86); }
  .hero-card-main { left:32%; bottom:5px; transform:rotate(-1deg) scale(.96); }
  .hero-card-right { right:2%; bottom:15px; transform:rotate(7deg) scale(.84); }

  .products-section { padding:65px 0 75px; }
  .section-heading h2 { font-size:34px; }
  .section-heading p { font-size:13px; }
  .category-tabs { margin-bottom:22px; }
  .category-btn { padding:10px 20px; }
  .category-intro { display:block; padding:22px; }
  .category-tagline { margin-top:18px; border-left:0; border-top:2px solid var(--gold); padding:12px 0 0; }
  .product-image { height:300px; }
  .product-info h3 { font-size:17px; }
  .product-description { min-height:auto; }

  .footer-main { padding:35px 0; flex-direction:column; text-align:center; }
  .footer-links { flex-wrap:wrap; justify-content:center; gap:16px 24px; }
  .footer-order { align-items:center; }
  .footer-bottom { flex-direction:column; gap:7px; text-align:center; }
  .floating-whatsapp { width:56px; height:56px; right:16px; bottom:16px; }
  .floating-label { display:none; }
}

/* =========================================================
   MALACHEE EXTENDED WEBSITE SECTIONS
   ========================================================= */
.section-space { padding: 92px 0; }
.text-link { display:inline-flex; align-items:center; gap:8px; color:var(--maroon); font-weight:800; font-size:13px; margin-top:10px; }
.text-link:hover { color:var(--maroon-dark); }
.btn-outline-brand { display:inline-flex; align-items:center; gap:8px; border:1px solid var(--maroon); color:var(--maroon); border-radius:7px; padding:12px 20px; font-weight:800; font-size:13px; background:transparent; }
.btn-outline-brand:hover { background:var(--maroon); color:#fff; }

/* STORY */
.story-section { background:#fffdf9; }
.story-grid { display:grid; grid-template-columns:1fr 2fr .7fr; gap:50px; align-items:center; }
.story-label { color:#725f53; font-size:11px; letter-spacing:2px; line-height:1.6; }
.story-label span { display:block; color:var(--gold); font-size:12px; margin-bottom:10px; font-weight:800; }
.story-copy h2, .quality-section h2, .contact-section h2, .partner-panel h2, .about-story h2 { font-family:"Gilroy", sans-serif; color:var(--maroon); font-size:clamp(36px,4vw,52px); line-height:1.08; margin:0 0 20px; }
.story-copy h2 span, .quality-section h2 span, .contact-section h2 span, .partner-panel h2 span, .about-story h2 span { color:#a77a49; }
.story-copy p, .quality-section p, .contact-section p, .partner-panel p, .about-story p { color:var(--muted); line-height:1.8; font-size:14px; max-width:650px; }
.story-accent { min-height:180px; border-left:1px solid #d9c7b0; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:15px; color:var(--maroon); text-align:center; font-size:12px; font-weight:800; }
.story-accent i { font-size:38px; color:var(--gold); }

/* RANGE */
.range-section { background:#f7efe4; }
.range-card { height:100%; background:#fff; border-radius:15px; overflow:hidden; border:1px solid rgba(116,16,22,.08); box-shadow:0 12px 32px rgba(67,33,20,.07); transition:.25s ease; }
.range-card:hover { transform:translateY(-6px); box-shadow:0 22px 42px rgba(67,33,20,.12); }
.range-image { height:310px; position:relative; background:linear-gradient(145deg,#fbf5ec,#ead9c2); display:flex; align-items:center; justify-content:center; }
.range-image img { width:100%; height:100%; object-fit:contain; padding:15px 30px; }
.range-image > span { position:absolute; left:16px; top:15px; color:#9b7855; font-size:11px; font-weight:800; letter-spacing:2px; }
.range-content { padding:20px; }
.range-content h3 { color:#2c211d; font-size:18px; font-weight:800; margin:0 0 7px; }
.range-content p { color:var(--muted); font-size:12px; line-height:1.6; min-height:40px; margin:0 0 13px; }
.range-content a { color:var(--maroon); font-size:12px; font-weight:800; }

/* CATEGORY / PRODUCT CARD EXTENSIONS */
.product-kicker { color:#a47b50; font-size:9px; font-weight:800; letter-spacing:2px; margin-bottom:6px; }
.product-actions { display:grid; grid-template-columns:1fr 45px; gap:7px; }
.view-product-btn { display:flex; align-items:center; justify-content:center; min-height:43px; border:1px solid var(--maroon); color:var(--maroon); border-radius:8px; font-size:12px; font-weight:800; }
.view-product-btn:hover { background:var(--maroon); color:#fff; }
.product-actions .whatsapp-order { min-height:43px; border-radius:8px; }
.view-mini { color:#9b8b80; font-size:10px; font-weight:700; }

/* WHY */
.why-section { background:linear-gradient(135deg,#5b0b10,#7b171b); color:#fff; position:relative; overflow:hidden; }
.why-section::before { content:""; position:absolute; width:450px; height:450px; border-radius:50%; border:1px solid rgba(255,255,255,.08); right:-170px; top:-150px; }
.light-heading .eyebrow { color:#d8ad73; }
.light-heading h2 { color:#fff; }
.light-heading h2 span { color:#e0b878; }
.light-heading p { color:rgba(255,255,255,.72); }
.why-grid { position:relative; }
.why-card { height:100%; min-height:215px; padding:26px 22px; border:1px solid rgba(255,255,255,.13); background:rgba(255,255,255,.055); border-radius:13px; }
.why-card i { color:#dfb477; font-size:28px; }
.why-card h3 { font-size:16px; margin:16px 0 9px; font-weight:800; }
.why-card p { color:rgba(255,255,255,.68); font-size:12px; line-height:1.7; margin:0; }

/* QUALITY */
.quality-section { background:#fffdf9; }
.quality-art { min-height:430px; border-radius:20px; background:radial-gradient(circle at center,#ead4b0 0 18%,#b98a4b 19% 20%,#7a1218 21% 43%,#5a0b10 44% 100%); display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden; box-shadow:var(--shadow); }
.quality-art::before, .quality-art::after { content:""; position:absolute; border:1px solid rgba(255,255,255,.18); border-radius:50%; width:300px; height:300px; }
.quality-art::after { width:390px; height:390px; }
.quality-seal { width:205px; height:205px; border:1px solid rgba(255,255,255,.5); border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#fff; text-align:center; z-index:2; }
.quality-seal span { font-size:8px; letter-spacing:3px; }
.quality-seal strong { font-family:"Gilroy", sans-serif; font-size:27px; line-height:1; margin:11px 0; }
.lead-copy { margin-bottom:12px; }
.quality-words { display:flex; flex-wrap:wrap; gap:8px; margin:18px 0 20px; }
.quality-words span { border:1px solid #dcc8ad; padding:8px 13px; border-radius:50px; color:var(--maroon); font-size:11px; font-weight:800; }
.quality-list { margin-top:25px; display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.quality-list > div { display:flex; gap:11px; }
.quality-list i { color:var(--maroon); font-size:19px; }
.quality-list strong { display:block; color:#392a25; font-size:12px; margin-bottom:3px; }
.quality-list small { display:block; color:#82756b; font-size:10px; line-height:1.5; }

/* RECIPES */
.recipes-section { background:#f7efe4; }
.section-small { max-width:680px !important; margin-top:5px !important; }
.recipe-card { height:100%; min-height:250px; padding:25px; border-radius:15px; background:#fff; border:1px solid rgba(116,16,22,.08); position:relative; overflow:hidden; box-shadow:0 10px 25px rgba(67,33,20,.05); }
.recipe-card > span { position:absolute; right:17px; top:15px; color:#c8aa83; font-size:10px; font-weight:800; }
.recipe-icon { width:48px; height:48px; display:flex; align-items:center; justify-content:center; border-radius:12px; background:#f2e4d1; color:var(--maroon); font-size:21px; margin-bottom:30px; }
.recipe-card h3 { font-size:17px; color:#30221d; font-weight:800; }
.recipe-card p { color:#7a6d63; font-size:12px; line-height:1.7; margin:8px 0 0; }

/* PARTNER */
.partner-section { background:#fffdf9; }
.partner-panel { background:linear-gradient(135deg,#f5e9d8,#fffaf2); border:1px solid #e5d3bb; border-radius:20px; padding:55px; position:relative; overflow:hidden; }
.partner-panel::after { content:""; position:absolute; width:330px; height:330px; border:1px solid rgba(116,16,22,.09); border-radius:50%; right:-120px; top:-150px; }
.partner-points { display:grid; gap:14px; position:relative; z-index:1; }
.partner-points > div { display:flex; align-items:flex-start; gap:14px; padding:15px 0; border-bottom:1px solid #e4d5c2; }
.partner-points > div:last-child { border-bottom:0; }
.partner-points i { color:var(--maroon); font-size:21px; }
.partner-points strong { display:block; color:#392b25; font-size:12px; margin-bottom:3px; }
.partner-points small { display:block; color:#796c62; font-size:10px; line-height:1.5; }

/* CONTACT */
.contact-section { background:#fff; }
.contact-details { margin-top:25px; display:grid; gap:13px; }
.contact-details a, .contact-details > div { display:flex; align-items:center; gap:13px; color:#392b25; }
.contact-details i { width:38px; height:38px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:#f4e8d9; color:var(--maroon); }
.contact-details span { font-size:12px; font-weight:700; }
.contact-details small { display:block; color:#9b8b7e; font-size:9px; letter-spacing:1px; text-transform:uppercase; margin-bottom:2px; }
.contact-form { background:#fbf5ec; border:1px solid #e7d8c4; border-radius:16px; padding:30px; }
.form-heading { display:flex; justify-content:space-between; align-items:end; margin-bottom:20px; border-bottom:1px solid #e2d2bd; padding-bottom:15px; }
.form-heading span { color:var(--maroon); font-size:11px; font-weight:800; letter-spacing:2px; }
.form-heading small { color:#96877c; font-size:10px; }
.contact-form label { display:block; color:#5c4a40; font-size:10px; font-weight:800; margin-bottom:6px; }
.contact-form input, .contact-form select, .contact-form textarea { width:100%; border:1px solid #ddcdb8; border-radius:7px; background:#fff; padding:11px 12px; outline:none; font:inherit; font-size:12px; color:#3b2d27; }
.contact-form input:focus, .contact-form select:focus, .contact-form textarea:focus { border-color:#a77a49; box-shadow:0 0 0 3px rgba(167,122,73,.09); }
.form-note { display:block; color:#9a8c81; font-size:9px; margin-top:8px; }

/* INNER / ABOUT */
.inner-hero { padding:95px 0; background:linear-gradient(120deg,#fbf1e3,#f4e4cf 65%,#711016 65.2%,#540a0e); color:#fff; }
.inner-hero .eyebrow { color:#a06d45; }
.inner-hero h1 { font-family:"Gilroy", sans-serif;  font-size:clamp(44px,6vw,72px); line-height:1.05; color:var(--maroon); margin:0 0 17px; }
.inner-hero h1 span { color:#8c292d; }
.inner-hero p { color:#65564d; max-width:560px; line-height:1.7; }
.about-story { background:#fffdf9; }
.about-image-frame { min-height:500px; border-radius:20px; background:linear-gradient(145deg,#f5eadc,#e9d6bc); display:flex; align-items:center; justify-content:center; overflow:hidden; box-shadow:var(--shadow); }
.about-image-frame img { width:100%; height:100%; max-height:500px; object-fit:contain; padding:25px; }
.focus-quote { border-left:3px solid var(--gold); padding:13px 18px; color:var(--maroon);  font-size:18px; line-height:1.5; margin:17px 0; }
.philosophy-section { background:#f7efe4; }
.philosophy-card { height:100%; background:#fff; border-radius:14px; padding:25px; border:1px solid rgba(116,16,22,.08); position:relative; }
.philosophy-card > span { position:absolute; top:15px; right:18px; color:#c5a47d; font-size:10px; font-weight:800; }
.philosophy-card i { display:block; color:var(--maroon); font-size:25px; margin:30px 0 20px; }
.philosophy-card h3 { color:#342620; font-size:15px; font-weight:800; }
.philosophy-card p { color:#786c63; font-size:11px; line-height:1.7; }
.about-range { background:#fffdf9; }
.about-product-card { background:#fff; border:1px solid #eadcca; border-radius:15px; overflow:hidden; height:100%; transition:.2s ease; }
.about-product-card:hover { transform:translateY(-5px); box-shadow:var(--shadow); }
.about-product-card a { color:inherit; }
.about-product-card img { width:100%; height:300px; object-fit:contain; background:#f7eee2; padding:20px; }
.about-product-card div { padding:17px; }
.about-product-card span { color:#a27b52; font-size:9px; letter-spacing:1px; font-weight:800; }
.about-product-card h3 { color:#33251f; font-size:16px; margin:5px 0 9px; font-weight:800; }
.about-product-card small { color:var(--maroon); font-weight:800; font-size:10px; }
.about-cta { background:linear-gradient(135deg,#6a0e14,#4f080c); padding:80px 0; color:#fff; }
.about-cta .eyebrow { color:#dfb477; }
.about-cta h2 {  font-size:46px; line-height:1.1; margin-bottom:25px; }
.about-cta h2 span { color:#e0b878; }

/* PRODUCT DETAIL */
.product-detail-section { background:#fbf5ec; padding-top:60px; }
.product-breadcrumb { display:flex; align-items:center; gap:9px; color:#998b80; font-size:10px; margin-bottom:28px; }
.product-breadcrumb a { color:#806a59; font-weight:700; }
.product-detail-grid { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; }
.detail-image-wrap { min-height:570px; background:linear-gradient(145deg,#f8eee2,#e8d4b9); border-radius:20px; position:relative; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.detail-image-wrap img { width:100%; height:100%; max-height:570px; object-fit:contain; padding:35px; }
.detail-number { position:absolute; z-index:2; top:22px; left:24px; color:#8e6c4c; font-size:9px; font-weight:800; letter-spacing:2px; }
.detail-copy .eyebrow { margin-bottom:10px; }
.detail-copy h1 { color:var(--maroon); font-size:clamp(38px,4vw,55px); line-height:1.05; margin-bottom:14px; }
.detail-copy h2 { color:#6d4e3b; font-size:14px; font-weight:800; letter-spacing:.7px; margin-bottom:18px; }
.detail-copy > p { color:#766960; line-height:1.8; font-size:14px; max-width:590px; }
.detail-use-title { color:#8e765f; font-size:10px; font-weight:800; letter-spacing:2px; margin-top:28px; margin-bottom:11px; }
.use-chips { display:flex; flex-wrap:wrap; gap:7px; }
.use-chips span { background:#fff; border:1px solid #dfccb3; border-radius:50px; padding:7px 11px; color:#604c3f; font-size:10px; font-weight:800; }
.detail-pack { display:flex; align-items:center; gap:12px; margin-top:24px; padding:13px 0; border-top:1px solid #dfcfba; border-bottom:1px solid #dfcfba; }
.detail-pack span { color:#97887c; font-size:10px; }
.detail-pack strong { color:#392a25; font-size:13px; }
.detail-actions { display:flex; gap:10px; margin-top:23px; flex-wrap:wrap; }
.related-section { background:#fffdf9; }
.related-card { background:#fff; border:1px solid #eadcca; border-radius:14px; overflow:hidden; height:100%; transition:.2s ease; }
.related-card:hover { transform:translateY(-5px); box-shadow:var(--shadow); }
.related-card a { color:inherit; }
.related-card img { width:100%; height:270px; object-fit:contain; background:#f7eee2; padding:20px; }
.related-card div { padding:16px; }
.related-card h3 { font-size:16px; font-weight:800; margin:0 0 7px; }
.related-card span { color:var(--maroon); font-size:10px; font-weight:800; }

/* MODAL */
.product-modal-content { border:0; border-radius:18px; overflow:hidden; background:#fffdf9; }
.modal-close { position:absolute; z-index:5; right:18px; top:18px; background:#fff; border-radius:50%; padding:8px; opacity:1; }
.quick-view-grid { display:grid; grid-template-columns:.9fr 1.1fr; }
.quick-view-image { min-height:480px; background:#f7eee2; display:flex; align-items:center; justify-content:center; }
.quick-view-image img { width:100%; height:100%; object-fit:contain; padding:25px; }
.quick-view-copy { padding:45px 35px; }
.quick-view-copy h2 { color:var(--maroon); font-size:34px; }
.quick-view-copy h3 { color:#6d4e3b; font-size:12px; letter-spacing:.6px; }
.quick-view-copy p { color:#756960; font-size:13px; line-height:1.75; }
.quick-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:20px; }

/* FOOTER EXTENSION */
.footer-products { border-top:1px solid rgba(255,255,255,.12); padding:16px 0; color:rgba(255,255,255,.68); font-size:10px; }
.footer-products strong { color:#fff; }

@media (max-width: 991.98px) {
  .section-space { padding:75px 0; }
  .story-grid { grid-template-columns:1fr 2fr; gap:35px; }
  .story-accent { grid-column:1 / -1; min-height:auto; border-left:0; border-top:1px solid #d9c7b0; padding-top:18px; flex-direction:row; }
  .quality-list { grid-template-columns:1fr; }
  .partner-panel { padding:40px 30px; }
  .product-detail-grid { grid-template-columns:1fr; gap:35px; }
  .detail-image-wrap { min-height:480px; }
}

@media (max-width: 767.98px) {
  .section-space { padding: 62px 10px; }
  .story-grid { grid-template-columns:1fr; gap:22px; }
  .story-label { order:0; }
  .story-copy { order:1; }
  .story-accent { order:2; }
  .range-image { height:290px; }
  .why-card { min-height:auto; }
  .quality-art { min-height:350px; }
  .partner-panel { padding:32px 22px; }
  .contact-form { padding:22px 18px; }
  .inner-hero { padding:65px 0; background:#f8eee2; }
  .inner-hero h1 { font-size:46px; }
  .about-image-frame { min-height:370px; }
  .about-cta h2 { font-size:38px; }
  .detail-image-wrap { min-height:390px; }
  .detail-image-wrap img { padding: 30px; }
  .quick-view-grid { grid-template-columns:1fr; }
  .quick-view-image { min-height:320px; }
  .quick-view-copy { padding:30px 22px; }
}

body {
    font-family: "Gilroy", sans-serif;
    font-weight: 400;
}

h1, h2, h3, h4 {
    font-family: "Gilroy", sans-serif;
    font-weight: 600;
}

.btn,
.nav-link {
    font-family: "Gilroy", sans-serif;
    font-weight: 600;
}
/* =========================
   FOOTER
========================= */

.site-footer {
    margin-top: 80px;
    padding: 65px 0 25px;
    background: #321c19;
    color: #fff;
}

.footer-main {
    display: grid;
    grid-template-columns: 1.4fr 1fr 1.2fr 1.3fr;
    gap: 45px;
    padding-bottom: 45px;
}

.footer-logo {
    width: 150px;
    max-width: 100%;
    margin-bottom: 18px;
}

.footer-brand p {
    margin: 0;
    color: rgba(255,255,255,.72);
    font-size: 15px;
    line-height: 1.7;
}


/* Headings */

.site-footer h5 {
    margin: 0 0 20px;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .5px;
    text-transform: uppercase;
}


/* Footer links */

.footer-links {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.footer-links a {
    color: rgba(255,255,255,.72);
    text-decoration: none;
    font-size: 14px;
    transition: .25s ease;
}

.footer-links a:hover {
    color: #fff;
    padding-left: 4px;
}


/* Social icons */

.footer-social {
    /* display: flex; */
    gap: 10px;
    margin-top: 24px;
}

.footer-social a {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;

    border: 1px solid rgba(255,255,255,.25);
    border-radius: 50%;

    color: #fff;
    text-decoration: none;

    transition: .25s ease;
}

.footer-social a:hover {
    background: #fff;
    color: #321c19;
    transform: translateY(-3px);
}

.footer-social i {
    font-size: 17px;
}


/* WhatsApp */

.footer-order p {
    color: rgba(255,255,255,.72);
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 18px;
}

.footer-whatsapp {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    padding: 12px 18px;
    border-radius: 7px;

    background: #fff;
    color: #321c19;

    text-decoration: none;
    font-size: 14px;
    font-weight: 600;

    transition: .25s ease;
}

.footer-whatsapp:hover {
    transform: translateY(-2px);
    color: #321c19;
}

.footer-whatsapp i {
    font-size: 18px;
}


/* Product strip */

.footer-products {
    padding: 22px 0;

    border-top: 1px solid rgba(255,255,255,.12);
    border-bottom: 1px solid rgba(255,255,255,.12);

    color: rgba(255,255,255,.65);
    font-size: 13px;
    line-height: 1.8;
}

.footer-products strong {
    color: #fff;
}


/* Bottom */

.footer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    padding-top: 24px;

    color: rgba(255,255,255,.55);
    font-size: 12px;
}

.footer-legal {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 18px;
}

.footer-legal a {
    color: rgba(255,255,255,.55);
    text-decoration: none;
    transition: .25s ease;
}

.footer-legal a:hover {
    color: #fff;
}


/* =========================
   MOBILE
========================= */

@media (max-width: 991px) {

    /* .footer-main {
        grid-template-columns: 1fr 1fr;
        gap: 35px;
    } */

}

@media (max-width: 575px) {

    .site-footer {
        padding: 50px 0 20px;
    }

    .footer-main {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .footer-bottom {
        flex-direction: column;
        align-items: flex-start;
    }

    .footer-legal {
        justify-content: flex-start;
        gap: 10px 16px;
    }

    .footer-products {
        font-size: 12px;
    }

}





/* =========================================
   POLICY PAGES
========================================= */

.policy-hero {
    padding: 90px 0 70px;
    background: #f5f0e8;
    border-bottom: 1px solid rgba(80, 40, 30, 0.10);
}

.policy-hero .eyebrow {
    margin-bottom: 12px;
}

.policy-hero h1 {
    margin: 0 0 12px;
    font-size: clamp(38px, 5vw, 64px);
    line-height: 1.05;
}

.policy-hero p {
    margin: 0;
    color: #6f625b;
    font-size: 17px;
}

.policy-content {
    background: #fff;
}

.policy-wrapper {
    max-width: 900px;
    margin: 0 auto;
}

.policy-wrapper > p {
    color: #5e5752;
    font-size: 16px;
    line-height: 1.85;
    margin-bottom: 20px;
}

.policy-wrapper h2 {
    margin-top: 42px;
    margin-bottom: 15px;
    color: #321c19;
    font-size: 25px;
    font-weight: 600;
}

.policy-wrapper p,
.policy-wrapper li {
    color: #5e5752;
    font-size: 15px;
    line-height: 1.8;
}

.policy-wrapper ul {
    padding-left: 22px;
    margin-bottom: 25px;
}

.policy-wrapper li {
    margin-bottom: 7px;
}

.policy-wrapper a {
    color: #7b3f32;
    font-weight: 600;
    text-decoration: none;
}

.policy-wrapper a:hover {
    text-decoration: underline;
}

.policy-contact {
    margin-top: 20px;
    padding: 25px;
    background: #f8f4ee;
    border-left: 3px solid #7b3f32;
}

.policy-contact p {
    margin: 0 0 10px;
}

.policy-contact p:last-child {
    margin-bottom: 0;
}

@media (max-width: 767px) {

    .policy-hero {
        padding: 65px 0 50px;
    }

    .policy-wrapper h2 {
        font-size: 22px;
        margin-top: 34px;
    }

    .policy-wrapper p,
    .policy-wrapper li {
        font-size: 14px;
    }

}

.container, .container-fluid {
    max-width: 96% !important;
}