html,body{margin:0;padding:0;background:#F6F0ED;color:#2A2325;font-family:Manrope,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
a{color:#6E1F30;text-decoration:underline;text-underline-offset:3px}
a:hover{color:#4E1522}
input,select,textarea,button{font-family:inherit}
::selection{background:#E8D3CE}
img{max-width:100%}
button{cursor:pointer}

.nav-link{transition:color .15s ease}
.nav-link:hover{color:#6E1F30 !important}
.footer-link{transition:color .15s ease}
.footer-link:hover{color:#fff !important}

.btn-primary{transition:background .15s ease}
.btn-primary:hover{background:#4E1522 !important}
.btn-outline-dark{transition:background .15s ease,color .15s ease}
.btn-outline-dark:hover{background:#2A2325 !important;color:#F6F0ED !important}
.btn-cream{transition:background .15s ease}
.btn-cream:hover{background:#fff !important}
.btn-outline-cream{transition:background .15s ease,color .15s ease}
.btn-outline-cream:hover{background:#D9B8B1 !important;color:#2A2325 !important}
.btn-sample{transition:background .15s ease}
.btn-sample:hover{background:#E8D3CE !important}

.svc-card{transition:border-color .15s ease}
.svc-card:hover{border-color:#6E1F30 !important}

.option-row{border:1px solid #E2D6D2;transition:border-color .15s ease}
.option-row:has(input:checked){border-color:#6E1F30}
.option-dot{width:18px;height:18px;border-radius:9px;border:1px solid #6E1F30;flex:none;position:relative}
.option-row input[type=radio]{position:absolute;opacity:0;width:18px;height:18px;margin:0;cursor:pointer}
.option-row:has(input:checked) .option-dot::after{content:"";position:absolute;inset:3px;border-radius:50%;background:#6E1F30}

.faq-row .faq-a{display:none}
.faq-row.open .faq-a{display:block}
.faq-row.open .faq-sign{transform:rotate(45deg);display:inline-block}

.cart-drawer{position:fixed;inset:0;z-index:60;display:none}
.cart-drawer.open{display:flex}
.cart-drawer .overlay{position:absolute;inset:0;background:rgba(42,35,37,.45)}
.cart-drawer .panel{position:relative;width:min(440px,100%);height:100%;background:#F6F0ED;display:flex;flex-direction:column;box-shadow:-20px 0 60px rgba(0,0,0,.15);margin-left:auto}

.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:70;background:#2A2325;color:#F6F0ED;padding:14px 22px;font:500 13px/1.3 Manrope,sans-serif;box-shadow:0 10px 30px rgba(0,0,0,.2);display:none}
.toast.show{display:block}

.cookie-banner{position:fixed;left:20px;right:20px;bottom:20px;z-index:80;display:none;justify-content:center;pointer-events:none}
.cookie-banner.show{display:flex}
.cookie-banner .box{pointer-events:auto;max-width:880px;width:100%;background:#FBF7F5;border:1px solid #D9B8B1;box-shadow:0 20px 60px rgba(42,35,37,.18);padding:28px 30px;display:flex;flex-direction:column;gap:16px}
.cookie-settings-rows{display:none;flex-direction:column;gap:8px;padding:14px 0;border-top:1px solid #E2D6D2;border-bottom:1px solid #E2D6D2}
.cookie-banner.settings-open .cookie-settings-rows{display:flex}
.cookie-banner .save-btn{display:none}
.cookie-banner.settings-open .save-btn{display:inline-flex}

[data-state-success]{display:none}
.state-sent [data-state-form]{display:none}
.state-sent [data-state-success]{display:flex}

nav.main-nav::-webkit-scrollbar{display:none}

@media (max-width:640px){
  header .top-actions{flex-wrap:wrap}
}