@import url("typography.css?v=20261009-brand2");
@font-face{font-family:"Host Grotesk";src:url("HostGrotesk-Regular.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Host Grotesk";src:url("HostGrotesk-SemiBold.ttf") format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:"Host Grotesk";src:url("HostGrotesk-Bold.ttf") format("truetype");font-weight:700;font-display:swap}
:root{--loop-orange:#EB4226;--loop-cream:#F1F0EC;--loop-graphite:#383838;--loop-black:#050505;--loop-muted:#62615D;--loop-line:#D9D8D4;--loop-font:"Host Grotesk",Arial,sans-serif;
--bg:var(--loop-cream)!important;--ink:var(--loop-graphite)!important;--ink-2:var(--loop-muted)!important;--grey:var(--loop-muted)!important;--muted:var(--loop-muted)!important;--line:var(--loop-line)!important;--paper:var(--loop-cream)!important;--soft:var(--loop-cream)!important;--acc:var(--loop-orange)!important;--orange:var(--loop-orange)!important;--lav:var(--loop-orange)!important;--lav-soft:#F9E8DE!important;--fr:var(--loop-font);--rosa:var(--loop-cream)!important;--celeste:var(--loop-cream)!important;--salvia:var(--loop-cream)!important;--durazno:var(--loop-cream)!important;--lavanda:var(--loop-cream)!important;--white:#fff!important;--card:#fff!important;--forgedot:var(--loop-graphite)!important}
html,body{background:var(--loop-cream)!important;color:var(--loop-graphite);font-family:var(--loop-font);-webkit-font-smoothing:antialiased}
body::before{background:none!important}
button,input,select,textarea{font-family:var(--loop-font)}
h1,h2,h3,h4,.brandname,.gsub,.wordsign,.h-page,.h-sub,.h-sect b,.kpi .v,.pc-total,.claveh{font-family:var(--loop-font)}
h1,h2,h3,h4{font-weight:600;letter-spacing:-.025em}h1{line-height:1.12}
.loop-brand-logo{display:block!important;width:144px!important;max-width:100%;height:auto!important;object-fit:contain!important;border:0!important;border-radius:0!important;background:none!important;padding:0!important;box-shadow:none!important;filter:none!important}
.glogo,.brandmark{gap:14px!important;align-items:center!important}.gsub{color:var(--loop-muted)!important;font-size:11px;letter-spacing:.1em}
.clavelogo,.lk,.loopmark{width:auto!important;height:auto!important;min-height:0!important;border:0!important;border-radius:0!important;background:none!important;color:var(--loop-graphite)!important;padding:10px!important}
.clavelogo{display:flex!important;justify-content:center!important}.clavelogo .loop-brand-logo{width:144px!important}
header:not(.ficha-h),header.top{background:var(--loop-cream)!important;border-color:var(--loop-line)!important;backdrop-filter:none!important}
.gtrack,.dtrack{background:#fff!important;border:1px solid var(--loop-line);box-shadow:none!important}.gthumb,.dthumb{background:var(--loop-graphite)!important}.gseg,.dseg{font-family:var(--loop-font);color:var(--loop-graphite);min-height:44px}.gseg[aria-pressed=true],.dseg[aria-pressed=true]{color:#fff!important}
.btn.lav,.btn.primary,.topbtn,.btn-ia{background:var(--loop-graphite)!important;color:#fff!important}.btn.lav:hover,.btn.primary:hover,.topbtn:hover{background:var(--loop-black)!important}.btn.ghost{background:#fff!important;border-color:var(--loop-line)!important;color:var(--loop-graphite)!important}
[data-loop-surface=gestor] .card,.modalcard,.clavecard,.summary article,.check,.rehearsal,.final-gate{background:#fff!important;border-color:var(--loop-line)!important;box-shadow:0 4px 18px #38383806!important}
input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{border-color:var(--loop-line);color:var(--loop-graphite)}
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--loop-graphite)!important;outline-offset:3px!important}
[data-loop-surface=tienda] .wordmark{display:block!important;font-size:0;border:0!important;padding:0!important;background:none!important}
[data-loop-surface=tienda] .brandmark{padding:12px 0!important;flex-direction:row!important}
[data-loop-surface=tienda] .wordsign{font-style:normal;font-size:11px;letter-spacing:.06em}
[data-loop-surface=tienda] .hero-photo,[data-loop-surface=tienda] .card .media,[data-loop-surface=tienda] .p-img,[data-loop-surface=tienda] .photo{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:22px;overflow:hidden}
[data-loop-surface=tienda] .hero-photo img,[data-loop-surface=tienda] .card img,[data-loop-surface=tienda] .p-img img{border-radius:22px}
[data-loop-surface=tienda] .h-page{font-weight:600;line-height:1.12}
[data-loop-surface=gestor] .gnav{max-width:1400px!important}.gtrack{flex-wrap:wrap;gap:3px}.gtrack .gseg{flex:1 0 auto;padding:0 14px}.gtrack .gseg[aria-pressed=true]{background:var(--loop-graphite)}
@media(max-width:600px){.loop-brand-logo{width:120px!important}.glogo{gap:10px!important}.gtrack{min-width:0!important}.gtrack .gseg{font-size:12px;min-height:44px}.gnav{overflow:visible!important}header .gsub{font-size:10px}[data-loop-surface=tienda] .brandmark{gap:8px!important}.wordsign{display:none}}
@media(prefers-reduced-motion:reduce){.gthumb,.dthumb,.btn,.card img{transition:none!important;animation:none!important}}
@media print{body{background:#fff!important}.loop-brand-logo{width:120px!important}}

/* Superficies de fotografía sin marco añadido; se conserva el fondo propio de la foto. */
[data-loop-surface=tienda] .tile{background-color:transparent!important;border:0!important;box-shadow:none!important;border-radius:22px!important;overflow:hidden}
[data-loop-surface=tienda] .card:hover .tile{box-shadow:none!important}
[data-loop-surface=gestor] .upload,[data-loop-surface=gestor] .slot{background:var(--loop-cream)!important;border-color:var(--loop-line)!important}
[data-loop-surface=gestor] .note{background:var(--loop-cream)!important;color:var(--loop-graphite)!important}
[data-loop-surface=gestor] .store-cart{background:var(--loop-graphite)!important;color:#fff!important}
[data-loop-surface=gestor] .store-logo{letter-spacing:0}
.logoop .loop-brand-logo{width:120px!important}

header a.logo:has(.loop-brand-logo){width:auto!important;height:auto!important;background:none!important;border:0!important;padding:10px 0!important;border-radius:0!important}

/* Acabado: ritmo, tipografía, interacción y detalles compartidos. */
:root{--loop-space-1:4px;--loop-space-2:8px;--loop-space-3:12px;--loop-space-4:16px;--loop-space-6:24px;--loop-space-8:32px;--loop-radius-control:12px;--loop-radius-panel:20px;--loop-duration:160ms}
body{line-height:1.5}button,a,input,select,textarea{touch-action:manipulation}
button{transition:background-color var(--loop-duration),color var(--loop-duration),border-color var(--loop-duration),box-shadow var(--loop-duration)}
button:disabled,[aria-disabled=true]{cursor:not-allowed!important;opacity:.5}
button:not(:disabled):active{filter:brightness(.95)}
:where(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){min-height:44px;font-size:14px;line-height:1.5;border-radius:var(--loop-radius-control)}
textarea{resize:vertical;min-height:100px}
input:user-invalid,textarea:user-invalid,select:user-invalid{border-color:#A72D24!important}
input::placeholder,textarea::placeholder{color:var(--loop-muted);opacity:1}
:where(.kpi strong,.kpi .v,.price,.pc-total,.store-price,td.num,.num){font-variant-numeric:tabular-nums}
[data-loop-surface=gestor] .gtrack .gthumb{display:none!important}
[data-loop-surface=gestor] .gseg{border-radius:12px!important;font-weight:600;transition:background-color var(--loop-duration),color var(--loop-duration)}
[data-loop-surface=gestor] .gseg:not([aria-pressed=true]):hover{background:var(--loop-cream)!important}
[data-loop-surface=gestor] :where(.wrapc,main){scroll-margin-top:110px}
[data-loop-surface=gestor] :where(.card,.modalcard,.clavecard){border-radius:var(--loop-radius-panel)}
[data-loop-surface=gestor] :where(.card h2,.card h3,.dblock h2){line-height:1.25;letter-spacing:-.02em}
[data-loop-surface=gestor] :where(.hint,.claves,.note,.field .v){line-height:1.6}
[data-loop-surface=gestor] :where(th,td){padding:12px 14px;vertical-align:middle}
[data-loop-surface=gestor] th{font-size:12px;font-weight:600;background:var(--loop-cream);letter-spacing:.025em}
[data-loop-surface=gestor] tbody tr:hover{background:#F8F7F4}
[data-loop-surface=gestor] :where(.tablewrap,.table-wrap,.table-scroll){overflow-x:auto;border-radius:14px}
[data-loop-surface=gestor] .err:empty{display:none}
[data-loop-surface=tienda] .card{background:transparent!important;border:0!important;box-shadow:none!important}
[data-loop-surface=tienda] .card .media,[data-loop-surface=tienda] .tile{border-radius:22px!important}
[data-loop-surface=tienda] .meta{padding:14px 2px 0!important}
[data-loop-surface=tienda] .pname{font-weight:600;font-size:15px;line-height:1.35;margin-top:6px!important}
[data-loop-surface=tienda] .price{font-weight:600;font-size:15px}
[data-loop-surface=tienda] .brand{font-size:11px;letter-spacing:.1em;font-weight:600}
[data-loop-surface=tienda] .h-sub{font-size:12px;letter-spacing:.1em;line-height:1.5}
[data-loop-surface=tienda] .h-sect{margin:36px 0 18px!important;gap:16px}
[data-loop-surface=tienda] .h-sect a{font-size:12px;letter-spacing:.03em}
[data-loop-surface=tienda] .fav{box-shadow:0 2px 10px #38383812!important}
[data-loop-surface=tienda] .fav:hover{transform:none!important;background:#fff}
[data-loop-surface=tienda] .fav.on{background:var(--loop-graphite)!important;color:#fff!important}
[data-loop-surface=tienda] .card:hover .tile{transform:none!important}
[data-loop-surface=tienda] .top .ic:hover{background:#fff;border-radius:50%}
[data-loop-surface=tienda] .badge{top:0!important;right:0!important;min-width:18px;min-height:18px;display:flex;align-items:center;justify-content:center}
@media(max-width:600px){input,select,textarea{font-size:16px}.gsub{max-width:160px;line-height:1.4}.gtrack{padding:6px!important;border-radius:18px!important}.top-in{padding-top:10px!important;padding-bottom:10px!important}.h-sect{align-items:center!important}.loop-brand-logo{flex-shrink:0}}
@media(prefers-reduced-motion:reduce){button,a,input,select,textarea{transition:none!important}button:not(:disabled):active{filter:none}}
@media print{tbody tr:hover{background:transparent!important}}

.loop-ui-icon{width:20px;height:20px;display:block;flex:none}.gi:has(.loop-ui-icon){display:inline-flex;align-items:center;justify-content:center;background:var(--loop-cream)!important;color:var(--loop-graphite)!important}

html body[data-loop-surface="tienda"]{background:#F1F0EC!important;font-family:"Host Grotesk",Arial,sans-serif}

/* Continuidad del fondo: sin paneles blancos detrás de cuenta ni secciones. */
[data-loop-surface="tienda"] .lb-account-links,[data-loop-surface="tienda"] .lb-account-menu,[data-loop-surface="tienda"] .lb-orders,[data-loop-surface="tienda"] .lb-cart,[data-loop-surface="tienda"] .lb-type-native,[data-loop-surface="tienda"] .lb-canvas{background-color:transparent!important}

/* Tarjetas editoriales integradas al fondo de la tienda. */
[data-loop-surface="tienda"] .lb-block,[data-loop-surface="tienda"] .lb-hero,[data-loop-surface="tienda"] .lb-hero-copy,[data-loop-surface="tienda"] .lb-category-grid,[data-loop-surface="tienda"] .lb-text,[data-loop-surface="tienda"] .lb-heading,[data-loop-surface="tienda"] .lb-image{background-color:transparent!important}

/* Textos de cabecera transformables por separado. */
.lb-logo>small,.lb-location>b,.lb-location>span{display:inline-block!important;position:relative;transform-origin:center}
.lb-logo>small{display:block!important}

[data-loop-surface="tienda"] :is(.studio-home-section,.h-sect,h1,h2,h3,.split,.txt,.lb-benefits>div,.lb-benefits>div>div,.lb-heading>div){background-color:transparent!important}

/* Los títulos de sección no llevan una placa de fondo. */
[data-loop-surface="tienda"] .h-sect :is(b,span),[data-loop-surface="tienda"] [data-cfg="titulos.estrenar"],[data-loop-surface="tienda"] [data-cfg="titulos.marcas"]{background:transparent!important}

/* Regla general para imágenes de contenido de Loop. */
[data-loop-surface="tienda"] :is(.lb-canvas,main,.shell) img:not(.loop-brand-logo){border-radius:24px!important;background:transparent!important}
[data-loop-surface="tienda"] :is(.lb-image,.lb-category-grid a,.lb-hero,.lb-hero-copy){background-color:transparent!important}
@media(max-width:640px){[data-loop-surface="tienda"] :is(.lb-canvas,main,.shell) img:not(.loop-brand-logo){border-radius:18px!important}}

[data-loop-surface="tienda"] .card{background-color:transparent!important;box-shadow:none!important}
[data-loop-surface="tienda"] .tile{background-color:transparent!important;border-radius:24px!important;overflow:hidden}

/* Imperdibles: título fijo y una sola fila deslizable. */
[data-loop-surface="tienda"] [data-studio-section="curated"] .split{display:block!important}
[data-loop-surface="tienda"] [data-studio-section="curated"] .ph-big{height:280px;min-height:0;border-radius:24px; margin-bottom:20px}
[data-loop-surface="tienda"] [data-studio-section="curated"] .txt{display:block;min-height:0}
.loop-carousel{position:relative;margin-top:18px}
.loop-carousel-controls{display:flex;justify-content:flex-end;gap:10px;margin-bottom:12px}
.loop-carousel-controls button{width:44px;height:44px;border:1px solid #38383830;border-radius:50%;background:transparent;color:#383838;font-size:23px;cursor:pointer}
.loop-carousel-controls button:hover{background:#EB4226;color:white}
.loop-carousel-track{display:flex!important;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:14px;scrollbar-width:thin}
.loop-carousel-track>*{flex:0 0 calc((100% - 54px)/3.4);min-width:0;scroll-snap-align:start}
@media(max-width:760px){.loop-carousel-track>*{flex-basis:70%}[data-loop-surface="tienda"] [data-studio-section="curated"] .ph-big{height:200px}}
@media(prefers-reduced-motion:reduce){.loop-carousel-track{scroll-behavior:auto}}

/* Bandera: objeto pequeño independiente, sin marco. */
.lb-block:has(img[alt="Bandera de Santa Cruz, verde blanco verde"]){min-height:0!important;padding:0!important;border-radius:3px!important;background:transparent!important}
.lb-block img[alt="Bandera de Santa Cruz, verde blanco verde"]{border-radius:3px!important;object-fit:contain!important}

.lb-block:has(img[alt="Bandera de Santa Cruz, verde blanco verde"]){z-index:1000!important;overflow:visible!important}

html body .lb-block.lb-type-image img[alt="Bandera de Santa Cruz, verde blanco verde"],html body .lb-block:has(img[alt="Bandera de Santa Cruz, verde blanco verde"]),html body .lb-block:has(img[alt="Bandera de Santa Cruz, verde blanco verde"]) .lb-image{border-radius:0!important}

/* Cabecera Loop: composición estable de dos filas, referencia aprobada. */
@media(min-width:1101px){
html body .lb-header .lb-mainnav{display:grid;grid-template-columns:140px 120px minmax(240px,1fr) auto;align-items:center;gap:20px;max-width:none;box-sizing:border-box;width:100%;margin:0;padding:14px 22px;min-height:88px}
html body .lb-header .lb-mainnav :is(.lb-logo,.lb-logo small,.lb-location,.lb-location b,.lb-location>span,.lb-search,.lb-account-links,.lb-account-links a,.lb-account-links b,.lb-account-links small){translate:none!important;rotate:none!important;transform:none!important}
html body .lb-header .lb-location{text-align:center;align-self:end;padding-bottom:2px;min-width:0}
html body .lb-header .lb-location>span{display:none}
html body .lb-header .lb-location b{font-size:11px;white-space:nowrap}
html body .lb-header .lb-logo{min-width:0}
html body .lb-header .lb-search{width:100%;min-width:0;margin:0;height:43px}
html body .lb-header .lb-account-links{gap:24px;justify-content:flex-end;white-space:nowrap}
html body .lb-header .lb-navigation{display:flex;justify-content:flex-start;gap:26px;padding:12px 22px;box-sizing:border-box;width:100%;translate:none!important}
html body .lb-header .lb-navigation a:empty{display:none}
html body .lb-header .lb-navigation :is(a,button){translate:none!important;flex:0 0 auto}
}

/* Carrito: contador elevado, silueta abierta y ruedas visibles. */
html body .lb-header .lb-bag{position:relative;display:flex;align-items:flex-end;gap:5px;min-height:44px;padding-top:9px;color:inherit}
html body .lb-header .lb-bag svg{width:38px;height:34px;flex:none;stroke-width:2.2}
html body .lb-header .lb-bag b{font-size:13px;line-height:1.25;padding-bottom:4px}
html body .lb-header .lb-bag em[data-lb-cart]{position:absolute;top:0;left:22px;font-size:16px;font-weight:700;line-height:1;color:var(--loop-orange,#EB4226);translate:none!important;min-width:12px;text-align:center}

/* Logo, lema y ciudad: alineación final sin recortes. */
html body .lb-header .lb-logo small{display:block!important;width:100%!important;text-align:center;letter-spacing:.02em;margin:6px 0 0!important;line-height:1.3}
@media(min-width:1101px){
html body .lb-header .lb-mainnav{grid-template-columns:140px 150px minmax(240px,1fr) auto}
html body .lb-header .lb-location{width:150px;display:flex!important;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 0 5px!important}
html body .lb-header .lb-location>span{display:none!important}
html body .lb-header .lb-location b{display:block!important;text-align:center;position:static!important;white-space:nowrap;line-height:1.5}
}

@media(min-width:1101px){
html body .lb-header .lb-logo{align-self:end;padding-bottom:5px!important}
html body .lb-header .lb-logo small,html body .lb-header .lb-location b{font-size:11px;font-weight:500;line-height:1.5;letter-spacing:0}
html body .lb-header .lb-location{align-self:end}
}

/* Ubicación a la derecha del buscador, sin alterar el resto de la cabecera. */
@media(min-width:1101px){
html body .lb-header .lb-mainnav{grid-template-columns:140px minmax(240px,1fr) 150px auto;grid-template-areas:"logo search location account"}
html body .lb-header .lb-logo{grid-area:logo}
html body .lb-header .lb-search{grid-area:search}
html body .lb-header .lb-location{grid-area:location}
html body .lb-header .lb-account-links{grid-area:account}
}



/* Detalles de navegación y tarjetas vacías; conserva los cuadros editables. */
html body :is(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid #EB4226!important;outline-offset:3px!important}
html:not(.loop-editor-preview) .loop-empty-slot .meta{display:none!important}

/* Compact screens use document flow instead of desktop canvas coordinates. */
@media(max-width:1439px){
html body .lb-block.lb-floating:not(:has(img[alt="Bandera de Santa Cruz, verde blanco verde"])){position:relative!important;left:auto!important;top:auto!important;width:auto!important;max-width:100%!important;height:auto!important;grid-column:1/-1!important;translate:none!important}
html body .lb-floating .lb-text{height:auto!important}
html body .split{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:24px!important}
html body .split>.ph-big{width:100%!important;max-width:100%!important;min-width:0!important;aspect-ratio:16/5;height:auto!important;translate:none!important}
html body .lb-canvas,html body .lb-type-native{min-width:0}
}

@media(min-width:760px) and (max-width:1100px){
html body .lb-header .lb-mainnav{display:grid!important;grid-template-columns:140px minmax(0,1fr) auto!important;grid-template-areas:"logo location account" "search search search"!important;gap:14px 20px!important}
html body .lb-header .lb-logo{grid-area:logo}
html body .lb-header .lb-location{grid-area:location;display:flex!important;align-items:center;justify-content:center;position:relative;min-width:0;align-self:end}
html body .lb-header .lb-location>span{display:none!important}
html body .lb-header .lb-location b{font-size:11px;white-space:nowrap}
html body .lb-header .lb-search{grid-area:search;width:100%!important;min-width:0!important;translate:none!important}
html body .lb-header .lb-account-links{grid-area:account}
}

@media(max-width:1439px){
html body .lb-header .lb-navigation{display:flex!important;justify-content:flex-start!important;gap:26px!important}
html body .lb-header .lb-navigation :is(a,button){margin:0!important;width:auto!important;flex:0 0 auto!important}
}

@media(max-width:759px){html body .homehero .hh-photo{aspect-ratio:16/9!important;height:auto!important;min-height:0!important}}

/* Portada fluida: cuadro, texto y espacio interior reducen juntos. */
@media(min-width:760px) and (max-width:1439px){
html body .homehero .hh-main{height:clamp(340px,44vw,620px)!important;min-height:0!important}
html body .homehero .hh-copy{width:clamp(280px,40vw,540px)!important;max-width:calc(100% - 32px)!important;padding:clamp(14px,1.8vw,24px)!important;border-radius:clamp(16px,2vw,28px)!important}
html body .homehero .hh-copy h1{font-size:clamp(22px,2.8vw,40px);line-height:1.12}
html body .homehero .hh-copy p{font-size:clamp(14px,1.6vw,20px);line-height:1.35;margin-bottom:12px!important}
html body .homehero .hh-copy .hh-cta{font-size:clamp(10px,1.05vw,13px);min-height:44px}
}
@media(max-width:759px){
html body .homehero .hh-copy{width:auto!important;max-width:100%!important;padding:16px!important;margin:-18px 12px 0!important;border-radius:18px!important}
html body .homehero .hh-copy h1{font-size:clamp(20px,5.5vw,28px);line-height:1.15}
html body .homehero .hh-copy p{font-size:15px;line-height:1.35;margin-bottom:12px!important}
html body .homehero .hh-copy .hh-cta{font-size:10px;min-height:44px;max-width:100%}
}

/* Typography defaults. Editor choices are inherited by containers and children. */
html body[data-loop-surface="tienda"],html body[data-loop-surface="tienda"] *{font-family:var(--loop-user-font,var(--loop-font))}
html body[data-loop-surface="tienda"] :is(h1,h2,h3,h4,h5,h6,.h-page,.h-sect b){font-family:var(--loop-heading-font,var(--loop-user-font,var(--loop-font)))}
html body[data-loop-surface="tienda"] .lb-navigation :is(a,button){font-size:18px;font-weight:500}

/* Compact desktop: balance the text panel with a landscape photograph. */
@media(min-width:760px) and (max-width:1439px){
html body .homehero{min-height:0!important;height:auto!important}
html body .homehero .hh-main{height:auto!important;min-height:0!important;aspect-ratio:21/9;justify-content:flex-end}
html body .homehero .hh-copy{position:relative!important;inset:auto!important;flex-shrink:0;width:clamp(300px,48vw,540px)!important}
}

/* Navigation and exchange reference share one row on desktop. */
@media(min-width:760px){
html body .lb-header{display:grid;grid-template-columns:minmax(0,1fr) auto}
html body .lb-header :is(.lb-notice,.lb-mainnav){grid-column:1/-1}
html body .lb-header .lb-mainnav{width:100%;max-width:none}
html body .lb-header .lb-navigation{grid-column:1;min-width:0;width:100%;padding:10px 18px;gap:clamp(16px,1.8vw,26px)!important}
html body .lb-header .lb-navigation :is(a,button){font-size:clamp(14px,1.25vw,18px)}
html body .lb-header>.tcref:not([hidden]){grid-column:2;display:flex;align-items:center;justify-content:flex-end;margin:0;max-width:none;padding:8px 18px 8px 10px;background:var(--lb-nav-bg)}
}
@media(min-width:760px) and (max-width:1100px){
html body .lb-header .lb-mainnav{grid-template-columns:110px minmax(140px,1fr) 112px auto!important;grid-template-areas:"logo search location account"!important;gap:12px!important;padding:12px 18px!important;min-height:80px}
html body .lb-header .lb-logo .loop-brand-logo{width:110px!important}
html body .lb-header .lb-account-links{gap:12px}
html body .lb-header .lb-location{align-self:end;padding-bottom:3px}
html body .lb-header .lb-search select{max-width:76px;padding:0 8px}
}

/* Mobile header: logo and account, search, then flag and delivery city. */
@media(max-width:759px){
html body .lb-header .lb-mainnav{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"logo account" "search search" "location location"!important;gap:12px!important;padding:14px 16px!important}
html body .lb-header .lb-logo{grid-area:logo;min-width:0}
html body .lb-header .lb-account-links{grid-area:account;min-width:0}
html body .lb-header .lb-search{grid-area:search;min-width:0!important;width:100%!important}
html body .lb-header .lb-location{grid-area:location;display:flex!important;align-items:center;justify-content:center;gap:8px;min-width:0}
html body .lb-header .lb-location>span{display:none!important}
html body .lb-header .lb-location b{font-size:11px;white-space:normal}
html body .lb-header .loop-header-flag{order:-1;flex-shrink:0}
html.loop-editor-preview body .lb-header .lb-location b{margin-left:36px}
}