.pinbex-header{position:sticky;top:0;z-index:1000;box-shadow:var(--shadow-lg);background:#fff}.pinbex-header-inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"logo search search" "mega navigation actions";align-items:center;min-height:124px;column-gap:24px;row-gap:0}.pinbex-logo{grid-area:logo;flex-shrink:0}.pinbex-logo a{display:flex;align-items:center}.pinbex-logo img{height:40px!important;width:auto}.pinbex-logo-text{font-size:var(--font-size-xl);font-weight:700;color:#fff;background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.pinbex-search{grid-area:search;flex:1;width:100%;max-width:760px;justify-self:end;position:relative}.pinbex-search-form{display:flex;align-items:center;background:var(--color-card);border-radius:var(--element-radius);overflow:hidden;transition:all var(--transition-fast)}.pinbex-search-form:focus-within{background:var(--color-card);box-shadow:0 0 0 2px rgb(30 136 255 / .3)}.pinbex-search-input{flex:1;padding:10px 16px!important;background:transparent!important;border:1px solid #1e88ff!important;color:var(--color-text-primary)!important;font-size:var(--font-size-sm)!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important}.pinbex-search-input::placeholder{color:var(--color-text-secondary)}.pinbex-search-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--color-blue);border:none;color:rgb(255 255 255 / .7);cursor:pointer;transition:color var(--transition-fast)}.pinbex-search-btn:hover{color:var(--color-cyan)}.pinbex-search-btn svg{width:20px;height:20px}.pinbex-mobile-search-toggle{display:none;grid-area:search;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:var(--color-blue);border:0;border-radius:10px;color:#fff;cursor:pointer}.pinbex-mobile-search-toggle svg{width:20px;height:20px}.pinbex-search-close{display:none;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:var(--color-bg);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text-primary);cursor:pointer}.pinbex-search-close svg{width:20px;height:20px}.pinbex-search-results{position:absolute;top:100%;left:0;right:0;margin-top:8px;background:var(--color-card);border-radius:var(--card-radius);box-shadow:var(--shadow-xl);max-height:400px;overflow-y:auto;display:none;z-index:100}.pinbex-search-results.active{display:block;animation:fadeIn 0.2s ease}.pinbex-search-result-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--color-border);transition:background var(--transition-fast)}.pinbex-search-result-item:last-child{border-bottom:none}.pinbex-search-result-item:hover{background:var(--color-card-hover)}.pinbex-search-result-img{width:50px;height:50px;object-fit:cover;border-radius:8px;flex-shrink:0}.pinbex-search-result-info{flex:1;min-width:0}.pinbex-search-result-title{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pinbex-search-result-price{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:2px}.pinbex-search-no-results{padding:24px;text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.pinbex-header-actions{grid-area:actions;display:flex;align-items:center;gap:8px}.pinbex-primary-nav{grid-area:navigation;min-width:0}.pinbex-primary-menu{display:flex;align-items:center;gap:24px;list-style:none}.pinbex-quick-links{display:flex;align-items:center;gap:24px;margin:0;padding:0;list-style:none}.pinbex-quick-links a{display:block;padding:12px 0;color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:500;white-space:nowrap;transition:color var(--transition-fast)}.pinbex-quick-links a:hover{color:var(--color-blue)}.pinbex-primary-menu li{position:relative}.pinbex-primary-menu a{display:block;padding:12px 0;color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:500;white-space:nowrap}.pinbex-primary-menu a:hover,.pinbex-primary-menu .current-menu-item>a{color:var(--color-blue)}.pinbex-primary-menu .sub-menu{position:absolute;top:100%;right:0;min-width:210px;padding:8px;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--card-radius);box-shadow:var(--shadow-xl);list-style:none;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity var(--transition-fast),transform var(--transition-fast),visibility var(--transition-fast)}.pinbex-primary-menu li:hover>.sub-menu,.pinbex-primary-menu li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:translateY(0)}.pinbex-primary-menu .sub-menu a{padding:9px 12px;border-radius:6px}.pinbex-primary-menu .sub-menu a:hover{background:var(--color-card-hover)}.pinbex-header-action{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--color-blue);border-radius:var(--element-radius);color:rgb(255 255 255 / .8);cursor:pointer;transition:all var(--transition-fast);border:none}.pinbex-header-action:hover{background:var(--color-cyan);color:#fff}.pinbex-header-action svg{width:20px;height:20px}.pinbex-cart-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;color:#fff;background:#000;border-radius:9px;display:flex;align-items:center;justify-content:center;line-height:1}.pinbex-mini-cart{position:absolute;top:100%;left:0;right:auto;width:360px;margin-top:8px;background:var(--color-card);border-radius:var(--card-radius);box-shadow:var(--shadow-xl);display:none;z-index:100}.pinbex-mini-cart.active{display:block;animation:fadeIn 0.2s ease}.pinbex-mini-cart-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--color-border)}.pinbex-mini-cart-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary)}.pinbex-mini-cart-count{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.pinbex-mini-cart-close{display:none;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:var(--color-bg);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text-primary);cursor:pointer}.pinbex-mini-cart-close svg{display:block}.pinbex-mini-cart-items{max-height:300px;overflow-y:auto;padding:8px 0}.pinbex-mini-cart-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--color-border)}.pinbex-mini-cart-item:last-child{border-bottom:none}.pinbex-mini-cart-item-img{width:60px;height:60px;object-fit:cover;border-radius:8px;flex-shrink:0}.pinbex-mini-cart-item-link{display:block;flex-shrink:0}.pinbex-mini-cart-item-info{flex:1;min-width:0}.pinbex-mini-cart-item-title{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}a.pinbex-mini-cart-item-title:hover{color:var(--color-blue)}.pinbex-mini-cart-item-price{font-size:var(--font-size-sm);color:var(--color-blue);font-weight:600;margin-top:4px}.pinbex-mini-cart-item-remove{background:none;border:none;color:var(--color-gray);cursor:pointer;padding:4px;transition:color var(--transition-fast)}.pinbex-mini-cart-item-remove:hover{color:var(--color-sale)}.pinbex-mini-cart-qty-wrapper{display:inline-flex;align-items:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;overflow:hidden;margin-top:6px}.pinbex-mini-cart-qty-btn{width:20px;height:24px;display:flex;align-items:center;justify-content:center;background:#fff0;border:none;color:var(--color-text-primary);font-size:13px;line-height:1;cursor:pointer;transition:background var(--transition-fast)}.pinbex-mini-cart-qty-btn:hover{background:var(--color-border)}.pinbex-mini-cart-qty-btn:disabled{opacity:.4;cursor:not-allowed;background:#fff0}.pinbex-mini-cart-qty-value{min-width:22px;height:24px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-primary);border-left:1px solid var(--color-border);border-right:1px solid var(--color-border)}.pinbex-mini-cart-item.pinbex-loading{opacity:.5;pointer-events:none}.pinbex-mini-cart-footer{padding:16px;border-top:1px solid var(--color-border)}.pinbex-mini-cart-total{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.pinbex-mini-cart-total-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.pinbex-mini-cart-total-value{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-primary)}.pinbex-mini-cart-empty{padding:32px 16px;text-align:center;color:var(--color-text-secondary)}.pinbex-mini-cart-empty svg{width:48px;height:48px;color:var(--color-gray);margin-bottom:12px}.pinbex-login-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--color-blue);border-radius:var(--element-radius);color:rgb(255 255 255 / .8);font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-fast);white-space:nowrap}.pinbex-login-btn:hover{background:var(--color-cyan);color:#fff}.pinbex-login-btn svg{width:18px;height:18px}.pinbex-mobile-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;background:rgb(255 255 255 / .1);border-radius:var(--element-radius);color:#fff;border:none;cursor:pointer}.pinbex-mobile-toggle svg{width:24px;height:24px}@media (min-width:992px){:root{--pinbex-header-height:108px}.pinbex-header{background:#fff;border-bottom:1px solid #edf0f4;box-shadow:0 2px 10px rgb(19 31 54 / .035)}.pinbex-header-inner{grid-template-columns:auto minmax(320px,1fr) auto;grid-template-areas:"logo search actions" "mega navigation navigation";grid-template-rows:66px 42px;min-height:var(--pinbex-header-height);column-gap:24px;row-gap:0}.pinbex-logo{align-self:center}.pinbex-logo img{height:38px!important}.pinbex-search{align-self:center;max-width:880px;justify-self:stretch}.pinbex-search-form{min-height:42px;padding:2px 3px;background:#f4f5f7;border:1px solid #f4f5f7;border-radius:8px}.pinbex-search-form:focus-within{background:#fff;border-color:rgb(30 136 255 / .5);box-shadow:0 0 0 3px rgb(30 136 255 / .08)}.pinbex-search-input{min-height:36px;padding:8px 14px!important;border:0!important;border-radius:6px!important;font-size:13px!important}.pinbex-search-btn{width:36px;height:36px;background:#fff0;border-radius:6px;color:#697386}.pinbex-search-btn:hover{background:#e8f3ff;color:var(--color-blue)}.pinbex-header-actions{align-self:center;gap:6px;padding-right:18px;border-right:1px solid #e9ecf0}.pinbex-header-action{width:40px;height:40px;background:#fff0;border:0;border-radius:8px;color:#3d4653}.pinbex-header-action:hover{background:#f3f8fe;border-color:#fff0;color:var(--color-blue);transform:none}.pinbex-cart-badge{top:-3px;right:-1px;background:var(--color-sale);box-shadow:0 0 0 2px #fff}.pinbex-login-btn{min-height:38px;padding:8px 10px;background:#fff0;border:1px solid #dfe4ea;border-radius:7px;color:#303846;font-size:12px;font-weight:500}.pinbex-login-btn:hover{background:#f3f8fe;border-color:#cde5ff;color:var(--color-blue);transform:none}.pinbex-header .pinbex-mega-trigger{align-self:center;min-height:42px;padding:8px 2px;background:#fff0;border:0;border-radius:0;color:#303846;font-weight:500}.pinbex-header .pinbex-mega-trigger:hover,.pinbex-header .pinbex-mega-trigger.active{background:#fff0;border-color:#fff0;box-shadow:none;color:var(--color-blue);transform:none}.pinbex-header .pinbex-mega-trigger>svg:first-child{width:20px;height:20px}.pinbex-primary-nav{display:flex;align-items:stretch;align-self:stretch;min-width:0;border-top:1px solid #f0f2f5}.pinbex-quick-links,.pinbex-primary-menu{height:100%;gap:30px}.pinbex-quick-links a,.pinbex-primary-menu a{position:relative;padding:11px 0 10px;color:#596273;font-size:12px;font-weight:500}.pinbex-quick-links a::after,.pinbex-primary-menu a::after{position:absolute;right:0;bottom:0;left:0;height:2px;background:var(--color-blue);border-radius:2px;content:'';opacity:0;transform:scaleX(.4);transition:opacity var(--transition-fast),transform var(--transition-fast)}.pinbex-quick-links a:hover::after,.pinbex-primary-menu a:hover::after,.pinbex-primary-menu .current-menu-item>a::after{opacity:1;transform:scaleX(1)}.pinbex-primary-menu .sub-menu a::after{display:none}.pinbex-primary-menu .sub-menu{top:calc(100% - 2px);border-radius:14px}}