/** Shopify CDN: Minification failed

Line 562:0 Unexpected "}"

**/
@font-face {
  font-family: "EbGaramond";
  src: url("/cdn/shop/files/EBGaramond-Regular.ttf?v=1707139267");
}
@font-face {
  font-family: "EbGaramondItalic";
  src: url("/cdn/shop/files/EBGaramond12-Italic.otf?v=1707145862");
}
.jdgm-rev-widg__summary {
  align-items: flex-start !important;
}
a.jdgm-link {
  pointer-events: none !important;
  text-decoration: none !important;
}
/* ================================================
   DMY Studios — custom-styles.css
   ================================================ */

/* — Existing overrides — */
.search-field { border-bottom-width: 1px; }
.newsletter__form { border-bottom-width: 1px; }
.avant_garde .shopify-policy__title h1 { font-size: 22px; text-align: center; font-family: "EbGaramond"; text-transform: none; letter-spacing: 0px; }
.miscellaneous-container--header .miscellaneous__items { width: 100%; gap: 12px 20px; }
.shopify-pc__banner__dialog { font-family: "inter"; font-size: 13px; box-shadow: none; border-top-right-radius: 0px; }
.shopify-pc__banner__dialog h2 { font-size: 14px !important; }
.card__badges-item--sold { background: transparent; padding: 10px !important; font-size: 10px; }
.search-modal.searching .component-tabs { display: none; }
.jdgm-carousel--card-theme .jdgm-carousel-item__inner-wrapper { box-shadow: none; border: 1px solid lightgrey; border-radius: 0px; }
div#shopify-block-AOTQ5YWZja2E4NTBOc__judge_me_reviews_featured_carousel_HwTRKq { max-width: 100% !important; }
.jdgm-carousel--card-theme .jdgm-carousel-item { padding: 8px 0px; margin-right: 10px; }
.jdgm-carousel--card-theme .jdgm-carousel-item__reviewer-name { font-weight: 400; font-size: 13px; margin-top: 0px; }
.limoniapps-discountninja-discountedprice { font-family: inter; }
.restock-rocket-preorder-description { padding: 0px !important; font-size: 12px !important; margin-top: 5px !important; }
.limoniapps-discountninja-whenactivepromotions-hide.cart-totals.body-secondary-text--avant_garde { display: none; }
.block-prices { gap: 0px; }
@media screen and (min-width: 769px) { .shopify-pc__banner__dialog { left: 20px; bottom: 20px; } }
.product-form__buttons--avant_garde { font-family: inter; }

/* — Mega menu — */

/* White header when menu open */
.header-section:has(.menu__item-title--header.open),
.header-section:has(.menu__item-title--header:hover) {
  background-color: #ffffff !important;
}

/* Black text/icons */
.header-section:has(.menu__item-title--header.open) .menu__item a,
.header-section:has(.menu__item-title--header.open) .header__icons a,
.header-section:has(.menu__item-title--header.open) .header__icons button,
.header-section:has(.menu__item-title--header:hover) .menu__item a,
.header-section:has(.menu__item-title--header:hover) .header__icons a,
.header-section:has(.menu__item-title--header:hover) .header__icons button {
  color: #000000 !important;
}
.header-section:has(.menu__item-title--header.open) svg,
.header-section:has(.menu__item-title--header:hover) svg {
  fill: #000000 !important;
}

/* Solid logo */
.header-section:has(.menu__item-title--header.open) .logo__image-item--transparent,
.header-section:has(.menu__item-title--header:hover) .logo__image-item--transparent,
.transparent-header:has(.menu__item-title--header.open) .logo__image-item--transparent,
.transparent-header:has(.menu__item-title--header:hover) .logo__image-item--transparent {
  opacity: 0 !important;
  display: none !important;
}
.header-section:has(.menu__item-title--header.open) .logo__image-item--solid,
.header-section:has(.menu__item-title--header:hover) .logo__image-item--solid,
.transparent-header:has(.menu__item-title--header.open) .logo__image-item--solid,
.transparent-header:has(.menu__item-title--header:hover) .logo__image-item--solid {
  opacity: 1 !important;
  display: block !important;
}

/* Panel — no border, no shadow, flush to header */
.menu__list--header .mega-menu--wide.menu__dropdown-container {
  background-color: #ffffff !important;
  box-shadow: none !important;
  border-top: none !important;
  border-bottom: none !important;
  margin-top: -2px !important;
}


/* Panel inner padding — aligns content with header nav links and cart icon */
.mega-menu--container {
  padding-left: 26px !important;
  padding-right: 26px !important;
  padding-top: 32px !important;
  padding-bottom: 56px !important;
}

/* Remove padding from banner side so image goes full bleed */
.mega-menu--wide .list-menu-dropdown--with-banner {
  padding-inline-end: 0 !important;
}

/* Banner — 315px wide (10% smaller), 3:4 ratio, full bleed */
.mega-menu--wide .mega-menu__banner {
  flex: 0 0 315px !important;
  width: 315px !important;
  min-width: 315px !important;
  aspect-ratio: 3 / 4 !important;
  height: auto !important;
  min-height: unset !important;
  align-self: flex-start !important;
  padding-inline: 0 !important;
  margin-left: auto !important;
  margin-top: -32px !important;
  margin-bottom: -36px !important;
  overflow: hidden !important;
}
.mega-menu--wide .mega-menu__banner-link {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 3 / 4 !important;
  overflow: hidden !important;
}
.mega-menu--wide .mega-menu__banner-image {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 3 / 4 !important;
}
.mega-menu--wide .mega-menu__banner img {
  object-fit: cover !important;
  object-position: center top !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}

/* Currency/country selector — black text when mega menu open */
.header-section:has(.menu__item-title--header.open) .disclosure__button,
.header-section:has(.menu__item-title--header:hover) .disclosure__button,
.header-section:has(.menu__item-title--header.open) .disclosure__button span,
.header-section:has(.menu__item-title--header:hover) .disclosure__button span {
  color: #000000 !important;
}

/* Mega menu headings — no uppercase, no underline animation */
.mega-menu--wide h4.mega-menu__title,
.mega-menu--wide h4.mega-menu__title .styled {
  text-transform: none !important;
  letter-spacing: 0 !important;
  cursor: default !important;
  pointer-events: none !important;
}
.mega-menu--wide h4.mega-menu__title span::after,
.mega-menu--wide h4.mega-menu__title span::before {
  display: none !important;
  width: 0 !important;
  opacity: 0 !important;
}



/* Remove underline animation from top-level nav items that have dropdowns */
.menu__list--header > .menu__item > .menu__item-title > .menu__item-link .link-animation span::after,
.menu__list--header > .menu__item > .menu__item-title > .menu__item-link .link-animation--underline span::after,
.menu__list--header > .menu__item > .menu__item-title > .menu__item-link .link-animation--slide span::after {
  display: none !important;
  width: 0 !important;
}
.menu__list--header > .menu__item > .menu__item-title--header .menu__item-link-title span {
  text-decoration: none !important;
}

/* Remove active underline and pointer from mega menu column headers (By Collection, By Shape etc) */
.mega-menu--wide .menu__dropdown-child-item.has-child > .menu__item-title > a.menu__dropdown-child-item-link {
  pointer-events: none !important;
  cursor: default !important;
}
.mega-menu--wide .menu__dropdown-child-item.has-child .menu__item-link-title span {
  background-size: 0 !important;
  background-image: none !important;
}



/* Hide chevron/dropdown icons on top-level nav items */
.menu__list--header > .menu__item > .menu__item-title .dropdown-icon {
  display: none !important;
}


/* ================================================
   DMY Hero Logo — Phoebe Philo style overlay
   Homepage only: large centred logo over hero,
   shrinks to header position on scroll.
   ================================================ */

/* Hide the real logo in the header on homepage until scrolled */
body.dmy-homepage-hero .shopify-section-header .logo {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.35s ease;
}
body.dmy-homepage-hero.dmy-hero-scrolled .shopify-section-header .logo {
  opacity: 1;
  pointer-events: auto;
}

/* Fix 3: Also hide mobile header logo until scrolled */
body.dmy-homepage-hero #shopify-section-mobile-header .logo,
body.dmy-homepage-hero #shopify-section-mobile-header .logo__title,
body.dmy-homepage-hero #shopify-section-mobile-header .logo__image {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.35s ease;
}
body.dmy-homepage-hero.dmy-hero-scrolled #shopify-section-mobile-header .logo,
body.dmy-homepage-hero.dmy-hero-scrolled #shopify-section-mobile-header .logo__title,
body.dmy-homepage-hero.dmy-hero-scrolled #shopify-section-mobile-header .logo__image {
  opacity: 1;
  pointer-events: auto;
}

/* The floating hero logo element.
   Lives INSIDE the header element, so z-index is local to the header's
   stacking context. Mega menu dropdown is z-index:10 within that same
   context, so z-index:1 here means it always renders beneath it. */
#dmy-hero-logo {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  z-index: 1;
}

#dmy-hero-logo a {
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: auto;
  text-decoration: none;
  transform-origin: center center;
  transition: none; /* JS handles all animation */
  /* Fix 2: always leave padding so logo never hits screen edges */
  max-width: calc(100vw - 50px);
}

/* Text logo version */
#dmy-hero-logo a.dmy-hero-logo__text {
  font-family: var(--logo-font-family, inherit);
  font-style: var(--logo-font-style, normal);
  font-weight: var(--logo-font-weight, 400);
  color: rgb(var(--layout-text-color, 0,0,0));
  letter-spacing: 0.04em;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
}

/* Image logo version */
#dmy-hero-logo a.dmy-hero-logo__image {
  max-width: calc(95vw - 40px);
}
#dmy-hero-logo a.dmy-hero-logo__image img {
  display: block;
  max-width: 100%;
  object-fit: contain;
}

/* Scrolled state — element moves up and shrinks (set by JS transforms) */
#dmy-hero-logo.dmy-hero-logo--transitioning a {
  transition: transform 0.55s cubic-bezier(0.25, 0.1, 0.25, 1),
              opacity 0.4s ease;
}

/* When fully in header, hide this overlay and rely on real header logo */
#dmy-hero-logo.dmy-hero-logo--hidden {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
}

/* Mobile: smaller hero logo */
@media screen and (max-width: 768px) {
  #dmy-hero-logo {
    /* Still show on mobile but smaller handled by JS */
  }
}
.slider-section .slider__grid,
.slider-section .slider {
  --slider-gap: 4px !important;
}

.slider-scrollbar__track {
  height: 1px !important;
  border-radius: 0 !important;
}
.slider-scrollbar__thumb {
  height: 1px !important;
  top: 0 !important;
  bottom: auto !important;
  border-radius: 0 !important;
}
.slider-scrollbar__thumb.dragging {
  height: 1px !important;
  top: 0 !important;
}
@media (hover: hover) {
  .slider-scrollbar:hover .slider-scrollbar__track {
    height: 1px !important;
  }
}
/* ── Split banner: gap between images, stays within margins ── */
.split-banner__wrapper {
  gap: 40px !important;
  box-sizing: border-box !important;
  width: 100% !important;
  overflow: hidden !important;
}

.split-banner__block {
  flex: 1 1 0 !important;
  min-width: 0 !important;
}
/* ── Split banner button — custom ── */
.split-banner .link-button--underline {
  font-size: 12px !important;
  background-image: none !important;
  text-decoration: none !important;
  border-bottom: 1px solid currentColor !important;
  padding-bottom: 3px !important;
  display: inline-block !important;
}
.tabbed-products__view-all {
  text-underline-offset: 6px !important;
}
/* ============================================================
   DMY STUDIOS — MOBILE MENU CUSTOMISATIONS
   ============================================================ */

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

  /* 1. X close button — plain, aligned with menu text */
  .mega-menu-drawer .menu-drawer__close {
    position: fixed !important;
    top: 16px !important;
    left: 11px !important;
    right: auto !important;
    z-index: 9999 !important;
  }

  .mega-menu-drawer .menu-drawer__close .button-close,
  .mega-menu-drawer .menu-drawer__close .button-close::after {
    background-color: transparent !important;
    box-shadow: none !important;
  }

  .mega-menu-drawer .menu-drawer__close .button-close svg {
    fill: rgb(var(--layout-text-color)) !important;
  }

  /* 2. Main menu items only — EB Garamond */
  .mega-menu-drawer .main-drawer-menu .menu__item--avant_garde {
    font-family: "EbGaramond", serif !important;
  }

  /* 3. Secondary menu — black */
  .mega-menu-drawer .menus--secondary a,
  .mega-menu-drawer .menus--secondary .menus__item-title,
  .menu-drawer .menus--secondary a,
  .menu-drawer .menus--secondary .menus__item-title,
  .menu-drawer .menus--secondary .dim {
    color: rgb(var(--layout-text-color)) !important;
    opacity: 1 !important;
  }

  /* 4. Text block — left/right subheading row */
  .dmy-text-heading-row {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: baseline !important;
    width: 100% !important;
    text-decoration: none !important;
    color: inherit !important;
  }

  .dmy-text-heading-left {
    flex: 1 1 auto;
  }

  .dmy-text-heading-right {
    flex: 0 0 auto;
    margin-left: 16px;
    text-align: right;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
  }

}
/* ── Split banner: text below image (Toteme style) ── */
.split-banner .banner__wrapper {
  display: flex !important;
  flex-direction: column !important;
  height: auto !important;
}

.split-banner .banner__media {
  position: relative !important;
  width: 100% !important;
}

.split-banner .banner__content {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  padding: 16px 0 0 0 !important;
  background: transparent !important;
  background-color: transparent !important;
}

.split-banner .banner__content-wrapper {
  text-align: left !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  background-color: transparent !important;
}

.split-banner .hidden-backgroud .banner__content-wrapper {
  background-color: transparent !important;
}

.split-banner .banner__media::after {
  display: none !important;
}

/* Force text colour to match page default */
.split-banner .banner__content * {
  color: rgb(var(--layout-text-color)) !important;
}
.split-banner .banner__content {
  justify-content: flex-start !important;
}
/* ── Split banner below-image text fixes ── */
.split-banner .banner__button.content-wrapper--block {
  margin-top: 8px !important;
}
.split-banner .banner__wrapper {
  height: auto !important;
  min-height: unset !important;
}
.slider__heading--avant_garde {
  font-family: 'EB Garamond'!important;
  font-weight: 400;
  letter-spacing: 0;
  font-size: 15px!important;
  text-transform: none;
}

/* Cart drawer refresh for DMY Studios */
.cart-drawer .button-close,
.cart-drawer .button-close::after {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.cart-drawer .button-close {
  width: 44px;
  height: 44px;
}

.cart-drawer .button-close svg {
  fill: #000;
}

.cart-drawer .button-close:hover,
.cart-drawer .button-close:hover svg {
  opacity: 1;
}

.cart-drawer .button-close:hover svg {
  transform: none;
}

.cart-drawer .drawer__footer {
  box-shadow: none;
}

.cart-drawer .drawer__footer .block-prices {
  display: grid;
  gap: 8px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  padding-top: 18px;
}

.cart-drawer-shipping,
.cart-drawer .totals {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}

.cart-drawer-shipping,
.cart-drawer .totals,
.cart-drawer-shipping__title,
.cart-drawer-shipping__value,
.cart-drawer .totals p {
  font-size: 13px;
  line-height: 1.35;
}

.cart-drawer-shipping__title,
.cart-drawer-shipping__value,
.cart-drawer .totals p {
  margin: 0;
}

.cart-drawer .drawer__footer-actions {
  margin-top: 16px;
}

.cart-drawer-benefits {
  display: none;
}

.cart-drawer .tax-note {
  display: block;
  margin-top: 12px;
  text-align: center;
}

.cart-drawer-payment-list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  padding: 0;
  margin: 14px 0 0;
}

.cart-drawer-payment-list__item {
  display: flex;
  align-items: center;
}

.cart-drawer-payment-list__item svg {
  height: 18px;
  width: auto;
  opacity: 0.85;
}
}

.cart-drawer .footer-actions__button {
  display: none;
}

@media screen and (max-width: 768px) {
  .drawer .cart-drawer {
    width: 100vw;
    max-width: 100vw;
  }

  .drawer__inner-wrapper {
    padding-left: 24px;
    padding-right: 24px;
  }
}

.cart-payment-note { font-size:12px; letter-spacing:0.02em; color:#6e6e6e; margin:12px 0 8px; text-align:center; font-family: inter; }