/* Yoomix storefront theme: warm neutrals + terracotta accent, applied over stock OpenCart 4 */
:root{--yx-ink:#232720;--yx-ink2:#5d6158;--yx-cream:#f6f1e9;--yx-sand:#efe8dc;--yx-line:#e2d9cb;--yx-accent:#b8492f;--yx-accent-d:#9c3b24;--yx-sage:#7d8f6e;
  --bs-primary:#b8492f;--bs-primary-rgb:184,73,47;--bs-link-color:#b8492f;--bs-link-color-rgb:184,73,47;--bs-link-hover-color:#9c3b24;--bs-link-hover-color-rgb:156,59,36;
  --bs-body-font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;--bs-body-color:#232720;--bs-body-color-rgb:35,39,32}
body{font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;background:var(--yx-cream);color:var(--yx-ink);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.015em;color:var(--yx-ink)}
a{color:var(--yx-accent)}a:hover{color:var(--yx-accent-d)}
#container{background:var(--yx-cream)}

/* top utility bar */
#top{background:var(--yx-ink);color:#d9d2c4;border:0;min-height:0;padding:8px 0;font-size:13px}
#top a,#top .dropdown-toggle,#top .btn-link{color:#d9d2c4}
#top a:hover,#top .dropdown-toggle:hover{color:#fff}
#top .list-inline{margin:0}

/* header */
header{background:#fff;padding:18px 0 14px;border-bottom:1px solid var(--yx-line)}
header .btn-dark,#cart .btn-dark{background:var(--yx-ink);border-color:var(--yx-ink);border-radius:3px}
header .btn-dark:hover{background:#000}
#search .form-control{border-color:var(--yx-line);border-radius:3px 0 0 3px;height:46px}
#search .btn{background:var(--yx-ink);border-color:var(--yx-ink);color:#fff;border-radius:0 3px 3px 0}
.tnt-container-fill{color:var(--yx-ink2)}
.tnt-container-fill .progress{background:var(--yx-sand);border-radius:6px}
.tnt-container-fill .bg-danger{background:var(--yx-accent)!important}
.tnt-container-fill .bg-warning{background:#c9a46b!important}
.tnt-container-fill .bg-success{background:var(--yx-sage)!important}

/* main menu */
#menu{background:var(--yx-ink)!important;border:0;border-radius:0;min-height:0;margin-bottom:0}
#menu .nav-link,#menu .dropdown-item,#menu .navbar-nav>li>a{color:#e9e2d4!important;font-weight:500;font-size:14px;padding:14px 14px}
#menu .nav-link:hover,#menu .navbar-nav>li>a:hover,#menu .navbar-nav>li.show>a{background:rgba(255,255,255,.08)!important;color:#fff!important}
#menu .dropdown-menu{background:#fff;border:1px solid var(--yx-line);border-radius:0 0 4px 4px;box-shadow:0 18px 40px -20px rgba(35,39,32,.4)}
#menu .dropdown-menu .dropdown-item{color:var(--yx-ink)!important;padding:8px 18px}
#menu .dropdown-menu .dropdown-item:hover{background:var(--yx-cream)!important;color:var(--yx-accent)!important}
#menu .navbar-nav>li.yx-nav-studio>a.nav-link{color:#fff!important;background:var(--yx-accent)!important;margin:8px 0 8px 10px;padding:7px 16px!important;border-radius:3px}
#menu .navbar-nav>li.yx-nav-studio>a.nav-link:hover{background:var(--yx-accent-d)!important}
#category{color:#e9e2d4}

/* buttons */
.btn-primary{--bs-btn-bg:#b8492f;--bs-btn-border-color:#b8492f;--bs-btn-hover-bg:#9c3b24;--bs-btn-hover-border-color:#9c3b24;--bs-btn-active-bg:#9c3b24;--bs-btn-active-border-color:#9c3b24;--bs-btn-disabled-bg:#b8492f;--bs-btn-disabled-border-color:#b8492f;border-radius:3px;font-weight:600}
.btn-outline-primary{--bs-btn-color:#b8492f;--bs-btn-border-color:#b8492f;--bs-btn-hover-bg:#b8492f;--bs-btn-hover-border-color:#b8492f;--bs-btn-active-bg:#b8492f;--bs-btn-active-border-color:#b8492f}
.btn-light{--bs-btn-bg:#fff;--bs-btn-border-color:var(--yx-line)}
.btn-dark{--bs-btn-bg:#232720;--bs-btn-border-color:#232720;--bs-btn-hover-bg:#000;--bs-btn-hover-border-color:#000}
.form-control:focus,.form-select:focus{border-color:var(--yx-accent);box-shadow:0 0 0 .2rem rgba(184,73,47,.18)}
.form-check-input:checked{background-color:var(--yx-accent);border-color:var(--yx-accent)}
.page-link{color:var(--yx-accent)}.page-item.active .page-link{background:var(--yx-accent);border-color:var(--yx-accent)}
.breadcrumb a{color:var(--yx-ink2)}

/* product cards and pages */
.product-thumb{background:#fff;border:1px solid var(--yx-line);border-radius:4px;overflow:hidden;transition:.2s}
.product-thumb:hover{box-shadow:0 18px 40px -26px rgba(35,39,32,.5)}
.product-thumb .image{background:#f3eee6}.product-thumb .image img{mix-blend-mode:multiply}
.product-thumb h4 a{color:var(--yx-ink)}
.price,.price-new{color:var(--yx-ink);font-weight:700}
.list-group-item{border-color:var(--yx-line)}
.card,.table{--bs-table-bg:transparent}
.nav-tabs .nav-link.active{color:var(--yx-accent);border-bottom-color:var(--yx-accent)}
.alert-success{background:#eef3e9;border-color:#c9d8bd;color:#3e5232}

/* footer */
footer{background:var(--yx-ink);color:#cfc8b9;border:0;margin-top:0;padding:56px 0 30px}
footer h5{color:#fff;font-size:15px;letter-spacing:.04em;text-transform:uppercase}
footer a{color:#cfc8b9}footer a:hover{color:#fff}
footer hr{border-color:#444a40;opacity:1}
.list-group-item.active,.list-group-item-action.active{background:var(--yx-ink)!important;border-color:var(--yx-ink)!important;color:#fff!important}
.list-group-item-action:hover{background:var(--yx-sand)}

/* ---------- slim site header and footer (replaces the stock store chrome) ---------- */
.yx-hd{background:#fff;border-bottom:1px solid var(--yx-line)}
.yx-hd-in{max-width:1320px;margin:0 auto;padding:0 28px;height:78px;display:flex;align-items:center;gap:32px}
.yx-hd-logo{display:flex;align-items:center;flex:none}
.yx-hd-logo img{height:44px;width:auto;display:block}
.yx-hd-logo span{font:700 24px 'DM Sans',sans-serif;color:var(--yx-ink);letter-spacing:.04em}
.yx-hd-nav{display:flex;gap:30px;margin:0 auto;font:500 14px 'DM Sans',sans-serif}
.yx-hd-nav a{color:var(--yx-ink);text-decoration:none;padding:6px 0;border-bottom:1px solid transparent;transition:border-color .2s,color .2s}
.yx-hd-nav a:hover{color:var(--yx-accent);border-color:var(--yx-accent)}
.yx-hd-right{display:flex;align-items:center;gap:14px;flex:none}
.yx-hd-link{background:none;border:0;display:flex;align-items:center;gap:8px;font:500 14px 'DM Sans',sans-serif;color:var(--yx-ink);cursor:pointer;padding:8px 6px}
.yx-hd-link:hover{color:var(--yx-accent)}
.yx-hd-box{display:flex;align-items:center;gap:10px;background:var(--yx-ink);color:#fff;text-decoration:none;font:600 13.5px 'DM Sans',sans-serif;padding:11px 16px;border-radius:3px;transition:background .2s}
.yx-hd-box:hover{background:#000;color:#fff}
.yx-hd-box b{min-width:24px;height:24px;border-radius:12px;background:rgba(255,255,255,.18);display:grid;place-items:center;font-size:12px;padding:0 7px}
.yx-hd-box.has b{background:var(--yx-accent)}
@media (max-width:900px){.yx-hd-nav{display:none}.yx-hd-in{height:64px;padding:0 18px;gap:12px;justify-content:space-between}.yx-hd-logo img{height:36px}.yx-hd-link span{display:none}}

.yx-ft{background:var(--yx-ink);color:#cfc8b9;margin-top:0;padding:0}
.yx-ft-in{max-width:1320px;margin:0 auto;padding:60px 28px 40px;display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:48px}
.yx-ft-logo{font:700 26px 'DM Sans',sans-serif;color:#fff;letter-spacing:.04em;text-decoration:none}
.yx-ft-brand p{font-size:14px;line-height:1.65;max-width:380px;margin:14px 0 0;color:#bdb5a6}
.yx-ft-addr{font-size:13px!important}
.yx-ft-addr a{color:#fff}
.yx-ft-col h5{color:#fff;font:600 12px 'DM Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase;margin:0 0 16px}
.yx-ft-col a{display:block;color:#cfc8b9;text-decoration:none;font-size:14px;padding:5px 0}
.yx-ft-col a:hover{color:#fff}
.yx-ft-bar{border-top:1px solid #444a40;text-align:center;font-size:12.5px;color:#9a9283;padding:18px 28px}
@media (max-width:900px){.yx-ft-in{grid-template-columns:1fr;gap:30px;padding:44px 20px 28px}}