/* Compact storefront navigation: shared columns and one consistent density. */
.store-header{background:#ffe63d;border-bottom:1px solid rgba(0,0,0,.08);color:#333;position:relative;z-index:10}
.store-header .shell{width:100%;max-width:1200px;margin-inline:auto;padding-inline:20px}
.store-header .top{display:grid;grid-template-columns:160px minmax(0,1fr) 366px;column-gap:24px;align-items:center;height:64px;min-height:64px;padding-block:0}
.store-header .brand{display:flex;align-items:center;justify-content:flex-start;width:140px;height:48px;padding:0;margin:0;background:transparent;border:0;border-radius:0;overflow:visible;position:static}
.store-header .brand img.logo-redesigned{display:block;position:static;width:140px;height:48px;max-width:100%;max-height:none;margin:0;object-fit:contain;object-position:left center;transform:none;clip-path:none;filter:none}
.store-header #searchform{display:flex;align-items:stretch;width:100%;height:40px;margin:0;background:#fff;border-radius:2px;box-shadow:0 1px 2px rgba(0,0,0,.16)}
.store-header #searchform input{min-width:0;width:100%;padding:0 16px;border:0;border-radius:2px;background:#fff;color:#333;font-size:16px;line-height:40px}
.store-header #searchform input::placeholder{color:#737373;opacity:1}
.store-header #searchform button{display:grid;place-items:center;flex:0 0 46px;width:46px;height:40px;padding:0;color:#333}
.store-header #searchform button::before{height:26px;border-color:#e6e6e6}
.store-header #searchform button svg{width:20px;height:20px;stroke-width:1.6}
/* The reference places a slim white promotion capsule above account actions. */
.store-header .top-promo{display:flex;align-items:center;justify-content:center;justify-self:end;gap:10px;width:316px;min-height:34px;max-width:100%;padding:6px 12px;background:#fff;border-radius:24px;box-shadow:0 1px 5px rgba(0,0,0,.24);color:#333;text-align:center;font-size:11px;line-height:1.2;letter-spacing:0;white-space:nowrap}
.store-header .top-promo strong{display:inline-flex;align-items:center;gap:5px;margin:0;color:#333;font-size:14px;line-height:1.2;font-weight:600;letter-spacing:0;white-space:nowrap}
.store-header .top-promo strong span{margin:0;font-size:15px}
.store-header .nav{display:grid;grid-template-columns:160px minmax(0,1fr) auto;column-gap:24px;align-items:center;height:36px;min-height:36px;padding-block:0;font-size:13px}
.store-header .delivery-location{display:flex;align-items:center;justify-content:flex-start;gap:7px;width:160px;min-width:0;max-width:160px;margin:0;padding:0;border:0;color:#333;text-align:left;font-size:12px;line-height:1.2}
.store-header #deliveryPin{display:block;flex:0 0 21px}
.store-header #deliveryPin svg{width:21px;height:24px;stroke-width:1.4}
.store-header .delivery-location>span:nth-child(2){min-width:0;flex:1}
.store-header .delivery-location small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:13px;color:#59572e}
.store-header .delivery-location strong{display:block;max-width:116px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:15px;font-weight:400;color:#333}
.store-header .delivery-location>span:last-child{display:none}
.store-header .nav nav{display:flex;align-items:center;gap:18px;min-width:0;margin:0;white-space:nowrap}
.store-header .nav nav a,.store-header .nav nav button{display:inline-flex;align-items:center;gap:5px;min-height:32px;margin:0;padding:0;color:#514d27;font-size:13px;line-height:1.2;white-space:nowrap}
.store-header .nav nav a[data-reset]{display:inline-flex}
.store-header .nav-right{display:flex;align-items:center;justify-content:flex-end;justify-self:end;gap:18px;min-width:0;margin:0;white-space:nowrap}
.store-header .nav-right button{min-height:32px;margin:0;padding:0;color:#333;line-height:1.2}
.store-header .nav-right #favoritesButton{display:flex;align-items:center;gap:5px;font-size:12px}
.store-header .nav-right #favoritesButton span{font-size:16px;line-height:1}
.store-header .account-button{display:flex;align-items:center;gap:6px;max-width:154px;text-align:left}
.store-header #accountAvatar{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;background:#fff;border-radius:50%;color:#333}.store-header #accountAvatar svg{width:17px;height:17px;stroke-width:1.4}
.store-header .account-button>span:last-child{display:block;min-width:0}
.store-header .account-button small{display:block;max-width:154px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:12px;color:#59572e}
.store-header .account-button strong{display:block;font-size:12px;line-height:15px;font-weight:400;color:#333}
.store-header .cart-button{display:grid;place-items:center;flex:0 0 28px;width:28px;min-width:28px;height:32px;position:relative}
.store-header #cartIcon svg{width:24px;height:24px;stroke-width:1.5}
.store-header .cart-button b{top:-1px;right:-5px;min-width:14px;height:14px;font-size:9px;background:#333;color:#ffe63d}
.store-header .category-menu{top:100%;left:max(20px,calc((100% - 1160px)/2 + 184px));width:240px;max-width:calc(100% - 40px);margin:0;max-height:70vh;overflow:auto}
.store-header button:focus-visible,.store-header a:focus-visible{outline:2px solid #1b4fa5;outline-offset:3px}
@media(hover:hover){.store-header .nav nav a:hover,.store-header .nav nav button:hover,.store-header .nav-right button:hover{color:#111}}
@media(max-width:1100px){.store-header .top{grid-template-columns:160px minmax(0,1fr) 220px;column-gap:20px}.store-header .nav{column-gap:20px}.store-header .top-promo{width:220px;max-width:220px;gap:6px;padding-inline:9px;font-size:0}.store-header .top-promo strong{font-size:14px}.store-header .nav nav{gap:14px}.store-header .nav-right{gap:14px}}
@media(max-width:1000px){.store-header .nav nav button[data-cat="Celulares"]{display:none}.store-header .nav nav a,.store-header .nav nav button{font-size:12px}.store-header .nav-right{gap:12px}}
@media(max-width:900px) and (min-width:761px){.store-header .top{grid-template-columns:160px minmax(0,1fr)}.store-header .top-promo{display:none}.store-header .nav nav a[data-reset]{display:none}.store-header .nav nav{gap:16px}}
@media(max-width:760px){
 .store-header .shell{padding-inline:12px}
 .store-header .top{grid-template-columns:100px minmax(0,1fr);column-gap:12px;height:60px;min-height:60px}
 .store-header .brand{width:100px;height:38px}
 .store-header .brand img.logo-redesigned{width:100px;height:38px}
 .store-header #searchform,.store-header #searchform button{height:38px}
 .store-header #searchform input{height:38px;padding-inline:12px;font-size:14px;line-height:38px}
 .store-header #searchform button{width:36px;flex-basis:36px}
 .store-header #searchform button svg{width:18px;height:18px}
 .store-header .top-promo{display:none}
 .store-header .nav{grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:0;height:auto;min-height:68px;padding-block:0 4px}
 .store-header .delivery-location{grid-column:1/-1;display:flex;gap:5px;width:100%;max-width:none;min-height:32px;border-top:1px solid rgba(0,0,0,.08);font-size:11px}
 .store-header #deliveryPin{flex-basis:16px}
 .store-header #deliveryPin svg{width:16px;height:19px}
 .store-header .delivery-location>span:nth-child(2){display:flex;align-items:center;gap:5px;min-width:0}
 .store-header .delivery-location small{flex:0 1 auto;font-size:11px;line-height:16px}
 .store-header .delivery-location strong{flex:0 1 auto;max-width:220px;font-size:11px;line-height:16px}
 .store-header .delivery-location>span:last-child{display:block;margin-inline-start:auto;font-size:12px}
 .store-header .nav nav{gap:0;min-width:0}
 .store-header .nav nav>a,.store-header .nav nav a[data-reset],.store-header .nav nav button[data-cat]{display:none}
 .store-header .nav nav #categoryButton{display:inline-flex;min-height:32px;font-size:12px}
 .store-header .nav-right{gap:14px;justify-self:end;min-width:0}
 .store-header .nav-right #favoritesButton{font-size:0;gap:0;min-width:24px}
 .store-header .nav-right #favoritesButton span{font-size:20px}
 .store-header #accountAvatar{display:none}
 .store-header .account-button{max-width:130px;gap:0}
 .store-header .account-button small{max-width:130px;font-size:10px;line-height:12px}
 .store-header .account-button strong{font-size:12px;line-height:15px}
 .store-header .cart-button{width:26px;min-width:26px;flex-basis:26px}
 .store-header #cartIcon svg{width:23px;height:23px}
 .store-header .category-menu{left:12px;max-width:calc(100% - 24px)}
}
@media(max-width:380px){.store-header .top{grid-template-columns:80px minmax(0,1fr);column-gap:10px;height:58px;min-height:58px}.store-header .brand,.store-header .brand img.logo-redesigned{width:80px;height:32px}.store-header #searchform input{font-size:13px;padding-inline:10px}.store-header .nav{column-gap:8px}.store-header .nav-right{gap:10px}.store-header .account-button,.store-header .account-button small{max-width:114px}.store-header .delivery-location strong{max-width:195px}}
