/* sc chrome (redesign W1b): base type, buttons, badges, header, nav, mega menu, mobile drawer, footer. Tokens only (sc-tokens.css).
   Class names: jm-btn, jm-badge, jm-price*, jm-iconbtn, jm-header-*, jm-footer*; Flatsome selectors are overridden through ids. */
:root{--jm-footer-bg:var(--ink);--jm-footer-fg:var(--porcelain);--jm-footer-soft:var(--line)}
html body,html button,html input,html select,html textarea{font-family:var(--font-ui)}
html body{background:var(--porcelain);color:var(--ink-2);-webkit-font-smoothing:antialiased}
html h1,html h2,html h3,html .heading-font{font-family:var(--font-display);color:var(--ink);font-weight:600}
html h4,html h5,html h6{font-family:var(--font-ui);color:var(--ink)}
:where(a):focus-visible,:where(button):focus-visible,:where(summary):focus-visible,:where(input,select,textarea):focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.jm-ico{width:20px;height:20px;display:inline-block;vertical-align:middle;flex:none}
/* Buttons and badges */
.jm-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--tap-min);padding:0 20px;border-radius:var(--r-sm);font:700 15px/1 var(--font-ui);text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease)}
.jm-btn--primary{background:var(--ink);color:var(--white);border:1px solid var(--ink)}
.jm-btn--primary:hover{background:var(--ink-2);border-color:var(--ink-2);color:var(--white)}
.jm-btn--outline{background:var(--white);color:var(--ink);border:1px solid var(--ink-2)}
.jm-btn--outline:hover{border-color:var(--ink);background:var(--porcelain-2);color:var(--ink)}
.jm-btn[disabled]{opacity:.45;pointer-events:none}
.jm-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 6px;border-radius:var(--r-xs);font:700 11px/1.2 var(--font-ui);letter-spacing:.08em;text-transform:uppercase}
.jm-badge--sale{background:var(--rodie-soft);color:var(--rodie)}
.jm-badge--verified{background:var(--salvie-soft);color:var(--salvie)}
.jm-price{font-size:var(--t-price);font-weight:800;font-variant-numeric:tabular-nums;line-height:1.3;color:var(--ink)}
.jm-price--sale{color:var(--rodie)}
.jm-price-old{font-size:var(--t-meta);font-weight:500;color:var(--ink-2);text-decoration:line-through;font-variant-numeric:tabular-nums}
.jm-iconbtn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--tap-min);height:var(--tap-min);border-radius:var(--r-sm)}
/* Header */
#header .header-wrapper,#header .header-main,#header .header-bottom{background:var(--porcelain);color:var(--ink)}
#header .header-main{height:var(--header-h)}
#header .header-main .header-inner{height:100%;gap:var(--s-4)}
#header .container{max-width:var(--max-width);padding-left:var(--gutter);padding-right:var(--gutter)}
#header .top-divider{display:none}
#header .header-wrapper{border-bottom:1px solid var(--line);transition:box-shadow var(--dur) var(--ease)}
#header.stuck .header-wrapper{box-shadow:var(--shadow-float);border-bottom-color:transparent}
#header #logo img{max-height:calc(var(--header-h) - 28px);width:auto}
#header .header-nav>li>a,#header .header-bottom .nav>li>a{color:var(--ink);font:600 14px/1 var(--font-ui);text-transform:none;letter-spacing:0;min-height:var(--tap-min);display:inline-flex;align-items:center}
#header .header-nav>li>a:hover{color:var(--ink)}
#header .nav>li.jm-header-tab>a,#header .header-nav-main>li.menu-item>a{padding:0 10px;color:var(--ink-2);border-bottom:2px solid transparent}
#header .header-nav-main>li.menu-item>a[aria-current]{color:var(--ink);border-bottom-color:var(--ink)}
#header .header-search-form{flex:1;max-width:520px}
#header .header-search-form-wrapper,#header .searchform-wrapper{width:100%}
#header .search-field{height:var(--tap-min);margin:0;padding:0 14px;border:1px solid var(--ink-2);border-radius:var(--r-sm) 0 0 var(--r-sm);background:var(--white);color:var(--ink);font:400 15px/1 var(--font-ui);box-shadow:none}
#header .ux-search-submit{height:var(--tap-min);width:var(--tap-min);margin:0;padding:0;border:1px solid var(--ink-2);border-left:0;border-radius:0 var(--r-sm) var(--r-sm) 0;background:var(--white);color:var(--ink);box-shadow:none}
#header .header-search-lightbox a,#header .nav-icon a{color:var(--ink);min-width:var(--tap-min);min-height:var(--tap-min);display:inline-flex;align-items:center;justify-content:center}
#header .header-search-form .search-field:focus{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
.jm-theme-toggle{color:var(--ink)}
#header .mobile-nav>li.html_top_right_text{display:flex;align-items:center}
#header .header-nav-main>li.html_top_right_text{display:flex;align-items:center}
/* Nav row and mega menu */
#header .header-bottom{min-height:var(--tap-min)}
#header .header-bottom .nav{gap:2px}
#header .header-bottom .nav>li>a.nav-top-link{padding:0 10px;border-bottom:2px solid transparent;white-space:nowrap;color:var(--ink)}
#header .header-bottom .nav>li.current-dropdown>a,#header .header-bottom .nav>li.active>a,#header .header-bottom .nav>li>a:hover{border-bottom-color:var(--ink);color:var(--ink)}
#header .nav>li.jm-nav-sale>a{color:var(--rodie)}
#header .nav>li.jm-nav-strong>a{font-weight:800}
#header .nav-dropdown{background:var(--white);border:0;border-radius:0;box-shadow:var(--shadow-float);padding:var(--s-7) var(--s-6);color:var(--ink-2)}
#header .nav-dropdown>li.nav-dropdown-col>a,#header .nav-dropdown>li>a.nav-top-link{margin:0 0 var(--s-3);padding:0 0 var(--s-2);border-bottom:1px dashed var(--line);font:700 12px/1.2 var(--font-ui);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--ink-2)}
#header .nav-dropdown li a,#header .nav-column li a{padding:5px 0;font:400 14px/1.4 var(--font-ui);text-transform:none;letter-spacing:0;color:var(--ink)}
#header .nav-dropdown li a:hover{text-decoration:underline;text-underline-offset:3px}
#header .nav-dropdown>li{padding:0 var(--s-3)}
@media(min-width:850px){
#header .header-bottom>.container{position:relative}
#header .header-bottom .flex-col,#header .header-bottom ul.nav{position:static}
#header .header-bottom .nav>li.menu-item-design-container-width,#header .header-bottom .nav>li.menu-item-design-full-width{position:static}
#header .header-bottom li.menu-item-design-container-width>.nav-dropdown,#header .header-bottom li.menu-item-design-full-width>.nav-dropdown{left:0!important;right:0;width:100%;max-width:none;margin:0!important;transform:none;display:table}
}
#header .nav-column li.jm-mega-all>a{font-weight:700}
/* Mobile drawer (Flatsome off-canvas) */
.mobile-sidebar,.mobile-sidebar .sidebar-menu{background:var(--white);color:var(--ink)}
.mobile-sidebar .nav-sidebar>li{border-bottom:1px solid var(--line)}
.mobile-sidebar .nav-sidebar>li>a,.mobile-sidebar .nav-sidebar>li>ul>li>a{display:flex;align-items:center;min-height:52px;padding:0 var(--s-5);font:600 16px/1.3 var(--font-ui);text-transform:none;letter-spacing:0;color:var(--ink)}
.mobile-sidebar .nav-sidebar li li>a{min-height:var(--tap-min);font-weight:400;font-size:15px;color:var(--ink-2)}
.mobile-sidebar .nav-sidebar li.jm-nav-sale>a{color:var(--rodie)}
.mobile-sidebar .toggle{min-width:var(--tap-min);min-height:var(--tap-min);color:var(--ink)}
.mobile-sidebar .jm-header-tabs a{display:inline-flex;align-items:center;min-height:var(--tap-min);padding:0 var(--s-3)}
/* Footer: ink band in light, white surface in dark (SCDS) */
.jm-footer,.jm-footer-bottom,.absolute-footer{background:var(--jm-footer-bg);color:var(--jm-footer-soft)}
.jm-footer{padding-top:var(--s-8);padding-bottom:var(--s-4)}
.jm-footer h2,.jm-footer h3,.jm-footer h4,.jm-footer .heading-font{margin:0 0 var(--s-3);font:700 12px/1.2 var(--font-ui);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--jm-footer-fg)}
.jm-footer a,.jm-footer-bottom a,.absolute-footer a{color:var(--jm-footer-soft);text-decoration:none}
.jm-footer a:hover,.jm-footer-bottom a:hover,.absolute-footer a:hover{color:var(--jm-footer-fg);text-decoration:underline}
.jm-footer .ux-menu-link__link,.jm-footer .ux-menu-link a{display:block;padding:5px 0;font-size:14px;color:var(--jm-footer-soft)}
.jm-footer .ux-menu{margin:0}
.jm-footer p{color:var(--jm-footer-soft)}
.jm-footer :focus-visible,.jm-footer-bottom :focus-visible,.absolute-footer :focus-visible{outline-color:var(--focus)}
.jm-footer-bottom{padding:var(--s-4) 0 0;font-size:13px}
.jm-footer-bottom .container,.absolute-footer .container{max-width:var(--max-width);padding-left:var(--gutter);padding-right:var(--gutter)}
.jm-footer-bottom__inner{display:grid;gap:var(--s-2);padding-top:var(--s-4);border-top:1px dashed var(--ink-2)}
.jm-footer-bottom p{margin:0}
.absolute-footer{padding:var(--s-2) 0 var(--s-4);font-size:13px;border-top:0}
.absolute-footer ul.links{margin:0 0 var(--s-2)}
.absolute-footer .copyright-footer{color:var(--jm-footer-soft)}
.footer-wrapper{overflow-x:clip}
/* Flatsome's .page-wrapper has 30px above and below; the top is 10px here on every screen (the bottom is left as it is). `body` beats Flatsome's rule whatever the order of the sheets. */
body .page-wrapper{padding-top:10px}
@media(min-width:1024px){#header .header-bottom .nav{gap:4px}}
@media(min-width:1384px){#header .container,.jm-footer-bottom .container,.absolute-footer .container{padding-left:0;padding-right:0}}
#header .nav-line-bottom>li>a:before,#header .nav-line>li>a:before{background:var(--ink)}
html button.jm-btn,html .jm-btn{box-shadow:none;text-transform:none;letter-spacing:0;margin:0}
html button.jm-btn--primary{background:var(--ink);color:var(--white);border-color:var(--ink)}
.jm-footer label,.jm-footer-bottom label{margin:0;font-weight:400;color:inherit}
.absolute-footer .links a,.absolute-footer .footer-nav a{color:var(--jm-footer-soft);opacity:1;text-transform:none;letter-spacing:0;font-size:13px}
.absolute-footer .links a,.absolute-footer .footer-nav a{display:inline-flex;align-items:center;min-height:var(--tap-min)}
.jm-footer .ux-menu-link__link{display:flex;align-items:center;min-height:var(--tap-min);padding:0}
.jm-footer .social-icons a{display:inline-flex;align-items:center;justify-content:center;min-width:var(--tap-min);min-height:var(--tap-min)}
.jm-footer .jm-newsletter__email{height:var(--tap-min)}
.jm-newsletter__consent label{display:flex;align-items:center;min-height:var(--tap-min)}
#header #logo a{display:flex;align-items:center;min-height:var(--tap-min)}
/* Footer block parts: brand, menu titles, newsletter, country switcher */
.jm-footer__brand{margin:0 0 var(--s-3);font:600 24px/1 var(--font-display);color:var(--jm-footer-fg)}
.jm-footer .ux-menu-title{margin:0 0 var(--s-3);font:700 12px/1.2 var(--font-ui);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--jm-footer-fg)}
.jm-footer .social-icons a{color:var(--jm-footer-soft);border-color:var(--jm-footer-soft)}
.jm-newsletter__title{margin:0 0 var(--s-1);font:700 18px/1.3 var(--font-ui);color:var(--jm-footer-fg)}
.jm-newsletter__text,.jm-newsletter__msg{margin:0 0 var(--s-3);font-size:14px}
.jm-newsletter__msg{font-weight:700}
.jm-newsletter__row{display:flex;gap:var(--s-2)}
.jm-newsletter__email{flex:1;min-width:0;height:var(--tap-min);margin:0;padding:0 14px;border:1px solid var(--jm-footer-soft);border-radius:var(--r-sm);background:var(--white);color:var(--ink);font:400 15px/1 var(--font-ui)}
.jm-footer .jm-newsletter__submit,.jm-footer button.jm-newsletter__submit{flex:none;background:var(--jm-footer-fg);color:var(--jm-footer-bg);border:1px solid var(--jm-footer-fg)}
.jm-footer .jm-newsletter__submit:hover{background:var(--jm-footer-soft);color:var(--jm-footer-bg)}
.jm-newsletter__consent{display:flex;align-items:flex-start;gap:var(--s-2);margin:var(--s-3) 0 0;font-size:12px;line-height:1.5}
.jm-newsletter__consent input{flex:none;width:20px;height:20px;margin:0}
.jm-newsletter__hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.jm-country{position:relative;display:inline-block;color:var(--jm-footer-soft)}
.jm-country__current,.jm-country__link{display:inline-flex;align-items:center;gap:var(--s-2);min-height:var(--tap-min);padding:0 var(--s-3);cursor:pointer;list-style:none;color:var(--jm-footer-soft)}
.jm-country__current::-webkit-details-marker{display:none}
.jm-country__flag{flex:none;border-radius:2px}
.jm-country__code{font:700 11px/1 var(--font-ui);letter-spacing:var(--ls-label)}
.jm-country__list{position:absolute;bottom:100%;left:0;z-index:5;min-width:220px;margin:0;padding:var(--s-2) 0;list-style:none;background:var(--white);box-shadow:var(--shadow-float)}
.jm-country__list li{margin:0}
.jm-footer-bottom .jm-country__list .jm-country__link{display:flex;color:var(--ink)}
.jm-country__link.is-current{font-weight:800}
.jm-builder-placeholder{padding:var(--s-3);border:1px dashed var(--ink-2);font:14px/1.4 var(--font-ui);color:var(--ink-2)}
/* Breadcrumb (SCDS Breadcrumb; inc/jm-breadcrumb.php): the one definition, listings and product page. Last two levels under 768px. */
.jm-breadcrumb{margin:calc(var(--s-2) * -1) 0 0}
.jm-breadcrumb ol{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;font-size:13px;color:var(--ink-2)}
.jm-breadcrumb li{margin:0}
.jm-breadcrumb li+li::before{content:"\203A";margin-right:6px;color:var(--ink-2)}
.jm-breadcrumb a{display:inline-flex;align-items:center;min-height:var(--tap-min);text-decoration:none;color:var(--ink-2)}
.jm-breadcrumb [aria-current]{display:inline-flex;align-items:center;min-height:var(--tap-min)}
.jm-breadcrumb a:hover{text-decoration:underline}
.jm-breadcrumb [aria-current]{color:var(--ink);font-weight:600}
@media (max-width:767px){.jm-breadcrumb li:not(:nth-last-child(-n+2)){display:none}.jm-breadcrumb li:nth-last-child(2)::before{content:none}}
/* Header favourites link: heart with a count badge, filled by sc-fav.js (hidden at 0). */
.jm-fav-link{color:var(--ink)}
.jm-fav-link svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7}
.jm-fav-link:hover{color:var(--rodie)}
.jm-fav-count{position:absolute;top:4px;right:2px;box-sizing:border-box;min-width:16px;height:16px;padding:0 4px;border-radius:var(--r-pill);background:var(--rodie);color:var(--white);font:700 10px/16px var(--font-ui);text-align:center}
.jm-fav-count[hidden]{display:none}
