/* ==========================================================================
   Moebelpaket.de – nowy nagłówek (mt) · v1.0 · szablon v1_electron_1
   Style nowego układu + dopasowanie wyglądu modułów szablonu
   (wyszukiwarka tvcmssearch, konto, koszyk ps_shoppingcart).
   ========================================================================== */
:root{
  --mt-navy:#162946; --mt-navy-2:#1f3558; --mt-ink:#1c2433; --mt-muted:#667085; --mt-line:#e6e9ef;
  --mt-soft:#f3f5f8; --mt-field:#f1f4f8; --mt-gold:#b09873; --mt-gold-soft:#f5efe6; --mt-sale:#b42318; --mt-wa:#1f9d55;
  --mt-shadow:0 18px 40px -20px rgba(22,41,70,.35),0 2px 6px rgba(22,41,70,.05);
}
.mt,.mt-drawer{font-family:Calibri,"Carlito",Arial,sans-serif;color:var(--mt-ink)}
.mt :where(*),.mt-drawer :where(*){box-sizing:border-box}
:where(.mt,.mt-drawer) :where(a){color:inherit;text-decoration:none}
:where(.mt,.mt-drawer) :where(button){font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
:where(.mt-bar,.mt-help,.mt-ibtn,.mt-drawer__head,.mt-suggest,.mt-logo) :where(svg),.mt-search__ico{display:block}
.mt-wrap{max-width:1440px;margin:0 auto;padding-left:clamp(16px,3vw,40px);padding-right:clamp(16px,3vw,40px)}
.mt :focus-visible,.mt-drawer :focus-visible{outline:2px solid var(--mt-navy);outline-offset:2px;border-radius:8px}

/* nagłówek przyklejany przez mp-top.js (position:fixed + element zastępczy) */
.mt{position:relative;z-index:80;background:#fff;transition:box-shadow .2s}
.mt.is-fixed{position:fixed;top:0;left:0;right:0}
.mt-spacer{display:block;height:0}
.mt.is-condensed{box-shadow:0 10px 28px -20px rgba(22,41,70,.45)}

/* 1. pasek informacyjny */
.mt-bar{background:var(--mt-navy);color:#fff;font-size:14px;overflow:hidden;max-height:40px;transition:max-height .25s ease}
.mt.is-condensed .mt-bar{max-height:0}
.mt-bar__in{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:38px}
.mt-usps{list-style:none;margin:0;padding:0;display:flex;gap:28px;align-items:center}
.mt-usps li{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;opacity:.95}
.mt-usps svg{width:17px;height:17px;color:var(--mt-gold)}
.mt-util{display:flex;gap:20px}
.mt-util a{opacity:.85;white-space:nowrap}
.mt-util a:hover{opacity:1;text-decoration:underline;text-underline-offset:3px}

/* 2. główny wiersz */
.mt-main__in{display:flex;align-items:center;gap:clamp(16px,2.2vw,36px);min-height:96px;transition:min-height .25s ease}
.mt.is-condensed .mt-main__in{min-height:70px}
.mt-logo{flex:none;display:block}
.mt-logo img{display:block;width:clamp(112px,9vw,138px);height:auto;transition:width .25s ease}
.mt.is-condensed .mt-logo img{width:108px}

/* wyszukiwarka – formularz modułu tvcmssearch w nowym wyglądzie */
.mt-search{position:relative;flex:1;min-width:0;max-width:820px}
.mt-search__ico{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:21px;height:21px;color:var(--mt-muted);z-index:20;pointer-events:none}
.mt-search .tvcmssearch-wrapper,.mt-search #tvcmsmobile-search,.mt-search .search-widget,.mt-search .tvsearch-top-wrapper{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;float:none!important;position:static!important}
.mt-search .tvheader-sarch-display,.mt-search .tvsearch-open,.mt-search .tvsearch-close{display:none!important}
.mt-search .tvsearch-header-display-wrappper{display:block!important;position:static!important;width:100%!important;opacity:1!important;visibility:visible!important;transform:none!important;box-shadow:none!important;background:none!important;padding:0!important;margin:0!important;border:0!important}
.mt-search form{display:flex!important;position:relative!important;z-index:1!important;align-items:center;height:52px;margin:0!important;border-radius:14px!important;background:var(--mt-field)!important;border:1.5px solid transparent!important;padding:0 6px 0 46px!important;transition:background .15s,border-color .15s,box-shadow .15s}
.mt-search form:hover{background:#ebeff4!important}
.mt-search.is-open form,.mt-search form:focus-within{background:#fff!important;border-color:var(--mt-navy)!important;box-shadow:0 0 0 4px rgba(22,41,70,.08)}
.mt-search .tvheader-top-search,.mt-search .tvheader-top-search-wrapper-info-box{flex:1;min-width:0;width:auto!important;float:none!important;margin:0!important;padding:0!important;background:none!important;border:0!important}
.mt-search .tvheader-top-search-wrapper{flex:none;width:auto!important;float:none!important;margin:0!important;padding:0!important;position:static!important}
.mt-search input.tvcmssearch-words{width:100%!important;height:46px!important;border:0!important;background:transparent!important;font:inherit!important;font-size:16px!important;color:var(--mt-ink)!important;padding:0 10px!important;box-shadow:none!important;outline:none!important;border-radius:0!important}
.mt-search input.tvcmssearch-words::placeholder{color:#8d96a3;opacity:1}
.mt-search .tvheader-search-btn{position:static!important;display:flex!important;align-items:center;justify-content:center;width:auto!important;height:40px!important;min-width:0!important;padding:0 20px!important;margin:0!important;border:0!important;border-radius:10px!important;background:var(--mt-navy)!important;color:#fff!important;font:inherit;font-weight:700;font-size:15px;cursor:pointer;transition:background .15s}
.mt-search .tvheader-search-btn:hover{background:var(--mt-navy-2)!important}
.mt-search .tvheader-search-btn>*{display:none!important}
.mt-search .tvheader-search-btn::after{content:"Suchen";color:#fff}
.mt-search .tvsearch-result{position:absolute!important;left:0!important;right:0!important;top:calc(100% + 8px)!important;width:auto!important;z-index:95!important;border-radius:16px;overflow:hidden;box-shadow:var(--mt-shadow)}
.mt-search .tvsearch-result:empty{display:none!important}
.mt-suggest{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:90;background:#fff;border:1px solid var(--mt-line);border-radius:16px;box-shadow:var(--mt-shadow);padding:18px 20px;display:grid;grid-template-columns:1fr 1.2fr;gap:24px;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .15s,transform .15s,visibility 0s linear .15s}
.mt-search.is-open .mt-suggest{opacity:1;visibility:visible;transform:none;transition:opacity .15s,transform .15s}
.mt-suggest__h{margin:0 0 8px;font-size:13px;font-weight:700;color:var(--mt-muted);letter-spacing:.02em}
.mt-suggest__list{list-style:none;margin:0;padding:0}
.mt-suggest__list a{display:flex;align-items:center;gap:10px;padding:7px 8px;margin:0 -8px;border-radius:8px;font-size:15.5px}
.mt-suggest__list a:hover,.mt-suggest__list a:focus-visible{background:var(--mt-soft);color:var(--mt-navy)}
.mt-suggest__list svg{width:17px;height:17px;color:var(--mt-gold);flex:none}
.mt-suggest__chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.mt-suggest__chips a{display:inline-block;padding:7px 13px;border-radius:999px;border:1px solid var(--mt-line);font-size:14.5px;font-weight:700;transition:background .15s,color .15s,border-color .15s}
.mt-suggest__chips a:hover{background:var(--mt-navy);border-color:var(--mt-navy);color:#fff}
.mt-suggest__chips a.is-sale{color:var(--mt-sale);border-color:#f3c7c3;background:#fdf3f2}
.mt-suggest__chips a.is-sale:hover{background:var(--mt-sale);color:#fff;border-color:var(--mt-sale)}
.mt-suggest__more{display:inline-block;margin-top:16px;font-size:14.5px;color:var(--mt-navy);font-weight:700;border-bottom:1.5px solid var(--mt-gold)}

/* akcje po prawej */
.mt-actions{display:flex;align-items:center;gap:6px;margin-left:auto;flex:none}
.mt-ibtn{position:relative;display:grid;place-items:center;width:46px;height:46px;border-radius:12px;color:var(--mt-ink);transition:background .15s,color .15s}
.mt-ibtn:hover{background:var(--mt-soft);color:var(--mt-navy)}
.mt-ibtn svg{width:24px;height:24px}
.mt-ibtn--label{width:auto;min-width:66px;height:56px;padding:0 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}
.mt-ibtn--label span{font-size:13px;font-weight:700;line-height:1}
.mt-badge{position:absolute;top:4px;right:12px;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:var(--mt-gold);color:#1c2433;font-size:11.5px;line-height:19px;text-align:center;font-weight:700;border:2px solid #fff;font-style:normal}

/* konto (moduł szablonu) */
.mt-acc,.mt-cart{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:64px;margin:0!important;padding:0!important;float:none!important;width:auto!important}
.mt-acc .tv-header-account,.mt-acc .tv-account-wrapper,.mt-acc .tvcms-header-myaccount{position:static!important;margin:0!important;padding:0!important;float:none!important}
.mt-acc .tv-myaccount-btn{display:block!important;width:46px!important;height:40px!important;padding:0!important;margin:0!important;border:0!important;border-radius:12px!important;cursor:pointer;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='4' fill='none' stroke='%231c2433' stroke-width='1.8'/%3E%3Cpath d='M4 20.5c.9-4 4.1-6.3 8-6.3s7.1 2.3 8 6.3' fill='none' stroke='%231c2433' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center/24px 24px no-repeat!important;transition:background-color .15s}
.mt-acc .tv-myaccount-btn:hover,.mt-acc .tv-myaccount-btn.open{background-color:var(--mt-soft)!important}
.mt-acc .tv-myaccount-btn::before,.mt-acc .tv-myaccount-btn::after,.mt-acc .tv-myaccount-btn>*{display:none!important}
.mt-acc .tv-account-dropdown{display:none;position:absolute!important;left:auto!important;right:0!important;top:calc(100% + 8px)!important;min-width:250px;margin:0!important;padding:10px!important;border:1px solid var(--mt-line)!important;border-radius:16px!important;background:#fff!important;box-shadow:var(--mt-shadow)!important;z-index:96}
.mt-acc .tv-account-dropdown li{list-style:none}
.mt-acc .tv-account-dropdown a{display:flex;align-items:center;gap:10px;padding:9px 10px!important;border-radius:10px;color:var(--mt-ink)!important}
.mt-acc .tv-account-dropdown a:hover{background:var(--mt-soft)}
/* koszyk (moduł ps_shoppingcart w wersji szablonu) */
.mt-cart #_desktop_cart,.mt-cart .blockcart,.mt-cart .tvheader-cart-wrapper,.mt-cart .tvheader-cart-btn-wrapper{position:static!important;margin:0!important;padding:0!important;float:none!important;background:none!important}
.mt-cart .tvheader-cart-btn-wrapper>a{display:block;position:relative}
.mt-cart .tvcart-icon-text-wrapper{position:relative;display:block!important}
.mt-cart .tv-cart-icon-main{display:grid!important;place-items:center;width:46px!important;height:40px!important;margin:0!important;padding:0!important;border-radius:12px!important;background:none!important;transition:background-color .15s}
.mt-cart .tvheader-cart-btn-wrapper>a:hover .tv-cart-icon-main{background:var(--mt-soft)!important}
.mt-cart .tv-cart-icon-main svg{width:22px!important;height:24px!important}
.mt-cart .tv-cart-cart-inner{position:absolute!important;top:-2px!important;right:2px!important;left:auto!important;margin:0!important;padding:0!important;background:none!important}
.mt-cart .cart-products-count{display:block!important;min-width:19px;height:19px;padding:0 5px!important;border-radius:10px!important;background:var(--mt-gold)!important;color:#1c2433!important;font-size:11.5px!important;line-height:15px!important;text-align:center;font-weight:700;border:2px solid #fff!important;position:static!important}
.mt-lbl,a.mt-lbl{display:block;text-decoration:none;margin-top:2px;font-size:13px;font-weight:700;line-height:1;color:var(--mt-ink);cursor:pointer;user-select:none}

/* Beratung *//* Beratung */
.mt-help{position:relative;margin-right:6px}
.mt-help__btn{display:flex;align-items:center;gap:10px;height:52px;padding:0 12px 0 8px;border-radius:14px;border:1px solid var(--mt-line);transition:border-color .15s,background .15s}
.mt-help__btn:hover,.mt-help.is-open .mt-help__btn{border-color:var(--mt-navy);background:#fff}
.mt-help__ico{width:36px;height:36px;border-radius:10px;background:var(--mt-gold-soft);color:var(--mt-navy);display:grid;place-items:center}
.mt-help__ico svg{width:19px;height:19px}
.mt-help__txt{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15;text-align:left}
.mt-help__txt b{font-size:15px}
.mt-help__txt small{font-size:12.5px;color:var(--mt-muted)}
.mt-help__chev{width:14px;height:14px;color:var(--mt-muted);transition:transform .2s}
.mt-help.is-open .mt-help__chev{transform:rotate(180deg)}
.mt-help__panel{position:absolute;right:0;top:calc(100% + 8px);z-index:90;width:300px;background:#fff;border:1px solid var(--mt-line);border-radius:16px;box-shadow:var(--mt-shadow);padding:16px;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .15s,transform .15s,visibility 0s linear .15s}
.mt-help.is-open .mt-help__panel{opacity:1;visibility:visible;transform:none;transition:opacity .15s,transform .15s}
.mt-help__t{margin:0 0 8px;font-size:16px;font-weight:700;color:var(--mt-navy)}
.mt-help__row{display:flex;align-items:center;gap:12px;padding:9px 8px;margin:0 -8px;border-radius:10px}
.mt-help__row:hover{background:var(--mt-soft)}
.mt-help__row b{display:block;font-size:15px}
.mt-help__row small{display:block;font-size:12.5px;color:var(--mt-muted)}
.mt-help__rico{width:36px;height:36px;border-radius:10px;background:var(--mt-soft);display:grid;place-items:center;color:var(--mt-navy);flex:none}
.mt-help__rico svg{width:18px;height:18px}
.mt-help__row--wa .mt-help__rico{background:#e7f6ee;color:var(--mt-wa)}
.mt-help__hours{margin:10px 0 0;padding-top:10px;border-top:1px solid var(--mt-line);font-size:13px;color:var(--mt-muted)}
.mt-help__faq{display:inline-block;margin-top:8px;font-size:14px;font-weight:700;color:var(--mt-navy);border-bottom:1.5px solid var(--mt-gold)}

/* 3. pasek menu */
.mt-nav{border-top:1px solid var(--mt-line);border-bottom:1px solid var(--mt-line);background:#fff}

/* szuflada mobilna */
.mt-drawer{position:fixed;inset:0;z-index:120;background:rgba(15,23,38,.45);opacity:0;visibility:hidden;transition:opacity .2s,visibility 0s linear .2s}
.mt-drawer.is-open{opacity:1;visibility:visible;transition:opacity .2s}
.mt-drawer__panel{position:absolute;top:0;left:0;bottom:0;width:min(380px,90vw);background:#fff;overflow-y:auto;overscroll-behavior:contain;transform:translateX(-100%);transition:transform .25s ease;display:flex;flex-direction:column}
.mt-drawer.is-open .mt-drawer__panel{transform:none}
.mt-drawer__head{display:flex;align-items:center;justify-content:space-between;padding:12px 10px 12px 18px;position:sticky;top:0;background:#fff;z-index:2}
.mt-drawer__help{margin-top:auto;padding:18px;background:var(--mt-soft)}
.mt-drawer__links{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:10px;font-size:14.5px;font-weight:700;color:var(--mt-navy)}

/* ---------- responsywność ---------- */
@media (max-width:1320px){ .mt-usps li:nth-child(4){display:none} .mt-help__txt{display:none} .mt-help__btn{padding-right:8px} }
@media (max-width:1100px){ .mt-usps li:nth-child(3){display:none} .mt-lbl{display:none} .mt-acc,.mt-cart{min-width:46px} }
/* przełączanie wersji – próg szablonu 992 px */
@media (max-width:991px){ .mt--desktop{display:none!important} }
@media (min-width:992px){ .mt--mobile{display:none!important} }

/* ---------- wersja mobilna ---------- */
.mt--mobile .mt-bar{font-size:13.5px}
.mt--mobile .mt-bar__in{justify-content:center;min-height:34px}
.mt--mobile .mt-util{display:none}
.mt--mobile .mt-usps{position:relative;display:block;height:34px;width:100%}
.mt--mobile .mt-usps li{display:flex;position:absolute;inset:0;justify-content:center;opacity:0;transform:translateY(8px);transition:opacity .35s,transform .35s}
.mt--mobile .mt-usps li.is-active{opacity:1;transform:none}
.mt--mobile .mt-main__in{display:flex;flex-wrap:wrap;align-items:center;min-height:0;gap:6px 4px;padding-top:8px;padding-bottom:10px}
.mt--mobile.is-condensed .mt-main__in{min-height:0}
.mt--mobile .mt-burger{order:1}
.mt--mobile .mt-logo{order:2;margin-right:auto}
.mt--mobile .mt-logo img{width:104px}
.mt--mobile .mt-actions{order:3;margin-left:0;gap:0}
.mt--mobile .mt-acc,.mt--mobile .mt-cart{min-width:44px}
.mt--mobile .mt-search{order:4;flex-basis:100%;max-width:none}
.mt--mobile .mt-search form{height:48px}
.mt--mobile .mt-search .tvheader-top-search-wrapper{display:none!important}
.mt--mobile .mt-suggest{grid-template-columns:1fr;gap:16px;max-height:65vh;overflow:auto}
.mt--mobile .mt-acc .tv-account-dropdown{position:fixed!important;left:12px!important;right:12px!important;top:auto!important;min-width:0}
@media (prefers-reduced-motion:reduce){.mt *,.mt,.mt-drawer,.mt-drawer *{transition:none!important}}

.mt-slot{display:contents}

/* kolory linków w nagłówku – szablon nadpisuje kolor linków w #header */
#header .mt-bar,#header .mt-bar a,#header .mt-util a{color:#fff!important}
#header .mt-suggest__list a,#header .mt-suggest__chips a,#header .mt-help__row,#header .mt-ibtn,#header a.mt-lbl{color:var(--mt-ink)}
#header .mt-suggest__chips a.is-sale{color:var(--mt-sale)}
#header .mt-suggest__chips a:hover{color:#fff}
#header .mt-help__faq,#header .mt-suggest__more{color:var(--mt-navy)}
#header .mt-help__row--wa .mt-help__rico{color:var(--mt-wa)}