/** Shopify CDN: Minification failed

Line 474:12 Expected identifier but found whitespace
Line 474:40 Unexpected "/"
Line 1089:6 Expected identifier but found whitespace
Line 1089:7 Unexpected "-8px"

**/
/** Shopify CDN: Minification failed

Line 463:12 Expected identifier but found whitespace
Line 463:40 Unexpected "/"
Line 1068:6 Expected identifier but found whitespace
Line 1068:7 Unexpected "-8px"

**/
.index-section { margin: 10px 0 !important; }

/*TYPOGRAPHY*/
p,
.p {
  letter-spacing: 1px;
  margin-bottom: 0;
  margin-top: 0;
}
p.paragraph {
  letter-spacing: 1px;
  margin-bottom: 0;
  margin-top: 0;
  font-size: 1.2em;
}

/* Product Names Headings */
h1,
.h1 {
  font-style: italic;
  font-family: var(--itc_founders_caslon_n4), var(--typeHeaderFallback);
  letter-spacing: 1px;
}


/* Main Subheadings */
h2,
.h2 {
  font-style: italic;
  font-family: var(--itc_founders_caslon_n4), var(--typeHeaderFallback);
  font-weight: var(--typeHeaderWeight);
  letter-spacing: 1px;
  line-height: var(--typeHeaderLineHeight);
  margin-bottom: 0;
  margin-top: 0;
}

h3,
.h3 {
  font-style: italic;
  font-family: var(--itc_founders_caslon_n4), var(--typeHeaderFallback);
  font-weight: var(--typeHeaderWeight);
  letter-spacing: 1px;
  line-height: var(--typeHeaderLineHeight);
  margin-bottom: 0;
}

/* Text Columns Heading */
h4,
.h4 {
  font-family: var(--itc_founders_caslon_n4), var(--typeHeaderFallback);
  font-weight: var(--typeHeaderWeight);
  letter-spacing: 1px;
  line-height: var(--typeHeaderLineHeight);
}

/* "ONLINE STORE" Heading */
h5,
.h5 {
  font-family: var(--itc_founders_caslon_n4), var(--typeHeaderFallback);
  font-weight: var(--typeHeaderWeight);
  letter-spacing: 1px;
  line-height: var(--typeHeaderLineHeight);
  margin-bottom: 0;
}

/* "Caption" */
h6,
.h6 {
  font-family: var(--itc_founders_caslon_n4), var(--typeHeaderFallback);
  font-weight: var(--typeHeaderWeight);
  letter-spacing: 1px;
  line-height: var(--typeHeaderLineHeight);
}

.site-nav__dropdown {
  left: 50%;
  text-align: center !important;
  transform: translate(-50%, -1px) !important;
}

hr,
.mwy {
  height: 1px;
  width: 85%;
  margin-top: 50px;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  border-width: 0;
  background-color: #222222;
}

.header {
  height: 2px;
  width: 85%;
  margin-top: 15px;
  margin-bottom: 5px;
  border-width: 0;
  background-color: #94795D;
}

table,
th,
td {
  border: 1px solid;
}

/* SHIPPING BANNER */
#us-shipping-banner {
  display: none;
  max-width: none;
  background: rgba(34, 34, 34, 0.9);
  color: white;
  padding: 10px 10px ;
  font-weight: bold;
  text-align: center;
  margin-top: 0px;
  margin-bottom: 0px;
  position: relative;
  overflow: hidden;
  animation: fadeIn 3.5s ease-out forwards;
  opacity: 0;
}

@keyframes fadeIn {
  to { opacity: 1; }
}

#us-shipping-banner::after {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 60%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
}

@keyframes shimmer {
  0%   { left: -100%; }
  100% { left: 120%; }
}

/* GRID (theme general layout bits) */
@media only screen and (min-width: 590px) {
  .index-section { margin: 15px 0; }
  .index-section--small { margin: 40px 0; }
  .index-section--faq { margin: 40px 0 20px; }
  .section--divider { padding-top: 100px; }
  .newsletter-section { padding: 60px 0; }
  .testimonials-section { padding: 100px 0; }
}

.page-blocks--flush .page-width { padding: 0; }

.page-blocks > div:first-child .index-section { margin-top: 0; }

.feature-row-wrapper { direction: ltr; overflow: hidden; }

.feature-row {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}

@media only screen and (max-width: 589px) {
  .small--grid--flush { margin-left: -2px; }
  .page-width .small--grid--flush { margin-left: -20px; margin-right: -18px; }
  .small--grid--flush > .grid__item { padding-left: 2px; }
  .small--grid--flush .grid__item--collection-template { padding: 0 20px; }
}

.text-column__grid {
  display: grid;
  gap: 30px;
  grid-template-columns: 1fr;
}

@media (min-width: 769px) {
  .text-column__grid { display: grid; grid-template-columns: repeat(6, 1fr); }
  .text-column__grid > * { grid-column: span 3; }
  .text-column__grid:has(>:nth-child(3):last-child) > * { grid-column: span 2; }
  .text-column__grid:has(>:nth-child(odd):last-child:not(:nth-child(3))) > :nth-last-child(-n+3) { grid-column: span 2; }
}

/* Fractional width helpers */
.one-whole{width:100%;}
.one-half{width:50%;}
.one-third{width:33.33333%;}
.two-thirds{width:66.66667%;}
.one-quarter{width:25%;}
.two-quarters{width:50%;}
.three-quarters{width:75%;}
.one-fifth{width:20%;}
.two-fifths{width:40%;}
.three-fifths{width:60%;}
.four-fifths{width:80%;}
.one-sixth{width:16.66667%;}
.two-sixths{width:33.33333%;}
.three-sixths{width:50%;}
.four-sixths{width:66.66667%;}
.five-sixths{width:83.33333%;}
.one-eighth{width:12.5%;}
.two-eighths{width:25%;}
.three-eighths{width:37.5%;}
.four-eighths{width:50%;}
.five-eighths{width:62.5%;}
.six-eighths{width:75%;}
.seven-eighths{width:87.5%;}
.one-tenth{width:10%;}
.two-tenths{width:20%;}
.three-tenths{width:30%;}
.four-tenths{width:40%;}
.five-tenths{width:50%;}
.six-tenths{width:60%;}
.seven-tenths{width:70%;}
.eight-tenths{width:80%;}
.nine-tenths{width:90%;}
.one-twelfth{width:8.33333%;}
.two-twelfths{width:16.66667%;}
.three-twelfths{width:25%;}
.four-twelfths{width:33.33333%;}
.five-twelfths{width:41.66667%;}
.six-twelfths{width:50%;}
.seven-twelfths{width:58.33333%;}
.eight-twelfths{width:66.66667%;}
.nine-twelfths{width:75%;}
.ten-twelfths{width:83.33333%;}
.eleven-twelfths{width:91.66667%;}

/* COLLECTION HEADER */
.section-header__title { margin-bottom: 0; display: none; }

/* CONTENT PADDING */
@media only screen and (max-width: 589px) {
  .page-width--flush-small { padding: 0; }
}

.page-content,
.shopify-email-marketing-confirmation__container,
.shopify-policy__container {
  padding-bottom: 0;
  padding-top: 0;
}

@media only screen and (min-width: 590px) {
  .page-content,
  .shopify-email-marketing-confirmation__container,
  .shopify-policy__container {
    padding-bottom: 0;
    padding-top: 0;
  }
}

.shopify-email-marketing-confirmation__container { text-align: center; }

.page-content--with-blocks { padding-bottom: 0; }

/* BUYER CONSENT COPY */
small#shopify-buyer-consent-modal.hidden { display: none !important; }

/* PASSWORD PAGE */
.site-header--password { color: var(--colorNavText); }
.site-header--password a,
.site-header--password a:hover { color: var(--colorNavText); }

.is-light .site-header--password { color: #000; }
.is-light .site-header--password a,
.is-light .site-header--password a:hover { color: #000; }

.password-page__header__grid {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  justify-content: center;
}

.password-page__logo h1 { margin-bottom: 0; display: none; }
.password-page__logo .logo { max-width: 100%; }

.password-login {
  display: block;
  font-family: var(--typeBasePrimary), var(--typeBaseFallback);
  font-weight: var(--typeBaseWeight);
  letter-spacing: var(--typeBaseSpacing);
  line-height: var(--typeBaseLineHeight);
  margin: 0 auto;
  border: 1px solid var(--colorBorder);
  font-size: 0.8em;
  padding: 10px 15px;
}

.is-light .password-login { border-color: #000; }

.password-form { margin-bottom: 1em; }

.password__lock .icon {
  height: 24px;
  margin-right: 4px;
  position: relative;
  top: -2px;
  width: 24px;
}

.password__footer { padding: 40px 0; display: none; }

.icon-shopify-logo { height: 20px; width: 60px; }

body.template-password { background-color: #000 !important; }

body.template-password .content,
body.template-password .main-content,
body.template-password .password-page,
body.template-password .shopify-section,
body.template-password .page-width {
  background-color: transparent !important;
  box-shadow: none !important;
}

/* PRODUCT GRID */
@media only screen and (min-width: 589px) {
  .grid-product__title {
    font-size: calc(var(--typeBaseSize) * 1.18);
    font-weight: 300;
    text-align: center;
  }
}

.grid-product__vendor {
  font-family: var(--typeBasePrimary), var(--typeBaseFallback);
  font-weight: var(--typeBaseWeight);
  letter-spacing: var(--typeBaseSpacing);
  line-height: var(--typeBaseLineHeight);
}

[data-type_base_accent_transform=true] .grid-product__vendor {
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.grid-product__vendor { font-size: 11px; margin-top: 3px; }

.grid-product__price {
  font-size: calc(var(--typeBaseSize) * 0.9 * 1.2);
  margin-top: 6px;
  text-align: center;
  font-weight: 700;
}

@media only screen and (max-width: 589px) {
  .grid-product__title { text-align: center; }
}

/* QUICK SHOP */
.quick-product__btn {
  background-color: var(--colorBtnPrimary);
  border-radius: 50%;
  color: var(--colorBtnPrimaryText);
  cursor: pointer;
  font-size: calc(var(--typeBaseSize) * 1.5);
  height: 55px;
  line-height: 1.2;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  right: -15px;
  top: -15px;
  transform: translateY(5px);
  transition: opacity 0.15s ease, transform 0.15s ease-out, background 0.15s ease;
  width: 55px;
  z-index: 2;
}

/* PRODUCT THUMBNAIL */
.product__thumb-item a.is-active:before,
.product__thumb-item a:focus:before {
  bottom: 0;
  box-shadow: inset 0 0 0 0px var(--colorTextBody);
  content: "";
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.product__thumbs--below .product__thumbs--scroller {
  overflow-x: scroll;
  white-space: nowrap;
  text-align: center;
}

/* RECOMMENDED GRID PRODUCTS */
.grid-product__meta {
  line-height: calc(var(--typeBaseLineHeight) - 0.1);
  padding: 10px 0 30px 0;
  position: relative;
}

/* MOBILE tweak for recommended grid spacing */
@media only screen and (max-width: 589px) {
  .grid-product__meta { 
    padding: 4px 0 10px 0;
    margin-bottom: 0px;
  }
}

/* HEADER BORDER KILL */
.site-header,
.site-header--stuck,
.header-wrapper--overlay .site-header {
  border-bottom: none !important;
}

/* STREAMING BUTTONS (global helper) */
.streaming-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-bottom: 20px;
}

.streaming-buttons .btn {
  padding: 12px 20px;
  min-width: 140px;
  text-align: center;
}

/* Mobile: 2 per row */
@media only screen and (max-width: 768px) {
  .streaming-buttons .btn {
    flex: 1 1 45%;
    max-width: 45%;
    box-sizing: border-box;
  }
}

/* MOBILE LINE BREAK */
.mobile-break::before { content: " "; }
.mobile-hide { display: inline; }


@media (max-width: 589px) {
.mobile-break::before {
    content: "\A";
    white-space: pre;
    display: inline;
  }
.mobile-hide { display: none; }
}

/* MOBILE NAV */
first-level: hide caret & tidy spacing */
#NavDrawer .mobile-nav > li .mobile-nav__toggle { display: none !important; }

/* If the whole row is a button (trigger_link=true), its caret lives inside the button */
#NavDrawer .mobile-nav > li .mobile-nav__link--button .mobile-nav__toggle { display: none !important; }
#NavDrawer .mobile-nav > li .mobile-nav__link--button { cursor: default; }
#NavDrawer .mobile-nav > li .mobile-nav__link--button .mobile-nav__faux-link { padding-right: 0; }

/* Mobile drawer header: logo inline with X, aligned with menu */
#NavDrawer .drawer__header {
  display: flex;
  align-items: center;
  /* match horizontal padding to menu list so logo lines up with "LIVE" */
  padding-left: 0px;   /* tweak if your theme uses a different gutter */
  padding-right: 10px;
}

#NavDrawer .drawer__title { flex: 1; } /* logo left, X on the right */
#NavDrawer .drawer__logo-link { display: inline-flex; align-items: center; text-decoration: none; line-height: 1; }
#NavDrawer .drawer__logo-image { max-height: 22px; width: auto; } /* adjust size to taste */
#NavDrawer .drawer__logo-text { font-size: 18px; font-weight: 600; }

/* Optional: if the top rule needs spacing balance */
#NavDrawer .drawer__fixed-header { padding-top: 8px; padding-bottom: 8px; }

/* Remove the X in the mobile drawer header */
#NavDrawer .drawer__close { display: none !important; }
/* Optional: since there’s no X, keep header padding symmetric */
#NavDrawer .drawer__header { padding-right: 24px; }

/*PRODUCT PAGE*/

 /* 1) Price: enlarge */
  .mpm-scope .product-block--price .product__price,
  .mpm-scope .product-block--price [class*="price-item"],
  .mpm-scope .product__price {
    font-size: 1.5em !important;
    line-height: 1.2 !important;
  }

@media (max-width: 1024px) {

  /* Scope */
  .mpm-scope { text-align: center; }

  /* 2) Keep form and blocks the same centered width (no text-centering in select) */
  .mpm-scope .product-block,
  .mpm-scope .product-form,
  .mpm-scope .product-form__buttons {
    max-width: 680px;
    margin-left: auto;
    margin-right: auto;
  }

  /* Full-width dropdown + button (left-aligned text) */
  .mpm-scope .variant-wrapper--dropdown,
  .mpm-scope .variant-wrapper--dropdown .variant-input-wrap,
  .mpm-scope .variant-wrapper--dropdown select[data-variant-input] {
    width: 100% !important;
    display: block !important;
  }
  .mpm-scope .variant-wrapper--dropdown select[data-variant-input] {
    text-align: left;
    text-align-last: left;
    -moz-text-align-last: left;
  }

  /* Full-width Add to Cart button */
  .mpm-scope .product-form__submit,
  .mpm-scope .product-form__buttons .button {
    width: 100% !important;
    display: block !important;
  }

  /* 3) Stock indicator: center the sales-points list */
  .mpm-scope .product-block--sales-point .sales-points {
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    padding-left: 0;
    margin: 0.75rem auto;
    list-style: none;
  }
  .mpm-scope .product-block--sales-point .sales-point { margin: 0; }

  .mpm-scope .product-block--sales-point .icon-and-text {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
  }
  .mpm-scope .product-block--sales-point .icon--inventory {
    display: inline-block;
    flex: 0 0 auto;
  }

  /* 4) Description bullets next to their lines */
  .mpm-scope .product-block .rte ul,
  .mpm-scope .product__description .rte ul,
  .mpm-scope .product__description ul {
    display: inline-block;               /* centers the list block */
    text-align: left;                    /* readable list text */
    list-style: disc outside !important; /* bullets beside the text */
    padding-left: 1.25rem !important;    /* pull bullets closer */
    font-size: 1.2em;
    margin: 0 auto 1rem;
  }
  .mpm-scope .product-block .rte li,
  .mpm-scope .product__description li {
    margin: 0.25rem 0;
    text-indent: 0 !important;
  }
}
/* MWY PRODUCT GRID CARD*/
.mwy-card-heading { text-align: center; padding-top: 8px; }
.mwy-card-name {
  font-family: var(--itc_founders_caslon_n4), var(--typeHeaderFallback);
  font-style: italic; letter-spacing: 1px; font-weight: 300;
  font-size: calc(var(--typeBaseSize) * 1.18);
  line-height: 1.25;
}
@media (max-width: 589px){ .mwy-card-name { font-size: calc(var(--typeBaseSize) * 1.08); } }
.mwy-card-type {
  font-family: var(--itc_founders_caslon_n4), var(--typeHeaderFallback);
  text-transform: uppercase; letter-spacing: 0.18em; font-size: 11px; margin-top: 2px;
}
.mwy-card-price { text-align: center; margin-top: 4px; font-weight: 700; }
.mwy-card-price .price-currency { font-style: italic; font-weight: 700; }
.mwy-card-price .price-amount { font-weight: 700; }
.mwy-card-price .mwy-price--compare { opacity: 0.7; margin-left: 6px; font-weight: 400; }

/* SOLD OUT badge styled like a compact button using theme colors */
.mwy-badge {
  display: inline-flex;                 /* center content */
  align-items: center;
  justify-content: center;
  padding: 5px 10px;                   /* even padding all around */
  height: auto;                         /* allow box to grow with padding */
  line-height: 1;                       /* prevent vertical mis-centering */
  border-radius: 0;                     /* square edges */
  letter-spacing: .08em;
  font-weight: 600;
  font-size: 11px;
  text-transform: uppercase;
}
.mwy-badge--soldout { background: var(--colorBtnPrimary); color: var(--colorBtnPrimaryText); }

/* Hide Motion's default top-right SOLD OUT tag since we render it below the type line */
.grid-product__tag--sold-out { display: none !important; }

/* MWY mobile collection cascade + shared store rhythm */
@media screen and (max-width:768px){
body.template-collection .mwy-card-name{font-size:18.5px!important;line-height:1.25!important}
body.template-collection .mwy-card-type{font-size:12px!important;line-height:1.4!important}
body.template-collection .mwy-card-price{font-size:18.5px!important;line-height:1.4!important}
body.template-collection #MainContent>.shopify-section:has(.store-menu-mobile)+.shopify-section .index-section{margin-top:2px!important}
body.template-product .mpm-scope .page-content{padding-top:2px!important}
}


/* Truncate very long names safely */
.mwy-card-name { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* Tighter gap under type on small screens */
@media (max-width: 589px) { .mwy-card-price { margin-top: 3px; } }

/* Auction Pro cleanup */

.shopify-app-block .grid__item,
.shopify-app-block .card,
.shopify-app-block .product-card,
.shopify-app-block .auction-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}

.shopify-app-block .card__content,
.shopify-app-block .card__information,
.shopify-app-block .card-information,
.shopify-app-block .auction-card__info,
.shopify-app-block .product-info {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}

/* Title */

.shopify-app-block h3,
.shopify-app-block .h3,
.shopify-app-block .card__heading,
.shopify-app-block .card__heading a,
.shopify-app-block .product-title,
.shopify-app-block .auction-title {
  font-family: var(--itc_founders_caslon_n4), var(--typeHeaderFallback);
  font-style: italic; letter-spacing: 1px; font-weight: 300;
  font-size: calc(var(--typeBaseSize) * 1.18);
  line-height: 1.25;
}

/* Price / bids / timer */

.shopify-app-block .price,
.shopify-app-block .money,
.shopify-app-block .current-bid,
.shopify-app-block .auction-timer,
.shopify-app-block .bid-count,
.shopify-app-block .price-item,
.shopify-app-block .price__regular,
.shopify-app-block .card-information__text  {
  text-align: center !important;
    margin-top: 4px;
      font-weight: 700;
}

/* Auction timer + bid count — styled like .mwy-card-type */
.shopify-app-block .auction-timer,
.shopify-app-block .bid-count {
  font-family: var(--itc_founders_caslon_n4), var(--typeHeaderFallback);
    text-transform: uppercase;
      letter-spacing: 0.18em;
        font-size: 11px;
          font-weight: 400;
            margin-top: 2px;
              text-align: center !important;
              }

/* Image centering */

.shopify-app-block img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* Auction card text centering — actual Auction Pro class names */
.shopify-app-block ._a-margin-bottom-20,
.shopify-app-block h3,
.shopify-app-block ._a-display-block,
.shopify-app-block b,
.shopify-app-block .mwy-card-type {
  text-align: center !important;
}

/* -----------------------------------------------
 * Auction card custom layout (MWY)
 * ----------------------------------------------- */

/* Bid count — italic, centered, sits below type */
.mwy-auction-bids {
  font-style: italic;
  text-align: center;
  margin: 6px 0 10px;
  font-size: 1em;
}

/* Price button — store primary button color */
.mwy-auction-price-btn {
  display: block;
  background: var(--colorBtnPrimary, #94795d);
  color: #fff;
  text-align: center;
  padding: 11px 16px;
  font-size: 1.05em;
  font-weight: 700;
  letter-spacing: 0.02em;
  margin: 0 8px;
}

/* "Auction Ends:" label + date */
.mwy-auction-end {
  text-align: center;
  margin-top: 10px;
  font-size: 0.92em;
}
.mwy-auction-end-label {
  font-weight: 700;
  font-style: normal;
}
.mwy-auction-end-date {
  font-style: italic;
}

/* Live countdown */
.mwy-auction-countdown {
  font-style: italic;
  text-align: center;
  margin-top: 3px;
  font-size: 0.88em;
  margin-bottom: 6px;
}

/* -----------------------------------------------
 * Auction Pro product page overrides (MWY)
 * ----------------------------------------------- */

/* Bid button — store primary color replaces Auction Pro red */
#_a-bid-btn,
._a-auction-btn,
#_a-buy-it-now-btn {
  background: var(--colorBtnPrimary, #94795d) !important;
  border-color: var(--colorBtnPrimary, #94795d) !important;
  border-radius: 0 !important;
  font-family: var(--typeBasePrimary), var(--typeBaseFallback) !important;
  letter-spacing: 0.04em !important;
}

/* Watchlist button — outlined store color */
#_a-btn-watchlist {
  border: 1px solid var(--colorBtnPrimary, #94795d) !important;
  color: var(--colorBtnPrimary, #94795d) !important;
  background: transparent !important;
  border-radius: 0 !important;
}

/* Bid input field — match store input style */
#_a-bid-input,
._a-current-bid-input {
  border: 1px solid #ccc !important;
  border-radius: 0 !important;
  font-family: var(--typeBasePrimary), var(--typeBaseFallback) !important;
  font-size: 1em !important;
  padding: 8px 12px !important;
}

/* Timer — italic, matches grid card countdown style */
#_a-countdown-timer {
  font-style: italic !important;
  font-size: 1em !important;
  margin-bottom: 4px !important;
  color: var(--colorTextBody, #333) !important;
}

/* End date — "Auction Ends: March 23rd" */
#_a-end-date {
  font-size: 0.95em !important;
  margin-bottom: 0 !important;
}
#_a-end-date strong {
  font-weight: 700;
}
#_a-end-date em {
  font-style: italic;
}

/* Current bid section */
._a-current-bid-font {
  font-size: 1em !important;
  margin-bottom: 8px !important;
  display: block !important;
}

/* Bid count + auto bid links — store color */
._a-modal-btn-link,
#_a-auto-bid,
#_a-bids {
  color: var(--colorBtnPrimary, #94795d) !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

/* Auto bid row spacing */
._a-automatic-bid-font {
  margin-top: 4px !important;
  font-size: 16px !important;
}

/* Bid prompt text (Enter $X or more) */
#_a-bid-prompt,
._a-current-bid-input-prompt {
  font-size: 0.85em !important;
  color: #888 !important;
  font-style: italic !important;
}

/* Remove Auction Pro's default red focus ring on input */
._a-current-bid-input:focus {
  outline: 1px solid var(--colorBtnPrimary, #94795d) !important;
  border-color: var(--colorBtnPrimary, #94795d) !important;
}

/* -----------------------------------------------
 * Site-wide default font: ITC Founders Caslon
 * Bold/italic stylizations are preserved via
 * existing font-weight/font-style rules
 * ----------------------------------------------- */
body {
  font-family: var(--itc_founders_caslon_n4), var(--typeHeaderFallback);
}

/* -----------------------------------------------
 * Auction product page — stacked info layout
 * ----------------------------------------------- */

/* "Auction Ends:" small italic label */
.mwy-pp-end-label {
  display: block;
  font-style: normal;
  font-size: 12.8px;
  letter-spacing: 2.56px;
  text-transform: uppercase;
  margin-bottom: 4px;
}

/* "March 23rd" — large bold italic date */
.mwy-pp-end-date {
  display: block;
  font-family: var(--itc_founders_caslon_n4), var(--typeHeaderFallback), serif;
  font-style: italic !important;
  font-weight: 700;
  font-size: 1.45em;
  margin-bottom: 0;
}

/* Timer — own line, italic, slightly smaller */
#_a-end-date {
  line-height: 1.2;
  margin-bottom: 0;
}
#_a-countdown-timer.mwy-pp-timer {
  display: block;
  font-style: italic;
  font-size: 0.92em;
  margin-top: 0;
  margin-bottom: 14px;
  color: var(--colorTextBody, #444);
}

/* "Current bid:" — italic label on own line */
.mwy-pp-bid-label {
  display: block;
  font-style: normal;
  font-size: 12.8px;
  letter-spacing: 2.56px;
  text-transform: uppercase;
  margin-bottom: 4px;
}

/* Price + bid count row */
.mwy-pp-bid-row {
  display: block;
}

/* Price — large italic */
.mwy-pp-bid-price {
  font-family: var(--itc_founders_caslon_n4), var(--typeHeaderFallback);
  font-style: normal !important;
  font-size: 1.55em;
  font-weight: 400;
  margin-right: 6px;
}

/* "(1 bid)" — small inline */
.mwy-pp-bid-count {
  font-size: 0.85em;
  color: #666;
}
._a-current-bid-font[data-mwy-bid-patched="1"] { text-align: left !important; }
.mwy-pp-bid-label, .mwy-pp-bid-row, .mwy-pp-bid-price, .mwy-pp-bid-count { text-align: left !important; }

/* Product type below h1 on product page */
.product-block--header .mwy-card-type {
  font-size: 16px;
  letter-spacing: 0.4px;
  line-height: 24px;
  margin-top: 4px;
  margin-bottom: 10px;
  text-align: left;
}
/* ===========================
   MWY MODAL SYSTEM
   =========================== */
.mwy-modal-overlay {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0,0,0,0.75);
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mwy-modal-box {
  background: #fff;
  padding: 48px 52px 40px;
  max-width: 460px;
  width: 90%;
  text-align: center;
}
.mwy-modal-heading {
  font-size: 30px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-weight: 400;
  color: #111;
  margin-bottom: 16px;
}
.mwy-modal--confirm .mwy-modal-heading {
  font-size: 14px;
  letter-spacing: 0.15em;
  margin-bottom: 4px;
}
#_a-bid-input {
  height: 46px !important;
}
.mwy-modal-amount {
  font-family: var(--itc_founders_caslon_n4), var(--typeHeaderFallback), serif;
  font-size: 2.6em;
  font-weight: 700;
  color: #111;
  margin-bottom: 36px;
  line-height: 1.1;
}
.mwy-modal-line {
  font-size: 16px;
  line-height: 1.5;
  color: #111;
  margin-bottom: 2px;
}
.mwy-modal-line--small { font-size: 12px; margin-top: 6px; }
.mwy-modal-line--gray  { color: #888; }
.mwy-modal-buttons {
  display: flex;
  gap: 16px;
  justify-content: center;
  margin-top: 32px;
}
.mwy-modal-btn {
  font-size: 13px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 15px 32px;
  border: none;
  cursor: pointer;
  font-family: inherit;
  font-weight: 400;
  transition: opacity 0.2s;
}
.mwy-modal-btn:hover { opacity: 0.85; }
.mwy-modal-btn--confirm,
.mwy-modal-btn--okay {
  background: var(--colorBtn, #8b6f47);
  color: var(--colorBtnText, #fff);
  min-width: 120px;
}
.mwy-modal-btn--cancel {
  background: transparent;
  color: #111;
  border: 1px solid #aaa;
}
/* Bid input — $ prefix */
.mwy-bid-input-wrap {
  display: flex;
  align-items: stretch;
  width: 100%;
  gap: 8px;
}
.mwy-bid-dollar { display: none; }
.mwy-bid-input-wrap input {
  flex: 2 !important;
  min-width: 0 !important;
  padding: 11px 12px !important;
  font-size: 16px !important;
  border: 1px solid #ccc;
  height: auto !important;
}
/* Bid button — ALL CAPS, matches purchase button */
.mwy-bid-btn {
  flex: 1 !important;
  background: var(--colorBtn, #8b6f47) !important;
  color: var(--colorBtnText, #fff) !important;
  font-size: 16px !important;
  letter-spacing: 0.4px !important;
  padding: 11px 20px !important;
  border: none !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  font-family: inherit !important;
  font-weight: 400 !important;
}
.mwy-bid-btn:hover { opacity: 0.9 !important; }

/* ── Auction Pro: Place Automatic Bid modal ──────────────────── */
#_a-auction-modal-automatic ._a-modal-container {
  background: #fff;
  padding: 48px 52px 40px;
  max-width: 460px;
  width: 90%;
  text-align: center;
  border-radius: 0;
  box-shadow: none;
}
#_a-auction-modal-automatic ._a-modal-header {
  display: block;
  border-bottom: none !important;
  padding: 0 !important;
  margin-bottom: 16px;
  position: relative;
}
#_a-auction-modal-automatic ._a-modal-title {
  font-size: 24px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-weight: 400;
  color: #111;
  font-family: inherit;
  display: block;
  width: 100%;
}
#_a-auction-modal-automatic ._a-modal-header ._a-modal-close-btn {
  display: none !important;
}
  top: -8px;
  right: -8px;
  width: 28px;
  height: 28px;
  opacity: 0.4;
}
#_a-auction-modal-automatic ._a-modal-close-btn:hover { opacity: 0.8; }
#_a-auction-modal-automatic ._a-modal-body {
  padding: 0 !important;
}
#_a-auction-modal-automatic ._a-modal-body label {
  font-size: 16px !important;
  line-height: 1.5 !important;
  color: #111 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-weight: 400 !important;
  font-family: inherit !important;
  display: block;
  margin-bottom: 20px !important;
}
#_a-automatic-bid-input {
  height: 46px !important;
  border: 1px solid #ccc !important;
  padding: 0 12px !important;
  font-size: 16px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin-bottom: 32px !important;
  background: #fff !important;
  color: #111 !important;
  border-radius: 0 !important;
}
#_a-auction-modal-automatic ._a-modal-footer {
  display: flex !important;
  flex-direction: row-reverse !important;
  gap: 16px !important;
  justify-content: center !important;
  padding: 0 !important;
  border-top: none !important;
  margin-top: 0 !important;
}
#_a-auction-modal-automatic ._a-modal-btn-confirm {
  background: var(--colorBtn, #8b6f47) !important;
  color: var(--colorBtnText, #fff) !important;
  border: none !important;
  border-radius: 0 !important;
  font-size: 13px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  padding: 15px 32px !important;
  cursor: pointer !important;
  font-family: inherit !important;
  font-weight: 400 !important;
  min-width: 120px !important;
  transition: opacity 0.2s !important;
}
#_a-auction-modal-automatic ._a-modal-btn-confirm:hover { opacity: 0.85 !important; }
#_a-auction-modal-automatic ._a-modal-btn-cancel {
  background: transparent !important;
  color: #111 !important;
  border: 1px solid #aaa !important;
  border-radius: 0 !important;
  font-size: 13px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  padding: 15px 32px !important;
  cursor: pointer !important;
  font-family: inherit !important;
  font-weight: 400 !important;
  min-width: 120px !important;
  transition: opacity 0.2s !important;
}
#_a-auction-modal-automatic ._a-modal-btn-cancel:hover { opacity: 0.6 !important; }

#_a-auction-modal-automatic ._a-modal-footer ._a-modal-close-btn {
  position: static !important;
  top: auto !important;
  right: auto !important;
  width: auto !important;
  height: auto !important;
  opacity: 1 !important;
}

#_a-automatic-bid-input {
  padding-left: 28px !important;
}

/* ── Bid input $ prefix (uses .mwy-bid-prefix-symbol span) ────── */
.mwy-bid-prefix-wrap {
  position: relative;
  display: block;
}
.mwy-bid-prefix-symbol {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  color: #777;
  pointer-events: none;
  z-index: 2;
  line-height: 1;
}
#_a-bid-input {
  padding-left: 28px !important;
  margin-bottom: 0 !important;
}
#_a-automatic-bid-input {
  padding-left: 28px !important;
}

/* ── product subtitle metafields: remove paragraph gap ── */
.product-block .rte p {
  margin-bottom: 0;
}

/* ── bid hint: always break to new line (mobile + desktop) ── */
.mwy-bid-hint-line2 {
  display: block;
}

/* ── mobile header: hidden on desktop, shown on mobile ── */
.mwy-mobile-header { display: none; }
/* Normalize product type element in mobile header across all page types */
.mwy-mobile-header .mwy-card-type,
.mwy-mobile-header .metafield-single_line_text_field {
  font-size: 16px !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-block !important;
}
/* Remove extra margin/padding from wrapper div cloned into mobile header */
.mwy-mobile-header > div:not([class]) {
  margin: 0 !important;
  padding: 0 !important;
}
/* ── desktop overrides ── */
/* Left-align auction hint text on desktop (Auction Pro centers it by default) */
._a-display-block._a-auction-grey {
  text-align: left !important;
}
/* Left-align Place Automatic Bid link on desktop */
#_a-auction-inputs-container ._a-automatic-bid-font {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 10px 22px !important;
  border: 1px solid rgb(148, 121, 93) !important;
  background-color: transparent !important;
  color: rgb(148, 121, 93) !important;
  cursor: pointer !important;
  margin-top: 8px !important;
  margin-bottom: 12px !important;
  font-size: 15px !important;
}
#_a-auction-inputs-container ._a-automatic-bid-font ._a-modal-btn-link {
  text-decoration: none !important;
}
#_a-auction-inputs-container ._a-automatic-bid-font ._a-tooltip {
  display: none !important;
}
#_a-auction-inputs-container ._a-automatic-bid-font b,
#_a-auction-inputs-container ._a-automatic-bid-font ._a-modal-btn-link {
  font-size: 15px !important;
  color: rgb(148, 121, 93) !important;
  font-weight: 500 !important;
}
/* Watchlist: show and order after auto bid */
/* Watchlist row — always ordered after auto-bid, regardless of active state */
#_a-auction-inputs-container > ._a-display-none,
#_a-auction-inputs-container > div:has(#_a-btn-watchlist) {
  display: block !important;
  order: 10 !important;
  margin-top: 4px !important;
  margin-bottom: 0 !important;
}
._a-automatic-bid-font {
  order: 9 !important;
}
/* Reduce gap between product title and type label on desktop */
.product-single__meta h1 {
  margin-bottom: 5px !important;
}



/* ── compact product layout (through 1024px) ── */
@media only screen and (max-width: 1024px) {
  /* Show mobile title header */
  .mwy-mobile-header {
    display: block;
    text-align: center;
    padding: 0 20px 12px;
  }
  /* Space between title and type label */
  .mwy-mobile-header h1 {
    margin-bottom: 8px !important;
  }
  /* Hide title/type originals (now in mobile header) */
  .mwy-mobile-hide { display: none !important; }
  /* Grid: image first (order 1), auction widget second (order 2) */
  body.template-product .product-section .page-width > .grid {
    display: flex;
    flex-direction: column;
  }
  body.template-product .product-section .page-width > .grid > .grid__item {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
  }
  body.template-product .product-section .page-width > .grid > .medium-up--three-fifths { order: 1; }
  body.template-product .product-section .page-width > .grid > .medium-up--two-fifths   { order: 2; }
  /* Disable sticky on image column so auction widget is fully accessible */
  .product-single__sticky { position: relative !important; top: auto !important; }
  /* Center Auction Pro current bid section */
  ._a-current-bid-font, ._a-automatic-bid-font, ._a-auction-grey {
    text-align: center !important;
  }
  /* Center custom bid display elements */
  .mwy-pp-bid-label, .mwy-pp-bid-row {
    display: block !important;
    text-align: center !important;
  }
  /* Stack bid input above ENTER button, both full-width on mobile */
  ._a-auction-input-container {
    text-align: center;
    box-sizing: border-box;
  }
  /* The inner row flex container needs to stack too */
  ._a-flex-stretch ._a-display-flex {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  /* Input fraction wrapper: full width */
  ._a-flex-stretch ._a-flex-7m {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    flex: none !important;
  }
  /* Button fraction wrapper: full width, gap above */
  ._a-flex-stretch ._a-flex-3m {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    flex: none !important;
    margin-left: 0 !important;
    margin-top: 8px !important;
  }
  /* Input and button fill their wrappers */
  .mwy-bid-prefix-wrap,
  .mwy-bid-input-wrap {
    width: 100% !important;
    box-sizing: border-box !important;
  }
  #_a-bid-input {
    width: 100% !important;
    box-sizing: border-box !important;
  }
  ._a-current-bid-input-btn {
    width: 100% !important;
    box-sizing: border-box !important;
  }
  /* Center bid hint */
  .mwy-bid-hint-line2 { text-align: center; }
  /* Center product metafields */
  .product-single__meta .product-block { text-align: center; }
  /* Center bid input placeholder text on mobile ($ pin stays absolute-left) */
  #_a-bid-input {
    text-align: center !important;
  }
  /* Center variant picker label and dropdown text on mobile */
  .variant-wrapper label,
  .variant-wrapper .variant-input-wrap label {
    text-align: center !important;
    display: block !important;
  }
  .variant-wrapper select {
    text-align: center !important;
    text-align-last: center !important;
  }
  /* Center "Place Automatic Bid" on mobile */
  #_a-auction-inputs-container ._a-automatic-bid-font {
    margin-top: 8px !important;
    margin-bottom: 0 !important;
  }
  #_a-auction-inputs-container ._a-automatic-bid-font b,
  #_a-auction-inputs-container ._a-automatic-bid-font ._a-modal-btn-link {
    font-size: 15px !important;
    color: rgb(148, 121, 93) !important;
  }
  /* Gap between Place Auto Bid and Watch This Auction on mobile */
  #_a-auction-inputs-container > ._a-display-none,
  #_a-auction-inputs-container > div:has(#_a-btn-watchlist) {
    margin-top: 10px !important;
  }
}


/* --------------------------
 * Auction Pro — suppress loading/submitting modal
 * -------------------------- */
#_a-auction-modal-loading {
  display: none !important;
}
._a-lds-ring {
  display: none !important;
}

/* --------------------------
 * Auction Pro — Auction Ends section inside form container (full-width flex items)
 * -------------------------- */
#_a-auction-inputs-container > #_a-end-date,
#_a-auction-inputs-container > #_a-countdown-timer {
  flex: 0 0 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
#_a-auction-inputs-container > #_a-end-date {
  margin-top: 16px !important;
  padding-top: 16px !important;
  border-top: 1px solid rgba(0,0,0,0.1) !important;
}
#_a-auction-inputs-container > #_a-countdown-timer {
  margin-top: 0 !important;
  margin-bottom: 12px !important;
}
/* Zero out min-bid row's bottom margin so separator sits centered */
#_a-auction-inputs-container > ._a-margin-bottom-20 {
  margin-bottom: 0 !important;
}

/* ---- Mobile: restore full-width centering for auction widget ---- */
@media (max-width: 767px) {
  #_a-auction-inputs,
  ._a-auction-input-container,
  #_a-auction-inputs-container {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  #_a-auction-inputs-container {
    flex-wrap: wrap !important;
  }
  #_a-auction-inputs-container > * {
    flex: 0 0 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
}
/* Auction Pro current-bid container — strip borders/padding, tighten gap to bid form */
._a-auction-input-container {
  border-top: none !important;
  border-bottom: none !important;
  margin-top: 0 !important;
  margin-bottom: 8px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Match standard .product-block bottom spacing so description isn't flush with last button */
#_a-auction-inputs-container {
  margin-bottom: 3.5em !important;
}

/* -----------------------------------------------
 * MOBILE STORE MENU DROPDOWN
 * Converts horizontal store nav to compact dropdown on mobile
 * Reads links from existing .store-menu, builds mobile version via JS
 * ----------------------------------------------- */

/* Mobile dropdown container — hidden on desktop */
.store-menu-mobile {
  display: none;
  text-align: center;
  position: relative;
  padding: 4px 0 0;
  margin-bottom: 0 !important;
}

/* Gold rule below trigger — matches desktop hr.header */
.store-menu-mobile::after {
  content: "";
  display: block;
  height: 2px;
  background: rgb(148, 121, 93);
  margin: 8px 20px 0;
}

/* Dropdown trigger button */
.store-menu-mobile .dropdown-trigger {
  background: none;
  border: none;
  font-family: var(--itc_founders_caslon_n4), var(--typeHeaderFallback);
  font-size: 1.4em;
  font-weight: var(--typeHeaderWeight, 400);
  letter-spacing: 0.2em;
  text-transform: uppercase;
  text-decoration: none;
  color: var(--colorTextBody, #222222);
  cursor: pointer;
  padding: 4px 8px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

/* Caret arrow */
.store-menu-mobile .dropdown-trigger .arrow {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid var(--colorTextBody, #222222);
  transition: transform 0.3s ease;
}

.store-menu-mobile .dropdown-trigger[aria-expanded="true"] .arrow {
  transform: rotate(180deg);
}

/* Dropdown menu — overlays content */
.store-menu-mobile .dropdown-menu {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  z-index: 100;
  background: var(--colorBody, #ededed);
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 1.8s cubic-bezier(0.22, 0.61, 0.05, 0.99), opacity 1.4s cubic-bezier(0.22, 0.61, 0.05, 0.99);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.store-menu-mobile .dropdown-menu.is-open {
  max-height: 500px;
  opacity: 1;
  transition: max-height 1.8s cubic-bezier(0.22, 0.61, 0.05, 0.99), opacity 1.4s cubic-bezier(0.22, 0.61, 0.05, 0.99);
}

.store-menu-mobile .dropdown-menu a {
  font-size: 15px !important;
}

.store-menu-mobile .dropdown-menu ul {
  list-style: none;
  margin: 0;
  padding: 12px 0;
}

.store-menu-mobile .dropdown-menu li {
  padding: 0;
}

.store-menu-mobile .dropdown-menu a {
  display: inline-block;
  padding: 10px 20px;
  font-family: var(--typeBasePrimary, "Times New Roman"), var(--typeBaseFallback, serif);
  font-size: 0.85em;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--colorTextBody, #222222);
  text-decoration: none;
  position: relative;
  transition: color 0.2s ease;
}

/* Underline animation — matches site pattern */
.store-menu-mobile .dropdown-menu a::after {
  content: "";
  position: absolute;
  bottom: 6px;
  left: 0;
  right: 0;
  height: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.5s ease;
}

.store-menu-mobile .dropdown-menu a:hover::after,
.store-menu-mobile .dropdown-menu a:focus::after {
  transform: scaleX(1);
}

/* Mobile breakpoint: show dropdown, hide desktop menu + LIVE nav */
@media (max-width: 768px) {
  .store-menu-mobile {
    display: block;
  }
  .store-menu {
    display: none !important;
  }
  .main-nav {
    display: none !important;
  }
  /* Tighten spacing around the store menu section on mobile */
  .store-menu-mobile + .store-menu,
  .store-menu-mobile ~ * {
    margin-top: 0;
  }
  .index-section--rich-text:has(.store-menu-mobile),
  .index-section:has(.store-menu-mobile) {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
  }
  .shopify-section:has(.store-menu-mobile) {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  .rte--block:has(.store-menu-mobile) {
    margin-bottom: 0;
  }
  /* Hide the trailing empty <p> from Store Header page */
  .rte:has(.store-menu-mobile) > p:last-of-type {
    display: none;
  }
  /* Kill the index-section margin around the store menu */
  .index-section:has(.store-menu-mobile) {
    margin: 0 !important;
    padding: 0 !important;
  }
}


/* Hide original H1 on mobile when mwy-mobile-header clone is present */
@media (max-width: 1024px) {
  .mwy-mobile-header ~ .grid .product-block--header {
    display: none !important;
  }
}


/* =====================================================
   Product page description — consistent left-aligned style
   Matches the product spec / hoodie style. Overrides any
   inline formatting from the Shopify description editor.
   ===================================================== */
.product-full-width .product-block:not(.product-block--tab) .metafield-rich_text_field,
.product-full-width .product-block:not(.product-block--tab) .metafield-rich_text_field p,
.product-full-width .product-block:not(.product-block--tab) .metafield-rich_text_field li,
.product-full-width .product-block:not(.product-block--tab) .metafield-rich_text_field span {
  text-align: left !important;
  font-size: 16px !important;
}


/* Desktop: breathing room above featured product section */
@media (min-width: 750px) {
  .shopify-section[id*="featured_product_mwy"] {
    margin-top: 25px !important;
  }
}




/* Digital template mobile image rules removed — images now use standard layout */


/* Digital top spacing rule removed — images no longer relocated */


/* Mobile digital: fix centering - zero out asymmetric left padding */
@media (max-width: 1024px) {
  .template-suffix-digital .product-single__meta {
    padding-left: 0 !important;
  }
}

/* Tighten globe icon spacing next to INSTANT DOWNLOAD */
.template-suffix-digital .icon-and-text svg {
  margin-right: 2px !important;
}


/* ============================================
   Custom Mobile Product Page Overrides
   ============================================ */
@media screen and (max-width: 1024px) {

                  /* 1. Stack layout reorder - info above images on mobile */
                  .product-section .grid {
                    display: flex;
                    flex-direction: column;
                  }

                  .grid__item.product-single__sticky { /* order removed - using mwy-mobile-header instead */ }

                  .product-single__meta { /* order removed - using mwy-mobile-header instead */ }

                  /* 2. Hide inventory status */
                  .product-block--inventory-status {
                    display: none;
                  }

                  /* 3. Variant picker dropdown text alignment */
                  .product-form__item select {
                    padding-right: 2.5em;
                    text-indent: 5px;
                  }

                  /* 4. Sales point icon alignment */
                  .product-block--sales-point .icon {
                    vertical-align: middle;
                    position: relative;
                    top: -1px;
                  }

                  /* 5. Description formatting — no bullets, centered, 17px forced on all children */
                  .product-single__description,
                  .product-block--description .rte,
                  .product-block--description .rte *  {
                    font-size: 17px !important;
                    text-align: center !important;
                  }
                  .product-block--description .rte ul {
                    list-style: disc !important;
                    padding-left: 20px !important;
                    margin-left: 0 !important;
                  }
                  .product-block--description .rte li {
                    list-style: disc !important;
                  }

                  /* 5b. Override .mpm-scope UL specificity for description centering */
                  .mpm-scope .product-block--description .rte ul,
                  .mpm-scope .product-block--description .rte ol,
                  .mpm-scope .product-block--description ul {
                    display: block !important;
                    list-style: none !important;
                    padding-left: 0 !important;
                    padding-inline-start: 0 !important;
                    margin: 0 !important;
                    text-align: center !important;
                  }
                  .mpm-scope .product-block--description .rte li {
                    text-indent: 0 !important;
                    margin: 0 0 0.5em 0 !important;
                    font-style: italic !important;
                  }

                  /* 6. Reduce margin between description and next block */
                  .product-block.product-block--description {
                    margin-bottom: 10px !important;
                  }

                  /* 7. Center album info and text metafields */
                  .product-block--tab .rte,
                  .product-block--text .rte {
                    text-align: center;
                  }

                  /* 8. Center collapsible sections */
                  body.template-product .collapsible-trigger,
                  body.template-product .collapsible-trigger__layout {
                    justify-content: center;
                    text-align: center;
                  }

                  body.template-product .collapsible-trigger__layout ul,
                  body.template-product .collapsible-trigger__layout ol {
                    text-align: left;
                    display: inline-block;
                    margin: 0 auto;
                  }

                  /* 9. Remove share buttons */
                  .product-block--share,
                  .product__share {
                    display: none;
                  }

                  /* 10. General product info centering */
                  .product-single__meta {
                    text-align: center;
                  }

                  /* 11. Custom block styling — 17px, centered */
                  .product-block--custom *,
                  .product-block--custom .rte * {
                    font-size: 17px !important;
                    text-align: center !important;
                  }

                  /* 12. Space between sub section (tabs) and Similar Offerings */
                  .product-full-width {
                    margin-bottom: 2em;
                  }

                  /* 13. Header + custom block gap reduction */
                  .product-block--custom + .product-block--header,
                  .product-block--header + .product-block--custom {
                    margin-top: -10px;
                  }

/* 13d. Product price block — 28px centered on mobile */
  .product-block--price {
    text-align: center !important;
    margin-bottom: 25px !important;
  }
  .mpm-scope .product-block--price .product__price {
    font-size: 30px !important;
    font-weight: normal !important;
  }

  /* 13e. Product description block — extra bottom margin on mobile */
  .mpm-scope .product-block--description {
    margin-bottom: 35px !important;
  }
  .mpm-scope .product-block--description .rte {
    text-align: center !important;
  }
  .mpm-scope .product-block--description ul,
  .mpm-scope .product-block--description ol {
    list-style: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    text-align: center !important;
  }
  .mpm-scope .product-block--description li {
    list-style: none !important;
    text-align: center !important;
    margin-bottom: 0.5em !important;
  }

  /* 14. Sales point — centered text, italic, 20px, icon offset */
                  .product-block--sales-point {
                    text-align: center !important;
                    margin-top: 5px !important;
                    margin-bottom: 5px !important;
                    padding-top: 5px !important;
                    padding-bottom: 5px !important;
                  }
                  .product-block--sales-point .sales-point {
                    display: block !important;
                    text-align: center !important;
                  }
                  .mpm-scope .product-block--sales-point .icon-and-text {
                    display: inline-flex !important;
                    align-items: center !important;
                    justify-content: center !important;
                    font-size: 20px !important;
                    font-weight: bold !important;
                    font-size: 20px !important;
                    font-style: italic !important;
                    position: relative !important;
                    padding-left: 24px !important;
                  }
                  .product-block--sales-point .icon {
                    position: absolute !important;
                    left: -10px !important;
                    top: 50% !important;
                    transform: translateY(-50%) !important;
                  }

                  /* 15. Solid Add to Basket button */
                  .product-single__form .btn.add-to-cart,
                  .payment-buttons .btn.add-to-cart {
                    background-color: #94795d !important;
                    color: #fff !important;
                    border: none !important;
                    height: 50px !important;
                    font-size: 17px !important;
                    letter-spacing: 0.1em !important;
                                      background-image: url('button-arrow-2x.png') !important;
                  }

                  /* 16. Dynamic checkout button styling */
                  .product-single__form .shopify-payment-button__button,
                  .payment-buttons .shopify-payment-button__button {
                    height: 50px !important;
                    border-radius: 0 !important;
                  }

                  /* 17. PayPal button height */
                  .product-single__form .shopify-payment-button__button--unbranded,
                  .payment-buttons .shopify-payment-button__button--unbranded {
                    height: 50px !important;
                  }

                  /* 18. Variant picker to Add to Basket spacing — target parent product-block */
                  .product-block[data-dynamic-variants-enabled] {
                    margin-bottom: 2.5em !important;
                  }

                  /* 19. About This Release section — matches collapsible tab style, always open */
                  .about-release .about-release__header {
                    font-size: 16px !important;
                    border-top: none !important;
                    border-bottom: 1px solid rgb(34, 34, 34) !important;
                    display: block !important;
                    width: 100% !important;
                    padding: 15px 0 !important;
                    text-align: center !important;
                    cursor: default !important;
                    text-transform: uppercase !important;
                    letter-spacing: 0.1em !important;
                  }
                  .about-release .about-release__body {
                    display: block !important;
                    padding: 20px 0 !important;
                    text-align: justify !important;
                    text-align-last: center !important;
                  }
                  .product-full-width .product-block:not(.product-block--tab) .about-release .metafield-rich_text_field,
                  .product-full-width .product-block:not(.product-block--tab) .about-release .metafield-rich_text_field p,
                  .product-full-width .product-block:not(.product-block--tab) .about-release .metafield-rich_text_field li {
                    text-align: justify !important;
                    text-align-last: center !important;
                  }
                  .about-release__runtime * {
                    text-align: center !important;
                  }

                  /* 20. Remove top margin from product-full-width */
                  .product-full-width {
                    margin-top: 0 !important;
                  }

                  /* 21. Justify all content in product-full-width */
                  .product-full-width .rte,
                  .product-full-width .rte *,
                  .product-full-width .product-block--tab .collapsible-content__inner,
                  .product-full-width .product-block--tab .collapsible-content__inner *,
                  .product-full-width .product-block--custom * {
                    text-align: justify !important;
                    text-align-last: center !important;
                  }

                  /* 22. Product Description header with underline */
                  .product-block--description {
                    text-align: center !important;
                  }
                  .product-description__header {
                    display: block !important;
                    text-align: center !important;
                    text-transform: uppercase !important;
                    letter-spacing: 0.1em !important;
                    padding: 15px 0 !important;
                    border-bottom: 1px solid rgb(34, 34, 34) !important;
                    margin-bottom: 15px !important;
                    font-size: 16px !important;
                  }

                  /* 23. Return to Store HR */
                  [id*="rich_text_CwUw7c"] .page-width--narrow {
                    border-top: 1px solid rgb(34, 34, 34) !important;
                    padding-top: 25px !important;
                    margin-top: 25px !important;
                  }

                  /* 24. Ask a Question form — hide captcha, full width send */
                  .product-full-width .contact-form .form-vertical > p {
                    display: none !important;
                  }
                  .product-full-width .contact-form .btn[type="submit"] {
                    width: 100% !important;
                    display: block !important;
                    background-color: #94795d !important;
                    color: #fff !important;
                    border: none !important;
                    height: 50px !important;
                    font-size: 16px !important;
                    letter-spacing: 0.1em !important;
                    text-transform: uppercase !important;
                  }

                  /* 25. Collapsible tab headers — match Product Description size (16px) */
                  .product-full-width .product-block--tab .collapsible-trigger {
                    font-size: 16px !important;
                    letter-spacing: 0.1em !important;
                  }
                  
                  /* 26. Paragraph and list spacing inside collapsible tabs — override .product-block .rte p margin reset */
                  .product-full-width .product-block.product-block--tab .collapsible-content__inner.rte p,
                  .product-full-width .product-block.product-block--tab .collapsible-content__inner.rte ol,
                  .product-full-width .product-block.product-block--tab .collapsible-content__inner.rte ul {
                    margin-bottom: 1.5em !important;
                  }
                  .product-full-width .product-block.product-block--tab .collapsible-content__inner.rte p:last-child,
                  .product-full-width .product-block.product-block--tab .collapsible-content__inner.rte ol:last-child,
                  .product-full-width .product-block.product-block--tab .collapsible-content__inner.rte ul:last-child {
                    margin-bottom: 0 !important;
                  }

                  /* 27. Numbered/bulleted list equal padding inside collapsible tabs */
                  .product-full-width .product-block.product-block--tab .collapsible-content__inner.rte ol,
                  .product-full-width .product-block.product-block--tab .collapsible-content__inner.rte ul {
                    margin-left: 1.5em !important;
                    margin-right: 1.5em !important;
                    padding-left: 0 !important;
                    padding-right: 0 !important;
                    list-style-position: outside !important;
                  }

                  /* 28. Ask a Question form — larger labels and inputs */
                  .product-full-width .contact-form label {
                    font-size: 16px !important;
                  }
                  .product-full-width .contact-form input,
                  .product-full-width .contact-form textarea {
                    font-size: 16px !important;
                  }

                  /* 29. Pick a Color label — larger font */
                  .variant__label {
                    font-size: 14px !important;
                  }

                  /* 30. Variant select — account for caret on right */
                  .variant-wrapper--dropdown select {
                    padding-right: 35px !important;
                    padding-left: 35px !important;
                    text-align: center !important;
                    text-align-last: center !important;
                    font-size: 17px !important;
                    height: 50px !important;
                  }

                  /* 31. More payment options — tighter to dynamic checkout */
                  .shopify-payment-button__more-options {
                    margin-top: 5px !important;
                    margin-bottom: 10px !important;
                  }

                  /* 32. About This Release — spacing between metafield entries */
                  .about-release__body > div + div {
                    margin-top: 1.5em !important;
                  }


                  /* 33. Consistent spacing between form fields and next label/button in Ask a Question */
                  .product-full-width .contact-form .form-vertical input[type="text"],
                  .product-full-width .contact-form .form-vertical input[type="email"],
                  .product-full-width .contact-form .form-vertical textarea {
                    margin-bottom: 15px !important;
                  }


                  /* 34. Cart slider checkout button — uppercase and larger */
                  .btn.cart__checkout {
                    text-transform: uppercase !important;
                    font-size: 17px !important;
                    letter-spacing: 0.1em !important;
                    height: 50px !important;
                    border-radius: 0 !important;
                  }


                  /* 35. Product recommendations — hide iOS scroll indicator, kill pseudo-line, tighten spacing */
  /* Kill the theme's 1px pseudo-element spacer (both syntaxes) */
  body.template-product .grid-overflow-wrapper .grid__item:last-child:after,
  body.template-product .grid-overflow-wrapper .grid__item:last-child::after {
    content: none !important;
    display: none !important;
    height: 0 !important;
    width: 0 !important;
  }
  /* Kill all borders/shadows on recommendation elements */
  [id*="product-recommenda"],
  [id*="product-recommenda"] .index-section,
  [id*="product-recommenda"] .page-width,
  [id*="product-recommenda"] .page-width--flush-small,
  [id*="product-recommenda"] .grid-overflow-wrapper,
  [id*="product-recommenda"] .product-recommendations,
  [id*="product-recommenda"] .product-single__related,
  [id*="product-recommenda"] .grid,
  [id*="product-recommenda"] .grid__item {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
  }
  /* Kill all pseudo-elements that could generate lines */
  body.template-product .grid-overflow-wrapper::after,
  body.template-product .grid-overflow-wrapper::before,
  body.template-product .product-single__related::after,
  body.template-product .product-single__related::before,
  [id*="product-recommenda"] .index-section::after,
  [id*="product-recommenda"] .index-section::before,
  [id*="product-recommenda"] .page-width::after,
  [id*="product-recommenda"] .page-width::before {
    display: none !important;
    content: none !important;
  }
  /* iOS scroll indicator fix:
     - Wrap in a clip container that hides the bottom scrollbar area
     - Use a generous clip (30px) to ensure the indicator is fully hidden
     - The child still scrolls horizontally */
  [id*="product-recommenda"] .page-width--flush-small {
    overflow: clip !important;
    overflow-clip-margin: 0px !important;
    padding-bottom: 0 !important;
  }
  [id*="product-recommenda"] .grid-overflow-wrapper {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: auto !important;
    padding-bottom: 30px !important;
    margin-bottom: -30px !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
  }
  [id*="product-recommenda"] .grid-overflow-wrapper::-webkit-scrollbar {
    display: none !important;
    height: 0 !important;
    width: 0 !important;
    background: transparent !important;
    -webkit-appearance: none !important;
  }
  /* Tighten bottom spacing */
  [id*="product-recommenda"] .index-section {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  /* 36. Similar offerings card meta — reduce bottom padding */
  [id*="product-recommenda"] .grid-product__meta {
    padding-bottom: 10px !important;
  }

  /* 36b. Rich text footer HRs — match collapsible border width on mobile */
  body.template-product .index-section .rte hr {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* 37. RETURN to STORE section — kill border-top, collapse all spacing */
  [id*="rich_text_CwUw7c"],
  [id*="rich_text_CwUw7c"].index-section {
    border-top: none !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  [id*="rich_text_CwUw7c"] > .page-width,
  [id*="rich_text_CwUw7c"] > .page-width > .theme-block,
  [id*="rich_text_CwUw7c"] > .page-width > .theme-block > .rte,
  [id*="rich_text_CwUw7c"] center {
    border-top: none !important;
  }
  [id*="rich_text_CwUw7c"] hr {
    margin-top: 0 !important;
  }
  /* Collapse the <br> tags after the button */
  [id*="rich_text_CwUw7c"] .btn ~ br {
    display: none !important;
  }

  
  /* 38. Mobile product header — show title+type above images, hide originals */
  .mwy-mobile-header {
    display: block !important;
    text-align: center !important;
    margin-bottom: 0px !important;
  }
  .mwy-mobile-header .product-single__title {
    margin-bottom: 5px !important;
  }
  .mwy-mobile-header .product-block--custom {
    text-transform: uppercase !important;
    letter-spacing: 0.15em !important;
    font-size: 16px !important;
    margin-bottom: 0 !important;
  }
  /* Hide the original title block in the meta column on mobile */
  .mwy-mobile-header ~ .grid .product-block--header {
    display: none !important;
  }
  /* Hide the first custom block (product type) in the meta column on mobile - it's in the mobile header */
  .mwy-mobile-header ~ .grid [data-product-blocks] > .product-block--custom:first-child {
    display: none !important;
  }

  /* 36. Tighten Similar Offerings heading spacing */
                  [id*="rich_text_QYJCR4"] {
                    margin-bottom: 0 !important;
                  }

}


/* Desktop LIVE menu: hide caret, add hover underline sweep, tighten to logo */
@media (min-width: 750px) {
  /* Hide the chevron caret */
  .site-nav.site-navigation .site-nav__link--has-dropdown .icon-chevron-down {
    display: none !important;
  }

  /* Override theme underline (::before) to span full text width with sweep animation */
  .site-nav.site-navigation .site-nav__link--has-dropdown {
    position: relative;
    padding-bottom: 2px;
  }
  .site-nav.site-navigation .site-nav__link--has-dropdown::before {
    left: 15px !important;
    right: 15px !important;
    bottom: -2px !important;
    height: 1px !important;
    transform: scaleX(0) !important;
    transform-origin: left !important;
    transition: transform 0.5s ease !important;
  }
  .site-nav.site-navigation .site-nav__link--has-dropdown:hover::before,
  .site-nav.site-navigation .site-nav__link--has-dropdown:focus::before,
  .site-nav.site-navigation .site-nav__details[open] .site-nav__link--has-dropdown::before {
    transform: scaleX(1) !important;
  }

  /* Tighten gap between logo and LIVE nav */
  .site-header__logo {
    margin-bottom: 4px !important;
  }
}


/* LIVE dropdown: fix centering (padding-right had extra space for caret) */
@media (min-width: 750px) {
  .site-nav__dropdown li {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 48px !important;
  }
  .site-nav__dropdown .site-nav__dropdown-link {
    text-transform: uppercase !important;
    letter-spacing: normal !important;
    font-size: 11pt !important;
    display: inline !important;
    padding: 0 !important;
    position: relative !important;
  }
  /* Dropdown link hover underline sweep — matches theme */
  .site-nav__dropdown .site-nav__dropdown-link::after {
    content: "" !important;
    position: absolute !important;
    bottom: -4px !important;
    left: -5px !important;
    right: -5px !important;
    height: 1px !important;
    background: var(--colorTextBody, #222) !important;
    border-bottom: none !important;
    transform: scaleX(0) !important;
    transform-origin: left !important;
    transition: transform 0.5s ease !important;
  }
  .site-nav__dropdown .site-nav__dropdown-link:hover::after {
    transform: scaleX(1) !important;
  }
  /* Match dropdown width to logo */
  .site-nav__dropdown {
    min-width: 240px !important;
    width: 240px !important;
  }

  /* Cascading fade-in animation for dropdown items */
  .site-nav__details .site-nav__dropdown li {
    transform: translateY(-20px);
    transition: transform 1s cubic-bezier(0.25, 0.1, 0.25, 1);
  }
  .site-nav__details[open] .site-nav__dropdown li {
    transform: translateY(0);
  }
  .site-nav__details[open] .site-nav__dropdown li:nth-child(1) { transition-delay: 0.1s; }
  .site-nav__details[open] .site-nav__dropdown li:nth-child(2) { transition-delay: 0.22s; }
  .site-nav__details[open] .site-nav__dropdown li:nth-child(3) { transition-delay: 0.34s; }
  .site-nav__details[open] .site-nav__dropdown li:nth-child(4) { transition-delay: 0.46s; }
  .site-nav__details[open] .site-nav__dropdown li:nth-child(5) { transition-delay: 0.58s; }
  .site-nav__details[open] .site-nav__dropdown li:nth-child(6) { transition-delay: 0.70s; }
  .site-nav__details[open] .site-nav__dropdown li:nth-child(7) { transition-delay: 0.82s; }
}

/* =======/* ==/* =====================================================
   Mobile footer tweaks (max-width: 589px)
   ===================================================== */
@media (max-width: 589px) {

  /* Logo centered, social icons centered below */
  .footer__logo-social {
    display: block;
    text-align: center;
  }
  .footer__logo {
    text-align: center;
    margin-bottom: 10px;
  }
  .footer__logo a {
    display: block;
    text-align: center;
  }
  .footer__logo img,
  .footer__logo .image-element {
    display: block;
    margin: 0 auto;
  }
  .footer__social {
    justify-content: center;
    flex-wrap: nowrap;
  }

  /* Footer nav links: centered, all-caps, letter-spaced, larger */
  .site-footer__linklist {
    text-align: center;
  }
  .site-footer__linklist li,
  .site-footer__linklist li a {
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 2px;
  }

  /* Mailing list section: centered */
  .grid-newsletter,
  .footer__item--footer-2 {
    text-align: center;
  }
  .footer__title {
    text-align: center;
  }

  /* Mailing list form: stacked column, centered */
  .footer__newsletter {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: static;
  }
  .footer__newsletter-input {
    width: 100%;
    max-width: 280px;
    display: block;
    text-align: center;
    margin-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }

  /* JOIN button: white outline, no icon, JOIN text via ::after */
  .footer__newsletter-btn {
    position: static;
    background: transparent;
    border: 1px solid rgba(255,255,255,0.75);
    color: transparent;
    font-size: 0;
    padding: 10px 32px;
    width: 100%;
    max-width: 280px;
    margin-top: 10px;
    cursor: pointer;
    border-radius: 2px;
  }
  .footer__newsletter-btn .icon {
    display: none;
  }
  .footer__newsletter-btn::after {
    content: "JOIN";
    font-size: 13px;
    color: white;
    letter-spacing: 2px;
  }

}

/* Mobile drawer: left-align LIVE menu item */
#NavDrawer .mobile-nav {
  text-align: left !important;
}
#NavDrawer .mobile-nav__item {
  text-align: left !important;
}
#NavDrawer .mobile-nav__item .mobile-nav__faux-link {
  text-align: left !important;
}
#NavDrawer .mobile-nav__has-sublist {
  text-align: left !important;
}


/* Hide Shopify credit line */
.footer__powered_by { display: none !important; }



/* =============================================
   MOBILE 589px OVERRIDES — matches theme.css breakpoint
   ============================================= */
@media only screen and (max-width: 589px) {
  .grid-overflow-wrapper .grid__item:last-child:after,
  .grid-overflow-wrapper .grid__item:last-child::after {
    content: none !important;
    display: none !important;
    height: 0 !important;
    width: 0 !important;
  }
  .grid-overflow-wrapper {
    padding-bottom: 30px !important;
    margin-bottom: -30px !important;
    -webkit-overflow-scrolling: auto !important;
  }
  [id*="product-recommenda"] .page-width--flush-small {
    overflow: clip !important;
  }
}


/* =====================================================
   Footer: consistent horizontal rule spacing (20px)
   ===================================================== */

/* Section heading style: non-italic, consistent top space */
.mwy-menu-heading {
  font-style: normal !important;
  padding-top: 20px;
}

@media (max-width: 589px) {
  /* 20px below logo/social block → matches 20px above next section heading */
  .footer__logo-social {
    padding-bottom: 20px;
  }
  /* 20px below each menu section → matches 20px above next heading */
  .footer_collapsible--disabled {
    padding-bottom: 20px;
  }
  /* Newsletter section top: consistent 20px above divider */
  .grid-newsletter .footer__collapsible,
  .footer__item--footer-2 .footer__collapsible {
    padding-top: 20px !important;
  }
  /* Zero padding/margin on social icon row */
  .footer__social {
    padding: 0 !important;
    margin: 0 !important;
  }
}

/* =====================================================
   Newsletter input: suppress yellow autofill highlight
   ===================================================== */
.footer__newsletter-input:-webkit-autofill,
.footer__newsletter-input:-webkit-autofill:hover,
.footer__newsletter-input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #222222 inset !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.8) !important;
  transition: background-color 5000s ease-in-out 0s;
}

/* =====================================================
   Newsletter subscribe: modal overlay
   ===================================================== */
.mwy-subscribe-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(34, 34, 34, 0.92);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.35s ease;
}
.mwy-subscribe-modal.is-open {
  opacity: 1;
}
.mwy-subscribe-modal__card {
  background: #ffffff;
  padding: 64px 56px;
  max-width: 580px;
  width: 88%;
  text-align: center;
}
.mwy-subscribe-modal__title {
  font-family: var(--itc_founders_caslon_n4), var(--typeHeaderFallback);
  font-size: 26px;
  font-style: normal;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #2b2825;
  line-height: 1.45;
  margin: 0 0 40px;
}
.mwy-subscribe-modal__btn {
  background: #9a7b5a;
  color: #ffffff;
  border: none;
  padding: 16px 48px;
  font-size: 11px;
  letter-spacing: 3px;
  text-transform: uppercase;
  cursor: pointer;
  font-family: var(--typeBasePrimary), var(--typeBaseFallback);
  display: inline-block;
}
.mwy-subscribe-modal__btn:hover {
  background: #7d6347;
}

@media (max-width: 589px) {
  /* Hide newsletter collapsible trigger — replaced by mwy-menu-heading injection */
  .grid-newsletter .collapsible-trigger-btn {
    display: none !important;
  }
  .mwy-subscribe-modal__card {
    padding: 48px 32px;
  }
  .mwy-subscribe-modal__title {
    font-size: 20px;
    letter-spacing: 2px;
  }
}

  /* Fix: sticky header goes transparent over video/media sections (Safari + Chrome).
     Root cause: header-wrapper--overlay creates a stacking context (position:absolute + z-index)
     that traps the position:fixed header. Video sections later in the DOM paint over it.
     
     Fix strategy:
     1. Remove z-index from wrapper so it doesn't create a stacking context
     2. Give the stuck header its own high z-index (works in root stacking context)
     3. Ensure video/media sections stay below the header
     4. Restore wrapper z-index for non-stuck state (initial overlay) */

  /* When stuck, the fixed header needs its own stacking context at the root level */
  .site-header.site-header--stuck {
    z-index: 9999 !important;
    background: var(--colorNav, #ededed) !important;
  }

  /* Prevent video/background-media sections from painting over the header */
  .video-parent-section,
  .background-media-text,
  .background-media-text__video {
    z-index: 1 !important;
  }

  /* Ensure shopify-sections containing media don't create competing stacking contexts */
  .index-section--flush {
    position: relative;
    z-index: 1;
  }


/* =====================================================
   Footer section headings: uppercase, non-italic
   (mwy-menu-heading rendered directly via Liquid)
   ===================================================== */
.mwy-menu-heading {
  text-transform: uppercase !important;
  font-style: normal !important;
  letter-spacing: 2px;
}

/* Hide the original Shopify-rendered title elements in newsletter
   to prevent duplicates alongside our mwy-menu-heading */
.grid-newsletter h2.footer__title:not(.mwy-menu-heading),
.grid-newsletter .collapsible-trigger-btn {
  display: none !important;
}

  /* Mobile drawer: LIVE submenu cascade animation (left-to-right slide) */
  #NavDrawer .mobile-nav__sublist li {
    opacity: 0;
    transform: translateX(-30px);
    transition: opacity 0.4s ease, transform 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
  }

  /* When drawer is open AND submenu is open, cascade items in */
  #NavDrawer.drawer--is-open .collapsible-content.is-open .mobile-nav__sublist li {
    opacity: 1;
    transform: translateX(0);
  }

  #NavDrawer.drawer--is-open .collapsible-content.is-open .mobile-nav__sublist li:nth-child(1) {
    transition-delay: 0.15s;
  }
  #NavDrawer.drawer--is-open .collapsible-content.is-open .mobile-nav__sublist li:nth-child(2) {
    transition-delay: 0.25s;
  }
  #NavDrawer.drawer--is-open .collapsible-content.is-open .mobile-nav__sublist li:nth-child(3) {
    transition-delay: 0.2s;
  }
  #NavDrawer.drawer--is-open .collapsible-content.is-open .mobile-nav__sublist li:nth-child(4) {
    transition-delay: 0.28s;
  }
  #NavDrawer.drawer--is-open .collapsible-content.is-open .mobile-nav__sublist li:nth-child(5) {
    transition-delay: 0.36s;
  }

  /* Reset delays when closing so items disappear together */
  #NavDrawer .collapsible-content:not(.is-open) .mobile-nav__sublist li {
    transition-delay: 0s !important;
    transition-duration: 0.15s !important;
  }


/* 39. Hide "About This Release" when body content is empty */
.product-block--custom:has(.about-release__body:not(:has(*))) {
  display: none !important;
}


/* ===================================
   Desktop Product Page Overrides
   =================================== */



/* Toast overlay for contact form success message */
.contact-toast-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  pointer-events: none;
  opacity: 1;
  transition: opacity 1.2s ease-in;
}
.contact-toast-overlay.contact-toast--hidden {
  opacity: 0;
}
.contact-toast-overlay.contact-toast--fade-out {
  opacity: 0;
  transition: opacity 1.5s ease;
}
.contact-toast {
  background-color: rgb(148, 121, 93);
  color: #fff;
  padding: 20px 40px;
  margin: 0 30px;
  max-width: 500px;
  width: calc(100% - 60px);
  font-size: 16px;
  letter-spacing: 0.1em;
  text-align: center;
  pointer-events: auto;
  box-sizing: border-box;
}
.contact-toast p {
  margin: 0;
}

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

  /* D1. Tighten product name to product type spacing */
  .product-block--header {
    margin-bottom: 5px !important;
  }
  .product-single__title {
    margin-bottom: 5px !important;
  }

  /* D2. Tighten product type custom block (first custom block) */
  .product-block--header + .product-block--custom {
    margin-bottom: 15px !important;
  }

  /* D3. Variant picker — 80% of button width, proper margin */
  .variant-wrapper {
    width: 80% !important;
  }
  .variant-wrapper .variant-input-wrap,
  .variant-wrapper select {
    width: 100% !important;
  }
  .product-form__item {
    margin-bottom: 10px !important;
  }

  /* D4. Add to Basket — filled brown style, arrow animation */
  .product-single__form .btn.add-to-cart,
  .payment-buttons .btn.add-to-cart {
    background-color: rgb(148, 121, 93) !important;
    color: rgb(255, 255, 255) !important;
    border: none !important;
    font-size: 16px !important;
    letter-spacing: 0.1em !important;
    background-image: url('button-arrow-2x.png') !important;
    background-size: 29px !important;
    background-repeat: no-repeat !important;
    background-position: 150% 35% !important;
    transition: background-position 0.3s ease, padding 0.3s ease !important;
  }
  .product-single__form .btn.add-to-cart:hover:not([disabled]) {
    background-position: 95% 35% !important;
    padding-right: 55px !important;
  }

  /* D5. Dynamic checkout + More payment options — tighter spacing */
  .shopify-payment-button {
    margin-top: 8px !important;
    margin-bottom: 0 !important;
  }
  .shopify-payment-button__more-options {
    margin-top: 5px !important;
    margin-bottom: 0px !important;
  }

  /* D6. About This Release — underline under header only */
  .about-release {
    border-top: none !important;
    border-bottom: none !important;
  }
  .about-release__header {
    padding: 20px 0 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.6px !important;
    border-bottom: 1px solid rgb(34, 34, 34) !important;
    cursor: default !important;
  }
  .about-release__body {
    padding: 20px 0 0 0 !important;
  }

  /* D7. Product Description — no underline, left-aligned, tighter spacing, italic body */
  .product-block--description {
    border-top: none !important;
    border-bottom: none !important;
    margin-top: 0 !important;
  }
  .product-description__header {
    display: block !important;
    width: 50% !important;
    padding: 0 0 8px 0 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.6px !important;
    border-top: none !important;
    border-bottom: 1px solid rgb(34, 34, 34) !important;
    cursor: default !important;
    margin-bottom: 0 !important;
    text-align: left !important;
  }
  .product-block--description .rte {
    padding: 7px 0 0 0 !important;
    text-align: left !important;
  }
  .product-block--description .rte,
  .product-block--description .rte * {
    font-style: italic !important;
  }
  .product-block--description .rte ul,
  .product-block--description .rte ol {
    list-style: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
  }
  .product-block--description .rte li {
    list-style: none !important;
    margin-bottom: 0.3em !important;
  }



  /* D8. Sales point (Shipping timeframe) — bold italic, evenly spaced */
  .product-block--sales-point {
    margin: 0 !important;
    padding: 0 !important;
  }
  .mpm-scope .product-block--sales-point .sales-points {
    margin: 8px 0 18px 0 !important;
    padding: 0 !important;
  }
  .product-block--sales-point .icon-and-text {
    font-weight: bold !important;
    font-style: italic !important;
  }

  /* D9. More payment options — centered */
  .shopify-payment-button__more-options {
    text-align: center !important;
  }

  /* D10. Ask a Question form — hide captcha, match label styling to tab headers */
  .g-recaptcha,
  .shopify-challenge--container,
  [class*="captcha"],
  .h-captcha,
  .product-full-width .contact-form .form-vertical p,
  .product-full-width .contact-form iframe[src*="captcha"],
  .product-full-width .contact-form iframe[src*="hcaptcha"] {
    display: none !important;
    height: 0 !important;
    overflow: hidden !important;
  }
  .product-full-width .contact-form .form-vertical label:not(.hidden-label) {
    font-size: 16px !important;
    font-weight: 400 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
  }
  .product-full-width .contact-form .form-vertical input[type="text"],
  .product-full-width .contact-form .form-vertical input[type="email"],
  .product-full-width .contact-form .form-vertical textarea {
    margin-bottom: 15px !important;
  }

  /* D11. Paragraph spacing in collapsible tabs + About This Release on desktop */
  .about-release__body > div + div {
    margin-top: 1.5em !important;
  }
  .product-full-width .rte p + p,
  .product-full-width .collapsible-content__inner p + p {
    margin-top: 1em !important;
  }
  .product-full-width .product-block--tab .collapsible-content__inner,
  .product-full-width .product-block--tab .collapsible-content__inner *,
  .product-full-width .product-block--custom .about-release .metafield-rich_text_field,
  .product-full-width .product-block--custom .about-release .metafield-rich_text_field p {
    text-align: justify !important;
    text-align-last: left !important;
  }
  .about-release__runtime,
  .about-release__runtime * {
    text-align: left !important;
    text-align-last: left !important;
  }

  /* D12. Send Message button — match Add to Basket arrow animation */
  .product-full-width .contact-form .form-vertical button.btn[type="submit"] {
    background-position: 150% 50% !important;
    transition: background-position 0.3s ease, padding 0.3s ease !important;
    box-sizing: border-box !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    text-align: center !important;
  }
  .product-full-width .contact-form .form-vertical button.btn[type="submit"]:hover {
    background-position: 95% 50% !important;
    padding-right: 55px !important;
    padding-left: 30px !important;
  }


  /* D13. Return to Store button — match Add to Basket, 25% width */
  .product-full-width center .rte a.btn[href="/collections/featured"] {
    display: block !important;
    width: 25% !important;
    min-width: 160px !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
    background-color: rgb(148, 121, 93) !important;
    color: rgb(255, 255, 255) !important;
    border: none !important;
    font-size: 16px !important;
    letter-spacing: 0.1em !important;
    text-transform: none !important;
    text-align: center !important;
    padding: 8px 18px !important;
    height: 50px !important;
    line-height: 34px !important;
    background-image: url('https://mewithoutyou.com/cdn/shop/t/40/assets/button-arrow-2x.png') !important;
    background-size: 29px !important;
    background-repeat: no-repeat !important;
    background-position: 150% 35% !important;
    transition: background-position 0.3s ease, padding 0.3s ease !important;
  }
  .product-full-width center .rte a.btn[href="/collections/featured"]:hover {
    background-position: 92% 35% !important;
    padding-right: 45px !important;
    padding-left: 0px !important;
  }
}

/* ============================================
   LIVE dropdown: dramatic reveal animation
   ============================================ */

@keyframes linePinchClose {
  from { width: 216px; }
  to { width: 0; }
}

/* Remove background block, disclosure marker; add breathing room */
#site-nav-item--1 > summary {
  background: transparent !important;
  list-style: none !important;
  padding-bottom: 12px !important;
}
#site-nav-item--1 > summary::-webkit-details-marker { display: none !important; }
#site-nav-item--1 > summary::marker { display: none !important; content: '' !important; }

/* White text ONLY on overlay header (not stuck) */
.header-wrapper--overlay .site-header:not(.site-header--stuck) #site-nav-item--1 > summary {
  color: #fff !important;
}
.header-wrapper--overlay .site-header:not(.site-header--stuck) #site-nav-item--1 > summary::before {
  background: #fff !important;
}

/* Dark text when sticky header is active */
.site-header--stuck #site-nav-item--1 > summary {
  color: var(--colorNavText, #222) !important;
}
.site-header--stuck #site-nav-item--1 > summary::before {
  background: var(--colorNavText, #222) !important;
}

/* Hide default underline when dropdown is open (but not when closing) */
#site-nav-item--1[open]:not(.is-closing) > summary::before {
  opacity: 0 !important;
  transition: opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1) 0.5s !important;
}

/* === Animated line: only appears during close === */
#site-nav-item--1 > summary::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  height: 1px;
  width: 0;
  background: currentColor;
  transform: translateX(-50%);
  z-index: 2;
}

/* Closing: line starts at 216px and pinches to 0 via keyframes */
#site-nav-item--1.is-closing > summary::after {
  animation: linePinchClose 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards !important;
}

/* === Dropdown panel === */
#site-nav-item--1 .site-nav__dropdown {
  clip-path: inset(0 50% 0 50%);
  opacity: 0;
}
#site-nav-item--1[open] .site-nav__dropdown {
  clip-path: inset(0 -20px -20px -20px);
  opacity: 1;
  box-shadow: 0 4px 12px -2px rgba(0, 0, 0, 0.12), 4px 2px 8px -4px rgba(0, 0, 0, 0.08), -4px 2px 8px -4px rgba(0, 0, 0, 0.08);
  transition: clip-path 0.55s cubic-bezier(0.16, 1, 0.3, 1),
              opacity 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}
#site-nav-item--1.is-closing .site-nav__dropdown {
  clip-path: inset(0 50% 0 50%) !important;
  opacity: 0 !important;
  transition: clip-path 0.4s cubic-bezier(0.4, 0, 0.2, 1),
              opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* === Staggered fade-in for links === */
#site-nav-item--1 .site-nav__dropdown li {
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1),
              transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
#site-nav-item--1[open] .site-nav__dropdown li:nth-child(1) { opacity: 1; transform: translateY(0); transition-delay: 0.18s; }
#site-nav-item--1[open] .site-nav__dropdown li:nth-child(2) { opacity: 1; transform: translateY(0); transition-delay: 0.26s; }
#site-nav-item--1[open] .site-nav__dropdown li:nth-child(3) { opacity: 1; transform: translateY(0); transition-delay: 0.34s; }
#site-nav-item--1[open] .site-nav__dropdown li:nth-child(4) { opacity: 1; transform: translateY(0); transition-delay: 0.42s; }
#site-nav-item--1[open] .site-nav__dropdown li:nth-child(5) { opacity: 1; transform: translateY(0); transition-delay: 0.50s; }
#site-nav-item--1[open] .site-nav__dropdown li:nth-child(6) { opacity: 1; transform: translateY(0); transition-delay: 0.58s; }

/* Closing: items fade out quickly */
#site-nav-item--1.is-closing .site-nav__dropdown li {
  opacity: 0 !important;
  transition-delay: 0s !important;
  transition-duration: 0.15s !important;


  /* D15. Variant dropdown — 50% width on desktop */
  .variant-wrapper.variant-wrapper--dropdown {
    width: 50% !important;
  }
}

/* ============================================
   Online Store mobile dropdown: dramatic reveal
   ============================================ */

.store-menu-mobile .dropdown-menu {
  width: 89% !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  opacity: 1 !important;
  transition: max-height 1.8s cubic-bezier(0.22, 0.61, 0.05, 0.99) !important;
}

.store-menu-mobile .dropdown-menu.is-open {
  box-shadow: 4px 4px 10px -3px rgba(0, 0, 0, 0.1),
              -4px 4px 10px -3px rgba(0, 0, 0, 0.1),
              0 6px 12px -4px rgba(0, 0, 0, 0.1);
  clip-path: inset(-1px -20px -20px -20px);
}

.store-menu-mobile .dropdown-menu a {
  font-size: 15px !important;
}

/* Default: items hidden */
.store-menu-mobile .dropdown-menu li {
  opacity: 0;
  transform: translateY(0);
  transition: opacity 0.6s ease-out;
}

/* Open: dramatic fade-in cascade, trailing behind the box */
.store-menu-mobile .dropdown-menu.is-open li {
  transition: opacity 1.2s cubic-bezier(0.4, 0, 0.2, 1),
              transform 1.0s cubic-bezier(0.22, 0.61, 0.05, 0.99);
}
.store-menu-mobile .dropdown-menu.is-open li:nth-child(1) { opacity: 1; transform: translateY(0); transition-delay: 0.35s; }
.store-menu-mobile .dropdown-menu.is-open li:nth-child(2) { opacity: 1; transform: translateY(0); transition-delay: 0.45s; }
.store-menu-mobile .dropdown-menu.is-open li:nth-child(3) { opacity: 1; transform: translateY(0); transition-delay: 0.55s; }
.store-menu-mobile .dropdown-menu.is-open li:nth-child(4) { opacity: 1; transform: translateY(0); transition-delay: 0.44s; }
.store-menu-mobile .dropdown-menu.is-open li:nth-child(5) { opacity: 1; transform: translateY(0); transition-delay: 0.52s; }
.store-menu-mobile .dropdown-menu.is-open li:nth-child(6) { opacity: 1; transform: translateY(0); transition-delay: 0.60s; }


/* ============================================
   MWY STORE DROPDOWN ENHANCEMENTS
   ============================================ */

/* Remove tap highlight on store menu links */
.store-menu-mobile .dropdown-trigger,
.store-menu-mobile .dropdown-menu a,
.store-menu a,
.store-menu h5 {
  -webkit-tap-highlight-color: transparent;
}

/* Ellipse shadow — sits below the gold HR, sneaks out on open, tucks back on close */
.store-menu-mobile::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 15%;
  right: 15%;
  height: 10px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.07);
  box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.06);
  transform: scaleY(0);
  transform-origin: top center;
  transition: transform 0.5s cubic-bezier(0.22, 0.61, 0.05, 0.99), opacity 0.4s cubic-bezier(0.22, 0.61, 0.05, 0.99);
  opacity: 0;
  pointer-events: none;
  z-index: 99;
}

.store-menu-mobile.menu-open::before {
  transform: scaleY(1);
  opacity: 1;
  transition: transform 1.4s cubic-bezier(0.22, 0.61, 0.05, 0.99), opacity 1.2s cubic-bezier(0.22, 0.61, 0.05, 0.99);
}

/* Soft shadow on open dropdown box */
.store-menu-mobile .dropdown-menu.is-open {
  box-shadow: 0 4px 20px -4px rgba(0, 0, 0, 0.1), 0 2px 8px -2px rgba(0, 0, 0, 0.06) !important;
}

/* Responsive is-open shadow override */
.store-menu-mobile .dropdown-menu.is-open {
  transition: max-height 1.8s cubic-bezier(0.22, 0.61, 0.05, 0.99) !important;
}


/* ============================================
   Z-INDEX HIERARCHY
   1. Drawer slide-out  (top)    — 9500
   2. Store dropdown    (middle) — 9000  
   3. Auction app       (bottom) — 100
   ============================================ */

/* --- LAYER 1: Drawer (highest) --- */
.drawer {
  z-index: 9500 !important;
}
.drawer-overlay,
.js-drawer-close {
  z-index: 9499 !important;
}

/* --- LAYER 1.5: LIVE nav dropdown (above store section) --- */
.site-nav__item.site-nav--has-dropdown,
.site-nav__expanded-item.site-nav--has-dropdown {
  z-index: 9100 !important;
  position: relative !important;
}
.site-nav__dropdown {
  z-index: 9050 !important;
}

/* --- LAYER 2: Store dropdown --- */
.store-menu-mobile {
  z-index: 9000 !important;
  position: relative !important;
}
.store-menu-mobile .dropdown-menu {
  z-index: 9001 !important;
}
.store-menu {
  z-index: 9000 !important;
  position: relative !important;
}

/* --- LAYER 3: Auction app (force below nav) --- */
._a-auction-grid,
.shopify-app-block {
  position: relative !important;
  z-index: 50 !important;
}
/* Force ALL auction modals below drawer z-index */
._a-modal {
  z-index: 8888 !important;
}
/* Hidden auction modals should not intercept taps */
._a-modal._a-hidden-menu {
  pointer-events: none !important;
}
/* Ensure drawer overlay sits above auction elements */
.js-drawer-open .drawer-overlay,
.js-drawer-open .site-overlay,
.drawer-overlay {
  z-index: 9499 !important;
}

/* MWY ruler universal mobile centering */
@media screen and (max-width: 589px) {
  hr.mwy,
  .mwy {
    display: block !important;
    width: 85% !important;
    max-width: 85% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
  }
}

/* MWY mobile collections: mirror the homepage store card */
@media screen and (max-width:768px){
  body.template-collection #MainContent .shopify-section:has(h2) h2{font-size:34.425px!important;line-height:44.7525px!important}
  body.template-collection #CollectionAjaxResult{width:354px!important;max-width:calc(100vw - 36px)!important;margin-left:auto!important;margin-right:auto!important}
  body.template-collection #CollectionAjaxContent>.grid.grid--uniform{display:grid!important;grid-template-columns:repeat(2,170px)!important;column-gap:14px!important;row-gap:0!important;justify-content:center!important;width:354px!important;max-width:100%!important;margin:-54px auto -27px!important;position:relative!important;top:-27px!important}
  body.template-collection #CollectionAjaxContent>.grid.grid--uniform>.product-grid-container{display:contents!important}
  body.template-collection #CollectionAjaxContent .grid-product{width:170px!important;max-width:170px!important;padding-left:0!important;margin-left:0!important}
  body.template-collection #CollectionAjaxContent .grid-product:first-child{width:150px!important;max-width:150px!important;margin-left:20px!important}
  body.template-collection .mwy-card-name{font-size:17.28px!important;line-height:21.6px!important}
  body.template-collection .mwy-card-type{font-size:11px!important;line-height:15.4px!important}
  body.template-collection .mwy-card-price{font-size:17.28px!important;line-height:24.192px!important}
}
@media screen and (max-width:350px){
  body.template-collection #CollectionAjaxContent>.grid.grid--uniform{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.template-collection #CollectionAjaxContent .grid-product{width:100%!important;max-width:none!important}
  body.template-collection #CollectionAjaxContent .grid-product:first-child{width:calc(100% - 20px)!important;max-width:none!important}
}
@media screen and (max-width:768px) and (prefers-reduced-motion:reduce){
}



/* MWY collections reset: immediate paint, no load/reveal animation */
@media screen and (max-width:768px){
  html body.template-collection #CollectionAjaxResult .grid-product,
  html body.template-collection #CollectionAjaxResult .grid-product[data-aos],
  html body.template-collection #CollectionAjaxResult .grid-product.aos-init,
  html body.template-collection #CollectionAjaxResult .grid-product.aos-animate{
    visibility:visible!important;
    opacity:1!important;
    transform:none!important;
    translate:none!important;
    filter:none!important;
    animation:none!important;
    animation-delay:0s!important;
    transition:none!important;
  }
}
@media screen and (min-width:520px) and (max-width:768px){
  body.template-collection #CollectionAjaxContent>.grid.grid--uniform{
    margin:-15px auto 20px!important;
    top:20px!important;
  }
}


/* Phone collection header safety: one controlled offset, no double positional lift */
@media screen and (max-width:519px){
  body.template-collection #CollectionAjaxContent>.grid.grid--uniform{
    margin:-40px auto 0!important;
    position:static!important;
    top:auto!important;
  }
}


/* Mobile collection header rhythm */
@media screen and (max-width:768px){
  body.template-collection .store-nav-section{
    margin-top:calc(var(--mwy-logo-store-gap, 7px) - 11px)!important;
  }

  body.template-collection #MainContent>.shopify-section:has(.store-nav-section)+.shopify-section h2{
    position:relative!important;
    top:10px!important;
  }
}

/*
  Product layout handoff: the full-width, centered product treatment is more
  legible on tablets and narrow desktop windows than the compressed two-column
  composition. Collections retain their existing 768px breakpoint.
*/
@media screen and (max-width:1024px){
  body.template-product .store-menu-mobile{
    display:block!important;
  }

  body.template-product .store-menu{
    display:none!important;
  }

  body.template-product .store-nav-section{
    margin-top:calc(var(--mwy-logo-store-gap, 7px) - 11px)!important;
  }

  body.template-product .product-section .page-content{
    padding-top:2px!important;
  }

  body.template-product .product-section .page-width{
    max-width:760px!important;
  }

  body.template-product .product-section .grid{
    display:flex!important;
    flex-direction:column!important;
  }

  body.template-product .product-section .grid>.grid__item{
    width:100%!important;
    max-width:100%!important;
    float:none!important;
  }

  body.template-product .product-single__sticky{
    position:relative!important;
    top:auto!important;
  }

  body.template-product .mwy-mobile-header{
    display:block!important;
    text-align:center!important;
    margin-bottom:0!important;
  }

  body.template-product .mwy-mobile-header~.grid .product-block--header,
  body.template-product .mwy-mobile-header~.grid [data-product-blocks]>.product-block--custom:first-child{
    display:none!important;
  }

  body.template-product .product-single__meta,
  body.template-product .product-single__meta .product-block{
    text-align:center!important;
  }

  body.template-product #SiteHeader .site-nav__link[href="/account"]{
    display:none!important;
  }

  body.template-product .product-block--description .rte,
  body.template-product .product-block--description .rte *{
    text-align:center!important;
  }

  body.template-product .product-block--description .rte ul,
  body.template-product .product-block--description .rte ol{
    list-style:none!important;
    padding-left:0!important;
    margin-left:0!important;
  }

  /* Use the Description column as the shared measure for the lower product
     information. This keeps About This Release and the accordion rulers from
     expanding back out to the wider page container in the stacked layout. */
  body.template-product .product-full-width{
    max-width:680px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  body.template-product h1.product-single__title{
    position:relative!important;
    top:10px!important;
  }
}

.store-menu hr.header,
.store-menu-mobile::after{
  background:var(--colorBtnPrimary)!important;
}

@media screen and (max-width:768px) and (hover:hover) and (pointer:fine){
  body.template-collection .store-menu-mobile .dropdown-trigger,
  body.template-product .store-menu-mobile .dropdown-trigger{
    padding-top:1px!important;
  }

  body.template-collection .transition-body,
  body.template-product .transition-body{
    isolation:auto!important;
    z-index:auto!important;
  }
}