/* Smarttec Header – base styles. All tunable values are overridden by Bricks controls. */
.stc-header{--stc-cols-d:3;--stc-cols-t:2;--stc-cols-m:2;position:relative;background:#fff;z-index:1000;font-family:inherit}
.stc-header *{box-sizing:border-box}

/* Top row */
.stc-top{display:flex;align-items:center;gap:24px;min-height:80px;padding:0 24px;max-width:1440px;margin:0 auto}
.stc-logo{display:inline-flex;align-items:center;flex:0 0 auto}
.stc-logo img{width:150px;height:auto;display:block}

/* Search bar (trigger) */
.stc-search{position:relative;flex:1 1 auto;max-width:640px;margin:0 auto}
.stc-search-field{display:flex;align-items:center;gap:12px;width:100%;height:52px;padding:0 20px;background:#f4f4f5;border:1px solid #e5e5e7;border-radius:999px;cursor:text;color:#6b7280;font-size:16px;transition:box-shadow .15s ease,border-color .15s ease}
.stc-search-field:hover{border-color:#d1d5db}
.stc-search-field .stc-ic{flex:0 0 auto;font-size:20px;color:#111}
.stc-search-ph{color:#6b7280}

/* Actions */
.stc-actions{display:flex;align-items:center;gap:18px;flex:0 0 auto;margin-left:auto}
.stc-text-link{font-weight:700;color:#111;text-decoration:none;white-space:nowrap}
.stc-text-link:hover{color:#e6007e}
.stc-icon-link{position:relative;display:inline-flex;align-items:center;color:#111;text-decoration:none;background:none;border:0;cursor:pointer;padding:4px}
.stc-icon-link:hover{color:#e6007e}
.stc-lang a{font-weight:700;color:#111;text-decoration:none}
.stc-ic{display:inline-flex}
.stc-ic svg{width:1em;height:1em}
.stc-actions .stc-ic{font-size:24px}

/* Cart badge */
.stc-cart{overflow:visible}
.stc-badge{position:absolute;top:-4px;right:-6px;min-width:18px;height:18px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;background:#e6007e;color:#fff;font-size:11px;font-weight:700;border-radius:999px;line-height:1}

/* Bottom nav */
.stc-nav{border-top:1px solid #eee}
.stc-nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:28px;margin:0;padding:12px 24px;max-width:1440px;margin:0 auto}
.stc-nav a{position:relative;color:#111;text-decoration:none;font-weight:600;font-size:15px;padding:4px 0;transition:color .2s ease}
.stc-nav a::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:#e6007e;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.stc-nav a:hover{color:#e6007e}
.stc-nav a:hover::after{transform:scaleX(1)}

/* Sticky */
.stc-header[data-sticky="1"].is-sticky{position:fixed;top:0;left:0;right:0;box-shadow:0 4px 20px rgba(0,0,0,.08);animation:stcSlideDown .3s ease}
@keyframes stcSlideDown{from{transform:translateY(-100%)}to{transform:translateY(0)}}

/* Overlay */
.stc-overlay{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(-8px);width:100%;max-width:680px;background:#fff;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.18);opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;z-index:1100}
.stc-overlay.is-open{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto}
.stc-overlay-bar{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid #f0f0f0}
.stc-overlay-bar .stc-ic{font-size:20px;color:#111}
.stc-overlay-input{flex:1 1 auto;border:0;outline:0;font-size:16px;background:transparent}/* 16px verhindert iOS-Auto-Zoom */
.stc-overlay-close{background:none;border:0;cursor:pointer;color:#111;display:inline-flex;font-size:20px}
.stc-overlay-inner{padding:20px;max-height:min(70vh,560px);overflow-y:auto}
.stc-section-title{margin:0 0 12px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#9ca3af}

/* Category grid */
.stc-grid{display:grid;grid-template-columns:repeat(var(--stc-cols-d),1fr);gap:14px}
.stc-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:14px;background:#f7f7f8;border-radius:14px;text-decoration:none;color:#111;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.stc-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.1);background:#fff}
.stc-card-img{display:flex;align-items:center;justify-content:center;width:100%;height:120px}
.stc-card-img img{max-width:100%;max-height:100%;object-fit:contain}
.stc-card-title{margin-top:10px;font-weight:600;font-size:15px}

/* Live results */
.stc-results{display:flex;flex-direction:column;gap:22px}
.stc-res-group h4{margin:0 0 10px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#9ca3af}
.stc-res-product{display:flex;align-items:center;gap:12px;padding:8px;border-radius:12px;text-decoration:none;color:#111}
.stc-res-product:hover{background:#f7f7f8}
.stc-res-product img{width:48px;height:48px;object-fit:contain;border-radius:8px;background:#f4f4f5}
.stc-res-meta{display:flex;flex-direction:column}
.stc-res-title{font-weight:600;font-size:15px}
.stc-res-sub{font-size:13px;color:#6b7280}
.stc-res-price{margin-left:auto;font-weight:700;white-space:nowrap}
.stc-chips{display:flex;flex-wrap:wrap;gap:8px}
.stc-chip{padding:6px 12px;background:#f4f4f5;border-radius:999px;font-size:14px;text-decoration:none;color:#111}
.stc-chip:hover{background:#ececed}
.stc-empty{color:#6b7280;padding:8px 0}
.stc-loading{display:flex;justify-content:center;padding:20px;color:#9ca3af}

/* Account dropdown */
.stc-account{position:relative}
.stc-account-menu{position:absolute;top:calc(100% + 10px);right:0;width:280px;background:#fff;border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.18);padding:20px;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .18s ease,transform .18s ease;z-index:1200}
.stc-account-menu:not([hidden]){display:block}
.stc-account.is-open .stc-account-menu{opacity:1;transform:translateY(0);pointer-events:auto}
.stc-account-hi{margin:0 0 14px;font-size:18px;font-weight:700;color:#111}
.stc-account-btns{display:flex;gap:10px;margin-bottom:6px}
.stc-btn{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;font-weight:700;font-size:15px;text-decoration:none;transition:background .15s ease,color .15s ease}
.stc-btn-primary{background:#e6007e;color:#fff}
.stc-btn-primary:hover{background:#c60069}
.stc-btn-ghost{background:#fff;color:#111;border:2px solid #111}
.stc-btn-ghost:hover{background:#111;color:#fff}
.stc-account-extra{border-top:1px solid #f0f0f0;margin-top:14px;padding-top:8px}
.stc-account-link{display:block;padding:9px 4px;color:#111;text-decoration:none;font-weight:500;border-radius:8px}
.stc-account-link:hover{background:#f7f7f8}

/* Mega menu (bottom nav submenus) */
.stc-nav li{position:static}
.stc-nav .sub-menu{position:absolute;left:0;right:0;top:100%;background:#fff;box-shadow:0 20px 40px rgba(0,0,0,.12);border-top:1px solid #eee;padding:26px 24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px 40px;max-width:1440px;margin:0 auto;list-style:none;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease,visibility .18s;z-index:1150}
.stc-nav li.menu-item-has-children:hover>.sub-menu,
.stc-nav li.stc-open>.sub-menu{opacity:1;visibility:visible;transform:translateY(0)}
.stc-nav .sub-menu a{display:block;padding:8px 0;font-weight:500;font-size:15px}
.stc-nav .sub-menu a::after{display:none}

/* Tablet */
@media (max-width:1024px){
	.stc-grid{grid-template-columns:repeat(var(--stc-cols-t),1fr)}
	.stc-text-link{display:none}
}

/* Mobile */
@media (max-width:768px){
	.stc-top{flex-wrap:wrap;gap:12px;padding:10px 16px;min-height:auto}
	.stc-logo{order:1}
	.stc-actions{order:2;margin-left:auto;gap:14px}
	.stc-search{order:3;flex:1 1 100%;max-width:none}
	.stc-nav{display:none}
	.stc-lang{display:none}

	/* Fullscreen overlay */
	.stc-overlay{position:fixed;top:0;left:0;right:0;bottom:0;transform:translateY(100%);max-width:none;width:100%;border-radius:0;opacity:1;box-shadow:none;transition:transform .3s ease}
	.stc-overlay.is-open{transform:translateY(0)}
	.stc-overlay-inner{max-height:none;height:calc(100% - 64px)}
	.stc-grid{grid-template-columns:repeat(var(--stc-cols-m),1fr)}
	.stc-card-img{height:100px}
}

@media (prefers-reduced-motion:reduce){
	.stc-overlay,.stc-card,.stc-nav a::after,.stc-header[data-sticky="1"].is-sticky{transition:none;animation:none}
}