/* ŚwiatGirland navigation: self-contained, no external library. */
.site-header{--sg-masthead-height:84px;--sg-toolbar-height:0px}
body.admin-bar .site-header{--sg-toolbar-height:32px}
.sg-navigation{--sg-ink:#111827;--sg-line:#e5e7eb;--sg-accent:#d97706;color:var(--sg-ink);background:#fff;border-top:1px solid var(--sg-line);position:relative}
.sg-nav-bar{display:flex;align-items:center;gap:clamp(3px,.65vw,12px);flex-wrap:nowrap;min-height:68px;list-style:none;margin:0 auto;padding-block:10px;padding-inline:clamp(16px,2.4vw,48px)}
.sg-nav-bar>li{margin:0;min-width:0}.sg-nav-bar>.sg-nav-outlet{margin-left:auto}
.sg-nav-item{position:static;margin:0;border:0;padding:0}
.sg-nav-item>summary,.sg-nav-direct{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:46px;padding:10px clamp(6px,.8vw,16px);font-size:clamp(10px,.78vw,13px);font-weight:700;letter-spacing:.025em;text-transform:uppercase;white-space:nowrap;list-style:none;cursor:pointer;color:#111827}
.sg-navigation summary::-webkit-details-marker{display:none}
.sg-nav-all>summary{background:#fdedd7;border:1px solid #f4d4a8;border-radius:4px!important;gap:14px;padding-inline:18px}
.sg-nav-item>summary:hover,.sg-nav-item[open]>summary,.sg-nav-direct:hover{color:#a65300;background:#fff7eb}
.sg-nav-outlet>a,.sg-mega-links .sg-outlet{color:#d97706;font-weight:700}.sg-nav-configurator>a{text-decoration:underline;text-decoration-color:#e88a1a;text-underline-offset:5px}
.sg-chevron{width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);flex:none;margin:0 3px 3px}
.sg-nav-item[open]>summary>.sg-chevron,.sg-mega-group[open]>summary>.sg-chevron{transform:rotate(225deg);margin-bottom:-3px}
.sg-mega-panel{position:absolute;top:100%;left:0;right:0;background:#fff;border-top:1px solid var(--sg-line);border-bottom:2px solid #111827;box-shadow:0 20px 30px #11182714;padding:24px max(24px,calc((100% - 1384px)/2));max-height:calc(100dvh - var(--sg-nav-bottom,190px) - 12px);overflow:auto;overscroll-behavior:contain}
.sg-mega-top{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:12px;color:#6b7280;border-bottom:1px solid var(--sg-line);padding-bottom:16px;margin-bottom:24px}.sg-mega-top>a{color:#111827;font-weight:700}
.sg-mega-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:30px 26px}
.sg-mega-group{margin:0;min-width:0;border:0}.sg-mega-group>summary{display:flex;justify-content:space-between;gap:12px;font-size:12px;line-height:1.5;font-weight:700;letter-spacing:.015em;text-transform:uppercase;list-style:none;border-bottom:1px solid var(--sg-line);padding:0 0 12px;margin:0 0 8px;cursor:pointer}
.sg-group-all{display:block;font-size:11px;color:#6b7280;margin:0 0 8px}
.sg-mega-links{list-style:none;padding:0;margin:0}.sg-mega-links li{margin:0}.sg-mega-links a{display:block;padding:6px 0;font-size:13px;line-height:1.5;color:#4b5563;overflow-wrap:anywhere}.sg-mega-links ul{padding-left:12px;border-left:1px solid var(--sg-line)}
.sg-navigation a:hover{color:#a65300;text-decoration:underline;text-underline-offset:4px}.sg-navigation a[aria-current=page]{color:#a65300;font-weight:700}
.sg-navigation :focus-visible,.sg-mobile-toggle:focus-visible{outline:2px solid #111827;outline-offset:3px}
.sg-drawer-heading,.sg-mobile-toggle,.sg-nav-backdrop{display:none}
@media(min-width:992px){
 body .site-header.sg-sticky-header{top:calc(var(--sg-toolbar-height) - var(--sg-masthead-height))}
 body .site-header.sg-sticky-header:has(.masthead:focus-within){top:var(--sg-toolbar-height)}
 .sg-mega-group>summary{pointer-events:none}.sg-mega-group>summary>.sg-chevron{display:none}
 .sg-mega-group:not([open])>.sg-group-content{display:block}
}
@media(min-width:992px) and (max-width:1199px){.sg-mega-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sg-nav-bar{gap:2px;padding-inline:14px}.sg-nav-item>summary,.sg-nav-direct{font-size:10px;padding-inline:6px;gap:5px}.sg-nav-all>summary{padding-inline:12px;gap:8px}}
@media(max-width:991px){
 body .site-header.sg-sticky-header{top:var(--sg-toolbar-height);backdrop-filter:none;background:#fff}
 .sg-mobile-toggle{display:inline-flex}.masthead{gap:12px}.masthead .custom-logo{max-width:220px}.header-search{width:auto;flex:1}.header-actions{gap:3px}
 .sg-navigation{display:none;position:fixed;inset:var(--sg-toolbar-height) auto 0 0;width:min(400px,90vw);height:calc(100dvh - var(--sg-toolbar-height));max-height:none!important;overflow-y:auto;overscroll-behavior:contain;border:0;z-index:72;box-shadow:16px 0 40px #11182726;padding-bottom:env(safe-area-inset-bottom)}
 .sg-navigation.sg-mobile-open{display:block}.site-header:has(.sg-mobile-open){z-index:80}
 .sg-nav-backdrop:not([hidden]){display:block;position:fixed;inset:0;background:#11182766;z-index:71}
 .sg-drawer-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid #e5e7eb;font-size:15px}.sg-drawer-heading button{border:0;background:transparent;font-size:28px;width:44px;height:44px;color:#111827}
 .sg-nav-bar{display:block;padding:12px 20px;margin:0;min-height:0}.sg-nav-bar>li{margin:0}.sg-nav-item>summary,.sg-nav-direct{font-size:12px;white-space:normal;min-height:50px;padding:14px 10px;border-bottom:1px solid #e5e7eb;gap:12px}.sg-nav-all>summary{padding:14px;border:1px solid #f4d4a8}
 .sg-mega-panel{position:static;padding:16px 10px;box-shadow:none;border:0;overflow:visible;max-height:none;background:#fff}.sg-mega-top{font-size:11px;margin-bottom:16px}.sg-mega-top>span{display:none}.sg-mega-grid{display:block}.sg-mega-group>summary{min-height:48px;padding:14px 0;margin:0;font-size:12px;align-items:center}.sg-group-content{padding:10px 0 20px}.sg-mega-links a{padding:10px 0;font-size:14px}.sg-group-all{padding:10px 0}
 body.sg-drawer-open{overflow:hidden}
}
@media(min-width:601px) and (max-width:782px){body.admin-bar .site-header{--sg-toolbar-height:46px}}
@media(max-width:600px){body.admin-bar .site-header{--sg-toolbar-height:0px}}
@media(prefers-reduced-motion:reduce){.sg-navigation *{scroll-behavior:auto;transition:none!important}}
/* Compact dropdowns for featured categories; only Kategorie uses a mega panel. */
.sg-fly-list{list-style:none;margin:0;padding:8px;background:#fff;color:#111827}
.sg-fly-list li{margin:0;padding:0}.sg-fly-item{border:0;margin:0;padding:0}
.sg-fly-list a,.sg-fly-item>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:44px;padding:11px 14px;font-size:13px;line-height:1.5;list-style:none;cursor:pointer;white-space:normal;font-weight:500}
.sg-fly-list a:hover,.sg-fly-item>summary:hover,.sg-fly-item[open]>summary{background:#fff7eb;color:#a65300;text-decoration:none}
.sg-fly-item>summary>.sg-chevron{transform:rotate(-45deg);margin:0 3px}
@media(min-width:992px){
 .site-header:has(.sg-nav-compact){backdrop-filter:none}
 .sg-nav-compact{position:relative}
 .sg-fly-list{position:fixed;width:280px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 100px);overflow:auto;overscroll-behavior:contain;border:1px solid #e5e7eb;box-shadow:0 12px 30px #11182714;z-index:35}
 .sg-fly-item>.sg-fly-list{z-index:36}
 .sg-fly-item.sg-fly-left>summary>.sg-chevron{transform:rotate(135deg)}
}
@media(max-width:991px){
 .sg-fly-list{position:static;width:auto;max-width:none;max-height:none;overflow:visible;border:0;box-shadow:none;padding:4px 0 8px 10px}
 .sg-fly-item>.sg-fly-list{border-left:1px solid #e5e7eb;margin-left:12px}
 .sg-fly-item>summary>.sg-chevron{transform:rotate(45deg)}
 .sg-fly-item[open]>summary>.sg-chevron{transform:rotate(225deg)}
}
/* Two-row mobile header and a clear category drawer. */
.sg-drawer-favorites{display:none}
@media(max-width:991px){
 .site-header .masthead{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 8px;min-height:0;height:auto;padding:12px 16px;align-items:center}
 .site-header .masthead>.custom-logo-link,.site-header .masthead>.brand{grid-column:1;grid-row:1;min-width:0;max-width:100%;margin:0}
 .site-header .masthead .custom-logo{max-width:100%;max-height:52px;width:auto;height:auto;object-fit:contain}
 .site-header .masthead>.brand{font-size:clamp(15px,4.1vw,24px);letter-spacing:.5px;white-space:normal}.site-header .masthead>.brand small{display:none}
 .site-header .header-actions{grid-column:2;grid-row:1;display:flex;gap:2px;margin:0;align-items:center}
 .site-header .header-actions .account-link{display:inline-flex}.site-header .header-actions .sg-header-favorites{display:none}
 .site-header .header-actions .icon-button{width:44px;min-width:44px;min-height:48px;padding:0;position:relative}
 .site-header .header-actions .count{position:absolute;right:0;top:0;min-width:16px;height:16px;font-size:9px}
 .site-header .header-actions .sg-mobile-toggle{display:flex;flex-direction:column;justify-content:center;gap:2px;font-size:10px;line-height:1.2}.sg-mobile-toggle svg{width:22px;height:22px}
 .site-header .header-search{grid-row:2;grid-column:1/-1;width:100%;max-width:none;margin:0;order:initial;min-width:0}
 .site-header .header-search form{width:100%;background:#f7f7f7;border:1px solid #e5e7eb;padding-left:14px}
 .site-header .header-search input{font-size:16px;min-height:46px;padding:10px 0;min-width:0}
 .site-header .header-search .icon-button{min-width:48px;min-height:48px}.site-header .search-results{left:0;right:0;width:100%}
 .sg-navigation{inset:var(--sg-toolbar-height) 0 0 auto;width:min(420px,94vw);box-shadow:-16px 0 40px #11182726}
 .sg-drawer-heading{position:sticky;top:0;z-index:3;padding:0;background:#fff;min-height:60px;gap:0}
 .sg-drawer-heading>strong{padding:20px 24px;font-size:15px;font-weight:600;flex:1;border-bottom:2px solid #e88a1a}
 .sg-drawer-heading .sg-drawer-account{display:flex;align-items:center;justify-content:center;min-height:62px;padding:0 24px;background:#111827;color:#fff;font-size:14px}
 .sg-drawer-heading button{margin-inline:8px}
 .sg-drawer-favorites{display:flex;align-items:center;gap:14px;padding:16px 24px;min-height:58px;font-size:15px;border-bottom:1px solid #e5e7eb}.sg-drawer-favorites>span:last-child{margin-left:auto;font-size:24px}
 .sg-nav-bar{padding:0 24px 24px}.sg-nav-all>summary{display:none}.sg-nav-all>.sg-mega-panel{padding:0}.sg-nav-all .sg-mega-top{display:none}
 .sg-mega-group>summary{font-size:16px;line-height:1.5;font-weight:400;text-transform:none;letter-spacing:0;min-height:58px;padding:16px 0}
 .sg-mega-group>summary>.sg-chevron{transform:rotate(-45deg);width:8px;height:8px;margin-right:5px}.sg-mega-group[open]>summary>.sg-chevron{transform:rotate(45deg)}
 .sg-nav-configurator>a,.sg-nav-outlet>a{font-size:14px;padding-inline:0;min-height:56px}
}

/* Seasonal category markers and compact mobile navigation. */
.sg-category-label{display:flex;align-items:center;gap:10px}
.sg-seasonal-tree{width:20px;height:20px;flex:0 0 20px;fill:#E52332;stroke:#E52332;stroke-width:1.2;stroke-linejoin:round}
@media(max-width:991px){
 .sg-drawer-heading{min-height:44px;justify-content:flex-end;border-bottom:0}
 .sg-drawer-heading button{margin:0 12px;width:44px;height:44px}
 .sg-nav-bar>.sg-nav-featured:has(.sg-nav-compact){display:none}
}

/* A focused sticky search field must not trigger document scroll padding. */
html:has(.header-search input:focus){scroll-padding-top:0;scroll-behavior:auto}
.header-search .search-results{max-height:min(60dvh,480px);overflow-y:auto;overscroll-behavior:contain;overflow-anchor:none}

/* Quiet navigation with a soft category accent. */
.sg-nav-item>summary,.sg-nav-direct{font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:500;letter-spacing:0;text-transform:none;padding:12px 14px;min-height:46px}
.sg-nav-all>summary{background:#fff1dd;border-color:transparent;border-radius:6px!important;color:#663900;padding-inline:18px}
.sg-nav-item>summary:hover,.sg-nav-item[open]>summary,.sg-nav-direct:hover{color:#b86400;background:transparent}.sg-nav-all>summary:hover,.sg-nav-all[open]>summary{background:#fde8c8}
.sg-nav-configurator>a{text-decoration:none}.sg-nav-outlet>a{color:#b86400;font-weight:500}.sg-navigation .sg-nav-direct:hover{text-decoration:none}
@media(min-width:992px) and (max-width:1199px){.sg-nav-item>summary,.sg-nav-direct{font-size:12px;padding-inline:8px}.sg-nav-bar{gap:2px}}

