/** Shopify CDN: Minification failed

Line 652:16 "disply" is not a known CSS property
Line 916:69 Expected ":"
Line 917:58 Expected ":"

**/
html, body{ scroll-behavior: smooth; -webkit-font-smoothing: antialiased; transition: 0.25s ease all;}
body{font-family: 'Inter',sans-serif;font-weight:normal;}
.body-wrapper { align-items: flex-start; box-sizing: border-box; width: calc(100% - 10px);}
main {padding: 0 20px; box-sizing: border-box; position: relative;}
main.home {padding: 0;}
::selection { background: var(--primary) !important; color: var(--white);}

.full-width { width: 100%;  margin: 0 auto;  box-sizing: border-box;position: relative;}
.row-width-95{ width: 95%; max-width: 95%; margin: 0 auto; box-sizing: border-box;position: relative;}
.row-width-90 { width: 90%; max-width: 90%; margin: 0 auto; box-sizing: border-box;position: relative; }
.row-width-80 { width: 80%; max-width: 80%; margin: 0 auto; box-sizing: border-box;position: relative; }
.row-width-70 { width: 70%; max-width: 70%; margin: 0 auto;  box-sizing: border-box;position: relative;}
.row-width-60 { width: 60%; max-width: 60%; margin: 0 auto;  box-sizing: border-box;position: relative;}
.row-width-50 { width: 50%; max-width: 50%; margin: 0 auto;  box-sizing: border-box;position: relative;}
.row-width-40 { width: 40%; max-width: 40%; margin: 0 auto;  box-sizing: border-box;position: relative;}
.row-width-30 { width: 30%; max-width: 30%; margin: 0 auto;  box-sizing: border-box;position: relative;}
.row-width-20 { width: 20%; max-width: 20%; margin: 0 auto;  box-sizing: border-box;position: relative;}
.row-width-10 { width: 10%; max-width: 10%; margin: 0 auto;  box-sizing: border-box;position: relative;}

/* Base column widths (without gaps) */
.col1 { width: 8.33%; }
.col2 { width: 16.66%; }
.col3 { width: 25%; }
.col4 { width: 33.33%; }
.col5 { width: 41.33%; }
.col6 { width: 50%; }
.col7 { width: 58.33%; }
.col8 { width: 66.66%; }
.col9 { width: 75%; }
.col10 { width: 83.88%; }
.col11 { width: 91.66%; }
.col12 { width: 100%; }

.column-1 {column-count: 1;}
.column-2 {column-count: 2;}
.column-3 {column-count: 3;}

.gap-10 .col1  { width: calc((100% - (10px * 11)) / 12); }
.gap-10 .col2  { width: calc((100% - (10px * 5)) / 6); }
.gap-10 .col3  { width: calc((100% - (10px * 3)) / 4); }
.gap-10 .col4  { width: calc((100% - (10px * 2)) / 3); }
.gap-10 .col5  { width: calc((100% - (10px * 1.5)) / 2.4); }
.gap-10 .col6  { width: calc((100% - (10px * 1)) / 2); }
.gap-10 .col7  { width: calc((100% - (10px * 0.71)) / 1.71); }
.gap-10 .col8  { width: calc((100% - (10px * 0.5)) / 1.5); }
.gap-10 .col9  { width: calc((100% - (10px * 0.33)) / 1.33); }
.gap-10 .col10 { width: calc((100% - (10px * 0.2)) / 1.2); }
.gap-10 .col11 { width: calc((100% - (10px * 0.1)) / 1.09); }
.gap-10 .col12 { width: 100%; }

.gap-20 .col1  { width: calc((100% - (20px * 11)) / 12); }
.gap-20 .col2  { width: calc((100% - (20px * 5)) / 6); }
.gap-20 .col3  { width: calc((100% - (20px * 3)) / 4); }
.gap-20 .col4  { width: calc((100% - (20px * 2)) / 3); }
.gap-20 .col5  { width: calc((100% - (20px * 1.5)) / 2.4); }
.gap-20 .col6  { width: calc((100% - (20px * 1)) / 2); }
.gap-20 .col7  { width: calc((100% - (20px * 0.71)) / 1.71); }
.gap-20 .col8  { width: calc((100% - (20px * 0.5)) / 1.5); }
.gap-20 .col9  { width: calc((100% - (20px * 0.33)) / 1.33); }
.gap-20 .col10 { width: calc((100% - (20px * 0.2)) / 1.2); }
.gap-20 .col11 { width: calc((100% - (20px * 0.1)) / 1.09); }
.gap-20 .col12 { width: 100%; }

.gap-30 .col1  { width: calc((100% - (30px * 11)) / 12); }
.gap-30 .col2  { width: calc((100% - (30px * 5)) / 6); }
.gap-30 .col3  { width: calc((100% - (30px * 3)) / 4); }
.gap-30 .col4  { width: calc((100% - (30px * 2)) / 3); }
.gap-30 .col5  { width: calc((100% - (30px * 1.5)) / 2.4); }
.gap-30 .col6  { width: calc((100% - (30px * 1)) / 2); }
.gap-30 .col7  { width: calc((100% - (30px * 0.71)) / 1.71); }
.gap-30 .col8  { width: calc((100% - (30px * 0.5)) / 1.5); }
.gap-30 .col9  { width: calc((100% - (30px * 0.33)) / 1.33); }
.gap-30 .col10 { width: calc((100% - (30px * 0.2)) / 1.2); }
.gap-30 .col11 { width: calc((100% - (30px * 0.1)) / 1.09); }
.gap-30 .col12 { width: 100%; }

.gap-40 .col1  { width: calc((100% - (40px * 11)) / 12); }
.gap-40 .col2  { width: calc((100% - (40px * 5)) / 6); }
.gap-40 .col3  { width: calc((100% - (40px * 3)) / 4); }
.gap-40 .col4  { width: calc((100% - (40px * 2)) / 3); }
.gap-40 .col5  { width: calc((100% - (40px * 1.5)) / 2.4); }
.gap-40 .col6  { width: calc((100% - (40px * 1)) / 2); }
.gap-40 .col7  { width: calc((100% - (40px * 0.71)) / 1.71); }
.gap-40 .col8  { width: calc((100% - (40px * 0.5)) / 1.5); }
.gap-40 .col9  { width: calc((100% - (40px * 0.33)) / 1.33); }
.gap-40 .col10 { width: calc((100% - (40px * 0.2)) / 1.2); }
.gap-40 .col11 { width: calc((100% - (40px * 0.1)) / 1.09); }
.gap-40 .col12 { width: 100%; }


.height-0 { height:0vh; box-sizing: border-box;}
.height-20 { height:20vh;box-sizing: border-box; }
.height-40 { height:40vh;box-sizing: border-box; }
.height-60 { height:60vh;box-sizing: border-box; }
.height-80 { height:80vh;box-sizing: border-box; }
.height-100 { height:100vh; box-sizing: border-box; }
.height-auto { height: auto; }

.absolute-center {position: absolute;top: 0;left: 0; right: 0; bottom: 0; margin: auto}
.absolute-top {position: absolute;top: 0;left: 0; right: 0; bottom: auto; margin: auto}
.absolute-left {position: absolute;top: 0;left: 0; right: auto; bottom: 0; margin: auto}
.absolute-right {position: absolute;top: 0;left: auto; right: 0; bottom: 0; margin: auto}
.absolute-bottom {position: absolute;top: auto;left: 0; right: 0; bottom: 0; margin: auto}

.flex-row {display: flex;flex-direction: row;}
.flex-row-reverse {display: flex;flex-direction: row-reverse;}
.flex-column { display: flex; flex-direction: column;}
.justify-center { display: flex; justify-content: center; }
.justify-bottom { display: flex; justify-content: flex-end;}

.flex-wrap {flex-wrap: wrap}
.justify-left {  justify-content: left }
.justify-right { justify-content: right }
.justify-spaced { justify-content: space-between;}
.align-top { align-items: flex-start; }
.align-bottom { align-items: flex-end;}
.align-left {  align-items: flex-start }
.align-center  {align-items: center; }
.align-right {  align-items: flex-end;}
.text-center { text-align:center;}
.text-right { text-align:right;}
.text-left { text-align:left;}

.float-left { float: left;}
.float-right { float: right;}

.position-relative { position: relative}

.padding-0 {padding:0 !important}
.padding-b-0 {padding-bottom: 0px}
.padding-t-0 {padding-top: 0px}
.padding-l-0 {padding-left: 0px}
.padding-r-0 {padding-right: 0px}
.padding-10 {padding:10px 10px}
.padding-b-10 {padding-bottom: 10px}
.padding-t-10 {padding-top: 10px}
.padding-l-10 {padding-left: 10px}
.padding-r-10 {padding-right: 10px}
.padding-15 {padding:15px 15px}
.padding-b-15 {padding-bottom: 15px}
.padding-t-15 {padding-top: 15px}
.padding-l-15 {padding-left: 15px}
.padding-r-15 {padding-right: 15px}
.padding-20 {padding:20px 20px}
.padding-b-20 {padding-bottom: 20px}
.padding-t-20 {padding-top: 20px}
.padding-l-20 {padding-left: 20px}
.padding-r-20 {padding-right: 20px}
.padding-40 {padding:40px 40px}
.padding-b-40 {padding-bottom: 40px}
.padding-t-40 {padding-top: 40px}
.padding-l-40 {padding-left: 40px}
.padding-r-40 {padding-right: 40px}
.padding-60 {padding:60px 0}
.padding-b-60 {padding-bottom: 60px}
.padding-t-60 {padding-top: 60px}
.padding-l-60 {padding-left: 60px}
.padding-r-60 {padding-right: 60px}
.padding-80 {padding:80px 0}
.padding-b-80 {padding-bottom: 80px}
.padding-t-80 {padding-top: 80px}
.padding-l-80 {padding-left: 80px}
.padding-r-80 {padding-right: 80px}
.padding-100 {padding:100px 0}
.padding-b-100 {padding-bottom: 100px}
.padding-t-100 {padding-top: 100px}
.padding-l-100 {padding-left: 100px}
.padding-r-100 {padding-right: 100px}
.padding-120 {padding:120px 0}
.padding-b-120 {padding-bottom: 120px}
.padding-t-120 {padding-top: 120px}
.padding-l-120 {padding-left: 120px}
.padding-r-120 {padding-right: 120px}
.padding-140 {padding:140px 0}
.padding-b-140 {padding-bottom:140px}
.padding-t-140 {padding-top:140px}
.padding-l-140 {padding-left:140px}
.padding-r-140 {padding-right:140px}

.gap-0 {gap:0 !important}
.gap-1 {gap:8.33%}
.gap-2 {gap:16.33%}
.gap-5 {gap:5px}
.gap-10 {gap:10px}
.gap-20 {gap:20px}
.gap-30 {gap:30px}
.gap-40 {gap:40px}
.gap-60 {gap:60px}
.gap-80 {gap:80px}
.gap-100 {gap:100px}
.gap-120 {gap:120px}
.gap-140 {gap:140px}

.margin-auto { margin:0 auto; }
.margin-0 { margin: 0 !important; }
.margin-t-0 { margin-top: 0; }
.margin-b-0 { margin-bottom: 0; }
.margin-l-0 { margin-left: 0; }
.margin-r-0 { margin-right: 0; }
.margin-5 { margin: 5px !important; }
.margin-t-5 { margin-top: 5px; }
.margin-b-5 { margin-bottom: 5px; }
.margin-l-5 { margin-left: 5px; }
.margin-r-5 { margin-right: 5px; }
.margin-10 { margin: 10px !important; }
.margin-t-10 { margin-top: 10px; }
.margin-b-10 { margin-bottom: 10px; }
.margin-l-10 { margin-left: 10px; }
.margin-r-10 { margin-right: 10px; }
.margin-20 { margin: 20px 0; }
.margin-t-20 { margin-top: 20px; }
.margin-b-20 { margin-bottom: 20px; }
.margin-l-20 { margin-left: 20px; }
.margin-r-20 { margin-right: 20px; }
.margin-30 { margin: 30px 0; }
.margin-t-30 { margin-top: 30px; }
.margin-b-30 { margin-bottom: 30px; }
.margin-l-30 { margin-left: 30px; }
.margin-r-30 { margin-right: 30px; }
.margin-40 { margin: 40px 0; }
.margin-t-40 { margin-top: 40px; }
.margin-b-40 { margin-bottom: 40px; }
.margin-l-40 { margin-left: 40px; }
.margin-r-40 { margin-right: 40px; }
.margin-60 { margin: 60px 0; }
.margin-t-60 { margin-top: 60px; }
.margin-b-60 { margin-bottom: 60px; }
.margin-l-60 { margin-left: 60px; }
.margin-r-60 { margin-right: 60px; }
.margin-80 { margin: 80px 0; }
.margin-t-80 { margin-top: 80px; }
.margin-b-80 { margin-bottom: 80px; }
.margin-l-80 { margin-left: 80px; }
.margin-r-80 { margin-right: 80px; }
.margin-100 { margin: 100px 0; }
.margin-t-100 { margin-top: 100px; }
.margin-b-100 { margin-bottom: 100px; }
.margin-l-100 { margin-left: 100px; }
.margin-r-100 { margin-right: 100px; }
.margin-120 { margin: 120px 0; }
.margin-t-120 { margin-top: 120px; }
.margin-b-120 { margin-bottom: 120px; }
.margin-l-120 { margin-left: 120px; }
.margin-r-120 { margin-right: 120px; }

.border-r-05 { border-radius:5px }
.border-r-10 { border-radius:10px }
.border-r-15 { border-radius:15px }
.border-r-20 { border-radius:20px }
.border-r-30 { border-radius:30px }

.mobile { display: none }

.white, .white p { color: var(--white);}
.white svg path {fill: var(--white);}
.whitebg { background: var(--white);}
.whitebg-lo { background: #d0d0d05e; -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);}
.black, .black p { color: var(--black);}
.black svg path {fill: var(--black);}
.blackbg { background: var(--black);}
.primary, .primary p, .primary ul, .primary li { color: var(--primary);}
.primarybg { background: var(--primary);}
.secondary, .secondary p, .secondary ul, .secondary li { color: var(--secondary);}
.secondarybg { background: var(--secondary);}
.tertiary, .tertiary p, .tertiary ul, .tertiary li { color: var(--tertiary);}
.tertiarybg { background: var(--tertiary);}
.blackbg-lo { background: #2c2c2cb5; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);}
.quartiary, .quartiary p, .quartiary ul, .quartiary li { color: var(--quartiary);}
.quartiarybg { background: var(--quartiary);}
.hexiary, .hexiary p, .hexiary ul, .hexiary li { color: var(--hexiary);}
.hexiarybg { background: var(--hexiary);}

.uppercase { text-transform: uppercase;}
.strikeout { text-decoration: line-through; color: var(--quinary);}
.superscript {vertical-align: super;}
.strong, .strong * { font-weight: 600 !important}

a { text-decoration: none; color: inherit;}
img { max-width: 100%; height: auto; border-style: none; vertical-align: top;}
ul { margin:0}
s {text-decoration: none !important; position: relative}
s:before { content: ''; height: 2px; width: 100%; background: #999999; position: absolute; top: 0; bottom:0; margin:auto;}
h1,h2,h3,h4,h5,h6 { margin: 0}
h1 , h1 p{ font-weight: 600 !important; letter-spacing:-1px}
h2, h2 p { font-weight: 500; letter-spacing:-0.5px}
h3, h3 p { font-weight: 500; letter-spacing:-0.5px}
h4, h4 p { font-weight: 500;}
h5, h5 p { font-weight: 600; letter-spacing:-0.33px}
h6 { font-weight: 600;}

.xxmicro-text, .xxmicro-text p { font-size: var(--xxmicro);}
.xmicro-text, .xmicro-text p { font-size: var(--xmicro);}
.micro-text, .micro-text p { font-size: var(--micro);}
.xxsm-text, .xxsm-text p { font-size: var(--xxsmall);}
.xsm-text, .xsm-text p { font-size: var(--xsmall);}
.sm-text, .sm-text p {font-size: var(--small); }
.med-text, .med-text p {font-size: var(--medium);}
.xmed-text, .med-text p {font-size: var(--xmedium);}
.lrg-text, .lrg-text p {font-size: var(--large);}
.xlrg-text, .xlrg-text p {font-size: var(--xlarge);}
.xxlrg-text, .xxlrg-text p {font-size: var(--xxlarge);}


.primary-font {  line-height: 1; font-family: 'Inter',sans-serif !important; font-weight: 400; }

/* Buttons */
.primary-button {width: fit-content;box-sizing: border-box;background: transparent;  color: var(--white);line-height: 1; font-size: var(--xsmall); transition: .3s ease all;border-radius: 20px;cursor: pointer;font-family: 'Inter';border: 0;text-decoration: none;}
.primary-button:hover { background: transparent; color: var(--white); transition:0.3s ease all;}
.primary-button svg {transform: translateX(0px);transition: 0.3s ease all;}
.primary-button:hover svg {transform: translateX(10px);transition: 0.3s ease all;}
.primary-button svg path { fill: var(--white); transition: 0.3s ease all }
.primary-button:hover svg path {fill: var(--white); transition: 0.3s ease all }

.secondary-button {width: fit-content;box-sizing: border-box;background: transparent; color: var(--black);line-height: 1; font-size: var(--xsmall); transition: .3s ease all;border-radius: 20px;cursor: pointer;font-family: 'Inter';border: 0;text-decoration: none;}
.secondary-button:hover { background: transparent; color: var(--black); transition:0.3s ease all;}
.secondary-button svg {transform: translateX(0px);transition: 0.3s ease all;}
.secondary-button:hover svg {transform: translateX(10px);transition: 0.3s ease all;}
.secondary-button svg path { fill: var(--black); transition: 0.3s ease all }
.secondary-button:hover svg path {fill: var(--black); transition: 0.3s ease all }

.tertiary-button {box-sizing: border-box;background: var(--black);color: var(--white);padding: 20px 15px;line-height: 1;transition: .3s ease all;border-radius: 5px;cursor: pointer;font-family: Inter; font-weight: 500; border: 0;text-decoration: none; width: 100%;}
.tertiary-button:hover { background: var(--secondary); color: var(--primary); transition:0.3s ease all;}

.quartiary-button {  box-sizing: border-box; background: var(--primary); color: var(--secondary); padding: 20px 15px; line-height: 1; transition:0.3s ease all;border-radius: 5px; cursor: pointer; text-transform: uppercase; font-family: 'Inter'; border:0; text-decoration: none;}
.quartiary-button:hover { background: var(--secondary); color: var(--primary); transition:0.3s ease all;}

.quinary-button {  box-sizing: border-box; background: var(--secondary); font-size: var(--xxsmall); color: var(--primary); padding: 20px 15px; line-height: 1; transition:0.3s ease all;border-radius: 5px; cursor: pointer; font-family: 'Inter'; border:0}
.quinary-button:hover { background: var(--primary); color: var(--white); transition:0.3s ease all;}
.quinary-button svg {transform: translateX(0px);transition: 0.3s ease all;}
.quinary-button:hover svg {transform: translateX(0);transition: 0.3s ease all;}
.quinary-button svg path { fill: var(--primary); transition: 0.3s ease all }
.quinary-button:hover svg path {fill: var(--white); transition: 0.3s ease all }

.text-link {  cursor: pointer; background: transparent;border: 0; appearance: none; -webkit-appearance: none; text-decoration: underline; font-size: var(--xxsmall);color: inherit;  font-family: 'Inter'; box-sizing: border-box; color: inherit; line-height: 1; transition:0.3s ease all;}
.text-link:hover { transition:0.3s ease all;}

button { appearance: none; -webkit-appearance: none; }
button span { color: inherit;}
button, a, [role="button"], input, textarea, select {
  -webkit-tap-highlight-color: transparent; /* Removes blue flash on tap */
  -webkit-touch-callout: none; /* Prevents text callout on long press */
  -webkit-user-select: none; /* Prevents accidental text selection */
}

/* Inputs */

.customer .field input, .customer .field select { min-height: 45px; border: 1px solid var(--primary);border-radius: 5px;padding: 15px 20px;font-family: 'Inter'; font-size: var(--xsmall);color: var(--primary);}
.customer .primary-button { width: 100%;border-radius: 5px;}

input[disabled], .customer input[disabled] {opacity: 0.2;}
.darkform .field__input, .darkform .select__select, .darkform .customer .field input, .darkform .customer select { font-size: var(--micro); color: var(--white);}
.darkform .field:before, .darkform .select:before, .darkform .customer .field:before, .darkform .customer select:before, .darkform .localization-form__select:before {border-bottom: 1px solid var(--white);}
.darkform .field__input:focus-visible, .darkform .select__select:focus-visible, .darkform .customer .field input:focus-visible, .darkform .customer select:focus-visible, .darkform .localization-form__select:focus-visible.localization-form__select:after { border-bottom: 2px solid var(--white);}
.darkform .field__button { color: var(--white); font-size: var(--micro);}
.darkform .field__input:-webkit-autofill ~ .field__button,
.darkform .field__input:-webkit-autofill ~ .field__label,
.darkform .customer .field input:-webkit-autofill ~ label {color: var(--white);}
.darkform .field__input::placeholder {opacity: 1;color: white;}
.darkform ::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #fff;}
.darkform ::-moz-placeholder { /* Firefox 19+ */color: #fff;}
.darkform :-ms-input-placeholder { /* IE 10+ */ color: #fff;}
.darkform :-moz-placeholder { /* Firefox 18- */color: #fff;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: var(--primary);}
::-moz-placeholder { /* Firefox 19+ */color: var(--primary);}
:-ms-input-placeholder { /* IE 10+ */ color: var(--primary);}
:-moz-placeholder { /* Firefox 18- */color: var(--primary);}

div[data-lastpass-icon-root] {display: none;}

/* Theme Switch */
.theme-switch {cursor: pointer;padding: 2px; margin-right: 5px; height: 23px;  box-sizing: border-box; background-color: var(--primary); float: right; min-width: 50px; border-radius: 20px;user-select: none;display: flex;align-items: center;}
.theme-toggle {width: 15px; height: 15px; margin: 2px;display: flex; border-radius: 20px;}
.theme-toggle-label {width: 30px;display: flex; transform: translateX(0px); transition: 0.2s ease all;height: 20px;align-items: center;}
.theme-toggle-label.active {width: 30px;display: flex; transform: translateX(28px); transition: 0.2s ease all;}

.dark:root {
    --primary: #ffffff;
    --secondary: #2c2c2c;
    --black: #ffffff;
}
.dark ::selection { color: #2c2c2c !important;}
.dark .black { color: #ffffff;transition: none;}
.dark .white { color: #000000;transition: none;}
.dark .primary { color: #F9F9F9;transition: none;}
.dark .blackbg { background: #ffffff;transition: none;}
.dark .whitebg { background: #000000;transition: none;}
.dark .primarybg { background: #F9F9F9;transition: none;}
.dark .tertiary-button { color: #2c2c2c; }
.dark .tertiary-button:hover { background: var(--quartiary); color: #2c2c2c; }
.dark .header__heading-logo {filter: invert(1);transition: 0.3s ease all;}
.dark .account-actions .white {color: var(--black) !important;}
.dark .search-wrapper, .dark .search-wrapper.active predictive-search[open="true"] { background: #000000 !important}
.dark .search__input.field__input {color: var(--primary);}
.dark .svg-wrapper > svg path { stroke: white !important;}
.dark .home-icon path { stroke: white;}
.dark .main-nav-actions .white  {color: var(--black) !important;}
.dark .main-nav-actions .white path {fill: var(--black) !important;}
.dark .accordion-item li.filter-checked { color: #2c2c2c;}
.dark .header .current-menu-item * { color: #2c2c2c !important; fill: #2c2c2c !important;}
.dark .header .current-menu-item a {color: var(--tertiary) !important;}
.dark .header .gender-toggle.active { color: #2c2c2c !important;}
.dark .list-menu path, .dark .filter-item path {fill: var(--primary) !important;}
.dark .collection-card-content .white {color: #fff;}
.dark .grid-heading svg path { fill: #ffffff;}
.dark .collection-views rect {fill: #393939;}
.dark .product-collection-grid .card__information * { color: black !important;}
.dark .card__media .media img { background: var(--primary);}
.dark .recommendation-item.grid__item {background: #fff; border-radius: 5px; overflow: hidden;}
.dark .mobile-hero {background: #fff;}
.dark .card-swiper img {background: var(--primary);}
.dark .swiper-pagination-progressbar { background: #ffffff52;}
.dark .utility-bar { background: var(--secondary) !important}
.dark  .badge { color: #ffffff;}
.dark footer .white, .dark footer .white * {color: #fff;}
.dark .product-form__input--pill input[type=radio]+label {background: #2c2c2c;}
.dark .product-form__input--pill input[type=radio]:checked+label {color: #2c2c2c;}
.dark .product-form__buttons .price * { color: #2c2c2c;}
.dark .product-form__submit:hover {background: var(--tertiary);}
.dark .product-form__submit:hover span {color: #ffffff;}
.dark .product-form__submit[disabled] .price-item {color: #ffffff !important;}
.dark square-placement, .dark .zip-container * { color: white;}
.dark .product-option { color: #fff;}
.dark .product-accordion {border-bottom: 1px solid var(--quartiary);}
.dark .accordion svg path {fill: var(--primary);}
.dark .product-form__submit .price__sale .price-item--regular:before { background: #2c2c2c;}
.dark cart-remove-button .button {background: #ffffff;}
.dark cart-remove-button .button:not([disabled]):hover {color: var(--white); background: #2c2c2c;}
.dark .cart-drawer__empty-content { color:  #ffffff;}
.dark .quantity__input {color: #fff;}
.dark .quantity path {fill: #fff;}
.dark .pref-button.active { background: var(--white); color: var(--secondary);}
.dark  .account-item.current-item { color: var(--secondary);}
.dark .brand-filter-letter.active { color: #2c2c2c !important}
.dark .brand-toggle path {fill:  #2c2c2c;}
.dark .brand-toggle.active path {fill:  #ffffff;}
.dark .brand-switch:before { background: #2c2c2c}
.dark .sizing-chart * {color: #ffffff !important;}
.dark .grid.routine-view {background: #4a4a4a82;}
.dark .routine-view .routine__item  {background: #fff; border-radius: 5px;}
.dark .size-chart tr:hover td,.dark  .size-chart td:hover, .dark .size-chart td:hover::before {background: #ececec61;}
.dark .product-form__input--pill input[type=radio]:disabled+label, .dark .product-form__input--pill input[type=radio].disabled+label {background: transparent !important; color: var(--quartiary);}
.dark .product-form__input--pill input[type=radio].disabled:checked+label, .dark .product-form__input--pill input[type=radio]:disabled:checked+label { color: #000000;background: var(--quartiary) !important;}
.dark .product-form__input--pill input[type=radio]+label, .dark .cp-option-buttons input[type=radio]+label { background: transparent;}
.dark .variant-wrapper:hover label { color: #2C2C2c !important;}
.dark .mapboxgl-popup-content {background: #2c2c2c !important; border: 0;}
.dark .product-form__input--pill input[type=radio]:checked+label, .dark .cp-option-buttons input[type=radio]:checked+label {color: #000000 !important;}
.dark .cp__info .vendor {color: #ffffff;}
.dark .qa-btn svg path { fill: #333 !important;}
.dark .cp-close path {stroke: #ffffff;}

/* Main Navigation */
.trigger { cursor: pointer}
.header-wrapper { overflow: scroll; height: calc(100vh - 60px);scrollbar-width: none; -ms-overflow-style: none;   }
.header-wrapper::-webkit-scrollbar {display: none; }

.main-nav-actions.active {  overflow: hidden; left: 26.5%; transition: 0.3s ease all;}
.main-nav-actions {left: 2%; position: fixed;top: 25px; transition: 0.3s ease all;z-index: 10;}
.main-nav-actions .search-trigger, .main-nav-actions .nav-logo {visibility: visible; opacity: 1; max-height: fit-content; transition: 0.3s ease all;}
.main-nav-actions.active .search-trigger, .main-nav-actions.active .nav-logo {visibility: hidden; opacity: 0; max-height: 0; transition: 0.1s ease all; padding: 0;}
.main-nav-actions.active .seperator { padding: 0; height: 0; transition: 0.2s ease all; margin: 0; }
.seperator {height: 1px; margin: 10px 0; background: #ffffff5e; width: 100%; }
.nav-actions-wrapper { padding: 12.5px 15px; box-sizing: border-box;}
.nav-actions-wrapper > div:last-of-type { border: none !important;}
.account-actions {overflow: hidden; position: fixed;top: 25px;right: 1.5%; z-index: 99;transition: 0.3s ease all;}
.account-actions-wrapper {  padding: 12.5px 20px;}
.account-actions-wrapper * {font-weight: 600;}
.nav-media img { width: 100%; height: auto;}

.header-group.active { position: sticky; top: 10px; width: calc(25.00% - 10px); margin-right: 10px; transform: translateX(0%); transition: 0.3s ease all; min-width: calc(25.00% - 10px);  }
.header-group { overflow: hidden;  transform: translateX(-103.5%); width: 0; margin-right: 0px;  transition: 0.3s ease all;}
.main-wrapper.active {  width: 75%;transition: 0.3s ease width; max-width: 75%;}
.main-wrapper  { width: 100%;transition: 0.3s ease width; max-width: 100%;}

.menu-header h3 { font-weight: 600 !important}

.header .list-menu { width: 100%;}
.header .list-menu .parent-menu {width: 100%;}
.header .list-menu .parent-menu summary span, .header .list-menu .single-menu span, .filter-item span, .header .gender-menu .menu-link { font-weight: 600;}
.header .list-menu .single-menu, .header .list-menu summary, .header .list-menu .parent-menu .child-menu, .header .list-menu .parent-menu .grandchild-menu-item{ cursor: pointer; background: var(--secondary);width: 100%;border-radius: 5px; border: 1px solid var(--secondary); margin-bottom: 5px;padding: 12.5px 15px; transition: 0.3s ease all;}

.header .list-menu .single-menu:hover, .header .list-menu summary:hover, .header .list-menu .child-menu:hover, .header .list-menu .grandchild-menu-item:hover { border: 1px solid var(--black); transition: 0.3s ease all;}
.header .list-menu .single-menu.current-menu-item, .header .list-menu .current-menu-item summary , .header .list-menu .child-menu-item.current-menu-item .child-menu ,  .header .list-menu .grandchild-menu-item.current-menu-item {border: 1px solid var(--black) !important; background: var(--black); transition: 0.3s ease all;}
.header .list-menu .single-menu.current-menu-item *, .header .list-menu .current-menu-item summary *, .header .list-menu .child-menu-item.current-menu-item .child-menu * {color: var(--white); fill: var(--white); transition: 0.3s ease all;}
.header .menu-link a {font-weight: 600;}
.header .menu-style-tag .tag-item {background: var(--secondary);width: auto;border-radius: 5px; padding: 15px;border: 1px solid var(--secondary);transition: 0.3s ease all;}
.header .menu-style-tag .tag-item:hover {border: 1px solid var(--primary);transition: 0.3s ease all;}
.header .accordion-item .filter-item, .header .accordion-item li { cursor: pointer; background: var(--secondary);width: 100%;border-radius: 5px; padding: 15px; margin-bottom: 5px;display: flex;justify-content: space-between;}
.header .header__menu-item span, .header .mega-menu__link{ text-decoration: none; font-size: var(--xxsmall); color: var(--primary);}

.header ul.mega-menu__list {padding: 0;list-style: none;}
.header .mega-menu__list a {width: 100%;}
.header a.toggle { width: 25px !important;display: flex;justify-content: flex-end;}
.header .sub-menu {border: 0;padding-left: 20px;max-height: 400px; overflow: scroll;}
.header .child-sub-menu {display: none}
.header .child-sub-menu.active {padding-left: 20px;max-height: 400px; overflow: scroll;display: flex;flex-direction: column;}
.header .gender-menu .menu-link {  color: var(--primary); width: 100%; cursor: pointer; background: var(--secondary);width: 100%;border-radius: 5px; border: 1px solid var(--secondary); text-align: center; margin-bottom: 5px;padding: 15px; transition: 0.3s ease all;}
.header .gender-menu .menu-link:hover { border: 1px solid var(--black); transition: 0.3s ease all;}
.header .gender-toggle.active {background: var(--primary) !important;color: var(--white); transition: 0.3s ease all;}

a#HeaderMenu-brands-view-all-brands {font-weight: 600;}

details .list-menu__item svg { transform: rotate(0deg); transition: 0.2s ease all;}
details[open] .list-menu__item svg { transform: rotate(90deg); transition: 0.2s ease all;}
.grandfather-menu .child-menu svg { transform: rotate(0deg); transition: 0.2s ease all;}
.grandfather-menu.is-open .child-menu svg { transform: rotate(90deg); transition: 0.2s ease all;}

.mega-group[hidden="hidden"] {display: none !important;}
.mega-group.is-active { display: flex;}

.filter-links label { width: 100%; cursor: pointer;}
.filter-link.disabled {opacity: 0.3; pointer-events: none;cursor: default;}

/* Login Popup */
.login-popup { opacity: 0; visibility: hidden; pointer-events: none; width: 100%; height:100%;position: fixed; height: auto; top: 0;left: 0; bottom: 0; right: 0; margin: auto;z-index: 21;transition: 0.3s ease all;}
.login-popup.active { opacity: 1; visibility: visible; pointer-events: all; transition: 0.3s ease all;}
.login-popup-form {width: 33.33%;position: absolute; height: fit-content; top: 0;left: 0; bottom: 0; right: 0; margin: auto;z-index: 9;}
.form-wrapper label {text-align: left;}
.form-wrapper .tertiary-button {margin-top: 10px;}
.popup-close { cursor: pointer; z-index: 999; position: absolute;top: 20px;right: 20px; width: 20px; height: 20px;}
.form-toggle { cursor: pointer;}
.form-toggle div:not(.active) { color: var(--quartiary);}

.field__input:focus-visible, .select__select:focus-visible, .customer .field input:focus-visible, .customer select:focus-visible{ border-radius: 5px; border-color: var(--quartiary);}
.field label { color: var(--primary);}

.customer-auth .auth-error-banner, .form__message {color: #FF0000;text-align: -webkit-auto;font-size: var(--xxsmall); margin-bottom: 20px;}
.customer-auth .login-form form.is-error input {border-color: #FF0000 !important}
input[aria-invalid="true"] { border: 1px solid red !important;}


/* Login Auth Page */
.auth-options {border-top: 1px solid var(--quartiary); padding-top: 40px;}
.customer-auth-options .tertiary-button { width: fit-content; font-size: var(--xxsmall);}
.login-featured  .tertiary-button { width: fit-content; font-size: var(--xxsmall);}

/* Search  */
.search-modal-trigger { padding: 12.5px 10px;border-radius: 5px;}
.search-wrapper {width:100%;left: 0;top: 0; position: fixed; z-index: 1;}
predictive-search {width: 100%; display: none;  padding: 0 0 40px 0;}
predictive-search h2 { letter-spacing:0;}
predictive-search .search-modal__form {display: flex;flex-direction: row;}

.predictive-search.predictive-search--header { max-height: 100% !important;}
.predictive-search__heading {font-weight: 600;}
.search .close__button { background: transparent;appearance: none;  cursor: pointer; border: 0; padding: 0;}
.search .close__button {display: none;}

.search-wrapper.active {z-index: 9999999;background: var(--white); }
.search-wrapper.active predictive-search { display: flex;width: 100% !important;}
.search-wrapper.active predictive-search[open="true"] { background: var(--white);}
.search-wrapper.active predictive-search[open=true] .default-search-results {display: none;}
.search__input.field__input {font-weight: 500; font-size: var(--xsmall); padding: 10px 15px !important; font-family: 'Inter', sans-serif;letter-spacing: 0;    background: var(--secondary);border: 0;}

.default-search-results .predictive-search__result-group { flex-direction: row; flex: auto !important;}

.predictive-wrapper {border: 0;box-shadow: none; max-width: 75%; width: calc(75% - 20px);position: relative !important;}
predictive-search .search-modal__form .field { background: var(--secondary); max-height: 40px; border-radius: 5px; margin: 10px; position: relative; min-width: calc(25% - 20px); width: calc(25% - 20px) ;display: flex; }
.search__button, .search__button .icon {display: none;}
.predictive-search__item-content {font-size: var(--xxsmall);}

.brand-products-wrapper {position: relative;}
.brand-products-list {transition: opacity 0.25s ease; overflow: hidden}


.predictive-search__item-query-result mark {font-weight: 600;}
.predictive-search__item-query-result *:not(mark) { font-weight: 400 !important;}
.search-active .body-wrapper {filter: blur(5px); pointer-events: none; }
.search-active:before{ content: ''; width: 100vw;height: 100%;position: fixed;background: #000000; z-index: 9; left: 0;top: 0;opacity: 0.2;}
.search-type { font-weight: 600;}

#predictive-search-results {width: 100%;}
.search-product-item {width: calc(33.33% - 10px) !important; max-width: 33.33% !important;transition: 0.3s ease all;}
.search-product-item .card__content {display: flex !important;}

/* Cart Drawer */
.drawer__inner {overflow-y: scroll !important; height: auto !important;max-height: 100%;}

.progress-bar-wrapper { width: 100%; height: 4px; background: var(--secondary); border-radius: 4px; margin-top: 6px; overflow: hidden;}
.progress-bar-bg { height: 100%; width: 100%; background-color: transparent;}
.progress-bar-fill {height: 100%; background-color: var(--primary); /* adjust to your theme color */transition: width 0.3s ease;}

button.drawer__close { width: 30px; height: 30px; position: absolute;top: 10px;right: 10px;}

cart-drawer-items {overflow: auto;flex: 1; max-height: 45vh;
    min-height: fit-content;}
.cart-drawer .superscript { vertical-align: super; font-weight: 500; font-size: var(--small);}
.cart-drawer .cart-item { padding: 15px 0; border-bottom: 1px solid var(--secondary); margin-bottom: 20px;}
.cart-drawer .cart-item__media {background: var(--secondary); border-radius: 5px; overflow: hidden;}
.cart-item__name { text-decoration: none;display: block;font-size: var(--micro); text-transform: uppercase; line-height: 1;}
.cart-item__error { display: none !important;}
.cart-drawer .quantity { width: 50px; min-height: auto;}
.cart-drawer .quantity__button {width: auto;}
cart-remove-button .button{ cursor: pointer;  appearance: none; -webkit-appearance: none; color: var(--primary) }
cart-remove-button .button:hover  {background: var(--primary);color: var(--white); transition: 0.3s ease all;}
button.quantity__button[disabled] {pointer-events: none;opacity: 0.2;}

.cart-drawer__collection { width: 100% !important; display: flex; flex-direction: column;}
.cart-view.swiper {width: 100%;}
.cart-view {width: 100%; max-width: 30.3vw;}
.cart-view .swiper-slide { background: var(--secondary);border-radius: 5px;padding: 10px;box-sizing: border-box; height: auto;}
.cart-view .swiper-slide .card__content { margin: 0;}
.cart-view h3 { min-height: 45px;}
.cart-drawer .product-option dd { font-size: var(--micro);}
.cart-view .card__content { display: flex !important;}
.cart-view .card__heading a:after { content: none !important}

.quick-add-btn {padding: 5px 15px;width: fit-content;background: var(--white);margin-top: 10px !important;}
.quick-add-btn:hover { background: var(--primary); color: var(--white); transition: 0.3s ease all}
.quick-add-btn.is-disabled {opacity: .2;pointer-events: none;}

/* Accordion */
.product-accordion { border-bottom: 1px solid #2c2c2c87;}
.accordion { cursor: pointer}
.accordion .icon-minus {display: none;}
.accordion .icon-plus {display: flex;}
.accordion.active .icon-minus {display: flex;}
.accordion.active .icon-plus {display: none;}
.accordion.active .accordion-panel {visibility: visible; max-height: max-content; padding-bottom: 20px;  display: flex; flex-direction: column;transition: 0.3s ease all;}
.accordion-heading { padding: 20px 0;}
.accordion-heading svg {width: 12px;height: 12px; margin-right: 10px}

/* Filters */
.accordion-item {width: 100%;display: flex; flex-direction: column;}
.accordion-item ul {list-style: none; padding: 0; margin: 0;}
.accordion-item li {list-style: none;transition: 0.3s ease all;}
.accordion-item li input[type="checkbox"] {display: none;}
.accordion-item li.filter-checked { background: var(--primary); color: var(--white); transition: 0.3s ease all;}
.accordion-panel {display: none;}
.accordion-panel.open {display: block;}
.accordion-panel {visibility: hidden;max-height: 0;overflow: hidden;transition: all 0.3s ease;}
.accordion-panel.open { visibility: visible; max-height: 1000px;}
.accordion-panel.tag-panel { flex-wrap: wrap;flex-direction: row !important;}
#filter-accordion-wrapper:not([data-loaded]) .accordion-panel {display: none;}
#filter-accordion-wrapper[data-loaded] .accordion-panel {display: none;}
#filter-accordion-wrapper[data-loaded] .accordion-panel.open { display: block;}

#instant-filter-form .accordion-panel.open {overflow: scroll;max-height: 200px;}
.header .accordion-item ul li { margin-left: 20px; width: calc(100% - 20px)}

/* Card Product */
.card-wrapper {height: 100%;display: flex;  flex-direction: column;  justify-content: space-between;}
.product-collection-grid .card__content {position: absolute;}
.product-collection-grid .card__information {padding-left: 20px;}
.ratio:before { disply: none;}
.card__inner {width: 100%;position: relative;}
.card__media { border-radius: 5px; overflow: hidden; aspect-ratio: 1 / 1; height: 100%; width: 100%;}
.card__media .media img { background: var(--secondary);}
.card__media .feature {z-index: 2;opacity: 1;}
.card__media .reveal {z-index: 0;opacity: 0;}
.card__media .micro-reveal {z-index: 0;opacity: 0; transition: none; }

.card-swiper {display: none !important;}
.mobile.card-swiper {width: 100%;}
.card-scrollbar {position: absolute;bottom: 10px !important;left: 0 !important;top: auto !important;right: 0 !important;width: 95% !important; margin: 0 auto;height: 2px !important;z-index: 9;}

.media.media--transparent.media--hover-effect {height: 100%;}
.card-permalink {width: 100%;height: 100%;}
.grid__item:hover .reveal {z-index: 9; opacity: 1;}
.card__information h3 { letter-spacing:0;  min-height: 25px;}
.card__content {  margin-bottom: 30px;}

.badge {  position: absolute; top: 5px; left: 5px; border-radius: 2px; z-index: 11;padding: 3px;text-transform: uppercase;}

/* Wishlist */
.wishlist-button {appearance: none; outline: none;border: 0;background: transparent;position: relative; padding:0}
.wishlist-button.active .inactive-text {opacity: 0;  transition: 0.3s ease all;}
.wishlist-button .inactive-text {opacity: 1;  transition: 0.3s ease all;}
.wishlist-button.active .active-text {opacity: 1;  transition: 0.3s ease all;}
.wishlist-button .active-text {opacity: 0;  transition: 0.3s ease all;}
.wishlist-button span {position: absolute; left: 0; right: 0; }

.card__inner .wish-card-wrapper { position: absolute;top: 10px; width: 30px; height: 30px; right: 10px;z-index: 9;}
.card__inner .wish-list-wrapper {display: none}
.product-single .wish-card-wrapper {display: none}
.product-grid .wish-card-wrapper {display: none}
.product-grid .card {display: flex;flex-direction: column; height: 100%; }
.product-grid {padding-left: 0;}

.wishlist-grid .grid__item { width: calc(25% - 10px); max-width: calc(25% - 10px) !important;}
.wishcard-trigger {position: relative !important; padding: 12.px 10px; width: fit-content;}
.wishcard-trigger:hover {background: var(--primary);  color: var(--secondary) !important;transition: .3s ease all;}
.wish-card-wrapper .buy-button {flex: 1;}
.wish-card-wrapper .product-form__submit { font-size: var(--micro) !important; padding: 12.5px 10px!important; background: var(--primary); color: var(--white); transition: .3s ease all;}
.wish-card-wrapper .product-form__submit:hover {background: var(--secondary);  color: var(--primary);transition: .3s ease all;}

.wish-cart-wrapper .wishlist-button.active .inactive-text {display: none;}
.wish-cart-wrapper .wishlist-button .inactive-text {display: flex; opacity: 1;transition: .3s ease all; border: 1px solid var(--secondary); }
.wish-cart-wrapper .wishlist-button .active-text {display: none;}
.wish-cart-wrapper .wishlist-button.active .active-text { display: flex;opacity: 1; transition: .3s ease all;     color: var(--black); background: var(--white);border: 1px solid var(--primary);}
.wish-cart-wrapper .wishlist-button span {position: relative;border-radius: 5px;color: var(--primary);font-size: var(--micro);text-align: left; background: transparent;}
.wish-card-wrapper .wishlist-button span {position: relative;border-radius: 5px;color: var(--primary);font-size: var(--micro);text-align: left; background: transparent;}
.wish-cart-wrapper .wishlist-button:hover .inactive-text {background: var(--primary);color: var(--white); transition: 0.3s ease all;}
.wish-cart-wrapper .wishlist-button:hover .inactive-text span { color: white;}

.editorial-view.wishlist-grid .card__content {display: flex;}
.editorial-view.wishlist-grid .grid__item { aspect-ratio: auto;}


/* Price */
.price--on-sale .price-item--regular {color: #999999 !important; font-size: var(--micro) !important;}
.price-item--sale.price-item--last {color: var(--tertiary);font-size: var(--micro)  !important;letter-spacing: 0px;}

.soldout .price-item { color: #999999 !important; text-transform: uppercase;}
.soldout .price-item--regular { display: none !important;}

/* Facets/ Filters */
form#FacetFiltersForm {display: none;}

/* Instafeed */
#insta-feed {margin: 10px 0;}
#insta-feed h2, .instafeed-shopify h2 {display: none;}

/* Collections */
.collection-hero p {margin-top:0}
.collection-hero__description { line-height: 1.2;}
.read-more-btn{ border: 0; background: none; padding: 0; cursor: pointer;text-decoration: underline;}
.clamp-3{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}

.featured-collection-links {list-style: none; padding: 0;}
.featured-collection-links {flex-wrap: wrap;gap: 5px;}
.collection-quick-item:hover{border: 1px solid var(--primary);transition: 0.3s ease all;}
.collection-quick-item {background: var(--secondary);width: 100%; border: 1px solid var(--secondary); border-radius: 5px; padding: 15px; margin-bottom: 5px;display: flex;justify-content: space-between;transition: 0.3s ease all;}

.card__information .price * {font-weight: bold;}

.featured-grid-item .media-gradiant {position: absolute;z-index: 2;bottom: 0;left: 0; width: 100%;border-radius: 5px; overflow: hidden;}
.featured-grid-item .featured-content {  position: absolute;  bottom: 0; left: 0;width: 100%;z-index: 3;}
.featured-grid-item .featured-media-wrapper { border-radius: 5px; overflow: hidden;}
.featured-grid-item .featured-group-wrapper { height:100%}
.featured-grid-item .featured-media, .featured-grid-item .featured-group-container, .featured-grid-item .featured-media .desktop {height: 100%;}
.featured-media-media {height: 100%;}
.featured-grid-item img {height: 100%; object-fit: cover;}

.collection-views { justify-content: flex-end; margin: 0 0 0 auto;}
.collection-views rect {fill: #dedede;transition: 0.3s ease all;}
.collection-views .active rect {fill: var(--primary);transition: 0.3s ease all;}
.grid-view.product-grid {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr;grid-auto-flow: dense;}

.grid-view .product-grid {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr;grid-auto-flow: dense;}
.grid-view .grid__item {width: 100% !important; max-width: 100% ;transition: 0s ease all;}
.grid-view .grid__item .card__information { margin-top:10px;}

.micro-view .product-grid {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-auto-flow: dense;}
.micro-view .grid__item {width: 100% !important; max-width: 100% ;aspect-ratio:  auto;aspect-ratio: 1 / 1;}
.micro-view .grid__item:nth-child(4n) {grid-column: span 2;grid-row: span 2;}
.micro-view .grid__item:nth-child(7n) {grid-column: span 2;grid-row: span 2;}
.micro-view .card__content {display: none;}
.micro-view .card__media .micro-reveal {z-index: 2;opacity: 1;}
.micro-view .card__media .feature {z-index: 1;opacity: 1}
.micro-view .grid__item:hover .micro-reveal {z-index: 0;opacity: 0; transition: 0.3s ease all;}

.editorial-view .grid__item {width: calc(33% - 10px) !important; max-width: 33.3% !important; aspect-ratio: 1 / 1;}
.editorial-view .card__content {display: none;}
.grid-view .grid__item .card__information { margin-top:10px;}

.scroll-sentinel {height: 1px;background: transparent;}

.product-grid.collection--empty {padding: 0;}
.collection--empty .title-wrapper { width: 100%;grid-column: span 7;font-family: 'Inter';font-size: var(--xsmall);text-align: left;margin: 0;}

/* Collection Quick Add */
.cp-quickadd {position: fixed; z-index: 98; overflow: hidden; width: 35vw; border-radius: 5px; bottom: 0; top: 0; height: fit-content; margin: auto;left: 0;right: 0;}
.qa-active .cp-quickadd:before {content: ''; width: 100%;height: 100%;background: #d0d0d05e;z-index: -1;position: fixed;left: 0;top: 0;backdrop-filter: blur(10px);}
.cp-row { padding: 20px;}
.cp-option-label {font-size: var(--xxsmall);}
.cp-close { cursor: pointer; position: absolute;top: 15px;right: 15px;background: transparent; border: 0}
.cp-media {background: var(--secondary);border-radius: 5px;}
.cp-variant-btn.disabled { opacity: 0.1;background: var(--secondary) !important;}
#cpqa .cp__image {position: relative;min-height: 220px;aspect-ratio: 1 / 1overflow: hidden;}
#cpqa .cp__image.loading::before {content: "";position: absolute; inset: 0;background: linear-gradient(90deg,
    rgba(0,0,0,0.06) 25%,
    rgba(0,0,0,0.12) 37%,
    rgba(0,0,0,0.06) 63%);animation: cpqa-shimmer 1.2s linear infinite;background-size: 400% 100%;border-radius: 8px;}
@keyframes cpqa-shimmer { 0%{background-position:100% 0} 100%{background-position:-100% 0} }
#cpqa .cp__image img {display: block;width: 100%;height: 100%;object-fit: cover;opacity: 0;transition: opacity .25s ease;}
.cp-form .tertiary-button {font-weight: 500;}
#cpqa .cp__image img.is-ready { opacity: 1; }
.qa-btn { visibility: hidden; opacity: 0; pointer-events:none; position: absolute;top: 4px;right: 4px; z-index: 99;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;}
.qa-btn.active { visibility: visible; opacity:1 ;pointer-events:all}
.qa-btn svg {width: 11px; height: 11px; transform: none !important;}
.qa-btn svg path {transition: .3s ease all;fill: var(--quartiary) !important;}

/* Main Page */
.page-wrapper {min-height: 80vh;}
.page-wrapper .rte p {font-size: var(--xxsmall);}
.page-row {padding-bottom: 80px;}

/* Main Product */
.product.product-row {align-items: flex-start;}
.product__info-wrapper { position: sticky; top: 0;overflow: scroll; max-height: 100vh;}
.product__info-wrapper::-webkit-scrollbar {display: none; }

.product__media-wrapper { background: white !important;}
.product-hero-gallery {width: 100%; margin-left: -30px;}
.product-hero-gallery .swiper-slide:last-of-type {margin: 0 !important;}
.main-product-slider li {width: 100%;}
.vendor {font-weight: 600;}
.product__title h1 { letter-spacing:0;}
.price-wrapper .money {font-size: var(--small);font-weight: 600;}
.price--on-sale { position: relative;display: flex;align-items: center;}
.price-wrapper .badge {position: relative;background: var(--tertiary); color: var(--white); left: 0;top: 0;}
.product__inventory {margin-top: 0 !important;}
.variant-wrapper {width: auto;}
.productmeta-wrapper { min-height: 20px;}
.product-form__buttons .product-form__submit{ font-size: var(--xsmall);}
.product-form__buttons .price { margin:0}
.product-form__buttons .price * { font-size: var(--xsmall); color: var(--white);padding: 0;margin: 0;transition: 0.3s ease all;}
.product-form__buttons svg path { fill: var(--white);transition: 0.3s ease all;}
.product-form__submit[disabled] {background: var(--tertiary); cursor: default; color: var(--white);}
.product-form__submit[disabled]:hover * { color: var(--white) !important;}

.product-form__buttons .product-form__submit {font-size: var(--xxsmall);}
.product-form__buttons .price *  {font-size: var(--xxsmall);}
.product-form__submit .price__sale .price-item--regular:before {background: var(--white);  height: 1.5px;}

.tertiary-button:hover .price * { color: var(--black);transition: 0.3s ease all;}
.tertiary-button svg path { fill: var(--black);transition: 0.3s ease all;}
.tertiary-button:hover svg path { fill: var(--white);transition: 0.3s ease all;}
.atc-plus {width: 14px;height: 14px;display: flex;}
.atc-plus svg {width: 14px;height: 14px;transition: 0.3s ease all;}

square-placement {display: flex !important;}
.zip-container span { font-size: var(--xxsmall) !important}
/* Size Formatter */
.size-toggle-btn { background: transparent;padding: 0; border: 0; color: var(--primary);font-size: var(--xsmall);font-family: 'Inter';margin: 0 5px; opacity: 0.3;}
.size-toggle-btn.active {opacity: 1;}

/* Raffle Payment */
.wish-card-wrapper .raffle-payments { display: none;}
.wishlist-product .raffle-countdown { display: none }
.raffle-closed { pointer-events: none; cursor: default;}
.raffle-payments .stripe-pay-box{display:none;z-index:9999;align-items:center;justify-content:center;}
.raffle-payments .stripe-pay-box.active{display:flex}
.raffle-payments .raffle-modal{background:#fff;border-radius:12px;overflow:hidden}
.raffle-payments .raffle-header{display:flex;align-items:center;justify-content:space-between;padding:18px 0px;}
.raffle-payments .raffle-close{border:0;background:transparent;font-size:22px;line-height:1;cursor:pointer}
.raffle-payments .field{display:flex; font-family: 'Inter', sans-serif;}
.raffle-payments .field+.field{margin-top:5px}
.raffle-payments .input{flex:1;border-bottom:1px solid #ddd; border-style: none none solid none; padding:12px 0px;font-size:14px}
.raffle-payments .input:focus{outline:none;border-color:#888}
.raffle-payments .actions{display:flex;gap:10px;margin-top:18px}
.raffle-payments .btn{appearance:none;border:0;border-radius:10px;padding:12px 16px;font-weight:600;cursor:pointer}
.raffle-payments .btn.primary{background:#111;color:#fff}
.raffle-payments .btn.ghost{background:#f3f3f3;color:#111}
.raffle-payments .stripe-btn[disabled]{opacity:.6;pointer-events:none}
.raffle-payments #stripe-result.info{color:#555}
.raffle-payments .stripe-btn.success { background:#157347; }
.raffle-payments #stripe-result.success{color:#157347}
.raffle-payments #stripe-result.error{color:#c00}
.raffle-payments .raffle-step{display:none}
.raffle-payments .raffle-step.active{display:block}
.raffle-payments .fake-radio {-webkit-appearance: none;appearance: none;width: 16px;height: 16px;border: 1px solid #000;border-radius: 50%;background: #fff;display: inline-block;position: relative;cursor: pointer;flex: 0 0 16px;}
.raffle-payments .fake-radio:checked::after {content: "";position: absolute;left: 50%; top: 50%;width: 9px; height: 9px;background: #000;border-radius: 50%;transform: translate(-50%, -50%);}


/* Factes & Filtering */
.mobile-facets {display: none;}
.mobile-facets.active {display: flex; }

/* Related */
.routine-view { background: #F9F9F9;border-radius: 5px; padding: 10px; box-sizing: border-box;}

/* Product Media Modal */
.product-media-modal { display: none; opacity: 0; visibility: hidden; pointer-events: none; width: 100%; height:100%;position: absolute; height: auto; top: 0;left: 0; bottom: 0; right: 0; margin: auto;z-index: 21;transition: 0.3s ease all;}
.product-media-modal.active { display: block;  background: var(--secondary);  overflow: scroll;position: fixed; opacity: 1; visibility: visible; pointer-events: all; transition: 0.3s ease all; z-index: 999; }
.product-media-modal .popup-close { cursor: pointer; position: fixed;top: 20px;right: 20px; width: 20px; height: 20px;}
.product-media-modal .product-hero-swiper { display: none;}
.product-media-modal.active .product-hero-swiper { display: flex; background: var(--secondary);}
.product__media-wrapper { position: relative; height: 100%; display: flex;align-items: flex-start; border-radius: 0;}
.product-hero-swiper { height: 100%;}
.thumb-swiper { top: 20px!important;width: 20px; left: 20px;  z-index:999;}
.product-hero-swiper .swiper-slide { height: auto !important;}
.product-thumb-swiper .swiper-slide { height: auto;width: 100%; aspect-ratio: auto;}
.product-thumb-swiper .swiper-slide img { height: auto;width: 100%; aspect-ratio: auto;}

.product-thumb-swiper .swiper-slide-thumb-active{border: 1px solid var(--black);box-sizing: border-box;}
.product-media-modal .modal-thumb-swiper {width: 20px;position: fixed;top: 20px; left: 20px; z-index:999;}
.modal-thumb-swiper  .swiper-slide-thumb-active {border: 1px solid var(--black);box-sizing: border-box;}
.modal-hero-swiper {max-height: 100vh;overflow: scroll;width: 100vw;}

/* Sizing Charts */
.size-trigger { position: relative; cursor: pointer}
.size-trigger:before {content: ''; background: var(--black); position: absolute; bottom: 0px; width: 100%; height: 1px; left: 0;}
.sizing-close { position: absolute; left: 0px; top: 32px; cursor: pointer}
.sizing-close svg {width: 25px; height: 25px;}
.sizing-close path { stroke: var(--white);}
.sizing-information a{ text-decoration: underline}
.sizing-chart  tbody {border-spacing: 0;}
.sc-container::-webkit-scrollbar {display: none; }
.sizing-chart { transform: translateX(46vw); width: 33.3vw; transition: 0.3s ease all; position: fixed; top:0; right:0; z-index: 96; height: 100vh;}
.sc-container { height: 100%;scrollbar-width: none; -ms-overflow-style: none; overflow: scroll;}
.size-chart {position: relative; overflow: hidden;}
.sizing-chart.active { transform: translateX(0); transition: 0.3s ease all;}
.size-chart td, .size-chart th {padding: 6px !important; border: 0 !important; width: 20%;position: relative; }
.size-chart tr {display: table; border-bottom: 1px solid var(--white);width: 100%;}
.size-chart tr:hover td, .size-chart td:hover { background: #22222261;}
.size-chart td:hover::before {content: ""; position: absolute; top: -9999px; bottom: -9999px; left: 0; right: 0; background: #22222261;z-index: -1;}
.size-chart td::before {pointer-events: none; transition: background 0.25s ease;
}
/* Swiper Global */
.swiper-pagination-progressbar { bottom: 0 !important;     z-index: 2 !important; position: absolute;top: auto !important;height: 2px !important;}
.swiper-pagination-progressbar-fill { background: var(--primary) !important;}
.swiper-cursor {position: absolute;pointer-events: none;z-index: 10;transform: translate(-50%, -50%);transition: opacity 0.2s ease;opacity: 0;}


/* Account Dashboard */

account-notification { position: fixed; pointer-events: none; opacity 0; visibility: hidden; bottom: 20px; left: 20px; z-index: 999;}
account-notification.active { pointer-events: all; opacity 1; visibility: visible;}

.account h2 {font-weight: 600;}
.account-menu { width: 100%;overflow: hidden;}
.account-item.swiper-slide {width: fit-content;height: fit-content;}

.account-item  { cursor: pointer; background: var(--secondary);width: fit-content;border-radius: 5px; border: 1px solid var(--secondary); margin-bottom: 5px;padding: 15px; line-height:1; transition: 0.3s ease all;}
.account-item:hover { border: 1px solid var(--primary); transition:0.3s ease all}
.account-item.current-item { background: var(--primary); color: var(--white); transition: 0.3s ease all}

.account-content { visibility:hidden; opacity:0; display: none}
.account-content.active { visibility:visible; opacity:1; display: flex; flex-direction: column}
.action-buttons { width: 60px;text-align: center;justify-content: end;}
.action-buttons button {padding: 0;}
.profile-actions input {border: 0; font-family: 'Inter';font-size: var(--xsmall);width: 150px; max-width: 100%;background: transparent; color: var(--primary);}
.profile-actions input#last-name-input {margin-left: -75px;}
.profile-actions select { margin: 0; border: 0;padding: 0;font-size: var(--xsmall);}
.profile-input-wrapper {flex: 0 66%;}
.profile-field-group {padding: 20px 0;border-bottom: 1px solid var(--quartiary);}
.profile-actions button {background: transparent;border: 0;text-decoration: underline;letter-spacing: 0 !important; padding: 0;}

.pref-group h4 {color: var(--primary);}
.profile-hidden .button-group, .profile-hidden .button-grid {flex: 0 66%;}
.profile-hidden .notif-toggle {border: 1px solid var(--black) !important; font-size: var(--xxsmall); color: var(--black);text-decoration: none !important; padding: 10px 30px; border-radius: 5px;}
.notif-toggle.active { background: var(--black); color: var(--white);}
.profile-hidden .profile-label { flex: 1;}

.profile-hidden .size-toggle { border: 1px solid var(--black)!important;font-size: var(--xxsmall);color: var(--black);text-decoration: none!important;padding: 0 !important;border-radius: 5px;width: calc(18% - 10px);aspect-ratio: 1 / 1;}
.profile-hidden .size-toggle.active { background: var(--black); color: var(--white);}


/* Password Update */
.form-message { font-size: var(--xsmall);color: var(--tertiary);}
.field.margin-t-0 { margin-top:0 !important}

/* Order History */
.orders-container h2 {padding-bottom: 20px;border-bottom: 1px solid var(--quartiary);}
.order-card {border-bottom: 1px solid var(--quartiary);}
.order-products.flex-row {height: 100%; max-width: 66%; display: flex; justify-content: flex-end;align-content: center;}
.product-thumb {aspect-ratio: 1 / 1; background: var(--secondary);border-radius: 10px;}

/* Addresses */
.address-card {border-bottom: 1px solid var(--quartiary);}
.address-card  .accent { color: var(--tertiary) !important;}

/* Preferences */
.pref-button.active { background: var(--black); color: var(--white);}
.pref-button { color: var(--primary);   border-radius: 5px; border: 1px solid var(--black); background: var(--secondary); padding: 13px 20px !important;  font-size: var(--xsmall) !important;}

/* Cart Notifications */
cart-notification {z-index: 9998; bottom: 30px; pointer-events: none; position: fixed; height: auto; min-height: auto; left: 30px;width: auto;top: auto;}
.cart-notification {border: 0;border-radius: 7px; width: 28.15vw; box-shadow: 0px 1px 13px #00000029;}
.cart-notification__close {position: absolute;margin: 0;right: 10px;top: 10px;border: 0;}
.cart-notification-product__image img {width: 100%;border-radius: 5px;}
.cart-notification-product {  gap: 10px; align-items: flex-start; display: flex; margin-bottom: 10px; padding: 10px; box-sizing: border-box;}
.cart-notification__links {text-align: center; background: var(--primary);border-radius: 5px;padding: 15px 15px;}
.cart-footer .notification-button {background: transparent;border: 0;padding: 0; text-align: right;}
.cart-notification.animate { transform: none !important}


/* Brand */
.brand-glossary-row, .brand-global-row {display: none;} 
.brand-glossary-row.active, .brand-global-row.active { display: flex }
.global-map-container  { min-height: 50vh}

.brand-pagination { bottom: 0 !important;  position: absolute;top: auto !important;height: 2px !important;}

.back-to-top { position: fixed;right: 50px;bottom: 40px; opacity: 0; visibility: hidden; transition: 0.3s ease all;}
.back-to-top.active { opacity: 1; visibility: visible; transition: 0.3s ease all;}
.back-to-top svg { transform: rotate(-90deg);}

/* Brands Switch */
.brand-switch {cursor: pointer;padding: 2px; height: 23px; background-color: var(--primary); float: right; min-width: 42px; border-radius: 20px;user-select: none;display: flex;align-items: center; position: relative}
.brand-toggle {width: 20px; height: 20px; margin: 0px; display: flex;border-radius: 20px;position: relative;align-items: center;justify-content: center;}
.brand-toggle.active path {fill: black;}
.brand-toggle path {fill: white;}
.brand-toggle svg { position: absolute; display: flex;justify-content: center; align-items: center; height: 15px; width: 15px; left: 0;right: 0; margin: auto;}
.brand-switch:before { width: 19px; height: 19px; content: "";background: #fff;border-radius: 40px;top: 2px;left: 2px; transform: translateX(0px);position: absolute; margin: auto;transition: 0.3s ease all;}
.brand-switch.active:before {transform: translateX(21px); transition: .3s ease all;}

/* Brand Map */
.map-marker .pin-body { fill: #000; transition: fill .15s ease; }
.map-marker.is-active .pin-body { fill: var(--tertiary); } 
.mapboxgl-popup-content {background: var(--primary) !important;color: var(--white) !important; border: 1px solid var(--primary); padding: 15px 20px !important; border-radius: 5px !important; font-family: 'Inter';font-size: var(--small); box-shadow: none !important}
.mapboxgl-popup-content:hover {background: var(--secondary) !important; transition: 0.3s ease all; color: var(--primary) !important;}
.map-pop-card {flex-direction: row; gap: 90px; display: flex;justify-content: space-between;}
.brand-popup {max-width: fit-content !important;}
.brand-popup svg path {fill: var(--white);}
.brand-popup svg { width: 15px; height: 15px;}
.mapboxgl-popup-tip { opacity: 0;}
.mapboxgl-popup-content:hover svg path { fill: var(--primary);  transition: 0.3s ease all}
.cluster-marker { width:34px; height:34px; pointer-events:auto; }
.cluster-marker svg { display:block; width:34px; height:34px; }
.cluster-marker text {  fill:#fff;}
a.mapboxgl-ctrl-logo { opacity: 0;}
.mapboxgl-ctrl-attrib a { color: #0000000f !important;}
/* Instagram Feed */
#insta-feed h2, .instafeed-shopify h2 {display: none !important;}

/* Footer */
footer .field input {padding: 10px 0 !important; border: 0;}




@media (max-width: 768px), 
       (max-width: 1024px) and (orientation: portrait) {
  :root { 
        --xlarge: 32px !important;

  }
.mobile {display: flex !important;}
.desktop { display: none !important}
body { margin: 0 !important} 
main {padding: 0 0px;}
section {overflow: hidden;}
  
.m-flex-column { flex-direction: column !important}

.m-flex-column .col6 { width: 100%;}
.m-container {width: calc(100% - 20px);margin: auto;}

.body-wrapper {width: 100%;box-sizing: border-box;padding: 0px;}
.main-wrapper { width: 100% !important;max-width: 100% !important;}

/* Announcement */
.mobile-announcement.mobile, .announcement-bar-section { position: fixed;bottom: 60px;left: 0;right: 0;width: calc(100% - 5%) !important; z-index: 99; margin: auto;}
.mobileannouncement-swiper {display: flex;position: relative; }
.collections .mobile-announcement.mobile { display: none !important;}
.utility-bar {border-radius: 5px; margin: 0; overflow: hidden; background: #0000005c !important; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px) !important; padding: 10px 10px !important;box-sizing: border-box;}
.announcement-container {padding: 0;}
.announcement-text {color: var(--white);margin: 0;}

/* Main Navigation */
.mobile-nav-actions {position: fixed; border: 10px; z-index: 998; left: 0; bottom: 10px;width: 95%; margin: auto;right: 0;}
nav.header__inline-menu {display: flex; width: 100%;}
.account-actions { bottom: 10px; top: auto; width: calc(100% - 15px);}
.account-actions-wrapper {justify-content: space-between; }

/* Mobile Menu */
.mobile-menu {flex-direction: column;}
.mobile-header-row { width: 97.5%; margin: 0 auto 20px;}
.nav-actions-wrapper * {font-size: var(--xxsmall);}
.nav-media img { width: 100%; max-height: 20px;}
.cart-count {font-size: var(--xmicro);}
.menu-header { padding-top: 90px;}
.menu-header h3 { color: var(--white);}
.menu-header .home-icon path { stroke: var(--white);}
.mega-groups { padding-top: 20px;}

.theme-switch { margin-right: 10px}
.dark .nav-media img {filter: invert(1);}
.mobile-menu {position: fixed;z-index: 109;top: 0;left: 0; transform: translateX(-100vw); width: 100vw;box-sizing: border-box;height: 100%;overflow: hidden;padding: 7.5px; background: #2c2c2cb5; -webkit-backdrop-filter: blur(9px); backdrop-filter : blur(9px);transition: 0.3s ease transform}
.mobile-menu.active {  transform: translateX(0vw); transition: 0.3s ease transform; }
.mobile-menu .list-menu { width: 97.5%; margin: 0 auto;}
.mobile-menu-list .menu-link { width: 100%; padding: 15px 0;} 
.mobile-menu-list .menu-link a { color: var(--white);font-size: var(--xlarge); font-weight: 500;}  
.mobile-header-wrapper {width: 100%;margin-top: 80px;}
  
.header .list-menu .single-menu, .header .list-menu summary, .header .list-menu .parent-menu .child-menu, .header .list-menu .parent-menu .grandchild-menu-item {background: transparent;border: 0;padding: 0; margin: 0;}
.header .list-menu .single-menu, .header .list-menu summary, .header .list-menu .parent-menu .child-menu, .header .list-menu .parent-menu .grandchild-menu-item { padding: 10px 0;}
.header .header__menu-item span, .header .mega-menu__link { color: var(--white);font-size: var(--xxsmall);}
.header .list-menu .single-menu:hover, .header .list-menu summary:hover, .header .list-menu .child-menu:hover, .header .list-menu .grandchild-menu-item:hover { border: 0; transition: .3s ease all;}
.header .list-menu .single-menu.current-menu-item, .header .list-menu .current-menu-item summary, .header .list-menu .current-menu-item .child-menu, .header .list-menu .grandchild-menu-item .current-menu-item {border: 0 !important;background: transparent !important;transition: .3s ease all;}
.header .list-menu .current-menu-item * {text-decoration: underline;}

.dark .header .list-menu .single-menu.current-menu-item *, .dark .header .list-menu .current-menu-item summary *, .dark .header .list-menu .child-menu-item.current-menu-item .child-menu * {color: var(--white) !important;}

details .list-menu__item svg path {fill: white;}
.grandfather-menu .child-menu svg path {fill: white;}

.header .gender-menu .menu-link {background: #d0d0d05e; -webkit-backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);border: 0;padding: 10px 15px;color: var(--white); font-size: var(--xxsmall);}

.menu-style-list {padding: 20px 0px;width: 97.5%;margin: 80px auto 0;}
.menu-style-list .menu-link a {color: var(--white); opacity: 0.5; margin: 0 0 5px;display: block;}
.menu-style-list .menu-link a:hover { opacity: 1; }
.menu-link.current-menu-item a {opacity: 1;}

/* Search */

body.search-active  {overflow: hidden;}
.predictive-search.predictive-search--header {overflow: scroll; max-height: 80vh !important; padding-bottom: 80px;}
.default-search-results {overflow: scroll; max-height: 80vh !important; padding-bottom: 80px;}
.mobile-search-trigger { position: fixed;z-index: 110; width: 96%;top: 10px; padding: 10px 15px; border-radius: 5px; overflow: hidden; margin: auto;left: 0;right: 0;}
.mobile-search-trigger .search-modal-trigger { background: transparent;padding: 0; color: var(--white); margin: 0;} 
.mobile-search-trigger .account-icon path { stroke: var(--white);}

.search-summary, .search-type{font-size: var(--xlarge);}
.search-wrapper.active predictive-search[open=true] {background: transparent !important;}
.reset__button .icon.icon-close {color: white;}
.search .close__button { display: block; }
.search .close__button path, .search .reset__button path { stroke: white}
.search .close__button { top: 0;bottom: 0; right: 10px;z-index: 9; position: absolute; }
[open="true"] .search .close__button { display: none;}

.search__input.field__input { background: transparent; color: var(--white); text-align: center;}
.search__input.field__input::placeholder { color: var(--white);}
input.search__input:focus::placeholder {color: transparent !important; transition: color 0.1s ease;}
input.search__input::placeholder {color: rgba(255, 255, 255, 0.7);}
predictive-search .search-modal__form {flex-direction: column;}
predictive-search .search-modal__form .field {max-width: 100%; width: calc(100% - 20px);background: #d0d0d05e; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);}
.predictive-wrapper {min-width: 100%;width: 100%;padding: 0 20px; box-sizing: border-box;}

.default-search-results .predictive-search__result-group { width: 100%;}

.search-wrapper.active {z-index: 997; background: #000000a8; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);}
.search-wrapper .primary, .search-wrapper .primary * { color: var(--white);}
.search-wrapper .product-grid {flex-wrap: wrap;gap: 20px;} 
.search-product-item {width: calc(50% - 10px)!important;max-width: 50%!important; transition: .3s ease all;}

/* Login Page & Register */
.customer.login-inline { background: transparent;padding: 0;}
.login-inline-form { width: 100% !important;padding: 10px 10px 40px;}

/* Cart */
.drawer__inner {width: 100% !important; max-width: 100% !important; box-sizing: border-box; }  
.free-shipping-bar span {font-size: var(--xmicro);}
cart-drawer-items { min-height: 60vh; max-height: 85vh;}
.drawer__inner dl { margin: 0;}
.cart-drawer .cart-item {padding: 10px 0;}
.drawer__inner  .cart-item__details>* {gap: 5px;}
.cart-view {max-width: 100vw;}


.cart-view.swiper .swiper-wrapper { width: calc(100vw - 40px);}

/* Collection */
.collection-navigation {flex-direction: column; align-items: flex-start; margin: 0 auto;}
.featured-collection-links {flex-wrap: wrap;}
section.header-group.active {  display: none;}
.grid-view .grid__item { width: calc(50% - 6px)!important; max-width: 50%!important; transition: .3s ease all;}
.grid__item {max-width: 50%;width: calc(50% - 6px);transition: .3s ease all;}
.product-grid-container {margin-top: 10px;}
.grid-view .featured-grid-item.grid-feature { max-width: 100% !important; width: 100% !important;}

.micro-view #product-grid {display: flex;}
.micro-view .grid__item { width: calc(50% - 6px) !important; max-width: 50% !important;  aspect-ratio: auto;}
.micro-view .grid-feature {width: 100% !important;max-width: 100% !important;}
.editorial-view .grid__item { width: calc(25% - 12px) !important; max-width: 25% !important; aspect-ratio: auto;}
.editorial-view .featured-grid-item { display: none !important; }

/* Mobile Filtering */
.active-state { display: none;}
.active-state.active { display: flex;align-items: center;}
.inactive-state{ display: none;}
.inactive-state.active  { display: flex; align-items: center;}

.mobile-facets__main {width: 95%;margin: 0 auto; gap: 5px; height: auto;}
.mobile-facets__inner {background: #2c2c2cb5;backdrop-filter: blur(10px);width: 100%;margin-left: auto;height: 100%;overflow-y: auto;pointer-events: all;transition: transform var(--duration-default) ease;max-width: 100%;display: flex; flex-direction: column;}
.mobile-facets__header {display: none;}
.mobile-facets__wrapper {display: flex;position: fixed; bottom: 60px; z-index:101;width: 95vw; background: #2c2c2cb5; backdrop-filter: blur(10px); border-radius: 5px;left: 0;right: 0;margin: auto !important;}
.mobile-facets__footer {display: flex;position: fixed !important; border: 0; padding: 10px 0 !important; display: flex;  margin: auto; justify-content: center; bottom: 105px !important; z-index:101;width: 95vw; background: #2c2c2cb5; backdrop-filter: blur(10px); border-radius: 5px;left: 0;right: 0;}

.mobile-facets__disclosure { display: flex;width: 100%; padding: 7.5px 0;}
.mobile-facets__open-label {padding: 0!important;color: var(--white);font-size: var(--xxsmall) !important;}
.mobile-facets__open svg path { fill: var(--white);}
.mobile-facets__open-wrapper {width: 100%; padding: 0 15px !important; box-sizing: border-box;}

.mobile-facets-hide {position: absolute;top: 30px;right: 30px;}
.mobile-facets-hide svg path{stroke: var(--white);}

.mobile-facets__summary { padding: 15px;background: var(--secondary);border-radius: 5px;}

.mobile-facets__summary>div {display: flex;align-items: center;font-size: var(--xxsmall); color: var(--primary);}
.mobile-facets__header-inner {padding-top: 60px;}
.mobile-facets__heading { margin: 0;color: var(--white);font-size: var(--medium);text-align: left;}
.mobile-facets__count { margin: 0;color: var(--white);font-size: var(--small);text-align: left;}
.js details[open]>.mobile-facets__submenu { transform: none; transition: none !important}

.mobile-facets__item {position: relative;margin-top: 5px; background: var(--secondary); border-radius: 5px;}
.mobile-facets__item .inactive-state.active path { fill: var(--white);  stroke: var(--white);}

.facets-wrapper {margin-bottom: 10px;}
.facets-container details[open] .list-menu__item svg { transform: none !important;}
.js .mobile-facets__submenu.active { visibility: visible;position: relative; transform: translate(0); padding-left: 20px;}
.facets-container details[open] .list-menu__item svg rect {stroke: white;}
.facets-container details[open] .list-menu__item input {display: none;}

.mobile-facets__checkbox:checked { background: var(--primary); }
.mobile-facets__checkbox:checked+.mobile-facets__highlight { background: var(--primary); border-radius: 5px;}
.mobile-facets__item.filter-checked {background: var(--primary);}
.mobile-facets__item.filter-checked .facet-checkbox__text * {color: var(--white) !important; position: relative;}
.facet-checkbox__text {color: var(--primary);font-size: var(--xxsmall);margin: 0; width: 100%}
.mobile-facets__clear {font-size: var(--xxsmall);color: var(--white); letter-spacing: 0;}
.mobile-facets__footer button {display: none;}
.facets-wrapper .icon-wrapper { display: none}
.product-count { display: none}
.active-facets { margin: 0!important;  gap: 5px;}
.active-facets__button-inner {box-shadow: 0 0 0 .1rem rgba(var(--color-foreground),.2); font-size: var(--xxsmall) !important; background: var(--secondary);padding: 10px 20px !important;border-radius: 5px !important;}
.active-facets__button {padding: 0px !important;}
.active-facets__button-remove {padding: 2.5px !important;}

.mobile-facets__info {color: var(--white); font-size: var(--small);}
.facets__price  {display: flex; padding: 0 2rem; color: var(--white); font-size: var(--small);}
.facets__price input {border: 0; font-size: var(--small);}
.facets__price input::placeholder { color: var(--white);}

/* Collection Grid */
.column-2 {column-count: 1;}
.brand-content-wrapper { gap: 20px;}  
.grid-view .product-grid { padding: 0; gap: 10px !important;max-width: calc(100vw - 20px);  display: flex !important;}
.product-grid .qa-btn {visibility: visible; opacity: 1; pointer-events: all; z-index: 99 !important;}
.collection-quick-item { margin-bottom: 0px}

.mobile.card-swiper { width: 100%; max-width: calc(100vw - 20px); height: 100%;display: block !important;}

/* Quick Add */
.cp-quickadd { z-index: 102; width: 95vw !important; bottom: 60px !important; top: auto !important;}
.cp-row {padding: 0;}
.cp-media { margin: 15px;width: calc(50% - 20px) !important; min-height: 180px !important; }
#cpqa .cp__image img { object-fit: contain !important}
.cp__info.col6 {width: 40%;}
.cp-form .options {padding: 0 15px 10px;}
.cp-close { top: 10px; right: 10px; padding: 0;}

/* Page Offsets */
.m-page-offset { padding-top:80px;}

/* Product */
.product.product-row {flex-direction: column;}
.product__media-wrapper {width: 100% !important;}
.product__info-wrapper { width:95% !important; padding: 0; margin: 0 auto !important;}
.product__media-wrapper {padding-top: 50px;}
.mobile-hero-swiper {width: 100vw;}
.mobile-pagination { bottom: 8px !important;width: 95% !important;left: 0;right: 0; margin: auto;}  

.product__info-container .product-form { margin-top: 0px !important;}
.product-form__buttons .product-form__submit {padding: 15px 15px;}
.product-form__input--pill input[type=radio]+label {padding: 15px 10px;}
.product-accordion table th, .product-accordion table tr { text-align: left;padding: 0;}

.dark div#MediaGallery-template--19176888402069__main {background: var(--white) !important;}

/* Routine */
h2.content-title *, h2.related-products__heading { font-size: 30px !important; font-weight: 600 !important; margin-bottom: 10px;}

/* Sizing Chart */
.sizing-chart.active { width: 100%;}
.sizing-close {top: 80px !important;right: 10px !important ; left: auto !important;}
.sc-row { overflow: scroll; height: 100vh;padding-bottom: 100px !important;}

/* Added to Cart Notification */
cart-notification {width: calc(100% - 20px);right: 0; bottom: 65px; z-index: 100; left: 0; margin: auto;}
.cart-notification { display: none; pointer-events: none;}
.cart-notification.active { display: flex; width: 100%;box-shadow: none;pointer-events: all;}
.cart-notification-wrapper {position: relative;pointer-events: none;}
.cart-notification-wrapper.active:before {content: ''; position: fixed;top: 0;left: 0; width: 100%; height: 100%;background: #d0d0d05e;z-index: -1; backdrop-filter: blur(9px);pointer-events: all;}

/* Related Products */
.related-products__heading, .related-products h2.content-title {padding: 0 20px;}
.recommendation-swiper {padding-left: 20px !important;}
.routine-view {padding: 10px;width: 100%;margin: auto;}
.collection-routine-wrapper { padding-bottom: 10px !important;}
.routine-view .routine__item {max-width: 33.33% !important; width: calc(33.33% - 6px) !important;}
.recommendation-swiper .swiper-pagination-progressbar { bottom: 0!important; position: absolute;top: auto!important;height: 2px!important;left: 20px !important;width: calc(100% - 40px) !important;}

.collection-routine.full-width {width: calc(100% - 20px);margin: 0 auto;}

/* Wishlist */
.wishlist-product.grid__item:first-of-type { border-top: 0; padding-top: 0; margin-top: 0;}
.wishlist-product.grid__item {  margin-top: 10px; padding-top: 10px; max-width: 100% !important;width: 100% !important; border-top: 1px solid var(--secondary);}
.wishlist-product .card--media {flex-direction: row !important; gap:10px}
.wishlist-product .card__inner {width: 45%;}
.wishlist-product .card__content {margin: 0;}
.wishlist-product .wishcard-trigger {font-size: var(--micro) !important;}
.wishlist-product .product-form__submit { font-size: var(--micro) !important;}
.wishlist-product .wishlist-button { padding: 0;}

/* Brands */
.brand-items {flex-direction: column; width: 100%;}
.brand-item {width: 100% !important;}

/* Login & Register Modal */
.customer-auth { min-height: 100vh;}


/* 404 */
.error-heading {width: 70%; margin-bottom: 100px;}
  
/* Footer */
footer {padding: 0 0 70px !important;}
.footer-row-wrapper { padding: 20px !important;}
.footer__blocks-wrapper { flex-wrap: wrap;}
.footer-block {width: calc(50% - 20px) !important; order: 2}
.footer-block.newsletter_egihQd { order: 0; width: 100% !important;}

  
}
/* Ipad Horizontal */
@media (max-width: 1399px) and (min-width: 768px) {
.grid-view .product-grid {grid-template-columns: 1fr 1fr 1fr 1fr;}

}

/* Ipad Vertical Only */

@media (max-width: 1399px) and (min-width: 768px) and (orientation: portrait) {

    .m-container { width: 95% !important}

.grid-view .grid__item {
    width: calc(25% - 10px)!important;
    max-width: 50%!important;
    transition: .3s ease all;
}
}