@import url("/basket-drawer.css");
@import url("/account.css?v=20261110-legacy");
/*
 * EasyMerx 2026 storefront theme base: the font, the design tokens and the plain elements (text, links, buttons, forms).
 * Loaded last by the framework layout (site_override_urls), so it wins over the framework's own theme. The tokens are the
 * legacy common/site-2026.css ones (Figma EasyMerx 2026); the header, footer and page sections add their own rules in
 * steps 21-39. Images and fonts are served from /i/home, as on the legacy shop.
 */

@font-face{font-family:Parkinsans;src:url("/i/home/parkinsans-300.ttf") format("truetype");font-weight:300;font-display:swap}
@font-face{font-family:Parkinsans;src:url("/i/home/parkinsans-400.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:Parkinsans;src:url("/i/home/parkinsans-500.ttf") format("truetype");font-weight:500;font-display:swap}
@font-face{font-family:Parkinsans;src:url("/i/home/parkinsans-700.ttf") format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:Parkinsans;src:url("/i/home/parkinsans-800.ttf") format("truetype");font-weight:800;font-display:swap}

:root{
	/* EasyMerx tokens */
	--em-font:Parkinsans,Arial,sans-serif;
	--em-blue:#1761fe;
	--em-blue-dark:#004bd8;
	--em-cream:#fffcef;
	--em-ink:#515151;
	--em-pink:#ff87e1;
	--em-mint:#90febe;
	--em-lilac:#d7d1ff;
	--em-purple:#b487fe;
	--em-line:#d9d9d9;
	--em-muted:#8a8a8a;
	--em-radius:12px;
	--em-pill:22px;

	/* The framework theme's own tokens, on EasyMerx's values */
	--brand:var(--em-blue);
	--brand-dark:var(--em-blue-dark);
	--ink:var(--em-ink);
	--muted:var(--em-muted);
	--line:#e9e9e9;
	--bg:#fff;
	--bg-soft:var(--em-cream);
	--navy:var(--em-ink);
	--radius:var(--em-radius);
	--wrap:1440px;
}

html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--em-font);font-size:16px;line-height:1.5;font-weight:400;color:var(--em-ink);background:#fff;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,h6{font-family:var(--em-font);font-weight:700;color:var(--em-ink)}
b,strong{font-weight:700}
a{color:var(--em-blue)}
a:hover{color:var(--em-blue-dark)}
img{max-width:100%}
:focus-visible{outline:3px solid var(--em-blue);outline-offset:3px}

/* Skip link and screen-reader text */
.site-skip-link{position:fixed;top:10px;left:10px;z-index:2000;padding:12px;background:#fff;color:var(--em-blue);transform:translateY(-300%)}
.site-skip-link:focus{transform:none}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Buttons: the blue pill of the design; the outlined one for the second action */
.btn,button.btn,a.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:2px solid var(--em-blue);border-radius:var(--em-pill);background:var(--em-blue);color:#fff;font:700 16px/1.2 var(--em-font);text-decoration:none;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.btn:hover,.btn:focus{background:var(--em-blue-dark);border-color:var(--em-blue-dark);color:#fff}
.btn-primary{background:var(--em-blue);border-color:var(--em-blue);color:#fff}
.btn-default,.btn-secondary,.btn-outline{background:#fff;color:var(--em-blue)}
.btn-default:hover,.btn-secondary:hover,.btn-outline:hover{background:var(--em-blue);color:#fff}
.btn[disabled],.btn.is-disabled{opacity:.5;pointer-events:none}
.btn-link{color:var(--em-blue)}
.btn-danger{border-radius:var(--em-pill)}

/* Form controls */
input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],input[type=search],input[type=url],select,textarea{font:400 16px/1.4 var(--em-font);color:var(--em-ink);background:#fff;border:1px solid var(--em-line);border-radius:8px;padding:10px 12px}
input:focus,select:focus,textarea:focus{border-color:var(--em-blue);outline:3px solid rgba(23,97,254,.25);outline-offset:0}
label{font-weight:500}
::placeholder{color:var(--em-muted)}

/* =====================================================================
   Header (legacy common/site-2026.css "Header" and common/easymerx-mega-menu.css; markup:
   resources/views/vendor/core/partials/site-header.blade.php). The text banner is the framework's
   announcement bar; its colours come from theme settings (easymerx:import-layout).
   ===================================================================== */
.announce{min-height:36px;margin:0;padding:6px 16px;background:var(--em-lilac);color:var(--em-purple);display:flex;justify-content:center;align-items:center;text-align:center;font:700 14px/1.3 var(--em-font);letter-spacing:2.1px}
.announce>*{margin:0}
.announce a{color:inherit;text-decoration:underline}

.site-header{position:relative;z-index:30;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.27);font-family:var(--em-font);color:var(--em-ink)}
.site-header a{color:inherit;text-decoration:none}
.site-header a:focus-visible,.site-header button:focus-visible,.site-header input:focus-visible{outline:3px solid var(--em-blue);outline-offset:3px}
.site-header-inner{position:relative;max-width:1440px;height:114px;margin:0 auto;display:flex;align-items:flex-end;gap:28px;padding-bottom:18px}

/* Logo: overlaps the header edge, as in the design */
.site-brand{position:absolute;top:33px;left:0;z-index:2;display:block;line-height:0}
.site-brand img{display:block;width:335px;max-width:none;height:auto}

/* Sign in · EN · ES · currency */
.site-header-account{position:absolute;right:0;top:14px;display:flex;gap:24px;align-items:center;font-size:14px;line-height:1.4}
.site-header-account a:hover,.site-header-preferences a:hover{text-decoration:underline;color:var(--em-blue)}
.site-language,.site-language a{color:var(--em-muted)}
.site-language a:hover,.site-language a:focus{color:var(--em-blue)}
.site-language b{font-weight:700;color:var(--em-blue);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.site-header .currency-menu{position:relative;font-size:12px;color:var(--em-muted)}
.site-header .currency-menu summary{cursor:pointer;list-style:none}
.site-header .currency-list{position:absolute;right:0;top:100%;z-index:50;margin:6px 0 0;padding:8px 14px;list-style:none;background:#fff;border-radius:var(--em-radius);box-shadow:0 8px 24px rgba(0,0,0,.12);white-space:nowrap}
.site-header-preferences{display:none}

/* Main navigation */
.site-menu-toggle{display:none}
.site-header .main-nav{flex:1;min-width:0;margin-left:403px;padding:0;border:0;background:none}
.site-header .main-nav>.wrap{max-width:none;margin:0;padding:0;display:flex;align-items:center;height:36px;position:static}
.site-header .main-navigation{display:flex;align-items:center;gap:38px;margin:0;padding:0;list-style:none;white-space:nowrap}
.site-header .main-navigation>.nav-item{position:relative}
.site-header .main-navigation>.nav-item--mega{position:static}
.site-header .nav-label{justify-content:flex-start}
.site-header .nav-label>a{flex:none;padding:6px 0;margin:0;border:0;font-size:18px;font-weight:400;line-height:24px;text-transform:none;text-align:left;color:var(--em-ink)}
.site-header .nav-label>a:hover,.site-header .nav-item.is-open>.nav-label>a{color:var(--em-blue);border:0}
.site-header .nav-label>.submenu-toggle{border:0;background:none;color:inherit;cursor:pointer}

/* Mega panels: the header width under the bar; Solutions and Resources a short list under their item */
.site-header .menu-panel{top:100%;padding:1.25rem 1.5rem 1rem;color:#1a1a1a;font:400 14px/1.5 var(--em-font);white-space:normal;border:1px solid rgba(0,0,0,.08);border-radius:0 0 var(--em-radius) var(--em-radius);box-shadow:0 8px 24px rgba(0,0,0,.08);z-index:1050}
.site-header .menu-panel--mega{left:0;right:auto;width:min(78rem,96vw);max-width:none;grid-template-columns:repeat(var(--menu-columns,4),minmax(0,1fr));gap:0}
.site-header [data-mega="services"]>.menu-panel{width:min(58rem,96vw)}
.site-header .menu-panel--dropdown{left:0;width:auto;min-width:16rem;max-width:22rem;padding:.75rem 1rem}
.site-header .menu-column{padding-right:24px}
.site-header .menu-column>.menu-entry+.menu-entry{margin-top:0}
.site-header .menu-entry-link{min-height:0;padding:0;color:#1a1a1a}
.site-header .menu-entry-link:hover{color:var(--em-blue)}
.site-header .menu-entry--heading>.menu-entry-link{font-weight:700;margin-bottom:.5rem}
.site-header .menu-entry-children{margin:0 0 .75rem!important}
.site-header .menu-entry-children>.menu-entry+.menu-entry{margin-top:0}
.site-header .menu-entry-children .menu-entry-link{padding:.2rem 0;color:#444;font-weight:400}
.site-header .menu-entry--feature{margin-bottom:.65rem}
.site-header .menu-entry--feature>.menu-entry-link{font-weight:700;white-space:nowrap}
.site-header .menu-entry--feature:last-child:not(:first-child){margin-top:1.75rem}
.site-header .menu-panel--dropdown .menu-entry-link{padding:.35rem 0;font-weight:400}

@media (min-width:901px){
	/* Keep the header's 18px bottom spacing inside each item's hover area. */
	.site-header .main-navigation>.nav-item{padding-bottom:18px;margin-bottom:-18px}
}

/* Search */
.site-search{display:flex;align-items:center;width:220px;height:34px;flex-shrink:0;margin:0;border:1px solid #d7d7d7;border-radius:24px;overflow:hidden;background:#fff}
.site-search input{flex:1;min-width:0;height:32px;margin:0;padding:6px 12px;border:0;border-radius:0;background:transparent;box-shadow:none;font:13px var(--em-font);color:var(--em-ink)}
.site-search input::placeholder{color:transparent}
.site-search input:focus{outline:0}
.site-search button{width:44px;height:32px;flex:none;margin:0;padding:0;border:0;border-radius:0;background:url("/i/home/icon-search.svg") 6px center/17px no-repeat;cursor:pointer}

/* Account, wish list, basket */
.site-header-tools{display:flex;gap:16px;align-items:center;padding-bottom:8px}
.site-header-tools a{position:relative;display:block;width:18px;height:18px;background:center/contain no-repeat}
.site-header-tools .tool-account{background-image:url("/i/home/icon-account.svg")}
.site-header-tools .tool-wish-list{background-image:url("/i/home/icon-heart.svg")}
.site-header-tools .tool-basket{background-image:url("/i/home/icon-cart.svg")}
.site-header-tools .badge-count{position:absolute;right:-9px;top:-8px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--em-pink);color:#fff;font:700 10px/16px var(--em-font);text-align:center}

@media (max-width:1650px){
	.site-header-inner{margin:0 24px;gap:20px}
	.site-header .main-navigation{gap:26px}
	.site-header .main-nav{margin-left:380px}
	.site-search{width:190px}
}
@media (max-width:1450px){
	.site-header .main-nav{margin-left:350px}
	.site-header .main-navigation{gap:20px}
	.site-header .nav-label>a{font-size:15px}
	.site-header-inner{gap:15px}
	.site-search{width:160px}
}
@media (max-width:1200px){
	.site-brand{top:14px;transform:scale(.72);transform-origin:top left}
	.site-header .main-nav{margin-left:255px}
	.site-header .main-navigation{gap:17px}
	.site-header .nav-label>a{font-size:14px}
	.site-header-tools{gap:10px}
	.site-search{width:140px}
	.announce{font-size:11px;letter-spacing:1.1px}
}
/* The phone menu: from 900px down, as the framework's storefront.js switches there */
@media (max-width:900px){
	.site-header-inner{height:auto;min-height:100px;align-items:center;flex-wrap:wrap;gap:15px;padding:20px 0}
	.site-brand{position:static;flex:1;transform:none;height:73px}
	.site-brand img{width:220px}
	.site-header-account{display:none}
	.site-menu-toggle{display:block;flex:none;order:1;min-width:0;min-height:0;background:transparent;border:1px solid var(--em-blue);border-radius:20px;padding:7px 12px;color:var(--em-blue);font:400 13px/1.2 var(--em-font);cursor:pointer}
	.site-header-tools{order:0;padding-bottom:0}
	.site-header .main-nav{order:3;flex-basis:100%;margin:0}
	.site-header .main-nav.is-open{display:block}
	.site-header .main-nav>.wrap{display:block;height:auto;padding:8px 0 16px}
	.site-header .main-navigation{display:block;white-space:normal}
	.site-header .main-navigation>.nav-item{border-bottom:1px solid #eee}
	.site-header .nav-label{justify-content:space-between}
	.site-header .nav-label>a{padding:12px 4px;font-size:16px}
	.site-header .menu-panel,.site-header .menu-panel--mega,.site-header .menu-panel--dropdown,.site-header [data-mega="services"]>.menu-panel{position:static;width:auto;min-width:0;max-width:none;grid-template-columns:repeat(2,minmax(0,1fr));box-shadow:none;border:0;border-top:1px solid rgba(0,0,0,.06);border-radius:0;padding:.75rem 0 .5rem}
	.site-header .menu-panel--dropdown{grid-template-columns:1fr}
	.site-header .menu-column{margin-bottom:.75rem}
	.site-header-preferences{display:flex;justify-content:center;gap:20px;margin-top:8px;padding-top:8px;font-size:14px}
	.site-search{order:4;width:100%;height:38px}
	.site-search input{font-size:16px}
}
@media (max-width:700px){
	.announce{font-size:9px;letter-spacing:.5px;padding:6px 14px}
	.site-header-inner{margin:0 16px;min-height:82px;padding:16px 0;gap:12px}
	.site-brand{height:auto;min-width:0}
	.site-brand img{width:150px}
	.site-header-tools{gap:14px}
	.site-menu-toggle{font-size:12px;padding:6px 10px}
}
@media (max-width:380px){
	.site-brand img{width:120px}
	.site-header-tools{gap:10px}
}
/* =====================================================================
   Footer and newsletter block (legacy common/site-2026.css "Footer"; markup:
   resources/views/vendor/core/partials/site-footer.blade.php and resources/views/partials/newsletter.blade.php)
   ===================================================================== */
footer.site-footer{background:var(--em-cream);font-family:var(--em-font);color:var(--em-ink);padding:0 24px 70px;margin:0}
footer.site-footer *,footer.site-footer *::before,footer.site-footer *::after{box-sizing:border-box}
footer.site-footer a{color:inherit;text-decoration:none}
footer.site-footer a:hover,footer.site-footer a:focus{text-decoration:underline;color:var(--em-blue)}
footer.site-footer .modified-date,footer.site-footer .site-prefooter{max-width:1279px;margin:0 auto}
footer.site-footer .site-prefooter{padding-top:24px}
footer.site-footer .site-footer-inner{max-width:1279px;margin:auto}

/* Newsletter block (common/modules/private/home-2026/newsletter.html), above the footer columns on every page */
footer.site-footer .home-newsletter{max-width:1286px;margin:auto;padding:60px 0 40px;min-height:280px}
footer.site-footer .home-newsletter h2{font-family:var(--em-font);color:var(--em-ink);font-size:24px;font-weight:800;letter-spacing:-.48px;line-height:26px;margin:10px 0;text-transform:none}
footer.site-footer .home-newsletter-text{font-size:16px;letter-spacing:2.4px;margin:0 0 18px}
footer.site-footer .home-newsletter-text>*{margin:0}
footer.site-footer .home-newsletter-form{margin:0}
footer.site-footer .home-newsletter-fields{display:flex;gap:21px;max-width:1021px}
footer.site-footer .home-newsletter-fields input{width:388px;min-width:0;height:38px;margin:0;border:1px solid var(--em-blue);color:var(--em-blue);background:transparent;border-radius:24px;padding:6px 25px;font-size:14px;font-family:inherit;box-shadow:none;outline-offset:2px}
footer.site-footer .home-newsletter-fields input::placeholder{color:#79a3fc}
footer.site-footer .home-newsletter .home-button{display:inline-flex;justify-content:center;align-items:center;min-width:208px;min-height:38px;padding:9px 28px;border:0;border-radius:0 20px 20px 20px;background:var(--em-blue);color:var(--em-cream);font:700 14px/1.2 var(--em-font);white-space:nowrap;cursor:pointer;transition:background .15s}
footer.site-footer .home-newsletter .home-button:hover,footer.site-footer .home-newsletter .home-button:focus{background:#004bd8}
footer.site-footer .home-newsletter-consent{margin-top:18px;display:flex;gap:10px;align-items:flex-start;font-size:12px;letter-spacing:.7px;color:#a4a4a4;max-width:1000px;font-weight:400;cursor:pointer}
footer.site-footer .home-newsletter-consent input{margin:0;accent-color:var(--em-blue);flex-shrink:0;width:13px;height:13px}
footer.site-footer .home-newsletter-consent a{font-weight:700;color:var(--em-ink)}
footer.site-footer .home-newsletter-consent a:hover{text-decoration:underline}
@media (max-width:950px){
	footer.site-footer .home-newsletter-fields{flex-wrap:wrap;gap:12px}
	footer.site-footer .home-newsletter-fields input{flex:1;width:auto}
	footer.site-footer .home-newsletter .home-button{min-width:190px}
	footer.site-footer .home-newsletter-text{line-height:1.5}
}
@media (max-width:700px){
	footer.site-footer .home-newsletter{padding:40px 0;min-height:0}
	footer.site-footer .home-newsletter h2{font-size:20px;line-height:1.3;margin:0 0 10px}
	footer.site-footer .home-newsletter-text{font-size:11px;letter-spacing:1.4px;margin-bottom:20px}
	footer.site-footer .home-newsletter-fields{display:grid;grid-template-columns:1fr}
	footer.site-footer .home-newsletter-fields input{width:100%;font-size:16px;min-height:44px}
	footer.site-footer .home-newsletter .home-button{width:100%;min-height:44px}
	footer.site-footer .home-newsletter-consent{font-size:11px;line-height:1.5;letter-spacing:0}
	footer.site-footer .home-newsletter-consent input{width:16px;height:16px;margin-top:2px}
}
footer.site-footer .site-footer-rule{height:4px;background:url("/i/home/rule-footer.svg") left top/95.5825px 4px repeat-x;transform:rotate(180deg)}
footer.site-footer .site-footer-main{display:grid;grid-template-columns:1fr 1.9fr 2fr 1.4fr;gap:50px;padding:35px 82px 32px;min-height:312px}
footer.site-footer h3{font-family:var(--em-font);font-size:13px;line-height:21px;font-weight:700;margin:0;color:var(--em-ink);text-transform:none;letter-spacing:0}
footer.site-footer .site-footer-column ul{margin:0;padding:0;list-style:none}
footer.site-footer .site-footer-column li{margin:0;padding:0;line-height:21px}
footer.site-footer .site-footer-column a{display:inline-block;font-size:13px;line-height:21px}
footer.site-footer .site-footer-group>*+*{margin-top:26px}
footer.site-footer .footer-cookie-settings{font-size:13px;line-height:21px}
footer.site-footer .footer-cookie-settings>*{margin:0}
footer.site-footer .site-footer-by h3{margin-bottom:5px}
footer.site-footer .site-footer-by p{margin:0}
footer.site-footer .site-footer-by img{display:block;max-width:100%;height:auto}
footer.site-footer .site-footer-by p+p{margin-top:28px}
footer.site-footer .site-footer-catalogue{display:grid;grid-template-columns:repeat(4,1fr) 1fr;gap:35px;max-width:805px;margin:38px auto 0}
footer.site-footer .site-footer-catalogue>.site-footer-column{border-right:1px dashed var(--em-ink)}
footer.site-footer .site-footer-logo{padding:5px 0 0 10px}
footer.site-footer .site-footer-logo img{display:block;max-width:100%;height:auto}
footer.site-footer .site-footer-logo p{font-size:13px;line-height:26px;margin:0;text-align:right}
/* Cookie settings (CookiePro button, styled by the SDK via #ot-sdk-btn): under the logo, one line */
/* min-width:0 keeps the logo column the same width as the link columns; the one-line button may extend past it */
footer.site-footer .site-footer-logo{min-width:0}
footer.site-footer .site-footer-logo .footer-cookie-settings{margin-top:18px;white-space:nowrap}
footer.site-footer .footer-cookie-settings #ot-sdk-btn.ot-sdk-show-settings{white-space:nowrap!important;width:auto!important;max-width:none!important;min-height:0!important;padding:7px 12px!important;font-family:var(--em-font)!important;font-size:12px!important;line-height:1.4!important}
footer.site-footer .site-footer-association{margin-top:32px}

@media (max-width:1450px){footer.site-footer .site-footer-main{gap:35px;padding-left:30px;padding-right:30px}}
@media (max-width:1200px){footer.site-footer .site-footer-main{padding-left:0;padding-right:0;gap:25px}}
@media (max-width:950px){
	footer.site-footer .site-footer-main{grid-template-columns:1fr 1fr;gap:30px}
	footer.site-footer .site-footer-catalogue{gap:20px}
}
@media (max-width:700px){
	footer.site-footer{padding:0 16px 40px}
	footer.site-footer .site-footer-main{grid-template-columns:1fr 1fr;padding:28px 0;gap:28px 16px;min-height:0}
	footer.site-footer .site-footer-column a,footer.site-footer h3{font-size:11px;line-height:19px}
	footer.site-footer .site-footer-catalogue{grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}
	footer.site-footer .site-footer-catalogue>.site-footer-column:nth-child(2n){border-right:0}
	footer.site-footer .site-footer-logo{grid-column:1/-1;text-align:center;padding:8px 0}
	footer.site-footer .site-footer-logo img{margin:auto}
	footer.site-footer .site-footer-logo p{text-align:center}
	footer.site-footer .site-footer-logo .footer-cookie-settings{text-align:center}
	footer.site-footer .site-footer-by p+p{margin-top:15px}
}