html,body{margin:0;padding:0;background:#FAF8F4;color:#23211E;font-family:'Manrope',system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
a{color:#7A5F38;text-decoration:none}
a:hover{color:#23211E}
img{display:block;max-width:100%;height:auto}
input,select,textarea,button{font-family:inherit;font-size:15px}
p,li{text-wrap:pretty;line-height:1.65}
h1,h2,h3{text-wrap:balance;font-family:Georgia,'Times New Roman',serif;font-weight:400}
.mono{font-family:'Courier New',Courier,monospace}
button{cursor:pointer}
.skip-link{position:absolute;left:-9999px;top:auto}
.skip-link:focus{left:8px;top:8px;background:#23211E;color:#FAF8F4;padding:8px 14px;border-radius:6px;z-index:999}

.img-cover{width:100%;height:100%;object-fit:cover;border-radius:6px;display:block}

details.faq-item{border-bottom:1px solid #E6E0D5}
details.faq-item summary{list-style:none;cursor:pointer;padding:18px 0;display:flex;justify-content:space-between;gap:16px;font-weight:600;font-size:16px;color:#23211E}
details.faq-item summary::-webkit-details-marker{display:none}
details.faq-item summary .sign{color:#7A5F38;flex:0 0 auto}
details.faq-item summary .sign::after{content:"+"}
details.faq-item[open] summary .sign::after{content:"\2212"}
details.faq-item p{margin:0 0 18px;color:#5C5850;font-size:15px}
details.faq-item.lg summary{padding:20px 0;font-size:17px}
details.faq-item.lg p{color:#5C5850}

.chip{border:1px solid #D8D0C2;background:#fff;color:#23211E;border-radius:999px;padding:8px 14px;cursor:pointer;font-size:13.5px;font-weight:500}
.chip.active{background:#23211E;color:#FAF8F4;border-color:#23211E}
.chip2{border:1px solid #CFC3AE;background:#fff;color:#23211E;border-radius:999px;padding:8px 14px;cursor:pointer;font-size:13.5px}
.chip2.active{background:#23211E;color:#FAF8F4}
.chip3{border:1px solid #D8D0C2;background:#fff;color:#23211E;border-radius:999px;padding:9px 16px;cursor:pointer;font-size:14px;font-weight:500}
.chip3.active{background:#23211E;color:#FAF8F4;border-color:#23211E}

.hidden{display:none !important}

#cart-backdrop{position:fixed;inset:0;background:rgba(35,33,30,.35);z-index:80}
#cart-drawer{position:fixed;top:0;right:0;bottom:0;width:min(440px,100%);background:#FAF8F4;z-index:90;display:flex;flex-direction:column;box-shadow:-20px 0 60px rgba(0,0,0,.12)}
#cart-lines{flex:1;overflow:auto;padding:8px 24px}
.cart-line{display:grid;grid-template-columns:64px 1fr auto;gap:14px;padding:16px 0;border-bottom:1px solid #E6E0D5;align-items:center}
.cart-thumb{width:64px;height:64px;border-radius:4px;overflow:hidden;background:#EEEDEA}
.qty-btn{width:28px;height:28px;border:1px solid #D8D0C2;background:#fff;border-radius:50%;cursor:pointer}

#toast{position:fixed;left:50%;transform:translateX(-50%);bottom:28px;background:#23211E;color:#FAF8F4;padding:14px 22px;border-radius:999px;z-index:95;font-size:14px;box-shadow:0 10px 30px rgba(0,0,0,.2)}
#cookie-bar{position:fixed;left:16px;right:16px;bottom:16px;max-width:560px;background:#fff;border:1px solid #E6E0D5;border-radius:10px;padding:22px;z-index:70;box-shadow:0 20px 60px rgba(35,33,30,.15)}

.field{padding:13px;border:1px solid #D8D0C2;border-radius:6px;background:#FAF8F4;width:100%}
.field:focus{outline:2px solid #B79A6C;outline-offset:1px}

@media (max-width:640px){
  #cart-drawer{width:100%}
}