@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&family=Playfair+Display:wght@700&display=swap');
:root{--green:#1F4F42;--sand:#D3CFC9;--terracotta:#E7886F;--terracotta-dark:#D0745F;--ivory:#F8F5EE;--ink:#2A2A2A;--moss:#6B7A6F}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:16px/1.65 'Open Sans',sans-serif;background:var(--ivory)}a{color:var(--terracotta);text-decoration:none}a:hover{color:var(--terracotta-dark)}.container{width:min(1180px,calc(100% - 2rem));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:var(--green);color:#f0f0f0}.nav-wrap{min-height:76px;display:flex;align-items:center;justify-content:space-between}.logo{font:700 2rem 'Playfair Display',serif;color:#f5f5f5}.main-nav{display:flex;align-items:center;gap:1.35rem}.main-nav a{color:#f0f0f0;text-transform:uppercase;font-size:.78rem;font-weight:700;letter-spacing:.04em}.main-nav a:hover{color:var(--terracotta)}.cart-link{color:var(--terracotta)!important}.menu-toggle{display:none;background:none;border:0;color:var(--terracotta);font-size:1.7rem}.hero{min-height:80vh;background:linear-gradient(90deg,rgba(31,79,66,.82),rgba(31,79,66,.58)),url('../images/hero.jpg') center/cover;display:grid;place-items:center;text-align:center}.hero .container{max-width:820px}.hero h1,.hero h2,.hero p{color:#f0f0f0}.hero h1{font:700 clamp(2.5rem,6vw,3.5rem)/1.1 'Playfair Display',serif}.hero p{color:var(--sand);font-size:1.06rem}.hero img{height:520px;max-height:80vh}.section{padding:5rem 0}.section h2,.section h3,.section p{color:var(--ink)}.dark,.band,.sage-band,.callout,.cta,.accent{background:var(--green);color:#f0f0f0}.dark h2,.dark h3,.dark p,.dark li,.band h2,.band h3,.band p,.band li,.sage-band h2,.sage-band h3,.sage-band p,.sage-band li,.callout h2,.callout h3,.callout p,.callout li,.cta h2,.cta h3,.cta p,.cta li,.accent h2,.accent h3,.accent p,.accent li{color:#f0f0f0}.dark .card,.dark .card *,.band .card,.band .card *,.sage-band .card,.sage-band .card *,.callout .card,.callout .card *,.cta .card,.cta .card *,.accent .card,.accent .card *{color:var(--ink)}.dark table th,.dark table td,.band table th,.band table td,.sage-band table th,.sage-band table td,.callout table th,.callout table td,.cta table th,.cta table td,.accent table th,.accent table td{color:var(--ink)}.dark blockquote,.band blockquote,.sage-band blockquote,.callout blockquote,.cta blockquote,.accent blockquote{color:var(--ink)}.grid-4,.grid-3,.grid-2,.stats,.gallery,.article-list,.footer-grid{display:grid;gap:1.4rem}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2,.split{grid-template-columns:1fr 1fr}.split{display:grid;gap:2rem;align-items:center}.split img{height:420px;max-height:60vh}.card{background:#fff;color:var(--ink);border:1px solid var(--moss);padding:1.35rem;border-radius:8px}.card h3,.card p{color:var(--ink)}img{width:100%;height:280px;max-height:60vh;object-fit:cover;display:block}.gallery{grid-template-columns:repeat(3,1fr)}.gallery img{height:220px}.stats{grid-template-columns:repeat(4,1fr);text-align:center}.stats strong{display:block;color:var(--terracotta);font:700 2.7rem 'Playfair Display',serif}.stats span{color:#f0f0f0}.product-price{color:var(--terracotta);font-size:1.25rem;font-weight:700}.button,button{display:inline-block;border:0;border-radius:6px;padding:.75rem 1.15rem;background:var(--terracotta);color:#f5f5f5;font-weight:700;cursor:pointer}.button:hover,button:hover{background:var(--terracotta-dark);color:#f5f5f5}.outline{background:transparent;border:1px solid var(--terracotta);color:var(--terracotta)}table{width:100%;border-collapse:collapse;background:#fff;color:var(--ink)}th,td{padding:1rem;border:1px solid #ccd4cd;background:#fff;color:var(--ink);text-align:left}blockquote{margin:0;padding:1.5rem;background:#f9fafb;color:var(--ink);border-left:5px solid var(--terracotta)}.article-list{grid-template-columns:repeat(4,1fr)}.article-list article{background:#fff;padding:1rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}label{display:block;font-weight:700;color:var(--ink)}input,select,textarea{width:100%;padding:.75rem;border:1px solid var(--moss);border-radius:5px;font:inherit}.full{grid-column:1/-1}.site-footer{background:var(--green);color:var(--sand);padding:4rem 0 1rem}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}.site-footer h3{color:var(--terracotta)}.site-footer p,.site-footer a{color:var(--sand);display:block}.site-footer a:hover{color:#f0f0f0}.copyright{text-align:center;border-top:1px solid #477266;margin-top:2rem;padding-top:1rem;color:var(--sand)}.cookie-banner{position:fixed!important;bottom:1.25rem;right:1.25rem;left:auto;z-index:9999;background:var(--green);color:#f0f0f0;padding:1rem 1.25rem;border:2px solid var(--terracotta);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.15);max-width:380px;font-size:.9rem}.cookie-banner p{margin:0 0 .75rem;color:#f0f0f0}.cookie-banner a{color:var(--terracotta)}.cookie-banner button{margin-right:.5rem}.cookie-banner button[data-cookie-reject]{background:transparent;color:var(--terracotta);border:1px solid var(--terracotta)}.cookie-banner.hidden{display:none!important}@media(max-width:768px){.main-nav{display:none;position:absolute;top:76px;left:0;right:0;padding:1rem;flex-direction:column;align-items:flex-start;background:var(--green)}.main-nav.open{display:flex}.menu-toggle{display:block}.grid-4,.grid-3,.grid-2,.split,.stats,.gallery,.article-list,.footer-grid{grid-template-columns:1fr}.hero{min-height:60vh}.section{padding:3rem 0}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.cookie-banner{left:0;right:0;bottom:0;max-width:none;border-radius:0}}


/* ─── YASKUNI STANDARD CSS OVERRIDES ─── */

/* IMG-RESP-OVERRIDE */
img { max-width: 100%; height: auto; display: block; }

/* TABLE-COLOR-FIX */
table { color: inherit; background-color: inherit; }
th, td { color: inherit; background-color: inherit; }

/* TABLE-DARK-SECTION-FIX */
.dark table, [data-theme="dark"] table, .band table { color: inherit; border-color: rgba(255,255,255,0.2); }

/* BTN-HERO-FIX */
.btn, .button { display: inline-block; text-decoration: none; cursor: pointer; }
.btn:focus-visible, .button:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }

/* CARD-IN-DARK-FIX */
.dark .card, [data-theme="dark"] .card, .band .card { background-color: rgba(255,255,255,0.06); color: inherit; }

/* SECTION-LAYOUT-FIX */
.section { box-sizing: border-box; width: 100%; }
.container { box-sizing: border-box; max-width: 1140px; margin-inline: auto; padding-inline: 1rem; }

/* cookie banner */
#cookieBanner { position:fixed;bottom:0;left:0;right:0;background:#2c2c2c;color:#fff;
  padding:1rem;display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;
  justify-content:center;z-index:9999; }
#cookieBanner[hidden] { display:none!important; }
#cookieBanner p { margin:0;flex:1 1 200px; }
#cookieBanner a { color:#f0c040; }
#cookieBanner button { background:#f0c040;color:#000;border:none;
  padding:.5rem 1.2rem;border-radius:4px;cursor:pointer;font-weight:600; }
#cookieReject { background:transparent;border:1px solid #fff;color:#fff; }

/* mobile nav */
#mobile-nav { display:flex;flex-direction:column;background:#2c2c2c;padding:1rem; }
#mobile-nav[hidden] { display:none!important; }
#mobile-nav a { color:#f0f0f0;padding:.5rem 0;text-decoration:none; }
@media(min-width:769px){ #mobile-nav{display:none!important;} }

/* skip-link */
.skip-link { position:absolute;left:-9999px;top:auto; }
.skip-link:focus { left:1rem;top:1rem;z-index:10000;background:#f0c040;
  color:#000;padding:.5rem 1rem;border-radius:4px; }

/* old cookie-banner hidden */
.cookie-banner { display:none!important; }