/* font settings ((( */
html { font-family: -apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol; }
h1 { font-weight: 200; }
h1 em { font-weight: 800; font-style: normal; }
/* ))) */
a, a > img, label > img { -webkit-tap-highlight-color: rgba(0,0,0,0.4); cursor: pointer; }
a > img { pointer-events: none } /* needed for tap-highlight */
html { background: #efefef; scroll-behavior: initial !important }
body { background: #fff; }
a { color: cornflowerblue; text-decoration: none; }
a:hover { color: cornflowerblue; text-decoration: underline;  }
a:visited { text-decoration:none; }

body > header { position: fixed; height: 90px; z-index: 100; top: 0; left:0; right: 0; background: #fff; }
main { background: white; min-height: 100vh; padding: 0 0 150px 0; max-width: 100%; margin-top: 90px;}

section.packshots { transform: translateZ(0); }
section.packshots div.images canvas { overscroll-behavior: contain; cursor: grab; }
section.packshots div.images canvas { width: 600px; height: 600px; }
div.products { transform: translateZ(0); justify-content: start; }
div.products div.product { width: 175px; height: 175px; }
div.product a { display: block; }
@media (max-width: 500px) {
    a.logo { left: 0 !important }
    span#logotext { left: 40px !important }
    div.products { justify-content: space-around; }
    section.packshots { height: 100vw !important; }
    section.packshots div.shot { background-position: center bottom;  }
    section.frontrow div.product-rhs fieldset.colorskus label { margin: 10px 7px !important; }
    section.frontrow div.product-rhs fieldset.sizes  { margin: 45px -10px !important; }
    section.frontrow div.product-rhs fieldset.btns  { margin-left: -5px !important;  }
    section.frontrow div.product-rhs fieldset.sizes label { margin: 10px 5px !important; }
    section.packshots img { width: 100vw !important; max-width: 100vw !important; height: 100vw !important; align-self: flex-start !important; align-self: flex-end !important; }
    section.packshots img[height='2880'] { margin-top: 0 !important }
    section.packshots div.images canvas { width: 100vw; height: 100vw; }
    footer div.bottomline { flex-direction: column; height: auto !important;}
    div.products { gap: 35px 9px !important; justify-content: space-around !important; margin-left: 0px !important; text-align: center !important; }
    div.products div.product { width: 150px !important; }
    div.products div.product span.series { flex: inherit !important }
    
}
@media (max-width: 430px) {
    nav#top ul.left { margin: 0 !important; }
    nav#top ul.right { top: 0px; background: #eee !important; height:40px !important; min-width: 120px !important;}
    nav#top ul.right li { width: 40px !important; height: 40px !important; }
    nav#top ul.right li a { width: 40px !important; height: 40px !important; padding: 0 !important;}
    nav#top ul.right li.favli { right: 40px !important; }
    nav#top ul.right li.searchli { right: 80px !important; }
    nav#top ul.right li.searchli a { justify-content: flex-end; }
    nav#top ul.right li.basketli a { position: absolute; right: 0px; top: 0px; bottom:0; left:0; width: 40px !important; height: 40px !important;}
    nav#top ul.right li.basketli span.__basketcount { bottom: 8px !important; }
    nav#top li.location { right: 34.5vw !important; padding-top: 4px;}
}
@media (max-width: 360px) {
    section.frontrow div.product-rhs fieldset.colorskus { margin: 0 -30px 0 -15px !important; }
    section.frontrow div.product-rhs fieldset.colorskus label { padding: 4px !important; margin: 10px 7px !important; }
}
@media (max-width: 359px) {
    nav#top li.location { display: none !important; }
}
@media (max-width: 270px) {
    nav#top ul.right li.searchli { display: none !important; }
}


a.logo { position: absolute !important; z-index: 1; display: flex; justify-content: center; align-items: center; align-self: center; width: 40px; height: 40px; top: 0px; left: 0px; color: #444 !important; font-weight: 400; font-size: 16px; }
span#logotext { position: absolute !important; z-index: 1; display: flex; justify-content: center; align-items: center; align-self: center; top: 9px; left: 40px; color: #444 !important; font-weight: 200; font-size: 16px; }
span#logotext span.bold { font-weight: bold; color: #222 !important; }
a.logo:hover { text-decoration: none !important;}

nav#top { position: relative; font-size: 12px; font-weight: 700; background: #eee; box-shadow: 0 0 5px 1px #0003; z-index: 8; }
nav#top > ul { margin: 0; }
nav#top li { list-style: none; }
nav#top a { text-decoration: none; color: #333; }
nav#top .header { z-index: 9000; height: 40px; display: flex; width: 100%; justify-content: flex-end; align-items: center;}
nav#top .header a:hover { text-decoration: none }
nav#top div.body { display: flex; justify-content:space-between; background: #fff; height: 50px; }
nav#top ul.right { position: absolute; right: 0px;  margin: 0 0px 0 0; padding:0; height: 50px; background: white; min-width: 142px }
nav#top ul.right li { display: inline-block; width: 50px;  }
nav#top ul.right li.basketli { position: absolute; right: 0px; top: 0px; width: 50px; height: 50px;}
nav#top ul.right li.basketli span.__basketcount { position: absolute; bottom: 12px; }
nav#top ul.right li.favli span.__favcount.has + svg { fill: crimson; }
nav#top ul.right li.favli { position: absolute; right: 50px; top:0px; width: 50px; height: 50px;}
nav#top ul.right li.favli a { padding: 0 10px; }
nav#top ul.right li.searchli { position: absolute; right: 92px; top:0px; display: block; width: 50px; height: 50px; align-items: center; justify-content: center; }
nav#top ul.right li.searchli svg { width: 24px; height: 24px; }
nav#top ul.right li.searchli svg a { width: 24px; height: 24px; }
nav#top ul.right li.queryli input { position: absolute; right: 150px; width: 300px; border: none;  padding: 2px 5px; background: transparent; border: none; border-bottom: 1px solid #aaa; opacity: 0; transition: opacity 250ms ease-out;}
nav#top ul.right li.queryli input:focus { outline: none; border-bottom: 1px solid #333;}
nav#top:hover ul.right li.queryli input { opacity: 0.4;}
nav#top ul.right li.queryli input:hover { opacity: 1;}
nav#top ul.right li.queryli input:focus { opacity: 1;}
nav#top ul.right a { width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; } 
nav#top ul { margin:0; padding:0;}
nav#top ul.left { flex-shrink: 1; overflow-y:hidden; overflow-x: scroll; margin: 0 150px 0 0px;  padding:0; height: 50px; display: flex; align-items: center; }
nav#top ul.left li { position: relative; height: 50px; }
nav#top ul.left li a { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 50px; padding: 0 10px; }
nav#top ul.left li a::after {
    position: absolute;
    content: ' ';
    display: block;
    top: 36px;
    left: 5px;
    right: 4px;
}
nav#top ul.left li:hover a::after { border: 2px solid #ececec; }
nav#top ul.left li.cur a::after { border: 2px solid #6495ed73; }
nav#top.open ul.left li.cur a::after { border: 2px solid #ececec; }
nav#top.open ul.left li.hover a::after { border: 2px solid #6495ed73; }

nav#top ul.left li.block::before { 
    content: " ";
    cursor: pointer;
    position: absolute;
    z-index: 9999;
    top:0;
    left: 100%;
    width: 100px;
    height: 50px;
    /* border: 1px solid red; background: rgba(100,0,0,0.5); */
}
nav#top ul.left li.block::after { 
    content: " ";
    cursor: pointer;
    position: absolute;
    z-index: 9999;
    top:0;
    right: 100%;
    width: 100px;
    height: 50px;
    /*border: 1px solid red; background: rgba(100,0,0,0.5); */
}
nav#top li.location { position: absolute; top:0; right: 0px; height: 40px; width: 90px; display: flex; justify-content: center; flex-direction: column; color: #c5c5c5; font-weight: 200}
nav#top li.location a.lang { padding: 10px 2px; font-weight: 400}
nav#top li.location img.flag { margin: -4px 2px 0px 0; padding: 2px 0 0 0 ;}
nav#top li.login-or-profile { position: absolute; right: 0px; top: 0; }
nav#top li.login-or-profile a.lop { display: flex; align-items: center; height: 40px; width: 40px; padding-left: 5px;}
nav#top li.login-or-profile a.lop svg { height: 20px; }
nav#top.quicktransition nav#sub > ul { transition: height 20ms ease-in !important; }
nav#top nav#sub { display: flex; height: 0; transition: height 150ms ease-in; transform: translate3d(0,0,0); overflow: hidden; background: white; font-weight: 400; font-size: 13px; width: 100%; z-index: 9999;}
nav#top.open nav#sub { height: 260px; transition: height 150ms ease-out; transform: translate3d(0,0,0); z-index: 9999;}
nav#top nav#sub ul { opacity:0.4;  transition: transform 300ms ease, opacity 300ms ease; }
nav#top.open nav#sub ul { opacity: 1; }
nav#top nav#sub > ul { margin: 15px 40px; height: 250px; overflow-x: scroll;  display: flex; flex-wrap: no-wrap; flex: 1; align-content: flex-start; gap: 5px 80px; -ms-overflow-style: none;  scrollbar-width: none; overflow: -moz-scrollbars-none; } 
nav#top nav#sub > ul::-webkit-scrollbar { display: none !important; width: 0 !important; }

nav#sub { line-height: 200%; display: flex; overflow-x: scroll; transform: translateZ(0); white-space: nowrap; }
nav#sub > ul > li:last-child {  flex-grow: 4}
nav#sub > ul > li > ul { padding-top: 30px; position: relative;  }
nav#sub > ul > li > ul > li:first-child { position: absolute; top: 0px; height: 30px; line-height: 30px;}
nav#sub > ul > li > ul > li:first-child > a { padding-left: 0px; }
nav#sub a { display: inline-block; opacity: 0.8; padding: 0 white-space: nowrap;}
nav#sub li.bold { opacity: 0.8;}
nav#sub ul li a:hover { text-decoration: underline; opacity: 1; text-decoration-color: #ccc; }
nav#sub ul.cats { display: grid; grid-auto-flow: column; grid-template-rows: repeat(6, auto); min-width: 150px; grid-column-gap: 30px; }
.bold { font-weight: bold; }

nav.breadcrumb { font-size: 14px; display: flex; padding:10px 0 0 10px; gap: 0 10px; margin-left:0px}
nav.breadcrumb a { color: #474747 }
nav.breadcrumb ol.breadcrumb { list-style: none; display: flex; gap: 0 10px; margin:0;padding:0; }
nav.breadcrumb ol.breadcrumb li:not(:first-child)::before { content: "›"; padding-right: 10px; }
nav#basket-drawer.quick { transition: none !important }
nav#basket-drawer.open {
    transform: translateX(0px);
    transition: 100ms ease-in-out transform;
}
nav#basket-drawer {
    transform: translateX(480px);
    will-change: transform;
    position: fixed;
    z-index: 60;
    top: 90px;
    background: blue;
    right: 0px; bottom: 0px;
    width: 440px;
    max-width: 100vw;
    background: white;
    clip-path: inset(0px -10px -10px -10px);
    box-shadow: 0px 0px 5px 1px #0003; 
    transition: 500ms ease-in-out transform;
    border-left: 0.5px solid rgb(0 0 0 / 13%);
}
nav#basket-drawer iframe {
    width: 100%;
    height: 100%;
}

html#search nav#facet { position: sticky; flex-basis: 280px; min-width: 280px; width: 280px; top:90px; align-self: flex-start; padding: 0 10px; margin: 0 20px 0 0; height: calc(100vh - 90px); overflow-y: scroll; overflow-x: hidden;}
html#search main { display: flex; flex-direction: row; }
html#search main section.results { display: flex; flex-wrap: wrap; gap: 35px; max-width: 1440px; scroll-behavior: initial !important; margin-bottom: 80px; }

footer { display: flex; flex-direction: column; background: #222; padding: 40px 0 0px 0; width: 100%; color: white; }
footer div.flex { display: flex; flex-wrap: wrap }
footer div.items { display: flex; padding: 0 0 0 30px; gap: 20px; flex-wrap: wrap; }
footer div.items nav { flex-basis: 100px; flex-shrink:1; flex-grow: 1; margin-bottom: 20px; }
footer div.items nav ul { white-space: nowrap; margin:0; padding:0;}
footer ul li { list-style: none; margin: 4px 0px; font-size: 17px }
footer ul li:first-child { margin: 0; } 
footer a { text-decoration: none; color: #fff; font-weight: 200;}
footer div.logo { min-width: 260px; margin: 0 0 40px 30px; }
footer div.logo a:hover { text-decoration: none; }
footer div.logo div.text { margin-top: 22px; }
footer ul li a { font-size: 15px; display: block; line-height: 150%; padding: 4px 0}
footer ul li a:hover { color: #fff; }
footer .big {
    line-height: 150%;
    font-variant: all-small-caps;
    font-weight: 600;
}
footer div.payment { align-self: flex-end; margin: 18px; filter: grayscale(1); }
footer div.payment img { margin: 0 4px; }

footer div.bottomline { display: flex; height: 20px; justify-content: space-between; align-items: flex-start; color: #999; font-size: 11px; padding: 0 10px; border-top: 1px solid #444; }
footer div.bottomline ul.left { display: flex; justify-content: left; padding: 0;}
footer div.bottomline ul.right { display: flex; justify-content: right;}
footer div.bottomline li { margin: 0 10px }
footer div.bottomline a { padding: 0px; font-size: 11px; color: #999; }
footer div.bottomline span { padding: 0px; font-size: 11px; color: #999; display:block;}

footer form#subscribe { display: flex; align-items: center; }
footer form#subscribe input[type=email] { height: 38px; border-radius: 3px 0px 0px 3px; border: none; padding: 0 0 0 10px; max-width: calc(100vw - 150px)}
footer form#subscribe input[type=email]:focus { outline: none; }
footer form#subscribe input[type=submit] { height: 38px; border: none; background: #eee; color: #444; border-radius: 0 3px 3px 0; font-weight: 200; padding: 0 10px;}
footer form#subscribe:has(input[type=email]:valid) input[type=submit] { background-color: yellowgreen; color: white !important; text-shadow: 0 1px 1px green; font-weight: 400}

html#index h1 { color: #555; font-weight: 800; font-size: 26px; letter-spacing: 2px; margin-top: 30px; margin-bottom: 30px; }
@media (max-width: 500px) {
    html#index h1 { font-size: 22px; letter-spacing: 2px; margin-top: 20px; }
    /* prevent blocks in hovermenu on mobile to take up space*/
    nav#top ul.left li.block::before { display: none; width: 0px; }
    nav#top ul.left li.block::after { display: none; width: 0px; }
    nav#top nav#sub > ul { margin: 15px 0px; padding: 0 10px; height: 250px; overflow-x: scroll;  display: flex; flex-wrap: no-wrap; flex: 1; align-content: flex-start; gap: 5px 55px; -ms-overflow-style: none;  scrollbar-width: none; overflow: -moz-scrollbars-none; }
    nav#top nav#sub > ul::-webkit-scrollbar { display: none !important; width: 0 !important; }
    footer div.items { padding: 0 0 0 15px !important;  }
    footer div.logo { margin: 0 0 50px 15px !important; }
    footer div.logo div.text { margin-top: 10px !important; }
    footer div.flex nav ul { margin: 0 }
    footer div.bottomline ul.conditions { display: none; }
    footer div.bottomline ul.left { display: flex; flex-direction: column; justify-content: left; padding: 0;}
    iframe#cookie-banner { min-height: 520px !important; }
}
section.hero { display: flex; margin: 0 0 40px 0; gap: 15px; }
section.hero > div { 
    box-sizing: border-box;
    background-size: cover; 
    background-position: 50% 65%;  
    flex: 1;
    height: 400px; 
}
@media (max-width: 768px) {
    section.hero { flex-direction: column; gap: 10px; }
    section.hero > div { flex-basis: 400px; margin: 0; }
    li.queryli { display: none !important; }
    
}
section.hero > div.work { background-image: url('/images/m/work_ss24.webp?ss24'), url('data:image/jpg;base64,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'); }
section.hero > div.train { background-image: url('/images/m/train_ss24.webp?ss24'), url('data:image/jpg;base64,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'); }

section.hero > div.explore { background-position: 0 80%; background-image: url('/images/m/explore_ss24.webp?ss24'), url('data:image/jpg;base64, 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'); }

section.hero > div.party { background-image: url('/images/m/party_ss24.webp?ss24') }
section.hero > div.escape { background-image: url('/images/m/escaping_ss24.webp?ss24') }
section.hero > div.hike { background-position: 0 80%; background-image: url('/images/m/hike_ss24.webp?ss24') }
section.hero > div:nth-child(1) { background-position: 50% 50%;  }
section.hero a { 
    display: flex;
    justify-content: center;
    cursor: pointer;
    align-items: center;
    color: white;
    text-decoration: none;
    position: relative;
    height: 100%;
}
section.hero a div { 
    font-size: 30px;
    font-weight: 200;
    padding: 5px 40px;
    background: rgba(0,0,0,0.5);
    border: 1px solid rgba(0,0,0,0.2);
    text-shadow: 0px 1px 0px #111;
}

section.spotlight-container { position: relative; 
    margin: 40px auto;
    display: flex;
    height: 375px;
    max-width: 100%;
    overflow: hidden;
    justify-content: space-around;
}

section.spotlight {
    opacity: 0;
    transition: opacity 350ms ease-in-out;
    position: absolute;
    display: flex;
    overflow-x: scroll;
    max-width: 100%;
    height: 375px;
    xscroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
}
div.card {
    display: flex;
    scroll-snap-align: start;
    max-width: 250px;
    margin: 0 20px;
    flex-direction: column;
}
div.card img {
    position: relative;
    width: 250px; height: 250px;
    min-height: 250px;
}
div.card img::after {  
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    font-family: 'Helvetica';
    font-weight: 300;
    line-height: 2;  
    text-align: center;
    content: attr(alt);
}
div.card a {
    color: inherit;
    text-decoration: none;
}
div.card h4 {
    padding: 0 10px;
    height: 60px;
    text-overflow: ellipsis;
}
div.card div.row { display: flex; padding: 0 10px;}
div.card div.row p:first-child { flex-grow: 1 }
div.card div.row p:last-child { align-self: flex-end; }




/* GENERIC ((( */
.price { white-space: nowrap; font-size: 16px; }
.price b { font-weight: normal; }
.price i { font-style: normal; font-size: 12px; color:#666; }

.pricehtml { white-space: nowrap; padding-right: 4px; }
.pricehtml span { height: 12px; line-height: 12px; display: inline-block; }
.pricehtml b { font-weight: normal; }
.pricehtml i { color: #666; font-size: 12px; font-style: normal;}

.pricehtml span.pct { padding-left: 10px; font-weight: bold; }

.pricehtml span.msg { color: #666; font-size: small; display: block; }
.pricehtml.promo span.std, .pricehtml span.orig { background: linear-gradient(to left top, transparent 32.75%, crimson 15.5%, crimson 39.5%, transparent 33.25%) }

/* ))) */

img[width][height] { aspect-ratio: attr(width) / attr(height);  }

html.nosmooth { height: 100%; overflow: hidden; } 
html.nosmooth body { height: 100%; overflow: auto; }

/* temp testing of rescaled canvas ((( */
div.view {
    margin: 20px auto;
    display: flex;
}
div.view canvas.photo {
}
div.view canvas.two {
  border: 1px solid black;
}
button.btn {
  width: 200px;
    height: 40px;
}

div.view.bg {
}
/* ))) */
/* UTILS ((( */
.d-none { display: none !important; }
@media screen and (max-width: 768px) { 
    .d-none-mobile { display: none !important; } 
    .padding-mobile { padding: 0 10px; }
    .d-block-mobile { display: block !important; } 
}
.no-underline { text-decoration: none }
.d-hidden { visibility: hidden }
.d-flex { display: flex }
.space-between { justify-content: space-between; }
.opa-0 { opacity: 0 !important; }
.opa-1 { opacity: 1 !important; }
.z-index-2 { z-index: 2 !important; }
.box-10x10 { width: 10px; height: 10px; border: 1px solid black; }
.box-10h { width: auto; height: 10px; border: 1px solid black; }
.border-red { border: 1px solid red; }
.immutable { filter: brightness(0.75); }
.immutable *::-webkit-scrollbar { display: none !important; width: 0 !important; }
.immutable * { -ms-overflow-style: none;  scrollbar-width: none; overflow: -moz-scrollbars-none; }
.no-select { user-select: none; }
.scrollbar-none::-webkit-scrollbar { display: none !important; width: 0 !important; }
.scrollbar-none { -ms-overflow-style: none;  scrollbar-width: none; overflow: -moz-scrollbars-none; }
.overscroll-contain { overscroll-behaviour: contain; }

.cursor-not-allowed { cursor: not-allowed; }

.modal { position: relative; box-shadow: 0 0 0 max(100vh, 100vw) rgba(0, 0, 0, .6); z-index: 100; }
/* ))) */