/* Match the existing index.php shop header without changing the landing page styles. */
.index2-shop-header{position:relative;z-index:10;background:#fff;border-bottom:1px solid #dee2e6;box-shadow:0 2px 10px #0000000d}
.index2-shop-header>.container-fluid{width:100%;padding:16px 24px}
.index2-shop-header>.container-fluid>.d-flex{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}
.index2-shop-header .d-flex>.d-flex{display:flex;align-items:center;gap:16px}
.index2-shop-header .wellen-logo{display:flex;align-items:center}
.index2-shop-header .wellen-logo img{height:70px;width:auto;max-width:none}
.index2-shop-header nav{display:flex;align-items:center;gap:24px;font-size:16px;line-height:1.5}
.index2-shop-header .nav-link-custom{color:#374151;font-weight:600;text-decoration:none;transition:color .2s}
.index2-shop-header .nav-link-custom:hover{color:var(--wabio-green-22b600)}
.index2-shop-header .position-relative{position:relative}
.index2-shop-header .cart-badge{position:absolute;top:-6px;right:-10px;background:#ef4444;color:#fff;font-size:11px;font-weight:700;padding:2px 6px;border-radius:50px;min-width:18px;text-align:center}
.index2-shop-header .dropdown{position:relative}
.index2-shop-header .user-logo-link{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:999px;background:#f1f5f9;border:1px solid #e2e8f0;padding:0;vertical-align:middle;transition:background .2s,transform .2s}
.index2-shop-header .user-logo-link:hover{background:#e2e8f0;transform:translateY(-1px)}
.index2-shop-header .user-logo-link img{width:26px;height:26px;object-fit:cover;border-radius:999px}
.index2-shop-header .user-menu{display:none;position:absolute;top:calc(100% + 8px);right:0;z-index:20;list-style:none;margin:0;min-width:200px;width:max-content;max-width:calc(100vw - 32px);background:#fff;border-radius:14px;border:1px solid #e2e8f0;box-shadow:0 18px 35px #0f172a1f;padding:10px}
.index2-shop-header .user-menu.is-open{display:block}
.index2-shop-header .user-menu .dropdown-item{border-radius:10px;font-weight:600;font-size:14px;color:#0f172a;display:flex;align-items:center;gap:10px;padding:8px 10px;white-space:normal}
.index2-shop-header .user-menu .dropdown-item:hover,.index2-shop-header .user-menu .dropdown-item:focus{background:#EEF6FA}
.index2-shop-header .user-menu .dropdown-item i{font-size:14px;color:var(--wabio-green-22b600)}
@media(max-width:760px){.index2-shop-header>.container-fluid{padding:12px 18px}.index2-shop-header .d-flex>.d-flex{gap:10px}.index2-shop-header .wellen-logo img{height:56px}.index2-shop-header .d-flex>.d-flex>div:last-child:not(.wellen-logo){max-width:170px;font-size:10px!important;letter-spacing:1px!important}.index2-shop-header nav{font-size:14px;gap:20px}}
@media(max-width:540px){.index2-shop-header>.container-fluid>.d-flex{gap:10px}.index2-shop-header .d-flex>.d-flex{width:100%;justify-content:space-between}.index2-shop-header .wellen-logo img{height:50px}.index2-shop-header nav{width:100%;justify-content:flex-end;gap:24px}.index2-shop-header .user-logo-link{width:34px;height:34px}.index2-shop-header .user-menu .dropdown-item{font-size:13px}}
