/** Shopify CDN: Minification failed

Line 3354:73 Unexpected "çin"

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:featured-collections (INDEX:15) */
@media (max-width: 768px) {
    .muheyya-compact-categories .grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px 10px; margin: 0; }
    .muheyya-compact-categories .grid::after { display: none; }
    .muheyya-compact-categories .grid__item { width: 100%; float: none; padding: 0; clear: none; }
    .muheyya-compact-categories .collection-item { margin: 0; }
    .muheyya-compact-categories .collection-image { padding-top: 135%; padding-bottom: 0; }
    .muheyya-compact-categories .collection-image img { object-fit: cover; object-position: center 30%; }
    .muheyya-compact-categories .collection-item__title { font-size: 12px; line-height: 1.3; }
    .muheyya-compact-categories .collection-item__title span { font-size: inherit; letter-spacing: 0; }
  }
  @media (min-width: 1024px) {
    .muheyya-compact-categories.page-width { max-width: none; padding-left: 24px; padding-right: 24px; }
    .muheyya-compact-categories > .grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 22px 18px; margin: 0; }
    .muheyya-compact-categories > .grid::after { display: none; }
    .muheyya-compact-categories > .grid > .grid__item { width: 100%; float: none; padding: 0; clear: none; min-width: 0; }
    .muheyya-compact-categories .collection-item { margin: 0; }
    .muheyya-compact-categories .grid__item:nth-child(6n + 1):nth-last-child(4) { grid-column-start: 2; }
  }
/* END_SECTION:featured-collections */

/* START_SECTION:header (INDEX:21) */
#SiteHeader .muheyya-search-pill { display: inline-flex; align-items: center; gap: 9px; width: 218px; padding: 10px 14px; min-height: 44px; border: 1px solid #ddd8d1; border-radius: 3px; background: #f8f7f5; color: #3c3c3c; }
  #SiteHeader .muheyya-search-pill .icon { width: 21px; height: 21px; }
  #SiteHeader .muheyya-search-pill__label { min-width: 0; overflow: hidden; font-size: 12px; font-weight: 400; text-transform: none; letter-spacing: 0; white-space: nowrap; }
  .muheyya-mobile-search { display: none; }
  @media (max-width: 768px) {
    #SiteHeader .muheyya-search-pill { display: none; }
    .muheyya-mobile-search { display: flex; gap: 10px; align-items: center; min-height: 42px; padding: 9px 13px; margin: 5px 0 7px; background: #f8f7f5; border: 1px solid #dedbd6; border-radius: 3px; color: #4b4843 !important; font-size: 12px; }
  }

    .muheyya-home-overlay > .header-sticky-wrapper { height: 0; }
    .muheyya-home-overlay #HeaderWrapper { position: absolute; inset: 0 0 auto; background: linear-gradient(180deg, #0004, transparent); }
    .muheyya-home-overlay #SiteHeader:not(.site-header--stuck) { background: transparent; box-shadow: none; }


    .muheyya-home-overlay #SiteHeader:not(.site-header--stuck) .site-nav__link { color: #fff; }
    .muheyya-home-overlay #SiteHeader:not(.site-header--stuck) shopify-account::part(signed-out-avatar) { color: #fff; }
    .muheyya-home-overlay #SiteHeader:not(.site-header--stuck) .muheyya-menu-trigger { color: #fff; border-color: #fffc; background: #0001; box-shadow: none; }
    .muheyya-home-overlay #SiteHeader:not(.site-header--stuck) .logo--has-inverted { display: none; }
    .muheyya-home-overlay #SiteHeader:not(.site-header--stuck) .logo--inverted { display: block; }
    .muheyya-home-overlay #SiteHeader:not(.site-header--stuck) .muheyya-search-pill { color: #3c3c3c; background: #fffffff0; }
  @media (max-width: 768px) {
    .muheyya-home-overlay #SiteHeader:not(.site-header--stuck) { padding: 8px 0; }
    .muheyya-home-overlay #SiteHeader:not(.site-header--stuck) .header-layout { min-height: 60px; }
    .muheyya-home-overlay #SiteHeader:not(.site-header--stuck) .site-header__logo { margin-top: 0; margin-bottom: 0; }
    .muheyya-home-overlay #SiteHeader:not(.site-header--stuck) .muheyya-mobile-search { margin-top: 5px; margin-bottom: 4px; background: #fffffff0; }
    .has-sticky-announcement-bar .site-header--opening { transform: translateZ(0); }
  }
  @media (max-width: 768px) {
    #SiteHeader .muheyya-search-pill { display: inline-flex; justify-content: center; width: 44px; min-height: 44px; padding: 10px; border: 0; background: transparent; color: var(--colorNavText); }
    #SiteHeader .muheyya-search-pill__label { display: none; }
    .muheyya-home-overlay #SiteHeader:not(.site-header--stuck) .muheyya-search-pill { color: #fff; background: transparent; }
    #SiteHeader .muheyya-search-pill .icon { width: 24px; height: 24px; transform-origin: center; animation: muheyya-search-glance 8s ease-in-out 3; }
    #SiteHeader .muheyya-search-pill:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
    #SiteHeader .muheyya-search-pill:hover .icon, #SiteHeader .muheyya-search-pill:focus .icon { animation-play-state: paused; }
  }
  @keyframes muheyya-search-glance {
    0%, 82%, 100% { transform: scale(1) rotate(0); }
    88% { transform: scale(1.12) rotate(-7deg); }
    94% { transform: scale(1.05) rotate(5deg); }
  }
  @media (prefers-reduced-motion: reduce) {
    #SiteHeader .muheyya-search-pill .icon { animation: none; }
  }
/* END_SECTION:header */

/* START_SECTION:main-collection (INDEX:31) */
@media screen and (min-width: 1024px) {
  .collection-content #CollectionAjaxContent > .page-width {
    max-width: none;
    padding-left: 24px;
    padding-right: 24px;
  }
  .collection-content .collection-grid__wrapper > .grid.grid--uniform {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    column-gap: 18px;
    margin-left: 0;
  }
  .collection-content .collection-grid__wrapper > .grid.grid--uniform::before,
  .collection-content .collection-grid__wrapper > .grid.grid--uniform::after {
    display: none;
  }
  .collection-content .collection-grid__wrapper > .grid.grid--uniform > .grid__item {
    width: 100%;
    min-width: 0;
    padding-left: 0;
    float: none;
    clear: none;
  }
}
/* END_SECTION:main-collection */

/* START_SECTION:muheyya-balanced-new (INDEX:38) */
.muheyya-balanced { padding-top: 44px; padding-bottom: 44px; }
  .muheyya-balanced__heading { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 24px; }
  .muheyya-balanced__heading h2 { margin: 0; font-size: clamp(26px, 3vw, 38px); }
  .muheyya-balanced__heading a { font-size: 13px; text-decoration: underline; text-underline-offset: 4px; }
  .muheyya-balanced__grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 18px; }
  @media (min-width: 769px) and (max-width: 1100px) { .muheyya-balanced__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px 18px; } }
  @media (max-width: 768px) { .muheyya-balanced { padding-top: 28px; padding-bottom: 28px; } .muheyya-balanced__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px 14px; } }
  @media (min-width: 1024px) {
    .muheyya-balanced.page-width { max-width: none; padding-left: 24px; padding-right: 24px; }
    .muheyya-balanced__grid { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 26px 18px; }
  }
/* END_SECTION:muheyya-balanced-new */

/* START_SECTION:muheyya-brand-categories (INDEX:39) */
.muheyya-brands { padding-top: 46px; padding-bottom: 64px; scroll-margin-top: 130px; }
  .muheyya-brands__heading { margin: 0 0 28px; font-size: clamp(28px, 3vw, 40px); text-align: center; }
  .muheyya-brands__grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 22px 18px; }
  .muheyya-brands__card { position: relative; display: block; aspect-ratio: 2 / 3; overflow: hidden; background: #f2efeb; isolation: isolate; }
  .muheyya-brands__photo { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 450ms ease; }
  .muheyya-brands__band { position: absolute; inset: auto 0 0; height: 23%; display: flex; align-items: center; justify-content: center; padding: 12px 18px; background: rgba(255, 255, 255, .25); overflow: hidden; }
  .muheyya-brands__logo { display: block; width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; transform: scale(var(--logo-scale, 1)); }
  .muheyya-brands__name { color: #222; font-size: 20px; }
  .muheyya-brands__card:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
  @media (hover: hover) { .muheyya-brands__card:hover .muheyya-brands__photo { transform: scale(1.025); } }
  @media (max-width: 768px) {
    .muheyya-brands { padding-top: 32px; padding-bottom: 40px; scroll-margin-top: 100px; }
    .muheyya-brands__heading { margin-bottom: 22px; }
    .muheyya-brands__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px 10px; }
    .muheyya-brands__band { padding: 6px 7px; }
  }
  @media (prefers-reduced-motion: reduce) { .muheyya-brands__photo { transition: none; } }
  @media (min-width: 1024px) {
    .muheyya-brands.page-width { max-width: none; padding-left: 24px; padding-right: 24px; }
    .muheyya-brands__grid { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 22px 18px; }
  }
/* END_SECTION:muheyya-brand-categories */

/* START_SECTION:muheyya-campaign-hub (INDEX:40) */
.mch { --wine: #721628; --gold: #b89a68; --ink: #2f261f; --paper: #f7f1e8; background: transparent; color: var(--ink); }
  .mch__hero { position: relative; padding-top: clamp(32px, 4vw, 56px); padding-bottom: 28px; text-align: center; background: transparent; }
  .mch__hero::after { display: none; }
  .mch__eyebrow, .mch__section-heading p { margin: 0 0 12px; color: #8d704b; font-size: 11px; letter-spacing: .23em; text-transform: uppercase; }
  .mch__hero h1 { max-width: 920px; margin: 0 auto; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(28px, 4vw, 48px); font-weight: 400; line-height: 1.02; letter-spacing: -.04em; text-transform: none; }
  .mch__intro { max-width: 650px; margin: 24px auto 0; color: #6b5e53; font-size: 16px; line-height: 1.75; }
  .mch__body { padding-bottom: 100px; }
  .mch__featured { margin-bottom: 76px; }
  .mch-card { display: grid; grid-template-columns: 1.1fr .9fr; min-height: 470px; background: var(--paper); border: 1px solid #e1d4c2; }
  .mch-card__media { position: relative; min-height: 360px; overflow: hidden; display: grid; place-items: center; background: linear-gradient(135deg, #8d2739, #4f0b17); }
  .mch-card__image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .55s ease; }
  .mch-card__monogram { color: #ffffff1f; font: 400 clamp(160px, 22vw, 340px)/1 Georgia, serif; }
  .mch-card__content { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: clamp(30px, 5vw, 70px); }
  .mch-card__badge { display: inline-block; margin-bottom: 19px; padding: 6px 10px; color: #fff9ee; background: var(--wine); font-size: 10px; letter-spacing: .18em; text-transform: uppercase; }
  .mch-card h2, .mch-card h3 { margin: 0; font-family: Georgia, 'Times New Roman', serif; font-weight: 400; line-height: 1.14; letter-spacing: -.025em; text-transform: none; }
  .mch-card h2 { font-size: clamp(34px, 5vw, 62px); }
  .mch-card h3 { font-size: clamp(29px, 3.4vw, 45px); }
  .mch-card__text { margin-top: 18px; color: #655a50; font-size: 15px; line-height: 1.75; }
  .mch-card__text p { margin: 0; }
  .mch-card__period { margin: 18px 0 0; color: #8b6e4a; font-size: 12px; letter-spacing: .1em; text-transform: uppercase; }
  .mch-card__button { display: inline-flex; gap: 18px; margin-top: 28px; padding: 14px 18px; color: #fff9ef; background: var(--ink); font-size: 11px; letter-spacing: .14em; text-transform: uppercase; }
  .mch-card__button:hover { color: #fff9ef; background: var(--wine); }
  .mch-card__button:focus-visible, .mch-notice a:focus-visible { outline: 3px solid var(--wine); outline-offset: 4px; }
  .mch__section-heading { display: flex; justify-content: space-between; align-items: end; gap: 20px; margin: 0 0 23px; padding-bottom: 14px; border-bottom: 1px solid #d9cbb8; }
  .mch__section-heading p { margin: 0; }
  .mch__section-heading h2 { margin: 0; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(28px, 4vw, 48px); font-weight: 400; text-transform: none; }
  .mch__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-bottom: 92px; }
  .mch__grid .mch-card { grid-template-columns: 1fr; min-height: 0; }
  .mch__grid .mch-card__media { aspect-ratio: 16 / 10; min-height: 0; }
  .mch__grid .mch-card__content { padding: clamp(25px, 3.5vw, 43px); }
  .mch__notices { padding: 0; background: transparent; color: var(--ink); }
  .mch__section-heading--notices { border-color: #ffffff2e; }
  .mch__section-heading--notices h2 { color: #fff9ef; }
  .mch__notice-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
  .mch-notice { padding: 0; }
  .mch-notice__image { display: block; width: 100%; height: auto; margin-bottom: 0; }
  .mch-notice a.mch-notice__image-link { display: block; margin-top: 0; }
  .mch-notice:first-child { border-left: 0; }
  .mch-notice__date, .mch-notice__type { display: inline-block; margin-right: 12px; color: #d0b481; font-size: 10px; letter-spacing: .13em; text-transform: uppercase; }
  .mch-notice h3 { margin: 18px 0 12px; color: #fff9ef; font-family: Georgia, 'Times New Roman', serif; font-size: 25px; font-weight: 400; text-transform: none; }
  .mch-notice__text { color: #eee3d5c9; font-size: 14px; line-height: 1.7; }
  .mch-notice__text p { margin: 0; }
  .mch-notice a { display: inline-block; margin-top: 18px; color: #fff9ef; font-size: 11px; letter-spacing: .1em; text-transform: uppercase; }
  @media (hover: hover) { .mch-card:hover .mch-card__image { transform: scale(1.025); } }
  @media (max-width: 849px) {
    .mch-card, .mch__grid { grid-template-columns: 1fr; }
    .mch-card { min-height: 0; }
    .mch__featured { margin-bottom: 55px; }
    .mch__grid { gap: 16px; margin-bottom: 60px; }
    .mch__notice-list { grid-template-columns: 1fr; }
    .mch-notice { border: 0; padding: 0; }
    .mch-notice:first-child { border-top: 0; }
  }
  @media (max-width: 549px) { .mch__hero, .mch__body { padding-left: 16px; padding-right: 16px; } .mch__intro { font-size: 15px; } .mch__notices { padding: 0; } .mch__section-heading { display: block; } .mch__section-heading p { margin-bottom: 8px; } }
  @media (prefers-reduced-motion: reduce) { .mch-card__image { transition: none; } }
/* END_SECTION:muheyya-campaign-hub */

/* START_SECTION:muheyya-discount-corner (INDEX:41) */
.muheyya-discounts { padding-top: 64px; padding-bottom: 24px; scroll-margin-top: 125px; }
  .muheyya-discounts__header { text-align: center; margin-bottom: 32px; }
  .muheyya-discounts__header h2 { margin: 0 0 12px; font-size: clamp(30px, 3.3vw, 46px); line-height: 1.2; color: #30251d; text-transform: none; }
  .muheyya-discounts__header p { margin: 0; font-size: 14px; letter-spacing: .09em; color: #625a53; }
  .muheyya-discounts__grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 18px; }
  .muheyya-discounts__card { position: relative; display: block; aspect-ratio: 3 / 4; overflow: hidden; container-type: inline-size; background: var(--discount-background, #d9cbb9); color: var(--discount-ink, #211911); text-decoration: none; isolation: isolate; }
  .muheyya-discounts__card:hover { color: var(--discount-ink, #211911); }
  .muheyya-discounts__card:focus-visible { outline: 3px solid #30251d; outline-offset: 5px; }
  .muheyya-discounts__image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; z-index: -1; }
  .muheyya-discounts__copy { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 16px; padding-bottom: 30px; text-align: center; }
  .muheyya-discounts__rate { display: flex; align-items: baseline; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(64px, 8vw, 136px); font-size: 32cqw; font-weight: 400; letter-spacing: -.055em; line-height: 1; }
  .muheyya-discounts__percent { font-size: .48em; letter-spacing: -.09em; margin-right: .06em; }
  .muheyya-discounts__label { margin-top: 12px; font-size: clamp(11px, 1.25vw, 16px); font-size: clamp(10px, 3.8cqw, 17px); line-height: 1.5; font-weight: 500; letter-spacing: .2em; }
  .muheyya-discounts__cta { position: absolute; inset: auto 8px 8%; display: flex; align-items: center; justify-content: center; gap: 10px; font-size: clamp(9px, 2.65cqw, 12px); font-weight: 500; letter-spacing: .13em; line-height: 1.5; }
  .muheyya-discounts__arrow { font-size: 1.5em; line-height: 1; transition: transform .25s ease; }
  @media (hover: hover) { .muheyya-discounts__card:hover .muheyya-discounts__image { transform: scale(1.035); } .muheyya-discounts__card:hover .muheyya-discounts__arrow { transform: translateX(4px); } }
  @media (max-width: 768px) {
    .muheyya-discounts { padding-top: 40px; padding-bottom: 8px; scroll-margin-top: 100px; }
    .muheyya-discounts__header { margin-bottom: 22px; }
    .muheyya-discounts__header p { max-width: 290px; margin-inline: auto; font-size: 12px; letter-spacing: .04em; }
    .muheyya-discounts__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
    .muheyya-discounts__copy { padding: 8px 8px 18px; }
    .muheyya-discounts__label { margin-top: 8px; letter-spacing: .12em; }
    .muheyya-discounts__cta { letter-spacing: .04em; gap: 5px; }
  }
  @media (prefers-reduced-motion: reduce) { .muheyya-discounts__image, .muheyya-discounts__arrow { transition: none; } }
  @media (min-width: 1024px) {
    .muheyya-discounts.page-width { max-width: none; width: 100%; padding-left: 0; padding-right: 0; }
    .muheyya-discounts__grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  }
/* END_SECTION:muheyya-discount-corner */

/* START_SECTION:muheyya-discovery-gateway (INDEX:42) */
.mdg { padding-top: 10px; padding-bottom: 5px; color: #fff; }
  .shopify-section:has(> .mdg) + .index-section { margin-top: 37.5px; }
  @media (max-width: 768px) { .shopify-section:has(> .mdg) + .index-section { margin-top: 20px; } }
  .mdg__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
  .mdg__card { position: relative; min-height: 116px; display: flex; align-items: center; justify-content: space-between; gap: 24px; overflow: hidden; padding: clamp(18px, 2vw, 27px); color: #fff8ed; text-decoration: none; isolation: isolate; }
  .mdg__card:hover { color: #fff8ed; }
  .mdg__card::after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(15, 11, 9, .9) 0%, rgba(24, 15, 12, .72) 47%, rgba(20, 13, 11, .12) 100%); transition: background .4s ease; }
  .mdg__media { position: absolute; inset: 0; z-index: -2; }
  .mdg__media img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; transition: transform .7s cubic-bezier(.2,.7,.2,1); }
  .mdg__copy { min-width: 0; }
  .mdg__copy small { display: block; margin-bottom: 8px; color: #d9bd8a; font-size: 9px; letter-spacing: .2em; text-transform: uppercase; }
  .mdg__copy strong { display: block; margin-bottom: 5px; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(21px, 2vw, 30px); font-weight: 400; line-height: 1.08; }
  .mdg__copy > span { display: block; max-width: 390px; color: #fff8edd9; font-size: 12px; line-height: 1.45; }
  .mdg__action { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 13px; padding: 11px 0 9px 16px; border-left: 1px solid #ffffff66; font-size: 9px; letter-spacing: .15em; text-transform: uppercase; white-space: nowrap; }
  .mdg__action span { font-size: 18px; line-height: .7; transition: transform .25s ease; }
  .mdg__card:focus-visible { outline: 3px solid #30251d; outline-offset: 4px; }
  @media (hover: hover) { .mdg__card:hover .mdg__media img { transform: scale(1.035); } .mdg__card:hover::after { background: linear-gradient(90deg, rgba(15, 11, 9, .94) 0%, rgba(24, 15, 12, .62) 52%, rgba(20, 13, 11, .06) 100%); } .mdg__card:hover .mdg__action span { transform: translateX(5px); } }
  @media (max-width: 1080px) { .mdg__action { display: none; } }
  @media (max-width: 749px) {
    .mdg { padding: 7px 8px 4px; }
    .mdg__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
    .mdg__card { min-height: 104px; padding: 12px 10px; }
    .mdg__card::after { background: linear-gradient(90deg, rgba(15, 11, 9, .92) 0%, rgba(24, 15, 12, .7) 68%, rgba(20, 13, 11, .18) 100%); }
    .mdg__copy small { margin-bottom: 5px; font-size: 7px; letter-spacing: .14em; }
    .mdg__copy strong { margin: 0; font-size: clamp(14px, 4.1vw, 17px); line-height: 1.08; }
    .mdg__copy > span { display: -webkit-box; max-width: 96%; margin-top: 5px; overflow: hidden; font-size: 8.5px; line-height: 1.3; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  }
  @media (prefers-reduced-motion: reduce) { .mdg__media img, .mdg__card::after, .mdg__action span { transition: none; } }
/* END_SECTION:muheyya-discovery-gateway */

/* START_SECTION:muheyya-home-hero (INDEX:44) */
.muheyya-home-hero__link { display: block; position: relative; background: #e6dac8; }
  .muheyya-home-hero__image { display: block; width: 100%; height: clamp(430px, 67vh, 680px); object-fit: cover; object-position: center 32%; }
  .muheyya-home-hero__cta { position: absolute; bottom: 26px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; justify-content: center; gap: 20px; min-height: 48px; padding: 8px 12px; background: transparent; color: #fff; font-weight: 500; text-shadow: 0 1px 5px #000b; font-size: 14px; letter-spacing: .035em; white-space: nowrap; box-shadow: none; }
  .muheyya-home-hero__link:focus-visible { outline: 3px solid #222; outline-offset: -3px; }
  @media (max-width: 768px) {
    .muheyya-home-hero__image { height: auto; aspect-ratio: 1.1; object-fit: cover; object-position: center; }
    .muheyya-home-hero__cta { bottom: 18px; padding: 8px 12px; min-height: 44px; max-width: calc(100% - 32px); font-size: 13px; }
  }
  .muheyya-home-hero__click { position: relative; display: inline-block; width: 25px; height: 28px; flex: 0 0 25px; pointer-events: none; }
  .muheyya-home-hero__pointer { position: absolute; left: 4px; top: 3px; filter: drop-shadow(0 1px 3px #0008); transform-origin: 3px 2px; animation: muheyya-collection-click 5s ease-in-out 4; }
  .muheyya-home-hero__ripple { position: absolute; left: -41px; top: 13px; width: 14px; height: 14px; border: 1px solid currentColor; border-radius: 50%; opacity: 0; animation: muheyya-collection-ripple 5s ease-out 4; }
  @keyframes muheyya-collection-click {
    0%, 14%, 100% { transform: translate(0, 0) scale(1); }
    40%, 56%, 68% { transform: translate(-48px, 8px) scale(1); }
    48% { transform: translate(-48px, 8px) scale(.82); }
    86% { transform: translate(0, 0) scale(1); }
  }
  @keyframes muheyya-collection-ripple {
    0%, 46%, 100% { opacity: 0; transform: translate(-50%, -50%) scale(.3); }
    48% { opacity: .85; transform: translate(-50%, -50%) scale(.3); }
    65% { opacity: 0; transform: translate(-50%, -50%) scale(2.1); }
  }
  .muheyya-home-hero__link:hover .muheyya-home-hero__cta, .muheyya-home-hero__link:focus-visible .muheyya-home-hero__cta { text-decoration: underline; text-underline-offset: 5px; }
  @media (prefers-reduced-motion: reduce) {
    .muheyya-home-hero__pointer, .muheyya-home-hero__ripple { animation: none; }
  }
/* END_SECTION:muheyya-home-hero */

/* START_SECTION:muheyya-maisa-corner (INDEX:45) */
.muheyya-maisa { margin: 24px 0; padding: 48px 0; background: #f7f5f1; }
  .muheyya-maisa__heading { text-align: center; margin-bottom: 30px; }
  .muheyya-maisa__heading h2 { margin: 0 0 10px; font-size: clamp(28px, 3vw, 40px); }
  .muheyya-maisa__heading p { margin: 0; font-size: 14px; color: #625c56; }
  .muheyya-maisa__grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 36px 20px; }
  .muheyya-maisa__more { text-align: center; margin-top: 32px; }
  @media (max-width: 768px) { .muheyya-maisa { padding: 30px 0; margin: 12px 0; } .muheyya-maisa__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px 14px; } .muheyya-maisa__heading p { font-size: 12px; } }
  @media (min-width: 1024px) {
    .muheyya-maisa > .page-width { max-width: none; padding-left: 24px; padding-right: 24px; }
    .muheyya-maisa__grid { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 36px 18px; }
  }
/* END_SECTION:muheyya-maisa-corner */

/* START_SECTION:muheyya-vip-showroom (INDEX:46) */
.mvs { --wine: #780f22; --deep-wine: #420610; --gold: #c5a46d; --ink: #1b1714; display: block; color: #f9f2e7; background-color: #0e0e0d; background-image: linear-gradient(#0003, #0003), var(--premium-background); background-size: auto, 1100px 1100px; }
  .mvs__hero { padding-top: clamp(36px, 5vw, 64px); padding-bottom: clamp(30px, 4vw, 52px); text-align: center; background: radial-gradient(ellipse at 50% -10%, #684b2b42, transparent 58%); }
  .mvs__eyebrow { margin: 0 0 16px; color: var(--gold); font-size: 11px; letter-spacing: .32em; text-transform: uppercase; }
  .mvs__hero h1 { margin: 0; color: #fff9ef; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(34px, 5vw, 64px); font-weight: 400; line-height: .98; letter-spacing: -.045em; text-transform: none; }
  .mvs__hero > p:last-child { max-width: 680px; margin: 27px auto 0; color: #d7cabc; font-size: 16px; line-height: 1.8; }
  .mvs__list { padding-bottom: 120px; }
  .mvs-product { display: grid; grid-template-columns: minmax(0, 1fr) minmax(330px, 1fr); min-height: 0; margin-bottom: 90px; background: #201b17; border: 1px solid #ffffff17; box-shadow: 0 30px 80px #0008; }
  .mvs-product:nth-child(even) { grid-template-columns: minmax(330px, 1fr) minmax(0, 1fr); }
  .mvs-product:nth-child(even) .mvs-product__stage { order: 2; }
  .mvs-product__stage { position: relative; min-height: 0; overflow: hidden; display: block; background: radial-gradient(ellipse at 50% 30%, #4e4135, #181411 70%); }
  .mvs-product__image { position: static; display: block; width: 100%; height: auto; object-fit: contain; }
  .mvs-product__stage:focus-visible, .mvs-product a:focus-visible { outline: 3px solid var(--gold); outline-offset: -4px; }
  .mvs-product__details { display: flex; flex-direction: column; justify-content: center; padding: clamp(30px, 4vw, 65px); }
  .mvs-product__meta { display: flex; justify-content: space-between; gap: 20px; padding-bottom: 17px; border-bottom: 1px solid #ffffff21; color: var(--gold); font-size: 10px; letter-spacing: .2em; text-transform: uppercase; }
  .mvs-product h2 { margin: 30px 0 0; color: #fff9ef; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(31px, 3.8vw, 52px); font-weight: 400; line-height: 1.12; letter-spacing: -.025em; text-transform: none; }
  .mvs-product h2 a { color: inherit; }
  .mvs-product__price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 10px 18px; margin-top: 25px; }
  .mvs-product__price s { color: #ae9e8d; font-size: 15px; }
  .mvs-product__price strong { color: #e2c389; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(25px, 2.8vw, 38px); font-weight: 400; }
  .mvs-product__summary { margin: 22px 0 0; color: #cbbfb3; font-size: 14px; line-height: 1.75; }
  .mvs-product__facts { margin: 25px 0 0; }
  .mvs-product__facts div { display: grid; grid-template-columns: 90px 1fr; gap: 13px; padding: 10px 0; border-top: 1px solid #ffffff14; }
  .mvs-product__facts dt { color: #918274; font-size: 9px; letter-spacing: .15em; text-transform: uppercase; }
  .mvs-product__facts dd { margin: 0; color: #e5dbcf; font-size: 12px; }
  .mvs-product__link { display: flex; justify-content: space-between; gap: 20px; margin-top: 30px; padding: 15px 0; border-top: 1px solid #ffffff35; border-bottom: 1px solid #ffffff35; color: #fff9ef; font-size: 10px; letter-spacing: .2em; text-transform: uppercase; }
  .mvs-product__link:hover { color: var(--gold); }
  @media (max-width: 989px) {
    .mvs-product, .mvs-product:nth-child(even) { grid-template-columns: 1fr; min-height: 0; margin-bottom: 52px; }
    .mvs-product:nth-child(even) .mvs-product__stage { order: 0; }
    .mvs-product__stage { min-height: 0; }
    .mvs-product__details { padding: 34px 28px 40px; }
  }
/* END_SECTION:muheyya-vip-showroom */

/* START_SECTION:muheyya-weekly-showcase (INDEX:47) */
muheyya-weekly { display: block; }
  .mw-showcase { --mw-red: #7d1828; --mw-gold: #bba17a; --mw-ink: #302923; padding-top: 64px; padding-bottom: 56px; color: var(--mw-ink); scroll-margin-top: 130px; }
  .mw-showcase__heading { text-align: center; margin-bottom: 30px; }
  .mw-showcase__logo { display: block; width: 200px; max-width: 60%; height: auto; margin: 0 auto; }
  .mw-showcase__logo-fallback { font-size: 30px; }
  .mw-showcase__eyebrow { display: block; color: #94734d; font-size: 10px; font-weight: 500; letter-spacing: .3em; margin-bottom: 12px; }
  .mw-showcase__heading h2 { font-family: inherit; font-size: clamp(14px, 1.4vw, 19px); font-weight: 400; letter-spacing: .24em; line-height: 1.4; margin: 18px 0 0; }
  .mw-showcase__heading p { font-size: 13px; color: #766b60; margin: 0; letter-spacing: .035em; }
  .mw-showcase__heading .mw-showcase__handwritten { margin: 8px 0 0; font-family: 'Segoe Print','Bradley Hand','Chalkboard SE','Comic Sans MS',cursive; font-size: clamp(17px,1.6vw,21px); font-weight: 400; font-style: italic; line-height: 1.5; letter-spacing: .015em; color: #816449; text-transform: none; }
  .mw-showcase__frame { position: relative; padding: 14px 14px 0; background: linear-gradient(90deg,#c9b797,#eee4d1 1%,#d4c3a4 2%,#f5ecda 3%,#f5ecda 97%,#c5ac83 98%,#f0e7d5 99%,#bca582); border: 1px solid #b9a17d; box-shadow: 0 18px 42px -24px #54432f66; }
  .mw-showcase__rod { height: 11px; position: absolute; z-index: 5; top: 8px; left: 10px; right: 10px; border-radius: 5px; background: linear-gradient(#73542a,#e4c995 30%,#b18c55 65%,#694926); box-shadow: 0 3px 6px #35221140; }
  .mw-showcase__stage { position: relative; overflow: hidden; background: radial-gradient(ellipse at 50% 0%,#fffdf8 0%,#f4efe5 65%,#e9e0d2 100%); border: 1px solid #cdbb9c; }
  .mw-showcase__content { padding: 57px 25px 0; }
  .mw-showcase__lights { position: absolute; inset: 0 25px auto; height: 160px; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 20px; pointer-events: none; z-index: 2; }
  .mw-showcase__lights i { position: relative; display: block; }
  .mw-showcase__lights i::before { content: ''; position: absolute; top: 7px; left: calc(50% - 18px); width: 36px; height: 15px; border-radius: 3px 3px 50% 50%; background: radial-gradient(ellipse at 50% 95%,#fffde8 0 18%,#efd297 28%,#c7a065 42%,#5e4933 50%,#362e26 75%); box-shadow: 0 5px 13px #f5d48ca6; }
  .mw-showcase__lights i::after { content: ''; position: absolute; top: 20px; left: 0; right: 0; height: 150px; clip-path: polygon(45% 0,55% 0,100% 100%,0 100%); background: radial-gradient(ellipse at 50% 0,#fff4cb90, #ffedba30 48%,transparent 74%); }
  .mw-showcase__grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 20px; align-items: stretch; }
  .mw-card { min-width: 0; display: flex; flex-direction: column; }
  .mw-card__image-link { position: relative; display: block; aspect-ratio: 3/4; overflow: hidden; background: #eee8dd; border: 1px solid #d8cbbb; }
  .mw-card__image { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center top; transition: transform .4s ease; }
  .mw-card__discount { align-self: flex-start; display: inline-block; margin-top: 10px; padding: 5px 9px; color: #fff8ec; background: #7d1828; font-size: 12px; font-weight: 600; letter-spacing: .035em; box-shadow: 0 3px 9px #36101824; }
  .mw-card__plaque { flex: 1; display: flex; flex-direction: column; position: relative; margin: 14px 0 0; padding: 17px 15px 14px; border: 1px solid #d4c4ab; background: linear-gradient(135deg,#fffdf6,#f5ecdc); box-shadow: 0 5px 10px -8px #6d5037; }
  .mw-card__plaque::before { content: ''; position: absolute; top: -1px; left: 24%; width: 52%; height: 2px; background: #b3976a; }
  .mw-card__brand { color: #8c7253; font-size: 10px; letter-spacing: .13em; margin: 0 0 7px; text-transform: uppercase; }
  .mw-card__title { font-family: inherit; text-transform: none; font-size: 14px; font-weight: 500; line-height: 1.5; letter-spacing: 0; margin: 0 0 12px; min-height: 3em; }
  .mw-card__title a { color: inherit; }
  .mw-card__price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 5px 10px; padding-bottom: 13px; border-bottom: 1px solid #ddcfba; }
  .mw-card__price s { font-size: 14px; font-weight: 600; color: #594737; text-decoration-thickness: 1.5px; }
  .mw-card__price strong { color: #7d1828; font-family: Georgia,serif; font-size: clamp(21px,1.8vw,29px); font-weight: 500; line-height: 1.2; }
  .mw-card__price-note { color: #756a5d; font-size: 10px; padding-top: 5px; }
  .mw-card__stock { margin: 12px 0 14px; }
  .mw-card__option { display: flex; flex-wrap: wrap; gap: 5px 8px; margin: 5px 0; align-items: baseline; }
  .mw-card__option-label { font-size: 10px; color: #746450; }
  .mw-card__values { display: flex; flex-wrap: wrap; gap: 4px; }
  .mw-card__pill { font-size: 10px; line-height: 1.5; min-width: 23px; text-align: center; padding: 2px 5px; background: #fffaf1; border: 1px solid #d4c5ae; }
  .mw-card__pill--color { background: none; border-color: transparent; padding: 1px 0; text-align: left; }
  .mw-card__pill--color:not(:last-child)::after { content: ' ·'; }
  .mw-card__link { margin-top: auto; color: #665338; font-size: 10px; letter-spacing: .08em; display: flex; justify-content: space-between; padding-top: 8px; border-top: 1px solid #dfd2bf; }
  .mw-card__link span { font-size: 15px; }
  .mw-card__sold-out { font-size: 12px; color: #7d1828; margin: 12px 0; }
  .mw-showcase__controls { display: flex; align-items: center; justify-content: center; gap: 20px; padding: 22px 0; }
  .mw-showcase__arrow { position: absolute; z-index: 6; top: 50%; transform: translateY(-50%); min-height: 44px; padding: 10px 12px; border: 1px solid #ffffff85; border-radius: 4px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; color: #fff; font-size: 12px; background: #30292380; text-shadow: 0 1px 2px #0005; transition: background .2s; }
  .mw-showcase__arrow--previous { left: 5px; }
  .mw-showcase__arrow--next { right: 5px; }
  .mw-showcase__arrow span { font-size: 18px; }
  .mw-showcase__arrow[aria-disabled="true"] { opacity: .3; cursor: default; pointer-events: none; }
  .mw-showcase__counter { font-size: 11px; letter-spacing: .14em; color: #74614a; min-width: 48px; text-align: center; }
  .mw-showcase__sill { position: relative; height: 16px; margin: 0 -20px -4px; background: linear-gradient(#e0d1b6,#faf2e2 30%,#bdab8a 40%,#d4c2a2 70%,#a9926d); border: 1px solid #b8a17b; box-shadow: 0 6px 8px -6px #4f3b24; }
  .mw-showcase__curtain { position: absolute; z-index: 4; top: 0; bottom: 0; pointer-events: none; background-color: #8a1728; background-image: linear-gradient(180deg,#30000940,transparent 18%,#25000550),repeating-linear-gradient(90deg,#480813 0%,#7e1426 3%,#b63846 6%,#811526 9%,#4e0915 12%,#8b182a 15%); box-shadow: 3px 0 15px #20000760; border-bottom: 6px solid #b39052; }
  .mw-showcase__curtain { width: 51%; transform-origin: left center; }
  .mw-showcase__curtain--left { left: 0; transform: translateX(-103%); border-right: 2px solid #ce9d65; }
  .mw-showcase__curtain--right { transform-origin: right center; right: 0; transform: translateX(103%); border-left: 2px solid #ce9d65; }
  .mw-showcase.is-closed .mw-showcase__curtain { transform: translateX(0); }
  .mw-showcase.is-moving .mw-showcase__curtain { will-change: transform; }
  .mw-card[hidden] { display: none; }
  .mw-showcase__stage { touch-action: pan-y pinch-zoom; }
  .mw-showcase__message { min-height: 0; margin: 14px 0 0; text-align: center; color: #7d1828; font-size: 12px; }
  .mw-showcase__message:empty { display: none; }
  .mw-showcase__stock-note { margin: 19px 0 0; font-size: 10px; color: #8c7b67; text-align: center; }
  .mw-showcase__empty { padding: 100px 20px; text-align: center; }
  .mw-showcase a:focus-visible { outline: 2px solid #7d1828; outline-offset: 4px; }
  .mw-showcase.is-busy .mw-showcase__controls { pointer-events: none; }
  @media (hover:hover) { .mw-card__image-link:hover .mw-card__image { transform: scale(1.025); } .mw-showcase__arrow[aria-disabled="false"]:hover { background: #302923b3; color: #fff8ec; border-color: #7d1828; } }
  @media (max-width:989px) {
    .mw-showcase__arrow { position: static; transform: none; }
    .mw-showcase { padding-top: 40px; padding-bottom: 36px; }
    .mw-showcase__content { padding: 45px 16px 0; }
    .mw-showcase__lights { grid-template-columns: repeat(2,minmax(0,1fr)); inset-inline: 16px; gap: 12px; }
    .mw-showcase__lights i:nth-child(n+3) { display: none; }
    .mw-showcase__grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px 12px; }
    .mw-card__plaque { padding: 14px 10px 11px; }
  }
  @media (max-width:549px) {
    .mw-showcase { padding-left: 12px; padding-right: 12px; scroll-margin-top: 100px; }
    .mw-showcase__heading .mw-showcase__handwritten { margin: 8px 0 0; font-family: 'Segoe Print','Bradley Hand','Chalkboard SE','Comic Sans MS',cursive; font-size: clamp(17px,1.6vw,21px); font-weight: 400; font-style: italic; line-height: 1.5; letter-spacing: .015em; color: #816449; text-transform: none; }
  .mw-showcase__frame { padding: 9px 7px 0; }
    .mw-showcase__content { padding: 39px 9px 0; }
    .mw-showcase__heading { margin-bottom: 24px; }
    .mw-showcase__heading p { padding: 0 24px; font-size: 12px; }
    .mw-showcase__grid { gap: 16px 10px; }
    .mw-card__discount { margin-top: 8px; padding: 5px 7px; font-size: 10px; }
    .mw-card__title { font-size: 12px; min-height: 4.5em; margin-bottom: 8px; }
    .mw-card__price { gap: 4px; flex-direction: column; padding-bottom: 9px; }
    .mw-card__price s { font-size: 13px; }
    .mw-card__price strong { font-size: 22px; }
    .mw-showcase__sill { margin-left: -10px; margin-right: -10px; }
    .mw-showcase__controls { padding: 16px 0; }
    .mw-showcase__arrow { font-size: 10px; padding: 7px; gap: 3px; }
    .mw-card__stock { margin-top: 7px; }
  }
  @media (prefers-reduced-motion:reduce) { .mw-showcase__curtain,.mw-card__image,.mw-showcase__arrow { transition: none; } }
  .mw-showcase__lights { inset: 0 8px auto; height: 38px; display: flex; justify-content: space-between; overflow: hidden; }
  .mw-showcase__lights i { flex: 0 0 50px; height: 38px; background: linear-gradient(#171719,#353537) 8px 1px / 32px 5px no-repeat; }
  .mw-showcase__lights i:nth-child(n+3) { display: none; }
  .mw-showcase__lights i::before { top: 6px; left: 17px; width: 19px; height: 26px; border-radius: 4px 4px 8px 8px; transform: rotate(-36deg); background: radial-gradient(ellipse at 50% 94%,#fffbea 0 15%,#c6c3b4 19%,#4a4a4c 26%,transparent 30%),linear-gradient(90deg,#111113,#555557 45%,#171719 85%); box-shadow: 1px 2px 3px #0003; }
  .mw-showcase__lights i:nth-child(2)::before { left: 14px; transform: rotate(36deg); }
  .mw-showcase__lights i::after { top: 27px; left: 29px; right: auto; width: 22px; height: 20px; transform: rotate(-36deg); transform-origin: center top; background: linear-gradient(#ffffff40,transparent); clip-path: polygon(30% 0,70% 0,100% 100%,0 100%); }
  .mw-showcase__lights i:nth-child(2)::after { left: -1px; transform: rotate(36deg); }
  @media (min-width: 990px) {
    .mw-showcase.page-width { max-width: none; width: 100%; padding-left: 0; padding-right: 0; }
    .mw-showcase__grid { grid-template-columns: repeat(6,minmax(0,1fr)); gap: 18px; }
    .mw-showcase__sill { margin-left: -14px; margin-right: -14px; }
  }
/* END_SECTION:muheyya-weekly-showcase */

/* START_SECTION:shoppable-hero (INDEX:59) */
.kit-shoppable-hero__hotspots {
    position: relative;
    pointer-events: none;
    z-index: 3;
  }

  .kit-shoppable-hero__hotspot {
    position: absolute;
    top: var(--hotspot-top-mobile, var(--hotspot-top));
    left: var(--hotspot-left-mobile, var(--hotspot-left));
    transform: translate(-50%, -50%);
    pointer-events: auto;
  }

  .kit-shoppable-hero__product-card {
    color: inherit;
    text-decoration: inherit;
    display: block;
    min-width: calc(2rem * 4.2360679775); /* 4.2360679775 = φ^3 */
  }

  @media (min-width: 700px) {
    .kit-shoppable-hero__hotspot {
      top: var(--hotspot-top);
      left: var(--hotspot-left);
    }

    .kit-content-over-media__content {
      max-width: calc(61.803% + (var(--kit-section-gutter) * 2)); /* 61.803% = 100% - 1/φ, compensate for padding */
    }

    .kit-shoppable-hero__content .kit-text {
      color: var(--colorHeroText);
      pointer-events: none;
    }
  }

  @media (min-width: 1024px) {
    .kit-content-over-media__content {
      max-width: calc(50% + (var(--kit-section-gutter) * 2));
    }
  }
/* END_SECTION:shoppable-hero */

/* CSS from snippet stylesheet tags */
/* START_SNIPPET:customer-account (INDEX:94) */
.mobile-nav shopify-account::part(signed-out-avatar) {
    font-size: var(--typeBodySizeMobile);
    -webkit-font-smoothing: antialiased;
  }

  .site-nav shopify-account::part(signed-out-avatar) {
    color: var(--colorNavText);
  }

  .is-light .site-nav shopify-account::part(signed-out-avatar) {
    color: #fff;
  }

  shopify-account {
    --shopify-account-color-accent: var(--colorBtnPrimary);
    --shopify-account-color-accent-hover: var(--colorBtnPrimaryLight);
    --shopify-account-color-accent-text: var(--colorTextBody);
    --shopify-account-color-background: var(--colorBody);
    --shopify-account-color-background-subdued: color-mix(in srgb, var(--colorBorder) 50%, transparent);
    --shopify-account-color-border: var(--colorBorder);
    --shopify-account-color-card-background: var(--colorBody);
    --shopify-account-color-control-background: var(--colorBody);
    --shopify-account-color-text: var(--colorTextBody);
    --shopify-account-color-text-subdued: color-mix(in srgb, var(--colorBorder) 50%, black);
    --shopify-account-font-body: var(--typeBasePrimary), var(--typeBaseFallback);
    --shopify-account-font-body-weight: var(--typeBaseWeight);
    --shopify-account-font-heading: var(--typeHeaderPrimary), var(--typeHeaderFallback);
    --shopify-account-font-heading-weight: var(--typeHeaderWeight);
    --shopify-account-radius-base: var(--buttonRadius);
    --shopify-account-radius-button: var(--buttonRadius);
    --shopify-account-radius-button-small: var(--buttonRadius);
    --shopify-account-radius-dialog: var(--buttonRadius);
    --shopify-account-radius-input: var(--buttonRadius);
    --shopify-account-signed-in-avatar-color-background: var(--colorBody);
    --shopify-account-signed-in-avatar-color-text: var(--colorTextBody);
  }
/* END_SNIPPET:customer-account */

/* START_SNIPPET:element.badge (INDEX:96) */
.element-badge {
    /* Layout & Typography */
    --_radius: var(--element-badge-radius, var(--chip-radius, var(--radius-xs)));
    --_px: var(--element-badge-px, var(--size-3));
    --_py: var(--element-badge-py, var(--size-1));
    --_border-width: var(--element-badge-border-width, var(--size-0-25));
    --_font-family: var(
      --element-badge-font-family,
      var(--element-text-font-family--body),
      var(--element-text-font-family-fallback--body)
    );
    --_font-size: var(--element-badge-font-size, var(--element-text-font-size--body-sm));
    --_letter-spacing: var(--element-badge-letter-spacing, var(--element-text-letter-spacing--body-sm));
    --_line-height: var(--element-badge-line-height, var(--element-text-line-height--body-sm));

    /* Colors */
    --_base-primary: var(--color-secondary);
    --_base-secondary: var(--color-primary);
    --_color-primary: var(--_base-primary);
    --_color-secondary: var(--_base-secondary);
    --_color-background: var(--_color-primary);
    --_color-text: var(--_color-secondary);
    --_color-border: var(--_color-secondary);
    --_shade-inset-box-shadow: var(--element-badge-shade-inset-box-shadow, 12%);
    --_inset-box-shadow: inset 0 0 0 var(--_border-width)
      color-mix(in srgb, var(--_color-border) var(--_shade-inset-box-shadow), transparent);

    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--_radius);
    padding-inline: var(--_px);
    padding-block: var(--_py);
    font-family: var(--_font-family);
    font-size: var(--_font-size);
    letter-spacing: var(--_letter-spacing);
    background-color: var(--_color-background);
    color: var(--_color-text);
    box-shadow: var(--_inset-box-shadow);
    text-transform: uppercase;
    width: fit-content;
    white-space: nowrap;
  }

  .element-badge--inverted {
    --_color-primary: var(--_base-secondary);
    --_color-secondary: var(--_base-primary);

    & > * {
      --color-primary: currentColor;
    }
  }

  .element-badge--sale {
    --_base-primary: var(--color-sale-tag-text);
    --_base-secondary: var(--color-sale-tag);
  }
/* END_SNIPPET:element.badge */

/* START_SNIPPET:element.button (INDEX:97) */
:root {
    /* Base Layout Variables */
    --element-button-display: inline-flex;
    --element-button-width: fit-content;
    --element-button-height: auto;
    --element-button-radius: var(--radius-xs);
    --element-button-flex-direction: row;
    --element-button-gap: var(--size-2);
    --element-button-justify-content: center;
    --element-button-align-items: center;
    --element-button-white-space: nowrap;

    /* Base Spacing Variables */
    --element-button-padding-block: var(--size-3);
    --element-button-padding-inline: var(--size-5);
    --element-button-border-width: var(--size-0-25);

    /* Base Color Variables */
    --element-button-color-primary: initial;
    --element-button-color-secondary: initial;
    --element-button-shade-background: 0%;
    --element-button-shade-text: 0%;
    --element-button-shade-border: 20%;

    /* Typography Overrides */
    /* By default, the button will inherit the typography styles from element.text. Set these to other values to override. */
    /* --element-button-font-family: initial; */
    /* --element-button-font-family-fallback: initial; */
    /* --element-button-font-weight: initial; */
    /* --element-button-letter-spacing: initial; */
    /* --element-button-text-transform: initial; */
    /* --element-button-line-height: initial; */
    /* --element-button-color: initial; */

    /* Base Effect Variables */
    --element-button-box-shadow: initial;
    --element-button-transition-duration: 200ms;
    --element-button-transition-timing: ease;
    --element-button-transform: none;
    --element-button-backdrop-filter: none;
    --element-button-opacity: 1;

    /* Hover State Variables */
    --element-button-shade-background--hover: 8%;
    --element-button-shade-border--hover: 30%;

    /* Focus State Variables */
    --element-button-color-focus: var(--color-focus);
    --element-button-border-width--focus: var(--size-0-5);

    /* Active State Variables */
    --element-button-shade-background--active: 16%;
    --element-button-shade-border--active: var(--element-button-shade-border);

    /* Disabled State Variables */
    --element-button-shade-background--disabled: 12%;
    --element-button-shade-text--disabled: 70%;
    --element-button-shade-border--disabled: 12%;
  }

  /* Component Implementation */
  .element-button,
  .element-button--shopify-payment-wrapper .shopify-payment-button .shopify-payment-button__button--unbranded {
    /* Base Layout */
    --_display: var(--element-button-display);
    --_width: var(--element-button-width);
    --_height: var(--element-button-height);
    --_radius: var(--element-button-radius);
    --_flex-direction: var(--element-button-flex-direction);
    --_gap: var(--element-button-gap);
    --_justify-content: var(--element-button-justify-content);
    --_align-items: var(--element-button-align-items);
    --_white-space: var(--element-button-white-space);

    /* Base Spacing */
    --_padding-block: var(--element-button-padding-block);
    --_padding-inline: var(--element-button-padding-inline);
    --_border-width: var(--element-button-border-width);

    /* Base Colors */
    --_color-primary: var(--element-button-color-primary, var(--color-primary));
    --_color-secondary: var(--element-button-color-secondary, var(--color-secondary));
    --_color-focus: var(--element-button-color-focus, var(--color-focus, #4a9afc));
    --_color-text: var(--_color-secondary);
    --_color-background: var(--_color-primary);
    --_outline: none;
    --_border: none;
    --_shade-background: var(--element-button-shade-background);
    --_shade-text: var(--element-button-shade-text);
    --_shade-border: var(--element-button-shade-border);
    --_box-shadow: var(--element-button-box-shadow, inset 0 0 0 var(--_border-width) color-mix(in srgb, var(--_color-text) var(--_shade-border), transparent));

    /* Base Effects */
    --_transition-duration: var(--element-button-transition-duration);
    --_transition-timing: var(--element-button-transition-timing);
    --_transform: var(--element-button-transform);
    --_backdrop-filter: var(--element-button-backdrop-filter);
    --_opacity: var(--element-button-opacity);

    /* Text Styles */
    --element-text-font-family: var(--element-button-font-family);
    --element-text-font-family-fallback: var(--element-button-font-family-fallback);
    --element-text-font-weight: var(--element-button-font-weight);
    --element-text-letter-spacing: var(--element-button-letter-spacing);
    --element-text-text-transform: var(--element-button-text-transform);
    --element-text-line-height: var(--element-button-line-height);
    --element-text-color: var(--element-button-color);
    --element-text-font-size: var(--element-button-font-size);

    /* Icon Styles */
    --element-icon-size: var(--element-text-font-size--body-md);

    /* Base Styles */
    display: var(--_display);
    width: var(--_width);
    height: var(--_height);
    justify-content: var(--_justify-content);
    align-items: var(--_align-items);
    white-space: var(--_white-space);
    flex-direction: var(--_flex-direction);
    gap: var(--_gap);
    padding-block: var(--_padding-block);
    padding-inline: var(--_padding-inline);
    border-radius: var(--_radius);
    background-color: color-mix(in srgb, var(--_color-text) var(--_shade-background), var(--_color-background));
    color: color-mix(in srgb, var(--_color-background) var(--_shade-text), var(--_color-text));
    box-shadow: var(--_box-shadow);
    outline: var(--_outline);
    border: var(--_border);
    transform: var(--_transform);
    backdrop-filter: var(--_backdrop-filter);
    opacity: var(--_opacity);
    transition: all var(--_transition-duration) var(--_transition-timing);
    cursor: pointer;

    &:is(button.shopify-payment-button__button--unbranded) {
      width: 100%;
      line-height: var(--element-text-line-height--body-md);
      min-height: 32px;
    }

    &:has(> svg:only-child) {
      --_padding-inline: var(--_padding-block);
      --_display: flex;
    }

    /* Hover State */
    &:hover {
      --_shade-background: var(--element-button-shade-background--hover);
      --_shade-border: var(--element-button-shade-border--hover);
    }

    /* Focus State */
    &:focus-visible,
    input[type='radio']:focus-visible + & {
      --_border-width: var(--element-button-border-width--focus);
      --_box-shadow: inset 0 0 0 var(--_border-width) var(--_color-focus);
    }

    /* Disabled State */
    &:disabled,
    input[type='radio']:disabled + &,
    .disabled > input[type='radio'] + &,
    shopify-buy-it-now-button[disabled] > & {
      --_shade-background: var(--element-button-shade-background--disabled);
      --_shade-text: var(--element-button-shade-text--disabled);
      --_shade-border: var(--element-button-shade-border--disabled);

      &:is(:disabled),
      shopify-buy-it-now-button[disabled] > & {
        cursor: not-allowed;
      }
    }

    /* Active State */
    &:active,
    input[type='radio']:checked + & {
      --_shade-background: var(--element-button-shade-background--active);
      --_shade-border: var(--element-button-shade-border--active);
    }

    /* Variants */
    &.element-button--size-sm {
      --_padding-block: var(--size-2);
      --_padding-inline: var(--size-4);
    }

    &.element-button--size-lg {
      --_padding-block: var(--size-4);
      --_padding-inline: var(--size-6);
    }

    &.element-button--inverted {
      --_color-text: var(--_color-primary);
      --_color-background: var(--_color-secondary);
    }

    &.element-button--transparent {
      --_color-background: transparent;

      &:disabled {
        --_shade-border: var(--element-button-shade-border--disabled);
        --_shade-background: 0%;
      }

      &:disabled:active {
        --_border-width: var(--element-button-border-width);
        --_shade-border: var(--element-button-shade-border--disabled);
      }
    }

    &:is(.shopify-payment-button__button--unbranded):hover:not([disabled]) {
      background-color: color-mix(in srgb, var(--_color-secondary) var(--_shade-background), var(--_color-primary));
      color: color-mix(in srgb, var(--_color-background) var(--_shade-text), var(--_color-text));
    }
  }

  .element-button--shopify-payment-wrapper {
    --_radius: var(--element-button-radius);
    --_padding-block: var(--element-button-padding-block);
    --_line-height: var(--element-button-line-height, var(--element-text-line-height--body));
    --_font-size: var(--element-button-font-size, var(--element-text-font-size--body-md));

    --shopify-accelerated-checkout-button-border-radius: var(--_radius);
    --shopify-accelerated-checkout-button-block-size: calc((2 * var(--_padding-block)) + (var(--_line-height) * var(--_font-size)));

    font-family: var(--element-button-font-family, var(--element-text-font-family));
  }
/* END_SNIPPET:element.button */

/* START_SNIPPET:element.checkbox (INDEX:98) */
.element-checkbox {
    /* Layout & Typography */
    --_size: var(--element-checkbox-size, var(--size-5));
    --_icon-size: var(--element-checkbox-icon-size, var(--size-3-5));
    --_radius: var(--element-checkbox-radius, 1px);
    --_gap: var(--element-checkbox-gap, var(--size-2));
    --_outline-width: var(--element-checkbox-outline-width, 1px);
    --_outline-width-active: var(--element-checkbox-outline-width-active, 2px);
    --_font-family: var(
      --element-checkbox-font-family,
      var(--element-text-font-family--body),
      var(--element-text-font-family-fallback--body)
    );
    --_font-size: var(--element-checkbox-font-size, var(--element-text-font-size--body-md));
    --_letter-spacing: var(--element-checkbox-letter-spacing, var(--element-text-letter-spacing--body));
    --_line-height: var(--element-checkbox-line-height, var(--element-text-line-height--body));
    --_font-weight: var(--element-checkbox-font-weight, normal);

    /* Colors */
    --_color-primary: var(--color-primary);
    --_color-secondary: var(--color-secondary);
    --_color-active: var(--color-focus);
    --_color-shadow: var(
      --element-checkbox-shadow-color,
      color-mix(in srgb, var(--root-color-primary) var(--_outline-shade), var(--root-color-secondary))
    );
    --_color-background: var(--root-color-secondary);
    --_color-text: var(--_color-primary);
    --_outline-shade: var(--element-checkbox-outline-shade, 12%);
    --_shadow-inset: var(--element-checkbox-shadow-inset, inset);
    --_shadow-h-offset: var(--element-checkbox-shadow-horizontal-offset, 0);
    --_shadow-v-offset: var(--element-checkbox-shadow-vertical-offset, 0);
    --_shadow-blur: var(--element-checkbox-shadow-blur-radius, 0);
    --_shadow-spread: var(--element-checkbox-shadow-spread-radius, var(--_outline-width));
    --_icon-opacity: var(--element-checkbox-icon-opacity, 0);

    @media (max-width: 768px) {
      --_size: var(--element-checkbox-size, var(--size-4));
      --_icon-size: var(--element-checkbox-icon-size, var(--size-3));
    }

    position: relative;
    margin: 0;
    display: inline-flex;
    align-items: center;
    gap: var(--_gap);
    color: var(--_color-text);
    font-family: var(--_font-family);
    font-size: var(--_font-size);
    letter-spacing: var(--_letter-spacing);
    line-height: var(--_line-height);
    font-weight: var(--_font-weight);
    cursor: pointer;

    input[type='checkbox'] {
      position: absolute;
      opacity: 0;
      pointer-events: none;
    }

    &:hover {
      --_color-background: color-mix(in srgb, var(--_color-primary) 4%, var(--_color-secondary));
    }

    &:hover:has(input[type='checkbox']:checked) {
      --_color-shadow: color-mix(in srgb, var(--_color-secondary) 12%, var(--_color-primary));
      --_color-background: color-mix(in srgb, var(--_color-secondary) 4%, var(--_color-primary));
    }

    &:has(input[type='checkbox']:checked) {
      --_icon-opacity: 1;
      --_color-background: var(--_color-primary);
      --_color-shadow: var(--_color-primary);
    }

    &:has(input[type='checkbox']:focus-visible) {
      --_color-shadow: var(--_color-active);
      --_outline-width: var(--_outline-width-active);
    }

    &:not(.element-checkbox--with-icon):has(input[type='checkbox']:focus-visible) {
      outline: 3px solid var(--color-focus);
    }

    &:has(input[type='checkbox']:disabled) {
      --_color-background: color-mix(in srgb, var(--_color-primary) 8%, var(--_color-secondary));
      --_color-shadow: color-mix(in srgb, var(--_color-primary) 8%, var(--_color-secondary));
    }
  }

  .element-checkbox__icon {
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: var(--_size);
    height: var(--_size);
    border-radius: var(--_radius);
    box-shadow: var(--_shadow-inset) var(--_shadow-h-offset) var(--_shadow-v-offset) var(--_shadow-blur)
      var(--_shadow-spread) var(--_color-shadow);
    background-color: var(--_color-background);

    .element-icon {
      width: var(--_icon-size);
      height: var(--_icon-size);
      color: var(--_color-secondary);
      opacity: var(--_icon-opacity);
    }
  }
/* END_SNIPPET:element.checkbox */

/* START_SNIPPET:element.divider (INDEX:99) */
.element-divider {
    /* Layout & Typography */
    --_width: var(--element-divider-width, 100%);
    --_margin: var(--element-divider-margin, 0);
    --_border-width: var(--element-divider-border-width, var(--size-0-25));

    /* Colors */
    --_color-primary: var(--color-primary);
    --_color-secondary: var(--color-secondary);
    --_shade-border: var(--element-divider-border-shade, var(--shade-12));
    --_border-color: var(
      --element-divider-border-color,
      color-mix(in srgb, var(--_color-primary) var(--_shade-border), var(--_color-secondary))
    );

    width: var(--_width);
    margin: var(--_margin) auto;
    border: 0;
    border-top: var(--_border-width) solid var(--_border-color);
  }

  .element-divider--small {
    --_margin: var(--size-4);
  }

  .element-divider--medium {
    --_margin: var(--size-7-5);
  }

  .element-divider--large {
    --_margin: var(--size-7-5);

    @media (min-width: 769px) {
      --_margin: calc(var(--size-7-5) * 1.5);
    }
  }
/* END_SNIPPET:element.divider */

/* START_SNIPPET:element.icon (INDEX:100) */
:root {
    --element-icon-size: 20px;
    --element-icon-width: initial;
    --element-icon-height: initial;
    --element-icon-stroke-width: 2px;
    --element-icon-stroke-linejoin: miter;
    --element-icon-color: inherit;
    --element-icon-opacity: 1;
  }

  .element-icon {
    /* Layout & Typography */
    --_size: var(--element-icon-size);
    --_width: var(--element-icon-width, var(--_size));
    --_height: var(--element-icon-height, var(--_size));
    --_stroke-width: var(--element-icon-stroke-width);
    --_stroke-linejoin: var(--element-icon-stroke-linejoin);

    /* Colors */
    --_color: var(--element-icon-color);
    --_opacity: var(--element-icon-opacity);

    display: inline-block;
    vertical-align: middle;
    width: var(--_width);
    height: var(--_height);
    color: var(--_color);
    opacity: var(--_opacity);

    &.element-icon--line {
      stroke-width: var(--_stroke-width);
      stroke-linejoin: var(--_stroke-linejoin);
    }
  }
/* END_SNIPPET:element.icon */

/* START_SNIPPET:element.input (INDEX:103) */
:root {
    /* Base Layout Variables */
    --element-input-width: auto;
    --element-input-height: auto;
    --element-input-radius: var(--radius-xs);
    --element-input-padding-inline: var(--size-3);
    --element-input-padding-block: var(--size-3);

    --element-input-font-family: var(--element-text-font-family--body), var(--element-text-font-family-fallback--body);
    --element-input-font-size: var(--element-text-font-size--body-md);
    --element-input-line-height: var(--element-text-line-height--body);
    --element-input-letter-spacing: var(--element-text-letter-spacing--body-md);

    /* Base Outline Variables */
    --element-input-box-shadow-horizontal-offset: 0;
    --element-input-box-shadow-vertical-offset: 0;
    --element-input-box-shadow-blur-radius: 0;
    --element-input-box-shadow-spread-radius: 1px;

    /* Base Colors Variables */
    --element-input-color-primary: initial;
    --element-input-color-secondary: initial;
    --element-input-box-shadow-shade: 12%;
    --element-input-background-shade: 0%;
    --element-input-text-shade: 70%;
    --element-input-text-shade-placeholder: 50%;

    /* Active State Variables */
    --element-input-box-shadow-spread-radius--active: 2px;
    --element-input-box-shadow-shade--active: var(--element-input-box-shadow-shade);
    --element-input-background-shade--active: var(--element-input-background-shade);
    --element-input-text-shade--active: 100%;
    --element-input-box-shadow-color--active: var(--color-focus, #4a9afc);

    /* Focus State Variables */
    --element-input-box-shadow-spread-radius--focus: 2px;
    --element-input-box-shadow-shade--focus: var(--element-input-box-shadow-shade);
    --element-input-background-shade--focus: var(--element-input-background-shade);
    --element-input-text-shade--focus: var(--element-input-text-shade);
    --element-input-box-shadow-color--focus: var(--color-focus, #4a9afc);

    /* Hover State Variables */
    --element-input-box-shadow-spread-radius--hover: 2px;
    --element-input-box-shadow-shade--hover: var(--element-input-box-shadow-shade);
    --element-input-background-shade--hover: 4%;
    --element-input-text-shade--hover: 100%;

    /* Disabled State Variables */
    --element-input-box-shadow-spread-radius--disabled: 2px;
    --element-input-box-shadow-shade--disabled: 8%;
    --element-input-background-shade--disabled: 8%;
    --element-input-text-shade--disabled: 20%;

    /* Error State Variables */
    --element-input-box-shadow-spread-radius--error: 2px;
    --element-input-box-shadow-shade--error: 8%;
    --element-input-background-shade--error: initial;
    --element-input-text-shade--error: 100%;
    --element-input-box-shadow-color--error: var(--color-error, #ff0000);
  }

  .element-input {
    /* Base Layout*/
    --_width: var(--element-input-width);
    --_height: var(--element-input-height);
    --_radius: var(--element-input-radius);
    --_padding-inline: var(--element-input-padding-inline);
    --_padding-block: var(--element-input-padding-block);

    /* Base Typography */
    --_font-family: var(--element-input-font-family);
    --_font-size: var(--element-input-font-size);
    --_line-height: var(--element-input-line-height);
    --_letter-spacing: var(--element-input-letter-spacing);

    /* Base Colors */
    --_color-primary: var(--element-input-color-primary, var(--root-color-primary, #000));
    --_color-secondary: var(--element-input-color-secondary, var(--root-color-secondary, #fff));
    --_color-error: var(--element-input-color-error);
    --_color-active: var(--element-input-color-active);
    --_shade-box-shadow: var(--element-input-box-shadow-shade);
    --_shade-background: var(--element-input-background-shade);
    --_shade-text: var(--element-input-text-shade);
    --_shade-text-placeholder: var(--element-input-text-shade-placeholder);

    --_color-background: color-mix(in srgb, var(--_color-primary) var(--_shade-background), var(--_color-secondary));
    --_color-text: color-mix(in srgb, var(--_color-primary) var(--_shade-text), var(--_color-secondary));
    --_color-text-placeholder: color-mix(
      in srgb,
      var(--_color-primary) var(--_shade-text-placeholder),
      var(--_color-secondary)
    );
    --_color-box-shadow: color-mix(in srgb, var(--_color-primary) var(--_shade-box-shadow), var(--_color-secondary));

    /* Base Outline */
    --_box-shadow-horizontal-offset: var(--element-input-box-shadow-horizontal-offset);
    --_box-shadow-vertical-offset: var(--element-input-box-shadow-vertical-offset);
    --_box-shadow-blur-radius: var(--element-input-box-shadow-blur-radius);
    --_box-shadow-spread-radius: var(--element-input-box-shadow-spread-radius);
    --_box-shadow: inset var(--_box-shadow-horizontal-offset) var(--_box-shadow-vertical-offset)
      var(--_box-shadow-blur-radius) var(--_box-shadow-spread-radius) var(--_color-box-shadow);

    display: flex;
    align-items: center;
    position: relative;
    border: none;
    outline: none;
    padding-inline: var(--_padding-inline);
    padding-block: var(--_padding-block);
    width: var(--_width);
    height: var(--_height);
    border-radius: var(--_radius);
    box-shadow: var(--_box-shadow);
    background-color: var(--_color-background);
    color: var(--_color-text);
    font-family: var(--_font-family);
    font-size: var(--_font-size);
    line-height: var(--_line-height);
    letter-spacing: var(--_letter-spacing);

    &::placeholder {
      color: var(--_color-text-placeholder);
    }

    &:hover:not(:disabled) {
      --_box-shadow-spread-radius: var(--element-input-box-shadow-spread-radius--hover);
      --_shade-box-shadow: var(--element-input-box-shadow-shade--hover);
      --_shade-background: var(--element-input-background-shade--hover);
      --_shade-text: var(--element-input-text-shade--hover);
    }

    &:active {
      --_box-shadow-spread-radius: var(--element-input-box-shadow-spread-radius--active);
      --_shade-box-shadow: var(--element-input-box-shadow-shade--active);
      --_shade-background: var(--element-input-background-shade--active);
      --_shade-text: var(--element-input-text-shade--active);
      --_color-box-shadow: var(--element-input-box-shadow-color--active);
    }

    &:focus {
      --_box-shadow-spread-radius: var(--element-input-box-shadow-spread-radius--focus);
      --_shade-box-shadow: var(--element-input-box-shadow-shade--focus);
      --_shade-background: var(--element-input-background-shade--focus);
      --_shade-text: var(--element-input-text-shade--focus);
      --_color-box-shadow: var(--element-input-box-shadow-color--focus);
    }

    &:disabled {
      --_box-shadow-spread-radius: var(--element-input-box-shadow-spread-radius--disabled);
      --_shade-box-shadow: var(--element-input-box-shadow-shade--disabled);
      --_shade-background: var(--element-input-background-shade--disabled);
      --_shade-text: var(--element-input-text-shade--disabled);
      cursor: not-allowed;
    }

    &[aria-invalid='true'] {
      --_box-shadow-spread-radius: var(--element-input-box-shadow-spread-radius--error);
      --_shade-box-shadow: var(--element-input-box-shadow-shade--error);
      --_shade-background: var(--element-input-background-shade--error);
      --_shade-text: var(--element-input-text-shade--error);
      --_color-box-shadow: var(--element-input-box-shadow-color--error);
    }

    & ~ button {
      --element-button-height: 100%;
    }
  }

  .element-input--inverted {
    --_color-secondary: var(--element-input-color-primary, var(--color-primary, #000));
    --_color-primary: var(--element-input-color-secondary, var(--color-secondary, #fff));
  }

  .element-input--transparent {
    --_color-primary: var(--element-input-color-primary, var(--color-primary, #000));
    --_color-secondary: transparent;
  }

  .element-input--inverted.element-input--transparent {
    --_color-primary: var(--element-input-color-secondary, var(--rootcolor-secondary, #fff));
    --_color-secondary: transparent;
  }

  .element-input--inline {
    --_radius: var(--radius-none);
    --_box-shadow: inset 0 calc(var(--_box-shadow-spread-radius) * -1) 0 0 var(--_color-box-shadow);
  }

  .element-input--full {
    --_width: 100%;
  }

  /* Date input specific styles */
  .element-input[type="date"] {
    text-align: left;
    padding-right: var(--size-8); /* Space for calendar icon */
  }

  .element-input[type="date"]::-webkit-calendar-picker-indicator {
    position: absolute;
    right: var(--_padding-inline);
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    width: var(--size-4);
    height: var(--size-4);
  }

  .element-input[type="date"]::-webkit-datetime-edit {
    width: 100%;
  }

  .element-input[type="date"]::-webkit-datetime-edit-fields-wrapper {
    width: 100%;
  }
/* END_SNIPPET:element.input */

/* START_SNIPPET:element.placeholder (INDEX:105) */
.element-placeholder {
    fill: #999;
    background-color: #e1e1e1;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    display: block;
    padding: 30px 0;
  }

  .element-placeholder--no-padding {
    padding: 0;
  }
/* END_SNIPPET:element.placeholder */

/* START_SNIPPET:element.quantity-selector (INDEX:106) */
.element-quantity-selector {
    --element-input-color-primary: var(--color-primary, #000);
    --element-input-color-secondary: var(--color-secondary, #fff);

    width: fit-content;
    display: inline-block;
    position: relative;
    overflow: visible;
    pointer-events: auto;

    &.is-loading {
      opacity: 0.5;
      pointer-events: none;
    }
  }

  .element-quantity-selector__input {
    --element-input-radius: var(--element-button-radius);
    --element-input-padding-inline: calc(
      var(--element-input-line-height) * var(--element-input-font-size) + 2 * var(--element-input-padding-block)
    );
    --element-input-width: max(calc(var(--digit-count, 1ch) + 2 * var(--size-1)), 32px);
    box-sizing: content-box;
    text-align: center;
  }

  .element-quantity-selector__button {
    --element-button-border-width: 0;
    --element-button-color-primary: var(--element-input-color-primary, var(--root-color-primary, #000));
    --element-button-color-secondary: var(--element-input-color-secondary, var(--root-color-secondary, #fff));

    position: absolute;
    top: 0;
    height: 100%;
    aspect-ratio: 1;
    border: 1px solid transparent;
    background-clip: padding-box;
    z-index: 1;

    &:has(+ .element-quantity-selector__input:focus),
    .element-quantity-selector__input:focus + & {
      border-width: var(--element-input-box-shadow-spread-radius--hover);
    }

    &:is(.element-quantity-selector__button--minus) {
      border-radius: var(--element-button-radius) 0 0 var(--element-button-radius);
      left: 0;
    }

    &:is(.element-quantity-selector__button--plus) {
      border-radius: 0 var(--element-button-radius) var(--element-button-radius) 0;
      right: 0;
    }
  }
/* END_SNIPPET:element.quantity-selector */

/* START_SNIPPET:element.radio (INDEX:107) */
:root {
    --element-radio-size: var(--size-5);
    --element-radio-dot-size: var(--size-2-5);
    --element-radio-dot-opacity: 0;
    --element-radio-radius: 50%;
    --element-radio-gap: var(--size-2);
    --element-radio-border-width: 1px;
    --element-radio-border-width--focus: 2px;

    --element-radio-color-primary: initial;
    --element-radio-color-secondary: initial;
    --element-radio-color-focus: var(--color-focus);
    --element-radio-shade-background: 0%;
    --element-radio-shade-background--hover: 4%;
    --element-radio-shade-background--checked: 100%;
    --element-radio-shade-background--disabled: 8%;
    --element-radio-shade-border: 12%;
    --element-radio-shade-border--disabled: 8%;
  }

  .element-radio {
    /* Layout & Typography */
    --_size: var(--element-radio-size);
    --_dot-size: var(--element-radio-dot-size);
    --_dot-opacity: var(--element-radio-dot-opacity);
    --_radius: var(--element-radio-radius);
    --_gap: var(--element-radio-gap);
    --_border-width: var(--element-radio-border-width);

    /* Colors */
    --_color-primary: var(--element-radio-color-primary, var(--color-primary));
    --_color-secondary: var(--element-radio-color-secondary, var(--color-secondary));
    --_color-focus: var(--element-radio-color-focus, var(--color-focus, #4a9afc));
    --_shade-background: var(--element-radio-shade-background);
    --_shade-border: var(--element-radio-shade-border);

    --_box-shadow: 0 0 0 var(--_border-width) color-mix(in srgb, var(--_color-primary) var(--_shade-border), var(--_color-secondary));

    @media (max-width: 768px) {
      --_size: var(--radio-size, var(--size-4));
      --_dot-size: var(--radio-dot-size, var(--size-2));
    }

    position: relative;
    margin: 0;
    display: inline-flex;
    align-items: center;
    gap: var(--_gap);
    cursor: pointer;

    input[type='radio'] {
      position: absolute;
      opacity: 0;
      inset: 0;
      cursor: pointer;
    }

    &:hover {
      --_shade-background: var(--element-radio-shade-background--hover);
    }

    &:has(input[type='radio']:checked) {
      --_dot-opacity: 1;
      --_shade-background: var(--element-radio-shade-background--checked);
    }

    &:has(input[type='radio']:focus-visible) {
      --_border-width: var(--element-radio-border-width--focus);
      --_box-shadow: 0 0 0 var(--_border-width) var(--_color-focus);
    }

    &:has(input[type='radio']:disabled) {
      --_shade-background: var(--element-radio-shade-background--disabled);
      --_shade-border: var(--element-radio-shade-border--disabled);
      cursor: not-allowed;
    }
  }

  .element-radio__icon {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--_size);
    height: var(--_size);
    border-radius: var(--_radius);
    box-shadow: var(--_box-shadow);
    background-color: color-mix(in srgb, var(--_color-primary) var(--_shade-background), var(--_color-secondary));

    &::before {
      content: '';
      width: var(--_dot-size);
      height: var(--_dot-size);
      background-color: var(--_color-secondary);
      border-radius: 50%;
      opacity: var(--_dot-opacity);
    }
  }
/* END_SNIPPET:element.radio */

/* START_SNIPPET:element.select (INDEX:108) */
element-select {
    display: inline-block;
    position: relative;
  }

  /* Ensure the custom element inherits the wrapper styles */
  element-select.element-select__wrapper {
    position: relative;
    display: inline-block;
  }

  element-select.element-select__wrapper select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
    /* Ensure the select is focusable and visible to screen readers */
    pointer-events: auto;
  }

  /* Focus state for the wrapper */
  element-select.element-select__wrapper--focused .element-button {
    --_box-shadow: 0 0 0 var(--element-input-box-shadow-spread-radius--focus) color-mix(in srgb, var(--color-primary) var(--element-input-box-shadow-shade--focus), transparent);
  }

  element-select select:focus-visible + .element-button {
    --_border-width: var(--element-input-box-shadow-spread-radius--focus);
    --_box-shadow: inset 0 0 0 var(--_border-width) var(--_color-focus);
  }

  /* Ensure the button takes full width */
  element-select .element-button {
    width: 100%;
    justify-content: space-between;
  }
/* END_SNIPPET:element.select */

/* START_SNIPPET:element.swatch (INDEX:109) */
.element-swatch {
    /* Layout */
    --_size-small: var(--element-swatch-size-small, var(--size-4));
    --_size-large: var(--element-swatch-size-large, var(--size-8));
    --_size-mobile-ratio: var(--element-swatch-size-mobile-ratio, 0.875); /* 3.5/4 for small, 6/8 for large (0.75) */
    --_size: var(--_size-small);
    --_radius: var(--element-swatch-radius, var(--radius-full));
    --_border-width: var(--element-swatch-border-width, var(--size-0-25));
    --_outline-width: var(--element-swatch-outline-width, 3px);
    --_line-disabled-width: var(
      --element-swatch-line-disabled-width,
      max(var(--size-0-25), calc(var(--_size) * 0.0625))
    );

    /* Colors */
    --_color-primary: var(--color-primary, #000);
    --_color-secondary: var(--color-secondary, #fff);
    --_color-background: var(--element-swatch-color-background, var(--_color-primary));
    --_color-background-image: var(--element-swatch-color-background-image, none);
    --_color-border: var(--element-swatch-color-border, var(--_color-primary));
    --_color-disabled: var(--element-swatch-color-disabled, none);
    --_color-focus: var(--element-swatch-color-focus, var(--color-focus, #4a9afc));
    --_shade-inset: var(--element-swatch-shade-inset, 16%);
    --_shade-outer: var(--element-swatch-shade-outer, 0%);
    --_shade-outer-hover: var(--element-swatch-shade-outer-hover, 20%);
    --_shade-outer-selected: var(--element-swatch-shade-outer-selected, 100%);

    display: inline-block;
    background: var(--_color-disabled), var(--_color-background-image) center / cover, var(--_color-background);
    width: var(--_size);
    height: var(--_size);
    border-radius: var(--_radius);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--_color-secondary) 100%, transparent),
      0 0 0 var(--_outline-width) color-mix(in srgb, var(--_color-primary) var(--_shade-outer), transparent),
      inset 0 0 0 var(--_border-width) color-mix(in srgb, var(--_color-border) var(--_shade-inset), transparent);
    outline: 0;

    @media only screen and (max-width: 768px) {
      --_size: calc(var(--_size-small) * var(--_size-mobile-ratio));
    }

    label:hover &,
    &:hover {
      --_outline-width: 4px;
      --_shade-outer: var(--_shade-outer-hover);
    }

    &:focus,
    input:checked ~ &,
    .element-swatch--selected {
      --_shade-outer: var(--_shade-outer-selected);
    } 

    /* Focus State */
    &:focus-visible,
    input[type='radio']:focus-visible ~ & {
      --_color-primary: var(--_color-focus);
      --_outline-width: 4px;
    }
  }

  .element-swatch--large {
    --_size: var(--_size-large);

    @media only screen and (max-width: 768px) {
      --_size: calc(var(--_size-large) * var(--_size-mobile-ratio));
    }
  }

  .element-swatch--disabled,
  .disabled > input[type='radio'] ~ &,
  input:disabled + & {
    --_color-disabled: linear-gradient(
      to bottom right,
      transparent calc(50% - var(--_line-disabled-width)),
      var(--color-secondary) calc(50% - var(--_line-disabled-width)) calc(50% + var(--_line-disabled-width)),
      transparent calc(50% + var(--_line-disabled-width))
    );
  }
/* END_SNIPPET:element.swatch */

/* START_SNIPPET:element.text--body (INDEX:110) */
/* Public Body Variables */
  :root {
    /* Body Font Styles */
    --element-text-font-family--body: 'Arial';
    --element-text-font-family-fallback--body: 'sans-serif';
    --element-text-font-weight--body: var(--font-weight-400);
    --element-text-letter-spacing--body: var(--letter-space-md);
    --element-text-text-transform--body: none;
    
    /* Body Color */
    --element-text-color--body: initial;
    
    /* Body Font Sizes */
    --element-text-font-size--body: initial;
    --element-text-font-size--body-xs: var(--text-size-3);
    --element-text-font-size--body-sm: var(--text-size-3-5);
    --element-text-font-size--body-md: var(--text-size-4);
    --element-text-font-size--body-lg: var(--text-size-4-5);
    
    /* Body Line Heights */
    --element-text-line-height--body: var(--line-height-md);
    --element-text-line-height--body-xs: initial;
    --element-text-line-height--body-sm: initial;
    --element-text-line-height--body-md: initial;
    --element-text-line-height--body-lg: initial;
  }

  .element-text:is([class*="element-text--body"]) {
    /* Body Font Styles */
    --_font-family--body: var(--_font-family, var(--element-text-font-family--body));
    --_font-family-fallback--body: var(--_font-family-fallback, var(--element-text-font-family-fallback--body));
    --_font-weight--body: var(--_font-weight, var(--element-text-font-weight--body));
    --_letter-spacing--body: var(--_letter-spacing, var(--element-text-letter-spacing--body));
    --_text-transform--body: var(--_text-transform, var(--element-text-text-transform--body));

    /* Body Color */
    --_color--body: var(--_color, var(--element-text-color--body, currentColor));

    /* Body Font Sizes */
    --_font-size--body: var(--_font-size, var(--element-text-font-size--body));
    --_font-size--body-xs: var(--_font-size--body, var(--element-text-font-size--body-xs));
    --_font-size--body-sm: var(--_font-size--body, var(--element-text-font-size--body-sm));
    --_font-size--body-md: var(--_font-size--body, var(--element-text-font-size--body-md));
    --_font-size--body-lg: var(--_font-size--body, var(--element-text-font-size--body-lg));

    /* Body Line Heights */
    --_line-height--body: var(--_line-height, var(--element-text-line-height--body));
    --_line-height--body-xs: var(--element-text-line-height--body-xs, var(--_line-height--body));
    --_line-height--body-sm: var(--element-text-line-height--body-sm, var(--_line-height--body));
    --_line-height--body-md: var(--element-text-line-height--body-md, var(--_line-height--body));
    --_line-height--body-lg: var(--element-text-line-height--body-lg, var(--_line-height--body));

    font-family: var(--_font-family--body), var(--_font-family-fallback--body);
    font-weight: var(--_font-weight--body);
    letter-spacing: var(--_letter-spacing--body);
    text-transform: var(--_text-transform--body);
    color: var(--_color--body);

    &:where(.element-text--body-xs) {
      --_font-size: var(--_font-size--body-xs); 
      line-height: var(--_line-height--body-xs);
    }

    &:where(.element-text--body-sm) {
      font-size: var(--_font-size--body-sm);
      line-height: var(--_line-height--body-sm);
    }

    &:where(.element-text--body-md) {
      font-size: var(--_font-size--body-md);
      line-height: var(--_line-height--body-md);
    } 

    &:where(.element-text--body-lg) {
      font-size: var(--_font-size--body-lg);
      line-height: var(--_line-height--body-lg);
    }
  }
/* END_SNIPPET:element.text--body */

/* START_SNIPPET:element.text--heading (INDEX:111) */
/* Public Heading Variables */
  :root {
    /* Heading Font Styles */
    --element-text-font-family--heading: 'Arial';
    --element-text-font-family-fallback--heading: 'sans-serif';
    --element-text-font-weight--heading: var(--font-weight-700);
    --element-text-letter-spacing--heading: var(--letter-space-md);
    --element-text-text-transform--heading: none;
    
    /* Heading Color */
    --element-text-color--heading: initial;
    
    /* Heading Font Sizes */
    --element-text-font-size--heading: initial;
    --element-text-font-size--heading-2xl: var(--text-size-12);
    --element-text-font-size--heading-xl: var(--text-size-8);
    --element-text-font-size--heading-lg: var(--text-size-6);
    --element-text-font-size--heading-md: var(--text-size-5);
    --element-text-font-size--heading-sm: var(--text-size-4-5);
    --element-text-font-size--heading-xs: var(--text-size-4);
    --element-text-font-size--heading-2xs: var(--text-size-3-5);
    
    /* Heading Line Heights */
    --element-text-line-height--heading: var(--line-height-md);
    --element-text-line-height--heading-2xl: initial;
    --element-text-line-height--heading-xl: initial;
    --element-text-line-height--heading-lg: initial;
    --element-text-line-height--heading-md: initial;
    --element-text-line-height--heading-sm: initial;
    --element-text-line-height--heading-xs: initial;
    --element-text-line-height--heading-2xs: initial;
  } 

  .element-text:is([class*="element-text--heading"]) {
    /* Heading Font Styles */
    --_font-family--heading: var(--_font-family, var(--element-text-font-family--heading));
    --_font-family-fallback--heading: var(--_font-family-fallback, var(--element-text-font-family-fallback--heading));
    --_font-weight--heading: var(--_font-weight, var(--element-text-font-weight--heading));
    --_letter-spacing--heading: var(--_letter-spacing, var(--element-text-letter-spacing--heading));
    --_text-transform--heading: var(--_text-transform, var(--element-text-text-transform--heading));

    /* Heading Color */
    --_color--heading: var(--_color, var(--element-text-color--heading, currentColor));

    /* Heading Font Sizes */
    --_font-size--heading: var(--_font-size, var(--element-text-font-size--heading));
    --_font-size--heading-2xl: var(--_font-size--heading, var(--element-text-font-size--heading-2xl));
    --_font-size--heading-xl: var(--_font-size--heading, var(--element-text-font-size--heading-xl));
    --_font-size--heading-lg: var(--_font-size--heading, var(--element-text-font-size--heading-lg));
    --_font-size--heading-md: var(--_font-size--heading, var(--element-text-font-size--heading-md));
    --_font-size--heading-sm: var(--_font-size--heading, var(--element-text-font-size--heading-sm));
    --_font-size--heading-xs: var(--_font-size--heading, var(--element-text-font-size--heading-xs));

    /* Heading Line Heights */
    --_line-height--heading: var(--_line-height, var(--element-text-line-height--heading));
    --_line-height--heading-2xl: var(--element-text-line-height--heading-2xl, var(--_line-height--heading));
    --_line-height--heading-xl: var(--element-text-line-height--heading-xl, var(--_line-height--heading));
    --_line-height--heading-lg: var(--element-text-line-height--heading-lg, var(--_line-height--heading));
    --_line-height--heading-md: var(--element-text-line-height--heading-md, var(--_line-height--heading));
    --_line-height--heading-sm: var(--element-text-line-height--heading-sm, var(--_line-height--heading));
    --_line-height--heading-xs: var(--element-text-line-height--heading-xs, var(--_line-height--heading));

    font-family:var(--_font-family--heading), var(--_font-family-fallback--heading);
    font-weight: var(--_font-weight--heading);
    letter-spacing: var(--_letter-spacing--heading);
    text-transform: var(--_text-transform--heading);
    color: var(--_color--heading);

    &:where(.element-text--heading-2xs) {
      font-size: var(--_font-size--heading-2xs);
      line-height: var(--_line-height--heading-2xs);
    }
  
    &:where(.element-text--heading-xs) {
      font-size: var(--_font-size--heading-xs);
      line-height: var(--_line-height--heading-xs);
    }

    &:where(.element-text--heading-sm) {
      font-size: var(--_font-size--heading-sm);
      line-height: var(--_line-height--heading-sm);
    }

    &:where(.element-text--heading-md) {
      font-size: var(--_font-size--heading-md);
      line-height: var(--_line-height--heading-md);
    }

    &:where(.element-text--heading-lg) {
      font-size: var(--_font-size--heading-lg);
      line-height: var(--_line-height--heading-lg);
    }

    &:where(.element-text--heading-xl) {
      font-size: var(--_font-size--heading-xl);
      line-height: var(--_line-height--heading-xl);
    }

    &:where(.element-text--heading-2xl) {
      font-size: var(--_font-size--heading-2xl);
      line-height: var(--_line-height--heading-2xl);
    }
  }
/* END_SNIPPET:element.text--heading */

/* START_SNIPPET:element.text--rte (INDEX:112) */
/* Public RTE Variables */
  :root {
    /* Body Font Stack */
    --element-text-font-family--rte-body: var(--element-text-font-family--body);
    --element-text-font-family-fallback--rte-body: var(--element-text-font-family-fallback--body);
    --element-text-font-weight--rte-body: var(--element-text-font-weight--body);
    --element-text-letter-spacing--rte-body: var(--element-text-letter-spacing--body);
    --element-text-line-height--rte-body: var(--element-text-line-height--body);
    --element-text-text-transform--rte-body: var(--element-text-text-transform--body);

    /* Body Font Sizes */
    --element-text-font-size--rte-body: var(--element-text-font-size--body-md);
    --element-text-line-height--rte-body: var(--element-text-line-height--body);

    /* Heading Font Stack */
    --element-text-font-family--rte-heading: var(--element-text-font-family--heading);
    --element-text-font-family-fallback--rte-heading: var(--element-text-font-family-fallback--heading);
    --element-text-font-weight--rte-heading: var(--element-text-font-weight--heading);
    --element-text-letter-spacing--rte-heading: var(--element-text-letter-spacing--heading);
    --element-text-text-transform--rte-heading: var(--element-text-text-transform--heading);

    /* Heading Font Sizes */
    --element-text-font-size--rte-heading-h1: var(--element-text-font-size--heading-xl);
    --element-text-line-height--rte-heading-h1: var(--element-text-line-height--heading-xl);
    --element-text-font-size--rte-heading-h2: var(--element-text-font-size--heading-lg);
    --element-text-line-height--rte-heading-h2: var(--element-text-line-height--heading-lg);
    --element-text-font-size--rte-heading-h3: var(--element-text-font-size--heading-md);
    --element-text-line-height--rte-heading-h3: var(--element-text-line-height--heading-md);
    --element-text-font-size--rte-heading-h4: var(--element-text-font-size--heading-sm);
    --element-text-line-height--rte-heading-h4: var(--element-text-line-height--heading-sm);
    --element-text-font-size--rte-heading-h5: var(--element-text-font-size--heading-xs);
    --element-text-line-height--rte-heading-h5: var(--element-text-line-height--heading-xs);
    --element-text-font-size--rte-heading-h6: var(--element-text-font-size--heading-xs);
  }

  .element-text.element-text--rte {
    /* Body Font Stack */
    --_font-family--rte-body: var(--element-text-font-family--rte-body);
    --_font-family-fallback--rte-body: var(--element-text-font-family-fallback--rte-body);
    --_font-weight--rte-body: var(--element-text-font-weight--rte-body);
    --_letter-spacing--rte-body: var(--element-text-letter-spacing--rte-body);
    --_text-transform--rte-body: var(--element-text-text-transform--rte-body);

    /* Body Font Sizes */
    --_line-height--rte-body: var(--element-text-line-height--rte-body);
    --_font-size--rte-body: var(--element-text-font-size--rte-body);

    /* Heading Font Stack */
    --_font-family--rte-heading: var(--element-text-font-family--rte-heading);
    --_font-family-fallback--rte-heading: var(--element-text-font-family-fallback--rte-heading);
    --_font-weight--rte-heading: var(--element-text-font-weight--rte-heading);
    --_letter-spacing--rte-heading: var(--element-text-letter-spacing--rte-heading);
    --_text-transform--rte-heading: var(--element-text-text-transform--rte-heading);

    /* Heading Font Sizes */
    --_font-size--rte-heading-h1: var(--element-text-font-size--rte-heading-h1);
    --_line-height--rte-heading-h1: var(--element-text-line-height--rte-heading-h1);
    --_font-size--rte-heading-h2: var(--element-text-font-size--rte-heading-h2);
    --_line-height--rte-heading-h2: var(--element-text-line-height--rte-heading-h2);
    --_font-size--rte-heading-h3: var(--element-text-font-size--rte-heading-h3);
    --_line-height--rte-heading-h3: var(--element-text-line-height--rte-heading-h3);
    --_font-size--rte-heading-h4: var(--element-text-font-size--rte-heading-h4);
    --_line-height--rte-heading-h4: var(--element-text-line-height--rte-heading-h4);
    --_font-size--rte-heading-h5: var(--element-text-font-size--rte-heading-h5);
    --_line-height--rte-heading-h5: var(--element-text-line-height--rte-heading-h5);
    --_font-size--rte-heading-h6: var(--element-text-font-size--rte-heading-h6);
    --_line-height--rte-heading-h6: var(--element-text-line-height--rte-heading-h6);

    font-size: var(--_font-size--rte-body);
    font-family: var(--_font-family--rte-body), var(--_font-family-fallback--rte-body);
    font-weight: var(--_font-weight--rte-body);
    letter-spacing: var(--_letter-spacing--rte-body);
    text-transform: var(--_text-transform--rte-body);
    line-height: var(--_line-height--rte-body);

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      font-family: var(--_font-family--rte-heading), var(--_font-family-fallback--rte-heading);
      font-weight: var(--_font-weight--rte-heading);
      letter-spacing: var(--_letter-spacing--rte-heading);
      text-transform: var(--_text-transform--rte-heading);
      margin: 0 0 var(--size-4);

      @media only screen and (min-width: 769px) {
        margin: 0 0 var(--size-5);
      }
    }

    h6 {
      font-size: var(--_font-size--rte-heading-h6);
      line-height: var(--_line-height--rte-heading-h6);
    }

    h5 {
      font-size: var(--_font-size--rte-heading-h5);
      line-height: var(--_line-height--rte-heading-h5);
    }

    h4 {
      font-size: var(--_font-size--rte-heading-h4);
      line-height: var(--_line-height--rte-heading-h4);
    }

    h3 {
      font-size: var(--_font-size--rte-heading-h3);
      line-height: var(--_line-height--rte-heading-h3);
    }

    h2 {
      font-size: var(--_font-size--rte-heading-h2);
      line-height: var(--_line-height--rte-heading-h2);
    }

    h1 {
      font-size: var(--_font-size--rte-heading-h1);
      line-height: var(--_line-height--rte-heading-h1);
    }

    a {
      text-decoration: underline;
    }

    p {
      margin-bottom: var(--size-8);

      &:last-child {
        margin-bottom: 0;
      }
    }

    & table {
      @media only screen and (max-width: 768px) {
        & td,
        & th {
          padding: 6px 8px;
        }
      }
    }

    .table-wrapper {
      max-width: 100%;
      overflow: auto;
      -webkit-overflow-scrolling: touch;
    }

    .video-wrapper {
      position: relative;
      overflow: hidden;
      max-width: 100%;
      padding-bottom: 56.25%;

      & iframe,
      & video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
      }
    }
  }
/* END_SNIPPET:element.text--rte */

/* START_SNIPPET:element.text (INDEX:113) */
:root {
    --element-text-font-family: initial;
    --element-text-font-family-fallback: initial;
    --element-text-font-weight: initial;
    --element-text-letter-spacing: initial;
    --element-text-text-transform: initial;
    --element-text-line-height: initial;
    --element-text-color: initial;
    --element-text-font-size: initial;
  }

  .element-text {
    /* Base Typography Variables */
    --_font-family: var(--element-text-font-family);
    --_font-family-fallback: var(--element-text-font-family-fallback);
    --_font-weight: var(--element-text-font-weight);
    --_letter-spacing: var(--element-text-letter-spacing);
    --_text-transform: var(--element-text-text-transform);
    --_line-height: var(--element-text-line-height);
    --_color: var(--element-text-color, currentColor);
    --_font-size: var(--element-text-font-size);

    font-family: var(--_font-family), var(--_font-family-fallback);
    font-weight: var(--_font-weight);
    letter-spacing: var(--_letter-spacing);
    text-transform: var(--_text-transform);
    line-height: var(--_line-height);
    color: var(--_color);
    font-size: var(--_font-size);
    margin: 0;
    -webkit-font-smoothing: antialiased;

    &.element-text--price {
      sup {
        top: -0.5em;
        font-size: 60%;
      }
    }

    &.element-text--align-start {
      text-align: start;
    }

    &.element-text--align-center {
      text-align: center;
    }

    &.element-text--align-end {
      text-align: end;
    }

    &.element-text--align-justify {
      text-align: justify;
    }

    &.element-text--break-word {
      word-break: break-word;
    }

    &.element-text--truncate {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    &.element-text--visually-hidden {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      border: 0;
    }

    &.element-text--line-through {
      text-decoration: line-through;
    }

    &.element-text--line-through.element-text--price-superscript {
      text-decoration: none;

      span {
        text-decoration: line-through;
      }
      
      sup {
        text-decoration: line-through;
        position: relative;
        top: -0.5em;
        font-size: 60%;
      }
    }

    &.element-text--underline {
      text-decoration: underline;
    }

    &.element-text--uppercase {
      text-transform: uppercase;
    }

    &.element-text--lowercase {
      text-transform: lowercase;
    }

    &.element-text--capitalize {
      text-transform: capitalize;
    }
  }
/* END_SNIPPET:element.text */

/* START_SNIPPET:element.video (INDEX:114) */
video-media {
    --default-aspect-ratio: 16 / 9;

    display: block;
    position: relative;
    width: 100%;
    aspect-ratio: var(--aspect-ratio, var(--default-aspect-ratio));
  }

  video-media > :is(video, iframe, img, svg) {
    border-radius: inherit;
    width: 100%;
    height: 100%;
    transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
  }

  video-media > img,
  video-media > svg,
  video-media > video:not(:fullscreen) {
    object-fit: cover;
    object-position: center;
  }

  .element-video[data-background='true'] > video-media,
  .element-video[data-background='true'] > .element-placeholder {
    position: absolute;
    height: 100%;
    width: 100%;
  }

  .element-video.aspect-ratio--square {
    --aspect-ratio: 1 / 1;
    aspect-ratio: 1 / 1;
  }

  .element-video.aspect-ratio--portrait {
    --aspect-ratio: 9 / 16;
    aspect-ratio: 9 / 16;
  }

  .element-video.aspect-ratio--landscape,
  .element-video.aspect-ratio--16-9 {
    --aspect-ratio: 16 / 9;
    aspect-ratio: 16 / 9;
  }

  video-media:not([loaded]) > :is(video, iframe),
  video-media[loaded] > img,
  video-media[loaded] > svg {
    visibility: hidden;
    opacity: 0;
  }
/* END_SNIPPET:element.video */

/* START_SNIPPET:form.product (INDEX:121) */
.product-form__submit-button--pulsing {
    animation: product-form-pulse 1.5s ease-in-out infinite;
    pointer-events: none;
    opacity: 0.6;
  }
  
  @keyframes product-form-pulse {
    0%, 100% { opacity: 0.6; }
    50% { opacity: 1; }
  }
/* END_SNIPPET:form.product */

/* START_SNIPPET:form.product.messages (INDEX:122) */
product-form-messages {
    display: inline;
  }

  product-form-messages.hide {
    display: none;
  }
/* END_SNIPPET:form.product.messages */

/* START_SNIPPET:kit.button (INDEX:132) */
.kit-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5em;
    font-family: var(--kit-font-family-body);
    border-radius: var(--kit-radius-md);
    cursor: pointer;
    text-decoration: none;
    border: none;
    transition: background var(--kit-transition-normal);
    line-height: var(--kit-body-line-height);
    letter-spacing: var(--kit-body-letter-spacing);
    background: var(--kit-button-color-background);
    color: var(--kit-button-color-text);
    box-shadow: inset 0 0 0 1px var(--kit-button-color-border);
  }

  /* Variants */
  .kit-button--primary {
    --kit-button-color-background: var(--kit-color-primary-button, var(--kit-color-primary));
    --kit-button-color-text: var(--kit-color-on-primary-button, var(--kit-color-secondary));
    --kit-button-color-border: var(--kit-color-primary-button-border, var(--kit-button-color-background));
  }

  .kit-button--secondary {
    --kit-button-color-background: var(--kit-color-secondary-button, var(--kit-color-secondary));
    --kit-button-color-text: var(--kit-color-on-secondary-button, var(--kit-color-primary));
    --kit-button-color-border: var(--kit-color-secondary-button-border, var(--kit-button-color-text));
  }

  .kit-button--transparent {
    --kit-button-color-background: transparent;
    --kit-button-color-text: var(--kit-color-on-secondary-button, var(--kit-color-primary));
    --kit-button-color-border: transparent;
  }

  /* Sizes */
  .kit-button--sm {
    padding: 0.375rem 0.75rem;
    font-size: var(--kit-font-size-sm);
  }

  .kit-button--md {
    padding: 0.5rem 1.25rem;
    font-size: var(--kit-font-size-base);
  }

  .kit-button--lg {
    padding: 0.75rem 1.75rem;
    font-size: var(--kit-font-size-lg);
  }

  .kit-button--icon-only.kit-button--sm { padding: 0.375rem; }
  .kit-button--icon-only.kit-button--md { padding: 0.5rem; }
  .kit-button--icon-only.kit-button--lg { padding: 0.75rem; }

  /* States */
  .kit-button:hover {
    background: color-mix(in srgb, var(--kit-button-color-text) var(--kit-color-mix-hover), var(--kit-button-color-background));
  }

  .kit-button:active,
  .kit-button:focus-visible {
    background: color-mix(in srgb, var(--kit-button-color-text) var(--kit-color-mix-active), var(--kit-button-color-background));
  }

  .kit-button--full-width {
    width: 100%;
  }

  .kit-button--disabled {
    opacity: var(--kit-opacity-disabled);
    pointer-events: none;
  }

  /* Loading — toggled via JS:
     el.classList.add('kit-button--loading');
     el.disabled = true;                          // <button>
     el.setAttribute('aria-disabled', 'true');    // <a>
  */
  .kit-button.kit-button--loading {
    position: relative;
    pointer-events: none;
  }

  .kit-button--loading::before {
    content: '';
    position: absolute;
    inset: 1px;
    background: inherit;
    border-radius: inherit;
  }

  .kit-button.kit-button--loading::before {
    background: var(--kit-button-color-background);
  }

  .kit-button--transparent.kit-button--loading::before {
    background: var(--kit-color-secondary);
  }

  .kit-button--loading::after {
    content: '';
    position: absolute;
    inset: 0;
    margin: auto;
    width: 1em;
    height: 1em;
    border: 2px solid currentColor;
    border-top-color: transparent;
    border-radius: 50%;
    animation: kit-button-spin 0.6s linear infinite;
  }

  @keyframes kit-button-spin {
    to {
      transform: rotate(360deg);
    }
  }
/* END_SNIPPET:kit.button */

/* START_SNIPPET:kit.content-over-media (INDEX:133) */
.kit-content-over-media {
    display: grid;
    overflow: hidden;
    position: relative;

    /* Layout state — default: overlay */
    --_cols: 1fr min(var(--kit-page-width), 100%) 1fr;
    --_rows: 1fr;
    --_content-col: 2;
    --_content-row: 1;
    --_content-place: var(--com-place);
    --_content-align: var(--com-text-align);
    --_media-row: 1;
    --_overlay: '';

    grid-template-columns: var(--_cols);
    grid-template-rows: var(--_rows);

    /* Break inheritance chain for nested instances */
    --com-layout: initial;
    --com-layout-md: initial;
    --com-layout-lg: initial;
    --com-layout-xl: initial;
    --com-place: initial;
    --com-place-md: initial;
    --com-place-lg: initial;
    --com-place-xl: initial;
    --com-text-align: initial;
    --com-text-align-md: initial;
    --com-text-align-lg: initial;
    --com-text-align-xl: initial;
  }

  .kit-content-over-media__media {
    grid-column: 1 / -1;
    grid-row: var(--_media-row);
    display: grid;
  }

  .kit-content-over-media > .kit-content-over-media__media > *,
  .kit-content-over-media__media > picture > img {
    grid-area: 1 / 1;
    width: 100%;
    height: 100%;
    min-height: 0;
    object-fit: cover;
  }

  .kit-content-over-media--overlay::after {
    content: var(--_overlay);
    grid-column: 1 / -1;
    grid-row: var(--_media-row);
    background: color-mix(in srgb, var(--kit-color-tint) var(--kit-color-mix-tint-overlay), transparent);
    z-index: 1;
    pointer-events: none;
  }

  .kit-content-over-media__content {
    grid-column: var(--_content-col);
    grid-row: var(--_content-row);
    z-index: 2;
    padding: var(--kit-section-gutter);
    place-self: var(--_content-place);
    text-align: var(--_content-align);
  }

  /* Stacking — base */
  .kit-content-over-media[style*='--com-layout: stack-below'],
  .kit-content-over-media[style*='--com-layout: stack-above'] {
    --_cols: 1fr;
    --_rows: auto auto;
    --_content-col: 1;
    --_content-row: 2;
    --_content-place: auto;
    --_media-row: 1;
    --_overlay: none;
  }

  .kit-content-over-media[style*='--com-layout: stack-above'] {
    --_content-row: 1;
    --_media-row: 2;
  }

  @media (min-width: 700px) {
    .kit-content-over-media[style*='--com-layout-md: overlay'] {
      --_cols: 1fr min(var(--kit-page-width), 100%) 1fr;
      --_rows: 1fr;
      --_content-col: 2;
      --_content-row: 1;
      --_content-place: var(--com-place);
      --_content-align: var(--com-text-align);
      --_media-row: 1;
      --_overlay: '';
    }

    .kit-content-over-media[style*='--com-layout-md: stack-below'],
    .kit-content-over-media[style*='--com-layout-md: stack-above'] {
      --_cols: 1fr;
      --_rows: auto auto;
      --_content-col: 1;
      --_content-row: 2;
      --_content-place: auto;
      --_media-row: 1;
      --_overlay: none;
    }

    .kit-content-over-media[style*='--com-layout-md: stack-above'] {
      --_content-row: 1;
      --_media-row: 2;
    }

    .kit-content-over-media[style*='--com-place-md'] {
      --_content-place: var(--com-place-md);
      --_content-align: var(--com-text-align-md);
    }
  }

  @media (min-width: 1024px) {
    .kit-content-over-media[style*='--com-layout-lg: overlay'] {
      --_cols: 1fr min(var(--kit-page-width), 100%) 1fr;
      --_rows: 1fr;
      --_content-col: 2;
      --_content-row: 1;
      --_content-place: var(--com-place);
      --_content-align: var(--com-text-align);
      --_media-row: 1;
      --_overlay: '';
    }

    .kit-content-over-media[style*='--com-layout-lg: stack-below'],
    .kit-content-over-media[style*='--com-layout-lg: stack-above'] {
      --_cols: 1fr;
      --_rows: auto auto;
      --_content-col: 1;
      --_content-row: 2;
      --_content-place: auto;
      --_media-row: 1;
      --_overlay: none;
    }

    .kit-content-over-media[style*='--com-layout-lg: stack-above'] {
      --_content-row: 1;
      --_media-row: 2;
    }

    .kit-content-over-media[style*='--com-place-lg'] {
      --_content-place: var(--com-place-lg);
      --_content-align: var(--com-text-align-lg);
    }
  }

  @media (min-width: 1200px) {
    .kit-content-over-media[style*='--com-layout-xl: overlay'] {
      --_cols: 1fr min(var(--kit-page-width), 100%) 1fr;
      --_rows: 1fr;
      --_content-col: 2;
      --_content-row: 1;
      --_content-place: var(--com-place);
      --_content-align: var(--com-text-align);
      --_media-row: 1;
      --_overlay: '';
    }

    .kit-content-over-media[style*='--com-layout-xl: stack-below'],
    .kit-content-over-media[style*='--com-layout-xl: stack-above'] {
      --_cols: 1fr;
      --_rows: auto auto;
      --_content-col: 1;
      --_content-row: 2;
      --_content-place: auto;
      --_media-row: 1;
      --_overlay: none;
    }

    .kit-content-over-media[style*='--com-layout-xl: stack-above'] {
      --_content-row: 1;
      --_media-row: 2;
    }

    .kit-content-over-media[style*='--com-place-xl'] {
      --_content-place: var(--com-place-xl);
      --_content-align: var(--com-text-align-xl);
    }
  }
/* END_SNIPPET:kit.content-over-media */

/* START_SNIPPET:kit.image (INDEX:134) */
.kit-image {
    display: block;
    max-width: 100%;
    height: auto;
  }

  .kit-image--ratio {
    width: 100%;
  }

  .kit-image--fill {
    width: 100%;
    height: 100%;
  }
/* END_SNIPPET:kit.image */

/* START_SNIPPET:kit.placeholder (INDEX:136) */
.kit-placeholder {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  .kit-placeholder svg {
    width: 100%;
    height: 100%;
    display: block;
  }

  .kit-placeholder--outline {
    fill: currentColor;
    opacity: 0.3;
  }
/* END_SNIPPET:kit.placeholder */

/* START_SNIPPET:kit.popover (INDEX:137) */
.kit-popover {
    position: absolute;
    inset: auto;
    margin: 0;
    padding: var(--kit-space-md);
    border: none;
    border-radius: var(--kit-radius-md);
    box-shadow: var(--kit-shadow-md);
    background-color: var(--kit-color-secondary);
    color: var(--kit-color-primary);
    font-family: var(--kit-font-family-body);
    font-size: var(--kit-font-size-base);
    line-height: var(--kit-body-line-height);
    letter-spacing: var(--kit-body-letter-spacing);
  }

  .kit-popover:popover-open {
    animation: kit-popover-show 150ms ease;
  }

  @keyframes kit-popover-show {
    from {
      opacity: 0;
      scale: 0.96;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .kit-popover:popover-open {
      animation: none;
    }
  }

  @media (forced-colors: active) {
    .kit-popover {
      border: solid 1px;
    }
  }
/* END_SNIPPET:kit.popover */

/* START_SNIPPET:kit.section (INDEX:138) */
.kit-section {
    width: 100%;
  }

  .kit-section__content {
    max-width: var(--kit-page-width);
    margin-inline: auto;
    padding-inline: var(--kit-section-gutter);
  }

  .kit-section--full-width > .kit-section__content {
    max-width: none;
    padding-inline: 0;
  }

  .kit-section--padding-top {
    padding-top: var(--kit-section-spacing);
  }

  .kit-section--padding-bottom {
    padding-bottom: var(--kit-section-spacing);
  }
/* END_SNIPPET:kit.section */

/* START_SNIPPET:kit.stack (INDEX:139) */
.kit-stack {
    display: flex;
    flex-direction: var(--stack-direction, column);
    gap: var(--stack-gap, 0);
    margin: 0;
    padding: 0;

    /* Break inheritance chain for nested stacks */
    --stack-direction: initial;
    --stack-direction-md: initial;
    --stack-direction-lg: initial;
    --stack-direction-xl: initial;
    --stack-gap: initial;
    --stack-gap-md: initial;
    --stack-gap-lg: initial;
    --stack-gap-xl: initial;
  }

  /* Wrap */
  .kit-stack--wrap {
    flex-wrap: wrap;
  }

  /* Align (cross-axis) */
  .kit-stack--align-start {
    align-items: flex-start;
  }

  .kit-stack--align-center {
    align-items: center;
  }

  .kit-stack--align-end {
    align-items: flex-end;
  }

  .kit-stack--align-stretch {
    align-items: stretch;
  }

  .kit-stack--align-baseline {
    align-items: baseline;
  }

  /* Justify (main-axis) */
  .kit-stack--justify-start {
    justify-content: flex-start;
  }

  .kit-stack--justify-center {
    justify-content: center;
  }

  .kit-stack--justify-end {
    justify-content: flex-end;
  }

  .kit-stack--justify-between {
    justify-content: space-between;
  }

  /* Responsive */
  @media (min-width: 700px) {
    .kit-stack[style*='--stack-direction-md'] {
      flex-direction: var(--stack-direction-md);
    }

    .kit-stack[style*='--stack-gap-md'] {
      gap: var(--stack-gap-md);
    }
  }

  @media (min-width: 1024px) {
    .kit-stack[style*='--stack-direction-lg'] {
      flex-direction: var(--stack-direction-lg);
    }

    .kit-stack[style*='--stack-gap-lg'] {
      gap: var(--stack-gap-lg);
    }
  }

  @media (min-width: 1200px) {
    .kit-stack[style*='--stack-direction-xl'] {
      flex-direction: var(--stack-direction-xl);
    }

    .kit-stack[style*='--stack-gap-xl'] {
      gap: var(--stack-gap-xl);
    }
  }
/* END_SNIPPET:kit.stack */

/* START_SNIPPET:kit.text (INDEX:140) */
.kit-text {
    font-family: inherit;
    font-size: var(--kit-font-size-base);
    font-weight: var(--kit-font-weight-normal);
    line-height: var(--kit-body-line-height);
    letter-spacing: var(--kit-body-letter-spacing);
    color: inherit;
    margin: 0;
  }

  /* Heading variants */
  .kit-text--heading-xl {
    font-family: var(--kit-font-family-heading);
    font-size: var(--kit-heading-font-size-xl);
    font-weight: var(--kit-heading-font-weight);
    line-height: var(--kit-heading-line-height);
    letter-spacing: var(--kit-heading-letter-spacing);
    text-transform: var(--kit-heading-text-transform);
  }

  .kit-text--heading-lg {
    font-family: var(--kit-font-family-heading);
    font-size: var(--kit-heading-font-size-lg);
    font-weight: var(--kit-heading-font-weight);
    line-height: var(--kit-heading-line-height);
    letter-spacing: var(--kit-heading-letter-spacing);
    text-transform: var(--kit-heading-text-transform);
  }

  .kit-text--heading-md {
    font-family: var(--kit-font-family-heading);
    font-size: var(--kit-heading-font-size-md);
    font-weight: var(--kit-heading-font-weight);
    line-height: var(--kit-heading-line-height);
    letter-spacing: var(--kit-heading-letter-spacing);
    text-transform: var(--kit-heading-text-transform);
  }

  .kit-text--heading-sm {
    font-family: var(--kit-font-family-heading);
    font-size: var(--kit-heading-font-size-sm);
    font-weight: var(--kit-heading-font-weight);
    line-height: var(--kit-heading-line-height);
    letter-spacing: var(--kit-heading-letter-spacing);
    text-transform: var(--kit-heading-text-transform);
  }

  /* Body variants */
  .kit-text--body-sm {
    font-size: var(--kit-font-size-sm);
  }

  .kit-text--caption {
    font-size: var(--kit-font-size-xs);
    color: color-mix(in srgb, var(--kit-color-primary) var(--kit-color-mix-text-subdued), var(--kit-color-secondary));
  }

  /* Alignment */
  .kit-text--align-start {
    text-align: start;
  }

  .kit-text--align-center {
    text-align: center;
  }

  .kit-text--align-end {
    text-align: end;
  }

  /* Utilities */
  .kit-text--balance {
    text-wrap: balance;
  }
/* END_SNIPPET:kit.text */

/* START_SNIPPET:kit.tokens (INDEX:141) */
@layer kit {
    :root {
      /* Base colors */
      --kit-color-primary: #000;
      --kit-color-secondary: #fff;
      --kit-color-tint: #000; /* for shadows, overlays, etc. */

      /* Absolute colors */
      --kit-color-focus: #4a9afc;
      --kit-color-border: initial; /* takes precedence over --kit-color-mix-border when set */
      --kit-color-links: currentColor;
      --kit-color-icons: currentColor;
      --kit-color-success: #16a34a;
      --kit-color-error: #dc2626;
      --kit-color-info: #3b82f6;
      --kit-color-warning: #f59e0b;
      --kit-color-sale: #980606;
      --kit-color-sale-contrast: #fff;
      --kit-color-sold-out: #000;
      --kit-color-sold-out-contrast: #fff;

      /* Primary/secondary: for color-mix(in srgb, var(--kit-color-primary) [%], var(--kit-color-secondary)); */
      --kit-color-mix-off-background: 4%;
      --kit-color-mix-border: 16%;
      --kit-color-mix-text-subdued: 60%;
      --kit-color-mix-hover: 12%;
      --kit-color-mix-active: 16%;
      --kit-color-mix-disabled: 8%;
      --kit-color-mix-on-disabled: 30%;

      /* Tint: for color-mix(in srgb, var(--kit-color-tint) [%], transparent) */
      --kit-color-mix-tint-shadow: 8%;
      --kit-color-mix-tint-overlay-light: 15%;
      --kit-color-mix-tint-overlay: 50%;

      /* Opacity */
      --kit-opacity-disabled: 0.5;

      /* Typography — Families */
      --kit-font-family-body: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
      --kit-font-family-heading: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;

      /* Typography — Sizes (mobile-first) */
      --kit-font-size-xs: 0.75rem;
      --kit-font-size-sm: 0.75rem;
      --kit-font-size-base: 0.875rem;
      --kit-font-size-lg: 1rem;
      --kit-font-size-xl: 1.125rem;
      --kit-font-size-2xl: 1.25rem;
      --kit-font-size-3xl: 1.5rem;

      /* Typography — Weights */
      --kit-font-weight-normal: 400;
      --kit-font-weight-semibold: 600;
      --kit-font-weight-bold: 700;

      /* Typography — Heading sizes (mobile-first, independent from shared scale) */
      --kit-heading-font-size-sm: 1rem;
      --kit-heading-font-size-md: 1.125rem;
      --kit-heading-font-size-lg: 1.25rem;
      --kit-heading-font-size-xl: 1.5rem;

      /* Typography — Headings */
      --kit-heading-font-weight: 700;
      --kit-heading-line-height: 1.2;
      --kit-heading-letter-spacing: -0.025em;
      --kit-heading-text-transform: none;

      /* Typography — Body */
      --kit-body-font-style: normal;
      --kit-body-line-height: 1.5;
      --kit-body-letter-spacing: normal;

      /* Spacing */
      --kit-space-2xs: 0.25rem;
      --kit-space-xs: 0.5rem;
      --kit-space-sm: 0.75rem;
      --kit-space-md: 1rem;
      --kit-space-lg: 1.5rem;
      --kit-space-xl: 2rem;
      --kit-space-2xl: 3rem;

      /* Border radius */
      --kit-radius-sm: 0.25rem;
      --kit-radius-md: 0.5rem;
      --kit-radius-lg: 1rem;
      --kit-radius-full: 9999px;

      /* Shadows */
      --kit-shadow-inner: inset 0 0 0 1px
        color-mix(in srgb, var(--kit-color-tint) var(--kit-color-mix-tint-overlay-light), transparent);
      --kit-shadow-xs: 0 0.5px 0.5px 3px
        color-mix(in srgb, var(--kit-color-tint) var(--kit-color-mix-tint-shadow), transparent);
      --kit-shadow-sm: 0 1px 2px 0
        color-mix(in srgb, var(--kit-color-tint) var(--kit-color-mix-tint-shadow), transparent);
      --kit-shadow-md: 0 2px 4px -1px color-mix(in srgb, var(--kit-color-tint) var(--kit-color-mix-tint-shadow), transparent);
      --kit-shadow-lg: 0 8px 16px -4px color-mix(in srgb, var(--kit-color-tint) var(--kit-color-mix-tint-shadow), transparent);

      /* Transitions */
      --kit-transition-fast: 75ms ease;
      --kit-transition-normal: 150ms ease;
      --kit-transition-slow: 300ms ease;

      /* Focus */
      --kit-focus-ring: 2px solid var(--kit-color-focus);
      --kit-focus-ring-offset: 0;

      /* Icons */
      --kit-icon-stroke-width: 1px;

      /* Layout */
      --kit-page-width: 1500px;
      --kit-section-spacing: 2rem;
      --kit-section-gutter: var(--kit-space-md);
    }

    @media (min-width: 700px) {
      :root {
        --kit-font-size-sm: 0.875rem;
        --kit-font-size-base: 1rem;
        --kit-font-size-lg: 1.125rem;
        --kit-font-size-xl: 1.25rem;
        --kit-font-size-2xl: 1.5rem;
        --kit-font-size-3xl: 1.875rem;

        --kit-heading-font-size-sm: 1.125rem;
        --kit-heading-font-size-md: 1.25rem;
        --kit-heading-font-size-lg: 1.5rem;
        --kit-heading-font-size-xl: 1.875rem;
      }
    }

    /* Global focus style for kit interactive elements */
    [class^='kit-']:focus-visible,
    [class*=' kit-']:focus-visible {
      outline: var(--kit-focus-ring);
      outline-offset: var(--kit-focus-ring-offset);
    }
  }
/* END_SNIPPET:kit.tokens */

/* START_SNIPPET:layout.grid (INDEX:143) */
/* Public Layout Grid Tokens */
  :root {
    /* Layout Grid Gap Sizes - These are assigned by the value passed to the 'gap' param */
    --layout-grid-gap-size-none: 0px;
    --layout-grid-gap-size-3xs: var(--gap-size-3xs);
    --layout-grid-gap-size-2xs: var(--gap-size-2xs);
    --layout-grid-gap-size-xs: var(--gap-size-xs);
    --layout-grid-gap-size-sm: var(--gap-size-sm);
    --layout-grid-gap-size-md: var(--gap-size-md);
    --layout-grid-gap-size-lg: var(--gap-size-lg);
    --layout-grid-gap-size-xl: var(--gap-size-xl);
    --layout-grid-gap-size-2xl: var(--gap-size-2xl);

    /* Layout Grid Line Sizes - These are assigned by the value passed to the 'lines' param */
    --layout-grid-line-size-none: 0px;
    --layout-grid-line-size-xs: var(--line-size-xs);
    --layout-grid-line-size-sm: var(--line-size-sm);
    --layout-grid-line-size-md: var(--line-size-md);
    --layout-grid-line-size-lg: var(--line-size-lg);
    --layout-grid-line-size-xl: var(--line-size-xl);

    --layout-grid-line-color-shade: 12%;
  }
/* END_SNIPPET:layout.grid */

/* START_SNIPPET:layout.section (INDEX:144) */
:root {
    --layout-section-max-inline-size: var(--page-width, 1500px);

    --layout-section-padding-inline: var(--size-4);
    --layout-section-padding-inline--xs: initial;
    --layout-section-padding-inline--sm: initial;
    --layout-section-padding-inline--md: initial;
    --layout-section-padding-inline--lg: initial;
    --layout-section-padding-inline--xl: initial;

    --layout-section-padding-block: var(--size-8);
    --layout-section-padding-block--xs: initial;
    --layout-section-padding-block--sm: initial;
    --layout-section-padding-block--md: initial;
    --layout-section-padding-block--lg: initial;
    --layout-section-padding-block--xl: initial;

    --layout-section-color: initial;
    --layout-section-background: initial;
  }

  .layout-section {
    --_max-inline-size: var(--layout-section-max-inline-size);

    --_padding-inline--xs: var(--layout-section-padding-inline--xs, var(--layout-section-padding-inline));
    --_padding-inline--sm: var(--layout-section-padding-inline--sm, var(--_padding-inline--xs));
    --_padding-inline--md: var(--layout-section-padding-inline--md, var(--_padding-inline--sm));
    --_padding-inline--lg: var(--layout-section-padding-inline--lg, var(--_padding-inline--md));
    --_padding-inline--xl: var(--layout-section-padding-inline--xl, var(--_padding-inline--lg));
    --_padding-inline: var(--_padding-inline--xs);

    --_padding-block--xs: var(--layout-section-padding-block--xs, var(--layout-section-padding-block));
    --_padding-block--sm: var(--layout-section-padding-block--sm, var(--_padding-block--xs));
    --_padding-block--md: var(--layout-section-padding-block--md, var(--_padding-block--sm));
    --_padding-block--lg: var(--layout-section-padding-block--lg, var(--_padding-block--md));
    --_padding-block--xl: var(--layout-section-padding-block--xl, var(--_padding-block--lg));
    --_padding-block: var(--_padding-block--xs);

    --_color: var(--layout-section-color, var(--color-primary, #000));
    --_background: var(--layout-section-background, var(--color-secondary, #fff));

    display: flex;
    width: 100%;
    position: relative;
    justify-content: center;
    background: var(--_background);
    color: var(--_color);
    padding-inline: var(--_padding-inline);
    padding-block: var(--_padding-block);

    & > .layout-section__content {
      display: block;
      max-inline-size: var(--_max-inline-size);
      z-index: 1;
      width: 100%;
      flex-grow: 1;
    }

    &.layout-section--full-width > .layout-section__content {
      max-inline-size: 100%;
    }

    &.layout-section--padding-none {
      padding-block: 0;
    }

    &.layout-section--padding-top {
      padding-block-end: 0;
    }

    &.layout-section--padding-bottom {
      padding-block-start: 0;
    }
  }
/* END_SNIPPET:layout.section */

/* START_SNIPPET:layout.stack (INDEX:145) */
/* Public Layout Stack Tokens */
  :root {
    /* Layout Stack Gap Sizes - These are assigned by the value passed to the 'gap' param */
    --layout-stack-gap-size-none: 0px;
    --layout-stack-gap-size-3xs: var(--gap-size-3xs);
    --layout-stack-gap-size-2xs: var(--gap-size-2xs);
    --layout-stack-gap-size-xs: var(--gap-size-xs);
    --layout-stack-gap-size-sm: var(--gap-size-sm);
    --layout-stack-gap-size-md: var(--gap-size-md);
    --layout-stack-gap-size-lg: var(--gap-size-lg);
    --layout-stack-gap-size-xl: var(--gap-size-xl);
    --layout-stack-gap-size-2xl: var(--gap-size-2xl);

    /* Layout Stack Default Layout */
    --layout-stack-margin: 0;
  }
/* END_SNIPPET:layout.stack */

/* START_SNIPPET:layout.sticky-scroller (INDEX:146) */
:root {
    --layout-sticky-scroller-top: 20px;
  }

	sticky-scroller {
	  --_top: var(--layout-sticky-scroller-top);
	
	  display: block;
	  position: sticky;
	  top: var(--_top);
	}
/* END_SNIPPET:layout.sticky-scroller */

/* START_SNIPPET:muheyya-home-product-card (INDEX:154) */
.muheyya-home-product { display: flex; flex-direction: column; min-width: 0; color: inherit; }
  .muheyya-home-product__image { display: block; width: 100%; height: auto; aspect-ratio: 2 / 3; object-fit: cover; background: #f5f3ef; }
  .muheyya-home-product__vendor { margin-top: 13px; font-size: 10px; letter-spacing: .09em; text-transform: uppercase; color: #655f59; }
  .muheyya-home-product__title { margin: 11px 0 0; font: inherit; font-size: 14px; line-height: 1.5; letter-spacing: 0; overflow-wrap: anywhere; }
  .muheyya-home-product__vendor + .muheyya-home-product__title { margin-top: 4px; }
  .muheyya-home-product__colours { margin-top: 4px; font-size: 12px; color: #625c56; }
  .muheyya-home-product__price { display: block; margin-top: 8px; font-size: 14px; font-weight: 600; }
  .muheyya-home-product__price s { color: #716c67; font-weight: 400; margin-right: 5px; }
  .muheyya-home-product:focus-visible { outline: 2px solid #2a3743; outline-offset: 4px; }
  @media (max-width: 768px) { .muheyya-home-product__title, .muheyya-home-product__price { font-size: 12px; } .muheyya-home-product__colours { font-size: 11px; } }
/* END_SNIPPET:muheyya-home-product-card */

/* START_SNIPPET:muheyya-listing-dots (INDEX:155) */
.grid-product.mhy-listing-card .grid-product__content { flex: 0 0 auto; }
.grid-product.mhy-listing-card .grid-product__meta { text-align: center; }
.grid-product.mhy-listing-card .grid-product__title { min-height: 2.5em; height: 2.5em; line-height: 1.25; -webkit-line-clamp: 2; }
.grid-product.mhy-listing-card .grid-product__price { min-height: 3.2em; display: flex; flex-wrap: wrap; align-content: flex-start; justify-content: center; gap: 2px 6px; }
.grid-product.mhy-listing-card .grid-product__price--savings { width: 100%; margin: 0; }
.grid-product.mhy-listing-card .mhy-listing-dots { display: flex; justify-content: center; align-items: center; flex-wrap: nowrap !important; gap: 0 !important; min-height: 44px; height: 44px; padding: 0 !important; margin: 0; }
.mhy-listing-dots .mhy-listing-dot { display: grid; place-items: center; width: 30px; height: 44px; padding: 0; border: 0; background: transparent !important; flex: 0 0 30px; cursor: pointer; }
.mhy-listing-dots .mhy-listing-dot-fill { display: block; width: 18px; height: 18px; border-radius: 50%; border: 2px solid #fff; box-shadow: 0 0 0 1px #d6d6d6; background-color: #dedbd5; }
.mhy-listing-dot[aria-pressed="true"] .mhy-listing-dot-fill, .mhy-listing-dot:focus-visible .mhy-listing-dot-fill { outline: 1px solid #303030; outline-offset: 3px; }
.mhy-listing-dot:focus-visible { outline: none; }
.mhy-listing-more { min-width: 26px; height: 44px; display: grid; place-items: center; font-size: 12px; }
.mhy-listing-card.mhy-color-selected .grid-product__secondary-image { display: none !important; }
@media (min-width: 1024px) { .mhy-listing-card .grid-product__image-mask { border-radius: 12px; overflow: hidden; } }
@media (max-width: 768px) { .mhy-listing-dots .mhy-listing-dot { width: 24px; flex-basis: 24px; } .mhy-listing-dots .mhy-listing-dot-fill { width: 16px; height: 16px; } .mhy-listing-more { min-width: 20px; } }
/* END_SNIPPET:muheyya-listing-dots */

/* START_SNIPPET:muheyya-menu-cue (INDEX:156) */
#SiteHeader .muheyya-menu-trigger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 48px;
    min-height: 48px;
    padding: 0 13px;
    border: 1px solid color-mix(in srgb, currentColor 45%, transparent);
    border-radius: 999px;
    vertical-align: middle;
    transform-origin: center;
  }

  #SiteHeader .muheyya-menu-trigger .icon {
    width: 23px;
    height: 23px;
    flex-shrink: 0;
  }

  #SiteHeader .muheyya-menu-label {
    font-family: var(--typeBasePrimary), var(--typeBaseFallback);
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.1em;
    text-transform: uppercase;
  }

  .header-wrapper.is-light #SiteHeader .muheyya-menu-trigger {
    background: rgba(0, 0, 0, 0.22);
    border-color: rgba(255, 255, 255, 0.65);
  }

  #SiteHeader .muheyya-menu-trigger:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 4px;
  }

  @media (hover: hover) {
    #SiteHeader .muheyya-menu-trigger:hover {
      background: color-mix(in srgb, currentColor 8%, transparent);
    }
    .header-wrapper.is-light #SiteHeader .muheyya-menu-trigger:hover {
      background: rgba(0, 0, 0, 0.34);
    }
  }

  @media (max-width: 768px) {
    #SiteHeader .muheyya-menu-trigger {
      flex-direction: column;
      gap: 4px;
      width: 50px;
      min-height: 50px;
      padding: 5px;
      border-radius: 12px;
    }
    #SiteHeader .muheyya-menu-trigger .icon {
      width: 22px;
      height: 22px;
    }
    #SiteHeader .muheyya-menu-label {
      font-size: 11px;
      letter-spacing: 0.08em;
    }
  }

  @media (prefers-reduced-motion: no-preference) {
    #SiteHeader .muheyya-menu-trigger {
      animation: muheyya-menu-intro 1.35s ease-in-out 0.7s 2;
    }
    @keyframes muheyya-menu-intro {
      0%, 100% { transform: scale(1); }
      45% { transform: scale(1.06); }
    }
  }
/* END_SNIPPET:muheyya-menu-cue */

/* START_SNIPPET:muheyya-search-hint (INDEX:158) */
muheyya-search-hint { display: inline-block; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: middle; }
  muheyya-search-hint[data-typing]::after { content: ''; display: inline-block; height: 1em; margin-left: 3px; border-right: 1px solid currentColor; vertical-align: -.12em; }
/* END_SNIPPET:muheyya-search-hint */

/* START_SNIPPET:overlay.drawer (INDEX:166) */
:root {
  --overlay-drawer-size: 480px;
  --overlay-drawer-gutter: var(--gap-size-none); /* better name? */
  --overlay-drawer-label-margin-bottom: var(--size-4);

  --overlay-drawer-padding-inline: var(--size-4);
  --overlay-drawer-padding-inline--xs: initial;
  --overlay-drawer-padding-inline--sm: initial;
  --overlay-drawer-padding-inline--md: initial;
  --overlay-drawer-padding-inline--lg: initial;
  --overlay-drawer-padding-inline--xl: initial;

  --overlay-drawer-padding-block: var(--size-8);
  --overlay-drawer-padding-block--xs: initial;
  --overlay-drawer-padding-block--sm: initial;
  --overlay-drawer-padding-block--md: initial;
  --overlay-drawer-padding-block--lg: initial;
  --overlay-drawer-padding-block--xl: initial;

  --overlay-drawer-background: initial;
  --overlay-drawer-overlay-color: rgba(0, 0, 0, 0.5);

  --overlay-drawer-z-index: 9999;
  --overlay-drawer-transition-duration: 0.3s;
  --overlay-drawer-transition-timing-function: ease-in-out;
}

/* Scroll lock when drawer is open */
body:has(.overlay-drawer[open='true']) {
  overflow: hidden;
}

.overlay-drawer {
  --_width: calc(100% - var(--overlay-drawer-gutter));
  --_max-width: var(--overlay-drawer-size);

  --_padding-inline--xs: var(--overlay-drawer-padding-inline--xs, var(--overlay-drawer-padding-inline));
  --_padding-inline--sm: var(--overlay-drawer-padding-inline--sm, var(--_padding-inline--xs));
  --_padding-inline--md: var(--overlay-drawer-padding-inline--md, var(--_padding-inline--sm));
  --_padding-inline--lg: var(--overlay-drawer-padding-inline--lg, var(--_padding-inline--md));
  --_padding-inline--xl: var(--overlay-drawer-padding-inline--xl, var(--_padding-inline--lg));
  --_padding-inline: var(--_padding-inline--xs);

  --_padding-block--xs: var(--overlay-drawer-padding-block--xs, var(--overlay-drawer-padding-block));
  --_padding-block--sm: var(--overlay-drawer-padding-block--sm, var(--_padding-block--xs));
  --_padding-block--md: var(--overlay-drawer-padding-block--md, var(--_padding-block--sm));
  --_padding-block--lg: var(--overlay-drawer-padding-block--lg, var(--_padding-block--md));
  --_padding-block--xl: var(--overlay-drawer-padding-block--xl, var(--_padding-block--lg));
  --_padding-block: var(--_padding-block--xs);

  --_background: var(--overlay-drawer-background, var(--color-secondary, #fff));

  display: block;
  position: fixed;
  inset: 0;
  height: 100%;
  width: 100%;
  transition-property: background-color;
  transition-duration: var(--overlay-drawer-transition-duration);
  transition-timing-function: var(--overlay-drawer-transition-timing-function);
  cursor: pointer;
  z-index: var(--overlay-drawer-z-index);

  &[open='false'] {
    pointer-events: none;
  }

  &[open='true'] {
    background-color: var(--overlay-drawer-overlay-color);
  }
}

.overlay-drawer__inner {
  background: var(--_background);
  cursor: initial;
  position: absolute;
  width: var(--_width);
  max-width: var(--_max-width);
  top: 0;
  transition-property: transform;
  transition-duration: var(--overlay-drawer-transition-duration);
  transition-timing-function: var(--overlay-drawer-transition-timing-function);
  height: 100%;
  overflow-y: auto;
  padding-inline: var(--_padding-inline);
  padding-block: var(--_padding-block);

  .overlay-drawer--start & {
    left: max(calc(-1 * var(--_width)), calc(-1 * var(--_max-width)));
  }

  .overlay-drawer--start[open='true'] & {
    transform: translateX(100%);
  }

  .overlay-drawer--end & {
    right: max(calc(-1 * var(--_width)), calc(-1 * var(--_max-width)));
  }

  .overlay-drawer--end[open='true'] & {
    transform: translateX(-100%);
  }
}

.overlay-drawer__header {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-block-end: var(--overlay-drawer-label-margin-bottom);

  &:has(.overlay-drawer__label) {
    justify-content: space-between;
  }
}

.overlay-drawer__close-button {
  line-height: 0;
}
/* END_SNIPPET:overlay.drawer */

/* START_SNIPPET:overlay.lightbox (INDEX:167) */
overlay-lightbox {
    display: contents;
  }

  .overlay-lightbox__trigger {
    display: contents;
    cursor: pointer;
  }

  .overlay-lightbox__overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.95);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    box-sizing: border-box;
    opacity: 0;
    visibility: hidden;
  }

  .overlay-lightbox__overlay--open {
    opacity: 1;
    visibility: visible;
  }

  .overlay-lightbox__content {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .overlay-lightbox__content img {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: auto;
    object-fit: contain;
  }

  .overlay-lightbox__nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  .overlay-lightbox__nav--prev {
    left: 1rem;
  }

  .overlay-lightbox__nav--next {
    right: 1rem;
  }

  /* Hide navigation buttons when there's only one item in the group */
  .overlay-lightbox__overlay--single-item .overlay-lightbox__nav {
    display: none;
  }

  .lightbox-close {
    position: absolute;
    top: 1rem;
    right: 1rem;
  }
/* END_SNIPPET:overlay.lightbox */

/* START_SNIPPET:product-grid-item (INDEX:174) */
.collection-content .grid-product__image-mask .image-element[loading="eager"] { opacity: 1; animation: none !important; transition: none; }
  .grid-product__tag--sale {
    display: none !important;
  }

  /* Ürün kartı renk sayacı ve tükenen ürün efekti */
  .grid-product__image-mask {
    position: relative;
  }

  .muheyya-card-color-label {
    margin: 5px 0 3px;
    color: #626262;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: normal;
    text-transform: none;
  }

  .grid-product--sold-out .grid-product__tag--sold-out {
    display: none !important;
  }

  .muheyya-sold-out-center {
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 50%;
    color: #e21d2f;
    font-size: clamp(20px, 2.2vw, 28px);
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.12em;
    text-align: center;
    text-shadow:
      0 1px 2px rgba(255, 255, 255, 0.9),
      0 0 12px rgba(255, 255, 255, 0.75);
    transform: translate(-50%, -50%);
    pointer-events: none;
    animation: muheyya-sold-out-pulse 1.8s ease-in-out infinite;
  }

  @keyframes muheyya-sold-out-pulse {
    0%, 100% { opacity: 0.42; transform: translate(-50%, -50%) scale(0.97); }
    50% { opacity: 1; transform: translate(-50%, -50%) scale(1.04); }
  }

  .grid-product--sold-out .grid-product__image-mask img,
  .grid-product--sold-out .grid-product__image-mask .placeholder-svg {
    filter: blur(1.15px) grayscale(0.18);
    opacity: 0.58;
    transition: filter 0.25s ease, opacity 0.25s ease;
  }

  .grid-product--sold-out:hover .grid-product__image-mask img {
    filter: blur(0.7px) grayscale(0.12);
    opacity: 0.66;
  }



  @media (prefers-reduced-motion: reduce) {

    .muheyya-sold-out-center {
      animation: none;
      opacity: 1;
    }
  }

  /* Müheyya listeleme indirimli fiyatı v1 */
  .grid-product__price {
    white-space: normal;
  }

  .grid-product__price .muheyya-grid-sale-price {
    color: #e21d2f !important;
    font-size: clamp(17px, 1.4vw, 22px) !important;
    font-weight: 800 !important;
    line-height: 1.15;
  }

  .grid-product__price .grid-product__price--savings {
    color: #e21d2f !important;
    font-size: clamp(14px, 1.05vw, 17px) !important;
    font-weight: 800 !important;
    line-height: 1.15;
    white-space: nowrap;
  }

  /* Görseli olmayan renk varyantları için mağaza genelindeki renk adı yedeği */
  .grid-product__colors .color-swatch--siyah:not(.color-swatch--with-image) { background-color: #171717 !important; }
  .grid-product__colors .color-swatch--beyaz:not(.color-swatch--with-image),
  .grid-product__colors .color-swatch--buz-beyazi:not(.color-swatch--with-image) { background-color: #fff !important; }
  .grid-product__colors .color-swatch--ekru:not(.color-swatch--with-image) { background-color: #f1eadb !important; }
  .grid-product__colors .color-swatch--krem:not(.color-swatch--with-image) { background-color: #eadfca !important; }
  .grid-product__colors .color-swatch--bej:not(.color-swatch--with-image) { background-color: #cdbb9d !important; }
  .grid-product__colors .color-swatch--acik-bej:not(.color-swatch--with-image) { background-color: #e0d2bc !important; }
  .grid-product__colors .color-swatch--koyu-bej:not(.color-swatch--with-image) { background-color: #aa9171 !important; }
  .grid-product__colors .color-swatch--tas:not(.color-swatch--with-image) { background-color: #aaa293 !important; }
  .grid-product__colors .color-swatch--tas-baskili:not(.color-swatch--with-image) { background: repeating-linear-gradient(45deg,#aaa293 0 5px,#d4cec3 5px 10px) !important; }
  .grid-product__colors .color-swatch--vizon:not(.color-swatch--with-image) { background-color: #8b7765 !important; }
  .grid-product__colors .color-swatch--camel:not(.color-swatch--with-image) { background-color: #b77a3b !important; }
  .grid-product__colors .color-swatch--taba:not(.color-swatch--with-image) { background-color: #9b592e !important; }
  .grid-product__colors .color-swatch--tar:not(.color-swatch--with-image)çin,
  .grid-product__colors .color-swatch--tarcin:not(.color-swatch--with-image) { background-color: #a95f3b !important; }
  .grid-product__colors .color-swatch--aci-kahve:not(.color-swatch--with-image) { background-color: #4e3027 !important; }
  .grid-product__colors .color-swatch--acik-kahve:not(.color-swatch--with-image) { background-color: #a6785a !important; }
  .grid-product__colors .color-swatch--kahve:not(.color-swatch--with-image),
  .grid-product__colors .color-swatch--kahverengi:not(.color-swatch--with-image) { background-color: #70452f !important; }
  .grid-product__colors .color-swatch--sutlu-kahve:not(.color-swatch--with-image) { background-color: #a8876c !important; }
  .grid-product__colors .color-swatch--kahve-kiremit:not(.color-swatch--with-image) { background: linear-gradient(135deg,#70452f 50%,#a64b32 50%) !important; }
  .grid-product__colors .color-swatch--kahve-tas:not(.color-swatch--with-image) { background: linear-gradient(135deg,#70452f 50%,#aaa293 50%) !important; }
  .grid-product__colors .color-swatch--bakir:not(.color-swatch--with-image) { background-color: #b46b42 !important; }
  .grid-product__colors .color-swatch--gri:not(.color-swatch--with-image) { background-color: #858585 !important; }
  .grid-product__colors .color-swatch--gri-mavi:not(.color-swatch--with-image) { background-color: #708493 !important; }
  .grid-product__colors .color-swatch--antrasit:not(.color-swatch--with-image) { background-color: #42464b !important; }
  .grid-product__colors .color-swatch--fume:not(.color-swatch--with-image) { background-color: #5d6266 !important; }
  .grid-product__colors .color-swatch--duman:not(.color-swatch--with-image) { background-color: #74797c !important; }
  .grid-product__colors .color-swatch--kirmizi:not(.color-swatch--with-image) { background-color: #c9252d !important; }
  .grid-product__colors .color-swatch--acik-kirmizi:not(.color-swatch--with-image) { background-color: #e2575d !important; }
  .grid-product__colors .color-swatch--bordo:not(.color-swatch--with-image) { background-color: #6f1831 !important; }
  .grid-product__colors .color-swatch--visne:not(.color-swatch--with-image) { background-color: #7f173b !important; }
  .grid-product__colors .color-swatch--gul-kurusu:not(.color-swatch--with-image) { background-color: #b45f72 !important; }
  .grid-product__colors .color-swatch--acik-gul-kurusu:not(.color-swatch--with-image) { background-color: #d58b9a !important; }
  .grid-product__colors .color-swatch--pembe:not(.color-swatch--with-image) { background-color: #e7a0b2 !important; }
  .grid-product__colors .color-swatch--pudra-pembe:not(.color-swatch--with-image) { background-color: #d9a3aa !important; }
  .grid-product__colors .color-swatch--fusya:not(.color-swatch--with-image) { background-color: #d51c73 !important; }
  .grid-product__colors .color-swatch--somon:not(.color-swatch--with-image) { background-color: #df8b79 !important; }
  .grid-product__colors .color-swatch--mercan:not(.color-swatch--with-image) { background-color: #e66f61 !important; }
  .grid-product__colors .color-swatch--seftali:not(.color-swatch--with-image) { background-color: #efaa83 !important; }
  .grid-product__colors .color-swatch--mor:not(.color-swatch--with-image) { background-color: #6d3b78 !important; }
  .grid-product__colors .color-swatch--lila:not(.color-swatch--with-image) { background-color: #9b82ad !important; }
  .grid-product__colors .color-swatch--murdum:not(.color-swatch--with-image) { background-color: #63314f !important; }
  .grid-product__colors .color-swatch--patlican-moru:not(.color-swatch--with-image) { background-color: #4d294f !important; }
  .grid-product__colors .color-swatch--plum:not(.color-swatch--with-image) { background-color: #70405d !important; }
  .grid-product__colors .color-swatch--lacivert:not(.color-swatch--with-image) { background-color: #1c3159 !important; }
  .grid-product__colors .color-swatch--gece-mavisi:not(.color-swatch--with-image) { background-color: #101f3d !important; }
  .grid-product__colors .color-swatch--koyu-mavi:not(.color-swatch--with-image) { background-color: #214c7a !important; }
  .grid-product__colors .color-swatch--mavi:not(.color-swatch--with-image) { background-color: #3977b8 !important; }
  .grid-product__colors .color-swatch--acik-mavi:not(.color-swatch--with-image) { background-color: #79b4dd !important; }
  .grid-product__colors .color-swatch--bebe-mavisi:not(.color-swatch--with-image) { background-color: #9fcce6 !important; }
  .grid-product__colors .color-swatch--buz-mavi:not(.color-swatch--with-image) { background-color: #b6dce5 !important; }
  .grid-product__colors .color-swatch--su-mavisi:not(.color-swatch--with-image) { background-color: #82c7d8 !important; }
  .grid-product__colors .color-swatch--saks:not(.color-swatch--with-image) { background-color: #1557c0 !important; }
  .grid-product__colors .color-swatch--indigo:not(.color-swatch--with-image) { background-color: #3f3d8f !important; }
  .grid-product__colors .color-swatch--turkuaz:not(.color-swatch--with-image) { background-color: #22a6a8 !important; }
  .grid-product__colors .color-swatch--petrol:not(.color-swatch--with-image),
  .grid-product__colors .color-swatch--petrol-mavi:not(.color-swatch--with-image),
  .grid-product__colors .color-swatch--petrol-mavisi:not(.color-swatch--with-image) { background-color: #087582 !important; }
  .grid-product__colors .color-swatch--petrol-yesili:not(.color-swatch--with-image) { background-color: #1e6f65 !important; }
  .grid-product__colors .color-swatch--yesil:not(.color-swatch--with-image) { background-color: #287442 !important; }
  .grid-product__colors .color-swatch--acik-yesil:not(.color-swatch--with-image) { background-color: #69a76a !important; }
  .grid-product__colors .color-swatch--koyu-yesil:not(.color-swatch--with-image) { background-color: #215b36 !important; }
  .grid-product__colors .color-swatch--fistik-yesili:not(.color-swatch--with-image),
  .grid-product__colors .color-swatch--fistik-yesil:not(.color-swatch--with-image) { background-color: #79a83b !important; }
  .grid-product__colors .color-swatch--filizi-yesil:not(.color-swatch--with-image),
  .grid-product__colors .color-swatch--filizi-yesili:not(.color-swatch--with-image) { background-color: #69ad3c !important; }
  .grid-product__colors .color-swatch--mint-yesili:not(.color-swatch--with-image) { background-color: #82c5a0 !important; }
  .grid-product__colors .color-swatch--nil-yesili:not(.color-swatch--with-image) { background-color: #5fae9b !important; }
  .grid-product__colors .color-swatch--su-yesili:not(.color-swatch--with-image) { background-color: #8acbb2 !important; }
  .grid-product__colors .color-swatch--adacayi:not(.color-swatch--with-image) { background-color: #91a98b !important; }
  .grid-product__colors .color-swatch--haki:not(.color-swatch--with-image) { background-color: #66703d !important; }
  .grid-product__colors .color-swatch--zumrut:not(.color-swatch--with-image) { background-color: #08734f !important; }
  .grid-product__colors .color-swatch--asit:not(.color-swatch--with-image) { background-color: #b7df31 !important; }
  .grid-product__colors .color-swatch--sari:not(.color-swatch--with-image) { background-color: #e8c638 !important; }
  .grid-product__colors .color-swatch--hardal:not(.color-swatch--with-image) { background-color: #c39722 !important; }
  .grid-product__colors .color-swatch--safran:not(.color-swatch--with-image) { background-color: #d69a19 !important; }
  .grid-product__colors .color-swatch--gold:not(.color-swatch--with-image) { background-color: #c9a227 !important; }
  .grid-product__colors .color-swatch--turuncu:not(.color-swatch--with-image),
  .grid-product__colors .color-swatch--oranj:not(.color-swatch--with-image) { background-color: #df7b2d !important; }
  .grid-product__colors .color-swatch--nar-cicegi:not(.color-swatch--with-image),
  .grid-product__colors .color-swatch--narcicegi:not(.color-swatch--with-image) { background-color: #e44438 !important; }
  .grid-product__colors .color-swatch--kiremit:not(.color-swatch--with-image) { background-color: #a64b32 !important; }
  .grid-product__colors .color-swatch--laci-ekru:not(.color-swatch--with-image),
  .grid-product__colors .color-swatch--lacivert-ekru:not(.color-swatch--with-image) { background: linear-gradient(135deg,#1c3159 50%,#f1eadb 50%) !important; }
  .grid-product__colors .color-swatch--siyah-bej:not(.color-swatch--with-image) { background: linear-gradient(135deg,#171717 50%,#cdbb9d 50%) !important; }
  .grid-product__colors .color-swatch--siyah-beyaz:not(.color-swatch--with-image),
  .grid-product__colors .color-swatch--siyah-beyaz-cizgili:not(.color-swatch--with-image) { background: repeating-linear-gradient(90deg,#171717 0 5px,#fff 5px 10px) !important; }
  .grid-product__colors .color-swatch--siyah-ekru:not(.color-swatch--with-image) { background: linear-gradient(135deg,#171717 50%,#f1eadb 50%) !important; }
  .grid-product__colors .color-swatch--siyah-gri:not(.color-swatch--with-image) { background: linear-gradient(135deg,#171717 50%,#858585 50%) !important; }
  .grid-product__colors .color-swatch--siyah-murdum:not(.color-swatch--with-image) { background: linear-gradient(135deg,#171717 50%,#63314f 50%) !important; }
  .grid-product__colors .color-swatch--siyah-tas:not(.color-swatch--with-image) { background: linear-gradient(135deg,#171717 50%,#aaa293 50%) !important; }
  .grid-product__colors .color-swatch--zumrut-tas:not(.color-swatch--with-image) { background: linear-gradient(135deg,#08734f 50%,#aaa293 50%) !important; }
  .grid-product__colors .color-swatch--leopar:not(.color-swatch--with-image) { background: radial-gradient(circle at 30% 35%,#2a1b14 0 12%,transparent 13%),radial-gradient(circle at 70% 65%,#2a1b14 0 12%,transparent 13%),#bd8b4c !important; }

  /* Listeleme kartlarındaki renk varyantlarını dikey küçük ürün görsellerine dönüştür */
  .grid-product__colors .color-swatch--small {
    display: block;
    width: 38px !important;
    height: 52px !important;
    margin: 5px 6px;
    border: 1px solid rgba(38, 48, 58, 0.18) !important;
    border-radius: 1px !important;
    box-sizing: border-box;
    background-size: cover !important;
    background-position: center top !important;
    transform: none !important;
    transition: border-color .18s ease, box-shadow .18s ease, opacity .18s ease;
  }

  .grid-product__colors .color-swatch--small::before,
  .grid-product__colors .color-swatch--small::after {
    display: none !important;
    border: 0 !important;
    box-shadow: none !important;
    content: none !important;
  }

  .grid-product__colors .color-swatch--small:hover,
  .grid-product__colors .color-swatch--small:focus-visible {
    border-color: #26303a !important;
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px #26303a;
  }

  @media only screen and (max-width: 768px) {
    .grid-product__colors .color-swatch--small {
      width: 15px !important;
      height: 21px !important;
      margin: 2px;
    }
  }

  .grid-product__colors {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }

  @media only screen and (min-width: 769px) {
    /* Masaüstü ürün kartlarında isim, fiyat ve renk alanlarını hizala */
    .grid-product {
      display: flex;
      flex-direction: column;
      height: 100%;
    }

    .grid-product__content {
      flex: 1 1 auto;
    }

    .grid-product__title {
      display: -webkit-box;
      min-height: 2.5em;
      line-height: 1.25;
      overflow: hidden;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
    }

    .grid-product__price {
      min-height: 1.5em;
    }

    .grid-product__colors {
      min-height: 30px;
      align-content: center;
    }
  }

  @media only screen and (max-width: 768px) {
    /* Yan yana ürün kartlarında isim, fiyat ve renk alanlarını hizala */
    .grid-product {
      display: flex;
      flex-direction: column;
      height: 100%;
    }

    .grid-product__content {
      flex: 1 1 auto;
    }

    .grid-product__title {
      display: -webkit-box;
      min-height: 3.75em;
      line-height: 1.25;
      overflow: hidden;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
    }

    .grid-product__price {
      min-height: 2.75em;
      white-space: normal;
    }

    .grid-product__colors {
      min-height: 30px;
      align-content: center;
    }

    .grid-product__price .muheyya-grid-sale-price {
      font-size: 15px !important;
    }

    .grid-product__price .grid-product__price--savings {
      display: block;
      width: 100%;
      margin-top: 4px;
      font-size: 12px !important;
      line-height: 1.2;
    }
  }

  @media only screen and (max-width: 768px) {
    .grid-product .grid-product__colors {
      flex-wrap: wrap !important;
      gap: 6px !important;
      max-width: 100%;
      padding: 4px 2px !important;
    }
    .grid-product .grid-product__colors .color-swatch.color-swatch--small {
      width: 22.5px !important;
      height: 31.5px !important;
      min-width: 22.5px !important;
      flex: 0 0 22.5px !important;
      margin: 0 !important;
      background-size: cover !important;
      background-position: center top !important;
    }
  }
/* END_SNIPPET:product-grid-item */

/* START_SNIPPET:product.hot-reload (INDEX:179) */
product-hot-reload {
    contain: layout style paint;
  }

  .product-hot-reload--loading {
    opacity: 0.6;
    animation: pulse 1.5s ease-in-out infinite;
  }

  @keyframes pulse {
    0%, 100% { 
      opacity: 1;
    }
    50% { 
      opacity: 0.6;
    }
  }

  /* View Transitions API support */
  @supports (view-transition-name: none) {
    product-hot-reload {
      view-transition-name: product-content;
    }
  }
/* END_SNIPPET:product.hot-reload */

/* START_SNIPPET:section.flex-pdp.gift-recipient (INDEX:195) */
gift-recipient-form {
	  display: block;
	  position: relative;
	
	  & .recipient-fields {
	    display: none;
	  }
	}
/* END_SNIPPET:section.flex-pdp.gift-recipient */

/* START_SNIPPET:section.flex-pdp.media-gallery (INDEX:199) */
.media-gallery {
    --media-gallery-thumb-size: 80px;
    --media-gallery-thumb-gap: var(--gap-size-xs);

    display: block;
    position: relative;
    overflow: hidden;
  }

  .media-gallery__main {
    position: relative;
    width: 100%;
    flex: 1;
    overflow: hidden;
    min-height: 400px;
    aspect-ratio: 1;
    touch-action: pan-y pinch-zoom;
    transition: height 0.3s ease-in-out;
  }

  /* Disable transition when setting height programmatically */
  .media-gallery__main--no-transition {
    transition: none;
  }

  .media-gallery__nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    opacity: 0.7;
    transition: opacity 0.2s ease;
  }

  .media-gallery__main:hover .media-gallery__nav {
    opacity: 1;
  }

  .media-gallery__nav--prev {
    left: var(--gap-size-sm);
  }

  .media-gallery__nav--next {
    right: var(--gap-size-sm);
  }

  .media-gallery__nav:focus-visible {
    opacity: 1;
  }

  .media-gallery__slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;
  }

  .media-gallery__slide--is-animating {
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  }

  .media-gallery__slide--active {
    opacity: 1;
    transform: translateX(0);
    z-index: 2;
  }

  .media-gallery__slide--prev {
    transform: translateX(-100%);
  }

  .media-gallery__slide--next {
    transform: translateX(100%);
  }

  .media-gallery__slide img:not(.overlay-lightbox__overlay img) {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .media-gallery__thumbnails {
    display: block;
    width: fit-content;
    max-width: 100%;

    max-height: 650px;
    scrollbar-width: thin;
    scrollbar-color: var(--color-border) transparent;
  }

  .media-gallery__thumbnails--top,
  .media-gallery__thumbnails--bottom {
    overflow-x: auto;
  }

  .media-gallery__thumbnails--left,
  .media-gallery__thumbnails--right {
    overflow-y: auto;
  }

  /* Webkit scrollbar styling */
  .media-gallery__thumbnails::-webkit-scrollbar {
    height: 4px;
    width: 4px;
  }

  .media-gallery__thumbnails::-webkit-scrollbar-track {
    background: transparent;
  }

  .media-gallery__thumbnails::-webkit-scrollbar-thumb {
    background: var(--color-border);
  }

  .media-gallery__thumbnails::-webkit-scrollbar-thumb:hover {
    background: var(--color-text-muted);
  }

  .media-gallery__thumb {
    position: relative;
    border: 2px solid transparent;
    background: none;
    padding: 0;
    cursor: pointer;
    overflow: hidden;
    transition: border-color 0.2s ease;
    flex-shrink: 0;
    width: var(--media-gallery-thumb-size);
    height: var(--media-gallery-thumb-size);
  }

  .media-gallery__thumb--active {
    border-color: var(--color-primary);
  }

  .media-gallery__thumb:hover {
    border-color: var(--color-primary);
    opacity: 0.8;
  }

  .media-gallery__thumb:focus-visible {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
  }

  .media-gallery__thumb-image {
    position: relative;
    width: 100%;
    max-width: var(--media-gallery-thumb-size);
    max-height: var(--media-gallery-thumb-size);
    height: var(--media-gallery-thumb-size);
    aspect-ratio: 1;
  }

  .media-gallery__thumb-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .media-gallery__thumb-icon {
    display: flex;
    position: absolute;
    top: var(--gap-size-2xs);
    right: var(--gap-size-2xs);
    background: var(--color-primary);
    color: var(--color-secondary);
    border-radius: 0;
    padding: var(--gap-size-2xs);
    z-index: 1;
  }

  .media-gallery__thumb-icon .element-icon {
    width: 12px;
    height: 12px;
  }


  .media-gallery .shopify-model-viewer-ui,
  .media-gallery .shopify-model-viewer-ui model-viewer {
      width: 100%;
      height: 100%;
  }

  /* Responsive adjustments */
  @media (max-width: 768px) {
    .media-gallery__main {
      min-height: 300px;
    }


    .media-gallery__nav {
      opacity: 1;
    }
  }
/* END_SNIPPET:section.flex-pdp.media-gallery */

/* START_SNIPPET:section.flex-pdp.media-grid (INDEX:200) */
.media-grid {
    overflow-x: auto;
    overflow-y: hidden;
  }

  .media-grid__container {
    min-width: 350px;
    flex: 1 1 300px;

    & img:not(.overlay-lightbox__overlay img) {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  }

  .media-grid .shopify-model-viewer-ui,
  .media-grid .shopify-model-viewer-ui model-viewer {
    width: 100%;
    height: 100%;
  }
/* END_SNIPPET:section.flex-pdp.media-grid */

/* START_SNIPPET:section.flex-pdp.pick-up (INDEX:201) */
.element-icon-in-stock {
	  fill: var(--success-green, #56ad6a);
	}
	
	.element-icon-out-of-stock {
	  fill: var(--color-error, #ba4444);
	}

	.element-text__store-address p {
	  margin: 0;
	}
/* END_SNIPPET:section.flex-pdp.pick-up */

/* START_SNIPPET:style.normalize (INDEX:214) */
/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */

  /*
  Document
  ========
  */

  /**
  Use a better box model (opinionated).
  */

  *,
  ::before,
  ::after {
    box-sizing: border-box;
  }

  /**
  1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
  2. Correct the line height in all browsers.
  3. Prevent adjustments of font size after orientation changes in iOS.
  4. Use a more readable tab size (opinionated).
  */

  html {
    font-family:
      system-ui,
      'Segoe UI',
      Roboto,
      Helvetica,
      Arial,
      sans-serif,
      'Apple Color Emoji',
      'Segoe UI Emoji'; /* 1 */
    line-height: 1.15; /* 2 */
    -webkit-text-size-adjust: 100%; /* 3 */
    tab-size: 4; /* 4 */
  }

  /*
  Sections
  ========
  */

  /**
  Remove the margin in all browsers.
  */

  body {
    margin: 0;
  }

  /*
  Text-level semantics
  ====================
  */

  /**
  Add the correct font weight in Chrome and Safari.
  */

  b,
  strong {
    font-weight: bolder;
  }

  /**
  1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
  2. Correct the odd 'em' font sizing in all browsers.
  */

  code,
  kbd,
  samp,
  pre {
    font-family:
      ui-monospace,
      SFMono-Regular,
      Consolas,
      'Liberation Mono',
      Menlo,
      monospace; /* 1 */
    font-size: 1em; /* 2 */
  }

  /**
  Add the correct font size in all browsers.
  */

  small {
    font-size: 80%;
  }

  /**
  Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
  */

  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }

  sub {
    bottom: -0.25em;
  }

  sup {
    top: -0.5em;
  }

  /*
  Tabular data
  ============
  */

  /**
  Correct table border color inheritance in Chrome and Safari. (https://issues.chromium.org/issues/40615503, https://bugs.webkit.org/show_bug.cgi?id=195016)
  */

  table {
    border-color: currentcolor;
  }

  /*
  Forms
  =====
  */

  /**
  1. Change the font styles in all browsers.
  2. Remove the margin in Firefox and Safari.
  */

  button,
  input,
  optgroup,
  select,
  textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
  }

  /**
  Correct the inability to style clickable types in iOS and Safari.
  */

  button,
  [type='button'],
  [type='reset'],
  [type='submit'] {
    -webkit-appearance: button;
  }

  /**
  Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
  */

  legend {
    padding: 0;
  }

  /**
  Add the correct vertical alignment in Chrome and Firefox.
  */

  progress {
    vertical-align: baseline;
  }

  /**
  Correct the cursor style of increment and decrement buttons in Safari.
  */

  ::-webkit-inner-spin-button,
  ::-webkit-outer-spin-button {
    height: auto;
  }

  /**
  1. Correct the odd appearance in Chrome and Safari.
  2. Correct the outline style in Safari.
  */

  [type='search'] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
  }

  /**
  Remove the inner padding in Chrome and Safari on macOS.
  */

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  /**
  1. Correct the inability to style clickable types in iOS and Safari.
  2. Change font properties to 'inherit' in Safari.
  */

  ::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
  }

  /*
  Interactive
  ===========
  */

  /*
  Add the correct display in Chrome and Safari.
  */

  summary {
    display: list-item;
  }
/* END_SNIPPET:style.normalize */

/* START_SNIPPET:style.primitive-tokens (INDEX:215) */
:root {
    /* Core Sizes */
    --size-0-25: 0.0625rem; /* 1px */
    --size-0-5: 0.125rem; /* 2px */
    --size-1: 0.25rem; /* 4px */
    --size-1-5: 0.375rem; /* 6px */
    --size-2: 0.5rem; /* 8px */
    --size-2-5: 0.625rem; /* 10px */
    --size-3: 0.75rem; /* 12px */
    --size-3-5: 0.875rem; /* 14px */
    --size-4: 1rem; /* 16px */
    --size-4-5: 1.125rem; /* 18px */
    --size-5: 1.25rem; /* 20px */
    --size-5-5: 1.375rem; /* 22px */
    --size-6: 1.5rem; /* 24px */
    --size-6-5: 1.625rem; /* 26px */
    --size-7: 1.75rem; /* 28px */
    --size-7-5: 1.875rem; /* 30px */
    --size-8: 2rem; /* 32px */
    --size-8-5: 2.125rem; /* 34px */
    --size-9: 2.25rem; /* 36px */
    --size-9-5: 2.375rem; /* 38px */
    --size-10: 2.5rem; /* 40px */
    --size-11: 2.75rem; /* 44px */
    --size-12: 3rem; /* 48px */
    --size-14: 3.5rem; /* 56px */
    --size-16: 4rem; /* 64px */
    --size-18: 4.5rem; /* 72px */
    --size-20: 5rem; /* 80px */
    --size-24: 6rem; /* 96px */
    --size-28: 7rem; /* 112px */
    --size-32: 8rem; /* 128px */

    /* Text Sizes */
    --text-size-2: 0.5rem; /* 8px */
    --text-size-2-5: 0.625rem; /* 10px */
    --text-size-3: 0.75rem; /* 12px */
    --text-size-3-5: 0.875rem; /* 14px */
    --text-size-4: 1rem; /* 16px */
    --text-size-4-5: 1.125rem; /* 18px */
    --text-size-5: 1.25rem; /* 20px */
    --text-size-5-5: 1.375rem; /* 22px */
    --text-size-6: 1.5rem; /* 24px */
    --text-size-6-5: 1.625rem; /* 26px */
    --text-size-7: 1.75rem; /* 28px */
    --text-size-7-5: 1.875rem; /* 30px */
    --text-size-8: 2rem; /* 32px */
    --text-size-8-5: 2.125rem; /* 34px */
    --text-size-9: 2.25rem; /* 36px */
    --text-size-9-5: 2.375rem; /* 38px */
    --text-size-10: 2.5rem; /* 40px */
    --text-size-11: 2.75rem; /* 44px */
    --text-size-12: 3rem; /* 48px */
    --text-size-14: 3.5rem; /* 56px */
    --text-size-16: 4rem; /* 64px */
    --text-size-18: 4.5rem; /* 72px */
    --text-size-20: 5rem; /* 80px */
    --text-size-24: 6rem; /* 96px */
    --text-size-28: 7rem; /* 112px */
    --text-size-32: 8rem; /* 128px */

    /* Line */
    --line-size-none: 0px;
    --line-size-xs: 0.5px;
    --line-size-sm: 1px;
    --line-size-md: 2px;
    --line-size-lg: 4px;
    --line-size-xl: 8px;

    /* Gap */
    --gap-size-none: 0px;
    --gap-size-3xs: var(--size-0-5);
    --gap-size-2xs: var(--size-1);
    --gap-size-xs: var(--size-2);
    --gap-size-sm: var(--size-4);
    --gap-size-md: var(--size-8);
    --gap-size-lg: var(--size-12);
    --gap-size-xl: var(--size-16);
    --gap-size-2xl: var(--size-24);

    /* Radius */
    --radius-xs: 4px;
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --radius-2xl: 32px;
    --radius-none: 0px;
    --radius-full: 999px;

    /* Dropshadow */
    --shadow-none: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    --shadow-sm: 0px 1px 2px 0px rgba(0, 0, 0, 0.08);
    --shadow-md: 0px 2px 4px -1px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0px 8px 16px -4px rgba(0, 0, 0, 0.08);
    --shadow-xl: 0px 16px 32px -6px rgba(0, 0, 0, 0.12);
    --shadow-2xl: 0px 16px 64px -12px rgba(0, 0, 0, 0.22);

    /* Font Weights */
    --font-weight-100: 100;
    --font-weight-200: 200;
    --font-weight-300: 300;
    --font-weight-400: 400;
    --font-weight-500: 500;
    --font-weight-600: 600;
    --font-weight-700: 700;
    --font-weight-800: 800;
    --font-weight-900: 900;

    /* Letter Spacings */
    --letter-space-2xs: -0.05em;
    --letter-space-xs: -0.03em;
    --letter-space-sm: -0.015em;
    --letter-space-md: 0em;
    --letter-space-lg: 0.015em;
    --letter-space-xl: 0.03em;
    --letter-space-2xl: 0.05em;
    --letter-space-3xl: 0.08em;
    --letter-space-4xl: 0.12em;

    /* Line Heights */
    --line-height-2xs: 0.9;
    --line-height-xs: 1;
    --line-height-sm: 1.1;
    --line-height-md: 1.2;
    --line-height-lg: 1.5;
    --line-height-xl: 1.7;
    --line-height-2xl: 2;

    /* Color Shades */
    --shade-0: 0%;
    --shade-4: 4%;
    --shade-8: 8%;
    --shade-12: 12%;
    --shade-16: 16%;
    --shade-20: 20%;
    --shade-30: 30%;
    --shade-40: 40%;
    --shade-50: 50%;
    --shade-60: 60%;
    --shade-70: 70%;
    --shade-80: 80%;
    --shade-90: 90%;
    --shade-100: 100%;
  }
/* END_SNIPPET:style.primitive-tokens */

/* START_SNIPPET:utility.color-scheme-texture (INDEX:225) */
.scheme-image,
	.scheme-darken,
	.scheme-squiggle,
	.scheme-swirl,
	.scheme-dots,
	.scheme-notebook,
	.scheme-wave,
	.scheme-minimal-wave,
	.scheme-plants,
	.scheme-cold-blur,
	.scheme-warm-blur,
	.scheme-custom-texture-1,
	.scheme-custom-texture-2,
	.scheme-custom-texture-3 {
	  position: absolute;
	  width: 100%;
	  height: 100%;
	  top: 0;
	  left: 0;
	  z-index: 0;
	}
	
	[data-animate].scheme-image {
	  object-fit: cover;
	  pointer-events: none;
	  mix-blend-mode: multiply;
	  opacity: 1;
	
	  /*Specific styles on some textures*/
	
	  &[data-texture='space.jpg'] {
	    mix-blend-mode: screen;
	  }
	}
	
	[data-animate].scheme-texture--linen,
	[data-animate].scheme-texture--sand,
	[data-animate].scheme-texture--stone,
	[data-animate].scheme-texture--wildflower {
	  opacity: 0.24;
	}
	
	/*Darken is CSS, not image*/
	.scheme-darken {
	  --z-index-overlay: 1;
	  z-index: 1;
	  pointer-events: none;
	
	  &:after {
	    background-color: rgba(0, 0, 0, 0.027);
	    pointer-events: none;
	  }
	}
	
	/*
	  SVG images as backgrounds
	    - larger images are cached external assets that are only loaded when used
	 */
	.scheme-swirl {
	  background-image: url(swirl.svg);
	  opacity: 0.12;
	}
	
	.scheme-squiggle {
	  background: url("data:image/svg+xml,%3Csvg width='150' height='75' viewBox='0 0 52 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.17'%3E%3Cpath d='M10 10c0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6h2c0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4v2c-3.314 0-6-2.686-6-6 0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6zm25.464-1.95l8.486 8.486-1.414 1.414-8.486-8.486 1.414-1.414z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	}
	
	.scheme-dots {
	  background-image: radial-gradient(rgba(0, 0, 0, 0.15) 0.5px, transparent 2px);
	  background-size: 16px 16px;
	}
	
	.scheme-notebook {
	  background-image: url(notebook.svg);
	  opacity: 0.5;
	}
	
	.scheme-wave {
	  background-image: url(wave.svg);
	  background-size: cover;
	  opacity: 0.5;
	}
	
	.scheme-minimal-wave {
	  background-image: url(minimal-wave.svg);
	  opacity: 0.5;
	  background-size: cover;
	}
	
	.scheme-plants {
	  background-image: url(plants.svg);
	  background-size: cover;
	}
	
	.scheme-cold-blur {
	  background-image: url(cold-blur.svg);
	  background-size: cover;
	}
	
	.scheme-warm-blur {
	  background-image: url(warm-blur.svg);
	  background-size: cover;
	}
	
	.scheme-custom-texture-1 {
	  background-image: url(custom-texture-1.svg);
	  background-size: cover;
	}
	
	.scheme-custom-texture-2 {
	  background-image: url(custom-texture-2.svg);
	  background-size: cover;
	}
	
	.scheme-custom-texture-3 {
	  background-image: url(custom-texture-3.svg);
	  background-size: cover;
	}
/* END_SNIPPET:utility.color-scheme-texture */