:root{
  --sd-bg:#FAF2E3; --sd-cream:#FFF5E6; --sd-brown:#3A2C1F; --sd-green:#2E7D3C; --sd-amber:#B07A2C;
  --sd-red:#B9352B; --sd-black:#000000;
}
html{scroll-behavior:smooth}
body{background:var(--sd-bg);color:var(--sd-brown);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif}
/* Header */
header{background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.08);position:sticky;top:0;z-index:1030}
.navbar-brand img{height:150px}
.midline{font-weight:800;color:var(--sd-amber);text-align:center;font-size:1.6rem}
.nav-tabs-sd .nav-link{border:2px solid rgba(46,125,60,.25); color:var(--sd-brown); border-radius:999px; padding:.5rem 1rem; background:#fff}
.nav-tabs-sd .nav-link:hover{border-color:var(--sd-green); color:var(--sd-green)}
.nav-tabs-sd .nav-link.active{background:var(--sd-green); color:#fff; border-color:var(--sd-green)}
/* Offset for sticky header */
.section{scroll-margin-top:130px}
/* Hero & cards */
.hero{padding:40px 0;background:linear-gradient(180deg, var(--sd-cream), rgba(255,255,255,0))}
.hero-card{background:#f7efe3;border-radius:20px;box-shadow:0 6px 20px rgba(0,0,0,.06)}
.section-title{color:var(--sd-green);font-weight:800}
/* Belief */
.belief{background-image:url('images/hero.jpg'); background-attachment:fixed; background-size:cover; background-position:center; color:#fff; position:relative}
.belief::before{content:''; position:absolute; inset:0; background:rgba(34,34,34,.55)}
.belief .inner{position:relative; padding:80px 20px}
.belief-card{background:rgba(255,255,255,.93); color:var(--sd-brown); border-radius:16px; box-shadow:0 2px 10px rgba(0,0,0,.12); padding:18px}
/* Product strip (horizontal scroll) */
.product-strip{display:flex; gap:16px; overflow-x:auto; padding-bottom:8px; scroll-snap-type:x mandatory}
.product-strip::-webkit-scrollbar{height:10px}
.product-strip::-webkit-scrollbar-thumb{background:#d2c3ac;border-radius:10px}
.strip-card{min-width:260px; max-width:260px; scroll-snap-align:start}
.product-card{border:none;border-radius:18px;box-shadow:0 4px 14px rgba(0,0,0,.08);overflow:hidden;height:100%;display:flex;flex-direction:column;background:#F5E8C6 !important}
.product-card img{aspect-ratio:1/1;object-fit:cover;width:100%;min-height: 250px;}
.qty-row{display:flex; gap:8px; align-items:center; margin-top:auto}
.qty-row input{width:70px}
/* Floating cart bar */
.cart-bar{position:fixed; left:0; right:0; bottom:0; z-index:1040; background:#ffffffcc; backdrop-filter:blur(8px); border-top:1px solid #e8dcc9; padding:10px}
/* Contact */
.contact-card{background:#fff;border-radius:16px;box-shadow:0 2px 10px rgba(0,0,0,.06);padding:20px}
footer{background:var(--sd-cream); margin-bottom:60px}
@media (max-width: 991.98px){
  .midline{font-size:1.25rem;margin-top:.25rem}
  .navbar-brand img{height:80px}
}
/* v11.1 mobile tweaks */
.navbar-toggler{ border-color: rgba(46,125,60,.35) }
.navbar-toggler:focus{ box-shadow: 0 0 0 .2rem rgba(46,125,60,.25) }
#mainNav .nav-link{ margin: .25rem 0 }
@media (max-width: 991.98px){
  .midline{ font-size:1.05rem }
}


/* v11.2 header palette & tagline */
header{ background:#F5E8C6 !important;height:160px }
.midline{ color:#4A2E18 !important; }
@media (max-width: 991.98px){
  .midline{ font-size:1.1rem !important; }
}

/* Custom hamburger icon color (#4A2E18) */
.navbar-toggler-icon{
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%234A2E18' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.navbar-toggler{ border-color: rgba(74,46,24,.45) }
.navbar-toggler:focus{ box-shadow: 0 0 0 .2rem rgba(74,46,24,.25) }

/* Center nav row content */
.nav-row{ display:flex; justify-content:center; }
#navCollapse .navbar-nav{ margin-left:auto; margin-right:auto; } /* center in collapse */


/* v11.3 header layout */
header{ background:#F5E8C6 !important; }
.header-top{ display:flex; align-items:center; justify-content:space-between; gap:12px; }
.header-left{ display:flex; align-items:center; gap:10px; }
.midline{ color:#4A2E18 !important; text-align:center; }
@media (min-width: 992px){
  .midline{ font-size:1.4rem; font-weight:800; }
  .header-center{ flex:1; display:flex; justify-content:center; }
  .header-right{ display:flex; align-items:center; gap:10px; }
  .navbar-expand-lg .navbar-collapse{margin-top:-25px}
}
@media (max-width: 991.98px){
  .midline{ font-size:1.1rem; margin-top:.35rem; }
  .header-top .btn{ padding:.4rem .6rem; }
  .navbar-brand img{ height:80px !important; }
  .navbar-expand-lg .navbar-collapse{margin-top:-20px}
}

/* Custom hamburger color */
.navbar-toggler-icon{
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%234A2E18' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.navbar-toggler{ border-color: rgba(74,46,24,.45) }
.navbar-toggler:focus{ box-shadow: 0 0 0 .2rem rgba(74,46,24,.25) }

/* Center nav row content and collapse */
.nav-row{ display:flex; justify-content:center; }
#navCollapse .navbar-nav{ margin-left:auto; margin-right:auto; }

/* Carousel images aspect ratio */
.carousel-item img{ width:100%; aspect-ratio:16/9; object-fit:cover; }

/* Product images already square; keep object-fit */
.product-card img{ aspect-ratio:auto; object-fit:cover; width:100%; }


/* --- Responsive header layout tweaks --- */
header .container { padding-top: .35rem; padding-bottom: .35rem; }
.header-top{ display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: .5rem; }
.logo-img{ height: 64px; }
@media (min-width: 768px){ .logo-img{ height: 80px; } }
@media (min-width: 992px){ .logo-img{ height: 100px; } header .container { padding-top: .5rem; padding-bottom: .5rem; } }

/* Icon-sized WhatsApp button */
.wa-icon-btn{ display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius: .5rem; background:#198754; color:#fff; text-decoration:none; }
.wa-icon-btn:hover{ color:#fff; filter:brightness(.95); }

/* Ensure sticky-header offset is adequate so sections are not hidden */
:root{ --header-offset-mobile: 150px; --header-offset-desktop: 120px; }
.section{ scroll-margin-top: var(--header-offset-mobile); }
@media (min-width: 992px){ .section{ scroll-margin-top: var(--header-offset-desktop); } }


/* --- Header layout rules (revised) --- */
.header-top{
  display:grid;
  grid-template-columns: 1fr auto 1fr;
  align-items:center;
  gap:.5rem;
}
/* the two brand logos: show center one on mobile, left one on desktop */
@media (min-width: 992px){
  .header-left .navbar-brand{ display:inline-flex !important; }
  .header-center .navbar-brand{ display:none !important; }
}
@media (max-width: 991.98px){
  .header-left .navbar-brand{ display:none !important; }
  .header-center .navbar-brand{ display:inline-flex !important; }
}

/* Midline only desktop */
.midline{ font-weight:800; color:var(--sd-amber); text-align:center; font-size:1.6rem; }
@media (max-width: 991.98px){ .midline{ display:none !important; } }

/* Keep desktop spacing compact */
header .container{ padding-top:.5rem; padding-bottom:.5rem; }
.logo-img{ height:64px; }
@media (min-width:768px){ .logo-img{ height:80px; } }
@media (min-width:992px){ .logo-img{ height:100px; } }

/* Icon-sized WhatsApp button for mobile */
.wa-icon-btn{ display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:.5rem; background:#198754; color:#fff; text-decoration:none; }
.wa-icon-btn:hover{ color:#fff; filter:brightness(.95); }

/* Ensure sections are not hidden by sticky header */
:root{ --header-offset-mobile: 150px; --header-offset-desktop: 120px; }
.section{ scroll-margin-top: var(--header-offset-mobile); }
@media (min-width: 992px){ .section{ scroll-margin-top: var(--header-offset-desktop); } }

/* Mobile tagline below logo */
.mobile-tagline{ font-weight:700; color:#4A2E18 ; margin-top:.25rem; font-size:.95rem; }

#sd-toast {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    bottom: 16px;
    max-width: 920px;
    width: calc(100% - 24px);
    background: #C58B31;
    color: #4B2E17;
    padding: 14px 16px;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
    z-index: 999999;
    /* font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; */
    font-size: 15px;
    /* line-height: 1.5; */
    font-weight: 700;
}
#sd-toast a{color:#b5f5c9;text-decoration:underline}
#sd-toast .sd-close{cursor:pointer;border:none;background:transparent;color:#fff;font-size:18px;line-height:1;
 padding:4px 8px;border-radius:8px;opacity:0.8;position:absolute;right:8px;top:6px}
#sd-toast .sd-close:hover{opacity:1}
#sd-toast h4{margin:0 0 4px 0;font-size:15px}
#sd-toast p{margin:2px 0}
@media (max-width:520px){#sd-toast{font-size:13px}}
#coming-soon{
	color: #b5f5c9;
    font-weight: 600;
 }