/* Native geometry for the existing Crystal Glass, burger, mega-photo and login helpers.
   All selectors are scoped; no Elementor generated CSS or frontend runtime is needed. */
.siil-nh{position:sticky;top:0;z-index:999;font-family:"Albert Sans",system-ui,-apple-system,"Segoe UI",sans-serif;color:#0f0f0f}
body.admin-bar .siil-nh{top:32px}
.siil-nh,.siil-nh *{box-sizing:border-box}
.siil-nh header>.elementor-container{display:flex;flex-wrap:nowrap;max-width:var(--siil-nh-width,1270px);margin:0 auto;gap:14px;padding:0 20px;height:64px;align-items:center}
.siil-nh .elementor-column{min-width:0;display:flex;align-items:center;justify-content:center}
.siil-nh .siil-nh-logo{flex:0 0 110px;justify-content:flex-start}
.siil-nh .siil-nh-logo a,.siil-nh .siil-nh-logo img{display:block}
.siil-nh .siil-nh-navigation{flex:1 1 auto;justify-content:center}
.siil-nh .siil-nh-navigation nav{width:100%}
.siil-nh .siil-nh-control,.siil-nh .siil-nh-menu-control,.siil-nh .siil-hs-column{flex:0 0 44px;width:44px}
.siil-nh .siil-nh-account-text{flex:0 0 auto;width:auto;min-width:60px}
.siil-nh a,.siil-nh button,.siil-nh summary{color:inherit;font:500 14px/1.3 "Albert Sans",system-ui,sans-serif;text-decoration:none}
.siil-nh button{border:0;background:transparent;padding:0;cursor:pointer;border-radius:0}
/* Hello theme focus/hover must keep the menu glyph visible after the drawer returns focus. */
.siil-nh button:hover,.siil-nh button:focus{color:#0f0f0f;background:transparent}
.siil-nh .siil-nh-account,.siil-nh .siil-nh-bag,.siil-nh .elementor-menu-toggle,.siil-nh summary{display:flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;margin:0}
.siil-nh .siil-nh-bag{position:relative}
/* Counter bubble as the web's .elementor-button-icon-qty: 1.6em at 10px, -0.7em from the icon box, system font. */
.siil-nh-count{position:absolute;top:-.7em;right:-.7em;min-width:1.6em;height:1.6em;padding:0;border-radius:100%;background:#000;color:#fff;font:10px/1.5em -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";text-align:center}
.siil-nh .siil-nh-bag-icon{position:relative;display:flex;align-items:center;line-height:1}
.siil-nh .siil-nh-navigation ul{list-style:none;padding:0;margin:0}
.siil-nh .siil-nh-navigation nav>ul{display:flex;align-items:center;justify-content:center;gap:0}
.siil-nh .siil-nh-navigation li{position:relative;list-style:none}
.siil-nh .siil-nh-navigation nav>ul>li>a{min-height:44px;padding:10px var(--siil-nh-padding-inline,22px);display:flex;align-items:center;gap:6px;font-size:var(--siil-nh-font-size,15px);font-weight:var(--siil-nh-font-weight,400);text-transform:var(--siil-nh-text-transform,uppercase);letter-spacing:var(--siil-nh-letter-spacing,0px);line-height:var(--siil-nh-line-height,.9em);white-space:nowrap}
.siil-nh .siil-nh-navigation .sub-menu{display:none;position:absolute;left:0;top:100%;min-width:240px;z-index:20}
.siil-nh .siil-nh-navigation li:hover>.sub-menu,.siil-nh .siil-nh-navigation li:focus-within>.sub-menu{display:block}
.siil-nh .siil-nh-navigation .sub-menu .sub-menu{left:100%;top:0}
.siil-nh .siil-nh-navigation .sub-menu.siil-nh-flip{left:auto;right:0}
.siil-nh .siil-nh-navigation .sub-menu .sub-menu.siil-nh-flip{right:100%;left:auto}
.siil-nh .siil-nh-navigation .sub-menu a{display:flex;align-items:center}
.siil-nh .siil-nh-navigation .pll-parent-menu-item img{width:20px;height:15px;object-fit:contain}
.siil-nh .siil-nh-languages{position:relative}
.siil-nh .siil-nh-languages summary{list-style:none;gap:5px;cursor:pointer}
.siil-nh .siil-nh-languages summary::-webkit-details-marker{display:none}
.siil-nh .siil-nh-languages img{width:20px;height:15px;object-fit:contain;max-width:none}
.siil-nh .siil-nh-languages ul{position:absolute;left:0;top:100%;z-index:30;list-style:none;margin:0;padding:8px;min-width:150px;background:#faf8f4;border:1px solid rgba(15,15,15,.08);border-radius:12px;box-shadow:0 10px 30px -8px #0003}
.siil-nh .siil-nh-languages li a{display:flex;gap:8px;align-items:center;min-height:40px;padding:8px;white-space:nowrap}
.siil-nh a:focus-visible,.siil-nh button:focus-visible,.siil-nh summary:focus-visible{outline:2px solid #9a7e4f;outline-offset:2px}
.siil-nh .siil-nh-menu-source[hidden]{display:none!important}
.siil-nh .siil-nh-mobile{display:none!important}
.siil-nh .siil-mm{max-height:calc(100dvh - 64px);overflow-y:auto}
/* Drawer accessibility is additive to the current SIIL drawer, with its visuals unchanged. */
#siil-mob-drawer[inert]{visibility:hidden}
#siil-mob-drawer-body .sub-menu:not(.siil-nh-submenu-open){visibility:hidden}
#siil-mob-drawer-body li.siil-expanded>.sub-menu{visibility:visible}
@media(max-width:1199px){
 .siil-nh .siil-nh-desktop{display:none!important}.siil-nh .siil-nh-mobile{display:block!important}
 .siil-nh header.siil-nh-mobile>.elementor-container{display:flex!important;gap:8px!important;padding:0 12px!important;height:60px;max-width:100%}
 .siil-nh header.siil-nh-mobile>.elementor-container>.elementor-column{flex:0 0 44px!important;width:44px!important;min-width:0}
 .siil-nh header.siil-nh-mobile>.elementor-container>.siil-nh-logo{flex:1 1 auto!important;width:auto!important;justify-content:center}
 .siil-nh .siil-nh-logo img{width:90px!important;max-width:100%!important}
 .siil-nh .siil-nh-language{flex:0 0 44px}
}
@media(max-width:767px){
 .siil-nh header.siil-nh-mobile>.elementor-container{gap:2px!important;padding:0 8px!important}
 .siil-nh .siil-nh-logo img[src*="logo_siil_-Black"]{width:68px!important}
}
@media(max-width:359px){.siil-nh header.siil-nh-mobile>.elementor-container{gap:0!important;padding:0 4px!important}}
@media(max-width:782px){body.admin-bar .siil-nh{top:46px}}
@media(prefers-reduced-motion:reduce){.siil-nh *{animation:none!important;transition:none!important}#siil-mob-drawer,.siil-mob-drawer-backdrop{transition:none!important}}

/* Desktop geometry from the current authored header, not a stretched replacement row.
   Hidden columns consume no box, and surviving percentages are never renormalized. */
.siil-nh .siil-nh-emoji,#siil-mob-drawer .siil-nh-emoji{display:inline-block!important;border:0!important;box-shadow:none!important;height:1em!important;width:1em!important;margin:0 .07em!important;vertical-align:-.1em!important;background:none!important;padding:0!important;max-width:none!important}
.siil-nh .siil-nh-source-icon{display:block}
@font-face{font-family:siil-header-bag;src:url(native-header-bag.woff2) format('woff2');font-weight:400;font-style:normal;font-display:block}
.siil-nh-bag-glyph{display:inline-block;font:normal normal 1em/1 siil-header-bag;speak:none;-webkit-font-smoothing:antialiased}
.siil-nh-bag-glyph:before{content:"\e8e4"}
@media(min-width:1200px){
 .siil-nh header.siil-nh-desktop>.elementor-container{gap:0;padding:0;position:relative;max-width:var(--siil-nh-desktop-max,none)}
 .siil-nh .siil-nh-desktop>.elementor-container>.elementor-column{flex:none;min-width:0}
 .siil-nh .siil-nh-desktop .siil-nh-logo{width:var(--siil-nh-logo-width);justify-content:center}
 .siil-nh .siil-nh-desktop .siil-nh-navigation{width:var(--siil-nh-navigation-width);justify-content:flex-start}
 .siil-nh .siil-nh-desktop .siil-nh-navigation nav{width:var(--siil-nh-nav-widget-width,100%)}
 .siil-nh .siil-nh-desktop .siil-nh-account-column{width:var(--siil-nh-account-width);min-width:0}
 .siil-nh .siil-nh-desktop .siil-nh-cart-column{width:var(--siil-nh-cart-width);justify-content:flex-start}
 .siil-nh .siil-nh-desktop .siil-nh-account-wrap{width:100%;text-align:center;font:16px/24px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
 .siil-nh .siil-nh-desktop .siil-nh-account{display:inline-block;min-width:0;min-height:0;font-size:var(--siil-nh-account-size);line-height:1}
 .siil-nh .siil-nh-desktop .siil-nh-account>.siil-nh-source-icon{width:1em;height:1em}
 .siil-nh .siil-nh-desktop .siil-nh-cart-wrap{width:100%;font:16px/24px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
 .siil-nh .siil-nh-desktop .siil-nh-bag{display:inline-flex;min-width:0;min-height:0;font:15px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
 .siil-nh .siil-nh-desktop .siil-nh-bag-icon{font-size:var(--siil-nh-cart-size);line-height:1;display:flex;align-items:center}
 .siil-nh .siil-nh-desktop .siil-nh-bag>.siil-nh-source-icon{width:1em;height:1em}
 .siil-nh .siil-nh-desktop .siil-nh-navigation nav>ul>li>a{min-height:0;padding-block:5px;gap:0}
 .siil-nh .siil-nh-desktop .siil-nh-navigation nav>ul{align-items:stretch}
 .siil-nh .siil-nh-desktop .siil-nh-navigation nav>ul>li{display:flex}
 .siil-nh .siil-nh-desktop .siil-nh-navigation nav>ul>li>a{flex-grow:1}
 .siil-nh .siil-nh-desktop .sub-arrow{align-items:center;display:flex;line-height:1;margin-block:-10px;padding:10px;padding-inline-end:0}
 .siil-nh .siil-nh-desktop .sub-arrow .siil-nh-icon-chevron{height:.7em;width:.6125em}
 /* The web shows the bubble with 0 as well (items indicator bubble, no empty-indicator-hide). */
 .siil-nh .siil-nh-desktop .siil-nh-count:empty{display:none}
 .siil-nh[data-siil-header-locale="es"] .siil-nh-desktop .siil-nh-account-wrap{line-height:16px}
 .siil-nh[data-siil-header-locale="es"] .siil-nh-desktop .siil-nh-account{display:inline;font:400 16px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
 .siil-nh[data-siil-header-locale="fr"] .siil-nh-desktop .siil-nh-account{display:block;font:400 15px/1.5 "Albert Sans",sans-serif}
 /* Header search live: the row the web gets from search.js mount() + search.css v1-7d2e36a4b72b64ae.
    The menu column fills; account, search and bag are 44px; a text account is max-content, 78px minimum. */
 .siil-nh .siil-nh-desktop.siil-search-mounted>.elementor-container>.siil-search-menu{flex:1 1 auto;width:auto!important;min-width:0}
 .siil-nh .siil-nh-desktop.siil-search-mounted>.elementor-container>.siil-search-control,.siil-nh .siil-nh-desktop.siil-search-mounted>.elementor-container>.siil-hs-column{flex:0 0 44px;width:44px!important;min-width:0}
 .siil-nh .siil-nh-desktop.siil-search-mounted>.elementor-container>.siil-search-control.siil-nh-account-text{flex:0 0 auto;width:max-content!important;min-width:78px}
}
@media(min-width:1200px) and (max-width:1400px){.siil-nh[data-siil-header-locale="fr"] .siil-nh-desktop .siil-nh-account{font-size:12px}}
@media(min-width:1401px){.siil-nh[data-siil-header-locale="fr"] .siil-nh-desktop .siil-nh-account-wrap{margin-bottom:.9rem}}

/* Mobile row as the web prints it (header widgets' _mobile settings + CPEL switcher), measured at 390:
   eicons bars 30px in a 45px toggle, CPEL round flag + FA angle-down 16px, FA user 20px, eicons bag 25px,
   bubble at -10px. Colours are the web's computed ones. */
@media(max-width:1199px){
 .siil-nh .siil-nh-mobile .siil-nh-menu-control,.siil-nh .siil-nh-mobile .siil-nh-language,.siil-nh .siil-nh-mobile .siil-nh-cart-column{justify-content:flex-start}
 .siil-nh .siil-nh-mobile .elementor-menu-toggle,.siil-nh .siil-nh-mobile .elementor-menu-toggle:hover,.siil-nh .siil-nh-mobile .elementor-menu-toggle:focus{flex:0 0 auto;width:45px;height:45px;min-width:44px;min-height:0;padding:7.5px;font-size:30px;line-height:1;color:#000;border-radius:3px}
 .siil-nh .siil-nh-mobile .elementor-menu-toggle>.siil-nh-source-icon{display:block;width:1em;height:1em}
 .siil-nh .siil-nh-mobile .siil-nh-languages{margin-top:-7px}
 .siil-nh .siil-nh-mobile .siil-nh-languages summary{justify-content:flex-start;align-items:flex-start;gap:0;width:48px;min-width:48px;height:44px;min-height:44px;padding:11px 4px 0}
 .siil-nh .siil-nh-languages summary .siil-nh-flag{display:block;flex:0 0 auto;width:20px;height:15px;margin-top:.5px}
 .siil-nh .siil-nh-languages summary .siil-nh-flag img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;border-radius:20px}
 .siil-nh .siil-nh-lang-arrow{display:block;flex:0 0 auto;padding-left:10px;font-size:16px;line-height:1;color:#292727}
 .siil-nh .siil-nh-lang-arrow>.siil-nh-source-icon{display:block;width:.625em;height:1em}
 .siil-nh .siil-nh-mobile .siil-nh-account-wrap{margin-top:8px}
 .siil-nh .siil-nh-mobile .siil-nh-account{font-size:20px;line-height:1;color:#000}
 .siil-nh .siil-nh-mobile .siil-nh-account>.siil-nh-source-icon{display:block;width:1em;height:1em}
 .siil-nh .siil-nh-mobile .siil-nh-bag{flex:0 0 auto;width:48px;height:48px;min-width:48px;min-height:48px}
 .siil-nh .siil-nh-mobile .siil-nh-bag-icon{font-size:25px;color:#000}
 .siil-nh .siil-nh-mobile .siil-nh-count{top:-10px;right:-10px}
 .siil-nh .siil-nh-mobile.siil-search-mounted>.elementor-container{gap:0!important;padding:0!important}
 .siil-nh .siil-nh-mobile.siil-search-mounted>.elementor-container>.elementor-column{flex:0 0 44px!important;width:44px!important;min-width:0}
 .siil-nh .siil-nh-mobile.siil-search-mounted>.elementor-container>.siil-search-logo{flex:1 1 auto!important;width:auto!important}
 /* The bag column keeps the bag's 48px, as on the web (A at 390: logo 166, bag column 342-390). At 44px the 48px bag stuck out 4px
    on the right: page 394px wide, so a sideways swipe on the gallery also panned the whole page (iOS and Android). */
 .siil-nh .siil-nh-mobile.siil-search-mounted>.elementor-container>.siil-nh-cart-column{flex:0 0 48px!important;width:48px!important}
}
.siil-nh .siil-hs-column{color:#333}
/* Rounded like the web's toggle (its focus ring follows this radius). */
.siil-nh .siil-hs-column .siil-woo-search-toggle{border-radius:50px}
.siil-nh .siil-nh-desktop .siil-nh-account>.siil-nh-source-icon,.siil-nh .siil-nh-desktop .siil-nh-bag-icon{color:#000}
/* Top-level menu items and the account (ENTRAR, Connexion) in the web's computed #000; sub-menus stay #0f0f0f as on the web. */
.siil-nh .siil-nh-desktop .siil-nh-navigation nav>ul>li>a,.siil-nh .siil-nh-desktop .siil-nh-account{color:#000}
/* Phones (<=767px, Elementor's mobile breakpoint): the logo widget keeps its authored custom mobile width (ES 39da8ec, 84.675px). */
@media(max-width:767px){
 .siil-nh header.siil-nh-mobile.siil-nh-logo-cw .siil-nh-logo .elementor-widget-image{flex:0 0 auto;width:var(--siil-nh-mobile-logo-width);max-width:var(--siil-nh-mobile-logo-width)}
}
/* Tablet row (768-1199px) as the web prints it: siil-header-glass turns the mobile header into a 48px 64px 1fr 48px 48px grid
   with 12px gaps and 20px side padding (the bag wraps to a second row), and Elementor's tablet sizes apply: menu toggle 22px with
   .25em padding (33x44 in a column capped at 38px, so the two grid rows still split 25.5/25.5), CPEL toggle 34px tall, account/search/bag in 44px boxes with 22px icons, bubble at -.7em. */
@media(min-width:768px) and (max-width:1199px){
 .siil-nh header.siil-nh-mobile>.elementor-container,.siil-nh header.siil-nh-mobile.siil-search-mounted>.elementor-container{gap:12px!important;padding:0 20px!important}
 .siil-nh header.siil-nh-mobile>.elementor-container>.elementor-column,.siil-nh header.siil-nh-mobile.siil-search-mounted>.elementor-container>.elementor-column{width:100%!important;min-width:0}
 .siil-nh .siil-nh-mobile .siil-nh-menu-control{justify-content:center;max-height:38px}
 .siil-nh .siil-nh-mobile .elementor-menu-toggle,.siil-nh .siil-nh-mobile .elementor-menu-toggle:hover,.siil-nh .siil-nh-mobile .elementor-menu-toggle:focus{width:33px;height:44px;min-width:0;min-height:44px;padding:5.5px;font-size:22px}
 .siil-nh .siil-nh-mobile .siil-nh-languages{margin-top:0}
 .siil-nh .siil-nh-mobile .siil-nh-languages summary{height:34px;min-height:0}
 .siil-nh .siil-nh-mobile .siil-nh-account-wrap{margin-top:0}
 .siil-nh .siil-nh-mobile .siil-nh-account{font-size:22px}
 .siil-nh .siil-nh-mobile .siil-nh-bag{width:44px;height:44px;min-width:44px;min-height:44px}
 .siil-nh .siil-nh-mobile .siil-nh-bag-icon{font-size:22px}
 .siil-nh .siil-nh-mobile .siil-nh-count{top:-.7em;right:-.7em}
}
