/* Shared gutters include the header, homepage, and footer. */
html body.drn-reference-global.nsc-baklava.maycep-storefront {
  --drn-container-max: var(--maycep-width, 1200px);
  --drn-header-container-max: var(--maycep-width, 1200px);
  --drn-header-gutter: var(--maycep-gutter, 15px);
  --drn-gutter: var(--maycep-gutter, 15px);
  --drn-title-text: var(--yc-text) !important;
  background: var(--yc-bg-home) !important;
}
html body.maycep-storefront .drn-reference-header,
html body.drn-reference-global.nsc-baklava.maycep-storefront #main-content {
  --drn-header-gutter: var(--maycep-gutter, 15px);
  --drn-container-max: var(--maycep-width, 1200px);
  --drn-gutter: var(--maycep-gutter, 15px);
}
html body.drn-reference-global.nsc-baklava.maycep-storefront :is(
  .drn-reference-header .drn-reference-container,
  .drn-reference-footer .drn-reference-container,
  .neva-campaign > .drn-reference-container,
  .neva-mobile-announcement > .drn-reference-container,
  .ragbet-header-benefits__inner,
  #main-content.yc-home .yc-home-container
) {
  box-sizing: border-box;
  width: 100%;
  max-width: var(--maycep-width, 1200px) !important;
  margin-inline: auto;
  padding-inline: var(--maycep-gutter, 15px) !important;
}

html body.drn-reference-global.nsc-baklava.maycep-storefront .drn-reference-header .drn-reference-nav {
  background: var(--yc-surface) !important;
  border-color: var(--yc-border) !important;
}
html body.drn-reference-global.nsc-baklava.maycep-storefront .drn-reference-header {
  box-shadow: 0 2px 8px rgb(13 13 13 / 12%) !important;
}
html body.drn-reference-global.nsc-baklava.maycep-storefront .drn-reference-header .drn-reference-categories > summary {
  color: var(--yc-text) !important;
}
html body.drn-reference-global.nsc-baklava.maycep-storefront .drn-reference-header :is(
  .drn-reference-search > input[type=search],
  .drn-reference-search-mobile input[type=search]
) {
  background: var(--yc-surface) !important;
  border-color: var(--yc-muted) !important;
  border-radius: 8px !important;
}
html body.drn-reference-global.nsc-baklava.maycep-storefront .drn-reference-header :is(
  .drn-reference-search > button[type=submit],
  .drn-reference-search-mobile > div > button[type=submit]
) {
  right: 0 !important;
  height: 100% !important;
  aspect-ratio: 1;
  width: auto !important;
  border-radius: 0 8px 8px 0 !important;
  background: var(--yc-button-bg) !important;
  color: var(--yc-button-text) !important;
}
html body.drn-reference-global.nsc-baklava.maycep-storefront .drn-reference-header :is(
  .drn-reference-search > button[type=submit],
  .drn-reference-search-mobile > div > button[type=submit]
):hover {
  background: var(--yc-button-hover) !important;
}
html body.drn-reference-global.nsc-baklava.maycep-storefront .drn-reference-header-actions > .drn-reference-cart {
  border-radius: 8px !important;
}

@media (min-width: 1024px) {
  html body.drn-reference-global.nsc-baklava.maycep-storefront .neva-utility {
    min-height: 49px;
    background: var(--yc-inverse-bg);
    box-shadow: 0 0 0 100vmax var(--yc-inverse-bg) !important;
    clip-path: inset(0 -100vmax);
  }
  html body.drn-reference-global.nsc-baklava.maycep-storefront .neva-utility a {
    color: var(--yc-inverse-text);
  }
  html body.drn-reference-global.nsc-baklava.maycep-storefront .neva-utility a:hover {
    text-decoration: underline;
    text-underline-offset: 4px;
  }
  html body.drn-reference-global.nsc-baklava.maycep-storefront .neva-utility-brand {
    align-self: stretch;
    display: inline-flex;
    align-items: center;
    padding-inline: 16px;
    background: var(--yc-surface);
    color: var(--yc-text) !important;
  }
  html body.drn-reference-global.nsc-baklava.maycep-storefront .drn-reference-search {
    max-width: 552px;
    margin-inline: auto;
  }
  html body.drn-reference-global.nsc-baklava.maycep-storefront .drn-reference-header .drn-reference-search > input[type=search] {
    height: 44px !important;
    min-height: 44px !important;
  }
  html body.drn-reference-global.nsc-baklava.maycep-storefront .drn-reference-header .drn-reference-header-actions > .drn-reference-cart {
    min-height: 44px !important;
  }
}

html body.drn-reference-global.nsc-baklava.maycep-storefront .neva-campaign a {
  border-color: var(--yc-button-bg);
  border-radius: 8px;
  background: var(--yc-button-bg);
  color: var(--yc-button-text);
}
html body.drn-reference-global.nsc-baklava.maycep-storefront .neva-campaign a:hover {
  border-color: var(--yc-button-hover);
  background: var(--yc-button-hover);
}

html body.drn-reference-global.nsc-baklava.maycep-storefront #main-content.yc-home .yc-home-section--hero {
  padding-top: 32px !important;
}
html body.drn-reference-global.nsc-baklava.maycep-storefront .yc-home-hero {
  --maycep-hero-radius: 40px;
  border-radius: var(--maycep-hero-radius) !important;
}
html body.drn-reference-global.nsc-baklava.maycep-storefront .yc-home-hero :is(.yc-home-hero-track,.yc-home-hero-slide,.yc-home-hero-link,.yc-home-hero-img) {
  border-radius: var(--maycep-hero-radius) !important;
}
html body.drn-reference-global.nsc-baklava.maycep-storefront .yc-home-hero-track {
  overflow: hidden;
}
html body.drn-reference-global.nsc-baklava.maycep-storefront .yc-home .yc-card {
  border-radius: var(--yc-radius-lg) !important;
}
/* One palette for product cards in every listing. */
html body.drn-reference-global.nsc-baklava.maycep-storefront .yc-card .nsc-merch-ribbon {
  background: #f8fafc !important;
  border-color: var(--yc-border) !important;
  color: var(--yc-text) !important;
}
html body.drn-reference-global.nsc-baklava.maycep-storefront .yc-card .yc-card-action {
  background: var(--yc-button-bg) !important;
  border-color: var(--yc-button-bg) !important;
  border-radius: var(--yc-radius-sm) !important;
  color: var(--yc-button-text) !important;
}
html body.drn-reference-global.nsc-baklava.maycep-storefront .yc-card .yc-card-action:is(:hover,:focus-visible) {
  background: var(--yc-button-hover) !important;
  border-color: var(--yc-button-hover) !important;
}
@media (max-width: 900px) {
  html body.drn-reference-global.nsc-baklava.maycep-storefront #main-content.yc-home .yc-home-section--hero {
    padding-top: 20px !important;
  }
  html body.drn-reference-global.nsc-baklava.maycep-storefront .yc-home-hero {
    --maycep-hero-radius: 32px;
  }
}

html body.drn-reference-global.nsc-baklava.maycep-storefront .drn-reference-footer {
  --drn-footer-text: var(--yc-inverse-text) !important;
  --drn-footer-link-hover: var(--yc-inverse-text) !important;
  background: var(--yc-inverse-bg) !important;
  color: var(--yc-inverse-text) !important;
  border-top-color: var(--yc-inverse-bg) !important;
}
html body.drn-reference-global.nsc-baklava.maycep-storefront .drn-reference-footer :is(
  .drn-reference-footer-security,
  .drn-reference-footer-merchant,
  .drn-reference-footer-bottom
) {
  background: var(--yc-inverse-bg) !important;
  border-color: var(--neva-footer-line) !important;
}
html body.drn-reference-global.nsc-baklava.maycep-storefront .drn-reference-footer :is(
  h2,p,a,small,li,.drn-footer-security-label
) {
  color: var(--yc-inverse-text) !important;
}
html body.drn-reference-global.nsc-baklava.maycep-storefront .drn-reference-footer .drn-reference-footer-logo {
  width: fit-content;
  padding: 8px 10px;
  border-radius: 8px;
  background: var(--yc-surface);
}