/** Shopify CDN: Minification failed

Line 4312:0 Unexpected "/"

**/
@charset "UTF-8";

body {

  touch-action: pan-y;

}

/* sticky-header.header-wrapper.color-scheme-1.gradient.header-wrapper--border-bottom{
background:transparent}
 */
.cc-slider-wrapper{
position:relative}

.cc-slider{
display:flex;
gap:20px;
overflow-x:auto;
scroll-behavior:smooth;
padding:10px 0 30px 0;
scrollbar-width:none}

.cc-slider::-webkit-scrollbar{
display:none}

.cc-card{
flex:0 0 260px;
text-decoration:none;
color:#000}

.cc-image{
width:100%;
height:340px;
overflow:hidden;
background:#f5f5f5}

.cc-image img{
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
transition:.4s ease}

.cc-card:hover img{
transform:scale(1.05)}

.cc-title{
margin-top:12px;
font-size:16px;
font-weight:600}

.cc-arrow:hover{
background:#0c253b;
color:#fff}

.cc-arrow.left{
left:-15px}

.cc-arrow.right{
right:-15px}

@media (max-width:768px){

.cc-card{
flex:0 0 75%}

.cc-arrow.left{
left:10px}

.cc-arrow.right{
right:10px}

.cc-arrow{
width:36px;
height:36px;
font-size:16px}

}

.cc-slider-wrapper{
position:relative}

.cc-arrow{
position:absolute;
top:50%!important;
transform:translateY(-50%)!important;
width:56px;
height:56px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
border:1px solid rgba(0,0,0,.08);
background:rgba(255,255,255,.95);
color:#000;
font-size:22px;
line-height:1;
cursor:pointer;
z-index:50;
box-shadow:0 10px 28px rgba(0,0,0,.15);
transition:all .35s ease;
backdrop-filter:blur(8px);
-webkit-backdrop-filter:blur(8px)}

.cc-arrow.left{
left:10px!important}

.cc-arrow.right{
right:10px!important}

.cc-arrow:hover{
background:#0c253b;
color:#fff;
border-color:#0c253b;
transform:translateY(-50%) scale(1.08);
box-shadow:0 14px 34px rgba(94,4,4,.35)}

.cc-arrow:active{
transform:translateY(-50%) scale(.92)}

.cc-arrow::first-letter{
position:relative;
top:-1px}

.cc-slider-wrapper .cc-arrow{
opacity:1;
pointer-events:none}

.cc-slider-wrapper:hover .cc-arrow{
opacity:1;
pointer-events:auto}

@media (max-width:1200px){

.cc-arrow.left{
left:-18px}

.cc-arrow.right{
right:-18px}

}

@media (max-width:768px){

.cc-arrow{
display:none!important}

}

.section-template--19777544519909__image_with_text_gUJC9c-padding.gradient.color-scheme-1 h2.image-with-text__heading.inline-richtext.h2{
color:#0c253b;
font-size:36px;
line-height:46px}

@media (max-width:768px){

div#ImageWithText--template--19777544519909__image_with_text_gUJC9c{
padding:40px 0}

}

/* Contact page — full-width Ralph Lauren style (no card) */
.contact-section{

  background:#fff;

  border-top:none;

}

.shopify-section:has(.rich-text) + .shopify-section:has(.contact),
.shopify-section:has(.rich-text) + .shopify-section:has(.contact-section){

  margin-top:0 !important;

}

.shopify-section:has(+ .shopify-section .contact) .rich-text,
.shopify-section:has(+ .shopify-section .contact-section) .rich-text{

  padding-bottom:8px !important;

  overflow:visible !important;

}

/* Mobile: stop sticky header from cutting "Contact Us" */
@media (max-width:768px){

  .shopify-section:has(+ .shopify-section .contact) .rich-text,
  .shopify-section:has(+ .shopify-section .contact-section) .rich-text,
  body:has(.contact) #MainContent > .shopify-section:first-child .rich-text{

    padding-top:36px !important;

    padding-bottom:12px !important;

    overflow:visible !important;

  }

  .shopify-section:has(+ .shopify-section .contact) .rich-text__heading,
  .shopify-section:has(+ .shopify-section .contact) .rich-text h2,
  body:has(.contact) #MainContent > .shopify-section:first-child .rich-text__heading,
  body:has(.contact) #MainContent > .shopify-section:first-child .rich-text h2{

    margin-top:0 !important;

    padding-top:0.2em !important;

    line-height:1.35 !important;

    overflow:visible !important;

  }

}

.contact.page-width{

  max-width:1280px !important;

  width:100%;

  margin:0 auto;

  background:transparent !important;

  padding:8px 40px 80px !important;

  border-radius:0 !important;

  box-shadow:none !important;

  border:none !important;

}

.contact__intro,
.contact__page-title,
.contact__page-sub{

  display:none !important;

}

.contact__layout{

  display:grid;

  grid-template-columns:1fr;

  gap:36px;

  align-items:start;

  background:transparent !important;

  border:none !important;

  padding:0 !important;

  box-shadow:none !important;

}

.contact__info{
order:2}

.contact__form-wrap{
order:1;
min-width:0}

.contact__info-heading{

  margin:0 0 28px;

  padding-bottom:14px;

  border-bottom:1px solid rgba(12,37,59,.14);

  font-size:13px;

  font-weight:700;

  letter-spacing:2px;

  text-transform:uppercase;

  color:#0c253b;

}

.contact__info-list{

  display:flex;

  flex-direction:column;

  gap:22px;

}

.contact__info-item{

  display:flex;

  align-items:flex-start;

  gap:14px;

  margin:0;

  color:#111;

  text-decoration:none;

  transition:color .25s ease;

}

.contact__info-item:hover{
color:#0c253b}

.contact__info-icon{

  display:inline-flex;

  align-items:center;

  justify-content:center;

  flex-shrink:0;

  width:38px;

  height:38px;

  border:1px solid rgba(12,37,59,.16);

  color:#0c253b;

  background:#f6f4f1;

}

.contact__info-text{

  display:flex;

  flex-direction:column;

  gap:4px;

  min-width:0;

}

.contact__info-label{

  font-size:11px;

  font-weight:600;

  letter-spacing:1.4px;

  text-transform:uppercase;

  color:rgba(12,37,59,.55);

}

.contact__info-value{

  font-size:15px;

  line-height:1.45;

  word-break:break-word;

  color:#0c253b;

}

.contact__fields{
display:flex;
gap:18px;
flex-wrap:wrap}

.contact__fields .field{
flex:1 1 48%;
margin-bottom:0}

form#ContactForm .field{

  position:relative;

  margin-bottom:18px;

}

.field input[type=tel],.field textarea{
width:100%}

form#ContactForm .field__input,
form#ContactForm .text-area{

  width:100%;

  min-height:58px;

  padding:16px;

  border-radius:0;

  border:1px solid rgba(12,37,59,.22);

  background:#fff;

  font-size:15px;

  transition:border-color .25s ease, box-shadow .25s ease;

  color:#0c253b;

}

form#ContactForm .text-area{

  min-height:170px;

  resize:vertical;

  padding-top:18px;

}

form#ContactForm .field__input:focus,
form#ContactForm .text-area:focus{

  outline:0;

  border-color:#0c253b;

  background:#fff;

  box-shadow:0 0 0 1px #0c253b;

}

form#ContactForm .field__input:focus::placeholder,
form#ContactForm .text-area:focus::placeholder,
form#ContactForm .field__input:not(:placeholder-shown)::placeholder,
form#ContactForm .text-area:not(:placeholder-shown)::placeholder{

  color:transparent !important;

  opacity:0 !important;

}

form#ContactForm .field__label{

  position:absolute;

  top:50%;

  left:16px;

  margin:0;

  transform:translateY(-50%);

  font-size:12px;

  font-weight:600;

  color:rgba(12,37,59,.55);

  letter-spacing:1.2px;

  text-transform:uppercase;

  pointer-events:none;

  z-index:1;

  transition:opacity .15s ease;

}

form#ContactForm .field:has(textarea) .field__label{

  top:22px;

  transform:none;

}

form#ContactForm .field__input:focus ~ .field__label,
form#ContactForm .text-area:focus ~ .field__label,
form#ContactForm .field__input:not(:placeholder-shown) ~ .field__label,
form#ContactForm .text-area:not(:placeholder-shown) ~ .field__label{

  opacity:0 !important;

  visibility:hidden;

}

.contact__button{

  margin-top:20px;

  text-align:left;

  overflow:visible !important;

}

.contact__button .button,
.contact__send-btn{

  display:inline-flex !important;

  align-items:center;

  justify-content:center;

  width:auto !important;

  min-width:180px;

  min-height:48px;

  height:auto !important;

  padding:14px 48px !important;

  border-radius:0 !important;

  background:#0c253b !important;

  color:#fff !important;

  font-size:13px !important;

  font-weight:600 !important;

  letter-spacing:2.4px;

  text-transform:uppercase;

  border:1px solid #0c253b !important;

  box-shadow:none !important;

  line-height:1.2 !important;

  overflow:visible !important;

  position:relative;

  z-index:2;

}

.contact__button .button::before,
.contact__button .button::after,
.contact__send-btn::before,
.contact__send-btn::after{

  display:none !important;

  content:none !important;

}

.contact__button .button:hover,
.contact__send-btn:hover{

  background:#fff !important;

  color:#0c253b !important;

}

form#ContactForm .field::after,form#ContactForm .field::before{
display:none}

form#ContactForm .form-status,
form#ContactForm .form__message:not(.contact__field-error .form__message){

  /* success shown as popup */
}


/* Success popup */
.contact-success-modal{

  position:fixed;

  inset:0;

  z-index:9999;

  display:flex;

  align-items:center;

  justify-content:center;

  padding:20px;

}

.contact-success-modal.is-hidden{
display:none}

.contact-success-modal__backdrop{

  position:absolute;

  inset:0;

  background:rgba(12,37,59,.45);

}

.contact-success-modal__box{

  position:relative;

  z-index:1;

  width:100%;

  max-width:420px;

  background:#fff;

  padding:36px 32px 28px;

  text-align:center;

  border:1px solid rgba(12,37,59,.12);

  box-shadow:0 20px 50px rgba(12,37,59,.18);

}

.contact-success-modal__close{

  position:absolute;

  top:10px;

  right:14px;

  border:0;

  background:transparent;

  font-size:28px;

  line-height:1;

  cursor:pointer;

  color:#0c253b;

}

.contact-success-modal__title{

  margin:0 0 12px;

  font-size:22px;

  color:#0c253b;

  letter-spacing:.04em;

  text-transform:uppercase;

}

.contact-success-modal__text{

  margin:0 0 24px;

  font-size:15px;

  line-height:1.6;

  color:rgba(12,37,59,.8);

}

.contact-success-modal__btn{

  min-width:120px;

  padding:12px 28px !important;

  background:#0c253b !important;

  color:#fff !important;

  border:1px solid #0c253b !important;

  border-radius:0 !important;

}

.contact-success-modal__btn::before,
.contact-success-modal__btn::after{
display:none !important}

html.contact-success-open{
overflow:hidden}


@media (min-width:900px){

  .contact__layout{

    grid-template-columns:minmax(260px,320px) minmax(0,1fr);

    gap:70px;

    column-gap:80px;

  }

  .contact__info{

    order:1;

    border-right:1px solid rgba(12,37,59,.12);

    padding:8px 40px 8px 0;

    background:transparent;

  }

  .contact__form-wrap{

    order:2;

    padding:0;

  }

  .contact__button .button,
  .contact__send-btn{

    width:auto !important;

    max-width:none;

  }

}

@media (max-width:768px){

  .contact.page-width{
padding:8px 16px 56px !important}

  .contact__layout{
gap:40px;
padding:0 !important}

  .contact__info{
order:2}

  .contact__form-wrap{
order:1}

  .contact__fields{
gap:0}

  .contact__fields .field{
flex:1 1 100%}

  .contact__button .button,
  .contact__send-btn{
width:100% !important}

}

.cc-slider-section{
padding:80px 0;
background:#fff}

.cc-heading{
font-size:36px;
font-weight:500;
margin-bottom:45px;
color:#0c253b;
letter-spacing:.5px}

.cc-slider-wrapper{
position:relative;
overflow:hidden}

.cc-slider{
display:flex;
gap:28px;
overflow-x:auto;
scroll-behavior:smooth;
scrollbar-width:none;
padding-bottom:10px}

.cc-slider::-webkit-scrollbar{
display:none}

.cc-card{
min-width:calc(25% - 21px);
text-decoration:none;
color:#000;
transition:transform .35s ease}

.cc-image{
position:relative;
overflow:hidden;
background:#f3f3f3}

.cc-image::after{
content:"";
position:absolute;
inset:0;
background:rgba(94,4,4,0);
transition:.4s ease}

.cc-image img{
width:100%;
height:440px;
-o-object-fit:cover;
object-fit:cover;
transition:transform .6s ease}

.cc-card:hover img{
transform:scale(1.08)}

.cc-card:hover .cc-image::after{
background:rgba(94,4,4,.15)}

.cc-title{
text-align:center;
margin-top:18px;
font-size:13px;
letter-spacing:2px;
text-transform:uppercase;
color:#000;
font-weight:500;
transition:color .3s ease}

.cc-card:hover .cc-title{
color:#0c253b}

.cc-arrow{
position:absolute;
top:45%;
transform:translateY(-50%);
width:46px;
height:46px;
border-radius:50%;
border:none;
background:#fff;
color:#0c253b;
cursor:pointer;
font-size:22px;
box-shadow:0 6px 18px rgba(0,0,0,.12);
z-index:5;
transition:all .3s ease}

.cc-arrow:hover{
background:#0c253b;
color:#fff;
transform:translateY(-50%) scale(1.08)}

@media (max-width:1024px){

.cc-card{
min-width:calc(33.33% - 18px)}

.cc-image img{
height:360px}

}

@media (max-width:768px){

.cc-heading{
font-size:26px}

.cc-card{
min-width:calc(50% - 14px)}

.cc-image img{
height:300px}

.cc-arrow{
display:none}

}

footer.footer{
padding:60px 0}

footer.footer.footer--has-bottom-mark{
padding-bottom:0!important}

.footer{
background:#000;
color:rgba(255,255,255,.75);
padding-top:80px;
font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif}

.footer__content-top{
padding-bottom:50px}

@media (max-width:768px){
.footer .footer__content-top.page-width,
.footer .footer__content-bottom-wrapper.page-width{
padding-left:24px!important;
padding-right:24px!important}

.footer .footer-block.grid__item,
.footer .footer-block--newsletter,
.footer .footer__column,
.footer .footer__column--info{
text-align:left!important;
align-items:flex-start!important;
padding-left:0!important;
padding-right:0!important}

.footer .newsletter-form__field-wrapper,
.footer .newsletter-form,
.footer .field{
width:100%}

.footer .footer__list-social.list-social,
.footer-block--newsletter .footer__list-social.list-social,
.footer-block--newsletter{
justify-content:flex-start!important;
align-items:flex-start!important}
}

.footer-block__heading{
color:#fff;
font-size:13px;
letter-spacing:3px;
text-transform:uppercase;
font-weight:600;
margin-bottom:25px;
position:relative}

.footer-block__heading::after{
content:"";
width:35px;
height:2px;
background:#0c253b;
position:absolute;
bottom:-10px;
left:0}

.footer-block--menu li{
list-style:none;
margin-bottom:14px}

.footer-block--menu a{
color:rgba(255,255,255,.7);
text-decoration:none;
display:inline-flex;
align-items:center;
gap:8px;
transition:all .35s ease;
position:relative;
font-size:14px}

.footer-block--menu a::before{
content:"›";
color:#fff;
margin-right:10px;
opacity:1;
transform:translateX(-6px);
transition:all .35s ease}

.footer-block--menu a:hover{
color:#fff;
transform:translateX(6px);
color:#0c253b}

.footer-block--menu a:hover::before{
opacity:1;
transform:translateX(0);
color:#0c253b}

.footer-block__details-content p{
line-height:1.7;
font-size:14px;
color:rgba(255,255,255,.65)}

.footer .newsletter-form{
margin-top:15px}

.footer .field__input{
background:0 0;
border:1px solid rgba(255,255,255,.25);
color:#fff;
padding:14px 16px;
border-radius:0;
transition:all .35s ease}

.footer .field__input::-moz-placeholder{
color:rgba(255,255,255,.5)}

.footer .field__input::placeholder{
color:rgba(255,255,255,.5)}

.footer .field__input:focus{
border-color:#0c253b;
box-shadow:0 0 0 1px #0c253b}

.footer .newsletter-form__button{
background:#0c253b;
color:#fff;
border:none;
padding:14px 22px;
transition:all .35s ease}

.footer .newsletter-form__button:hover{
background:0 0;
color:#fff;
box-shadow:inset 0 0 0 1px #0c253b}

.footer .list-social{
gap:14px;
justify-content:flex-start!important;
width:100%;
margin:0!important}

.footer .footer__list-social.list-social,
.footer .footer__list-social.list-social:only-child,
.footer-block--newsletter .footer__list-social.list-social{
justify-content:flex-start!important;
align-self:flex-start!important;
margin-left:0!important;
margin-right:auto!important}

.footer-block--newsletter,
.footer-block--newsletter.scroll-trigger.animate--slide-in{
justify-content:flex-start!important;
align-items:flex-start!important}

.footer .list-social__link{
width:40px;
height:40px;
border:1px solid rgba(255,255,255,.25);
background:transparent;
display:flex;
align-items:center;
justify-content:center;
transition:all .35s ease}

.footer .list-social__link svg{
width:18px;
height:18px;
fill:#fff;
transition:fill .35s ease}

.footer .list-social__link:hover{
background:#fff!important;
border-color:#fff!important;
transform:translateY(-3px)}

.footer .list-social__link:hover svg{
fill:#000}

.footer__content-bottom{
border-top:1px solid rgba(255,255,255,.12);
padding:25px 0;
margin-top:40px}

.footer__copyright{
font-size:13px;
color:rgba(255,255,255,.55)}

/* Large Gucci-style footer wolf logo — pinned to very bottom */
.footer.footer--has-bottom-mark{
display:flex;
flex-direction:column;
padding-bottom:0!important}

.footer.footer--has-bottom-mark.section-padding,
.footer.footer--has-bottom-mark[class*="section-"][class*="-padding"]{
padding-bottom:0!important}

.hw-footer-mark{
width:100%;
max-width:100%;
margin:3.2rem 0 0;
padding:0;
box-sizing:border-box;
overflow:hidden;
border-top:1px solid rgba(255,255,255,.1);
flex:0 0 auto;
order:99;
background:#000}

.hw-footer-mark__link{
position:relative;
display:block;
width:100%;
height:clamp(100px,22vw,220px);
overflow:hidden;
line-height:0;
text-decoration:none}

/* Transparent black overlay — wolf still visible */
.hw-footer-mark__link::after{
content:"";
position:absolute;
inset:0;
z-index:1;
pointer-events:none;
background:rgba(0,0,0,.4)}

.hw-footer-mark__image{
display:block;
width:100%;
height:100%;
margin:0;
object-fit:contain;
object-position:center bottom;
opacity:.9}

@media screen and (min-width:750px){
.hw-footer-mark{
margin-top:4rem}
}

.footer__payment svg{
opacity:.7;
transition:.3s}

.footer__payment svg:hover{
opacity:1}

.footer a{
position:relative}

.footer a::after{
content:"";
position:absolute;
left:0;
bottom:1px;
width:0%;
height:1px;
background:#0c253b;
transition:width .35s ease}

.footer a:hover::after{
width:100%}

ul.footer-block__details-content.list-unstyled li a:hover{
text-decoration:none!important}

.footer-block--newsletter.scroll-trigger.animate--slide-in{
display:flex;
justify-content:flex-start;
align-items:flex-start}

.footer-block__details-content>li:not(:last-child){
margin:0}

@media (max-width:990px){

.footer{
padding-top:60px}

.footer-block{
margin-bottom:35px}

}

@media (max-width:749px){

.footer-block__heading{
font-size:12px;
letter-spacing:2px}

.footer-block--menu a{
font-size:13px}

}

.header__inline-menu{
margin-left:40px}

.list-menu--inline{
gap:35px}

.header__menu-item{
font-size:14px;
letter-spacing:1px;
text-transform:uppercase;
color:var(--black);
position:relative;
transition:.3s ease}

.header__menu-item span{
position:relative}

.header__menu-item span::after{
content:"";
position:absolute;
left:0;
bottom:-6px;
width:0;
height:2px;
background:var(--primary);
transition:.3s ease}

.header__menu-item:hover span::after{
width:100%}

.header__menu-item span,.header__menu-item:hover span{
text-decoration:none}

.header__menu-item:hover{
color:var(--primary)}

.header__active-menu-item,.list-menu__item--active{
color:var(--primary);
font-weight:600}

.header__submenu{
background:var(--white);
border-top:2px solid var(--primary);
padding:15px 0;
box-shadow:0 10px 30px rgba(0,0,0,.08)}

.header__submenu .header__menu-item{
padding:8px 25px;
font-size:13px;
text-transform:capitalize}

.header__submenu .header__menu-item:hover{
background:rgba(94,4,4,.05);
color:var(--primary)}

.menu-drawer{
background:var(--white)}

.menu-drawer__menu-item{
font-size:15px;
padding:14px 20px;
color:var(--black);
text-transform:uppercase;
letter-spacing:1px;
transition:.3s ease}

.menu-drawer__menu-item:hover{
background:rgba(94,4,4,.05);
color:var(--primary)}

.menu-drawer__submenu{
background:#fafafa}

.menu-drawer__submenu .menu-drawer__menu-item{
font-size:14px;
text-transform:capitalize;
padding-left:35px}

.menu-drawer__close-button{
font-weight:600;
color:var(--primary)}

.icon-arrow,.icon-caret{
transition:.3s ease}

details[open]>summary .icon-caret{
transform:rotate(180deg)}

/* Product accordion caret is driven by is-expanded / is-closing classes */
.product__accordion details.is-closing > summary .icon-caret,
.product__accordion details:not(.is-expanded) > summary .icon-caret {
  transform: rotate(0deg) !important;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.product__accordion details.is-expanded:not(.is-closing) > summary .icon-caret {
  transform: rotate(180deg) !important;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.header__icon--menu{
color:var(--black);
transition:.3s ease}

.header__icon--menu:hover{
color:var(--primary)}

.facets-container.scroll-trigger.animate--fade-in .facet-filters__field{
display:flex;
align-items:center;
gap:14px;
flex-wrap:wrap}

.facets-container.scroll-trigger.animate--fade-in .facet-filters__label{
font-size:14px;
font-weight:600;
color:#222;
margin:0;
letter-spacing:.3px}

.facets-container.scroll-trigger.animate--fade-in .facet-filters__field .select{
position:relative;
display:inline-block;
min-width:220px}

.facets-container.scroll-trigger.animate--fade-in .facet-filters__sort{
appearance:none;
-webkit-appearance:none;
-moz-appearance:none;
width:100%;
padding:12px 16px;
background:#fff;
border:1px solid #e5e7eb;
border-radius:10px;
cursor:pointer;
transition:all .25s ease}

.facets-container.scroll-trigger.animate--fade-in .facet-filters__sort:hover{
border-color:#c7c7c7;
box-shadow:0 2px 8px rgba(0,0,0,.06)}

.facets-container.scroll-trigger.animate--fade-in .facet-filters__sort:focus{
outline:0;
border-color:#000;
box-shadow:0 0 0 3px rgba(0,0,0,.08)}

.facets-container.scroll-trigger.animate--fade-in .facet-filters__field .svg-wrapper{
position:absolute;
right:14px;
top:50%;
transform:translateY(-50%);
pointer-events:none;
color:#666;
transition:transform .25s ease}

.facets-container.scroll-trigger.animate--fade-in .select:focus-within .svg-wrapper{
transform:translateY(-50%) rotate(180deg)}

.facets-container.scroll-trigger.animate--fade-in .facet-filters__field .select::before{
content:"";
position:absolute;
inset:0;
border-radius:10px;
background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,0));
pointer-events:none}

details#Details-filter\.v\.availability-template--21596293955813__product-grid,details#Details-filter\.v\.price-template--21596293955813__product-grid,details.disclosure-has-popup.facets__disclosure.js-filter{
padding:12px 16px;
border:1px solid #e5e7eb;
border-radius:10px;
cursor:pointer;
transition:all .25s ease;
border-color:#c7c7c7;
box-shadow:0 2px 8px rgba(0,0,0,.0588235294)}

summary.facets__summary{
margin:0}

facet-filters-form.facets.small-hide .product-count.light{
display:flex;
justify-content:center;
align-items:center;
margin:auto;
padding:12px 16px;
border:1px solid #e5e7eb;
border-radius:10px;
border-color:#c7c7c7;
box-shadow:0 2px 8px rgba(0,0,0,.0588235294)}

.facets__heading{
margin:0 10px 0 0!important;
font-weight:600}

.collection-hero{
position:relative;
overflow:hidden;
border-radius:18px;
margin:30px auto;
background:#111}

.collection-hero__inner{
display:grid;
grid-template-columns:1fr 1fr;
align-items:center;
gap:60px;
padding:70px 60px;
position:relative;
z-index:2}

.collection-hero__image-container{
position:relative;
border-radius:14px;
overflow:hidden}

.collection-hero__image-container img{
width:100%;
height:520px;
-o-object-fit:cover;
object-fit:cover;
transition:transform .6s ease}

.collection-hero:hover .collection-hero__image-container img{
transform:scale(1.05)}

.collection-hero::before{
content:"";
position:absolute;
inset:0;
background:linear-gradient(90deg,rgba(0,0,0,.65) 0,rgba(0,0,0,.35) 40%,rgba(0,0,0,.1) 100%);
z-index:1}

.collection-hero__text-wrapper{
color:#fff;
max-width:520px}

.collection-hero__title{
font-size:52px;
font-weight:700;
letter-spacing:1px;
margin-bottom:18px;
text-transform:uppercase;
line-height:1.1}

.collection-hero__title::after{
content:"";
display:block;
width:70px;
height:3px;
background:#fff;
margin-top:14px;
border-radius:10px}

.collection-hero__description{
font-size:16px;
opacity:.9;
line-height:1.7}

@media (max-width:990px){

.collection-hero__inner{
grid-template-columns:1fr;
gap:30px;
padding:50px 30px}

.collection-hero__image-container img{
height:420px}

.collection-hero__title{
font-size:40px}

}

@media (max-width:600px){

.collection-hero{
border-radius:12px;
margin:20px 10px}

.collection-hero__title{
font-size:30px}

.collection-hero__image-container img{
height:300px}

}

.pagination-wrapper{
display:flex;
justify-content:center;
margin:50px 0 30px}

.pagination__list{
display:flex;
align-items:center;
gap:10px}

.pagination__item{
min-width:42px;
height:42px;
padding:0 14px;
display:flex;
align-items:center;
justify-content:center;
font-size:15px;
font-weight:500;
text-decoration:none;
color:#222;
background:#fff;
border:1px solid #e5e5e5;
border-radius:10px;
transition:all .25s ease}

.pagination__item.link:hover{
background:#111;
color:#fff;
border-color:#111;
transform:translateY(-2px);
box-shadow:0 6px 14px rgba(0,0,0,.12)}

.pagination__item--current{
background:#111;
color:#fff;
border-color:#111;
font-weight:600;
cursor:default}

.pagination__item-arrow{
padding:0;
width:42px}

.pagination__item-arrow svg{
width:14px;
height:14px;
transition:transform .25s ease}

.pagination__item--prev svg{
transform:rotate(-90deg)}

.pagination__item-arrow:hover svg{
transform:rotate(-90deg) translateX(3px)}

.pagination__item[aria-disabled=true]{
opacity:.4;
pointer-events:none;
color:#fff}

@media (max-width:768px){

.pagination__item{
min-width:36px;
height:36px;
font-size:14px}

.pagination__list{
gap:6px}

.footer-block--newsletter.scroll-trigger.animate--slide-in{
align-items:flex-start;
justify-content:flex-start}

.collection-hero--with-image .collection-hero__text-wrapper{
padding:0}

}

.cc-slider{
display:flex;
gap:20px;
overflow-x:auto;
padding:10px 4px 20px;
scroll-behavior:smooth}

.cc-slider::-webkit-scrollbar{
display:none}

.cc-card{
border-radius:14px;
overflow:hidden;
background:#fff;
border:1px solid #eee;
transition:all .35s ease;
position:relative}

.cc-card:hover{
transform:translateY(-8px);
box-shadow:0 18px 40px rgba(0,0,0,.08);
border-color:transparent}

.cc-image{
position:relative;
overflow:hidden;
aspect-ratio:4/5}

.cc-image img{
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
transition:transform .7s ease}

.cc-card:hover .cc-image img{
transform:scale(1.08)}

.cc-image::after{
content:"";
position:absolute;
inset:0;
background:rgba(0,0,0,0);
transition:background .35s ease}

.cc-card:hover .cc-image::after{
background:rgba(0,0,0,.08)}

.cc-title{
font-size:16px;
font-weight:500;
color:#111;
text-align:center;
padding:14px 12px 16px;
margin:0;
letter-spacing:.3px;
transition:color .25s ease}

.cc-card:hover .cc-title{
color:#777}

@media (max-width:768px){

.cc-card{
min-width:200px}

.cc-title{
font-size:14px;
padding:12px}

.cc-card:hover{
transform:none;
box-shadow:0 10px 20px rgba(0,0,0,.06)}

}

.collection-hero__inner{
padding-bottom:70px!important}

:root{
--primary:#0c253b;
--white:#fff;
--black:#000}

cart-items{
display:block;
background-color:var(--white);
color:var(--black);
padding:60px 20px;
font-family:Arial,Helvetica,sans-serif}

.page-width{
max-width:1100px;
margin:0 auto}

.cart__warnings .title-wrapper-with-link,
cart-items .title-wrapper-with-link{
display:flex;
justify-content:space-between;
align-items:center;
border-bottom:2px solid var(--primary);
padding-bottom:15px;
margin-bottom:40px}

cart-items .title--primary{
font-size:32px;
color:var(--primary);
margin:0;
font-weight:700;
text-transform:uppercase}

a{
color:var(--primary);
text-decoration:none;
transition:.3s ease}

a:hover{
color:var(--black)}

.underlined-link{
position:relative}

.underlined-link::after{
content:"";
position:absolute;
left:0;
bottom:-3px;
width:100%;
height:2px;
background:var(--primary);
transition:.3s}

.underlined-link:hover::after{
background:var(--black)}

.cart__warnings{
text-align:center!important;
background:transparent;
padding:50px 20px!important;
border:0;
border-radius:0}

.cart__empty-text{
font-size:28px;
color:var(--primary);
margin-bottom:25px;
font-weight:600}

.button{
display:inline-block;
padding:12px 30px;
background-color:var(--primary);
color:var(--white);
font-weight:600;
text-transform:uppercase;
border:2px solid var(--primary);
transition:.3s ease;
cursor:pointer}

.button:hover{
background-color:var(--black);
border-color:var(--black);
color:var(--white)}

.cart__warnings .cart__login-title{
margin:20px 0 20px 0!important;
font-size:20px;
color:var(--black);
font-weight:600}

.cart__login-paragraph{
margin-top:10px;
font-size:16px;
color:var(--black)}

.cart__contents{
margin-top:40px}

.visually-hidden{
position:absolute!important;
height:1px;
width:1px;
overflow:hidden;
clip:rect(1px,1px,1px,1px);
white-space:nowrap}

.banner{
position:relative;
overflow:hidden}

.banner::after{
content:"";
position:absolute;
inset:0;
background:var(--black);
opacity:.5;
z-index:1}

.banner__media img{
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
display:block}

.banner__content{
position:absolute;
inset:0;
display:flex;
align-items:flex-end;
justify-content:center;
padding:60px 20px;
z-index:2}

.banner__box{
background:var(--white);
padding:40px 50px;
text-align:center;
border:3px solid var(--primary);
max-width:600px;
width:100%}

.banner__heading{
color:var(--white);
font-size:42px;
font-weight:700;
margin-bottom:25px;
text-transform:uppercase}

.banner__buttons .button{
display:inline-block;
padding:12px 35px;
background:var(--primary);
color:var(--white);
border:2px solid var(--primary);
text-transform:uppercase;
font-weight:600;
transition:.3s ease;
cursor:pointer}

.banner__buttons .button:hover{
background:var(--black);
border-color:var(--black);
color:var(--white)}

.banner__buttons a.button.button--secondary::after,.banner__buttons a.button.button--secondary::before{
content:none}

@media (max-width:768px){

.banner__box{
padding:25px}

.banner__heading{
font-size:28px}

.banner:not(.banner--mobile-bottom):not(.email-signup-banner) .banner__box{
background:0 0;
top:100px}

}

.featured-collection-template--19777544421605__collection_carousel_Tcrk9N{
background:var(--white);
padding:80px 40px}

.featured-collection-top-template--19777544421605__collection_carousel_Tcrk9N{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:50px;
border-bottom:2px solid var(--primary);
padding-bottom:15px}

.featured-collection-top-template--19777544421605__collection_carousel_Tcrk9N h2{
font-size:32px;
text-transform:uppercase;
color:var(--primary);
margin:0;
font-weight:700}

.featured-collection-link-template--19777544421605__collection_carousel_Tcrk9N{
color:var(--primary);
text-decoration:none;
font-weight:600;
display:flex;
align-items:center;
gap:8px;
transition:.3s ease}

.featured-collection-link-template--19777544421605__collection_carousel_Tcrk9N:hover{
color:var(--black)}

.featured-collection-slider-template--19777544421605__collection_carousel_Tcrk9N{
position:relative}

.swiper-slide{
background:var(--white);
border:1px solid #eee;
transition:.3s ease;
border-radius:20px}

.swiper-slide:hover{
border-color:var(--primary)}

.featured-collection-image-template--19777544421605__collection_carousel_Tcrk9N{
position:relative;
overflow:hidden;
background:var(--white)}

.featured-collection-first-image-template--19777544421605__collection_carousel_Tcrk9N,.featured-collection-second-image-template--19777544421605__collection_carousel_Tcrk9N{
width:100%;
display:block;
transition:opacity .4s ease,transform .4s ease}

.has-secondary-template--19777544421605__collection_carousel_Tcrk9N .featured-collection-second-image-template--19777544421605__collection_carousel_Tcrk9N{
position:absolute;
inset:0;
opacity:0}

.has-secondary-template--19777544421605__collection_carousel_Tcrk9N:hover .featured-collection-second-image-template--19777544421605__collection_carousel_Tcrk9N{
opacity:1;
transform:scale(1.05)}

.featured-collection-content-template--19777544421605__collection_carousel_Tcrk9N{
padding:20px 10px;
text-align:center}

.featured-collection-title-template--19777544421605__collection_carousel_Tcrk9N{
font-size:16px;
font-weight:600;
color:var(--black);
margin-bottom:8px;
transition:.3s ease}

.swiper-slide:hover .featured-collection-title-template--19777544421605__collection_carousel_Tcrk9N{
color:var(--primary)}

.featured-collection-price-template--19777544421605__collection_carousel_Tcrk9N{
font-size:15px;
font-weight:500;
color:var(--primary)}

.featured-collection-btn-next-template--19777544421605__collection_carousel_Tcrk9N,.featured-collection-btn-prev-template--19777544421605__collection_carousel_Tcrk9N{
width:40px;
height:40px;
background:var(--primary);
display:flex;
align-items:center;
justify-content:center;
transition:.3s ease}

.featured-collection-btn-next-template--19777544421605__collection_carousel_Tcrk9N:hover,.featured-collection-btn-prev-template--19777544421605__collection_carousel_Tcrk9N:hover{
background:var(--black)}

.featured-collection-pagination-template--19777544421605__collection_carousel_Tcrk9N{
background:#eee;
height:3px;
margin-top:40px}

.swiper-pagination-progressbar-fill{
background:var(--primary)!important}

@media (max-width:768px){

.featured-collection-template--19777544421605__collection_carousel_Tcrk9N{
padding:50px 20px}

.featured-collection-top-template--19777544421605__collection_carousel_Tcrk9N h2{
font-size:22px}

}

#Banner-template--19777544421605__image_banner_7GezE8{
position:relative;
overflow:hidden}

#Banner-template--19777544421605__image_banner_7GezE8::after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(to right,rgba(0,0,0,.55) 0,rgba(0,0,0,.35) 35%,rgba(0,0,0,.15) 60%,rgba(0,0,0,.05) 100%);
z-index:1}

#Banner-template--19777544421605__image_banner_7GezE8 .banner__media img{
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
display:block}

#Banner-template--19777544421605__image_banner_7GezE8 .banner__content{
position:absolute;
inset:0;
display:flex;
align-items:center;
justify-content:flex-start;
padding:0 2%;
z-index:2;
text-align:left}

#Banner-template--19777544421605__image_banner_7GezE8 .banner__box{
background:0 0;
border:none;
padding:0;
max-width:600px}

#Banner-template--19777544421605__image_banner_7GezE8 .banner__heading{
color:var(--white);
font-size:54px;
font-weight:700;
line-height:1.15;
letter-spacing:1px;
text-transform:uppercase;
margin-bottom:30px}

#Banner-template--19777544421605__image_banner_7GezE8 .banner__buttons .button{
display:inline-block;
padding:14px 38px;
background:var(--primary);
color:var(--white);
border:none;
font-weight:600;
letter-spacing:1px;
text-transform:uppercase;
border-radius:40px;
transition:all .3s ease}

#Banner-template--19777544421605__image_banner_7GezE8 .banner__buttons .button:hover{
background:var(--white);
color:var(--primary)}

.banner__buttons a.button.button--primary::after,.banner__buttons a.button.button--primary::before{
display:none}

@media (max-width:992px){

#Banner-template--19777544421605__image_banner_7GezE8 .banner__heading{
font-size:40px}

}

@media (max-width:768px){

#Banner-template--19777544421605__image_banner_7GezE8 .banner__content{
justify-content:center;
text-align:center;
padding:0 20px}

#Banner-template--19777544421605__image_banner_7GezE8 .banner__heading{
font-size:28px}

}

.collection-hero{
padding:70px 40px;
background:#fff}

.collection-hero__inner{
display:flex;
align-items:center;
justify-content:space-between;
gap:60px}

.collection-hero__text-wrapper{
width:45%}

.collection-hero__title{
font-size:48px;
font-weight:700;
margin:0;
color:#000;
letter-spacing:-1px}

.collection-hero__image-container{
width:55%;
overflow:hidden}

.collection-hero__image-container img{
width:100%;
height:auto;
-o-object-fit:cover;
object-fit:cover;
display:block;
border-radius:12px}

@media screen and (max-width:768px){

.collection-hero{
padding:40px 20px}

.collection-hero__inner{
flex-direction:column;
gap:25px;
text-align:center}

.collection-hero__text-wrapper{
width:100%;
order:2}

.collection-hero__title{
font-size:32px}

.collection-hero__image-container{
width:100%;
order:1}

.collection-hero__image-container img{
border-radius:10px}

}

.product{
padding:60px 0}

@media screen and (max-width:990px){

.product{
padding:20px 0}

.product__info-wrapper{
padding-left:0;
margin-top:30px}

}

.thumbnail-list{
gap:12px}

.thumbnail{
border-radius:8px;
overflow:hidden;
opacity:.6;
transition:.3s ease;
border:1px solid transparent}

.thumbnail[aria-current=true]{
opacity:1;
border:1px solid #000}

.thumbnail:hover{
opacity:1}

@media screen and (max-width:749px){

.slider-buttons{
display:flex!important;
justify-content:space
between;
width:100%;
position:absolute;
top:50%;
transform:translateY(-50%);
padding:0 15px;
pointer-events:none}

.slider-button{
pointer-events:all;
width:42px;
height:42px;
border-radius:50%;
background:rgba(255,255,255,.95);
box-shadow:0 4px 20px rgba(0,0,0,.15);
border:none}

.slider-button .icon{
width:16px;
height:16px}

}

.slider-counter{
display:none!important}

.product__info-wrapper{
padding-left:60px}

@media screen and (max-width:749px){

.product .slider-buttons{
display:flex!important;
justify-content:space-between;
align-items:center}

.product .slider-button{
background:#fff;
border-radius:50%;
box-shadow:0 4px 15px rgba(0,0,0,.15);
width:40px;
height:40px}

.product .slider-button .icon{
width:16px;
height:16px}

.product__info-wrapper{
padding-left:0!important}

.color-scheme-1.gradient{
padding:0}

}

@media screen and (max-width:749px){

.quick-add-hidden{
display:flex!important;
flex-wrap:wrap}

}

.related-products{
padding:100px 0;
background:#fff}

.related-products__heading{
text-align:center;
font-size:32px;
font-weight:600;
margin-bottom:60px;
letter-spacing:1px;
color:#111}

.related-products .product-grid{
gap:40px}

@media screen and (max-width: 768px) {
  .related-products .product-grid {
    gap: 12px !important;
  }
}

.related-products .card{
background:0 0;
border:none;
box-shadow:none}

.related-products .card__inner{
border-radius:8px;
overflow:hidden;
background:#f8f8f8}

.related-products .card__media,
.related-products .card__media .media,
.related-products .card-image-slider,
.related-products .card-image-slider-link,
.related-products .card-image-slider__track {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

.related-products .card-image-slider {
  overflow: hidden !important;
  z-index: 4 !important;
}

.related-products .card-image-slider-link {
  display: block !important;
  overflow: hidden !important;
}

/* Related products: disable INNER card-image swipe so OUTER product carousel owns horizontal gestures */
@media screen and (max-width: 749px) {
  .related-products .card__inner,
  .related-products .card__media,
  .related-products .card__media .media,
  .related-products .card-image-slider,
  .related-products .card-image-slider-link,
  .related-products .card-image-slider__track {
    overflow: clip !important;
    overflow-x: clip !important;
    overflow-y: clip !important;
    overscroll-behavior: none !important;
    scroll-snap-type: none !important;
    -webkit-overflow-scrolling: auto !important;
  }

  .related-products .card-image-slider-link {
    display: block !important;
    touch-action: manipulation !important;
    -webkit-touch-callout: none !important;
  }

  .related-products .card-image-slider__track {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    max-width: 100% !important;
    transform: none !important;
    transition: none !important;
  }

  .related-products .card-image-slide {
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    scroll-snap-align: none !important;
    scroll-snap-stop: normal !important;
  }

  .related-products .card-image-slide:not(:first-child) {
    display: none !important;
  }

  .related-products .card-image-slider-nav,
  .related-products .card-slider-arrow {
    display: none !important;
    pointer-events: none !important;
  }

  .related-products .product-grid {
    scroll-snap-type: x proximity !important;
    scroll-padding-inline: 16px !important;
    overscroll-behavior-x: contain !important;
    touch-action: pan-x pan-y !important;
    scrollbar-width: none !important;
    scroll-behavior: auto !important;
    -webkit-overflow-scrolling: touch !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .related-products .product-grid::-webkit-scrollbar {
    display: none !important;
  }

  .related-products .product-grid > .grid__item:first-child {
    margin-left: 16px !important;
  }

  .related-products .product-grid > .grid__item:last-child {
    margin-right: 16px !important;
  }

  .related-products .product-grid > .grid__item {
    scroll-snap-align: start !important;
    scroll-snap-stop: normal !important;
  }

  .related-products .product-grid img {
    -webkit-user-drag: none !important;
    -webkit-touch-callout: none !important;
    user-select: none !important;
    pointer-events: none !important;
  }
}

.related-products .card-image-slider__track {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
}

.related-products .card-image-slide {
  position: relative !important;
  flex: 0 0 100% !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  display: block !important;
}

.related-products .card-image-slide img,
.related-products .card__media .card-image-slide img {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  opacity: 1 !important;
  visibility: visible !important;
  transition: transform .6s ease;
}

.related-products .card:hover .card-image-slide img {
  transform: scale(1.05);
}

.related-products .media--hover-effect {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

/* Secondary hover image only (direct child), never hide slider images */
.related-products .media--hover-effect > img {
  opacity: 0;
  transition: opacity .4s ease;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 5;
  pointer-events: none;
}

.related-products .card:hover .media--hover-effect > img {
  opacity: 1;
}

.related-products .card__heading{
font-size:16px;
font-weight:500;
margin-top:18px;
margin-bottom:8px}

.related-products .card__heading a{
text-decoration:none;
color:#111;
transition:opacity .3s ease}

.related-products .card__heading a:hover{
opacity:.6}

.related-products .price-item{
font-size:15px;
font-weight:500;
color:#000}

.related-products .card__inner .card__content{
display:none}

.related-products .card__inner+.card__content{
padding-top:12px;
padding-left:10px;
padding-right:10px;
box-sizing:border-box}

.related-products .card__information{
padding-left:0;
padding-right:0}

.related-products .card-information,
.related-products .card__heading,
.related-products .price,
.related-products .card__swatches,
.related-products .product-card-swatches,
.related-products .swatch-input-wrapper,
.related-products variant-swatch-group,
.related-products .card__content{
padding-left:0}

.related-products .card__badge{
display:none}

.card--card.gradient,.card__inner.gradient{
border-radius:20px}

@media screen and (max-width:768px){

.related-products{
padding:60px 0}

.related-products__heading{
font-size:24px;
margin-bottom:40px}

.related-products .card__inner+.card__content,
.related-products .card > .card__content{
padding-left:12px !important;
padding-right:12px !important;
}

.related-products .card__information{
padding-left:0 !important;
padding-right:0 !important;
}

.related-products .product-grid{
display:flex !important;
flex-wrap:nowrap !important;
gap:12px !important;
overflow-x:auto !important;
padding-left:0 !important;
padding-right:0 !important;
-webkit-overflow-scrolling:touch;
scroll-snap-type:x proximity !important;
scroll-padding-inline:16px !important;
overscroll-behavior-x:contain !important;
touch-action:pan-x pan-y !important;
scrollbar-width:none !important;
scroll-behavior:auto !important;
box-sizing:border-box !important;
}

.related-products .product-grid > .grid__item:first-child{
margin-left:16px !important;
}

.related-products .product-grid > .grid__item:last-child{
margin-right:16px !important;
}

.related-products .product-grid::-webkit-scrollbar{
display:none !important;
}

.related-products .product-grid > .grid__item{
flex:0 0 70vw !important;
width:70vw !important;
max-width:70vw !important;
min-width:70vw !important;
scroll-snap-align:start !important;
scroll-snap-stop:normal !important;
}

.related-products .card__inner.ratio{
--ratio-percent:125% !important;
}

.related-products .card__heading{
font-size:14px}

.related-products .price-item{
font-size:14px}

}

.product__description.rte{
max-width:800px;
margin:12px 0 16px 0;
padding:0 8px !important;

  ;
background:trasparent;
border-radius:0;
line-height:1.7;
font-size:15px;
color:#333;
}

.product__description.rte p{
margin-bottom:4px}

.product__description.rte strong{
display:block;
font-size:16px;
font-weight:600;
margin-top:20px;
margin-bottom:4px;
color:#111}

.product__description.rte ul{
padding-left:18px;
margin-bottom:18px}

.product__description.rte li{
margin-bottom:6px}

.product__description.rte li::marker{
color:#888}

.product__description.rte strong::before{
content:"";
display:block;
width:40px;
height:2px;
background:#ddd;
margin-bottom:10px}

@media (max-width:768px){

.product__description.rte{
padding:0px;
font-size:14px}

.product__description.rte strong{
font-size:15px}

}

.contact__button button.button::after{
display:none!important}

.size-chart-modal{
position:fixed;
inset:0;
background:rgba(0,0,0,.45);
display:none;
z-index:2147483000;
height:100vh;
width:100vw;
margin:0;
padding:0;
align-items:stretch;
justify-content:flex-end}

.size-chart-content{
position:relative;
right:auto;
top:auto;
min-height:0;
height:100%;
width:100%;
max-width:500px;
background:#fff;
padding:45px 28px 24px;
overflow-y:auto;
box-shadow:-5px 0 20px #00000026;
transform:none;
transition:none}

.size-chart-modal.active .size-chart-content{
transform:none}

.size-chart-close{
position:absolute;
right:20px;
top:20px;
border:none;
background:0 0;
font-size:22px;
cursor:pointer}

.size-chart-title{
margin:0 0 10px;
font-size:26px;
font-weight:500;
line-height:1.2;
color:#121212}

.size-chart-inner h3{
font-size:26px;
margin-bottom:10px;
font-weight:500}

.size-chart-desc{
font-size:14px;
color:#555;
margin:0 0 16px;
line-height:1.45}

.size-chart-desc:empty{
display:none}

.size-chart-tabs{
display:flex;
gap:10px;
justify-content:flex-end;
margin-bottom:20px}

.size-chart-tabs button{
border:1px solid #cfcfcf;
background:#fff;
padding:6px 16px;
font-size:12px;
letter-spacing:.05em;
cursor:pointer}

.size-chart-tabs button.active{
background:#1b1b1b;
color:#fff;
border-color:#1b1b1b}

.size-chart-table-wrap{
position:relative;
width:100%}

.size-chart-table-scroll{
width:100%;
overflow-x:hidden;
overscroll-behavior-x:contain;
touch-action:pan-x;
-webkit-overflow-scrolling:touch}

.size-chart-fade{
display:none;
pointer-events:none;
position:absolute;
top:0;
right:0;
bottom:0;
width:28px;
background:linear-gradient(to left,rgba(255,255,255,.95),rgba(255,255,255,0));
z-index:5}

.size-chart-table-wrap.has-more .size-chart-fade{
display:block}

.size-chart-table-scroll table{
width:100%;
min-width:0;
border-collapse:separate;
border-spacing:0;
margin:0;
font-size:14px;
border:none;
table-layout:fixed}

.size-chart-table-scroll.is-swipeable{
overflow-x:auto}

.size-chart-table-scroll.is-swipeable table{
width:max-content;
min-width:calc(100% + 56px);
table-layout:auto}

.size-chart-table-scroll.is-swipeable th:not(:first-child),
.size-chart-table-scroll.is-swipeable td:not(:first-child){
min-width:92px}

.size-chart-table-scroll th{
background:#e7e7e7;
text-transform:uppercase;
letter-spacing:.04em;
font-size:11px;
padding:12px 8px;
text-align:center;
font-weight:600;
border:none;
white-space:normal;
word-break:break-word;
line-height:1.25;
overflow:visible}

.size-chart-table-scroll td{
padding:12px 8px;
border:none;
border-top:1px solid #eee;
text-align:center;
background:#fff}

.size-chart-table-scroll th:first-child,
.size-chart-table-scroll td:first-child{
position:sticky;
left:0;
z-index:3;
font-weight:600;
min-width:56px}

.size-chart-table-scroll th:first-child{
background:#e7e7e7;
z-index:4}

.size-chart-table-scroll.is-swipeable th:first-child,
.size-chart-table-scroll.is-swipeable td:first-child{
box-shadow:3px 0 6px rgba(0,0,0,.08)}

.size-chart-table-scroll > h1,
.size-chart-table-scroll > h2,
.size-chart-table-scroll > h3,
.size-chart-table-scroll > h4,
.size-chart-table-scroll > p{
display:none}

.size-chart-inner tr:hover{
background:transparent}

@media screen and (max-width:749px){

  .size-chart-modal.active{
align-items:flex-end!important;
justify-content:center!important}

  .size-chart-content{
width:100%!important;
max-width:100%!important;
height:auto!important;
max-height:72vh!important;
align-self:flex-end!important;
border-radius:16px 16px 0 0!important;
box-shadow:0 -8px 30px rgba(0,0,0,.18)!important}

}

.size-unit-toggle{
display:flex;
align-items:center;
gap:10px;
justify-content:flex-end;
margin-top:20px;
font-size:13px}

.switch{
position:relative;
width:40px;
height:20px}

.switch input{
display:none}

.switch input:checked+.size-chart-unit-slider:before{
transform:translateX(20px)}

.size-chart-btn{
display:inline-flex;
align-items:center;
gap:8px;
padding:0;
border:0;
background:transparent;
color:#555;
font-size:14px;
font-weight:400;
font-family:"Helvetica Neue",Arial,sans-serif;
border-radius:0;
cursor:pointer;
transition:color .2s ease;
text-decoration:none;
line-height:1.2;
box-shadow:none;
box-sizing:border-box;
max-width:100%}

/* Mobile: align with Color/Size (those use .product-form__input 1.5rem padding) */
@media screen and (max-width:749px){
  .product__info-container .size-chart-btn,
  variant-selects > .size-chart-btn,
  .size-chart-btn{
    margin-left:0 !important;
    padding-left:1.5rem !important;
    padding-right:1.5rem !important;
  }
}

.size-chart-btn .icon,
.size-chart-btn__icon{
font-size:14px;
line-height:1;
display:inline-flex;
align-items:center;
justify-content:center;
text-decoration:none!important;
border:0!important;
box-shadow:none!important;
background:none!important;
color:#888}

.size-chart-btn__icon svg{
display:block;
width:16px;
height:16px;
fill:currentColor}

.size-chart-btn__text{
color:inherit;
font-size:14px;
font-weight:400;
letter-spacing:0}

/* Keep the tape symbol; remove only the underline under it */
.size-chart-btn,
.hwvac-qs__size-chart-btn,
.hweds-qs__size-row .size-chart-btn{
text-decoration:none!important;
border:0!important;
background:transparent!important;
box-shadow:none!important}

@media screen and (min-width:750px){
  .size-chart-btn,
  .hwvac-qs__size-chart-btn,
  .hweds-qs__size-row .size-chart-btn{
    padding:0!important
  }
}

.size-chart-btn .icon,
.hwvac-qs__size-chart-btn .icon,
.hweds-qs__size-row .size-chart-btn .icon{
text-decoration:none!important;
border-bottom:0!important;
text-decoration-line:none!important}

.hwvac-qs__size-chart-btn .size-chart-btn__text,
.hweds-qs__size-row .size-chart-btn .size-chart-btn__text,
.size-chart-btn .size-chart-btn__text{
text-decoration:none!important}

.size-chart-btn:hover{
background:transparent;
color:#111;
border-color:transparent}

.size-chart-btn:hover .icon,
.size-chart-btn:hover .size-chart-btn__icon{
color:#111}

.size-chart-btn:active{
transform:none;
opacity:.75}

.icon-with-text--horizontal{
justify-content:start!important}

/* Do not style global .slider — Dawn product media gallery uses that class */
.unit-toggle-wrapper .size-chart-unit-slider:before,
.switch .size-chart-unit-slider:before,
.size-chart-switch .size-chart-knob:before{
content:"";
position:absolute;
height:16px;
width:16px;
left:2px;
top:2px;
background:#fff;
border-radius:50%;
transition:.3s}

/* Undo accidental absolute .slider rules on stacked/columns gallery only */
@media screen and (min-width:750px){

  .product--stacked .product__media-list.slider,
  .product--columns .product__media-list.slider{

    position:relative!important;

    inset:auto!important;

    height:auto!important;

    overflow:visible!important;

    background:transparent!important;

  }

  .product--stacked .product__media-list.slider:before,
  .product--columns .product__media-list.slider:before{
content:none!important;
display:none!important}

}

.size-chart-modal{
display:none;
position:fixed;
inset:0;
background:rgba(0,0,0,.5);
justify-content:flex-end;
align-items:stretch;
z-index:2147483000}

.size-chart-modal.active{
display:flex}

cart-items{
padding:40px 0;
background:#fafafa}

cart-items .title-wrapper-with-link{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:30px;
flex-wrap:wrap}

cart-items .title-wrapper-with-link h1{
font-size:34px;
font-weight:600}

cart-items .title-wrapper-with-link a{
font-size:14px;
text-decoration:none;
border-bottom:1px solid #000}

.cart-items{
width:100%;
border-collapse:separate;
border-spacing:0 20px}

.cart-item{
background:#fff;
border-radius:12px;
box-shadow:0 5px 15px rgba(0,0,0,.05);
overflow:hidden}

.cart-item__image-container{
border-radius:10px;
overflow:hidden}

.cart-item__image{
width:100px;
height:auto;
object-fit:contain;
object-position:center top}

.cart-item__details{
padding:20px}

.cart-item__name{
font-size:18px;
font-weight:600;
text-decoration:none;
color:#000}

.cart-item .product-option{
font-size:14px;
margin-top:5px;
color:#555}

.cart-item__quantity{
text-align:center}

/* Quantity compact — cart / drawer only (do not affect product page) */
cart-items .quantity,
cart-drawer .quantity{
display:flex;
align-items:center;
justify-content:center;
gap:10px}

cart-items .quantity__button,
cart-drawer .quantity__button{
width:34px;
height:34px;
background:#fff;
cursor:pointer;
border-radius:6px}

cart-items .quantity__input,
cart-drawer .quantity__input{
display:block!important;
visibility:visible!important;
opacity:1!important;
color:#111!important;
width:45px;
min-width:36px!important;
flex:0 0 auto!important;
flex-shrink:0!important;
text-align:center;
border-radius:6px;
height:34px;
-webkit-appearance:textfield;
appearance:textfield}

cart-items cart-remove-button a,
cart-drawer cart-remove-button a{
display:inline-flex;
align-items:center;
justify-content:center;
width:34px;
height:34px;
border-radius:6px;
background:#f5f5f5;
margin-left:10px}

.cart-item__price-wrapper{
font-size:16px;
font-weight:600}

.cart-item__totals{
padding:20px}

.cart__warnings{
text-align:center;
padding:80px 0}

.cart__empty-text{
font-size:28px;
margin-bottom:20px}

.cart__warnings .button{
background:#000;
color:#fff;
padding:12px 30px;
border-radius:6px;
text-decoration:none}

.cart-item:hover{
transform:translateY(-2px);
transition:.3s;
box-shadow:0 10px 30px rgba(0,0,0,.08)}

@media(max-width:768px){

cart-items .title-wrapper-with-link,
.cart__empty-text + .title-wrapper-with-link,
#MainContent .cart-items ~ .title-wrapper-with-link,
#main-cart-items .title-wrapper-with-link{
flex-direction:column;
align-items:flex-start;
gap:10px}

}

cart-remove-button .button{
display:flex}

@media(min-width:1200px){

.cart-item__image{
width:120px}

.cart-item__name{
font-size:20px}

}

@media screen and (min-width:750px)
{

cart-items .media,
cart-drawer .media{
max-width:100%;
overflow:hidden}

cart-items .media img,
cart-drawer .media img{
max-width:100%;
height:auto;
display:block}

}

@media(max-width:768px){

.product__accordion details{
width:100%}

/* .related-products .product-grid{
display:block!important}
 */
.product{
flex-direction:column}

.product__info-wrapper{
width:100%;
padding-top:20px;
}

}

.product-media-modal__dialog .global-media-settings--no-shadow{
  width: 100vw;

  height: 100vh;

  max-width: 100%;

  max-height: 100%;
}

.product-media-modal__toggle{
border-color:#000!important, background: transparent!important}

@media (max-width:768px){

.product-media-modal__dialog .global-media-settings--no-shadow{
    width: 100vw;

    height: 100vh;
}

button.slider-button.slider-button--next,button.slider-button.slider-button--prev{
display:none}

}

@media screen and (max-width:749px){

ul#Slider-Gallery-template--20853147762917__main{
min-height:65vh}

.slider-buttons{
position:absolute;
bottom:-20%;
left:20%;
transform:translateX(-50%);
width:auto}

.slider-button{
display:none!important}

.slider-counter{
display:flex!important;
justify-content:center;
align-items:center;
gap:6px;
background:#e9e9e9;
border-radius:30px;
padding:6px 14px;
font-size:14px}

.slider-counter span{
font-size:14px}

.slider-counter--current{
font-weight:500}

.banner__content.banner__content--middle-center.page-width.scroll-trigger.animate--slide-in{
background:#00000070}

.banner__content.banner__content--middle-center.page-width.scroll-trigger.animate--slide-in .banner__box.content-container.content-container--full-width-mobile.color-scheme-2.gradient h2.banner__heading.inline-richtext.h1{
margin:0!important}

.banner__content.banner__content--middle-center.page-width.scroll-trigger.animate--slide-in .banner__box.content-container.content-container--full-width-mobile.color-scheme-2.gradient{
top:70px!important}

}

@media (max-width:992px){

.banner__content.banner__content--middle-center.page-width.scroll-trigger.animate--slide-in .banner__box.content-container.content-container--full-width-mobile.color-scheme-2.gradient{
top:100px}

}

.product-media-modal__content{
position:relative}

.product-media-modal .slider-counter{
position:absolute;
bottom:20px;
left:50%;
transform:translateX(-50%);
background:#e9e9e9;
border-radius:30px;
padding:6px 14px;
font-size:14px}

.product-media-modal .slider-button{
display:none!important}

.size-error{
display:none;
background:#ffe6e6;
color:#d10000;
padding:10px 14px;
border-radius:6px;
margin-top:0;
margin-bottom:10px;
font-size:14px;
font-weight:500;
border:1px solid #ffb3b3;
position:relative;
max-width:300px}

.size-error::before{
content:"";
position:absolute;
top:-6px;
left:20px;
width:12px;
height:12px;
background:#ffe6e6;
border-left:1px solid #ffb3b3;
border-top:1px solid #ffb3b3;
transform:rotate(45deg)}

@media (max-width:749px){

.cart-notification-wrapper{
position:fixed;
left:0;
right:0;
bottom:0;
top:auto;
width:100%;
max-width:100%;
margin:0;
padding:0;
z-index:9999}

#cart-notification.cart-notification{
width:100%;
max-width:100%;
margin:0;
padding:30px;
border-radius:16px 16px 0 0;
box-sizing:border-box;
max-height:85vh;
overflow-y:auto;
overflow-x:hidden;
-webkit-overflow-scrolling:touch;
transform:translateZ(0)}

.cart-notification__header{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:10px;
width:100%}

.cart-notification__heading{
margin:0;
font-size:15px;
line-height:1.4;
display:flex;
align-items:center;
gap:8px;
flex:1 1 auto;
min-width:0}

#cart-notification-product{
display:flex;
align-items:flex-start;
gap:10px;
margin-top:12px;
width:100%}

.cart-notification-product__image{
flex:0 0 56px;
width:56px;
max-width:56px}

.cart-notification-product__image img{
width:100%;
height:auto;
display:block;
border-radius:8px}

#cart-notification-product>div:last-child{
flex:1 1 auto;
min-width:0}

.cart-notification-product__name{
margin:0 0 6px;
font-size:14px;
line-height:1.4;
word-break:break-word}

#cart-notification-product dl{
margin:0}

#cart-notification-product .product-option{
display:flex;
flex-wrap:wrap;
gap:4px;
font-size:13px;
line-height:1.4}

#cart-notification-product dd,#cart-notification-product dt{
margin:0}

.cart-notification__links{
display:flex;
flex-direction:column;
gap:10px;
margin-top:16px;
width:100%}

.cart-notification__links .button,.cart-notification__links .button-label,.cart-notification__links form{
width:100%}

.cart-notification__links .button,.cart-notification__links .button-label{
min-height:46px;
font-size:16px;
box-sizing:border-box}

}

/* Desktop: Iconic price sits in title row only on mobile */
.bag-cart__meta{
display:none}

.bag-cart__item-price{
display:none}

.bag-cart__remove-text{
display:none}

.bag-cart__remove-icon{
display:inline-flex}

/* ===== Desktop cart — proper table alignment ===== */
@media screen and (min-width:750px){
  cart-items{
    padding:48px 0 64px!important;
    background:#fafafa!important;
  }
  cart-items .page-width{
    max-width:1100px;
  }
  cart-items .title-wrapper-with-link{
    display:flex!important;
    flex-direction:row!important;
    justify-content:space-between;
    align-items:flex-end;
    gap:20px;
    margin-bottom:28px!important;
    padding-bottom:16px!important;
    border-bottom:2px solid #0c253b!important;
  }
  cart-items .title-wrapper-with-link h1,
  cart-items .title--primary{
    font-size:34px!important;
    margin:0!important;
  }
  cart-items .bag-cart__meta{display:none!important}

  /* Clean table — no card-per-row breaking columns */
  cart-items .cart-items{
    width:100%!important;
    border-collapse:collapse!important;
    border-spacing:0!important;
    display:table!important;
    background:transparent;
  }
  cart-items .cart-items thead{
    display:table-header-group!important;
  }
  cart-items .cart-items tbody{
    display:table-row-group!important;
  }
  cart-items .cart-items tr{
    display:table-row!important;
  }
  cart-items .cart-items th,
  cart-items .cart-items td{
    vertical-align:top!important;
  }
  /* Hide mobile-only TOTAL column on desktop (was showing TOTAL twice) */
  cart-items .cart-items thead th.medium-hide.large-up-hide,
  cart-items .cart-items td.medium-hide.large-up-hide,
  cart-items .cart-item__totals.medium-hide.large-up-hide,
  cart-items .bag-cart-hide-mobile{
    display:none!important;
  }
  /* Show desktop QUANTITY + TOTAL columns */
  cart-items .cart-items thead th.small-hide,
  cart-items .cart-items td.small-hide,
  cart-items .cart-item__totals.small-hide{
    display:table-cell!important;
    visibility:visible!important;
    position:static!important;
    left:auto!important;
    width:auto!important;
    height:auto!important;
    overflow:visible!important;
    pointer-events:auto!important;
  }
  cart-items .cart-items thead th:not(.medium-hide),
  cart-items .cart-items td:not(.medium-hide){
    display:table-cell!important;
  }
  cart-items .cart-items thead th{
    padding:0 0 14px!important;
    border-bottom:1px solid rgba(0,0,0,.12)!important;
    font-size:12px;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:rgba(0,0,0,.55);
    font-weight:600;
    opacity:1;
  }
  cart-items .cart-items thead th.right{
    text-align:right!important;
  }
  cart-items .cart-items__heading--quantity{
    text-align:center!important;
    padding-left:0!important;
  }

  /* Column widths so headers sit over content */
  cart-items .cart-items thead th:first-child{
    width:55%;
  }
  cart-items .cart-item__media{
    width:110px!important;
    padding:24px 16px 24px 0!important;
  }
  cart-items .cart-item__details{
    width:auto!important;
    padding:24px 24px 24px 0!important;
    text-align:left!important;
  }
  cart-items .cart-item__quantity{
    width:200px!important;
    text-align:center!important;
    padding:24px 16px!important;
  }
  cart-items .cart-item__totals.small-hide{
    width:160px!important;
    text-align:right!important;
    padding:24px 16px 24px 0!important;
  }

  cart-items .cart-item{
    display:table-row!important;
    background:transparent!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:visible!important;
    transform:none!important;
  }
  cart-items .cart-item:hover{
    transform:none!important;
    box-shadow:none!important;
  }
  cart-items .cart-item>td{
    border-bottom:1px solid rgba(0,0,0,.1)!important;
    background:#fff;
  }
  /* Soft card feel across the whole row without breaking alignment */
  cart-items .cart-item>td:first-child{
    border-radius:12px 0 0 12px;
    padding-left:16px!important;
  }
  cart-items .cart-item>td:last-child{
    border-radius:0 12px 12px 0;
    padding-right:16px!important;
  }

  cart-items .cart-item__image{
    width:96px!important;
    max-width:96px!important;
    margin:0!important;
    border-radius:8px;
    display:block;
  }
  cart-items .bag-cart__item-top{
    display:block;
  }
  cart-items .bag-cart__item-price{display:none!important}
  cart-items .bag-cart__desktop-unit-price{display:block}
  cart-items .cart-item__name{
    font-size:16px!important;
    font-weight:600;
    margin:0 0 6px!important;
    color:#111;
  }
  cart-items .cart-item__details .product-option,
  cart-items .cart-item__details dt,
  cart-items .cart-item__details dd{
    font-size:13px;
    color:#555;
    text-align:left!important;
  }

  cart-items .cart-item__quantity-wrapper{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    gap:10px;
    width:auto;
    margin:0 auto;
  }
  cart-items .quantity.cart-quantity{
    border:1px solid #ddd;
    min-height:36px;
  }
  cart-items .cart-item .quantity__button{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
  }
  cart-items .cart-item .quantity__input{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    color:#111!important;
    width:40px!important;
    min-width:40px!important;
    height:34px!important;
    flex:0 0 40px!important;
    font-size:14px!important;
  }
  cart-items cart-remove-button{
    margin-left:0!important;
  }
  cart-items .bag-cart__remove,
  cart-items cart-remove-button .button.bag-cart__remove{
    min-width:36px!important;
    min-height:36px!important;
    width:36px!important;
    height:36px!important;
    border-radius:50%!important;
    background:#0c253b!important;
    color:#fff!important;
    text-decoration:none!important;
    padding:0!important;
  }
  cart-items .bag-cart__remove-text{display:none!important}
  cart-items .bag-cart__remove-icon{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
  }
  cart-items .cart-item__price-wrapper,
  cart-items .cart-item__price-wrapper .price{
    font-size:15px!important;
    font-weight:600;
    text-align:right!important;
  }

  /* Footer — right aligned, not sticky on desktop */
  .shopify-section.cart__footer-wrapper{
    margin-top:0!important;
  }
  #main-cart-footer:not(.is-empty){
    position:static!important;
    background:transparent!important;
    box-shadow:none!important;
    border:none!important;
    width:auto!important;
  }
  #main-cart-footer:not(.is-empty) .page-width{
    max-width:1100px;
    padding-left:0;
    padding-right:0;
  }
  #main-cart-footer:not(.is-empty) .cart__footer{
    display:flex!important;
    justify-content:flex-end!important;
    padding:24px 0 48px!important;
  }
  #main-cart-footer .cart__blocks{
    width:min(360px,100%);
    gap:12px;
  }
  #main-cart-footer .js-contents{
    background:transparent!important;
    color:#111!important;
    padding:0!important;
  }
  #main-cart-footer .totals{
    justify-content:space-between!important;
    color:#111!important;
    margin:0!important;
  }
  #main-cart-footer .totals__total,
  #main-cart-footer .totals__total-value{
    color:#111!important;
  }
  #main-cart-footer .tax-note{
    display:block!important;
    text-align:left!important;
    color:#666!important;
    opacity:1;
    margin:0!important;
  }
  #main-cart-footer .cart__ctas .button,
  #main-cart-footer .cart__checkout-button{
    width:100%!important;
    background:#0c253b!important;
    border-radius:6px!important;
    min-height:42px!important;
    height:auto!important;
    padding:10px 16px!important;
    letter-spacing:.08em;
  }
}

@media (max-width:749px){

/* ===== Cart page — Iconic-style mobile card ===== */
cart-items{

  padding:16px 16px 140px!important;

  background:#fff!important;

}

.cart__items{

  overflow:visible;

  padding-bottom:0;

  border-bottom:none!important;

}

cart-items .title-wrapper-with-link{

  flex-direction:column;

  align-items:flex-start;

  gap:8px;

  margin-bottom:12px!important;

  padding-bottom:12px!important;

  border-bottom:1px solid #eee!important;

}

cart-items .title-wrapper-with-link h1,
cart-items .title-wrapper-with-link .title--primary{

  font-size:20px!important;

}


/* ITEMS / TOTAL + promo (like reference) */
.bag-cart__meta{

  display:block;

  margin:0 0 4px;

}

.bag-cart__summary{

  display:flex;

  justify-content:space-between;

  align-items:center;

  gap:12px;

  padding:0 0 10px;

  border-bottom:1px solid #eee;

  font-size:12px;

  font-weight:600;

  letter-spacing:.04em;

  text-transform:uppercase;

}

.bag-cart__items span{
color:#c45c6a}

.bag-cart__promo{
  display:none!important;
}


/* Hide Dawn PRODUCT/TOTAL table headers */
cart-items .cart-items thead{
display:none!important}


cart-items .cart-items,
cart-items .cart-items tbody,
cart-items .cart-items tr{

  display:block;

  width:100%;

}


/* Card layout:
   [img] [ title .............. price ]
         [ Size: S                    ]
         [ - 1 + ............. Remove ] */
cart-items .cart-items .cart-item{

  display:grid!important;

  grid-template-columns:88px minmax(0,1fr)!important;

  grid-template-areas:
    "media details"
    "media qty"!important;

  column-gap:12px!important;

  row-gap:10px!important;

  align-items:start;

  width:100%;

  box-sizing:border-box;

  padding:16px 0!important;

  margin:0!important;

  background:#fff!important;

  border-radius:0!important;

  box-shadow:none!important;

  border-bottom:1px solid #eee!important;

  overflow:visible;

  transform:none!important;

}

cart-items .cart-items .cart-item:hover{

  transform:none!important;

  box-shadow:none!important;

}

cart-items .cart-items .cart-item>td:not(.cart-item__totals){
  display:block!important;
  width:auto!important;
  max-width:100%;
  padding:0!important;
  margin:0!important;
  border:none;
}
cart-items .cart-items .cart-item>td.cart-item__totals,
cart-items td.cart-item__totals,
cart-items .cart-item__totals,
cart-items .bag-cart-hide-mobile{
  display:none!important;
  visibility:hidden!important;
  width:0!important;
  height:0!important;
  max-width:0!important;
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:none!important;
  position:absolute!important;
  left:-9999px!important;
  pointer-events:none!important;
}

cart-items .cart-item__media{

  grid-area:media;

  width:88px!important;

  min-width:88px;

  max-width:88px;

  text-align:left!important;

}

cart-items .cart-item__image-container{

  width:100%;

  display:block;

  border-radius:0;

  overflow:visible;

  background:transparent;

}

cart-items .cart-item__image{

  display:block!important;

  width:100%!important;

  max-width:100%!important;

  height:auto!important;

  margin:0!important;

  border-radius:0;

  aspect-ratio:3/4;

  object-fit:contain;

  object-position:center top;

}

cart-items .cart-item__details{

  grid-area:details;

  width:auto!important;

  min-width:0;

  text-align:left!important;

  padding:0!important;

}

cart-items .cart-item__details>*{
max-width:100%!important}


/* Title + price on one row */
cart-items .bag-cart__item-top{

  display:flex;

  align-items:flex-start;

  justify-content:space-between;

  gap:10px;

  margin:0 0 6px;

}

cart-items .bag-cart__item-price{

  display:block;

  flex:0 0 auto;

  text-align:right;

  line-height:1.25;

}

cart-items .bag-cart__item-price .price{

  display:block;

  font-size:13px;

  font-weight:700;

  color:#111;

  white-space:nowrap;

}

cart-items .bag-cart__item-price .cart-item__old-price{

  display:block;

  margin-top:2px;

  font-size:11px;

  color:#999;

  text-decoration:line-through;

}

cart-items .cart-item__name{

  flex:1 1 auto;

  min-width:0;

  display:block;

  font-size:13px!important;

  font-weight:600;

  line-height:1.35;

  margin:0!important;

  color:#111;

  text-align:left!important;

  word-break:break-word;

}

cart-items .cart-item__details .product-option,
cart-items .cart-item__details dd,
cart-items .cart-item__details dl,
cart-items .cart-item__details dt{

  font-size:12px!important;

  line-height:1.4;

  color:#666;

  text-align:left!important;

  margin:0;

}

cart-items .cart-item__details dl{
margin:0 0 2px!important}


/* Hide duplicate totals column on mobile — price is beside title */
cart-items .cart-item__totals,
cart-items .cart-item__totals.medium-hide.large-up-hide,
cart-items .cart-item__totals.small-hide{
  display:none!important;
}


cart-items .cart-item__quantity{

  grid-area:qty;

  width:100%!important;

  text-align:left!important;

  padding:0!important;

  margin:0!important;

}

cart-items .cart-item__quantity-wrapper{

  display:flex!important;

  align-items:center;

  justify-content:space-between;

  gap:12px;

  flex-wrap:nowrap;

  margin:0!important;

  width:100%;

}

cart-items .quantity-popover-container{
flex:0 0 auto;
margin:0!important}

cart-items .quantity.cart-quantity{

  display:inline-flex!important;

  align-items:center!important;

  border:1px solid #ccc;

  width:fit-content!important;

  min-width:unset!important;

  min-height:32px;

  gap:0!important;

  margin:0!important;

}

cart-items .cart-item .quantity__button{

  width:30px!important;

  height:30px!important;

  min-width:30px!important;

  padding:0!important;

  background:transparent!important;

  border:none!important;

}

cart-items .cart-item .quantity__input{

  display:block!important;

  visibility:visible!important;

  opacity:1!important;

  color:#111!important;

  width:36px!important;

  min-width:36px!important;

  height:30px!important;

  flex:0 0 36px!important;

  flex-shrink:0!important;

  padding:0!important;

  text-align:center!important;

  font-size:14px!important;

  border:none!important;

  -webkit-appearance:textfield;

  appearance:textfield;

}

cart-items cart-remove-button{

  flex:0 0 auto;

  margin:0!important;

  display:flex!important;

}

cart-items .bag-cart__remove,
cart-items cart-remove-button .button.bag-cart__remove{

  min-width:auto!important;

  min-height:auto!important;

  width:auto!important;

  height:auto!important;

  padding:0!important;

  margin:0!important;

  border:none!important;

  border-radius:0!important;

  background:transparent!important;

  color:#111!important;

  box-shadow:none!important;

  font-size:12px;

  font-weight:500;

  text-decoration:underline;

  text-underline-offset:2px;

}

cart-items .bag-cart__remove::before,
cart-items .bag-cart__remove::after{
display:none!important;
content:none!important}

cart-items .bag-cart__remove-text{
display:inline}

cart-items .bag-cart__remove-icon{
display:none!important}

cart-items .cart-item__error{
grid-column:1/-1;
margin-top:4px}


/* Sticky checkout — white estimated total + black button */
.shopify-section.cart__footer-wrapper{margin-top:0!important}
#main-cart-footer:not(.is-empty){
  position:fixed;
  left:0;right:0;bottom:0;
  z-index:40;
  width:100%;
  background:#fff;
  box-shadow:0 -10px 28px rgba(0,0,0,.1);
  border-top:1px solid rgba(0,0,0,.08);
}
#main-cart-footer:not(.is-empty) .page-width{
  max-width:100%;
  padding-left:16px;
  padding-right:16px;
}
#main-cart-footer:not(.is-empty) .cart__footer{
  padding:14px 0 calc(10px + env(safe-area-inset-bottom))!important;
}
#main-cart-footer .cart__blocks{
  display:flex;
  flex-direction:column;
  gap:10px;
}
#main-cart-footer .js-contents{
  padding:0;
  background:#fff;
  color:#111;
}
#main-cart-footer .totals{
  display:flex!important;
  justify-content:space-between!important;
  align-items:baseline;
  gap:12px;
  margin:0 0 4px;
  color:#111;
}
#main-cart-footer .totals__total{
  font-size:14px!important;
  margin:0!important;
  color:#111!important;
  font-weight:500;
}
#main-cart-footer .totals__total-value{
  font-size:16px!important;
  font-weight:700;
  margin:0!important;
  color:#111!important;
}
#main-cart-footer .tax-note{
  display:block!important;
  text-align:left;
  margin:0 0 4px!important;
  font-size:11px;
  line-height:1.35;
  opacity:.75;
  color:#555;
}
#main-cart-footer .cart__ctas{
  width:100%;
  margin:0!important;
  padding:0;
}
#main-cart-footer .cart__ctas .button,
#main-cart-footer .cart__checkout-button{
  width:100%!important;
  min-height:42px!important;
  height:auto!important;
  padding:10px 16px!important;
  margin:0!important;
  border-radius:0!important;
  background:#111!important;
  color:#fff!important;
  border:none!important;
  font-size:14px!important;
  font-weight:700!important;
  letter-spacing:.14em;
}
#main-cart-footer .cart__ctas .button::before,
#main-cart-footer .cart__ctas .button::after{display:none!important}
#main-cart-footer .cart__dynamic-checkout-buttons{display:none}

body.template-cart .shopify-section-group-footer-group,
body.template-cart #shopify-section-group-footer-group,
body.template-cart footer.footer {
  padding-bottom: calc(9.5rem + env(safe-area-inset-bottom, 0px)) !important;
}

}

.product-media-modal__content{
overflow:hidden}

.product-media-modal__content img{
transition:transform .3s ease;
cursor:zoom-in}

.product-media-modal__content img.zoomed{
transform:scale(2);
cursor:zoom-out}

.product-media-modal__content{
overflow:hidden}

.product-media-modal__content img{
transition:transform .3s ease;
transform-origin:center;
cursor:zoom-in}

.product-media-modal__content img.zoomed{
transform:scale(2);
cursor:zoom-out}

.product-media-modal__dialog img {

  width: 100%;

  height: 100%;

  object-fit: cover;
 /* IMPORTANT */
}

.card-image-nav {
  position: absolute;
  inset: 0;
  z-index: 6;
  pointer-events: none;
}

/* Legacy modal-nav — overridden by .card-slider-arrow in component-card.css */
.product-media-modal .modal-nav:not(.card-slider-arrow) {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 20;
  pointer-events: auto;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  color: #ffffff;
  background: rgba(226, 225, 225, 0.23);
  font-size: 22px;
}

ul#product-grid {

    gap: 0 !important;

}


/* ===== Transparent Header (Dawn) ===== */
.header-wrapper {

  position: absolute;

  width: 100%;

  top: 0;

  z-index: 10;

  background: transparent;

  transition: all 0.3s ease;

}



/* ===== DEFAULT (TRANSPARENT HEADER) ===== */
/header-wrapper .header__menu-item,
.header-wrapper .header__heading-link,
.header-wrapper .header__icon {

  color: #fff !important;

  fill: #fff !important;

}



/* ===== Hover Effect ===== */
.header-wrapper:hover {

  background: #fff !important;

}


.header-wrapper:hover .header__heading-link,
.header-wrapper:hover .header__heading-link .h2,
.header-wrapper:hover .header__wordmark,
.header-wrapper:hover .header__menu-item,
.header-wrapper:hover .header__editorial-link,
.header-wrapper:hover .header__icon {
  color: #000 !important;
  fill: #000 !important;
}


/* ===== Scroll Effect ===== */
.header-wrapper.scrolled {

  position: fixed;

  background: #fff !important;

}


.header-wrapper.scrolled .header__heading-link,
.header-wrapper.scrolled .header__menu-item,
.header-wrapper.scrolled .header__icon {
  color: #000 !important;
}

.header-wrapper.scrolled .header__icon svg,
.header-wrapper.scrolled .header__icon .icon {
  fill: none !important;
  stroke: currentColor !important;
}


/* ===== SECTION BACKGROUND ===== */
.rich-text {
  background: transparent;
  /* Mobile keeps top space */
  padding: 70px 20px 44px;
}


/* ===== CONTAINER WIDTH (VERY IMPORTANT) ===== */
.rich-text__wrapper {
  max-width: 650px;
  margin: 0 auto;
  text-align: center;
}

/*
 * Collection pages (PC/laptop) — backup if section files lag CDN:
 * - Less top space (mobile keeps spacing)
 * - Same left edge as Filter / product grid
 */
@media screen and (min-width: 750px) {
  body.template-collection .rich-text,
  body.template-collection .rich-text--collection,
  body.template-collection .rich-text--full-width,
  body.template-collection .isolate > .rich-text,
  body.template-collection .isolate.page-width > .rich-text,
  body.template-collection .rich-text[class*='section-'][class*='-padding'] {
    padding-top: 72px !important;
    padding-bottom: 4px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
  }

  body.template-collection .isolate.page-width:has(.rich-text),
  body.template-collection .rich-text-collection-align {
    max-width: var(--page-width) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.template-collection #MainContent > .shopify-section:has([class*='ai-spacer']) {
    display: none !important;
  }

  body.template-collection .rich-text__wrapper,
  body.template-collection .rich-text__wrapper--left,
  body.template-collection .rich-text__wrapper--center,
  body.template-collection .rich-text__wrapper--right,
  body.template-collection .rich-text:not(.rich-text--full-width) .rich-text__wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    justify-content: flex-start !important;
    text-align: left !important;
  }

  body.template-collection .rich-text__blocks,
  body.template-collection .rich-text__blocks.left,
  body.template-collection .rich-text__blocks.center,
  body.template-collection .rich-text__blocks.right {
    width: 100% !important;
    max-width: 40rem !important;
    margin: 0 !important;
    margin-left: 0 !important;
    text-align: left !important;
  }

  body.template-collection .rich-text__heading,
  body.template-collection .rich-text h2,
  body.template-collection .rich-text__text,
  body.template-collection .rich-text__caption,
  body.template-collection .rich-text p,
  body.template-collection .rich-text__heading + .rich-text__text::before {
    text-align: left !important;
    margin-left: 0 !important;
  }

  /* Generic Left setting (non-collection pages) */
  .rich-text:not(.rich-text--full-width) .rich-text__wrapper--left,
  .rich-text__wrapper--left {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    justify-content: flex-start !important;
    text-align: left !important;
  }

  .rich-text__wrapper--left .rich-text__blocks {
    max-width: 40rem !important;
    margin: 0 !important;
    text-align: left !important;
  }

  .isolate.page-width > .rich-text:has(.rich-text__wrapper--left),
  .page-width .rich-text:has(.rich-text__wrapper--left) {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .rich-text__blocks.left,
  .rich-text__wrapper--left .rich-text__heading,
  .rich-text__wrapper--left .rich-text__text,
  .rich-text__wrapper--left .rich-text__caption,
  .rich-text__wrapper--left p,
  .rich-text__wrapper--left h2 {
    text-align: left !important;
  }
}


/* ===== SMALL TOP LABEL (optional) ===== */
.rich-text__heading + .rich-text__text::before {

  content: "THE HAZELWOLF MANIFESTO";

  display: block;

  font-size: 11px;

  letter-spacing: 2px;

  color: #9a9a9a;

  margin-bottom: 10px;

}


/* ===== HEADING ===== */
.rich-text h2 {

  font-family: 'Cormorant Garamond', serif;

  font-size: 42px;

  font-weight: 400;

  font-style: italic;

  letter-spacing: 1px;

  color: #2b2b2b;

  margin-bottom: 25px;

  /* Italic serif ascenders need room — avoid top clip */
  line-height: 1.25;

  padding-top: 0.12em;

  overflow: visible;

}


/* ===== CONTENT TEXT ===== */
.rich-text p {

  font-family: 'Cormorant Garamond', var(--font-heading-family, Georgia), serif;

  font-size: 18px;

  font-weight: 400;

  font-style: italic;

  line-height: 1.65;

  color: #4a4a4a;

  letter-spacing: 0.02em;

  margin-bottom: 0;

}


/* spacing between paragraphs */
.rich-text p + p {

  margin-top: 8px;

}


/* ===== LAST LINE (HIGHLIGHT) ===== */
.rich-text p:last-child {

  margin-top: 0;

  font-weight: 400;

  color: #3a3a3a;

}

/* Collection: premium body + tight gap above Filter and sort */
body.template-collection .rich-text p,
body.template-collection .rich-text__text,
body.template-collection .rich-text__text p {
  font-family: 'Cormorant Garamond', var(--font-heading-family, Georgia), serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  font-style: italic !important;
  line-height: 1.65 !important;
  letter-spacing: 0.02em !important;
  color: #3a3a3a !important;
  margin-bottom: 0 !important;
}

body.template-collection .rich-text p:last-child {
  margin-top: 0 !important;
}

@media screen and (min-width: 750px) {
  body.template-collection .rich-text,
  body.template-collection .rich-text--collection,
  body.template-collection .rich-text[class*='section-'][class*='-padding'] {
    padding-bottom: 4px !important;
  }

  body.template-collection .shopify-section:has(.rich-text) + .shopify-section [class*='ai-product-grid-'] {
    margin-top: 8px !important;
  }

  body.template-collection .shopify-section:has(.rich-text) + .shopify-section [class*='ai-product-grid__header-'] {
    margin-bottom: 20px !important;
  }
}

@media screen and (max-width: 749px) {
  body.template-collection .rich-text {
    padding-bottom: 12px !important;
  }

  body.template-collection .shopify-section:has(.rich-text) + .shopify-section [class*='ai-product-grid-'] {
    margin-top: 8px !important;
  }
}

/* ADD TO CART - DEFAULT */
.product-form__submit {

  background-color: #0c253b !important;

  color: #ffffff !important;

  border: 2px solid #0c253b !important;

  border-radius: 6px !important;

  transition: 0.3s ease;

  font-weight: 500;

  font-size: 1rem !important;

  letter-spacing: 0.15em !important;

  text-transform: uppercase !important;

}

/* ADD TO CART - HOVER / CLICK */
.product-form__submit:hover {

  background-color: #EDEDED !important;

  color: #000000 !important;

  border-color: #EDEDED !important;

}

/* BUY IT NOW - DEFAULT */
.shopify-payment-button__button {

  background-color: #000000 !important;

  color: #ffffff !important;

  border: 2px solid #000000 !important;

  border-radius: 6px !important;

  text-transform: uppercase !important;

  font-size: 1.2rem !important;

  letter-spacing: 0.15em !important;

  display:none !important;

}

/* BUY IT NOW - KEEP SAME ON HOVER */
.shopify-payment-button__button:hover {

  background-color: #000000 !important;

  color: #ffffff !important;

  border-color: #000000 !important;

}

/* REMOVE INNER ROUNDED EFFECT */
.product-form__submit::after,
.shopify-payment-button__button::after {

  content: none !important;

}


.product-form__submit,
.shopify-payment-button__button {

  border-radius: 4px !important;
 /* or 2px for sharper */
}

/* Detect product page via main-product section */
/*body:has(.product) .header-wrapper {

  background: #fff !important;

  position: relative !important;

  top:0 ;

}
*/

/* Text color — color only; do not force fill (makes SVG line icons look bold) */
body:has(.product) .header__heading-link,
body:has(.product) .header__menu-item,
body:has(.product) .header__icon {
  color: #000 !important;
}

body:has(.product) .header__icon svg,
body:has(.product) .header__icon .icon {
  fill: none !important;
  stroke: currentColor !important;
  color: #000 !important;
}

/* ===== Product header: overlay at top, hide on scroll (never return), no mobile wordmark ===== */
body.template-product .shopify-section-group-header-group,
body.template-product #shopify-section-header,
body.template-product .section-header,
body.template-product .shopify-section:has(.header-wrapper) {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  z-index: 99999 !important;
}

body.template-product #MainContent,
body.template-product #MainContent > .shopify-section:first-child,
body.template-product .shopify-section--main-product,
body.template-product .product,
body.template-product .product.grid {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

@media screen and (min-width: 750px) {
  body.template-product #MainContent {
    padding-top: var(--product-header-height, 6.4rem) !important;
  }
}

body.template-product .header-wrapper,
body.template-product .header-wrapper.gradient,
body.template-product .header-wrapper.header-wrapper--home,
body.template-product .header-wrapper:hover,
body.template-product .header-wrapper.is-settled,
body.template-product .header-wrapper:not(.scrolled) {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  box-shadow: none !important;
  border-bottom: 1px solid rgba(23, 20, 18, 0.08) !important;
  transform: translateY(0) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  z-index: 99999 !important;
}

body.template-product .header-wrapper.hide-header,
body.template-product .header-wrapper.header-wrapper--home.hide-header {
  transform: translateY(-120%) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  background: #ffffff !important;
  box-shadow: none !important;
  border-bottom: none !important;
}

/* Menu-open only: keep white bar (scroll still hides otherwise) */
body.template-product .header-wrapper.scrolled:not(.hide-header),
body.template-product .header-wrapper.scrolled:not(.hide-header):hover,
body.template-product .header-wrapper.header-wrapper--home.scrolled:not(.hide-header) {
  transform: translateY(0) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border-bottom: 1px solid rgba(23, 20, 18, 0.08) !important;
  box-shadow: none !important;
}

@media screen and (max-width: 749px) {
  /* Mobile product: transparent icons-only bar over image at top */
  body.template-product .header-wrapper,
  body.template-product .header-wrapper.gradient,
  body.template-product .header-wrapper.header-wrapper--home,
  body.template-product .header-wrapper:hover,
  body.template-product .header-wrapper.is-settled,
  body.template-product .header-wrapper:not(.scrolled) {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
  }

  /* Scroll up on mobile: white bar comes back (still no wordmark) */
  body.template-product .header-wrapper.scrolled:not(.hide-header),
  body.template-product .header-wrapper.scrolled:not(.hide-header):hover,
  body.template-product .header-wrapper.header-wrapper--home.scrolled:not(.hide-header) {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-bottom: 1px solid rgba(23, 20, 18, 0.08) !important;
  }

  body.template-product .header__heading,
  body.template-product .header__heading-link,
  body.template-product .header__wordmark,
  body.template-product .header__heading-logo-wrapper {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
  }

  body.template-product .header-wrapper:not(.scrolled) .header__icon,
  body.template-product .header-wrapper:not(.scrolled) .header__icon .svg-wrapper,
  body.template-product .header-wrapper:not(.scrolled) .header__icon svg,
  body.template-product .header-wrapper:not(.scrolled) .header__icon .icon {
    color: #111111 !important;
  }

  /* Keep line icons thin — do not force fill+stroke (that makes them look bold) */
  body.template-product .header-wrapper:not(.scrolled) .header__icon svg,
  body.template-product .header-wrapper:not(.scrolled) .header__icon .icon {
    fill: none !important;
    stroke: currentColor !important;
  }

  body.template-product .header-wrapper:not(.scrolled) .header__icon path,
  body.template-product .header-wrapper:not(.scrolled) .header__icon line,
  body.template-product .header-wrapper:not(.scrolled) .header__icon circle,
  body.template-product .header-wrapper:not(.scrolled) .header__icon polyline,
  body.template-product .header-wrapper:not(.scrolled) .header__icon rect {
    fill: none !important;
    stroke: currentColor !important;
  }
}
 

/* Product page header should behave normally */
/*body:has(.product) .header-wrapper {

  position: relative !important;

}
*/

/*body:has(.product) {

  --header-height: 0px !important;

}
 */

body:has(.product) main {

  margin-top: 0 !important;

  padding-top: 0 !important;

}


.sticky-add-to-cart{

  position:fixed;

  left:0;

  bottom:0;

  width:100%;

  background:#0c253b;

  padding:0;

  z-index:999;


  opacity:0;

  visibility:hidden;

  transform:translateY(100%);

  transition:all .3s ease;

}


.sticky-add-to-cart.show-sticky{

  opacity:1;

  visibility:visible;

  transform:translateY(0);

}


.sticky-add-to-cart .sticky-btn{

  width:100%;

  padding:16px 16px;

  min-height:56px;

  background:#0c253b;

  color:#fff;

  border:none;

  font-weight:500;

  text-transform:uppercase;

  cursor:pointer;

  font-size:0.9rem;

  letter-spacing:0.12em;

}


/* BOTH CHANGE TOGETHER */
.sticky-add-to-cart:hover,
.sticky-add-to-cart:hover .sticky-btn{

  background:#EDEDED !important;

  color:#000 !important;

  border-color:#EDEDED !important;

}


/* .sticky-add-to-cart .sticky-btn.loading{

  background:#999 !important;

  opacity:.7;

  cursor:not-allowed;

}
 */

.sticky-add-to-cart .sticky-btn.loading{

  color:transparent !important;

  pointer-events:none;

  position:relative;

}


.sticky-add-to-cart .sticky-btn.loading::after{

  content:"";

  position:absolute;

  width:18px;

  height:18px;

  top:50%;

  left:50%;

  margin:-9px 0 0 -9px;

  border:2px solid rgba(255,255,255,.4);

  border-top-color:#fff;

  border-radius:50%;

  animation:spin .7s linear infinite;

}

@keyframes spin {

  to {
 transform: rotate(360deg);
 }

}


@media screen and (max-width: 749px)
{

product-recommendations.related-products {

    overflow: visible !important;

    padding-left: 0 !important;

    padding-right: 0 !important;

  }

  .related-products .product-grid {

    display: flex !important;

    flex-wrap: nowrap !important;

    overflow-x: auto !important;

    gap: 12px !important;

    padding-left: 0 !important;

    padding-right: 0 !important;

    -webkit-overflow-scrolling: touch !important;

    scroll-snap-type: x proximity !important;

    scroll-padding-inline: 16px !important;

    overscroll-behavior-x: contain !important;

    touch-action: pan-x pan-y !important;

    scrollbar-width: none !important;

    scroll-behavior: auto !important;

    box-sizing: border-box !important;

  }

  .related-products .product-grid > .grid__item:first-child {
    margin-left: 16px !important;
  }

  .related-products .product-grid > .grid__item:last-child {
    margin-right: 16px !important;
  }

  .related-products .product-grid::-webkit-scrollbar {
    display: none !important;
  }

  .related-products .product-grid > .grid__item {

    flex: 0 0 70vw !important;

    width: 70vw !important;

    max-width: 70vw !important;

    min-width: 70vw !important;

    scroll-snap-align: start !important;

    scroll-snap-stop: normal !important;

  }

  .related-products .card__inner.ratio {

    --ratio-percent: 125% !important;

  }

  /* Late override: keep image area non-scrollable but pass horizontal pans to outer grid */
  .related-products .card__inner,
  .related-products .card__media,
  .related-products .card__media .media,
  .related-products .card-image-slider,
  .related-products .card-image-slider-link,
  .related-products .card-image-slider__track {
    overflow: clip !important;
    overflow-x: clip !important;
    overflow-y: clip !important;
    scroll-snap-type: none !important;
  }

  .related-products .card-image-slider-link {
    touch-action: manipulation !important;
    -webkit-touch-callout: none !important;
  }

  .related-products .card-image-slider__track {
    width: 100% !important;
    max-width: 100% !important;
    transform: none !important;
  }

  .related-products .card-image-slide {
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
  }

  .related-products .card-image-slide:not(:first-child) {
    display: none !important;
  }

}

/* Price font — 35% larger */
.price .price-item,
.price--large .price-item {

  font-size: 1.3rem !important;

}


@media screen and (min-width: 750px) {

  .price--large .price-item {

    font-size:1.4rem !important;

  }

}

/* Quantity selector compact — cart / drawer only */
cart-items .quantity,
cart-drawer .quantity{

  display:flex !important;

  align-items:center !important;

  width:fit-content !important;

  min-width:unset !important;

  gap:0 !important;

}

cart-items .quantity__button,
cart-drawer .quantity__button{

  width:28px !important;

  height:28px !important;

  min-width:unset !important;

  padding:0 !important;

  flex-shrink:0 !important;

  display:flex !important;

  align-items:center !important;

  justify-content:center !important;

}

cart-items .quantity__input,
cart-drawer .quantity__input{

  display:block !important;

  visibility:visible !important;

  opacity:1 !important;

  color:#111 !important;

  width:36px !important;

  min-width:36px !important;

  flex:0 0 36px !important;

  flex-shrink:0 !important;

  padding:0 !important;

  text-align:center !important;

  font-size:14px !important;

  height:28px !important;

  -webkit-appearance:textfield;

  appearance:textfield;

}

@media screen and (max-width:749px){

  .product{
padding:0 !important;
row-gap:0 !important;
margin-top:0 !important;
}

  #MainContent .product{
padding-top:0 !important;
}

  .shopify-section--main-product{
padding-top:0 !important;
margin-top:0 !important;
}

  .product__info-wrapper{
margin-top:-16px !important;
}

    .product__description{
margin-top:12px !important;
padding-top:0 !important;
margin-bottom:12px !important;
background:transparent !important;
border:none !important;
box-shadow:none !important;
}

  .product-form__buttons{
margin-bottom:12px !important;
padding-left:1.5rem !important;
padding-right:1.5rem !important;
box-sizing:border-box !important;
}

  .product__title,
  .product-form__input,
  .share-button,
  .product__text,
  .price,
  .product-form__input--swatch,
  .product__description,
  .product__info-container > .product__accordion.accordion {
padding-left:1.5rem !important;
padding-right:1.5rem !important;
box-sizing:border-box !important;
}

  .product__info-wrapper .page-width{
padding-left:0 !important;
padding-right:0 !important;
}

  .product__info-wrapper img{
margin-bottom:16px !important;
display:block !important;
}

  .product__info-container > * + *{
margin:0 !important;
}

  .product__info-wrapper img{

    margin-left:-16px !important;

    margin-right:-16px !important;

    display:block !important;
}

    .product__description.rte{

    margin-bottom:12px !important;
}

}

/* Accordion rows - ONE line only (border-bottom only, never stack with next top) */
.accordion,
.product__accordion,
.product__accordion.accordion {

  border: 0 !important;

  border-top: 0 !important;

  border-bottom: 0 !important;

  box-shadow: none !important;

  outline: none !important;

  margin: 0 !important;

  padding: 0 !important;

  background: transparent !important;

  border-radius: 0 !important;

  width: 100% !important;

}

.product__info-container > .product__accordion.accordion {

  border-bottom: 0 !important;

  border-top: 0 !important;

}

/* Top line only on the first accordion in the group */
.product__info-container > *:not(.product__accordion) + .product__accordion.accordion {

  border-top: 0 !important;

}

.product__info-container > *:not(.product__accordion) + .product__accordion.accordion details {

  border-top: 1px solid rgba(var(--color-foreground), 0.3) !important;

}

.product__accordion + .product__accordion {

  border-top: 0 !important;

  margin-top: 0 !important;

}

.product__accordion details,
.product__accordion summary {

  box-shadow: none !important;

  margin: 0 !important;

}

.product__accordion details {

  width: 100% !important;

  padding: 0 !important;

  border: 0 !important;

  /* This is the line that slides down/up with open/close */
  border-bottom: 1px solid rgba(var(--color-foreground), 0.3) !important;

}

.product__accordion summary {

  border: 0 !important;

  padding: 14px 0 !important;

}

.product__accordion .accordion__content {

  padding: 0 !important;

  margin: 0 !important;

  box-sizing: border-box !important;

}

.product__accordion .accordion__content-inner {

  padding: 0 0.6rem 14px !important;

  box-sizing: border-box !important;

}

@media screen and (max-width: 749px) {
  .product__accordion .accordion__content {
    transform: none !important;
  }

  /* Keep panel in layout flow while closed so removing `open` cannot snap */
  .product__accordion details > .accordion__content,
  .product__accordion details:not([open]) > .accordion__content {
    display: block !important;
  }
}

.product__info-container > * + *{

  margin:0 !important;

}


/* =========================================================
   Lifestyle IMAGE — leave layout alone (no forced size)
   ========================================================= */
.lifestyle-image-block:not(.lifestyle-image-block--video) {

  margin: 0 0 16px !important;

  width: 100% !important;

  max-width: 100% !important;

  position: relative !important;

  z-index: 0 !important;

  line-height: 0 !important;

  padding: 0 !important;

  display: block !important;

  box-sizing: border-box !important;

}


.lifestyle-image-block > img.lifestyle-image,
.lifestyle-image-block > img {

  width: 100% !important;

  height: auto !important;

  display: block !important;

  margin: 0 !important;

  object-fit: unset !important;

}


/* =========================================================
   Lifestyle VIDEO — full mobile width (edge to edge)
   ========================================================= */
.product__info-wrapper,
.product__info-wrapper .page-width,
.product__info-container {

  overflow: visible !important;

}


.product__info-container > .lifestyle-image-block.lifestyle-image-block--video,
.lifestyle-image-block.lifestyle-image-block--video {

  position: relative !important;

  display: block !important;

  width: 100vw !important;

  max-width: 100vw !important;

  margin-top: 0 !important;

  margin-bottom: 16px !important;

  margin-left: 0 !important;

  margin-right: 0 !important;

  padding: 0 !important;

  overflow: hidden !important;

  background: transparent !important;

  box-sizing: border-box !important;

  left: 50% !important;

  right: auto !important;

  transform: translateX(-50%) !important;

  z-index: 0 !important;

}


.lifestyle-image-block--video .lifestyle-video-wrapper {

  position: relative !important;

  cursor: default !important;

  overflow: hidden !important;

  line-height: 0 !important;

  width: 100% !important;

  max-width: 100% !important;

  display: block !important;

  box-sizing: border-box !important;

}


/* Full video, natural height — no stretch / forced crop */
.lifestyle-image-block--video .lifestyle-video {

  width: 100% !important;

  max-width: 100% !important;

  min-width: 0 !important;

  height: auto !important;

  max-height: none !important;

  min-height: 0 !important;

  aspect-ratio: auto !important;

  display: block !important;

  margin: 0 !important;

  padding: 0 !important;

  object-fit: contain !important;

  object-position: center center !important;

  box-sizing: border-box !important;

  background: transparent !important;

  pointer-events: none !important;

}


.lifestyle-image-block--video .lifestyle-video-toggle {

  position: absolute !important;

  top: auto !important;

  left: auto !important;

  right: 12px !important;

  bottom: 12px !important;

  transform: none !important;

  width: 44px !important;

  height: 44px !important;

  min-width: 44px !important;

  min-height: 44px !important;

  border-radius: 50% !important;

  border: none !important;

  outline: none !important;

  box-shadow: none !important;

  background: rgba(0, 0, 0, 0.5) !important;

  color: #fff !important;

  z-index: 5 !important;

  pointer-events: auto !important;

  cursor: pointer !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  font-size: 15px !important;

  line-height: 1 !important;

  padding: 0 !important;

  margin: 0 !important;

}


.lifestyle-image-block--video .lifestyle-video-toggle .pause-icon,
.lifestyle-image-block--video .lifestyle-video-toggle .play-icon {

  line-height: 1 !important;

  display: none !important;

}

.lifestyle-image-block--video .lifestyle-video-toggle .pause-icon:not([hidden]),
.lifestyle-image-block--video .lifestyle-video-toggle .play-icon:not([hidden]) {

  display: block !important;

}


.lifestyle-image-block + .product__accordion,
.lifestyle-image-block + * {

  position: relative !important;

  z-index: 1 !important;

}


.product__info-container > .lifestyle-image-block + .product__accordion {

  margin-top: 0 !important;

}


/* Desktop spacing fixes */
.product__description.rte{

  margin-bottom:24px !important;

}


@media screen and (min-width:750px){

  .product{
overflow:clip!important;
}

  .product__info-wrapper img{
margin-bottom:16px !important;
}

  .product-media-modal__content{
position:relative;
overflow:hidden}

  .product-media-modal__content img{
transition:transform .3s ease;
transform-origin:center;
cursor:zoom-in}

  .product-media-modal__content img.zoomed{
transform:scale(2);
cursor:zoom-out}

  .product-media-modal__dialog img{
width:100%;
height:100%;
object-fit:cover}

  .product-media-modal__dialog .global-media-settings--no-shadow{
width:100vw;
height:100vh;
max-width:100%;
max-height:100%}

  .product-media-modal__toggle{
border-color:#000!important}

  .product-media-modal .slider-button{
display:none!important}

  .product-media-modal .slider-counter{
position:absolute;
bottom:20px;
left:50%;
transform:translateX(-50%);
background:#e9e9e9;
border-radius:30px;
padding:6px 14px;
font-size:14px}

}




@media screen and (max-width:990px){

  .product__media-wrapper{
padding-right:0}

}

@media screen and (max-width:749px){

.product__media-wrapper{
position:relative;
width:100%;
padding-left:0!important;
margin:0!important;
overflow:hidden!important;
margin-right:0!important;
}

  .product__media-wrapper.hw-media-frame-locked .product__media img,
  .product__media-wrapper.hw-media-frame-locked .product__media-item img{
    max-height:none!important;
    object-fit:cover!important;
  }

  .product__media img{
border-radius:0;
max-height:100vh}

  .shopify-section--main-product .page-width{

    padding:0!important;

    max-width:100%!important;

  }

  .product__media-list{

    gap:0!important;

    --grid-mobile-horizontal-spacing:0px!important;

    --grid-horizontal-spacing:0px!important;

  }

}

.utility-bar--bottom-border{
border-bottom:none!important;
}
/*.header-wrapper{

  transition:transform .35s ease;

}
*/

.header-wrapper.hide-header{
  transform:translateY(-100%);
}

/* Homepage must never slide away / stay white at top */
body.template-index .header-wrapper.hide-header,
body.template-index .header-wrapper.header-wrapper--home.hide-header {
  transform: none !important;
}

body.template-index .header-wrapper:not(.scrolled):not(.is-settled) {
  background: transparent !important;
  background-color: transparent !important;
}

.header-wrapper.scrolled{
  background:#fff !important;
}


.header-wrapper.scrolled .header__heading-link,
.header-wrapper.scrolled .header__menu-item,
.header-wrapper.scrolled .header__icon,
.header-wrapper.scrolled .header__heading-logo {
  color: #000 !important;
  opacity: 1 !important;
}

.header-wrapper.scrolled .header__icon svg,
.header-wrapper.scrolled .header__icon .icon {
  color: #000 !important;
  fill: none !important;
  stroke: currentColor !important;
  opacity: 1 !important;
}

.header-wrapper.scrolled .header__heading-logo {
  fill: #000 !important;
}


@media screen and (min-width:750px){

  .product__info-wrapper{

    align-self:flex-start!important;

    position:sticky!important;

    top:3rem!important;

  }

}

/* Desktop: stacked/columns gallery — 2-col grid, first image full width */
@media screen and (min-width: 750px) {

  .product--stacked .product__media-list,
  .product--columns .product__media-list {

    display: grid !important;

    grid-template-columns: 1fr 1fr !important;

    gap: 0 !important;

    padding: 0 !important;

    margin: 0 !important;

    width: 100% !important;

    position: relative !important;

    height: auto !important;

    overflow: visible !important;

    inset: auto !important;

    transform: none !important;

    flex-wrap: unset !important;

  }

  .product--stacked .product__media-list.slider,
  .product--columns .product__media-list.slider,
  .product--stacked .product__media-wrapper .slider,
  .product--columns .product__media-wrapper .slider {

    position: relative !important;

    inset: auto !important;

    height: auto !important;

    width: 100% !important;

    overflow: visible !important;

    background: transparent !important;

    border-radius: 0 !important;

  }

  .product--stacked .product__media-list.slider:before,
  .product--columns .product__media-list.slider:before,
  .product--stacked .product__media-wrapper .slider:before,
  .product--columns .product__media-wrapper .slider:before {

    content: none !important;

    display: none !important;

  }

  .product--stacked .product__media-list .product__media-item.media-gallery-lead,
  .product--columns .product__media-list .product__media-item.media-gallery-lead {

    grid-column: 1 / -1;

  }

  /* Dawn sets max-width:50% on stacked items — breaks inside our grid */
  .product--stacked .product__media-list .product__media-item,
  .product--columns .product__media-list .product__media-item {

    width: 100% !important;

    max-width: 100% !important;

    margin-left: 0 !important;

    margin-right: 0 !important;

    padding-left: 0 !important;

    padding-right: 0 !important;

  }

  .product--stacked .product__media-list .product__media-item .media,
  .product--columns .product__media-list .product__media-item .media,
  .product--stacked .product__media-list .product__media-item .product__media,
  .product--columns .product__media-list .product__media-item .product__media {

    width: 100% !important;

    max-width: 100% !important;

  }

  .product--stacked .product__media-list .product__media-item img,
  .product--columns .product__media-list .product__media-item img {

    width: 100% !important;

    max-width: 100% !important;

    height: auto !important;

    display: block !important;

  }

  .product--stacked .product__media-wrapper,
  .product--columns .product__media-wrapper {

    width: 100% !important;

    padding: 0 !important;

    margin: 0 !important;

    overflow: visible !important;

  }

  .product--stacked .product__media-list,
  .product--columns .product__media-list {

    --grid-desktop-horizontal-spacing: 0px !important;

    --grid-horizontal-spacing: 0px !important;

  }

}


/* Move error message container directly below size options */
variant-radios,
variant-selects,
.variant-picker {

  display: flex !important;

  flex-direction: column !important;

}


/* Ensure error message renders under variant picker */
.product-form__error-message-wrapper {

  order: 10 !important;

  background: transparent !important;

  border: none !important;

  box-shadow: none !important;

  padding: 6px 0 0 0 !important;

  margin-top: 4px !important;

}


/* Hide top arrow triangle completely */
.product-form__error-message-wrapper::before,
.product-form__error-message-wrapper::after {

  display: none !important;

}


/* Red Error Text & Icon Styling */
.product-form__error-message {

  color: #d93838 !important;

  font-size: 13px !important;

  font-weight: 500 !important;

  display: flex !important;

  align-items: center !important;

  gap: 8px !important;

}


/* Red Exclamation Circle Icon */
.product-form__error-message::before {

  content: "!" !important;

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  width: 18px !important;

  height: 18px !important;

  border-radius: 50% !important;

  background-color: #d93838 !important;

  color: #ffffff !important;

  font-size: 11px !important;

  font-weight: 700 !important;

  flex-shrink: 0 !important;

}


/* ===== Iconic-style BAG cart drawer ===== */
cart-drawer.drawer{

  background:rgba(0,0,0,.45);

}

cart-drawer .drawer__inner{

  width:100%;

  max-width:420px;

  padding:0;

  border:none;

  background:#fff;

  color:#111;

}

@media screen and (max-width:749px){

  cart-drawer .drawer__inner{

    max-width:100%;

    width:100vw;

  }

}

cart-drawer .bag-drawer__header{

  display:flex;

  align-items:center;

  justify-content:center;

  position:relative;

  padding:16px 48px 14px;

  margin:0;

  border-bottom:1px solid #e8e8e8;

}

cart-drawer .bag-drawer__title,
cart-drawer .drawer__heading.bag-drawer__title{

  margin:0!important;

  font-size:16px;

  font-weight:700;

  letter-spacing:.18em;

  text-transform:uppercase;

  text-align:center;

  width:100%;

}

cart-drawer .bag-drawer__header .drawer__close{

  position:absolute;

  top:50%;

  right:8px;

  transform:translateY(-50%);

  min-width:40px;

  min-height:40px;

  display:inline-flex;

  align-items:center;

  justify-content:center;

  color:#111;

}

cart-drawer .bag-drawer__meta{

  padding:12px 16px 0;

  flex:0 0 auto;

}

cart-drawer .bag-drawer__summary{

  display:flex;

  justify-content:space-between;

  align-items:center;

  gap:12px;

  font-size:12px;

  font-weight:600;

  letter-spacing:.04em;

  text-transform:uppercase;

  padding-bottom:10px;

  border-bottom:1px solid #eee;

}

cart-drawer .bag-drawer__promo{

  margin:10px 0 0;

  font-size:12px;

  color:#555;

  line-height:1.4;

}

cart-drawer cart-drawer-items{

  display:flex;

  flex-direction:column;

  flex:1;

  min-height:0;

  overflow:auto;

}

cart-drawer .cart-drawer__form{

  display:flex;

  flex-direction:column;

  flex:1;

  min-height:0;

}

cart-drawer .drawer__contents{

  flex:1 1 auto;

}

cart-drawer .drawer__cart-items-wrapper{

  padding:0 16px;

}

cart-drawer .cart-items thead{

  display:none!important;

}

cart-drawer .cart-items,
cart-drawer .cart-items tbody{

  display:block;

  width:100%;

}

/* Compact 2-column item: image | content (no stretched empty columns) */
cart-drawer .cart-items .cart-item{

  display:grid!important;

  grid-template-columns:84px minmax(0,1fr)!important;

  grid-template-areas:
    "media details"
    "media qty"!important;

  gap:10px 12px!important;

  margin:0!important;

  padding:16px 0!important;

  border-bottom:1px solid #eee;

  align-items:start;

  background:transparent!important;

  box-shadow:none!important;

  border-radius:0!important;

}

cart-drawer .cart-items .cart-item:last-child{

  margin-bottom:0!important;

  border-bottom:none;

}

cart-drawer .cart-items .cart-item>td{

  display:block!important;

  width:auto!important;

  padding:0!important;

  margin:0!important;

}

cart-drawer .cart-items .cart-item>td+td{

  padding-left:0!important;

}

cart-drawer .cart-items .cart-item__media{

  grid-area:media;

  width:84px!important;

  min-width:84px;

  max-width:84px;

  text-align:left!important;

}

cart-drawer .cart-item__image{

  display:block;

  width:84px!important;

  max-width:84px!important;

  height:auto;

  margin:0!important;

  aspect-ratio:3/4;

  object-fit:contain;

  object-position:center top;

}

cart-drawer .cart-items .cart-item__details{

  grid-area:details;

  grid-column:auto!important;

  width:auto!important;

  min-width:0;

  text-align:left!important;

  padding:0!important;

}

cart-drawer .cart-items .cart-item__totals{

  display:none!important;

}

cart-drawer .bag-drawer__item-top{

  display:flex;

  align-items:flex-start;

  justify-content:space-between;

  gap:10px;

  margin:0 0 6px;

}

cart-drawer .cart-item__name{

  flex:1 1 auto;

  min-width:0;

  margin:0!important;

  font-size:13px!important;

  font-weight:600;

  line-height:1.35;

  color:#111;

  text-decoration:none;

  text-align:left!important;

}

cart-drawer .bag-drawer__item-price{

  flex:0 0 auto;

  text-align:right;

  line-height:1.25;

}

cart-drawer .bag-drawer__item-price .price{

  display:block;

  font-size:13px!important;

  font-weight:600;

  color:#111;

  white-space:nowrap;

}

cart-drawer .bag-drawer__item-price .cart-item__old-price{

  display:block;

  margin-top:2px;

  font-size:11px!important;

  font-weight:400;

  color:#999;

  text-decoration:line-through;

}

cart-drawer .cart-item__details .product-option,
cart-drawer .cart-item__details dl,
cart-drawer .cart-item__details dt,
cart-drawer .cart-item__details dd{

  font-size:12px;

  line-height:1.4;

  color:#555;

  margin:0;

  text-align:left!important;

}

cart-drawer .cart-item__details dl{
margin:0 0 4px}

cart-drawer .cart-items .cart-item__quantity{

  grid-area:qty;

  grid-column:auto!important;

  width:100%!important;

  padding:0!important;

  margin:0!important;

  text-align:left!important;

}

cart-drawer .cart-item__quantity-wrapper{

  display:flex!important;

  align-items:center;

  justify-content:space-between;

  gap:12px;

  width:100%;

  margin:0;

}

cart-drawer .quantity-popover-container{
padding:0;
margin:0}

cart-drawer .quantity.cart-quantity{

  display:inline-flex!important;

  align-items:center;

  border:1px solid #ccc;

  width:fit-content!important;

  min-width:unset!important;

  min-height:32px;

  gap:0!important;

}

cart-drawer .quantity__button{

  width:30px!important;

  height:30px!important;

  min-width:30px!important;

  padding:0!important;

  border:none!important;

  background:transparent!important;

}

cart-drawer .quantity__input{

  display:block!important;

  visibility:visible!important;

  opacity:1!important;

  color:#111!important;

  width:36px!important;

  min-width:36px!important;

  flex:0 0 36px!important;

  flex-shrink:0!important;

  height:30px!important;

  padding:0!important;

  border:none!important;

  font-size:14px!important;

  text-align:center!important;

  -webkit-appearance:textfield;

  appearance:textfield;

}

cart-drawer cart-remove-button{

  margin:0!important;

  display:flex;

  align-items:center;

}

cart-drawer .bag-drawer__remove,
cart-drawer .cart-remove-button.bag-drawer__remove{

  min-width:auto!important;

  min-height:auto!important;

  height:auto!important;

  width:auto!important;

  padding:0!important;

  margin:0!important;

  border:none!important;

  background:transparent!important;

  box-shadow:none!important;

  color:#111!important;

  font-size:12px;

  font-weight:500;

  text-decoration:underline;

  text-underline-offset:2px;

  letter-spacing:.02em;

}

cart-drawer .bag-drawer__remove::before,
cart-drawer .bag-drawer__remove::after{

  display:none!important;

  content:none!important;

}

cart-drawer .drawer__footer{

  margin-top:auto;

  padding:0;

  border-top:none;

  background:transparent;

}

cart-drawer .bag-drawer__footer-info{

  padding:0 16px;

}

cart-drawer .bag-drawer__footer-info .totals,
cart-drawer .drawer__footer .tax-note{

  display:none!important;

}

cart-drawer .bag-drawer__checkout{

  padding:0;

  margin:0!important;

}

cart-drawer .bag-drawer__checkout-btn,
cart-drawer .cart__checkout-button.bag-drawer__checkout-btn{

  display:flex!important;

  flex-direction:column;

  align-items:flex-start;

  justify-content:center;

  gap:4px;

  width:100%!important;

  max-width:none!important;

  min-height:64px;

  margin:0!important;

  padding:14px 16px!important;

  border:none!important;

  border-radius:0!important;

  background:#111!important;

  color:#fff!important;

  text-align:left;

  box-shadow:none!important;

}

cart-drawer .bag-drawer__checkout-btn::before,
cart-drawer .bag-drawer__checkout-btn::after{

  display:none!important;

  content:none!important;

}

cart-drawer .bag-drawer__checkout-label{

  font-size:15px;

  font-weight:700;

  letter-spacing:.14em;

  text-transform:uppercase;

  line-height:1.2;

}

cart-drawer .bag-drawer__checkout-sub{

  font-size:11px;

  font-weight:400;

  letter-spacing:.02em;

  opacity:.85;

  text-transform:none;

  line-height:1.3;

}

cart-drawer .cart__dynamic-checkout-buttons{

  display:none!important;

}

.pagination-wrapper{
  display:none !important;
}

/* Empty cart page — editorial, fills the viewport */
body.template-cart #main-cart-footer.is-empty {
  display: none !important;
}

body.template-cart cart-items.is-empty {
  min-height: calc(100svh - var(--header-height, 4.8rem));
  display: flex;
  align-items: flex-start;
  background: #fdfdfb;
}

body.template-cart cart-items.is-empty .title-wrapper-with-link {
  display: none !important;
}

body.template-cart cart-items.is-empty > .page-width {
  width: 100%;
  max-width: 72rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

body.template-cart cart-items.is-empty .cart__warnings,
body.template-cart .hw-empty-bag {
  text-align: center !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 3.5rem 0 5rem !important;
  margin: 0 auto;
}

body.template-cart .hw-empty-bag__eyebrow,
cart-drawer .hw-empty-bag__eyebrow {
  margin: 0 0 1.1rem;
  font-size: 0.72rem;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: rgba(18, 18, 18, 0.48);
}

body.template-cart .hw-empty-bag__title,
body.template-cart cart-items.is-empty .cart__empty-text,
cart-drawer .hw-empty-bag__title {
  margin: 0 0 1rem !important;
  font-family: var(--font-heading-family, "Cormorant Garamond", Georgia, serif);
  font-size: clamp(2.1rem, 6vw, 3.2rem) !important;
  font-weight: 400 !important;
  letter-spacing: 0.04em;
  line-height: 1.2;
  color: #121212 !important;
  text-transform: none;
}

body.template-cart .hw-empty-bag__lede,
cart-drawer .hw-empty-bag__lede {
  margin: 0 auto 2rem;
  max-width: 28rem;
  font-size: 1.05rem;
  line-height: 1.65;
  letter-spacing: 0.02em;
  color: rgba(18, 18, 18, 0.58);
}

body.template-cart .hw-empty-bag__cta,
body.template-cart cart-items.is-empty .cart__warnings .button,
cart-drawer .hw-empty-bag__cta {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 14rem;
  min-height: 3.1rem;
  padding: 0.85rem 1.75rem !important;
  background: #111 !important;
  border: 1px solid #111 !important;
  border-radius: 0 !important;
  color: #fff !important;
  font-size: 0.78rem;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  text-decoration: none !important;
}

body.template-cart .hw-empty-bag__cta:hover,
body.template-cart cart-items.is-empty .cart__warnings .button:hover,
cart-drawer .hw-empty-bag__cta:hover {
  background: #000 !important;
  opacity: 0.88;
}

body.template-cart .hw-empty-bag__dest-label,
cart-drawer .hw-empty-bag__dest-label {
  margin: 2.6rem 0 0.9rem;
  font-size: 0.68rem;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: rgba(18, 18, 18, 0.42);
}

body.template-cart .hw-empty-bag__destinations,
cart-drawer .hw-empty-bag__destinations {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.45rem 1.5rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

body.template-cart .hw-empty-bag__destinations a,
cart-drawer .hw-empty-bag__destinations a {
  font-size: 0.78rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #121212 !important;
  text-decoration: none;
  background-image: linear-gradient(currentColor, currentColor);
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 0% 1px;
  transition: background-size 0.35s ease, opacity 0.3s ease;
}

body.template-cart .hw-empty-bag__destinations a:hover,
cart-drawer .hw-empty-bag__destinations a:hover {
  background-size: 100% 1px;
  opacity: 0.65;
}

body.template-cart .hw-empty-bag__login,
body.template-cart cart-items.is-empty .cart__login-paragraph {
  margin: 2.2rem 0 0 !important;
  font-size: 0.92rem !important;
  color: rgba(18, 18, 18, 0.55) !important;
}

body.template-cart .hw-empty-bag__login a {
  color: #121212 !important;
  text-underline-offset: 0.2em;
}

cart-drawer .hw-empty-bag {
  text-align: center;
  padding: 0 0.5rem;
}

cart-drawer .hw-empty-bag__lede {
  margin-bottom: 1.5rem;
  font-size: 0.98rem;
}

cart-drawer .hw-empty-bag__destinations {
  margin-top: 1.6rem;
}

/* Ralph Lauren: kill leftover header gap on product (final override) */
body.template-product .shopify-section-group-header-group,
body.template-product #shopify-section-header,
body.template-product .section-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  z-index: 99999 !important;
}

body.template-product #MainContent {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

@media screen and (min-width: 750px) {
  body.template-product #MainContent {
    padding-top: var(--product-header-height, 6.4rem) !important;
  }
}

/* Homepage header — restore original overlay (do not inherit product rules) */
body.template-index .shopify-section-group-header-group,
body.template-index #shopify-section-header,
body.template-index .section-header {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  z-index: 99999 !important;
}

body.template-index .header-wrapper,
body.template-index .header-wrapper.header-wrapper--home {
  position: absolute !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  background: transparent !important;
  background-color: transparent !important;
}

body.template-index .header-wrapper.is-settled,
body.template-index .header-wrapper.scrolled,
body.template-index .header-wrapper.header-wrapper--home.is-settled,
body.template-index .header-wrapper.header-wrapper--home.scrolled {
  position: fixed !important;
  background: #fff !important;
  background-color: #fff !important;
}

/* Filter & Sort drawer — force title/close above site header */
.mobile-facets,
form.mobile-facets,
#FacetFiltersFormMobile {
  z-index: 2147483000 !important;
  pointer-events: auto !important;
}

.mobile-facets__inner {
  z-index: 2147483001 !important;
  background: #fff !important;
  display: flex !important;
  flex-direction: column !important;
  max-height: 100% !important;
  overflow: hidden !important;
  padding-top: 0 !important;
}

/* AI product-grid filter drawer (Men / collection pages) — sit ABOVE sticky site header */
[class*="ai-product-grid-"] > div[class*="ai-product-grid__drawer-overlay-"] {
  z-index: 2147483000 !important;
}

[class*="ai-product-grid-"] > div[class*="ai-product-grid__drawer-"]:not([class*="overlay"]) {
  z-index: 2147483001 !important;
}

[class*="ai-product-grid__drawer-header-"] {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 5 !important;
  background: #ffffff !important;
  opacity: 1 !important;
  visibility: visible !important;
  padding: 20px !important;
  border-bottom: 1px solid rgba(18, 18, 18, 0.08) !important;
}

[class*="ai-product-grid__drawer-title-"] {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  color: #121212 !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  margin: 0 !important;
}

[class*="ai-product-grid__drawer-close-"] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  width: 40px !important;
  height: 40px !important;
  padding: 0 !important;
  border: 1px solid #121212 !important;
  border-radius: 50% !important;
  background: #fff !important;
  color: #121212 !important;
  cursor: pointer !important;
}

.mobile-facets__header,
.mobile-facets__toolbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1.2rem !important;
  flex: 0 0 auto !important;
  width: 100% !important;
  box-sizing: border-box !important;
  background: #fff !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 40 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.mobile-facets__heading,
.mobile-facets__toolbar-title,
h2.mobile-facets__heading {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  color: #111 !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
}

.mobile-facets__close-panel {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  position: static !important;
}

.mobile-facets__wrapper:has(.hw-fs-form) .mobile-facets__close,
.mobile-facets__wrapper:has(.hw-fs-form) summary .mobile-facets__close,
.mobile-facets__wrapper:has(.hw-fs-form) details.menu-opening .mobile-facets__close,
.mobile-facets__wrapper:has(.hw-fs-form) details[open].menu-opening .mobile-facets__close,
.mobile-facets__wrapper:has(.hw-fs-form) details[open] .mobile-facets__close {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

.mobile-facets__main {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  padding-top: 0.8rem !important;
}

.mobile-facets__close {
  z-index: 2147483002 !important;
  background: #fff !important;
  border-radius: 50%;
  color: #111 !important;
}

.mobile-facets__wrapper:not(:has(.hw-fs-form)) details.menu-opening .mobile-facets__close,
.mobile-facets__wrapper:not(:has(.hw-fs-form)) details[open].menu-opening .mobile-facets__close {
  display: flex !important;
  opacity: 1 !important;
}

details:not([open]) .mobile-facets__close {
  display: none !important;
}

/* ===== Product card image slider — premium arrow interaction ===== */
.card__media .media--hover-effect {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

.card-image-slider {
  position: absolute !important;
  inset: 0 !important;
  overflow: hidden !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 4 !important;
}

.card__media {
  z-index: 3 !important;
}

.card-image-slider-link {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

@media screen and (min-width: 750px) {
  .card-image-slider-link {
    overflow: hidden !important;
  }
}

.card-image-slider__track {
  display: flex !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
  height: 100% !important;
  transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

.card-image-slider__track.is-dragging {
  transition: none !important;
  will-change: transform;
}

.card-image-slider__track.is-reduced-motion {
  transition: none !important;
}

.card-image-slide {
  position: relative !important;
  flex: 0 0 100% !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  display: block !important;
}

.card-image-slide img {
  position: absolute !important;
  inset: 0 !important;
  top: 0 !important;
  left: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  opacity: 1 !important;
  visibility: visible !important;
  -webkit-user-drag: none;
  user-select: none;
  pointer-events: none;
}

.card-image-slider-nav {
  position: absolute !important;
  inset: 0 !important;
  z-index: 30 !important;
  pointer-events: none !important;
}

.card-slider-arrow {
  position: absolute !important;
  top: 50% !important;
  z-index: 31 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
  cursor: pointer !important;
  pointer-events: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  color: rgba(18, 18, 18, 0.82) !important;
  transition:
    opacity 0.3s cubic-bezier(0.22, 1, 0.36, 1),
    visibility 0.3s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.3s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

.card-slider-arrow--prev {
  left: 10px !important;
  transform: translateY(-50%) translateX(-4px) scale(0.88) !important;
}

.card-slider-arrow--next {
  right: 10px !important;
  transform: translateY(-50%) translateX(4px) scale(0.88) !important;
}

.card-slider-arrow__visual {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.88) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
  transition:
    transform 0.2s cubic-bezier(0.22, 1, 0.36, 1),
    background-color 0.2s ease !important;
}

.card-slider-arrow__icon {
  width: 12px !important;
  height: 12px !important;
  display: block !important;
  color: rgba(18, 18, 18, 0.82) !important;
  transition: transform 0.2s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

.card-slider-arrow:hover .card-slider-arrow__visual,
.card-slider-arrow:focus-visible .card-slider-arrow__visual {
  background: rgba(255, 255, 255, 0.98) !important;
  transform: scale(1.05) !important;
}

.card-slider-arrow--prev:hover .card-slider-arrow__icon,
.card-slider-arrow--prev:focus-visible .card-slider-arrow__icon {
  transform: translateX(-1.5px) !important;
}

.card-slider-arrow--next:hover .card-slider-arrow__icon,
.card-slider-arrow--next:focus-visible .card-slider-arrow__icon {
  transform: translateX(1.5px) !important;
}

@media screen and (min-width: 750px) {
  .product-card-wrapper:hover .card-slider-arrow,
  .card-wrapper:hover .card-slider-arrow,
  .card-wrapper .card__media:hover .card-slider-arrow,
  .card-wrapper .card-image-slider:hover .card-slider-arrow,
  .product-card-wrapper:focus-within .card-slider-arrow,
  .card-wrapper:focus-within .card-slider-arrow {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  .product-card-wrapper:hover .card-slider-arrow--prev,
  .card-wrapper:hover .card-slider-arrow--prev,
  .card-wrapper .card__media:hover .card-slider-arrow--prev,
  .card-wrapper .card-image-slider:hover .card-slider-arrow--prev,
  .product-card-wrapper:focus-within .card-slider-arrow--prev,
  .card-wrapper:focus-within .card-slider-arrow--prev {
    transform: translateY(-50%) translateX(0) scale(1) !important;
  }

  .product-card-wrapper:hover .card-slider-arrow--next,
  .card-wrapper:hover .card-slider-arrow--next,
  .card-wrapper .card__media:hover .card-slider-arrow--next,
  .card-wrapper .card-image-slider:hover .card-slider-arrow--next,
  .product-card-wrapper:focus-within .card-slider-arrow--next,
  .card-wrapper:focus-within .card-slider-arrow--next {
    transform: translateY(-50%) translateX(0) scale(1) !important;
  }
}

@media screen and (max-width: 749px) {
  .template-search .card__media,
  .card__media {
    overflow: hidden !important;
  }

  .template-search .card-image-slider,
  .card-image-slider {
    overflow: hidden !important;
  }

  /* Native finger swipe — browser owns the gesture */
  .template-search .card-image-slider-link,
  .card-image-slider-link {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    overscroll-behavior-x: contain !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    scroll-behavior: auto !important;
    touch-action: pan-x pan-y !important;
    container-type: inline-size !important;
  }

  .template-search .card-image-slider-link::-webkit-scrollbar,
  .card-image-slider-link::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }

  .template-search .card-image-slider__track,
  .card-image-slider__track {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    width: max-content !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 100% !important;
    transform: none !important;
    transition: none !important;
    will-change: auto !important;
  }

  .template-search .card-image-slide,
  .card-image-slide {
    position: relative !important;
    box-sizing: border-box !important;
    flex: 0 0 var(--hw-card-slide-width, 100cqi) !important;
    width: var(--hw-card-slide-width, 100cqi) !important;
    min-width: var(--hw-card-slide-width, 100cqi) !important;
    max-width: var(--hw-card-slide-width, 100cqi) !important;
    height: 100% !important;
    min-height: 100% !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: always !important;
  }

  .template-search .card-image-slide img,
  .card-image-slide img {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    -webkit-user-drag: none !important;
    user-select: none !important;
    pointer-events: none !important;
  }

  .template-search .card-image-slider-nav,
  .template-search .card-slider-arrow,
  .card-image-slider-nav,
  .card-slider-arrow {
    display: none !important;
  }

  /*
    FINAL override for You May Also Like / related-products.
    Global rules above set .card-image-slider-link { overflow-x: auto } which
    makes the product IMAGE a nested scrollport. Finger-down on the image then
    never reaches the outer .product-grid carousel. Clip + freeze inner track.
  */
  .related-products .card__inner,
  .related-products .card__media,
  .related-products .card__media .media,
  .related-products .card-image-slider,
  .related-products .card-image-slider-link,
  .related-products .card-image-slider__track {
    overflow: clip !important;
    overflow-x: clip !important;
    overflow-y: clip !important;
    overscroll-behavior: none !important;
    scroll-snap-type: none !important;
    -webkit-overflow-scrolling: auto !important;
  }

  .related-products .card-image-slider-link {
    touch-action: manipulation !important;
    -webkit-touch-callout: none !important;
  }

  .related-products .card-image-slider__track {
    width: 100% !important;
    max-width: 100% !important;
    transform: none !important;
    transition: none !important;
  }

  .related-products .card-image-slide {
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    scroll-snap-align: none !important;
  }

  .related-products .card-image-slide:not(:first-child) {
    display: none !important;
  }

  .related-products .product-grid img,
  .related-products .card-image-slide img {
    -webkit-user-drag: none !important;
    -webkit-touch-callout: none !important;
    user-select: none !important;
    pointer-events: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .card-slider-arrow,
  .card-image-slider__track {
    transition: none !important;
  }
}

/* Reserve Concierge — stacked icon above label, centered in accordion */
.product__accordion .accordion__content .reserve-concierge,
.product__accordion .accordion__content-inner .reserve-concierge,
.reserve-concierge {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2.4rem !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 1rem 0 1.25rem !important;
  text-align: center !important;
}

.product__accordion .accordion__content .reserve-concierge__item,
.reserve-concierge__item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  gap: 0.85rem !important;
  width: 100% !important;
  max-width: 36rem !important;
  margin: 0 auto !important;
}

.product__accordion .accordion__content .reserve-concierge__icon,
.reserve-concierge__icon {
  width: 140px !important;
  height: 140px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto !important;
  color: rgb(var(--color-foreground));
}

.product__accordion .accordion__content .reserve-concierge__icon img,
.product__accordion .accordion__content.rte .reserve-concierge__icon img,
.reserve-concierge__icon img,
.reserve-concierge__icon svg {
  width: 100% !important;
  height: 100% !important;
  max-width: 140px !important;
  max-height: 140px !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
  float: none !important;
}

.product__accordion .accordion__content.rte .reserve-concierge__title,
.product__accordion .accordion__content.rte .reserve-concierge__text,
.product__accordion .accordion__content .reserve-concierge p,
.reserve-concierge__title,
.reserve-concierge__text {
  display: block !important;
  width: 100% !important;
  max-width: 36rem !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center !important;
  background: transparent !important;
  float: none !important;
}

.reserve-concierge__title {
  font-size: 1.5rem !important;
  line-height: 1.35 !important;
  letter-spacing: 0.01em;
  font-weight: 500 !important;
  color: rgb(var(--color-foreground));
}

.reserve-concierge__text {
  font-size: 1.25rem !important;
  line-height: 1.55 !important;
  opacity: 0.85;
}

@media screen and (max-width: 749px) {
  .product__accordion .accordion__content .reserve-concierge,
  .reserve-concierge {
    gap: 2rem !important;
    padding: 0.75rem 0 1rem !important;
  }

  .product__accordion .accordion__content .reserve-concierge__icon,
  .reserve-concierge__icon {
    width: 112px !important;
    height: 112px !important;
  }

  .product__accordion .accordion__content .reserve-concierge__icon img,
  .product__accordion .accordion__content.rte .reserve-concierge__icon img,
  .reserve-concierge__icon img,
  .reserve-concierge__icon svg {
    max-width: 112px !important;
    max-height: 112px !important;
  }

  .reserve-concierge__title {
    font-size: 1.35rem !important;
  }
}