.elementor-widget-container.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-container .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-container .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-container.pa-bg-clipped-yes.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-text, .elementor-widget-container:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-container.premium-gbadge-custom:not(.pa-bg-clipped-yes) .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-container .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-31 .elementor-element.elementor-element-e9230a8{--display:flex;--position:absolute;top:0px;}body:not(.rtl) .elementor-31 .elementor-element.elementor-element-e9230a8{left:0px;}body.rtl .elementor-31 .elementor-element.elementor-element-e9230a8{right:0px;}.elementor-widget-html.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-html .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-html .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-html.pa-bg-clipped-yes.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-text, .elementor-widget-html:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-html.premium-gbadge-custom:not(.pa-bg-clipped-yes) .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-html .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-31 .elementor-element.elementor-element-ac7961a{width:var( --container-widget-width, 0% );max-width:0%;--container-widget-width:0%;--container-widget-flex-grow:0;top:0px;}body:not(.rtl) .elementor-31 .elementor-element.elementor-element-ac7961a{left:0px;}body.rtl .elementor-31 .elementor-element.elementor-element-ac7961a{right:0px;}body:not(.rtl) .elementor-31 .elementor-element.elementor-element-41beb9b{left:0px;}body.rtl .elementor-31 .elementor-element.elementor-element-41beb9b{right:0px;}.elementor-31 .elementor-element.elementor-element-41beb9b{top:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS */@scope (.mrkt-header) {
  /* Reset Elementor Defaults */
  :scope .e-div-block-base,
  .elementor :scope {
    padding: 0;
    min-width: 0;
    min-height: 0;
  }

  :is(.elementor) :scope {
    /* Positioning */
    position: sticky;
    top: 0;
    z-index: 1100;

    /* Layout */
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100vw;
    min-height: var(--mrkt-header-height);
    padding-block: var(--mrkt-space-M);
    padding-inline: var(--mrkt-section-padding-inline);
    background-color: var(--mrkt-color-white);

    /* Transitions */
    transition:
      height var(--mrkt-transition-base),
      padding-block var(--mrkt-transition-base),
      box-shadow var(--mrkt-transition-base),
      background-color var(--mrkt-transition-base);
  }

  :scope.scrolled {
    /* Layout */
    min-height: calc(var(--mrkt-header-height) - 1.5rem);
    background-color: var(--mrkt-color-white-a80);
    padding-block: var(--mrkt-space-XS);
    backdrop-filter: blur(10px);

    /* Style */
    box-shadow: var(--mrkt-shadow-S);
  }

  /* Open menu: snap header metrics in one frame so the overlay geometry
     settles immediately instead of chasing the animated height */
  :is(.elementor) :scope.menu-open {
    /* Transitions */
    transition: none;
  }


  /* ==========================================================================
     Menu Toggle (left)
     ========================================================================== */

  :scope .menu-button {
    /* Positioning */
    justify-self: start;
    cursor: pointer;

    /* Layout */
    display: inline-flex;
    align-items: center;
    gap: var(--mrkt-space-S);
    padding: 0;
    border: 0;
    background: transparent;

    /* Font */
    font-family: var(--mrkt-typo-button-family);
    font-size: var(--mrkt-typo-button-size);
    font-weight: var(--mrkt-typo-button-weight);
    line-height: 1;
    letter-spacing: var(--mrkt-typo-button-letter-spacing);
    text-transform: uppercase;

    /* Style */
    color: var(--mrkt-color-black);

    /* Transitions */
    transition: color var(--mrkt-transition-base);
  }

  :scope .menu-button:hover,
  :scope .menu-button:focus-visible {
    color: var(--mrkt-color-primary);
  }

  :scope .menu-button:focus-visible {
    outline: var(--mrkt-border-width) solid currentColor;
    outline-offset: var(--mrkt-space-XXS);
    border-radius: var(--mrkt-border-radius-full);
  }

  :scope .menu-text-close {
    display: none;
  }

  :scope.menu-open .menu-text {
    display: none;
  }

  :scope.menu-open .menu-text-close {
    display: inline;
  }

  :scope .menu-icon {
    /* Layout */
    display: grid;
    place-items: center;
    width: 1.75rem;
    height: 1.5rem;
  }

  :scope .menu-icon-part {
    /* Layout */
    grid-area: 1 / 1;
    width: 100%;
    height: 2px;
    border-radius: var(--mrkt-border-radius-full);

    /* Style */
    background: currentColor;

    /* Transitions */
    transition:
      translate var(--mrkt-transition-base),
      rotate var(--mrkt-transition-base),
      opacity var(--mrkt-transition-base);
  }

  :scope .menu-icon-part-a {
    translate: 0 -0.55rem;
  }

  :scope .menu-icon-part-c {
    translate: 0 0.55rem;
  }

  /* Hover shuffle: middle bar right, outer bars left */
  :scope .menu-button:hover .menu-icon-part-a,
  :scope .menu-button:focus-visible .menu-icon-part-a {
    translate: -5px -0.55rem;
  }

  :scope .menu-button:hover .menu-icon-part-b,
  :scope .menu-button:focus-visible .menu-icon-part-b {
    translate: 5px 0;
  }

  :scope .menu-button:hover .menu-icon-part-c,
  :scope .menu-button:focus-visible .menu-icon-part-c {
    translate: -5px 0.55rem;
  }

  /* Open state: bars morph into an X, middle bar vanishes */
  :scope.menu-open .menu-icon-part-a {
    translate: 0 0;
    rotate: 45deg;
  }

  :scope.menu-open .menu-icon-part-b {
    opacity: 0;
  }

  :scope.menu-open .menu-icon-part-c {
    translate: 0 0;
    rotate: -45deg;
  }


  /* ==========================================================================
     Brand (center)
     ========================================================================== */

  :scope .brand,
  .elementor :scope .brand {
    /* Positioning */
    justify-self: center;

    /* Layout */
    display: flex;
    flex-direction: column;
    width: 80ch;
    align-items: center;
    gap: var(--mrkt-space-XS);
    text-decoration: none;
    color: inherit;
  }

  :scope .logo-stack,
  .elementor :scope .logo-stack {
    height: 3rem;
    width: auto;

    /* Transitions */
    transition: height var(--mrkt-transition-base);
  }

  :scope .logo-stack svg,
  .elementor :scope .logo-stack svg {
    /* Layout */
    grid-area: 1 / 1;
    width: 100%;
    height: 100%;
    object-fit: contain;

    /* Transitions */
    transition: opacity var(--mrkt-transition-base);
  }

  :scope .logo-alt,
  .elementor :scope .logo-alt {
    opacity: 0;
  }

  :scope.scrolled .logo-stack,
  .elementor :scope.scrolled .logo-stack {
    height: 4rem;
  }

  :scope.scrolled .logo-default,
  .elementor :scope.scrolled .logo-default {
    opacity: 0;
  }

  :scope.scrolled .logo-alt,
  .elementor :scope.scrolled .logo-alt {
    opacity: 1;
  }

  :scope .brand-text,
  .elementor :scope .brand-text {
    /* Font */
    font-family: var(--mrkt-typo-eyebrow-family);
    font-size: var(--mrkt-typo-eyebrow-size);
    font-weight: var(--mrkt-typo-eyebrow-weight);
    line-height: 1;
    letter-spacing: var(--mrkt-typo-eyebrow-letter-spacing);

    color: var(--mrkt-color-primary);

    /* Transitions */
    transition:
      height var(--mrkt-transition-base),
      translate var(--mrkt-transition-base),
      opacity var(--mrkt-transition-base);
  }

  :scope.scrolled .brand-text,
  .elementor :scope.scrolled .brand-text {
    height: 0;
    opacity: 0;
    translate: 0 -70%;
  }

  :scope.scrolled .mrkt-open-times .status::after,
  .elementor :scope.scrolled .mrkt-open-times .status::after {
    /* Style */
    opacity: 0;

    /* Transitions */
    transform: translateY(-100%) rotate(-3deg);
  }


  /* ==========================================================================
     Actions (right)
     ========================================================================== */

  :scope .actions {
    /* Positioning */
    justify-self: end;

    /* Layout */
    display: flex;
    align-items: center;
    gap: var(--mrkt-space-M);
  }
}


@scope (.mrkt-text-icon) {
  /* Reset Elementor Defaults */
  :scope .e-div-block-base,
  .elementor :scope {
    padding: 0;
    min-width: 0;
    min-height: 0;
  }

  :scope {
    /* Layout */

    /* Typography */
    --label-text-font: var(--mrkt-typo-eyebrow-family, 'Inter', sans-serif);
    --label-text-size: var(--mrkt-typo-button-size, 1.5rem);
    --label-text-weight: var(--mrkt-typo-button-weight, 500);

    /* Style */
    --label-color: var(--mrkt-color-grey-500);
    --icon-color-hover: var(--mrkt-color-primary-500);
    --icon-size: 40px;

    /* Transition */
    --focus-transition: all var(--mrkt-transition-base);
  }

  :is(.elementor) :scope {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: var(--label-color);
    text-decoration: none;
    overflow: hidden;
    isolation: isolate;
    width: var(--icon-size);
    height: var(--icon-size);
    transition: var(--focus-transition);
  }

  /* Base Icon Styling */
  :scope svg,
  :scope .e-font-icon-svg {
    width: var(--icon-size);
    height: var(--icon-size);
    padding: 0.1rem;
    fill: currentColor;
    transition: var(--focus-transition);
  }

  /* Pseudo-element for the dynamic text label */
  :scope::before {
    content: attr(data-label);
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem;
    font-family: var(--label-text-font);
    font-size: var(--label-text-size);
    font-weight: var(--label-text-weight);
    text-align: center;
    color: var(--label-color);
    z-index: 2;

    /* Initial off-screen/faded state for Desktop */
    opacity: 0;
    transform: translateY(1rem);
    transition: var(--focus-transition);
  }

  /* ─────────────────────────────────────────
      DESKTOP HOVER & FOCUS STATES
    ───────────────────────────────────────── */
  @media (min-width: 769px) {

    :scope:hover,
    :scope:focus-visible {
      color: var(--icon-color-hover);
    }

    /* Fade & lift text to center */
    :scope:hover::before,
    :scope:focus-visible::before {
      color: var(--icon-color-hover);
      opacity: 1;
      transform: translateY(0);
    }

    /* Dim and slightly scale down icon */
    :scope:hover svg,
    :scope:hover .e-font-icon-svg,
    :scope:focus-visible svg,
    :scope:focus-visible .e-font-icon-svg {
      opacity: 0.2;
      transform: scale(0.85);
    }

    :scope:hover::after,
    :scope:focus-visible::after {
      opacity: 1;
    }
  }

  /* ─────────────────────────────────────────
      MOBILE LAYOUT (Text Below Icon)
    ───────────────────────────────────────── */
  @media (max-width: 768px) {
    :scope {
      width: auto;
      min-width: 5rem;
      height: auto;
      flex-direction: column-reverse;
      justify-content: center;
      gap: 0.1rem;
    }

    /* Reset icon for mobile */
    :scope svg,
    :scope .e-font-icon-svg {
      width: 2rem;
      height: 2rem;
      opacity: 1;
      transform: none;
    }

    /* Position text flow below the SVG */
    :scope::before {
      position: static;
      opacity: 1;
      transform: none;
      font-size: 1rem;
      font-family: "Google Sans", system-ui, sans-serif;
      line-height: 1;
      padding: 0;
    }

    /* Hide overlay on mobile */
    :scope::after {
      display: none;
    }
  }
}

@scope (.mrkt-menu-overlay) {
  /* Reset Elementor Defaults */
  :scope .e-div-block-base,
  .elementor :scope {
    padding: 0;
    min-width: 0;
    min-height: 0;
  }

  .elementor :scope {
    /* Positioning */
    position: fixed;
    z-index: 1000;
    top: var(--mrkt-header-height);
    left: 0;
    right: 0;

    /* Layout */
    display: flex;
    flex-direction: row;
    gap: var(--mrkt-space-XXL);
    overflow-y: auto;
    height: calc(100svh - var(--mrkt-header-height));
    padding-left: var(--mrkt-section-padding-left);
    padding-block: var(--mrkt-section-padding-block);

    /* Style */
    background-color: var(--mrkt-color-background-alt);
    visibility: hidden;
    opacity: 0;

    /* Transitions */
    transition:
      opacity var(--mrkt-transition-base),
      visibility var(--mrkt-transition-base);
    will-change: opacity;
    contain: paint;
  }

  :scope.is-open {
    /* Style */
    visibility: visible;
    opacity: 1;
  }

  :scope .mrkt-typo-eyebrow {
    color: var(--mrkt-color-primary-300);
  }


  /* ==========================================================================
     Logo watermark
     ========================================================================== */

  :scope .watermark {
    /* Positioning */
    position: absolute;
    inset: 0;
    z-index: -1;
    margin: auto;

    /* Layout */
    width: min(60%, 30rem);
    height: min(60%, 30rem);
    object-fit: contain;
    pointer-events: none;

    /* Style */
    opacity: 0.08;
  }


  /* ==========================================================================
     Column 1: Main navigation
     ========================================================================== */

  :scope .main-nav {
    /* Layout */
    display: flex;
    flex-direction: column;
    gap: var(--mrkt-space-M);

    flex: 0 5 20rem;
    min-width: fit-content;

    justify-content: center;
  }

  :scope .main-list {
    /* Layout */
    display: flex;
    flex-direction: column;
    gap: var(--mrkt-space-M);
  }

  :scope .main-link {
    /* Positioning */
    position: relative;

    /* Layout */
    display: block;
    width: fit-content;

    /* Typo */
    font-family: var(--mrkt-typo-h2-family);
    font-size: var(--mrkt-typo-h2-size);
    font-weight: var(--mrkt-typo-h2-weight);
    line-height: var(--mrkt-typo-h2-line-height);
    letter-spacing: var(--mrkt-typo-h2-letter-spacing);

    /* Style */
    color: var(--mrkt-color-text);
    text-decoration: none;

    /* Transitions */
    transition:
      translate var(--mrkt-transition-base),
      color var(--mrkt-transition-base);
  }

  :scope .main-link::after {
    content: "";

    /* Positioning */
    position: absolute;
    left: 0;
    bottom: -0.2em;

    /* Layout */
    width: 100%;
    height: 2px;

    /* Style */
    background-color: currentColor;
    transform: scaleX(0);
    transform-origin: left center;

    /* Transitions */
    transition: transform var(--mrkt-transition-base);
  }

  :scope .main-link:is(:hover, :focus-visible),
  :scope .main-link.is-active {
    /* Layout */
    translate: var(--mrkt-space-XS) 0;

    /* Style */
    color: var(--mrkt-color-primary);
  }

  :scope .main-link:is(:hover, :focus-visible)::after,
  :scope .main-link.is-active::after {
    /* Style */
    transform: scaleX(1);
  }


  /* ==========================================================================
     Column 2: Sub navigation
     ========================================================================== */

  :scope .sub-nav {
    /* Positioning */
    align-self: center;

    /* Layout */
    display: grid;
    flex: 0 1 16rem;
    min-width: fit-content;
  }

  :scope .sub-list {
    grid-area: 1 / 1;
    display: grid;
    gap: var(--mrkt-space-S);
    align-content: center;

    /* Hide layout state reliably without breaking keyframe triggers */
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--mrkt-transition-fast);
  }

  /* Active list appears instantly; inner items run the keyframe animation */
  :scope .sub-list.is-active {
    opacity: 1;
    pointer-events: auto;
    transition: opacity 0s;
  }

  /* Stagger index per item using CSS custom property fallback */
  :scope .sub-link:nth-child(1) { --i: 0; }
  :scope .sub-link:nth-child(2) { --i: 1; }
  :scope .sub-link:nth-child(3) { --i: 2; }
  :scope .sub-link:nth-child(4) { --i: 3; }
  :scope .sub-link:nth-child(5) { --i: 4; }

  :scope .sub-link {
    display: block;
    width: fit-content;

    font-family: var(--mrkt-typo-meta-family);
    font-size: var(--mrkt-typo-h3-size);
    font-weight: var(--mrkt-typo-meta-weight);
    line-height: var(--mrkt-typo-meta-line-height);
    letter-spacing: var(--mrkt-typo-meta-letter-spacing);

    color: var(--mrkt-color-text-muted);
    text-decoration: none;

    /* Keep transition isolated to hover state to prevent overriding animation */
    transition: all var(--mrkt-transition-base), color var(--mrkt-transition-base);
  }

  /* Entry animation runs only when active class is applied */
  :scope .sub-list.is-active .sub-link {
    animation: mrkt-sub-entry var(--mrkt-transition-base) calc(var(--i, 0) * 60ms) both;
  }

  :scope .sub-link:hover,
  :scope .sub-link:focus-visible {
    color: var(--mrkt-color-primary);
    transform: translateX(var(--mrkt-space-XS));
  }


  /* ==========================================================================
     Column 3: Image
     ========================================================================== */

  :scope .media {
    /* Positioning */
    position: relative;

    /* Layout */
    overflow: hidden;
  }

  :scope .media-img {
    /* Positioning */
    position: absolute;
    inset: 0;

    /* Layout */
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;

    /* Style */
    opacity: 0;
    translate: 100% 0;

    /* Transitions */
    transition:
      translate var(--mrkt-transition-slow),
      opacity var(--mrkt-transition-slow);
    transition-delay: var(--mrkt-transition-fast);
  }

  :scope .media-img.is-active {
    /* Style */
    opacity: 1;
    translate: 0 0;

    /* Transitions */
    transition-delay: 0s;
  }

    @keyframes mrkt-sub-entry {
    from {
      opacity: 0;
      translate: -1.5rem 0;
    }

    to {
      opacity: 1;
      translate: 0 0;
    }
  }
}

@scope (.mrkt-open-times) {
  /* Reset Elementor Defaults */
  :scope .e-button-base,
  :scope .e-div-block-base,
  :scope:is(.elementor *) {
    /* Layout */
    padding: 0;
    min-width: 0;
    min-height: 0;
  }

  .elementor :scope {
    --icon-size: 40px;

    /* Positioning */
    position: relative;

    /* Layout */
    display: inline-grid;
  }

  :scope .trigger {
    cursor: pointer;
  }

  .elementor :scope .status::after {
    content: "";

    /* Positioning */
    position: absolute;
    top: 40%;
    right: auto;
    bottom: auto;
    left: calc(var(--icon-size) + var(--mrkt-space-M));
    pointer-events: none;

    /* Layout */
    display: block;
    width: max-content;
    overflow: hidden;

    /* Font */
    font-family: var(--mrkt-typo-eyebrow-family);
    font-size: var(--mrkt-typo-eyebrow-size);
    font-weight: var(--mrkt-typo-eyebrow-weight);
    line-height: var(--mrkt-typo-eyebrow-line-height);
    letter-spacing: var(--mrkt-typo-eyebrow-letter-spacing);
    white-space: nowrap;

    /* Style */
    color: var(--mrkt-color-primary-300);
    clip-path: inset(0 100% 0 0);
    opacity: 0;

    /* Transitions */
    transition:
      opacity var(--mrkt-transition-base),
      transform var(--mrkt-transition-base);
    transform: translateY(-50%) rotate(-3deg);
  }

  :scope .watermark {
    /* Positioning */
    position: absolute;
    inset: 0;
    z-index: -1;
    margin: auto;

    /* Layout */
    width: min(60%, 30rem);
    height: min(60%, 30rem);
    object-fit: contain;
    pointer-events: none;

    /* Style */
    opacity: 0.08;
  }

  :scope .status.has-status::after {
    content: attr(data-status-label);

    /* Style */
    opacity: 1;

    /* Transitions */
    animation: mrkt-open-times-label-reveal var(--mrkt-transition-slow) forwards;
    transform: translateY(-50%) rotate(-3deg);
  }

  :scope .popup {
    /* Positioning */
    position: absolute;
    interpolate-size: allow-keywords;
    top: calc(100% + var(--mrkt-space-XS));
    left: 0;
    z-index: 1;
    pointer-events: none;
    overflow: hidden;

    /* Layout */
    display: grid;
    grid-template-columns: 8rem minmax(11rem, 1fr);
    gap: var(--mrkt-space-M);
    width: min(25rem, calc(100vw - 2 * var(--mrkt-space-M)));
    max-height: min(80svh, 42rem);
    overflow-y: auto;
    padding: var(--mrkt-space-M);

    /* Style */
    border: 1px solid var(--mrkt-color-grey-300);
    border-radius: var(--mrkt-border-radius-M);
    background-color: var(--mrkt-color-primary-50);
    opacity: 0;
    visibility: hidden;

    /* Transitions */
    transition:
      height var(--mrkt-transition-base),
      opacity var(--mrkt-transition-base),
      transform var(--mrkt-transition-base),
      visibility 0s var(--mrkt-transition-base);
    transform: translateY(calc(-1 * var(--mrkt-space-XS))) scale(0.82);
    transform-origin: top left;
  }

  :scope.is-open .popup {
    /* Positioning */
    pointer-events: auto;

    /* Style */
    opacity: 1;
    visibility: visible;

    /* Transitions */
    transition-delay: 0s;
    transform: none;
  }

  :scope .tabs {
    /* Layout */
    display: flex;
    flex-direction: column;
    align-items: Left;
    justify-content: center;
    gap: var(--mrkt-space-S);
  }

  :scope .tab {
    /* Positioning */
    cursor: pointer;

    /* Layout */
    width: 15ch;

    /* Font */
    text-align: left;

    /* Style */
    border: 0;
    border-radius: var(--mrkt-border-radius-S);
    background-color: transparent;
    color: var(--mrkt-color-text-muted);

    /* Transitions */
    transition: 
      background-color var(--mrkt-transition-base), 
      color var(--mrkt-transition-base);
  }

  :scope .tab:hover,
  :scope .tab:focus-visible,
  :scope .tab.is-active {
    /* Style */
    background-color: var(--mrkt-color-primary-50);
    color: var(--mrkt-color-primary-300);
  }

  :scope .panels {
    /* Layout */
    min-width: 0;
    overflow: hidden;
  }

  :scope .panel {
    /* Layout */
    min-width: 0;
  }

  :scope .panel[hidden] {
    /* Layout */
    display: none;
  }

  :scope .title {
    /* Layout */
    margin-bottom: var(--mrkt-space-S);

    /* Style */
    color: var(--mrkt-color-primary);
  }

  :scope .schedule {
    /* Layout */
    display: grid;
    gap: var(--mrkt-space-M);
  }

  :scope .day {
    /* Positioning */
    position: relative;

    /* Layout */
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr);
    gap: var(--mrkt-space-XXS);

    /* Style */
    color: var(--mrkt-color-text-muted);
  }

  :scope .day:not(:last-child)::after {
    content: "";

    /* Positioning */
    position: absolute;
    right: 0;
    bottom: calc(var(--mrkt-space-M) / -2);
    left: 0;

    /* Layout */
    height: 1px;

    /* Style */
    background-color: var(--mrkt-color-primary-100);
  }

  :scope .day dt {
    /* Font */
    font-weight: 600;
  }

  :scope .day.has-multiple-hours dt {
    /* Layout */
    align-self: center;
  }

  :scope .day dd {
    /* Font */
    text-align: right;
  }

  :scope .day.is-today {
    /* Style */
    color: var(--mrkt-color-primary-300);
  }

  :scope .panel.scroll-up .day {
    /* Transitions */
    animation: mrkt-open-times-scroll-up var(--mrkt-transition-slow) both;
    animation-delay: calc(var(--day-index, 0) * 35ms);
  }

  :scope .panel.scroll-down .day {
    /* Transitions */
    animation: mrkt-open-times-scroll-down var(--mrkt-transition-slow) both;
    animation-delay: calc(var(--day-index, 0) * 35ms);
  }

  :scope .error {
    /* Font */
    font-size: var(--mrkt-typo-body-small-size);

    /* Style */
    color: var(--mrkt-color-text-muted);
  }

  @media only screen and (max-width: 767px) {
    :scope .popup {
      /* Layout */
      grid-template-columns: minmax(7.5rem, 0.85fr) minmax(9rem, 1.15fr);
      gap: var(--mrkt-space-S);
      padding: var(--mrkt-space-S);
    }

  }

  @media (prefers-reduced-motion: reduce) {
    :scope .status.has-status::after,
    :scope .popup,
    :scope .day {
      /* Transitions */
      animation: none;
      transition: none;
    }

    :scope .status.has-status::after {
      /* Style */
      clip-path: none;
    }
  }

  @keyframes mrkt-open-times-label-reveal {
    to {
      clip-path: inset(0);
    }
  }

  @keyframes mrkt-open-times-scroll-up {
    from {
      opacity: 0;
      transform: translateY(var(--mrkt-space-M));
    }

    to {
      opacity: 1;
      transform: none;
    }
  }

  @keyframes mrkt-open-times-scroll-down {
    from {
      opacity: 0;
      transform: translateY(calc(-1 * var(--mrkt-space-M)));
    }

    to {
      opacity: 1;
      transform: none;
    }
  }
}/* End custom CSS */