.site-header.main-header{position:fixed;top:0;left:0;right:0;z-index:998;height:125px;background:#fff;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,.08);transition:height .25s ease,box-shadow .25s ease}.site-header.main-header.shrink{height:102px;box-shadow:0 2px 10px rgba(0,0,0,.12)}.site-header.main-header::before{content:"";position:absolute;top:0;left:0;bottom:0;width:50%;height:100%;background:var(--gray);clip-path:polygon(100% 0,0 0,0 100%);z-index:0}.site-header.main-header::after{content:"";position:absolute;bottom:0;left:0;width:50%;height:100%;background:var(--red);clip-path:polygon(0 100%,60% 100%,100% 0);z-index:1}.site-header .top-bar,.site-header .bottom-bar,.site-header .search-bar,.site-header .featured-cats{position:relative;z-index:2}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 20px}.logo-eb{height:62px;width:260px}.search-bar{flex:1;max-width:600px;display:flex;border:1px solid var(--gray);border-radius:30px;overflow:hidden;background:#fff;margin:0 20px}.search-bar input{flex:1;border:none;padding:10px 14px;font-size:1rem}.search-bar button{background:var(--red);border:none;padding:0 16px;color:#fff;cursor:pointer}.icons-nav{display:flex;gap:16px;align-items:center;font-size:1.2rem}.cart-link,.fav-link,.acc-link{position:relative;display:inline-flex;align-items:center}.cart-badge,.fav-badge{position:absolute;top:-6px;right:-10px;background:var(--red);color:#fff;font-size:.7rem;font-weight:bold;padding:2px 6px;border-radius:50%;line-height:1}.bottom-bar{display:flex;align-items:center;justify-content:center;padding:8px 20px 4px;gap:25px}.featured-cats{display:flex;gap:20px}.featured-cats a{font-weight:500;position:relative;top:-1px}.featured-cats a:hover{color:var(--red)}.burger{background:none;border:none;cursor:pointer}@media (max-width:900px){.top-bar{justify-content:space-between}.mobile-only{margin-left:10px}.bottom-bar{justify-content:pace-around;gap:10px}.search-bar{flex:1;margin:0}.logo-eb{height:42px;width:auto}}#cart-count.htmx-added{animation:pop .3s ease}@keyframes pop{0%{transform:scale(1);background:var(--red);color:#fff}50%{transform:scale(1.4);background:var(--redClair)}100%{transform:scale(1);background:var(--red);color:#fff}}.acc-with-label{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:inherit;position:relative}.acc-with-label .acc-label{display:flex;flex-direction:column;line-height:1.1}.acc-with-label .acc-label .line1{font-weight:700;font-size:.92rem}.acc-with-label .acc-label .line2{font-size:.78rem;color:#555}@media (max-width:900px){.acc-with-label .acc-label{display:none}}.top-bar{padding:8px 20px;transition:padding .25s ease}.site-header.main-header.shrink .top-bar{padding:4px 16px}.logo-eb{transition:height .25s ease}.site-header.main-header.shrink .logo-eb{height:42px;width:auto}.bottom-bar{padding:6px 20px 2px;transition:padding .25s ease}.site-header.main-header.shrink .bottom-bar{padding:2px 16px 0}.site-header.main-header::before,.site-header.main-header::after{transition:clip-path .25s ease}.header-spacer{height:125px;transition:height .25s ease}.header-spacer.shrink{height:102px}@media (min-width:901px){.header-spacer{height:132px}.header-spacer.shrink{height:110px}}.category-page .breadcrumb{padding-top:6px}.suggest-box{position:absolute;top:100%;left:0;right:0;background:white;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:10000;max-height:350px;overflow-y:auto}.suggest-item{padding:8px 12px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #eee}.suggest-item img{width:40px;height:40px;object-fit:cover;border-radius:4px}.suggest-item a{display:flex;justify-content:space-between;align-items:center;width:100%;color:inherit;text-decoration:none}.suggest-item:hover{background:#f9f9f9}.suggest-cat .title{font-weight:600;color:var(--red)}.suggest-empty{padding:10px;color:#666;text-align:center}.search-bar{position:relative}#search-suggest{position:fixed;top:70px;left:50%;transform:translateX(-50%);width:600px;background:white;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:5000;display:none;max-height:350px;overflow-y:auto}@media (max-width:900px){#search-suggest{top:120px;left:50%;transform:translateX(-50%);width:90%;max-width:420px;border-radius:10px}}.clear-btn{background:white;border:white;color:#999;cursor:pointer;padding:0 8px;display:none}.clear-btn svg{pointer-events:none}.search-bar input:not(:placeholder-shown) ~ .clear-btn{display:inline-flex;background:white;border:white}.search-bar input:focus{outline:none!important;box-shadow:none!important;border-color:inherit!important}