/* =========================================================================
   Majster w Domu — nagłówek dla Astry (WooCommerce)
   Wszystkie klasy i zmienne mają przedrostek mwd- / --mwd-, żeby nie
   kolidować ze stylami Astry.
   ========================================================================= */

:root{
  --mwd-ground:#f4f3f0;
  --mwd-surface:#ffffff;
  --mwd-topbar:#161616;
  --mwd-topbar-ink:#d8d6d0;
  --mwd-topbar-ink-soft:#9b9a93;
  --mwd-ink:#191919;
  --mwd-ink-soft:#6a6862;
  --mwd-line:#e7e4df;
  --mwd-line-strong:#d8d4cd;
  --mwd-amber:#e3a015;
  --mwd-amber-text:#b27d06;
  --mwd-amber-ink:#1a1a1a;
  --mwd-amber-soft:#fbf0d6;
  --mwd-field:#f3f1ec;
  --mwd-shadow:0 10px 30px -14px rgba(20,18,12,.32);
  --mwd-font-display:"Sora",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --mwd-font-ui:"Public Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

/* Reset kontenera Astry, w którym renderujemy własny nagłówek */
#masthead{border:0!important;box-shadow:none!important;background:transparent!important}
#masthead .ast-container,#masthead > .ast-main-header-bar-wrap{padding:0!important;margin:0!important;max-width:none!important}

.mwd-header *{box-sizing:border-box}
.mwd-header{background:var(--mwd-surface);border-bottom:1px solid var(--mwd-line);font-family:var(--mwd-font-ui);color:var(--mwd-ink);font-size:15px;line-height:1.5}
.mwd-header a{color:inherit;text-decoration:none}
.mwd-wrap{max-width:1220px;margin:0 auto;padding:0 20px}

/* ---- Topbar ---- */
.mwd-topbar{background:var(--mwd-topbar);color:var(--mwd-topbar-ink);font-size:13px}
.mwd-topbar .mwd-wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:40px}
.mwd-topbar-info{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.mwd-topbar-info a,.mwd-topbar-info span{display:inline-flex;align-items:center;gap:7px;color:var(--mwd-topbar-ink)}
.mwd-topbar-info a:hover{color:#fff}
.mwd-topbar-info svg{width:14px;height:14px;stroke:var(--mwd-amber);opacity:.95;flex:none}
.mwd-topbar-social{display:flex;align-items:center;gap:6px}
.mwd-topbar-social a{width:28px;height:28px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;color:var(--mwd-topbar-ink-soft)}
.mwd-topbar-social a:hover{background:rgba(255,255,255,.09);color:#fff}
.mwd-topbar-social svg{width:15px;height:15px;fill:currentColor}

/* ---- Główny wiersz ---- */
.mwd-main{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto auto;
  grid-template-areas:"logo search menu cart";
  align-items:center;gap:26px;min-height:84px;
}
.mwd-logo{grid-area:logo;display:inline-flex;align-items:center;gap:12px;white-space:nowrap;color:var(--mwd-ink)}
.mwd-main > .custom-logo-link{grid-area:logo;display:inline-flex;align-items:center;line-height:0}
.mwd-main .custom-logo{max-height:54px;width:auto;height:auto}
.mwd-logo-mark{width:46px;height:46px;flex:none;color:var(--mwd-ink)}
.mwd-logo-mark svg{width:100%;height:100%;display:block}
.mwd-logo-text{font-family:var(--mwd-font-display);font-weight:800;font-size:20px;letter-spacing:-.01em;text-transform:uppercase;line-height:1.02;color:var(--mwd-ink)}
.mwd-logo-text small{display:block;font-family:var(--mwd-font-ui);font-weight:600;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--mwd-ink-soft);margin-top:3px}

.mwd-search{grid-area:search;justify-self:center;width:100%;max-width:470px}
.mwd-search form{display:flex;align-items:center;background:var(--mwd-field);border:1px solid var(--mwd-line-strong);border-radius:999px;padding:4px 4px 4px 16px;transition:.18s;margin:0}
.mwd-search form:focus-within{border-color:var(--mwd-amber);box-shadow:0 0 0 4px var(--mwd-amber-soft)}
.mwd-search svg{width:17px;height:17px;stroke:var(--mwd-ink-soft);flex:none}
.mwd-search input[type=search]{flex:1;border:0;background:none;outline:none;font:inherit;color:var(--mwd-ink);padding:8px 10px;min-width:0;box-shadow:none}
.mwd-search input::placeholder{color:var(--mwd-ink-soft)}
.mwd-search button{border:0;background:var(--mwd-amber);color:var(--mwd-amber-ink);font:inherit;font-weight:700;font-size:14px;padding:8px 18px;border-radius:999px;cursor:pointer;flex:none}
.mwd-search button:hover{filter:brightness(1.05)}

.mwd-primary-menu{grid-area:menu;justify-self:end}
.mwd-menu{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:4px}
.mwd-menu li{margin:0}
.mwd-menu a{display:inline-flex;align-items:center;padding:9px 12px;border-radius:9px;font-weight:600;font-size:14.5px;color:var(--mwd-ink);transition:.15s}
.mwd-menu a:hover{background:var(--mwd-amber-soft);color:var(--mwd-amber-text)}
.mwd-menu .current-menu-item > a{color:var(--mwd-amber-text)}

/* ---- Koszyk ---- */
.mwd-cart{grid-area:cart;display:inline-flex;align-items:center;gap:11px;padding:7px 14px 7px 11px;border:1px solid var(--mwd-line-strong);border-radius:12px;background:var(--mwd-surface);color:var(--mwd-ink);transition:.15s}
.mwd-cart:hover{border-color:var(--mwd-amber);background:var(--mwd-amber-soft)}
.mwd-cart-ico{position:relative;width:26px;height:26px;flex:none;display:grid;place-items:center}
.mwd-cart-ico svg{width:23px;height:23px;stroke:var(--mwd-ink);fill:none}
.mwd-cart-badge{position:absolute;top:-7px;right:-8px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--mwd-amber);color:var(--mwd-amber-ink);font-size:11px;font-weight:800;display:grid;place-items:center;line-height:1;border:2px solid var(--mwd-surface)}
.mwd-cart-badge[hidden]{display:none}
.mwd-cart-meta{display:flex;flex-direction:column;line-height:1.15}
.mwd-cart-meta small{font-size:11px;color:var(--mwd-ink-soft)}
.mwd-cart-meta b,.mwd-cart-total{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}
.mwd-cart-total .amount{font-weight:700}

/* ---- Pasek kategorii ---- */
.mwd-subbar{border-top:1px solid var(--mwd-line);background:var(--mwd-surface)}
.mwd-subbar .mwd-wrap{display:flex;align-items:center;gap:4px;min-height:46px}
.mwd-submenu{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:2px;flex-wrap:wrap}
.mwd-submenu li{margin:0}
.mwd-submenu a{padding:6px 12px;border-radius:8px;font-size:13.5px;font-weight:500;color:var(--mwd-ink-soft);transition:.15s;display:inline-block}
.mwd-submenu a:hover{color:var(--mwd-amber-text);background:var(--mwd-amber-soft)}
.mwd-tag{margin-right:12px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--mwd-amber-text);display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.mwd-tag::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--mwd-amber)}

/* ---- Hamburger ---- */
.mwd-burger{grid-area:burger;display:none;width:44px;height:44px;border:1px solid var(--mwd-line-strong);border-radius:10px;background:var(--mwd-surface);cursor:pointer;align-items:center;justify-content:center;color:var(--mwd-ink);padding:0}
.mwd-burger svg{width:22px;height:22px;stroke:currentColor}

/* ============ MOBILE ============ */
@media (max-width:880px){
  .mwd-topbar{display:none}
  .mwd-subbar{display:none}
  .mwd-main{
    grid-template-columns:auto 1fr auto;
    grid-template-areas:
      "cart logo burger"
      "search search search";
    gap:14px 10px;min-height:0;padding-top:14px;padding-bottom:14px;
  }
  .mwd-logo,.mwd-main > .custom-logo-link{grid-area:logo;justify-self:center}
  .mwd-logo{gap:10px}
  .mwd-logo-mark{width:38px;height:38px}
  .mwd-logo-text{font-size:16px}
  .mwd-logo-text small{display:none}
  .mwd-main .custom-logo{max-height:42px}
  .mwd-search{grid-area:search;max-width:none}
  .mwd-primary-menu{display:none}
  .mwd-burger{display:inline-flex;grid-area:burger;justify-self:end}
  .mwd-cart{grid-area:cart;justify-self:start;padding:0;width:44px;height:44px;justify-content:center;border-radius:10px}
  .mwd-cart-meta{display:none}
}

/* ---- Drawer ---- */
.mwd-scrim{position:fixed;inset:0;background:rgba(10,9,7,.55);opacity:0;pointer-events:none;transition:.25s;z-index:9998}
.mwd-drawer{position:fixed;top:0;right:0;height:100%;width:min(320px,86vw);background:var(--mwd-surface);box-shadow:var(--mwd-shadow);transform:translateX(100%);transition:transform .28s cubic-bezier(.4,0,.2,1);z-index:9999;display:flex;flex-direction:column;padding:18px 18px 24px;font-family:var(--mwd-font-ui)}
body.mwd-nav-open{overflow:hidden}
body.mwd-nav-open .mwd-drawer{transform:translateX(0)}
body.mwd-nav-open .mwd-scrim{opacity:1;pointer-events:auto}
.mwd-drawer a{color:var(--mwd-ink);text-decoration:none}
.mwd-drawer-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;margin-bottom:8px;border-bottom:1px solid var(--mwd-line)}
.mwd-drawer-head span{font-family:var(--mwd-font-display);font-weight:800;font-size:15px}
.mwd-drawer-close{width:38px;height:38px;border:0;background:var(--mwd-field);border-radius:9px;cursor:pointer;color:var(--mwd-ink);display:grid;place-items:center}
.mwd-drawer-close svg{width:18px;height:18px;stroke:currentColor}
.mwd-drawer-body{overflow-y:auto;flex:1}
.mwd-grp{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--mwd-ink-soft);margin:16px 8px 6px}
.mwd-drawer-menu{list-style:none;margin:0;padding:0}
.mwd-drawer-menu li{margin:0}
.mwd-drawer-menu a{display:block;padding:11px 12px;border-radius:9px;font-weight:600;font-size:15px}
.mwd-drawer-menu a:hover{background:var(--mwd-amber-soft);color:var(--mwd-amber-text)}
.mwd-drawer-contact{margin-top:auto;padding-top:16px;border-top:1px solid var(--mwd-line);font-size:13px;color:var(--mwd-ink-soft);display:flex;flex-direction:column;gap:8px}
.mwd-drawer-contact a{display:inline-flex;align-items:center;gap:8px;font-weight:500;color:var(--mwd-ink-soft)}
.mwd-drawer-contact svg{width:15px;height:15px;stroke:var(--mwd-amber);opacity:.95;flex:none}