.top-notice-wrap,
.prk-top-notice-wrap {
  display: block;
  position: relative;
  top: 0;
  width: 100%;
  z-index: var(--prk-top-notice-z, 1000);
  height: 0;
  overflow: hidden;
  direction: rtl;
}

.top-notice-wrap.is-sticky,
.prk-top-notice-wrap.is-sticky {
  position: sticky;
  top: 0;
}

.top-notice,
.prk-top-notice {
  position: absolute;
  inset: 0 0 auto 0;
  z-index: var(--prk-top-notice-z, 1000);
  height: 0;
  overflow: hidden;
}

.top-notice__inner,
.prk-top-notice__inner {
  position: relative;
  width: 100%;
  min-height: 1px;
  overflow: hidden;
  background: var(--prk-top-notice-image-bg, transparent);
}

.top-notice__media-link,
.prk-top-notice__media-link {
  display: block;
  width: 100%;
  min-height: var(--prk-top-notice-image-h-mobile, 35px);
  background: var(--prk-top-notice-image-bg, transparent);
}

.top-notice__media-link picture,
.prk-top-notice__media-link picture,
.top-notice__slide picture,
.prk-top-notice__slide picture {
  display: block;
  width: 100%;
  height: 100%;
}

.top-notice__image,
.prk-top-notice__image {
  display: block;
  width: 100%;
  height: var(--prk-top-notice-image-h-mobile, 35px);
  object-fit: var(--prk-top-notice-image-fit, cover);
  object-position: var(--prk-top-notice-image-position, center center);
  background: var(--prk-top-notice-image-bg, transparent);
}

.top-notice__content,
.prk-top-notice__content {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: var(--prk-top-notice-image-h-mobile, 35px);
  padding: 7px 44px 7px 16px;
  color: var(--prk-top-notice-color, #fff);
  background-color: var(--prk-top-notice-bg, #ef394e);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.top-notice__text-viewport,
.prk-top-notice__text-viewport {
  min-width: 0;
  flex: 1 1 auto;
  overflow: hidden;
  white-space: nowrap;
}

.top-notice__text-track,
.prk-top-notice__text-track {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  will-change: transform;
}

.top-notice__text,
.prk-top-notice__text {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  color: var(--prk-top-notice-color, #fff);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.9;
}

.top-notice-wrap.is-centered .top-notice__text-viewport,
.prk-top-notice-wrap.is-centered .prk-top-notice__text-viewport {
  text-align: center;
}

.top-notice-wrap.is-marquee .top-notice__text-track,
.prk-top-notice-wrap.is-marquee .prk-top-notice__text-track {
  gap: var(--prk-top-notice-marquee-gap, 64px);
  animation: prkTopNoticeMarquee var(--prk-top-notice-marquee-duration, 22s) linear infinite;
}

.top-notice-wrap.is-marquee .top-notice__text,
.prk-top-notice-wrap.is-marquee .prk-top-notice__text {
  padding-inline-end: var(--prk-top-notice-marquee-gap, 64px);
}

.top-notice__button,
.prk-top-notice__button {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  padding: 4px 12px;
  border-radius: 999px;
  color: var(--prk-top-notice-button-color, #ef394e);
  background: var(--prk-top-notice-button-bg, #fff);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  transition: transform .18s ease, opacity .18s ease;
}

.top-notice__button:hover,
.prk-top-notice__button:hover { opacity: .92; }
.top-notice__button:active,
.prk-top-notice__button:active { transform: scale(.97); }

.top-notice__slider,
.prk-top-notice__slider {
  position: relative;
  width: 100%;
  height: var(--prk-top-notice-image-h-mobile, 35px);
  overflow: hidden;
  background: var(--prk-top-notice-image-bg, transparent);
}

.top-notice__slider-track,
.prk-top-notice__slider-track {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  will-change: transform;
  direction: ltr;
}

.top-notice__slide,
.prk-top-notice__slide {
  display: block;
  flex: 0 0 100%;
  width: 100%;
  height: 100%;
  color: inherit;
  text-decoration: none;
}

.top-notice__slide .top-notice__image,
.prk-top-notice__slide .prk-top-notice__image {
  height: 100%;
}

.top-notice__slider[data-effect="fade"] .top-notice__slider-track,
.prk-top-notice__slider[data-effect="fade"] .prk-top-notice__slider-track {
  display: block;
}

.top-notice__slider[data-effect="fade"] .top-notice__slide,
.prk-top-notice__slider[data-effect="fade"] .prk-top-notice__slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--prk-top-notice-slider-duration, 500ms) ease;
}

.top-notice__slider[data-effect="fade"] .top-notice__slide.is-active,
.prk-top-notice__slider[data-effect="fade"] .prk-top-notice__slide.is-active {
  opacity: 1;
  pointer-events: auto;
}

.top-notice__vertical,
.prk-top-notice__vertical {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: var(--prk-top-notice-image-h-mobile, 35px);
  overflow: hidden;
  padding: 0 44px 0 16px;
  background: var(--prk-top-notice-bg, #fff);
}

.top-notice__vertical-viewport,
.prk-top-notice__vertical-viewport {
  position: relative;
  width: 100%;
  height: var(--prk-top-notice-text-scroller-h, 20px);
  overflow: hidden;
}

.top-notice__vertical-track,
.prk-top-notice__vertical-track {
  display: block;
  width: 100%;
  will-change: transform;
}

.top-notice__vertical-item,
.prk-top-notice__vertical-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  width: 100%;
  min-width: 0;
  height: var(--prk-top-notice-text-scroller-h, 20px);
  white-space: nowrap;
  color: var(--prk-top-notice-color, #0f766e);
  text-decoration: none;
  line-height: var(--prk-top-notice-text-scroller-h, 20px);
}

.top-notice__vertical-icon,
.prk-top-notice__vertical-icon {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 4px;
}

.top-notice__vertical-icon img,
.prk-top-notice__vertical-icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.top-notice__vertical-text,
.prk-top-notice__vertical-text {
  display: block;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 700;
  line-height: var(--prk-top-notice-text-scroller-h, 20px);
}

.top-notice__template,
.prk-top-notice__template {
  width: 100%;
  min-height: var(--prk-top-notice-image-h-mobile, 35px);
}

.top-notice__template > .elementor,
.prk-top-notice__template > .elementor {
  width: 100%;
}

.top-notice__close,
.prk-top-notice__close {
  position: absolute;
  top: 50%;
  right: 4px;
  z-index: 5;
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  padding: 0;
  margin: 0;
  background: transparent;
  cursor: pointer;
  transform: translateY(-50%);
  color: var(--prk-top-notice-close-color, #fff);
}

.top-notice__close svg,
.prk-top-notice__close svg {
  width: 28px;
  height: 28px;
  fill: currentColor;
  pointer-events: none;
}

@keyframes prkTopNoticeMarquee {
  from { transform: translateX(0); }
  to { transform: translateX(50%); }
}

@media (min-width: 1024px) {
  .top-notice__media-link,
  .prk-top-notice__media-link,
  .top-notice__slider,
  .prk-top-notice__slider,
  .top-notice__vertical,
  .prk-top-notice__vertical,
  .top-notice__template,
  .prk-top-notice__template {
    min-height: var(--prk-top-notice-image-h, 60px);
    height: var(--prk-top-notice-image-h, 60px);
  }

  .top-notice__image,
  .prk-top-notice__image {
    height: var(--prk-top-notice-image-h, 60px);
  }

  .top-notice__content,
  .prk-top-notice__content {
    min-height: var(--prk-top-notice-image-h, 60px);
    padding-top: 10px;
    padding-bottom: 10px;
    gap: 16px;
  }

  .top-notice__text,
  .prk-top-notice__text { font-size: 14px; }
}

@media (prefers-reduced-motion: reduce) {
  .top-notice-wrap.is-marquee .top-notice__text-track,
  .prk-top-notice-wrap.is-marquee .prk-top-notice__text-track {
    animation: none;
    transform: none;
  }
}


/* Stage73: delay=0 should be visible from first paint, before JS/load. */
.top-notice-wrap.is-instant,
.prk-top-notice-wrap.is-instant {
  height: auto;
  overflow: hidden;
}

.top-notice-wrap.is-instant .top-notice,
.prk-top-notice-wrap.is-instant .prk-top-notice,
.prk-top-notice-wrap.is-instant .top-notice,
.top-notice-wrap.is-instant .prk-top-notice {
  position: relative;
  height: auto;
}


/* Stage72: sync sticky headers with sticky top notice height. */
:root {
  --prk-top-notice-current-height: 0px;
}

@media (min-width: 1024px) {
  html.prk-top-notice-offset-active body #header.prk-default-header.is-sticky-desktop,
  html.prk-top-notice-offset-active body #header.prk-default-header.top_stikey,
  html.prk-top-notice-offset-active body .prk-default-header.is-sticky-desktop {
    top: var(--prk-top-notice-current-height, 0px) !important;
  }
}

@media (max-width: 1023px) {
  html.prk-top-notice-offset-active body #header.prk-default-header.is-sticky-mobile,
  html.prk-top-notice-offset-active body .prk-default-header.is-sticky-mobile {
    top: var(--prk-top-notice-current-height, 0px) !important;
  }

  html.prk-top-notice-offset-active body #prk-mobile-theme-header,
  html.prk-top-notice-offset-active body #prk-mobile-theme-header.is-fixed,
  html.prk-top-notice-offset-active body .prk-mt-header.is-fixed {
    top: calc(var(--prk-top-notice-current-height, 0px) + var(--prk-mt-header-top, 15px)) !important;
  }

  html.prk-top-notice-offset-active body.single-product #prk-mobile-theme-product-header,
  html.prk-top-notice-offset-active body.single-product #prk-mobile-theme-product-header.prk-mtph {
    top: calc(var(--prk-top-notice-current-height, 0px) + var(--prk-mtph-top, 15px)) !important;
  }

  html.prk-top-notice-offset-active body.single-product #prk-mobile-theme-product-header.prk-mtph--breadcrumb {
    top: var(--prk-top-notice-current-height, 0px) !important;
  }
}