/* Cards */
.card{background:#121214;padding:10px;border-radius:10px;margin:10px}

/* Layout helpers */
.mw-container{max-width:1200px;margin:0 auto;padding:0 16px}

/* Topbar */
.mw-top{background:#fff;color:#111;border-bottom:1px solid rgba(0,0,0,.08);font-size:12px}
.mw-top__inner{display:flex;align-items:center;justify-content:center;gap:14px;padding:8px 12px;white-space:nowrap}
.mw-top__left{font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.mw-top__item{display:inline-flex;align-items:center;gap:6px;color:#111;text-decoration:none}
.mw-top__social{display:inline-flex;align-items:center;gap:10px}
.mw-social{color:#111;text-decoration:none;font-weight:700}

/* Desktop/Mobile switch */
.mw-top--mobile{display:none}
@media (max-width: 768px){
  .mw-top--desktop{display:none}
  .mw-top--mobile{display:flex}
}

/* Main bar */
.mw-main{background:#0b0b0d;color:#fff}
.mw-main__inner{display:flex;align-items:center;gap:14px;padding:14px 0}
.mw-logo img{height:28px;display:block}
.mw-burger{display:none;background:transparent;border:0;color:#fff;font-size:22px;cursor:pointer}
.mw-search{flex:1;display:flex;align-items:center;max-width:520px}
.mw-search__input{flex:1;height:36px;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:#f2f2f2;color:#111;padding:0 12px}
.mw-search__btn{height:36px;width:44px;border-radius:6px;border:0;margin-left:8px;cursor:pointer}
.mw-actions{display:flex;align-items:center;gap:14px}
.mw-btn{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 14px;border-radius:999px;text-decoration:none;font-weight:700;font-size:12px;letter-spacing:.02em}
.mw-btn--primary{background:#ff1d1d;color:#fff}
.mw-btn--full{width:100%}
.mw-cart{display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none}
.mw-cart__total{font-size:12px;opacity:.9}

/* Navbar (desktop) */
.mw-nav{background:#fff;border-bottom:1px solid rgba(0,0,0,.08)}
.mw-nav__inner{display:flex;align-items:center;gap:18px;overflow:auto;padding:10px 0}
.mw-nav__link{color:#111;text-decoration:none;font-weight:600;font-size:13px;white-space:nowrap}
.mw-nav__link:hover{text-decoration:underline}

/* Drawer (mobile) */
.mw-drawer__backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:998}
.mw-drawer{position:fixed;top:0;left:0;height:100%;width:320px;max-width:90vw;background:#0b0b0d;color:#fff;transform:translateX(-105%);transition:transform .2s ease;z-index:999;border-right:1px solid rgba(255,255,255,.08)}
.mw-drawer.is-open{transform:translateX(0)}
.mw-drawer__head{display:flex;align-items:center;justify-content:space-between;padding:14px 14px;border-bottom:1px solid rgba(255,255,255,.08)}
.mw-drawer__close{background:transparent;border:0;color:#fff;font-size:20px;cursor:pointer}
.mw-drawer__body{padding:10px 0;display:flex;flex-direction:column;height:calc(100% - 58px)}
.mw-drawer__nav{flex:1;overflow:auto}
.mw-drawer__link{display:block;padding:14px 16px;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.06);font-weight:700}
.mw-drawer__link:hover{background:rgba(255,255,255,.06)}
.mw-drawer__cta{padding:16px}
.mw-drawer__meta{padding:0 16px 16px;font-size:14px}
.mw-drawer__row{margin-top:10px;opacity:.95}
.mw-drawer__row a{color:#fff}
.mw-drawer__social{display:flex;gap:12px;margin-top:6px}
.mw-drawer__social a{color:#fff;text-decoration:none;font-weight:800}

/* Mobile layout tweaks */
@media (max-width: 768px){
  .mw-burger{display:inline-flex}
  .mw-search{max-width:none}
  .mw-nav{display:none}
  .mw-actions .mw-btn{display:none} /* distributor en drawer */
}