/* Shym site header and site footer, the new look. Design system B (Warm Nordic), rules in DESIGN.md.
   Staging since 16 Oct 2026: it shows on an address with ?newlook=1 only (site-shell.php).
   Every class starts with shym-hd (header), shym-ft (footer) or shym-look (parts both use: buttons, links, the
   Google rating). The site styles every heading, link and button itself, so each part says its own font, size and
   colour again here. */

body.shym-look{--shym-bar-h:36px;--shym-main-h:76px}
.shym-hd,.shym-hd__drawer,.shym-hd__shade,.shym-ft,.shym-home{
  --ink:#26222F;--body:#4A4451;--muted:#645D6A;--line:#E3DCD5;--cream:#EEE9E5;--white:#FFFFFF;
  --orange:#B5412A;--orange-deep:#9C3622;--star:#F6BB06;
  --font:"Albert Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --lift:0 16px 34px -20px rgba(38,34,47,.45);
  --ease:cubic-bezier(.2,.8,.2,1);
}
.shym-hd,.shym-hd *,.shym-hd *:before,.shym-hd *:after,.shym-hd__drawer,.shym-hd__drawer *,.shym-hd__drawer *:before,.shym-hd__drawer *:after,
.shym-ft,.shym-ft *,.shym-ft *:before,.shym-ft *:after{box-sizing:border-box}
.shym-hd [hidden],.shym-hd__drawer[hidden],.shym-hd__shade[hidden],.shym-ft [hidden]{display:none !important}
.shym-hd svg,.shym-hd__drawer svg,.shym-ft svg{display:block;flex:none}
.shym-hd ul,.shym-hd__drawer ul,.shym-ft ul{margin:0;padding:0;list-style:none}
.shym-hd li,.shym-hd__drawer li,.shym-ft li{margin:0;padding:0}
.shym-hd .shym-hd__wrap,.shym-ft .shym-ft__wrap{width:min(1365px,calc(100% - 48px));margin:0 auto}

/* The old wrapper of the header (Elementor's) stays at the top of the screen. The thin bar scrolls away, the bar with
   the logo and the menu stays. */
body.shym-look .elementor-location-header{position:sticky;top:calc(-1 * var(--shym-bar-h));z-index:990;transition:transform .3s var(--ease,ease)}
body.shym-look .elementor-location-header .e-con,body.shym-look .elementor-location-header .elementor-widget-container{padding:0;margin:0}
body.shym-look .elementor-location-footer .e-con,body.shym-look .elementor-location-footer .elementor-widget-container{padding:0;margin:0}

/* ---------- parts both use ---------- */

.shym-hd a.shym-look-btn,.shym-hd__drawer a.shym-look-btn,.shym-ft a.shym-look-btn,.shym-home a.shym-look-btn,
.shym-hd a.shym-look-btn:visited,.shym-hd__drawer a.shym-look-btn:visited,.shym-ft a.shym-look-btn:visited,.shym-home a.shym-look-btn:visited{
  position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;margin:0;padding:0 22px;border:0;border-radius:999px;outline:0;
  font:600 15px/1 var(--font);letter-spacing:normal;text-transform:none;text-decoration:none;white-space:nowrap;cursor:pointer;
  transition:background .25s,color .3s .12s,box-shadow .25s,transform .2s;
}
.shym-look-btn svg{width:18px;height:18px}
a.shym-look-btn--primary,a.shym-look-btn--primary:visited,a.shym-look-btn--primary:hover,a.shym-look-btn--primary:focus{overflow:hidden;isolation:isolate;background:var(--orange) !important;color:var(--white) !important}
a.shym-look-btn--primary:before{content:"";position:absolute;z-index:-1;left:-10%;bottom:0;width:120%;height:175%;border-radius:50% 50% 0 0/32% 32% 0 0;background:var(--ink);transform:translateY(101%);transition:transform .65s cubic-bezier(.6,.05,.2,1);pointer-events:none}
a.shym-look-btn--primary:hover:before,a.shym-look-btn--primary:focus-visible:before{transform:translateY(0)}
a.shym-look-btn--primary.is-on-photo:before{background:var(--cream)}
a.shym-look-btn--primary.is-on-photo:hover,a.shym-look-btn--primary.is-on-photo:focus-visible{color:var(--ink) !important}
a.shym-look-btn--primary:active{transform:scale(.97)}
a.shym-look-btn--secondary,a.shym-look-btn--secondary:visited{background:transparent !important;box-shadow:inset 0 0 0 1.5px var(--ink);color:var(--ink) !important}
a.shym-look-btn--secondary:hover,a.shym-look-btn--secondary:focus-visible{background:var(--ink) !important;color:var(--white) !important}
a.shym-look-btn--ghost,a.shym-look-btn--ghost:visited{background:transparent !important;box-shadow:inset 0 0 0 1.5px var(--white);color:var(--white) !important}
a.shym-look-btn--ghost:hover,a.shym-look-btn--ghost:focus-visible{background:var(--white) !important;color:var(--ink) !important}
a.shym-look-btn:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
a.shym-look-btn.is-on-photo:focus-visible,a.shym-look-btn--ghost:focus-visible{outline-color:var(--white)}

a.shym-look-link,a.shym-look-link:visited,span.shym-look-link{display:inline-flex;align-items:center;gap:6px;font:600 15px/1.2 var(--font);color:var(--orange);text-decoration:none;white-space:nowrap;transition:color .25s}
.shym-look-link svg{width:16px;height:16px;transition:transform .25s}
a.shym-look-link:hover{color:var(--orange-deep)}
a.shym-look-link:hover svg{transform:translateX(3px)}
a.shym-look-link.is-light,a.shym-look-link.is-light:visited{color:var(--white)}
a.shym-look-link.is-light:hover{color:var(--white);text-decoration:underline;text-underline-offset:4px}

a.shym-look-rating,a.shym-look-rating:visited{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px 8px;font:400 14px/1.5 var(--font);color:rgba(255,255,255,.88);text-decoration:none}
a.shym-look-rating b{font-weight:600;color:var(--white)}
a.shym-look-rating:hover span:last-child{text-decoration:underline;text-underline-offset:3px}
a.shym-look-rating.is-ink,a.shym-look-rating.is-ink:visited{color:var(--body)}
a.shym-look-rating.is-ink b{color:var(--ink)}
.shym-look-stars{display:flex;gap:2px}
.shym-look-stars svg{display:block;width:16px;height:16px;fill:var(--star)}

/* ---------- the header ---------- */

.shym-hd{position:relative;font-family:var(--font);color:var(--ink);text-align:left}

/* 1. the thin plum bar */
.shym-hd .shym-hd__bar{height:var(--shym-bar-h,36px);background:var(--ink);color:var(--white)}
.shym-hd .shym-hd__bar-in{display:flex;align-items:center;justify-content:space-between;gap:24px;height:100%}
.shym-hd .shym-hd__facts{display:flex;align-items:center;gap:28px;min-width:0}
.shym-hd .shym-hd__fact,.shym-hd a.shym-hd__fact,.shym-hd a.shym-hd__fact:visited{display:inline-flex;align-items:center;gap:8px;font:500 13px/1 var(--font);color:rgba(255,255,255,.88);text-decoration:none;white-space:nowrap}
.shym-hd .shym-hd__fact svg{width:16px;height:16px}
.shym-hd .shym-hd__fact.shym-look-rating .shym-look-stars svg{width:13px;height:13px}
.shym-hd .shym-hd__fact.shym-look-rating{font-weight:400;gap:8px}
.shym-hd a.shym-hd__phone,.shym-hd a.shym-hd__phone:visited{font-weight:600;color:var(--white)}
.shym-hd .shym-hd__bar-end{display:flex;align-items:center;gap:24px;flex:none}
.shym-hd a.shym-hd__contact,.shym-hd a.shym-hd__contact:visited{font-weight:600;color:var(--white)}
.shym-hd a.shym-hd__phone:hover,.shym-hd a.shym-hd__fact:hover{color:var(--white);text-decoration:underline;text-underline-offset:3px}

/* 2. the bar with the logo, the menu and the tools */
.shym-hd .shym-hd__main{position:relative;background:var(--white);box-shadow:inset 0 -1px 0 var(--line);transition:background .3s,box-shadow .3s}
.shym-hd .shym-hd__main-in{display:flex;align-items:center;gap:24px;height:var(--shym-main-h,76px)}
.shym-hd a.shym-hd__logo{display:block;flex:none;width:190px;line-height:0}
.shym-hd img.shym-look-logo{display:block;width:100%;height:auto;max-width:none;margin:0;border:0;border-radius:0;box-shadow:none}
.shym-hd .shym-hd__main img.shym-look-logo.is-white{display:none}

.shym-hd .shym-hd__nav{flex:1 1 auto;display:flex;justify-content:center;min-width:0}
.shym-hd .shym-hd__menu{display:flex;align-items:center;gap:4px}
.shym-hd .shym-hd__menu>li{display:flex;align-items:center;height:var(--shym-main-h,76px)}
.shym-hd .shym-hd__menu>li.is-small{position:relative}
.shym-hd a.shym-hd__top,.shym-hd a.shym-hd__top:visited,.shym-hd button.shym-hd__top,.shym-hd button.shym-hd__top:hover,.shym-hd button.shym-hd__top:focus{
  position:relative;display:inline-flex;align-items:center;gap:4px;height:40px;margin:0;padding:0 12px;border:0;border-radius:999px;background:transparent;box-shadow:none;
  font:500 15px/1 var(--font);letter-spacing:normal;text-transform:none;color:var(--ink);text-decoration:none;white-space:nowrap;cursor:pointer;transition:color .25s,background .25s}
.shym-hd .shym-hd__top:after{content:"";position:absolute;left:12px;right:12px;bottom:6px;height:2px;border-radius:2px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.shym-hd .shym-hd__top.shym-hd__open:after{right:30px}
.shym-hd li:hover>.shym-hd__top:after,.shym-hd li.is-open>.shym-hd__top:after,.shym-hd .shym-hd__top:focus-visible:after,.shym-hd .shym-hd__top[aria-current]:after{transform:scaleX(1)}
.shym-hd .shym-hd__top svg{width:16px;height:16px;transition:transform .25s}
.shym-hd button.shym-hd__open,.shym-hd button.shym-hd__open:hover,.shym-hd button.shym-hd__open:focus{display:grid;place-items:center;width:24px;height:40px;margin:0 0 0 -10px;padding:0;border:0;border-radius:999px;background:transparent;box-shadow:none;color:var(--ink);cursor:pointer}
.shym-hd button.shym-hd__open.is-words,.shym-hd button.shym-hd__open.is-words:hover,.shym-hd button.shym-hd__open.is-words:focus{display:inline-flex;width:auto;margin:0;padding:0 12px}
.shym-hd button.shym-hd__open svg{width:16px;height:16px;transition:transform .25s}
.shym-hd li.is-open>button.shym-hd__open svg{transform:rotate(180deg)}
.shym-hd .shym-hd__top:focus-visible,.shym-hd button.shym-hd__open:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}

.shym-hd .shym-hd__tools{display:flex;align-items:center;gap:6px;flex:none}
.shym-hd .shym-hd__icon,.shym-hd a.shym-hd__icon:visited,.shym-hd button.shym-hd__icon:hover,.shym-hd button.shym-hd__icon:focus,.shym-hd__drawer button.shym-hd__icon,.shym-hd__drawer button.shym-hd__icon:hover,.shym-hd__drawer button.shym-hd__icon:focus{
  position:relative;display:grid;place-items:center;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;box-shadow:none;color:var(--ink);text-decoration:none;cursor:pointer;transition:background .25s,color .25s}
.shym-hd .shym-hd__icon:hover,.shym-hd__drawer .shym-hd__icon:hover{background:var(--cream) !important}
.shym-hd .shym-hd__icon svg,.shym-hd__drawer .shym-hd__icon svg{width:22px;height:22px}
.shym-hd .shym-hd__icon:focus-visible,.shym-hd__drawer .shym-hd__icon:focus-visible{outline:2px solid var(--ink);outline-offset:0}
.shym-hd .shym-hd__count{position:absolute;top:3px;right:1px;display:block;line-height:0;pointer-events:none}
.shym-hd .shym-hd__count svg rect{fill:var(--orange)}
.shym-hd .shym-hd__count svg text{fill:var(--white);font:600 12.5px/1 var(--font)}
.shym-hd .shym-hd__count .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.shym-hd a.shym-hd__cta{height:44px;margin-left:8px;padding:0 20px}
.shym-hd .shym-hd__burger{display:none !important}

/* over the photo of the home page, at the top of the page: no plate, white words */
.shym-hd.is-over:not(.is-stuck):not(.is-open) .shym-hd__main{background:transparent;box-shadow:none}
.shym-hd.is-over:not(.is-stuck):not(.is-open) .shym-hd__main img.shym-look-logo.is-white{display:block}
.shym-hd.is-over:not(.is-stuck):not(.is-open) .shym-hd__main img.shym-look-logo.is-ink{display:none}
.shym-hd.is-over:not(.is-stuck):not(.is-open) .shym-hd__main-in>.shym-hd__nav .shym-hd__top,
.shym-hd.is-over:not(.is-stuck):not(.is-open) .shym-hd__main-in>.shym-hd__nav button.shym-hd__open,
.shym-hd.is-over:not(.is-stuck):not(.is-open) .shym-hd__tools .shym-hd__icon{color:var(--white)}
.shym-hd.is-over:not(.is-stuck):not(.is-open) .shym-hd__tools .shym-hd__icon:hover{background:rgba(255,255,255,.16) !important}
.shym-hd.is-over:not(.is-stuck):not(.is-open) .shym-hd__top:after{background:var(--white)}
.shym-hd.is-over:not(.is-stuck):not(.is-open) a.shym-hd__cta:before{background:var(--cream)}
.shym-hd.is-over:not(.is-stuck):not(.is-open) a.shym-hd__cta:hover{color:var(--ink) !important}
/* Away while the visitor reads down, back on the way up: every page and size (shym-shell.js, Francis 19 Oct 2026) */
body.shym-look.shym-hd-hidden .elementor-location-header{transform:translateY(-100%)}
/* See-through at the top over a dark photo or band (shym_look_over): the plum band of a category page or the shop is
   pulled up under the bar, and the old live home page's photo too (its old header lay over it the same way) */
body.shym-look.shym-look-over .shym-cat .shym-cat__top{margin-top:calc(-1 * var(--shym-main-h,76px));padding-top:calc(22px + var(--shym-main-h,76px))}
body.shym-look.shym-look-over:not(.shym-look-home) .elementor-8294>.elementor-element:first-child{margin-top:calc(-1 * var(--shym-main-h,76px))}
/* the category page's side search and list stay under the bar, and move up with it when it goes away */
body.shym-look .shym-cat form.shym-cat__search.is-sticky,body.shym-look .shym-cat .shym-cat__cats.is-sticky{transition:top .3s var(--ease,ease)}
body.shym-look.shym-hd-hidden .shym-cat form.shym-cat__search.is-sticky{top:24px}
body.shym-look.shym-hd-hidden .shym-cat .shym-cat__cats.is-sticky{top:88px}
.shym-hd.is-stuck .shym-hd__main{box-shadow:inset 0 -1px 0 var(--line),0 10px 24px -22px rgba(38,34,47,.5)}

/* the panels of the menu */
.shym-hd .shym-hd__panel{position:absolute;z-index:5;visibility:hidden;opacity:0;transform:translateY(-6px);transition:opacity .2s,transform .25s var(--ease),visibility 0s .25s;pointer-events:none}
.shym-hd li.is-open>.shym-hd__panel{visibility:visible;opacity:1;transform:none;transition:opacity .2s,transform .25s var(--ease);pointer-events:auto}
.shym-hd .shym-hd__panel.is-mega{left:0;right:0;top:100%;padding:26px 0 30px;background:var(--white);box-shadow:inset 0 1px 0 var(--line)}
/* The white sheet under the big panels, with their shadow. From one big panel to the next it stays and grows or
   shrinks to the new one, and the panels swap at once (.is-swap): the page never shows through between them (Francis,
   19 Oct 2026: switching "flashes and its kinda unpleasant"). Each panel keeps its own white, so a taller panel is never
   seen without it while the sheet grows. */
.shym-hd .shym-hd__megabg{position:absolute;left:0;right:0;top:100%;z-index:4;height:0;background:var(--white);box-shadow:inset 0 1px 0 var(--line),var(--lift);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility 0s .25s,height .45s cubic-bezier(.16,1,.3,1)}
.shym-hd.is-mega-open .shym-hd__megabg{opacity:1;visibility:visible;transition:opacity .2s,height .45s cubic-bezier(.16,1,.3,1)}
.shym-hd.is-swap .shym-hd__panel.is-mega{transition:none;transform:none}
.shym-hd .shym-hd__panel.is-small{top:calc(50% + 26px);left:0;min-width:248px;padding:6px;border-radius:18px;background:var(--white);box-shadow:inset 0 0 0 1.5px var(--line),var(--lift)}

/* the panel of a product family (Francis, 19 Oct 2026, option A, like Revel): photo cards on cream with the count and
   the lowest price, quick choices under them, the series of the saunas, and the photo card with help on the right */
.shym-hd .shym-hd__fam{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:stretch}
.shym-hd .shym-hd__fam-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0 0 14px}
.shym-hd .shym-hd__fam-head p{margin:0;font:600 17px/1.3 var(--font);letter-spacing:-.01em;color:var(--ink)}
.shym-hd .shym-hd__fam-head p span{margin-left:10px;font:400 14px/1 var(--font);color:var(--muted)}
.shym-hd .shym-hd__cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.shym-hd .shym-hd__cards>li{grid-column:span 2}
.shym-hd .shym-hd__cards.is-2>li,.shym-hd .shym-hd__cards.is-4>li,.shym-hd .shym-hd__cards.is-5>li:nth-child(n+4){grid-column:span 3}
.shym-hd .shym-hd__cards.is-1>li{grid-column:span 6}
.shym-hd a.shym-hd__card,.shym-hd a.shym-hd__card:visited{position:relative;display:block;height:164px;padding:18px 20px;border-radius:18px;background:var(--cream);overflow:hidden;isolation:isolate;color:var(--ink);text-decoration:none;transition:box-shadow .3s,transform .3s var(--ease)}
.shym-hd a.shym-hd__card:hover,.shym-hd a.shym-hd__card:focus-visible{box-shadow:var(--lift);transform:translateY(-2px)}
.shym-hd a.shym-hd__card:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.shym-hd .shym-hd__card-words{position:relative;z-index:2;display:flex;flex-direction:column;gap:4px;max-width:56%}
.shym-hd .shym-hd__card-words b{display:inline-flex;align-items:center;gap:6px;font:600 17px/1.3 var(--font);letter-spacing:-.01em;color:var(--ink)}
.shym-hd .shym-hd__card-words span{font:400 14px/1.3 var(--font);color:var(--muted)}
.shym-hd .shym-hd__card-price{position:absolute;left:20px;bottom:18px;z-index:2;display:flex;align-items:baseline;gap:5px;font:600 16px/1 var(--font);color:var(--ink);white-space:nowrap}
.shym-hd .shym-hd__card-price small{font:400 14px/1 var(--font);color:var(--muted)}
/* the arrow after the name comes in on hover; the price never moves (Francis, 19 Oct 2026: on the Log saunas card the
   moving price ran into the cut-out) */
.shym-hd .shym-hd__card-go{display:block;color:var(--orange);opacity:0;transform:translateX(-4px);transition:opacity .25s,transform .3s var(--ease)}
.shym-hd .shym-hd__card-go svg{width:16px;height:16px}
.shym-hd a.shym-hd__card:hover .shym-hd__card-go,.shym-hd a.shym-hd__card:focus-visible .shym-hd__card-go{opacity:1;transform:none}
.shym-hd .shym-hd__card-pic{position:absolute;top:14px;right:12px;bottom:10px;display:flex;align-items:flex-end;justify-content:flex-end;width:50%}
/* a product shot on white is blended into the cream; a cut-out stands on the card as it is. The box of the picture
   has no z-index on purpose: one would make it its own layer, and the blend would see nothing under it */
.shym-hd .shym-hd__card-pic img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;margin:0;border:0;border-radius:0;box-shadow:none;object-fit:contain;mix-blend-mode:multiply;transform-origin:50% 100%;transition:transform .5s var(--ease)}
.shym-hd .shym-hd__card-pic img.is-cut{mix-blend-mode:normal;transform-origin:100% 100%}
/* a product shot has white space around the product, which the blend hides: it is drawn a little bigger */
.shym-hd .shym-hd__card-pic img:not(.is-cut){transform:scale(1.22);transform-origin:50% 75%}
.shym-hd a.shym-hd__card:hover .shym-hd__card-pic img.is-cut{transform:scale(1.05)}
.shym-hd a.shym-hd__card:hover .shym-hd__card-pic img:not(.is-cut){transform:scale(1.28)}
.shym-hd .shym-hd__fam-head{align-items:center}
.shym-hd .shym-hd__fam-links{display:flex;align-items:center;gap:20px}
/* "See what's on sale": the primary button (orange, plum ink rises on hover), a little smaller to sit in the head row */
.shym-hd a.shym-look-btn.shym-hd__sale{height:40px;padding:0 18px;font-size:14px}

/* The entrance of a big panel (Francis, 19 Oct 2026: the pictures rising alone, "Nah I dont like it ... having it on
   the entire cards"): each whole card rises into place and fades in, 40 ms after the one before; the picture moves
   with its card, never on its own. The same when one big panel takes the place of another (.is-swapin, set by
   shym-shell.js), where the name of the family and the help card fade in fast. The buttons of the head stay still
   (Francis, 19 Oct 2026: "not have these 2 buttons flash when switching"). The card moves, never the picture box inside it: a
   box that moves on its own becomes its own layer, and the product shots would show their white. */
@keyframes shym-hd-card-up{from{opacity:0;transform:translate3d(0,18px,0) scale(.985)}to{opacity:1;transform:none}}
@keyframes shym-hd-fade{from{opacity:0}to{opacity:1}}
.shym-hd li.is-open>.shym-hd__panel .shym-hd__cards>li{animation:shym-hd-card-up .5s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.03s + var(--i,0) * .04s)}
.shym-hd li.is-open.is-swapin>.shym-hd__panel .shym-hd__fam-head>p,.shym-hd li.is-open.is-swapin>.shym-hd__panel .shym-hd__fam>.shym-hd__feature{animation:shym-hd-fade .18s ease both}
.shym-hd .shym-hd__feature{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:340px;padding:24px;border-radius:18px;overflow:hidden;isolation:isolate;color:var(--white)}
.shym-hd .shym-hd__feature-pic{position:absolute;inset:0;z-index:-1}
.shym-hd .shym-hd__feature-pic img{display:block;width:100%;height:100%;max-width:none;margin:0;border:0;border-radius:0;object-fit:cover;object-position:40% 50%}
.shym-hd .shym-hd__feature-pic:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(38,34,47,.05) 20%,rgba(38,34,47,.88) 100%)}
.shym-hd .shym-hd__feature-words{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.shym-hd .shym-hd__feature-words b{font:600 17px/1.3 var(--font);letter-spacing:-.01em;color:var(--white)}
.shym-hd .shym-hd__feature-words>span{font:400 14px/1.5 var(--font);color:rgba(255,255,255,.88)}
.shym-hd .shym-hd__feature a.shym-look-btn{height:44px;margin-top:8px;padding:0 18px;font-size:15px}
.shym-hd .shym-hd__feature a.shym-look-link{margin-top:6px}

.shym-hd .shym-hd__small a,.shym-hd .shym-hd__small a:visited{display:flex;align-items:center;min-height:40px;padding:0 12px;border-radius:12px;font:400 14px/1.3 var(--font);color:var(--body);text-decoration:none;transition:background .2s}
.shym-hd .shym-hd__small a.is-group{font-weight:600;color:var(--ink)}
.shym-hd .shym-hd__small a:hover{background:var(--cream);color:var(--ink)}
.shym-hd .shym-hd__small ul a{padding-left:24px}

/* the search, under the bar */
.shym-hd .shym-hd__findbar{position:absolute;z-index:6;left:0;right:0;top:100%;padding:20px 0 24px;background:var(--white);box-shadow:inset 0 1px 0 var(--line),var(--lift)}
.shym-hd .shym-hd__findbar form{max-width:720px;margin:0 auto}
form.shym-hd__find{position:relative;margin:0}
.shym-hd__find label.shym-hd__find-field{position:relative;display:block;margin:0}
.shym-hd__find label.shym-hd__find-field svg{position:absolute;left:16px;top:50%;width:20px;height:20px;margin-top:-10px;color:var(--muted);pointer-events:none}
.shym-hd__find input[type="search"],.shym-hd__find input[type="search"]:focus{width:100%;height:48px;margin:0;padding:0 16px 0 46px;border:1.5px solid var(--line);border-radius:12px;outline:0;background:var(--white);box-shadow:none;font:400 16px/1.2 var(--font);color:var(--ink);-webkit-appearance:none;appearance:none}
.shym-hd__find input[type="search"]:focus{border-color:var(--ink)}
.shym-hd__find input[type="search"]::placeholder{color:var(--muted);opacity:1}
.shym-hd__find input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.shym-hd__find .shym-hd__found{position:absolute;z-index:3;left:0;right:0;top:calc(100% + 8px);max-height:min(420px,60vh);overflow-y:auto;padding:6px;border-radius:18px;background:var(--white);box-shadow:inset 0 0 0 1.5px var(--line),var(--lift)}
.shym-hd__find a.shym-hd__found-row,.shym-hd__find a.shym-hd__found-row:visited{display:flex;align-items:center;gap:12px;min-height:52px;padding:4px 12px 4px 4px;border-radius:12px;font:400 14px/1.35 var(--font);color:var(--body);text-decoration:none}
.shym-hd__find a.shym-hd__found-row:hover,.shym-hd__find a.shym-hd__found-row:focus{background:var(--cream);color:var(--ink);outline:0}
.shym-hd__find .shym-hd__found-pic{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:10px;background:var(--cream);overflow:hidden}
.shym-hd__find .shym-hd__found-pic img{display:block;width:40px;height:40px;max-width:none;margin:0;object-fit:contain;mix-blend-mode:multiply}
.shym-hd__find .shym-hd__found-note{margin:0;padding:12px;font:400 14px/1.5 var(--font);color:var(--muted)}
.shym-hd__find button.shym-hd__found-all,.shym-hd__find button.shym-hd__found-all:hover,.shym-hd__find button.shym-hd__found-all:focus{display:flex;align-items:center;width:100%;min-height:44px;margin:0;padding:0 12px;border:0;border-radius:12px;background:transparent;box-shadow:none;font:600 14px/1 var(--font);color:var(--orange);text-align:left;cursor:pointer}
.shym-hd__find button.shym-hd__found-all:hover{background:var(--cream)}

/* the phone menu, a panel from the right (the script moves it to the end of the page) */
.shym-hd__shade{position:fixed;inset:0;z-index:99998;background:rgba(38,34,47,.5);opacity:0;transition:opacity .3s}
.shym-hd__shade.is-on{opacity:1}
.shym-hd__drawer{position:fixed;top:0;right:0;bottom:0;z-index:99999;display:flex;flex-direction:column;width:min(420px,100%);background:var(--white);font-family:var(--font);color:var(--ink);transform:translateX(100%);transition:transform .35s var(--ease);text-align:left}
.shym-hd__drawer.is-on{transform:none}
.shym-hd__drawer .shym-hd__drawer-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:none;height:64px;padding:0 10px 0 20px;box-shadow:inset 0 -1px 0 var(--line)}
.shym-hd__drawer a.shym-hd__logo{display:block;width:150px;line-height:0}
.shym-hd__drawer img.shym-look-logo{display:block;width:100%;height:auto;max-width:none;margin:0}
.shym-hd__drawer .shym-hd__drawer-body{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;padding:16px 20px 24px}
.shym-hd__drawer form.shym-hd__find{margin:0 0 12px}
.shym-hd__drawer .shym-hd__dlist>li{box-shadow:inset 0 -1px 0 var(--line)}
.shym-hd__drawer .shym-hd__drow,.shym-hd__drawer a.shym-hd__drow:visited{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;font:600 17px/1.3 var(--font);letter-spacing:-.01em;color:var(--ink);text-decoration:none;list-style:none;cursor:pointer}
.shym-hd__drawer summary::-webkit-details-marker{display:none}
.shym-hd__drawer summary{list-style:none}
.shym-hd__drawer summary svg{width:18px;height:18px;color:var(--muted);transition:transform .25s}
.shym-hd__drawer details[open]>summary svg{transform:rotate(180deg)}
.shym-hd__drawer .shym-hd__dsub{padding:0 0 14px}
.shym-hd__drawer .shym-hd__dlink,.shym-hd__drawer a.shym-hd__dlink:visited{display:flex;align-items:center;gap:12px;min-height:52px;padding:2px 0;font:500 15px/1.3 var(--font);color:var(--ink);text-decoration:none;list-style:none;cursor:pointer}
.shym-hd__drawer summary.shym-hd__dlink svg{margin-left:auto}
.shym-hd__drawer .shym-hd__tile-pic.is-icon{background:var(--ink);color:var(--white);border-radius:50%;width:40px;height:40px;margin:0 4px}
.shym-hd__drawer .shym-hd__tile-pic.is-icon svg{width:18px;height:18px}
.shym-hd__drawer .shym-hd__tile-pic{width:48px;height:48px}
.shym-hd__drawer .shym-hd__dsub2{padding:0 0 10px 60px}
.shym-hd__drawer .shym-hd__dsub2 a,.shym-hd__drawer .shym-hd__dsub2 a:visited{display:flex;align-items:center;min-height:40px;font:400 15px/1.3 var(--font);color:var(--body);text-decoration:none}
.shym-hd__drawer .shym-hd__dsub a:hover,.shym-hd__drawer .shym-hd__drow:hover{color:var(--orange)}
.shym-hd__drawer a.shym-hd__dall{margin:0 0 12px}
.shym-hd__drawer .shym-hd__dcards{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 0 16px}
.shym-hd__drawer a.shym-hd__dcard,.shym-hd__drawer a.shym-hd__dcard:visited{display:flex;flex-direction:column;gap:3px;height:100%;padding:10px 12px 12px;border-radius:14px;background:var(--cream);color:var(--ink);text-decoration:none}
.shym-hd__drawer .shym-hd__dcard-pic{display:flex;align-items:flex-end;justify-content:center;height:86px;margin:0 0 6px}
.shym-hd__drawer .shym-hd__dcard-pic img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;margin:0;object-fit:contain;mix-blend-mode:multiply}
.shym-hd__drawer .shym-hd__dcard-pic img.is-cut{mix-blend-mode:normal}
.shym-hd__drawer a.shym-hd__dcard b{font:600 15px/1.25 var(--font);color:var(--ink)}
.shym-hd__drawer a.shym-hd__dcard>span:last-child{font:400 14px/1.3 var(--font);color:var(--muted)}
.shym-hd__drawer a.shym-hd__dlink.is-sub{padding-left:18px;font-weight:400;color:var(--body)}
.shym-hd__drawer .shym-hd__drawer-foot{display:flex;flex-direction:column;gap:10px;flex:none;padding:16px 20px calc(16px + env(safe-area-inset-bottom));box-shadow:inset 0 1px 0 var(--line);background:var(--white)}
.shym-hd__drawer .shym-hd__drawer-foot a.shym-look-btn{width:100%}
.shym-hd__drawer .shym-hd__drawer-foot a.shym-look-rating{justify-content:center;margin-top:4px}
html.shym-hd-locked,html.shym-hd-locked body{overflow:hidden}

/* ---------- the footer ---------- */

.shym-ft{font-family:var(--font);text-align:left}
.shym-ft .shym-ft__help{position:relative;isolation:isolate;display:flex;align-items:center;min-height:340px;padding:64px 0;background:var(--ink);color:var(--white);overflow:hidden}
.shym-ft .shym-ft__help-pic{position:absolute;inset:0;z-index:-1}
.shym-ft .shym-ft__help-pic img{display:block;width:100%;height:100%;max-width:none;margin:0;border:0;border-radius:0;object-fit:cover;object-position:50% 55%}
.shym-ft .shym-ft__help-pic:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(38,34,47,.9) 0%,rgba(38,34,47,.72) 38%,rgba(38,34,47,.25) 100%)}
.shym-ft .shym-ft__help .shym-ft__wrap{position:relative}
.shym-ft .shym-ft__help-words{max-width:560px}
.shym-ft h2.shym-ft__h2{margin:0;padding:0;font:700 clamp(30px,3.6vw,40px)/1.1 var(--font);letter-spacing:-.02em;text-transform:none;color:var(--white)}
.shym-ft .shym-ft__help-words p{margin:14px 0 0;font:400 16px/1.65 var(--font);color:rgba(255,255,255,.88)}
.shym-ft .shym-ft__btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}

.shym-ft .shym-ft__main{padding:64px 0 28px;background:var(--ink);color:rgba(255,255,255,.78)}
.shym-ft .shym-ft__top{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:40px 72px;padding:0 0 44px}
.shym-ft a.shym-ft__logo{display:block;width:210px;line-height:0}
.shym-ft img.shym-look-logo{display:block;width:100%;height:auto;max-width:none;margin:0;border:0}
.shym-ft .shym-ft__brand p{max-width:520px;margin:20px 0 0;font:400 14px/1.6 var(--font);color:rgba(255,255,255,.78)}
.shym-ft a.shym-ft__rating{margin-top:16px}
.shym-ft .shym-ft__social{display:flex;gap:10px;margin-top:20px}
.shym-ft .shym-ft__social a,.shym-ft .shym-ft__social a:visited{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.3);color:var(--white);text-decoration:none;transition:background .25s,color .25s,box-shadow .25s}
.shym-ft .shym-ft__social a:hover{background:var(--white);color:var(--ink);box-shadow:none}
.shym-ft .shym-ft__social svg{width:20px;height:20px}
.shym-ft .shym-ft__contact{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.shym-ft .shym-ft__h,.shym-ft summary.shym-ft__h{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px;padding:0;font:600 17px/1.3 var(--font);letter-spacing:-.01em;color:var(--white);list-style:none}
.shym-ft summary.shym-ft__h::-webkit-details-marker{display:none}
.shym-ft summary.shym-ft__h svg{display:none;width:18px;height:18px;color:rgba(255,255,255,.7);transition:transform .25s}
.shym-ft .shym-ft__facts li+li{margin-top:4px}
.shym-ft .shym-ft__facts a,.shym-ft .shym-ft__facts a:visited{display:inline-flex;align-items:center;gap:10px;padding:5px 0;font:400 14px/1.45 var(--font);color:rgba(255,255,255,.88);text-decoration:none}
.shym-ft .shym-ft__facts svg{width:18px;height:18px;color:rgba(255,255,255,.6)}
.shym-ft .shym-ft__facts a:hover{color:var(--white);text-decoration:underline;text-underline-offset:3px}
.shym-ft .shym-ft__cols{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:32px;padding:40px 0;box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}
.shym-ft .shym-ft__col ul li a,.shym-ft .shym-ft__col ul li a:visited{display:inline-block;padding:5px 0;font:400 14px/1.45 var(--font);color:rgba(255,255,255,.78);text-decoration:none}
.shym-ft .shym-ft__col ul li a:hover{color:var(--white);text-decoration:underline;text-underline-offset:3px}
.shym-ft .shym-ft__base{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 32px;padding:24px 0 0;box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}
.shym-ft .shym-ft__base p{margin:0;font:400 14px/1.5 var(--font);color:rgba(255,255,255,.7)}
.shym-ft .shym-ft__base ul{display:flex;flex-wrap:wrap;gap:6px 24px}
.shym-ft .shym-ft__base a,.shym-ft .shym-ft__base a:visited{font:400 14px/1.5 var(--font);color:rgba(255,255,255,.78);text-decoration:none}
.shym-ft .shym-ft__base a:hover{color:var(--white);text-decoration:underline;text-underline-offset:3px}
.shym-ft a:focus-visible{outline:2px solid var(--white);outline-offset:3px}

/* ---------- laptops ---------- */
@media (max-width:1280px){
  .shym-hd .shym-hd__fam{grid-template-columns:minmax(0,1fr) 260px;gap:24px}
  .shym-hd a.shym-hd__logo{width:170px}
  .shym-hd a.shym-hd__top,.shym-hd button.shym-hd__top{padding:0 9px}
  .shym-hd .shym-hd__top:after{left:9px;right:9px}
  .shym-ft .shym-ft__cols{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 32px}
}
@media (max-width:1140px){
  .shym-hd .shym-hd__facts .shym-hd__fact:nth-child(3){display:none}
  .shym-hd .shym-hd__fam{grid-template-columns:minmax(0,1fr)}
  .shym-hd .shym-hd__fam .shym-hd__feature{display:none}
  .shym-hd a.shym-hd__cta{display:none}
}

/* ---------- tablets and phones: the menu is a panel from the right ---------- */
@media (max-width:1024px){
  body.shym-look{--shym-bar-h:34px;--shym-main-h:64px}
  .shym-hd .shym-hd__wrap,.shym-ft .shym-ft__wrap{width:calc(100% - 32px)}
  .shym-hd .shym-hd__nav,.shym-hd a.shym-hd__cta{display:none}
  .shym-hd .shym-hd__burger{display:grid !important}
  .shym-hd .shym-hd__main-in{gap:8px;justify-content:space-between}
  .shym-hd a.shym-hd__logo{width:150px}
  .shym-hd .shym-hd__tools{gap:2px;margin-right:-6px}
  .shym-hd .shym-hd__findbar{padding:12px 0 16px}
  .shym-ft .shym-ft__top{grid-template-columns:1fr}
}
@media (max-width:640px){
  body.shym-look.shym-look-over .shym-cat .shym-cat__top{padding-top:calc(16px + var(--shym-main-h,64px))}
}
/* a phone: the old home page's photo started under its old header, not behind it, so the photo gets the bar's height
   back as room at its top (the headline sits 50 px under the bar, as before) */
@media (max-width:767px){
  body.shym-look.shym-look-over:not(.shym-look-home) .elementor-8294>.elementor-element:first-child{padding-top:calc(var(--padding-top,0px) + var(--shym-main-h,64px)) !important}
}
@media (max-width:767px){
  .shym-hd .shym-hd__facts .shym-hd__fact:nth-child(2){display:none}
  .shym-hd a.shym-hd__contact{display:none}
  .shym-hd .shym-hd__bar-in{gap:12px}
  .shym-ft .shym-ft__help{min-height:0;padding:56px 0}
  .shym-ft .shym-ft__help-pic:after{background:linear-gradient(180deg,rgba(38,34,47,.55) 0%,rgba(38,34,47,.85) 100%)}
  .shym-ft .shym-ft__btns a.shym-look-btn{flex:1 1 100%}
  .shym-ft .shym-ft__main{padding:48px 0 24px}
  .shym-ft .shym-ft__contact{grid-template-columns:1fr;gap:24px}
  .shym-ft .shym-ft__top{padding-bottom:32px}
  .shym-ft .shym-ft__cols{grid-template-columns:1fr;gap:0;padding:0 0 24px}
  .shym-ft .shym-ft__col{box-shadow:inset 0 -1px 0 rgba(255,255,255,.14)}
  .shym-ft summary.shym-ft__h{min-height:56px;margin:0;cursor:pointer}
  .shym-ft summary.shym-ft__h svg{display:block}
  .shym-ft .shym-ft__col[open] summary.shym-ft__h svg{transform:rotate(180deg)}
  .shym-ft .shym-ft__col ul{padding:0 0 14px}
  .shym-ft .shym-ft__base{flex-direction:column;align-items:flex-start}
}
@media (max-width:400px){
  .shym-hd .shym-hd__fact.shym-look-rating .shym-look-stars{display:none}
}

@media (prefers-reduced-motion:reduce){
  .shym-hd *,.shym-hd__drawer,.shym-hd__shade,.shym-ft *,body.shym-look .elementor-location-header{transition:none !important}
  .shym-hd *{animation:none !important}
}

/* The site's Additional CSS says "p, div { font-family: Inter !important }". The new header, menu and footer keep
   Albert Sans (DESIGN.md). Found 18 Oct 2026: 5 footer paragraphs were in Inter. */
.shym-hd p,.shym-hd div,.shym-hd__drawer p,.shym-hd__drawer div,.shym-ft p,.shym-ft div{font-family:var(--font) !important}