/* The shop's own part of the head: where it stands, what ink it wears on paper, and the theme kept
   off the site's controls. Everything else is site-head.css, the website's own rules. */
#header,.ct-header,#offcanvas{display:none !important}
.hs-head{position:absolute;left:0;right:0;top:0;height:0;z-index:var(--layer-header);color:var(--text-on-paper);
  --hairline-on-dark:var(--text-on-paper)}
body{padding-top:calc(var(--hero-rule-top) + var(--space-head-foot,56px))}
.hs-head .mark{color:inherit !important;text-decoration:none !important;letter-spacing:var(--wordmark-tracking,0)}
.hs-head .lang-switch{color:color-mix(in oklch,currentColor 70%,transparent) !important;text-decoration:none !important;text-transform:uppercase}
.hs-head .lang-switch:hover{color:currentColor !important}
.hs-head .burger{min-height:0 !important;box-shadow:none !important;border-radius:0 !important;background:none !important;color:inherit}
.hs-head .burger:hover{background:none !important;transform:none !important}
/* the menu passes under the head, and the head is lit on its dark */
html.menu-open .hs-head{position:fixed;color:var(--text-on-dark);--hairline-on-dark:var(--color-white)}
.menu{font-family:var(--font-body)}
.menu a{text-decoration:none !important}
.menu-nav a,.menu-small a{color:var(--text-on-dark) !important}
/* a page whose left half is a photograph: the wordmark stands on the picture */
@media (min-width:768px){body.hs-product .hs-head .mark{color:var(--text-on-dark) !important}body.hs-product .hs-head .rule{background:var(--color-white)}}
@media (max-width:767px){body.hs-product .hs-head{color:var(--text-on-dark);--hairline-on-dark:var(--color-white)}}
body.hs-product{padding-top:0}
/* the theme sets its own faces on links and buttons */
.hs-head .mark,#menu .menu-nav a{font-family:var(--font-display) !important;font-weight:var(--weight-300) !important}
.hs-head .lang-switch,#menu .menu-small a{font-family:var(--font-body) !important}
/* tablet: the split page keeps the phone's stack until the two halves have room */
@media (min-width:768px) and (max-width:1023px){body.hs-product .hsp-stage{grid-template-columns:42vw minmax(0,1fr)}body.hs-product .hsp-side{padding-left:5vw;padding-right:5vw}}
/* one ground for the whole shop, the website's paper */
body{background:var(--ground-paper) !important}
/* the theme's foot is gone; the site's small foot stands on the dark */
#footer,.ct-footer{display:none !important}
.hs-foot{position:relative;z-index:2;background:var(--ground-dark);padding:28px var(--page-margin);display:flex;justify-content:space-between;align-items:baseline;gap:24px;flex-wrap:wrap}
.hs-foot nav{display:flex;gap:var(--footnote-gap)}
.hs-foot p,.hs-foot a{margin:0;font-family:var(--font-body) !important;font-size:var(--small-size);font-weight:var(--small-weight);line-height:var(--small-line-height);letter-spacing:var(--small-tracking);
  color:rgb(from var(--text-on-dark) r g b / var(--footnote-alpha)) !important;text-decoration:none !important}
.hs-foot a{transition:color var(--hover-line-duration) var(--hover-line-easing)}
.hs-foot a:hover{color:rgb(from var(--text-on-dark) r g b / var(--footnote-hover-alpha)) !important}
/* the browser's own ring is dark on this dark ground; the foot's light stands in for it */
.hs-foot a:focus-visible{outline:2px solid var(--text-on-dark);outline-offset:2px}
#main{min-height:calc(100vh - 300px)}
/* the legal pages' text, at the site's own reading width instead of the theme's full container; the
   title stands in the same column because it is the entry-content's own first heading */
.hs-legal main.site-main article .entry-content{max-width:72ch;margin-inline:auto;padding-inline:clamp(24px,4vw,64px);box-sizing:border-box}

/* the lost address's one door, as the thank-you page's door */
.hs-404-doors{text-align:center;margin-top:var(--case-doors-air)}
.hs-404-doors .door{position:relative;display:inline-block;padding-bottom:var(--door-line-gap);color:var(--text-on-paper) !important;text-decoration:none !important;font-family:var(--font-body) !important;font-size:var(--body-default-size);font-weight:var(--body-default-weight);transition:transform var(--hover-line-duration) var(--hover-line-easing)}
.hs-404-doors .door::after{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--hairline);background:rgb(from var(--text-on-paper) r g b / var(--door-line-alpha))}
.hs-404-doors .door:hover{transform:translateX(var(--pointer-step))}
/* the aurora's place on the split pages: the paper half, behind the words (its light is site-head.css) */
.hs-aurora{position:fixed;top:0;left:50vw;right:0;height:100vh;height:100dvh;overflow:hidden;pointer-events:none;z-index:0}
.hsp-side,.wp-block-woocommerce-checkout{position:relative;z-index:1}
@media (max-width:1023px) and (min-width:768px){.hs-aurora{left:42vw}}
/* on the phone the aurora scrolls with the page and its box ends in the middle of it: the light fades out towards the box's foot instead of ending in an edge */
@media (max-width:767px){.hs-aurora{position:absolute;left:0;top:56vh;top:56dvh;-webkit-mask-image:linear-gradient(to bottom,var(--mask-show) 60%,transparent);mask-image:linear-gradient(to bottom,var(--mask-show) 60%,transparent)}body.hs-checkout .hs-aurora{top:44vh;top:44dvh}}