/* _common/_common\default\common.scss */
@keyframes monthly-scale-reveal {
  from {
    opacity: 0;
    transform: translate3d(var(--reveal-from-x, 0), var(--reveal-from-y, 0), 0) scale(var(--reveal-from-scale, 0.96));
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}
@keyframes monthly-opacity-reveal {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes monthly-translate-reveal {
  from {
    transform: translate3d(var(--reveal-from-x, 0), var(--reveal-from-y, 0), 0) scale(var(--reveal-from-scale, 0.96));
  }
  to {
    transform: translate3d(0, 0, 0) scale(1);
  }
}
@keyframes monthly-step-rotate-wiggle {
  0%, 100% {
    rotate: var(--wiggle-from, -2deg);
  }
  50% {
    rotate: var(--wiggle-to, 2deg);
  }
}
@keyframes monthly-step-rotate-wiggle-travel {
  0%, 100% {
    rotate: var(--wiggle-travel-from, -6deg);
  }
  50% {
    rotate: var(--wiggle-travel-to, 6deg);
  }
}
@keyframes monthly-scroll-float {
  from {
    translate: var(--float-from-x, 0) var(--float-from-y, 0);
  }
  to {
    translate: var(--float-to-x, 1rem) var(--float-to-y, 1rem);
  }
}
[lang=ko] .monthly :is(*, .headline) {
  font-family: var(--primitive-font-family-lg-smart-ui-default), "Segoe UI", "Microsoft Sans Serif", sans-serif;
}

.monthly {
  --color-point-pink: #f4d0c9;
  --color-point-pink-light: #f5e2de;
  --color-point-brown: #634528;
  --color-point-brown-dark: #4e443b;
  --color-point-white: #fff;
  --color-point-black: #260f09;
  --color-eyebrow: var(--color-point-pink);
  --color-headline: var(--color-point-brown);
  --color-text: var(--color-point-brown);
  --container-width: 100%;
  --container-padding: 1rem;
  overflow-x: clip;
  background-color: #fff;
  line-height: normal;
}
.monthly * {
  font-family: "LGEI Text", "Segoe UI", "Microsoft Sans Serif", sans-serif;
}
.monthly sup {
  font-size: 60%;
}
@media all and (min-width: 93rem) {
  .monthly .only-mo {
    display: none !important;
  }
}
.monthly .only-pc {
  display: none !important;
}
@media all and (min-width: 93rem) {
  .monthly .only-pc {
    display: revert !important;
  }
}
.monthly .hidden-mo {
  display: none !important;
}
@media all and (min-width: 48.0625rem) {
  .monthly .hidden-mo {
    display: revert !important;
  }
}
@media all and (min-width: 48.0625rem) {
  .monthly .hidden-ta {
    display: none !important;
  }
}
.monthly .headline {
  font-family: "LGEI Headline", "Segoe UI", "Microsoft Sans Serif", sans-serif;
}
.monthly .headline :is(*) {
  font-family: inherit;
}
.monthly .handwriting-courgette {
  font-family: "Courgette", serif !important;
}
.monthly .handwriting-caveat {
  font-family: "Caveat", serif !important;
}
.monthly [class*=handwriting]:is(p, span),
.monthly [class*=handwriting] :is(p, span) {
  padding-block-end: 0.25rem;
  font-family: inherit;
  font-weight: 400;
  letter-spacing: -0.02em;
}
.monthly__container {
  width: 100%;
  max-width: var(--container-width);
  margin-inline: auto;
  padding-inline: var(--container-padding);
}
.monthly__section {
  margin-inline: auto;
  background-color: var(--color-bg);
}
.monthly__title {
  font-size: 1.8125rem;
  line-height: 1.1034;
  font-weight: 800;
  color: var(--color-headline);
}
.monthly__title--ruled {
  text-wrap: balance;
}
.monthly__title--ruled [data-split=lines] .split-line,
.monthly__title--ruled > :is(h1, h2, h3) > span {
  display: block;
  position: relative;
}
.monthly__title--ruled [data-split=lines] .split-line::after,
.monthly__title--ruled > :is(h1, h2, h3) > span::after {
  content: "";
  position: absolute;
  bottom: var(--ruled-bottom, 0.15em);
  left: 0;
  width: 100%;
  height: 0.0625rem;
  background-color: currentColor;
  opacity: 0.5;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.5s ease;
  transition-delay: calc(var(--i, 0) * 0.2s + 0.55s);
}
.monthly__title--ruled [data-split=lines].is-animated .split-line::after {
  transform: scaleX(1);
}
.monthly [data-split=lines] .split-line {
  display: block;
  overflow: hidden;
}
.monthly [data-split=lines] .split-line-inner {
  display: block;
  transform: translateY(120%);
  transition: transform 0.7s ease;
  transition-delay: calc(var(--i, 0) * 0.2s);
}
.monthly [data-split=lines].is-animated .split-line-inner {
  transform: translateY(0);
}
.monthly [data-split=chars] .split-char {
  display: inline-block;
  opacity: 0;
  transform: translateY(0.55em) scale(0.88);
  transition: opacity 0.35s ease-out, transform 0.55s cubic-bezier(0.34, 1.45, 0.64, 1);
  transition-delay: calc(var(--i, 0) * 0.04s);
}
.monthly [data-split=chars] .split-char--space {
  width: 0.25em;
}
.monthly [data-split=chars].is-animated .split-char {
  opacity: 1;
  transform: translateY(0) scale(1);
}
@media (prefers-reduced-motion: reduce) {
  .monthly [data-split=lines] .split-line-inner {
    transform: none;
    transition: none;
  }
  .monthly [data-split=lines].is-animated .split-line-inner {
    transform: none;
  }
  .monthly [data-split=chars] .split-char {
    opacity: 1;
    transform: none;
    transition: none;
  }
  .monthly__title--ruled [data-split=lines] .split-line::after,
  .monthly__title--ruled > :is(h1, h2, h3) > span::after {
    transform: scaleX(1);
    transition: none;
  }
}
.monthly [data-animate=load-reveal] {
  --reveal-from-scale: 0.96;
  opacity: 0;
  transform: scale(0.96);
  transform-origin: center;
  animation: monthly-scale-reveal 0.3s cubic-bezier(0.34, 1.45, 0.64, 1) 0s forwards;
}
@media (prefers-reduced-motion: reduce) {
  .monthly [data-animate=load-reveal] {
    animation: none;
    opacity: 1;
    transform: none;
  }
}
.monthly [data-animate=reveal] {
  --reveal-from-scale: 0.96;
  opacity: 0;
  transform: scale(0.96);
  transform-origin: center;
}
.monthly [data-animate=reveal].is-animated {
  animation: monthly-scale-reveal 0.45s cubic-bezier(0.34, 1.45, 0.64, 1) 0s forwards;
}
@media (prefers-reduced-motion: reduce) {
  .monthly [data-animate=reveal] {
    animation: none;
    opacity: 1;
    transform: none;
  }
}
.monthly [data-animate=sticker-wiggle] {
  --reveal-from-scale: 0.96;
  --reveal-from-x: 0;
  --reveal-from-y: 0;
  --wiggle-travel-from: -6deg;
  --wiggle-travel-to: 6deg;
  --wiggle-from: -2deg;
  --wiggle-to: 2deg;
  opacity: 0;
  transform: translate3d(0, 0, 0) scale(0.96);
  transform-origin: center;
}
.monthly [data-animate=sticker-wiggle].is-animated {
  animation-name: monthly-opacity-reveal, monthly-translate-reveal, monthly-step-rotate-wiggle-travel, monthly-step-rotate-wiggle;
  animation-duration: 0.28s, 1s, 1s, 1.5s;
  animation-timing-function: steps(2, jump-end), steps(5, jump-end), steps(2, jump-end), steps(2, jump-end);
  animation-fill-mode: forwards, forwards, none, none;
  animation-iteration-count: 1, 1, 2, infinite;
  animation-delay: 0s, 0.28s, 0.28s, 1.28s;
}
@media (prefers-reduced-motion: reduce) {
  .monthly [data-animate=sticker-wiggle] {
    animation: none;
    opacity: 1;
    transform: none;
    rotate: 0deg;
  }
}
.monthly [data-animate=load-sticker-wiggle] {
  --reveal-from-scale: 0.96;
  --reveal-from-x: 0;
  --reveal-from-y: 0;
  --wiggle-from: -2deg;
  --wiggle-to: 2deg;
  opacity: 0;
  transform: scale(0.96);
  transform-origin: center;
  animation-name: monthly-scale-reveal, monthly-step-rotate-wiggle;
  animation-duration: 0.3s, 1.5s;
  animation-timing-function: cubic-bezier(0.34, 1.45, 0.64, 1), steps(2, jump-end);
  animation-fill-mode: forwards, none;
  animation-iteration-count: 1, infinite;
  animation-delay: 0s, 0.3s;
}
@media (prefers-reduced-motion: reduce) {
  .monthly [data-animate=load-sticker-wiggle] {
    animation: none;
    opacity: 1;
    transform: none;
    rotate: 0deg;
  }
}
.monthly__eyebrow {
  font-size: 0.875rem;
  line-height: 1.7143;
  font-weight: 800;
  color: var(--color-eyebrow);
}
.monthly__text {
  font-size: 1rem;
  line-height: 1.25;
  color: var(--color-text);
}
.monthly__spot-anchor {
  --spot-anchor-w: 360;
  --spot-anchor-h: 437;
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 35;
}
.monthly__spot-anchor__frame {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  aspect-ratio: var(--spot-anchor-w)/var(--spot-anchor-h);
  height: 100%;
  width: auto;
  pointer-events: none;
}
.monthly__spot-anchor .monthly-gallery-spot__cta {
  pointer-events: auto;
}
.monthly__spot-anchor .monthly-gallery-spot__cta:focus-visible {
  outline: 0.125rem solid var(--color-point-brown);
  outline-offset: 0.125rem;
  border-radius: 50%;
}
.monthly__spot-anchor--360x288 {
  --spot-anchor-w: 360;
  --spot-anchor-h: 288;
}
.monthly__spot-anchor--360x437 {
  --spot-anchor-w: 360;
  --spot-anchor-h: 437;
}
@media all and (min-width: 48.0625rem) {
  .monthly__spot-anchor--360x288 {
    --spot-anchor-w: 769;
    --spot-anchor-h: 288;
  }
  .monthly__spot-anchor--360x437 {
    --spot-anchor-w: 769;
    --spot-anchor-h: 576.75;
  }
}
@media all and (min-width: 93rem) {
  .monthly__spot-anchor--360x288 .monthly__spot-anchor__frame {
    inset: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    aspect-ratio: auto;
    transform: none;
  }
  .monthly__spot-anchor--360x437 {
    --spot-anchor-w: 1488;
    --spot-anchor-h: 874;
  }
}
.monthly__label {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 0.96875rem;
  width: max-content;
  min-width: 10.625rem;
  height: 2rem;
  margin-block-end: -0.0625rem;
  padding-inline: 2.5rem;
  padding-block-start: 0.125rem;
  background-color: var(--color-bg);
  background-size: auto;
  background-repeat: repeat;
  background-position: left top;
  mask-image: url("/content/dam/channel/wcms/cz/2026-monthly-lg/26-sep/feature/images/desktop/monthly-lg-2026-sep-cz-01-common-label-shape.webp");
  mask-size: 100% 100%;
  mask-repeat: no-repeat;
  mask-position: center;
}
.monthly__label-text {
  font-family: "LGEI Headline", "Segoe UI", "Microsoft Sans Serif", sans-serif;
  font-size: 0.75rem;
  line-height: 1.6667;
  font-weight: 600;
  color: var(--color-label);
  white-space: nowrap;
}
.monthly__label-icon {
  display: inline-block;
  flex-shrink: 0;
  width: 1.3125rem;
  aspect-ratio: 1/1;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.monthly__bubble-text {
  font-size: 1.0625rem;
  line-height: 1.19;
  color: var(--color-bubble);
}
.monthly__slider-nav {
  box-sizing: border-box;
  position: absolute;
  bottom: 1.875rem;
  left: 50%;
  z-index: 40;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 11.1875rem;
  height: 2.5625rem;
  margin: 0;
  padding-block: 0.734375rem;
  padding-inline: 0.75rem;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.5);
  transform: translateX(-50%);
}
.monthly__slider-autoplay, .monthly__slider-prev, .monthly__slider-next {
  transition: opacity 0.2s ease;
}
@media (hover: hover) {
  .monthly__slider-autoplay:hover, .monthly__slider-prev:hover, .monthly__slider-next:hover {
    opacity: 0.5;
  }
}
.monthly__slider-autoplay {
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  padding: 0;
  border: 0;
  background: transparent url("/content/dam/channel/wcms/cz/2026-monthly-lg/26-sep/feature/images/desktop/monthly-lg-2026-sep-cz-01-common-slider-pause.webp") center/contain no-repeat;
  cursor: pointer;
}
.monthly__slider-autoplay[aria-pressed=false] {
  background-image: url("/content/dam/channel/wcms/cz/2026-monthly-lg/26-sep/feature/images/desktop/monthly-lg-2026-sep-cz-01-common-slider-play.webp");
}
.monthly__slider-autoplay:focus-visible {
  outline: 0.125rem solid #fff;
  outline-offset: 0.125rem;
  border-radius: 0.125rem;
}
.monthly__slider-divider {
  flex-shrink: 0;
  width: 0.09375rem;
  height: 1.09375rem;
  margin-inline-end: 1.125rem;
  background-color: rgba(255, 255, 255, 0.3);
}
.monthly__slider-controls {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
}
.monthly__slider-prev, .monthly__slider-next {
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  padding: 0;
  border: 0;
  background: transparent url("/content/dam/channel/wcms/cz/2026-monthly-lg/26-sep/feature/images/desktop/monthly-lg-2026-sep-cz-01-common-slider-nav.webp") center/contain no-repeat;
  cursor: pointer;
}
.monthly__slider-prev:focus-visible, .monthly__slider-next:focus-visible {
  outline: 0.125rem solid #fff;
  outline-offset: 0.125rem;
  border-radius: 0.125rem;
}
.monthly__slider-next {
  transform: rotate(180deg);
}
.monthly__slider-pagination {
  position: static;
  width: auto;
  margin-inline: 1.28125rem;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}
.monthly__slider-pagination .swiper-pagination-current {
  display: inline-block;
  min-width: 1ch;
  text-align: center;
}
.monthly .highlight {
  font-weight: 700;
  color: var(--color-highlight-color);
  text-decoration: none;
}
.monthly__image img {
  max-width: 100%;
  vertical-align: top;
}
.monthly__image .polaroid {
  position: relative;
  display: block;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.monthly__image .polaroid img {
  width: 100%;
  vertical-align: top;
}
.monthly__image .polaroid-text {
  font-size: 0.75rem;
}
@media all and (min-width: 48.0625rem) {
  .monthly {
    --container-padding: 1.5rem;
  }
  .monthly__title {
    font-size: 2.9375rem;
    line-height: 1.0851;
  }
  .monthly__eyebrow {
    font-size: 1.4375rem;
    line-height: 1.0435;
  }
  .monthly__text {
    font-size: 1.375rem;
    line-height: 1.3636;
  }
  .monthly__label {
    gap: 0.8125rem;
    left: 0.5rem;
    min-width: 16.25rem;
    height: 3.125rem;
    padding-inline: 3.75rem;
    padding-block-start: 0.25rem;
    mask-image: url("/content/dam/channel/wcms/cz/2026-monthly-lg/26-sep/feature/images/desktop/monthly-lg-2026-sep-cz-01-common-label-shape.webp");
  }
  .monthly__label-text {
    font-size: 1.125rem;
    line-height: 1.6667;
  }
  .monthly__label-icon {
    width: 2.125rem;
  }
  .monthly__bubble-text {
    font-size: 1.625rem;
    line-height: 1.2;
  }
  .monthly .polaroid-text {
    font-size: 1.125rem;
  }
}
@media all and (min-width: 93rem) {
  .monthly {
    --container-width: 93rem;
  }
  .monthly__eyebrow {
    font-size: 2rem;
    line-height: 0.75;
  }
  .monthly__title {
    font-size: 4rem;
    line-height: 1.0938;
  }
  .monthly__title--ruled [data-split=lines] .split-line::after,
  .monthly__title--ruled > :is(h1, h2, h3) > span::after {
    height: 0.125rem;
    bottom: var(--ruled-bottom, 0.1em);
  }
  .monthly__text {
    font-size: 1.75rem;
    line-height: 1.4286;
  }
  .monthly__label {
    gap: 1rem;
    min-width: 22.3125rem;
    height: 4.375rem;
    left: 0;
    padding-inline: 5.375rem;
    padding-block-start: 0.4375rem;
    margin-block-end: -1.5px;
    background-color: var(--color-bg);
    background-size: auto;
    background-repeat: repeat;
    background-position: left top;
    mask-image: url("/content/dam/channel/wcms/cz/2026-monthly-lg/26-sep/feature/images/desktop/monthly-lg-2026-sep-cz-01-common-label-shape.webp");
    mask-size: 100% 100%;
    mask-repeat: no-repeat;
    mask-position: center;
  }
  .monthly__label-text {
    font-size: 1.5rem;
    line-height: 1.6667;
  }
  .monthly__label-icon {
    width: 3.125rem;
    background-image: url("/content/dam/channel/wcms/cz/2026-monthly-lg/26-sep/feature/images/desktop/monthly-lg-2026-sep-cz-05-dishwasher-label-desktop.webp");
  }
  .monthly__bubble-text {
    font-size: 2.125rem;
    line-height: 1.2;
  }
  .monthly__slider-nav {
    bottom: 4rem;
    min-width: 22.375rem;
    height: 5.125rem;
    padding-block: 1.46875rem;
    padding-inline: 1.5rem;
  }
  .monthly__slider-autoplay {
    width: 2rem;
    height: 2rem;
  }
  .monthly__slider-autoplay:focus-visible {
    outline-width: 0.25rem;
    outline-offset: 0.25rem;
    border-radius: 0.25rem;
  }
  .monthly__slider-divider {
    width: 0.1875rem;
    height: 2.1875rem;
    margin-inline-end: 2.25rem;
  }
  .monthly__slider-prev, .monthly__slider-next {
    width: 2rem;
    height: 2rem;
  }
  .monthly__slider-prev:focus-visible, .monthly__slider-next:focus-visible {
    outline-width: 0.25rem;
    outline-offset: 0.25rem;
    border-radius: 0.25rem;
  }
  .monthly__slider-pagination {
    margin-inline: 2.5625rem;
    font-size: 1.75rem;
  }
  .monthly .polaroid-text {
    font-size: 1.5rem;
  }
}

/* -------------------------------------------------------- */
.ST0016 {
  padding-block: 2.5rem !important;
}
.ST0016 .c-text-contents__interviewee-name,
.ST0016 .c-text-contents__interviewee-info,
.ST0016 .c-text-contents__bodycopy {
  display: none !important;
}
.ST0016 .c-text-contents__headline {
  margin-top: 0 !important;
}
.ST0016 .c-folding__text {
  display: none !important;
  padding-bottom: 2.5rem !important;
}
.ST0016 .c-folding__under {
  margin-top: 0.5rem !important;
}
.ST0016 .c-text-contents__disclaimer p {
  line-height: 1.167 !important;
}
.ST0016 .c-text-contents__disclaimer p + p {
  margin-block-start: 0.5rem !important;
}
@media all and (min-width: 48.0625rem) {
  .ST0016 {
    padding-block: 6.25rem !important;
  }
  .ST0016 .c-folding__text {
    padding-bottom: 3.25rem !important;
  }
  .ST0016 .c-folding__under {
    margin-top: 1rem !important;
  }
  .ST0016 .c-folding__under .c-text-contents {
    padding-inline: 1.5rem !important;
  }
  .ST0016 .c-text-contents__disclaimer p {
    line-height: 1.146 !important;
  }
}
@media all and (min-width: 93rem) {
  .ST0016 {
    padding-block: 10rem !important;
  }
  .ST0016 .c-text-contents__interviewee-name,
  .ST0016 .c-text-contents__interviewee-info,
  .ST0016 .c-text-contents__bodycopy {
    display: none !important;
  }
  .ST0016 .c-text-contents__headline {
    margin-top: 0 !important;
  }
  .ST0016 .c-folding__text {
    padding-bottom: 4rem !important;
  }
  .ST0016 .c-folding__under {
    margin-top: 1rem !important;
  }
  .ST0016 .c-folding__under .c-text-contents {
    padding-inline: 1.5rem !important;
  }
  .ST0016 .c-text-contents__disclaimer p {
    line-height: 1.125 !important;
  }
}

body .c-wrapper.PR0019,
body .c-wrapper.PR0019 .bg-default {
  background-color: #fff;
  background-image: url("/content/dam/channel/wcms/cz/2026-monthly-lg/26-sep/feature/images/desktop/monthly-lg-2026-sep-cz-06-thinq-pattern-bg.webp");
  background-size: auto;
  background-repeat: repeat;
  background-position: left top;
}

.MT0004 .component > .cmp-container .cmp-contents-layer .monthly-area .c-text-contents__disclaimer {
  display: none !important;
}

.c-wrapper.PR0019 {
  padding-block: 1.5rem !important;
}
@media all and (min-width: 48.0625rem) {
  .c-wrapper.PR0019 {
    padding-block: 3rem !important;
  }
}

body .c-wrapper.MT0004 {
  background-image: url("/content/dam/channel/wcms/cz/2026-monthly-lg/26-sep/feature/images/desktop/monthly-lg-2026-sep-cz-06-thinq-pattern-bg.webp");
  background-size: auto;
  background-repeat: repeat;
  background-position: left top;
}

.MT0004 .component > .cmp-container .cmp-contents-layer {
  padding-block: 2.5rem !important;
}
@media all and (min-width: 48.0625rem) {
  .MT0004 .component > .cmp-container .cmp-contents-layer {
    padding-block: 5rem !important;
  }
}

.embed:has(.monthly) ~ .PR0019:not(:has(.showcase-title)) .showcase-swiper ul li {
  border: 1px solid #cbc8c2;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  display: none;
}

/* offer-sticky-bar */
.monthly .monthly__section--offer-sticky-bar[hidden] {
  display: none;
}
.monthly .monthly__section--offer-sticky-bar {
  position: fixed;
  bottom: 0;
  left: 50%;
  z-index: 99;
  width: 100%;
  max-width: 100%;
  background: #000;
  transform: translateX(-50%);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s linear;
  padding-bottom: env(safe-area-inset-bottom);
}
.monthly .monthly__section--offer-sticky-bar.is-visible {
  opacity: 1;
  pointer-events: auto;
}
.monthly .monthly__section--offer-sticky-bar .offer-sticky-bar__section {
  width: 100%;
  max-width: 120rem;
  padding: 0.53125rem 4.25rem 0.53125rem 2.75rem;
  margin-inline: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  position: relative;
  color: #fff;
}
.monthly .monthly__section--offer-sticky-bar .offer-sticky-bar__section .hidden-ta {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.monthly .monthly__section--offer-sticky-bar .offer-sticky-bar__section .hidden-ta button {
  border: 0;
  cursor: pointer;
  appearance: none;
}
@media all and (min-width: 48.0625rem) {
  .monthly .monthly__section--offer-sticky-bar .offer-sticky-bar__section {
    max-width: 100rem;
    padding: 0.875rem 2.5rem;
    gap: 0.75rem;
  }
}
.monthly .monthly__section--offer-sticky-bar .offer-sticky-bar__section .monthly__icon {
  display: none;
}
@media all and (min-width: 48.0625rem) {
  .monthly .monthly__section--offer-sticky-bar .offer-sticky-bar__section .monthly__icon {
    display: block;
  }
}
.monthly .monthly__section--offer-sticky-bar .offer-sticky-bar__section .monthly__icon {
  width: 1.5625rem;
  height: 1.5625rem;
}
.monthly .monthly__section--offer-sticky-bar .offer-sticky-bar__section .monthly__icon img {
  width: 100%;
  height: auto;
  display: block;
}
@media all and (min-width: 48.0625rem) {
  .monthly .monthly__section--offer-sticky-bar .offer-sticky-bar__section .monthly__icon {
    width: 2.5rem;
    height: 2.5rem;
  }
}
.monthly .monthly__section--offer-sticky-bar .offer-sticky-bar__section-text {
  display: flex;
  gap: 0.75rem;
}
.monthly .monthly__section--offer-sticky-bar .offer-sticky-bar__section-title, .monthly .monthly__section--offer-sticky-bar .offer-sticky-bar__section-description {
  font-size: 1.25rem;
  line-height: 1rem;
  font-weight: 700;
  text-align: center;
}
@media all and (min-width: 48.0625rem) {
  .monthly .monthly__section--offer-sticky-bar .offer-sticky-bar__section-title, .monthly .monthly__section--offer-sticky-bar .offer-sticky-bar__section-description {
    font-size: 1.5rem;
    line-height: normal;
  }
}
.monthly .monthly__section--offer-sticky-bar .offer-sticky-bar__section-title {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-weight: 800;
}
.monthly .monthly__section--offer-sticky-bar .offer-sticky-bar__section-title:after {
  content: "";
  display: block;
  width: 0.0625rem;
  height: 1rem;
  background: #fff;
}
.monthly .monthly__section--offer-sticky-bar .offer-sticky-bar__section-description {
  white-space: pre-line;
}
.monthly .monthly__section--offer-sticky-bar .offer-sticky-bar__section .button-wrap {
  position: absolute;
  top: 50%;
  left: 0rem;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
@media all and (min-width: 48.0625rem) {
  .monthly .monthly__section--offer-sticky-bar .offer-sticky-bar__section .button-wrap {
    position: relative;
    left: auto;
    top: auto;
    transform: none;
    gap: 0.8125rem;
    padding-inline-start: 1.75rem;
  }
}
.monthly .monthly__section--offer-sticky-bar .offer-sticky-bar__section .button-wrap button {
  border: 0;
  cursor: pointer;
  appearance: none;
}
.monthly .monthly__section--offer-sticky-bar .offer-sticky-bar__section .button-wrap > button {
  background: none;
}
.monthly .monthly__section--offer-sticky-bar .offer-sticky-bar__section-button {
  height: 2.0625rem;
  padding: 0.5625rem 0.984375rem;
  background: #fff;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1;
  transition: background 0.3s, color 0.2s, border-color 0.3s;
}
.monthly .monthly__section--offer-sticky-bar .offer-sticky-bar__section-button:focus-visible {
  outline: 0.125rem solid #fff;
  outline-offset: 0.125rem;
}
@media (min-width: 22.5rem) {
  .monthly .monthly__section--offer-sticky-bar .offer-sticky-bar__section-button {
    white-space: nowrap;
  }
}
@media all and (min-width: 48.0625rem) {
  .monthly .monthly__section--offer-sticky-bar .offer-sticky-bar__section-button {
    height: 2.75rem;
    padding: 0.75rem 2rem;
    border-radius: 0.5rem;
    font-size: 1rem;
  }
}
.monthly .monthly__section--offer-sticky-bar .offer-sticky-bar__section-button:hover {
  background: #ea1917;
  color: #fff;
}
.monthly .monthly__section--offer-sticky-bar .offer-sticky-bar__section-close {
  width: 2.75rem;
  height: 2.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.monthly .monthly__section--offer-sticky-bar .offer-sticky-bar__section-close:focus-visible {
  outline: 0.125rem solid #fff;
  outline-offset: -0.125rem;
}
@media all and (min-width: 48.0625rem) {
  .monthly .monthly__section--offer-sticky-bar .offer-sticky-bar__section-close {
    width: 2.75rem;
    height: 2.75rem;
  }
}
.monthly .monthly__section--offer-sticky-bar .offer-sticky-bar__section-close svg {
  display: block;
  width: 0.75rem;
  height: 0.75rem;
}
@media all and (min-width: 48.0625rem) {
  .monthly .monthly__section--offer-sticky-bar .offer-sticky-bar__section-close svg {
    width: 0.875rem;
    height: 0.875rem;
  }
}
.monthly .monthly__section--offer-sticky-bar.red {
  background: #ea1917;
}
.monthly .monthly__section--offer-sticky-bar.white {
  background: #fff;
  border-top: 0.1875rem solid #ea1917;
}
.monthly .monthly__section--offer-sticky-bar.white .offer-sticky-bar__section {
  padding: 0.34375rem 4.25rem 0.53125rem 2.75rem;
}
@media all and (min-width: 48.0625rem) {
  .monthly .monthly__section--offer-sticky-bar.white .offer-sticky-bar__section {
    max-width: 100rem;
    padding: 0.6875rem 2.5rem 0.875rem;
    gap: 0.75rem;
  }
}
.monthly .monthly__section--offer-sticky-bar.white .offer-sticky-bar__section-title {
  color: #ea1917;
}
.monthly .monthly__section--offer-sticky-bar.white .offer-sticky-bar__section-title:after {
  background: #aba8a2;
}
.monthly .monthly__section--offer-sticky-bar.white .offer-sticky-bar__section-description {
  color: #000;
}
.monthly .monthly__section--offer-sticky-bar.white .offer-sticky-bar__section-button {
  background: #ea1917;
  color: #fff;
}
.monthly .monthly__section--offer-sticky-bar.white .offer-sticky-bar__section-close svg path {
  fill: #000;
}

@media all and (max-width: 48.061875rem) {
  body:has(.monthly__section--offer-sticky-bar.is-visible) .CM0007 {
    width: 3.25rem;
  }
  body:has(.monthly__section--offer-sticky-bar.is-visible) .CM0007 .al-proactive-msg {
    pointer-events: none;
  }
}
body:not(:has(.MT0004)) .monthly__section--offer-sticky-bar {
  display: none !important;
}

/* outro */
@keyframes monthly-scale-reveal {
  from {
    opacity: 0;
    transform: translate3d(var(--reveal-from-x, 0), var(--reveal-from-y, 0), 0) scale(var(--reveal-from-scale, 0.96));
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}
@keyframes monthly-opacity-reveal {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes monthly-translate-reveal {
  from {
    transform: translate3d(var(--reveal-from-x, 0), var(--reveal-from-y, 0), 0) scale(var(--reveal-from-scale, 0.96));
  }
  to {
    transform: translate3d(0, 0, 0) scale(1);
  }
}
@keyframes monthly-step-rotate-wiggle {
  0%, 100% {
    rotate: var(--wiggle-from, -2deg);
  }
  50% {
    rotate: var(--wiggle-to, 2deg);
  }
}
@keyframes monthly-step-rotate-wiggle-travel {
  0%, 100% {
    rotate: var(--wiggle-travel-from, -6deg);
  }
  50% {
    rotate: var(--wiggle-travel-to, 6deg);
  }
}
@keyframes monthly-scroll-float {
  from {
    translate: var(--float-from-x, 0) var(--float-from-y, 0);
  }
  to {
    translate: var(--float-to-x, 1rem) var(--float-to-y, 1rem);
  }
}
.monthly__section--outro {
  --color-headline: #f4d0c9;
  --color-text: #f4d0c9;
  --color-text-brown: #77553d;
  --color-disclaimer: #a78f8a;
  position: relative;
  background-image: url("/content/dam/channel/wcms/cz/2026-monthly-lg/26-sep/feature/images/desktop/monthly-lg-2026-sep-cz-07-outro-pattern.webp");
  background-size: 60.125rem auto;
  background-repeat: repeat;
  background-position: left top;
  margin-block-start: 0.75rem;
}
.monthly__section--outro .monthly__container {
  padding-block: 2.375rem 2rem;
  position: relative;
  z-index: 2;
}
.monthly__section--outro::before {
  content: "";
  display: block;
  width: 100%;
  height: 2.34375rem;
  background-image: url("/content/dam/channel/wcms/cz/2026-monthly-lg/26-sep/feature/images/mobile/monthly-lg-2026-sep-cz-01-common-divider-mobile.webp"), url("/content/dam/channel/wcms/cz/2026-monthly-lg/26-sep/feature/images/mobile/monthly-lg-2026-sep-cz-01-common-divider-pattern-mobile.webp");
  background-size: auto 100%, auto 100%;
  background-repeat: no-repeat, repeat-x;
  background-position: center, center;
  position: absolute;
  top: -1.1875rem;
  left: 0;
  z-index: 1;
}
.monthly__section--outro::after {
  content: "";
  position: absolute;
  top: -0.75rem;
  left: 0;
  width: 100%;
  height: 0.75rem;
  background-image: url("/content/dam/channel/wcms/cz/2026-monthly-lg/26-sep/feature/images/desktop/monthly-lg-2026-sep-cz-06-thinq-pattern-bg.webp");
  background-size: auto;
  background-repeat: repeat;
  background-position: left top;
  z-index: 0;
}
@media (min-width: 64rem) {
  .monthly__section--outro {
    margin-block-start: clamp(3.4375rem, 5.376344086vw, 5rem);
  }
  .monthly__section--outro .monthly__container {
    padding-block: clamp(2.875rem, 4.502688172vw, 4.1875rem) clamp(3.375rem, 5.3091397849vw, 4.9375rem);
  }
  .monthly__section--outro .only-pc {
    display: revert !important;
  }
  .monthly__section--outro::before {
    height: clamp(3.25rem, 5.0403225806vw, 4.6875rem);
    background-image: url("/content/dam/channel/wcms/cz/2026-monthly-lg/26-sep/feature/images/desktop/monthly-lg-2026-sep-cz-01-common-divider-desktop.webp"), url("/content/dam/channel/wcms/cz/2026-monthly-lg/26-sep/feature/images/desktop/monthly-lg-2026-sep-cz-01-common-divider-pattern-desktop.webp");
    background-size: auto 100%, auto 100%;
    background-repeat: no-repeat, repeat-x;
    background-position: center, center;
    top: max(-2.5625rem, -2.7553763441vw);
  }
  .monthly__section--outro::after {
    top: max(-5rem, -5.376344086vw);
    height: clamp(3.4375rem, 5.376344086vw, 5rem);
  }
}
.monthly__section--outro .outro__layout {
  display: flex;
  flex-direction: column;
}
.monthly__section--outro .outro__copy {
  display: contents;
}
.monthly__section--outro .outro__header {
  order: 1;
}
.monthly__section--outro .outro__header .monthly__text {
  max-width: 37.5rem;
  margin-block-start: 1.25rem;
  padding-inline-end: 7.1875rem;
}
.monthly__section--outro .outro__disclaimer {
  order: 3;
  margin-block-start: 1.5625rem;
  font-size: 0.75rem;
  line-height: 1.1667;
  color: var(--color-disclaimer);
}
.monthly__section--outro .outro__disclaimer p {
  margin: 0;
}
.monthly__section--outro .outro__notebook {
  order: 2;
  position: relative;
  width: calc(100% + var(--container-padding));
  margin-block-start: 1.25rem;
  margin-inline-end: calc(var(--container-padding) * -1);
}
.monthly__section--outro .outro__clip {
  position: absolute;
  z-index: 5;
  top: -0.1875rem;
  right: 25.6944444444%;
  width: 14.5833333333%;
  max-width: 6.5625rem;
  aspect-ratio: 105/127;
  translate: 0 -40%;
}
.monthly__section--outro .outro__clip img {
  display: block;
  width: 100%;
  height: 100%;
}
.monthly__section--outro .outro__clip img[data-animate=sticker-wiggle] {
  --reveal-from-scale: 0.96;
  --reveal-from-x: 0;
  --reveal-from-y: 0;
  --wiggle-from: 1.6666666667deg;
  --wiggle-to: -1.6666666667deg;
  opacity: 0;
  transform: scale(0.96);
  transform-origin: center;
}
.monthly__section--outro .outro__clip img[data-animate=sticker-wiggle].is-animated {
  animation-name: monthly-scale-reveal, monthly-step-rotate-wiggle;
  animation-duration: 0.45s, 1.6s;
  animation-timing-function: cubic-bezier(0.34, 1.45, 0.64, 1), steps(2, jump-end);
  animation-fill-mode: forwards, none;
  animation-iteration-count: 1, infinite;
  animation-delay: 0.04s, 0.49s;
}
@media (prefers-reduced-motion: reduce) {
  .monthly__section--outro .outro__clip img[data-animate=sticker-wiggle] {
    animation: none;
    opacity: 1;
    transform: none;
    rotate: 0deg;
  }
}
.monthly__section--outro .outro__book {
  position: relative;
  width: 100%;
  --book-mid-border-w: 2.7777777778vw;
  --book-tile: calc(151 / 688 * (100vw - var(--container-padding)));
  --book-line: calc(var(--book-tile) / 4);
}
.monthly__section--outro .outro__book[data-animate=photo-spread] .monthly__image--2,
.monthly__section--outro .outro__book[data-animate=photo-spread] .monthly__image--3 {
  translate: var(--spread-x) var(--spread-y);
  transition: translate 0.72s cubic-bezier(0.34, 1.45, 0.64, 1);
  will-change: transform;
}
.monthly__section--outro .outro__book[data-animate=photo-spread] .monthly__image--3 {
  transition-delay: 0.05s;
}
.monthly__section--outro .outro__book[data-animate=photo-spread] .monthly__image--2 {
  transition-delay: 0.12s;
}
.monthly__section--outro .outro__book[data-animate=photo-spread].is-animated .monthly__image--2,
.monthly__section--outro .outro__book[data-animate=photo-spread].is-animated .monthly__image--3 {
  translate: 0 0;
}
@media (prefers-reduced-motion: reduce) {
  .monthly__section--outro .outro__book[data-animate=photo-spread] .monthly__image--2,
  .monthly__section--outro .outro__book[data-animate=photo-spread] .monthly__image--3 {
    translate: 0 0;
    transition: none;
    will-change: auto;
  }
}
.monthly__section--outro .outro__sticker {
  position: absolute;
  z-index: 4;
  pointer-events: none;
}
.monthly__section--outro .outro__sticker img {
  display: block;
  width: 100%;
  height: 100%;
}
.monthly__section--outro .outro__sticker--arrow img[data-animate=sticker-wiggle] {
  --reveal-from-scale: 0.96;
  --reveal-from-x: 0;
  --reveal-from-y: 0;
  --wiggle-from: -1.6666666667deg;
  --wiggle-to: 1.6666666667deg;
  opacity: 0;
  transform: scale(0.96);
  transform-origin: center;
}
.monthly__section--outro .outro__sticker--arrow img[data-animate=sticker-wiggle].is-animated {
  animation-name: monthly-scale-reveal, monthly-step-rotate-wiggle;
  animation-duration: 0.45s, 1.6s;
  animation-timing-function: cubic-bezier(0.34, 1.45, 0.64, 1), steps(2, jump-end);
  animation-fill-mode: forwards, none;
  animation-iteration-count: 1, infinite;
  animation-delay: 0.08s, 0.53s;
}
@media (prefers-reduced-motion: reduce) {
  .monthly__section--outro .outro__sticker--arrow img[data-animate=sticker-wiggle] {
    animation: none;
    opacity: 1;
    transform: none;
    rotate: 0deg;
  }
}
.monthly__section--outro .outro__sticker--arrow-2 img[data-animate=sticker-wiggle] {
  --reveal-from-scale: 0.96;
  --reveal-from-x: 0;
  --reveal-from-y: 0;
  --wiggle-from: 1.6666666667deg;
  --wiggle-to: -1.6666666667deg;
  opacity: 0;
  transform: scale(0.96);
  transform-origin: center;
}
.monthly__section--outro .outro__sticker--arrow-2 img[data-animate=sticker-wiggle].is-animated {
  animation-name: monthly-scale-reveal, monthly-step-rotate-wiggle;
  animation-duration: 0.45s, 1.6s;
  animation-timing-function: cubic-bezier(0.34, 1.45, 0.64, 1), steps(2, jump-end);
  animation-fill-mode: forwards, none;
  animation-iteration-count: 1, infinite;
  animation-delay: 0.12s, 0.57s;
}
@media (prefers-reduced-motion: reduce) {
  .monthly__section--outro .outro__sticker--arrow-2 img[data-animate=sticker-wiggle] {
    animation: none;
    opacity: 1;
    transform: none;
    rotate: 0deg;
  }
}
.monthly__section--outro .outro__sticker--rabbit img[data-animate=sticker-wiggle] {
  --wiggle-from: -1.3333333333deg;
  --wiggle-to: 1.3333333333deg;
  opacity: 1;
  transform: none;
  transform-origin: center;
  animation: none;
}
.monthly__section--outro .outro__sticker--rabbit img[data-animate=sticker-wiggle].is-animated {
  animation: monthly-step-rotate-wiggle 1.6s steps(2, jump-end) infinite;
}
.monthly__section--outro .outro__sticker--container img[data-animate=sticker-wiggle] {
  --reveal-from-scale: 0.96;
  --reveal-from-x: 0;
  --reveal-from-y: 0;
  --wiggle-from: 2deg;
  --wiggle-to: -2deg;
  opacity: 0;
  transform: scale(0.96);
  transform-origin: center;
}
.monthly__section--outro .outro__sticker--container img[data-animate=sticker-wiggle].is-animated {
  animation-name: monthly-scale-reveal, monthly-step-rotate-wiggle;
  animation-duration: 0.45s, 1.6s;
  animation-timing-function: cubic-bezier(0.34, 1.45, 0.64, 1), steps(2, jump-end);
  animation-fill-mode: forwards, none;
  animation-iteration-count: 1, infinite;
  animation-delay: 0.02s, 0.47s;
}
@media (prefers-reduced-motion: reduce) {
  .monthly__section--outro .outro__sticker--container img[data-animate=sticker-wiggle] {
    animation: none;
    opacity: 1;
    transform: none;
    rotate: 0deg;
  }
}
.monthly__section--outro .outro__sticker--container {
  top: 0%;
  margin-block-start: 16.1111111111%;
  right: -2.2222222222%;
  width: 12.6388888889%;
  max-width: 5.6875rem;
  aspect-ratio: 91/123;
  rotate: 9.3deg;
}
.monthly__section--outro .outro__sticker--point2 img[data-animate=sticker-wiggle] {
  --reveal-from-scale: 0.96;
  --reveal-from-x: 0;
  --reveal-from-y: 0;
  --wiggle-from: 1.3333333333deg;
  --wiggle-to: -1.3333333333deg;
  opacity: 0;
  transform: scale(0.96);
  transform-origin: center;
}
.monthly__section--outro .outro__sticker--point2 img[data-animate=sticker-wiggle].is-animated {
  animation-name: monthly-scale-reveal, monthly-step-rotate-wiggle;
  animation-duration: 0.45s, 1.6s;
  animation-timing-function: cubic-bezier(0.34, 1.45, 0.64, 1), steps(2, jump-end);
  animation-fill-mode: forwards, none;
  animation-iteration-count: 1, infinite;
  animation-delay: 0.14s, 0.59s;
}
@media (prefers-reduced-motion: reduce) {
  .monthly__section--outro .outro__sticker--point2 img[data-animate=sticker-wiggle] {
    animation: none;
    opacity: 1;
    transform: none;
    rotate: 0deg;
  }
}
.monthly__section--outro .outro__sticker--point2 {
  top: -2.2075055188%;
  margin-block-start: 10%;
  right: 10%;
  width: 6.1111111111%;
  max-width: 2.75rem;
  aspect-ratio: 43/71;
  rotate: 35deg;
}
.monthly__section--outro .outro__sticker--fruit img[data-animate=sticker-wiggle] {
  --reveal-from-scale: 0.96;
  --reveal-from-x: 0;
  --reveal-from-y: 0;
  --wiggle-from: -1deg;
  --wiggle-to: 1deg;
  opacity: 0;
  transform: scale(0.96);
  transform-origin: center;
}
.monthly__section--outro .outro__sticker--fruit img[data-animate=sticker-wiggle].is-animated {
  animation-name: monthly-scale-reveal, monthly-step-rotate-wiggle;
  animation-duration: 0.45s, 1.6s;
  animation-timing-function: cubic-bezier(0.34, 1.45, 0.64, 1), steps(2, jump-end);
  animation-fill-mode: forwards, none;
  animation-iteration-count: 1, infinite;
  animation-delay: 0.2s, 0.65s;
}
@media (prefers-reduced-motion: reduce) {
  .monthly__section--outro .outro__sticker--fruit img[data-animate=sticker-wiggle] {
    animation: none;
    opacity: 1;
    transform: none;
    rotate: 0deg;
  }
}
.monthly__section--outro .outro__sticker--fruit {
  bottom: 0.625rem;
  left: 14.7222222222%;
  width: 24.4444444444%;
  max-width: 11rem;
  aspect-ratio: 176/100;
  rotate: -14deg;
}
.monthly__section--outro .outro__sticker--bottle img[data-animate=sticker-wiggle] {
  --wiggle-from: 1.6666666667deg;
  --wiggle-to: -1.6666666667deg;
  opacity: 1;
  transform: none;
  transform-origin: center;
  animation: none;
}
.monthly__section--outro .outro__sticker--bottle img[data-animate=sticker-wiggle].is-animated {
  animation: monthly-step-rotate-wiggle 1.6s steps(2, jump-end) infinite;
}
.monthly__section--outro .outro__sticker--bottle {
  bottom: 12.1412803532%;
  right: 11.1111111111%;
  width: 23.75%;
  max-width: 10.6875rem;
  aspect-ratio: 75/82;
  rotate: 9deg;
}
.monthly__section--outro .outro__book-top, .monthly__section--outro .outro__book-bottom {
  position: relative;
}
.monthly__section--outro .outro__book-top .monthly__image, .monthly__section--outro .outro__book-bottom .monthly__image {
  position: absolute;
  z-index: 2;
  background-color: #fff;
  box-shadow: 0 0.25rem 0.59375rem 0 rgba(0, 0, 0, 0.25);
}
.monthly__section--outro .outro__book-top .monthly__image > img, .monthly__section--outro .outro__book-bottom .monthly__image > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.monthly__section--outro .outro__book-top {
  aspect-ratio: 688/453;
  background-image: url("/content/dam/channel/wcms/cz/2026-monthly-lg/26-sep/feature/images/mobile/monthly-lg-2026-sep-cz-07-outro-book-top-mobile.webp");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center top;
}
.monthly__section--outro .outro__book-top .monthly__image--1 {
  width: 66.25%;
  aspect-ratio: 477/330;
  top: 6.6225165563%;
  left: 12.7777777778%;
  rotate: -2.549deg;
  z-index: 3;
  overflow: visible;
}
.monthly__section--outro .outro__book-top .monthly__image--1 .outro__sticker {
  z-index: 1;
}
.monthly__section--outro .outro__book-top .monthly__image--1 .outro__sticker--arrow {
  top: 69.696969697%;
  right: -12.5786163522%;
  width: 28.3018867925%;
  max-width: 8.4375rem;
  aspect-ratio: 135/101;
  scale: -1 1;
}
.monthly__section--outro .outro__book-top .monthly__image--3 {
  width: 26.25%;
  aspect-ratio: 189/226;
  bottom: -23.178807947%;
  right: 8.3333333333%;
  rotate: 8.955deg;
  --spread-x: -6.875rem;
  --spread-y: -6.25rem;
}
.monthly__section--outro .outro__book-middle {
  min-height: var(--book-tile);
  padding: 0 36.6666666667% 0 10%;
  background-image: url("/content/dam/channel/wcms/cz/2026-monthly-lg/26-sep/feature/images/mobile/monthly-lg-2026-sep-cz-07-outro-book-middle-mobile.webp");
  background-size: 100% auto;
  background-repeat: repeat-y;
  background-position: 0 0;
  border-style: solid;
  border-color: transparent;
  border-width: var(--book-mid-border-w) 0;
  border-image: url("/content/dam/channel/wcms/cz/2026-monthly-lg/26-sep/feature/images/mobile/monthly-lg-2026-sep-cz-07-outro-book-middle-mobile.webp") 8 0 8 0/var(--book-mid-border-w) 0/0 stretch;
  margin-block: calc(var(--book-mid-border-w) * -1);
}
.monthly__section--outro .outro__book-bottom {
  aspect-ratio: 688/244;
  background-image: url("/content/dam/channel/wcms/cz/2026-monthly-lg/26-sep/feature/images/mobile/monthly-lg-2026-sep-cz-07-outro-book-bottom-mobile.webp");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
}
.monthly__section--outro .outro__book-bottom .monthly__image--2 {
  width: 19.3379166667%;
  aspect-ratio: 139.233/166.474;
  bottom: -1.6393442623%;
  left: 43.0555555556%;
  rotate: -8.378deg;
  z-index: 1;
  --spread-x: -1.8125rem;
  --spread-y: -16.875rem;
}
@media all and (min-width: 37.4375rem) {
  .monthly__section--outro .outro__book-bottom .monthly__image--2 {
    width: 11.25rem;
  }
}
.monthly__section--outro .outro__notebook-text {
  color: var(--color-text-brown);
  line-height: var(--book-line);
  font-size: 0.875rem;
}
.monthly__section--outro .outro__notebook-text p {
  margin: 0;
  line-height: inherit;
}
@media all and (min-width: 45rem) {
  .monthly__section--outro .outro__notebook {
    width: 80%;
    margin-inline-start: auto;
    margin-inline-end: calc(var(--container-padding) * -1);
  }
  .monthly__section--outro .outro__book {
    --book-tile: calc(151 / 688 * 0.8 * (100vw - 2 * var(--container-padding)));
    --book-line: calc(var(--book-tile) / 4);
  }
}
@media all and (min-width: 48.0625rem) {
  .monthly__section--outro .outro__notebook-text {
    font-size: 1.375rem;
  }
  .monthly__section--outro .outro__disclaimer {
    font-size: 1.25rem;
  }
}
@media (min-width: 64rem) {
  .monthly__section--outro .outro__header {
    width: 100%;
  }
  .monthly__section--outro .outro__header .monthly__text {
    padding-inline-end: 0;
    line-height: 1.75rem;
  }
  .monthly__section--outro .outro__disclaimer {
    width: 100%;
    margin-block-start: clamp(2.3125rem, 3.6290322581vw, 3.375rem);
    font-size: 1rem;
    line-height: 1.25;
  }
  .monthly__section--outro .outro__notebook {
    width: 100%;
    margin-inline: auto;
    margin-block-start: clamp(4.25rem, 6.0483870968vw, 5.625rem);
    container-type: inline-size;
    container-name: outro-notebook;
  }
  .monthly__section--outro .outro__clip {
    top: 0;
    left: 38%;
    right: auto;
    width: 9.4679891794%;
    max-width: none;
    aspect-ratio: 105/127;
    translate: 0 -55.1181102362%;
    rotate: 2deg;
  }
  .monthly__section--outro .outro__book {
    --book-tile: calc(0.1370604148 * 100cqi);
    --book-line: calc(var(--book-tile) / 5);
    --book-mid-border-w: calc(0.0090171326 * 100cqi);
  }
  .monthly__section--outro .outro__sticker--container {
    margin-block-start: 0;
    top: 14.0515222482%;
    right: 3.4265103697%;
    width: 8.2055906222%;
    max-width: none;
    rotate: 20deg;
  }
  .monthly__section--outro .outro__sticker--point2 {
    margin-block-start: 0;
    top: 7.0257611241%;
    right: 9.0171325518%;
    width: 3.8773669973%;
    max-width: none;
    rotate: 40deg;
  }
  .monthly__section--outro .outro__sticker--rabbit {
    top: 55.9718969555%;
    right: 22.5428313796%;
    width: 9.558160505%;
    max-width: none;
    aspect-ratio: 106/124;
    rotate: -19deg;
    z-index: 5;
  }
  .monthly__section--outro .outro__sticker--fruit {
    top: 18.7353629977%;
    bottom: auto;
    right: 10.3697024346%;
    left: auto;
    width: 15.8701532913%;
    max-width: none;
    rotate: -20deg;
  }
  .monthly__section--outro .outro__sticker--bottle {
    bottom: 98.2142857143%;
    right: auto;
    left: 32.4616771867%;
    width: 15.4192966637%;
    max-width: none;
    translate: 0 -10%;
    rotate: 30deg;
  }
  .monthly__section--outro .outro__sticker--plate img[data-animate=sticker-wiggle] {
    --reveal-from-scale: 0.96;
    --reveal-from-x: 0;
    --reveal-from-y: 0;
    --wiggle-from: 1.6666666667deg;
    --wiggle-to: -1.6666666667deg;
    opacity: 0;
    transform: scale(0.96);
    transform-origin: center;
  }
  .monthly__section--outro .outro__sticker--plate img[data-animate=sticker-wiggle].is-animated {
    animation-name: monthly-scale-reveal, monthly-step-rotate-wiggle;
    animation-duration: 0.45s, 1.6s;
    animation-timing-function: cubic-bezier(0.34, 1.45, 0.64, 1), steps(2, jump-end);
    animation-fill-mode: forwards, none;
    animation-iteration-count: 1, infinite;
    animation-delay: 0.28s, 0.73s;
  }
  .monthly__section--outro .outro__sticker--plate {
    top: 32.318501171%;
    right: 4.7790802525%;
    left: auto;
    width: 15.7799819657%;
    max-width: none;
    aspect-ratio: 175/125;
    rotate: 15deg;
  }
}
@media (min-width: 64rem) and (prefers-reduced-motion: reduce) {
  .monthly__section--outro .outro__sticker--plate img[data-animate=sticker-wiggle] {
    animation: none;
    opacity: 1;
    transform: none;
    rotate: 0deg;
  }
}
@media (min-width: 64rem) {
  .monthly__section--outro .outro__book-top {
    aspect-ratio: 1109/427;
    background-image: url("/content/dam/channel/wcms/cz/2026-monthly-lg/26-sep/feature/images/desktop/monthly-lg-2026-sep-cz-07-outro-book-top-desktop.webp");
  }
  .monthly__section--outro .outro__book-top .monthly__image--1 {
    width: 43.1018935978%;
    aspect-ratio: 478/330;
    top: 8.4309133489%;
    left: 5.4102795311%;
    rotate: -2.55deg;
  }
  .monthly__section--outro .outro__book-top .monthly__image--1 .outro__sticker--arrow {
    top: 83.3333333333%;
    left: 0.5555555556%;
    right: auto;
    width: 28.2426778243%;
    max-width: none;
    aspect-ratio: 135/101;
    rotate: -60deg;
    scale: 1;
  }
  .monthly__section--outro .outro__book-top .monthly__image--1 .outro__sticker--arrow-2 {
    top: 16.3636363636%;
    left: 89.9581589958%;
    width: 22.8033472803%;
    max-width: none;
    aspect-ratio: 109/82;
    rotate: -25deg;
    scale: -1 1;
  }
  .monthly__section--outro .outro__book-top .monthly__image--3 {
    width: 17.042380523%;
    aspect-ratio: 189/226;
    top: 25.7611241218%;
    bottom: auto;
    right: 28.8548241659%;
    left: auto;
    rotate: 8.96deg;
    overflow: visible;
    --spread-x: -275.1322751323%;
    --spread-y: -7.0796460177%;
  }
  .monthly__section--outro .outro__book-middle {
    padding: 0 8% 0 54%;
    min-height: calc(var(--book-tile) * var(--book-middle-tiles, 1));
    background-image: url("/content/dam/channel/wcms/cz/2026-monthly-lg/26-sep/feature/images/desktop/monthly-lg-2026-sep-cz-07-outro-book-middle-desktop.webp");
    border-style: solid;
    border-color: transparent;
    border-width: var(--book-mid-border-w) 0;
    border-image: url("/content/dam/channel/wcms/cz/2026-monthly-lg/26-sep/feature/images/desktop/monthly-lg-2026-sep-cz-07-outro-book-middle-desktop.webp") 8 0 8 0/var(--book-mid-border-w) 0/0 stretch;
    border-bottom-width: calc(var(--book-mid-border-w) + 0.5859375vw);
    margin-block-end: calc((var(--book-mid-border-w) + 0.5859375vw) * -1);
  }
  .monthly__section--outro .outro__notebook-text {
    font-size: 1.25rem;
    line-height: 1.5;
    line-height: var(--book-line);
  }
  .monthly__section--outro .outro__book-bottom {
    aspect-ratio: 1109/112;
    background-image: url("/content/dam/channel/wcms/cz/2026-monthly-lg/26-sep/feature/images/desktop/monthly-lg-2026-sep-cz-07-outro-book-bottom-desktop.webp");
  }
  .monthly__section--outro .outro__book-bottom .monthly__image--2 {
    width: 16.5915238954%;
    aspect-ratio: 139/166;
    top: auto;
    bottom: 80.3571428571%;
    left: 18.9359783589%;
    rotate: -15deg;
    --spread-x: -43.4782608696%;
    --spread-y: -96.3855421687%;
  }
}
@media (min-width: 80rem) {
  .monthly__section--outro .outro__header .monthly__text {
    max-width: 31.25rem;
    line-height: 2.25rem;
  }
}
@media all and (min-width: 93rem) {
  .monthly__section--outro .outro__layout {
    flex-direction: row;
    column-gap: 2.375rem;
  }
  .monthly__section--outro .outro__copy {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    min-width: 0;
  }
  .monthly__section--outro .outro__header {
    flex: 0 0 auto;
    width: auto;
    padding-block-start: 3.1875rem;
  }
  .monthly__section--outro .outro__header .monthly__text {
    margin-block-start: 2.5rem;
  }
  .monthly__section--outro .outro__disclaimer {
    width: auto;
    margin-block-start: 2.5rem;
  }
  .monthly__section--outro .outro__notebook {
    flex: 0 1 69.3125rem;
    width: 69.3125rem;
    max-width: 69.3125rem;
    min-width: 0;
    margin-block-start: 0;
    margin-inline: 0;
    container-type: normal;
  }
  .monthly__section--outro .outro__notebook-text {
    font-size: 1.75rem;
    line-height: 2.25rem;
  }
  .monthly__section--outro .outro__clip {
    top: -4.0625rem;
    width: 6.5625rem;
    translate: none;
  }
  .monthly__section--outro .outro__book {
    --book-tile: 9.5rem;
    --book-line: calc(var(--book-tile) / 5);
    --book-mid-border-w: 0.625rem;
  }
  .monthly__section--outro .outro__sticker--container {
    width: 5.6875rem;
  }
  .monthly__section--outro .outro__sticker--point2 {
    width: 2.6875rem;
  }
  .monthly__section--outro .outro__sticker--rabbit {
    top: 14.9375rem;
    right: calc(28.8548241659% - 4.375rem);
    width: 6.625rem;
  }
  .monthly__section--outro .outro__sticker--fruit {
    width: 11rem;
  }
  .monthly__section--outro .outro__sticker--bottle {
    width: 10.6875rem;
  }
  .monthly__section--outro .outro__sticker--plate {
    width: 10.9375rem;
  }
  .monthly__section--outro .outro__book-top .monthly__image--1 {
    width: 29.875rem;
    top: 2.25rem;
    left: 3.75rem;
  }
  .monthly__section--outro .outro__book-top .monthly__image--1 .outro__sticker--arrow {
    width: 8.4375rem;
  }
  .monthly__section--outro .outro__book-top .monthly__image--1 .outro__sticker--arrow-2 {
    width: 6.8125rem;
  }
  .monthly__section--outro .outro__book-top .monthly__image--3 {
    width: 11.8125rem;
    top: 6.875rem;
    --spread-x: -32.5rem;
    --spread-y: -1rem;
  }
  .monthly__section--outro .outro__book-middle {
    --book-middle-math: 1.25rem;
    padding: 0 7.375rem 0 39.25rem;
    min-height: calc(var(--book-tile) * var(--book-middle-tiles, 1) + var(--book-middle-math) + 1.25rem);
    border-bottom-width: calc(var(--book-mid-border-w) + var(--book-middle-math));
    margin-block-end: calc((var(--book-mid-border-w) + var(--book-middle-math)) * -1);
  }
  .monthly__section--outro .outro__book-bottom {
    margin-block-start: 0;
  }
  .monthly__section--outro .outro__book-bottom .monthly__image--2 {
    width: 11.5rem;
    bottom: 5.625rem;
    left: 13.125rem;
    --spread-x: -5rem;
    --spread-y: -17.5rem;
  }
}

/* spot-layer */
.monthly .monthly-gallery-spot {
  position: relative;
  max-width: 120rem;
  margin: 0 auto;
}
.monthly .monthly-gallery-spot .arrow {
  display: none;
}
.monthly .monthly-gallery-spot__image {
  width: 100%;
}
.monthly .monthly-gallery-spot__image img {
  width: 100%;
}
.monthly .monthly-gallery-spot__cta,
.monthly .monthly__container .monthly-gallery-spot__cta {
  --spot-cta-scale: 1;
  --spot-cta-before-scale: 1;
  --spot-cta-after-scale: 1;
  position: absolute;
  width: 1.875rem;
  height: 1.875rem;
  padding: 0;
  background: transparent;
  border: 0;
  cursor: pointer;
  transform: translate(-50%, -50%);
  z-index: 35;
}
.monthly .monthly-gallery-spot__cta-visual {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background-color: #a50034;
  transform: scale(var(--spot-cta-scale));
  transform-origin: center center;
  transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out;
  pointer-events: none;
}
.monthly .monthly-gallery-spot__cta-visual::before, .monthly .monthly-gallery-spot__cta-visual::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(1);
  transition: transform 0.3s ease-in-out, width 0.3s ease-in-out, height 0.3s ease-in-out;
  pointer-events: none;
}
.monthly .monthly-gallery-spot__cta-visual::before {
  width: 2.5rem;
  height: 2.5rem;
  background: rgba(165, 0, 52, 0.2);
  filter: blur(5px);
  z-index: -1;
  transform: translate(-50%, -50%) scale(var(--spot-cta-before-scale));
}
.monthly .monthly-gallery-spot__cta-visual::after {
  width: 0.625rem;
  height: 0.625rem;
  background: #fff;
  transform: translate(-50%, -50%) scale(var(--spot-cta-after-scale));
}
.monthly .monthly-gallery-spot-layer {
  display: none;
  position: fixed;
  max-width: 31.625rem;
  width: 20.5rem;
  z-index: 30;
  transform: translateY(2rem);
  padding-top: 3.375rem;
  margin-top: -3.375rem;
}
.monthly .monthly-gallery-spot-layer .arrow {
  position: absolute;
  bottom: calc(100% - 3.5rem);
  left: 50%;
  width: 0;
  height: 0;
  transform: translateX(-50%);
  border-width: 1.375rem 1rem;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
  z-index: 11;
}
.monthly .monthly-gallery-spot-layer__inner {
  position: relative;
  display: flex;
  align-items: center;
  max-width: 100%;
  width: min(100vw - 2rem, 100dvw - 2rem);
  padding: 1.75rem 1.875rem 1.875rem;
  border-radius: 1.25rem;
  box-shadow: 0.125rem 0.125rem 0.5rem rgba(99, 98, 95, 0.2);
  background-color: #fff;
}
.monthly .monthly-gallery-spot-layer__image {
  flex: 0 0 42%;
  max-width: 42%;
  min-width: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.monthly .monthly-gallery-spot-layer__image img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}
.monthly .monthly-gallery-spot-layer__content {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 0.625rem;
  padding-right: 2.25rem;
}
.monthly .monthly-gallery-spot-layer__content .sku {
  display: block;
  width: 100%;
  margin-bottom: 0.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.875rem;
  line-height: 1.25;
  color: #767676;
}
.monthly .monthly-gallery-spot-layer__content .name {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 0.875rem;
  line-height: 1.1666666667;
  color: #000;
}
.monthly .monthly-gallery-spot-layer .cta-wrap {
  margin-top: 0.75rem;
}
.monthly .monthly-gallery-spot-layer .cta-wrap .c-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 5rem;
  height: 2.25rem;
  min-height: 2.25rem;
  padding: 0 1rem;
  border: 0.0625rem solid #94928d;
  border-radius: 0.375rem;
  background: #fff;
  color: #000;
  text-decoration: none;
  font-size: 0.875rem;
  line-height: 1;
  font-weight: 600;
}
.monthly .monthly-gallery-spot-layer .cta-wrap .c-button .cmp-button__text,
.monthly .monthly-gallery-spot-layer .cta-wrap .c-button .c-button__text {
  font: inherit;
}
.monthly .monthly-gallery-spot-layer .cta-wrap .c-button {
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
@media (hover: hover) and (pointer: fine) {
  .monthly .monthly-gallery-spot-layer .cta-wrap .c-button:hover {
    background-color: #ea1917;
    border-color: #ea1917;
    color: #fff;
  }
}
.monthly .monthly-gallery-spot-layer .cta-wrap .c-button:focus-visible {
  outline: 0.125rem solid #ea1917;
  outline-offset: 0.125rem;
}
@media (min-width: 48.0625rem) {
  .monthly .monthly-gallery-spot-layer .cta-wrap .c-button {
    min-width: 6.25rem;
    height: 2.25rem;
    min-height: 2.25rem;
    padding: 0 1rem;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    line-height: 1;
    font-weight: 600;
  }
}
.monthly .monthly-gallery-spot-layer__close {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  padding: 0;
  background: none;
  border: 0;
  cursor: pointer;
}
.monthly .monthly-gallery-spot-layer__close:before {
  content: "";
  display: block;
  width: 0.75rem;
  height: 0.75rem;
  background-image: url("https://www.lg.com/etc.clientlibs/lge/clientlibs/clientlib-site/resources/images/icon/icon-close-black-12-12.svg");
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 100%;
}
@media (max-width: 360px) {
  .monthly .monthly-gallery-spot-layer__image {
    width: 50%;
  }
}
@media all and (min-width: 48.0625rem) {
  .monthly .monthly-gallery-spot {
    max-width: 100%;
  }
  .monthly .monthly-gallery-spot__cta,
  .monthly .monthly__container .monthly-gallery-spot__cta {
    --spot-cta-size: clamp(2.8125rem, 4.375vw, 4.375rem);
    --spot-cta-size-hover: 3.125rem;
    --spot-cta-before-size: clamp(3.4375rem, 5vw, 5rem);
    --spot-cta-before-size-hover: 3.75rem;
    --spot-cta-after-size: clamp(1rem, 1.5625vw, 1.5625rem);
    --spot-cta-after-size-hover: 0.9375rem;
    width: var(--spot-cta-size);
    height: var(--spot-cta-size);
  }
}
@media (min-width: 48.0625rem) and (hover: hover) and (pointer: fine) {
  .monthly .monthly-gallery-spot__cta:hover,
  .monthly .monthly__container .monthly-gallery-spot__cta:hover {
    --spot-cta-scale: calc(var(--spot-cta-size-hover) / var(--spot-cta-size));
    --spot-cta-before-scale: calc(
      (var(--spot-cta-before-size-hover) / var(--spot-cta-before-size)) / var(--spot-cta-scale)
    );
    --spot-cta-after-scale: calc(
      (var(--spot-cta-after-size-hover) / var(--spot-cta-after-size)) / var(--spot-cta-scale)
    );
  }
}
@media all and (min-width: 48.0625rem) {
  .monthly .monthly-gallery-spot__cta-visual::before {
    width: var(--spot-cta-before-size);
    height: var(--spot-cta-before-size);
  }
  .monthly .monthly-gallery-spot__cta-visual::after {
    width: var(--spot-cta-after-size);
    height: var(--spot-cta-after-size);
  }
  .monthly .monthly-gallery-spot-layer {
    max-width: none;
    width: 30rem;
    transform: translate(-50%, 6.5625rem);
    padding-top: 1.875rem;
    margin-top: -1.875rem;
  }
  .monthly .monthly-gallery-spot-layer .arrow {
    bottom: calc(100% - 2rem);
  }
  .monthly .monthly-gallery-spot-layer--left {
    width: 35rem;
    transform: translate(calc(-100% + 2.375rem), calc(-50% + 1.875rem));
    padding-top: 0;
    margin-top: 0;
    padding-right: 5rem;
    margin-right: -5rem;
  }
  .monthly .monthly-gallery-spot-layer--left .arrow {
    left: 100%;
    bottom: 50%;
    transform: translate(-5.125rem, 50%);
    border-width: 1rem 1.375rem;
    border-color: transparent transparent transparent #fff;
  }
  .monthly .monthly-gallery-spot-layer--right {
    width: 35rem;
    transform: translate(6.375rem, calc(-50% + 1.875rem));
    padding-left: 5rem;
    margin-left: -5rem;
    padding-top: 0;
    margin-top: 0;
  }
  .monthly .monthly-gallery-spot-layer--right .arrow {
    left: 0;
    bottom: 50%;
    transform: translate(calc(-100% + 5rem), 50%);
    margin-left: 0.125rem;
    border-width: 1rem 1.375rem;
    border-color: transparent #fff transparent transparent;
  }
  .monthly .monthly-gallery-spot-layer__inner {
    align-items: center;
    max-width: 27.5rem;
    width: auto;
    padding: 2.5rem 1.875rem 1.875rem;
    border-radius: 1.25rem;
    box-shadow: 0.25rem 0.25rem 0.75rem rgba(99, 98, 95, 0.2);
  }
  .monthly .monthly-gallery-spot-layer__image {
    flex: 0 0 8.75rem;
    max-width: 8.75rem;
    width: 8.75rem;
    min-width: auto;
  }
  .monthly .monthly-gallery-spot-layer__image img {
    max-height: 6.5625rem;
  }
  .monthly .monthly-gallery-spot-layer__content {
    flex: 1 1 0;
    min-width: 0;
    padding-left: 1.25rem;
    padding-right: 2.75rem;
  }
  .monthly .monthly-gallery-spot-layer__content .sku {
    font-size: 0.875rem;
  }
  .monthly .monthly-gallery-spot-layer__content .name {
    font-size: 1rem;
    line-height: 1.167;
  }
  .monthly .monthly-gallery-spot-layer .cta-wrap {
    margin-top: 1.25rem;
  }
  .monthly .monthly-gallery-spot-layer__close {
    right: 0.5rem;
    top: 0.5rem;
    width: 2.75rem;
    height: 2.75rem;
  }
  .monthly .monthly-gallery-spot-layer__close:before {
    width: 0.75rem;
    height: 0.75rem;
  }
}

/* special-offer */


/* thinq */
@keyframes monthly-scale-reveal {
  from {
    opacity: 0;
    transform: translate3d(var(--reveal-from-x, 0), var(--reveal-from-y, 0), 0) scale(var(--reveal-from-scale, 0.96));
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}
@keyframes monthly-opacity-reveal {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes monthly-translate-reveal {
  from {
    transform: translate3d(var(--reveal-from-x, 0), var(--reveal-from-y, 0), 0) scale(var(--reveal-from-scale, 0.96));
  }
  to {
    transform: translate3d(0, 0, 0) scale(1);
  }
}
@keyframes monthly-step-rotate-wiggle {
  0%, 100% {
    rotate: var(--wiggle-from, -2deg);
  }
  50% {
    rotate: var(--wiggle-to, 2deg);
  }
}
@keyframes monthly-step-rotate-wiggle-travel {
  0%, 100% {
    rotate: var(--wiggle-travel-from, -6deg);
  }
  50% {
    rotate: var(--wiggle-travel-to, 6deg);
  }
}
@keyframes monthly-scroll-float {
  from {
    translate: var(--float-from-x, 0) var(--float-from-y, 0);
  }
  to {
    translate: var(--float-to-x, 1rem) var(--float-to-y, 1rem);
  }
}
.monthly__section--thinq {
  --color-main: var(--color-point-brown);
  --color-label: var(--color-main);
  --color-headline: var(--color-main);
  --color-text: var(--color-main);
  --color-bubble: var(--color-main);
  --color-placeholder: #fff;
  --color-bg: #fff;
  position: relative;
  background-image: url("/content/dam/channel/wcms/cz/2026-monthly-lg/26-sep/feature/images/desktop/monthly-lg-2026-sep-cz-06-thinq-pattern-bg.webp");
  background-size: auto;
  background-repeat: repeat;
  background-position: left top;
  padding-block-end: 1.46875rem;
}
.monthly__section--thinq .monthly__container {
  padding-block: clamp(3.65625rem, 16.25vw, 5rem) clamp(4.125rem, 18.3333333333vw, 6.25rem);
  position: relative;
  z-index: 2;
}
.monthly__section--thinq .monthly__label {
  background-image: url("/content/dam/channel/wcms/cz/2026-monthly-lg/26-sep/feature/images/desktop/monthly-lg-2026-sep-cz-06-thinq-pattern.webp");
}
.monthly__section--thinq .monthly__label .monthly__label-icon {
  width: 0.78125rem;
  aspect-ratio: 25/42;
  background-image: url("/content/dam/channel/wcms/cz/2026-monthly-lg/26-sep/feature/images/mobile/monthly-lg-2026-sep-cz-06-thinq-label-mobile.webp");
}
@media (min-width: 64rem) {
  .monthly__section--thinq {
    margin-block-start: clamp(-1.5rem, -2.688172043vw, -2.5rem);
    padding-block-end: 0;
  }
  .monthly__section--thinq .monthly__container {
    padding-block: clamp(6.25rem, 9.4086021505vw, 8.75rem) clamp(6.875rem, 10.2150537634vw, 9.5rem);
  }
  .monthly__section--thinq .monthly__label .monthly__label-icon {
    width: clamp(1.125rem, 1.6801075269vw, 1.5625rem);
    background-image: url("/content/dam/channel/wcms/cz/2026-monthly-lg/26-sep/feature/images/desktop/monthly-lg-2026-sep-cz-06-thinq-label-desktop.webp");
  }
}
@media all and (min-width: 93rem) {
  .monthly__section--thinq {
    margin-block-start: -2.5rem;
    padding-block-end: 0;
  }
  .monthly__section--thinq .monthly__container {
    padding-block: 8.75rem 9.5rem;
  }
  .monthly__section--thinq .monthly__label .monthly__label-icon {
    width: 1.5625rem;
    background-image: url("/content/dam/channel/wcms/cz/2026-monthly-lg/26-sep/feature/images/desktop/monthly-lg-2026-sep-cz-06-thinq-label-desktop.webp");
  }
}
@media all and (min-width: 100rem) {
  .monthly__section--thinq {
    border-radius: 2.5rem 2.5rem 0 0;
  }
}
.monthly__section--thinq .thinq__header-content {
  --thinq-title-img-width: min(8.3125rem, 36.9444444444vw);
  --thinq-title-img-gap: min(1.5rem, 6.6666666667vw);
  position: relative;
}
.monthly__section--thinq .thinq__header-content .monthly__title {
  width: calc(100% - var(--thinq-title-img-width) - var(--thinq-title-img-gap));
}
.monthly__section--thinq .thinq__header-content .monthly__image {
  width: var(--thinq-title-img-width);
  aspect-ratio: 266/246;
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #fff;
  rotate: -12.778deg;
  box-shadow: 0 0.15734375rem 0.2831875rem 0rem rgba(0, 0, 0, 0.25);
  --reveal-from-scale: 0.96;
  opacity: 0;
  transform: scale(0.96);
  transform-origin: center;
}
.monthly__section--thinq .thinq__header-content .monthly__image.is-animated {
  animation: monthly-scale-reveal 0.45s cubic-bezier(0.34, 1.45, 0.64, 1) 0.12s forwards;
}
@media (prefers-reduced-motion: reduce) {
  .monthly__section--thinq .thinq__header-content .monthly__image {
    animation: none;
    opacity: 1;
    transform: none;
  }
}
.monthly__section--thinq .thinq__header .monthly__text {
  margin-block-start: 1.625rem;
}
@media (min-width: 64rem) {
  .monthly__section--thinq .thinq__header {
    --ruled-bottom: 0.05em;
    padding-inline-end: clamp(30rem, 47.2446236559vw, 43.9375rem);
    position: relative;
  }
  .monthly__section--thinq .thinq__header-content .monthly__title {
    width: 100%;
    padding-inline-end: clamp(3.75rem, 6.1155913978vw, 5.6875rem);
  }
  .monthly__section--thinq .thinq__header-content .monthly__image {
    width: clamp(12.5rem, 17.876344086vw, 16.625rem);
    aspect-ratio: 266/246;
    bottom: auto;
    top: clamp(1rem, 1.6129032258vw, 1.5rem);
    right: auto;
    left: calc(100% + clamp(4rem, 6.25vw, 5.8125rem));
  }
  .monthly__section--thinq .thinq__header .monthly__text {
    margin-block-start: clamp(1.25rem, 2.0161290323vw, 1.875rem);
    min-height: clamp(17.5rem, 24.6639784946vw, 22.9375rem);
  }
  .monthly__section--thinq .thinq__header-right {
    display: block !important;
    position: absolute;
    top: clamp(5.0625rem, 7.5268817204vw, 7rem);
    right: clamp(1.5rem, 2.5537634409vw, 2.375rem);
    width: clamp(17.8125rem, 24.6639784946vw, 22.9375rem);
    aspect-ratio: 367/551;
  }
  .monthly__section--thinq .thinq__header-right .monthly__image-wrapper {
    --reveal-from-scale: 0.96;
    opacity: 0;
    transform: scale(0.96);
    transform-origin: center;
  }
  .monthly__section--thinq .thinq__header-right .monthly__image-wrapper.is-animated {
    animation: monthly-scale-reveal 0.45s cubic-bezier(0.34, 1.45, 0.64, 1) 0.08s forwards;
  }
}
@media (min-width: 64rem) and (prefers-reduced-motion: reduce) {
  .monthly__section--thinq .thinq__header-right .monthly__image-wrapper {
    animation: none;
    opacity: 1;
    transform: none;
  }
}
@media (min-width: 64rem) {
  .monthly__section--thinq .thinq__header-right .monthly__image-deco {
    position: absolute;
    top: clamp(-3.25rem, -4.8387096774vw, -4.5rem);
    right: clamp(-0.75rem, -1.3440860215vw, -1.25rem);
    width: clamp(6.75rem, 9.4086021505vw, 8.75rem);
    z-index: -1;
    aspect-ratio: 140/120;
    rotate: 10.427deg;
    pointer-events: none;
  }
  .monthly__section--thinq .thinq__header-right .monthly__image-deco img {
    --reveal-from-scale: 0.96;
    --reveal-from-x: 0;
    --reveal-from-y: 0;
    --wiggle-from: 2deg;
    --wiggle-to: -2deg;
    opacity: 0;
    transform: scale(0.96);
    transform-origin: center;
  }
  .monthly__section--thinq .thinq__header-right .monthly__image-deco img.is-animated {
    animation-name: monthly-scale-reveal, monthly-step-rotate-wiggle;
    animation-duration: 0.45s, 1.6s;
    animation-timing-function: cubic-bezier(0.34, 1.45, 0.64, 1), steps(2, jump-end);
    animation-fill-mode: forwards, none;
    animation-iteration-count: 1, infinite;
    animation-delay: 0.35s, 0.8s;
  }
}
@media (min-width: 64rem) and (prefers-reduced-motion: reduce) {
  .monthly__section--thinq .thinq__header-right .monthly__image-deco img {
    animation: none;
    opacity: 1;
    transform: none;
    rotate: 0deg;
  }
}
@media all and (min-width: 93rem) {
  .monthly__section--thinq .thinq__header {
    --ruled-bottom: 0.05em;
    padding-inline-end: 43.9375rem;
    position: relative;
  }
  .monthly__section--thinq .thinq__header-content .monthly__title {
    width: 100%;
    padding-inline-end: 5.6875rem;
  }
  .monthly__section--thinq .thinq__header-content .monthly__image {
    width: 16.625rem;
    aspect-ratio: 266/246;
    bottom: auto;
    top: 1.5rem;
    right: auto;
    left: calc(100% + 6.625rem);
  }
  .monthly__section--thinq .thinq__header .monthly__text {
    margin-block-start: 1.875rem;
    min-height: 22.9375rem;
  }
  .monthly__section--thinq .thinq__header-right {
    position: absolute;
    top: 7rem;
    right: 2.375rem;
    width: 22.9375rem;
    aspect-ratio: 367/551;
  }
  .monthly__section--thinq .thinq__header-right .monthly__image-wrapper {
    --reveal-from-scale: 0.96;
    opacity: 0;
    transform: scale(0.96);
    transform-origin: center;
  }
  .monthly__section--thinq .thinq__header-right .monthly__image-wrapper.is-animated {
    animation: monthly-scale-reveal 0.45s cubic-bezier(0.34, 1.45, 0.64, 1) 0.08s forwards;
  }
}
@media (min-width: 93rem) and (prefers-reduced-motion: reduce) {
  .monthly__section--thinq .thinq__header-right .monthly__image-wrapper {
    animation: none;
    opacity: 1;
    transform: none;
  }
}
@media all and (min-width: 93rem) {
  .monthly__section--thinq .thinq__header-right .monthly__image-deco {
    position: absolute;
    top: -4.5rem;
    right: -1.25rem;
    z-index: -1;
    aspect-ratio: 140/120;
    rotate: 10.427deg;
  }
  .monthly__section--thinq .thinq__header-right .monthly__image-deco img {
    --reveal-from-scale: 0.96;
    --reveal-from-x: 0;
    --reveal-from-y: 0;
    --wiggle-from: 2deg;
    --wiggle-to: -2deg;
    opacity: 0;
    transform: scale(0.96);
    transform-origin: center;
  }
  .monthly__section--thinq .thinq__header-right .monthly__image-deco img.is-animated {
    animation-name: monthly-scale-reveal, monthly-step-rotate-wiggle;
    animation-duration: 0.45s, 1.6s;
    animation-timing-function: cubic-bezier(0.34, 1.45, 0.64, 1), steps(2, jump-end);
    animation-fill-mode: forwards, none;
    animation-iteration-count: 1, infinite;
    animation-delay: 0.35s, 0.8s;
  }
}
@media (min-width: 93rem) and (prefers-reduced-motion: reduce) {
  .monthly__section--thinq .thinq__header-right .monthly__image-deco img {
    animation: none;
    opacity: 1;
    transform: none;
    rotate: 0deg;
  }
}
.monthly__section--thinq .thinq__body {
  position: relative;
  width: calc(100% + var(--container-padding) * 2);
  margin-inline: calc(var(--container-padding) * -1);
  margin-block-start: 2.625rem;
  container-type: inline-size;
}
.monthly__section--thinq .thinq__body .monthly__image--1 {
  width: 100%;
  height: min(22.5rem, 100cqi * 0.8);
  overflow: clip;
  opacity: 0;
  transform: scale(0.96);
  transform-origin: center;
  transition: opacity 0.45s cubic-bezier(0.34, 1.45, 0.64, 1) 0.08s, transform 0.45s cubic-bezier(0.34, 1.45, 0.64, 1) 0.08s;
}
.monthly__section--thinq .thinq__body .monthly__image--1.is-animated {
  opacity: 1;
  transform: scale(1);
}
@media (prefers-reduced-motion: reduce) {
  .monthly__section--thinq .thinq__body .monthly__image--1 {
    opacity: 1;
    transform: none;
    transition: none;
  }
}
.monthly__section--thinq .thinq__body .monthly__image--1 img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.monthly__section--thinq .thinq__body .monthly__image--2 {
  width: 62.083%;
  max-width: 18.75rem;
  aspect-ratio: 447/348;
  position: absolute;
  bottom: calc(clamp(4.125rem, 18.3333333333vw, 6.25rem) * -1);
  left: -1.40625rem;
}
.monthly__section--thinq .thinq__body .monthly__image--2 .monthly__image-wrapper {
  --reveal-from-scale: 0.96;
  opacity: 0;
  transform: scale(0.96);
  transform-origin: center;
}
.monthly__section--thinq .thinq__body .monthly__image--2 .monthly__image-wrapper.is-animated {
  animation: monthly-scale-reveal 0.45s cubic-bezier(0.34, 1.45, 0.64, 1) 0.16s forwards;
}
@media (prefers-reduced-motion: reduce) {
  .monthly__section--thinq .thinq__body .monthly__image--2 .monthly__image-wrapper {
    animation: none;
    opacity: 1;
    transform: none;
  }
}
.monthly__section--thinq .thinq__body .monthly__image--2 .monthly__image-wrapper {
  background-color: var(--color-placeholder);
}
.monthly__section--thinq .thinq__body .monthly__image--2 .monthly__image-wrapper img {
  width: 100%;
}
.monthly__section--thinq .thinq__body .monthly__image--2 .monthly__image-deco {
  position: absolute;
  pointer-events: none;
}
.monthly__section--thinq .thinq__body .monthly__image--2 .monthly__image-deco--1 {
  bottom: 50.847%;
  left: 47.085%;
  width: 10.762%;
  aspect-ratio: 49/97;
  rotate: -3.432deg;
}
.monthly__section--thinq .thinq__body .monthly__image--2 .monthly__image-deco--1 img {
  --reveal-from-scale: 0.96;
  --reveal-from-x: 0;
  --reveal-from-y: 0;
  --wiggle-from: -2.2deg;
  --wiggle-to: 2.2deg;
  opacity: 0;
  transform: scale(0.96);
  transform-origin: center;
}
.monthly__section--thinq .thinq__body .monthly__image--2 .monthly__image-deco--1 img.is-animated {
  animation-name: monthly-scale-reveal, monthly-step-rotate-wiggle;
  animation-duration: 0.3s, 1.6s;
  animation-timing-function: cubic-bezier(0.34, 1.45, 0.64, 1), steps(2, jump-end);
  animation-fill-mode: forwards, none;
  animation-iteration-count: 1, infinite;
  animation-delay: 0.4s, 0.7s;
}
@media (prefers-reduced-motion: reduce) {
  .monthly__section--thinq .thinq__body .monthly__image--2 .monthly__image-deco--1 img {
    animation: none;
    opacity: 1;
    transform: none;
    rotate: 0deg;
  }
}
.monthly__section--thinq .thinq__body .monthly__image--2 .monthly__image-deco--2 {
  bottom: 58.235%;
  left: 85.201%;
  width: 34.304%;
  aspect-ratio: 151/88;
  rotate: -15.035deg;
}
.monthly__section--thinq .thinq__body .monthly__image--2 .monthly__image-deco--2 img {
  --reveal-from-scale: 0.96;
  --reveal-from-x: 0;
  --reveal-from-y: 0;
  --wiggle-from: 2deg;
  --wiggle-to: -2deg;
  opacity: 0;
  transform: scale(0.96);
  transform-origin: center;
}
.monthly__section--thinq .thinq__body .monthly__image--2 .monthly__image-deco--2 img.is-animated {
  animation-name: monthly-scale-reveal, monthly-step-rotate-wiggle;
  animation-duration: 0.3s, 1.6s;
  animation-timing-function: cubic-bezier(0.34, 1.45, 0.64, 1), steps(2, jump-end);
  animation-fill-mode: forwards, none;
  animation-iteration-count: 1, infinite;
  animation-delay: 0.6s, 0.9s;
}
@media (prefers-reduced-motion: reduce) {
  .monthly__section--thinq .thinq__body .monthly__image--2 .monthly__image-deco--2 img {
    animation: none;
    opacity: 1;
    transform: none;
    rotate: 0deg;
  }
}
@media (min-width: 64rem) {
  .monthly__section--thinq .thinq__body {
    width: 100%;
    margin-inline: 0;
    margin-block-start: clamp(2rem, 2.8225806452vw, 2.625rem);
    container-type: normal;
  }
  .monthly__section--thinq .thinq__body .monthly__image--1 {
    height: auto;
    aspect-ratio: 1440/637;
  }
  .monthly__section--thinq .thinq__body .monthly__image--1 img {
    --float-from-x: 0;
    --float-from-y: 2.25rem;
    --float-to-x: 0;
    --float-to-y: -2.25rem;
    translate: none;
  }
  @supports (animation-timeline: view()) {
    .monthly__section--thinq .thinq__body .monthly__image--1 img {
      translate: var(--float-from-x) var(--float-from-y);
      will-change: translate;
      animation-name: monthly-scroll-float;
      animation-timing-function: linear;
      animation-fill-mode: both;
      animation-timeline: view();
      animation-range: cover 0% cover 100%;
    }
  }
}
@media (min-width: 64rem) and (prefers-reduced-motion: reduce) {
  .monthly__section--thinq .thinq__body .monthly__image--1 img {
    animation: none;
    translate: none;
    will-change: auto;
  }
}
@media (min-width: 64rem) {
  .monthly__section--thinq .thinq__body .monthly__image--2 {
    max-width: none;
    width: clamp(20rem, 30.0403225806vw, 27.9375rem);
    top: clamp(15rem, 22.8494623656vw, 21.25rem);
    left: clamp(-5.5rem, -8.6021505376vw, -8rem);
    rotate: 14.031deg;
  }
  .monthly__section--thinq .thinq__body .monthly__image--2 .monthly__image-wrapper {
    box-shadow: 0 0.3146875rem 0.566375rem 0rem rgba(0, 0, 0, 0.25);
  }
  .monthly__section--thinq .thinq__body .monthly__image--2 .monthly__image-deco {
    position: absolute;
  }
  .monthly__section--thinq .thinq__body .monthly__image--2 .monthly__image-deco--1 {
    bottom: 50.847%;
    left: 47.085%;
    rotate: 0;
  }
  .monthly__section--thinq .thinq__body .monthly__image--2 .monthly__image-deco--2 {
    bottom: 95%;
    left: 78%;
    rotate: -29.029deg;
  }
}
@media all and (min-width: 93rem) {
  .monthly__section--thinq .thinq__body {
    width: 100%;
    margin-inline: 0;
  }
  .monthly__section--thinq .thinq__body .monthly__image--1 {
    height: auto;
    aspect-ratio: 1440/637;
  }
  .monthly__section--thinq .thinq__body .monthly__image--1 img {
    --float-from-x: 0;
    --float-from-y: 2.25rem;
    --float-to-x: 0;
    --float-to-y: -2.25rem;
    translate: none;
  }
  @supports (animation-timeline: view()) {
    .monthly__section--thinq .thinq__body .monthly__image--1 img {
      translate: var(--float-from-x) var(--float-from-y);
      will-change: translate;
      animation-name: monthly-scroll-float;
      animation-timing-function: linear;
      animation-fill-mode: both;
      animation-timeline: view();
      animation-range: cover 0% cover 100%;
    }
  }
}
@media (min-width: 93rem) and (prefers-reduced-motion: reduce) {
  .monthly__section--thinq .thinq__body .monthly__image--1 img {
    animation: none;
    translate: none;
    will-change: auto;
  }
}
@media all and (min-width: 93rem) {
  .monthly__section--thinq .thinq__body .monthly__image--2 {
    max-width: none;
    width: 27.9375rem;
    top: 21.25rem;
    left: -8rem;
    rotate: 14.031deg;
  }
  .monthly__section--thinq .thinq__body .monthly__image--2 .monthly__image-wrapper {
    box-shadow: 0 0.3146875rem 0.566375rem 0rem rgba(0, 0, 0, 0.25);
  }
  .monthly__section--thinq .thinq__body .monthly__image--2 .monthly__image-deco {
    position: absolute;
  }
  .monthly__section--thinq .thinq__body .monthly__image--2 .monthly__image-deco--1 {
    bottom: 50.847%;
    left: 47.085%;
    rotate: 0;
  }
  .monthly__section--thinq .thinq__body .monthly__image--2 .monthly__image-deco--2 {
    bottom: 95%;
    left: 78%;
    rotate: -29.029deg;
  }
}

/* dishwasher */
@keyframes monthly-scale-reveal {
  from {
    opacity: 0;
    transform: translate3d(var(--reveal-from-x, 0), var(--reveal-from-y, 0), 0) scale(var(--reveal-from-scale, 0.96));
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}
@keyframes monthly-opacity-reveal {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes monthly-translate-reveal {
  from {
    transform: translate3d(var(--reveal-from-x, 0), var(--reveal-from-y, 0), 0) scale(var(--reveal-from-scale, 0.96));
  }
  to {
    transform: translate3d(0, 0, 0) scale(1);
  }
}
@keyframes monthly-step-rotate-wiggle {
  0%, 100% {
    rotate: var(--wiggle-from, -2deg);
  }
  50% {
    rotate: var(--wiggle-to, 2deg);
  }
}
@keyframes monthly-step-rotate-wiggle-travel {
  0%, 100% {
    rotate: var(--wiggle-travel-from, -6deg);
  }
  50% {
    rotate: var(--wiggle-travel-to, 6deg);
  }
}
@keyframes monthly-scroll-float {
  from {
    translate: var(--float-from-x, 0) var(--float-from-y, 0);
  }
  to {
    translate: var(--float-to-x, 1rem) var(--float-to-y, 1rem);
  }
}
.monthly__section--dishwasher {
  --color-main: var(--color-point-pink-light);
  --color-label: var(--color-main);
  --color-headline: var(--color-main);
  --color-text: var(--color-main);
  --color-bubble: var(--color-main);
  --color-placeholder: var(--color-point-brown-dark);
  --color-bg: var(--color-point-brown-dark);
  position: relative;
  background-image: url("/content/dam/channel/wcms/cz/2026-monthly-lg/26-sep/feature/images/desktop/monthly-lg-2026-sep-cz-05-dishwasher-pattern-bg.webp");
  background-size: auto;
  background-repeat: repeat;
  background-position: left top;
}
.monthly__section--dishwasher .monthly__container {
  padding-block: clamp(4.4375rem, 19.7222222222vw, 5.59375rem) 4.375rem;
  position: relative;
  z-index: 2;
}
.monthly__section--dishwasher .monthly__label {
  background-image: url("/content/dam/channel/wcms/cz/2026-monthly-lg/26-sep/feature/images/desktop/monthly-lg-2026-sep-cz-05-dishwasher-pattern.webp");
}
.monthly__section--dishwasher .monthly__label .monthly__label-icon {
  background-image: url("/content/dam/channel/wcms/cz/2026-monthly-lg/26-sep/feature/images/mobile/monthly-lg-2026-sep-cz-05-dishwasher-label-mobile.webp");
}
@media (min-width: 64rem) {
  .monthly__section--dishwasher {
    margin-block-start: clamp(-1.5rem, -2.688172043vw, -2.5rem);
  }
  .monthly__section--dishwasher .monthly__container {
    padding-block: clamp(6.25rem, 9.4086021505vw, 8.75rem) clamp(7.5rem, 11.6935483871vw, 10.875rem);
  }
  .monthly__section--dishwasher .monthly__label .monthly__label-icon {
    background-image: url("/content/dam/channel/wcms/cz/2026-monthly-lg/26-sep/feature/images/desktop/monthly-lg-2026-sep-cz-05-dishwasher-label-desktop.webp");
  }
}
@media all and (min-width: 93rem) {
  .monthly__section--dishwasher {
    margin-block-start: -2.5rem;
  }
  .monthly__section--dishwasher .monthly__container {
    padding-block: 8.75rem 11.25rem;
  }
  .monthly__section--dishwasher .monthly__label .monthly__label-icon {
    background-image: url("/content/dam/channel/wcms/cz/2026-monthly-lg/26-sep/feature/images/desktop/monthly-lg-2026-sep-cz-05-dishwasher-label-desktop.webp");
  }
}
@media all and (min-width: 100rem) {
  .monthly__section--dishwasher {
    border-radius: 2.5rem 2.5rem 0 0;
  }
}
.monthly__section--dishwasher .dishwasher__header-content {
  --dishwasher-title-img-width: min(9.0625rem, 40.2777777778vw);
  --dishwasher-title-img-gap: min(1.5rem, 6.6666666667vw);
  position: relative;
}
.monthly__section--dishwasher .dishwasher__header-content .monthly__title {
  width: calc(100% - var(--dishwasher-title-img-width) - var(--dishwasher-title-img-gap));
}
.monthly__section--dishwasher .dishwasher__header-content .monthly__image {
  width: var(--dishwasher-title-img-width);
  aspect-ratio: 290/271;
  position: absolute;
  bottom: -0.375rem;
  right: 0;
  z-index: 2;
  background-color: #fff;
  rotate: 7.13deg;
  box-shadow: 0 0.15734375rem 0.2831875rem 0rem rgba(0, 0, 0, 0.25);
}
.monthly__section--dishwasher .dishwasher__header-content .monthly__image img {
  display: block;
  width: 100%;
  height: 100%;
}
.monthly__section--dishwasher .dishwasher__header .monthly__text {
  margin-block-start: 1.625rem;
}
@media (min-width: 64rem) {
  .monthly__section--dishwasher .dishwasher__header {
    display: flex;
    gap: clamp(3rem, 4.9731182796vw, 4.625rem);
    padding-inline-end: clamp(6.25rem, 11.4247311828vw, 10.625rem);
    position: relative;
  }
  .monthly__section--dishwasher .dishwasher__header-content {
    flex: 0 0 clamp(25rem, 33.6021505376vw, 31.25rem);
    position: static;
  }
  .monthly__section--dishwasher .dishwasher__header-content .monthly__title {
    width: 100%;
  }
  .monthly__section--dishwasher .dishwasher__header-content .monthly__image {
    width: clamp(12.5rem, 18.1451612903vw, 16.875rem);
    bottom: clamp(-14.375rem, -17.4731182796vw, -16.25rem);
    right: clamp(0.75rem, 1.3440860215vw, 1.25rem);
  }
  .monthly__section--dishwasher .dishwasher__header .monthly__text {
    margin-block-start: 0;
  }
}
@media all and (min-width: 93rem) {
  .monthly__section--dishwasher .dishwasher__header {
    display: flex;
    gap: 4.625rem;
    padding-inline-end: 10.625rem;
    position: relative;
  }
  .monthly__section--dishwasher .dishwasher__header-content {
    flex: 0 0 40.375rem;
    position: static;
  }
  .monthly__section--dishwasher .dishwasher__header-content .monthly__title {
    width: 100%;
  }
  .monthly__section--dishwasher .dishwasher__header-content .monthly__image {
    width: 16.875rem;
    bottom: -16.25rem;
    right: 1.25rem;
  }
  .monthly__section--dishwasher .dishwasher__header .monthly__text {
    margin-block-start: 0;
  }
}
.monthly__section--dishwasher .dishwasher__body {
  display: flex;
  flex-direction: column;
  gap: 1.5625rem;
  margin-block-start: 2rem;
  container-type: inline-size;
}
.monthly__section--dishwasher .dishwasher__body .monthly__image {
  width: calc(100% + var(--container-padding) * 2);
  margin-inline: calc(var(--container-padding) * -1);
}
.monthly__section--dishwasher .dishwasher__body .monthly__image--1 {
  position: relative;
  height: min(18rem, 100vw * 0.8);
  overflow: clip;
  opacity: 0;
  transform: scale(0.96);
  transform-origin: center;
  transition: opacity 0.45s cubic-bezier(0.34, 1.45, 0.64, 1) 0.08s, transform 0.45s cubic-bezier(0.34, 1.45, 0.64, 1) 0.08s;
}
.monthly__section--dishwasher .dishwasher__body .monthly__image--1.is-animated {
  opacity: 1;
  transform: scale(1);
}
@media (prefers-reduced-motion: reduce) {
  .monthly__section--dishwasher .dishwasher__body .monthly__image--1 {
    opacity: 1;
    transform: none;
    transition: none;
  }
}
.monthly__section--dishwasher .dishwasher__body .monthly__image--1 .monthly__image-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.monthly__section--dishwasher .dishwasher__body .monthly__image--1 .monthly__image-wrapper img {
  display: block;
  width: auto;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.monthly__section--dishwasher .dishwasher__body .monthly__image--1 .monthly__image-deco {
  pointer-events: none;
}
.monthly__section--dishwasher .dishwasher__body .monthly__image--1 .monthly__image-deco img[data-animate=sticker-wiggle] {
  --reveal-from-scale: 0.96;
  --reveal-from-x: 0;
  --reveal-from-y: 0;
  --wiggle-from: 2.5deg;
  --wiggle-to: -2.5deg;
  opacity: 0;
  transform: scale(0.96);
  transform-origin: center;
}
.monthly__section--dishwasher .dishwasher__body .monthly__image--1 .monthly__image-deco img[data-animate=sticker-wiggle].is-animated {
  animation-name: monthly-scale-reveal, monthly-step-rotate-wiggle;
  animation-duration: 0.45s, 1.6s;
  animation-timing-function: cubic-bezier(0.34, 1.45, 0.64, 1), steps(2, jump-end);
  animation-fill-mode: forwards, none;
  animation-iteration-count: 1, infinite;
  animation-delay: 0.35s, 0.8s;
}
@media (prefers-reduced-motion: reduce) {
  .monthly__section--dishwasher .dishwasher__body .monthly__image--1 .monthly__image-deco img[data-animate=sticker-wiggle] {
    animation: none;
    opacity: 1;
    transform: none;
    rotate: 0deg;
  }
}
.monthly__section--dishwasher .dishwasher__body .monthly__image--2 {
  aspect-ratio: 720/297;
  opacity: 0;
  transform: scale(0.96);
  transform-origin: center;
  transition: opacity 0.45s cubic-bezier(0.34, 1.45, 0.64, 1) 0.14s, transform 0.45s cubic-bezier(0.34, 1.45, 0.64, 1) 0.14s;
}
.monthly__section--dishwasher .dishwasher__body .monthly__image--2.is-animated {
  opacity: 1;
  transform: scale(1);
}
@media (prefers-reduced-motion: reduce) {
  .monthly__section--dishwasher .dishwasher__body .monthly__image--2 {
    opacity: 1;
    transform: none;
    transition: none;
  }
}
.monthly__section--dishwasher .dishwasher__body .monthly__image--2 img {
  display: block;
  width: 100%;
}
.monthly__section--dishwasher .dishwasher__body .monthly__text {
  padding-block-end: 1.15625rem;
}
@media all and (min-width: 48.0625rem) {
  .monthly__section--dishwasher .dishwasher__body .monthly__image--1 {
    height: auto;
  }
  .monthly__section--dishwasher .dishwasher__body .monthly__image--1 .monthly__image-wrapper {
    height: auto;
  }
}
@media (min-width: 64rem) {
  .monthly__section--dishwasher .dishwasher__body {
    flex-flow: row wrap;
    justify-content: space-between;
    gap: clamp(2.25rem, 3.6962365591vw, 3.4375rem);
    margin-block-start: clamp(5rem, 8.064516129vw, 7.5rem);
  }
  .monthly__section--dishwasher .dishwasher__body .monthly__image {
    width: 100%;
    margin-inline: 0;
  }
  .monthly__section--dishwasher .dishwasher__body .monthly__image--1 {
    overflow: visible;
    order: 1;
    flex: 0 0 100%;
    width: 100%;
    height: auto;
    position: relative;
  }
  .monthly__section--dishwasher .dishwasher__body .monthly__image--1 .monthly__image-wrapper {
    width: 100%;
    max-width: 90rem;
    margin-inline: auto;
    height: auto;
    aspect-ratio: 2.2605965463;
    overflow: clip;
  }
  .monthly__section--dishwasher .dishwasher__body .monthly__image--1 .monthly__spot-anchor {
    max-width: 90rem;
    margin-inline: auto;
    inset: 0;
    width: 100%;
    height: 100%;
  }
  .monthly__section--dishwasher .dishwasher__body .monthly__image--1 .monthly__image-wrapper img {
    --float-from-x: 0;
    --float-from-y: 2.5rem;
    --float-to-x: 0;
    --float-to-y: -2.5rem;
    translate: none;
  }
  @supports (animation-timeline: view()) {
    .monthly__section--dishwasher .dishwasher__body .monthly__image--1 .monthly__image-wrapper img {
      translate: var(--float-from-x) var(--float-from-y);
      will-change: translate;
      animation-name: monthly-scroll-float;
      animation-timing-function: linear;
      animation-fill-mode: both;
      animation-timeline: view();
      animation-range: cover 0% cover 100%;
    }
  }
}
@media (min-width: 64rem) and (prefers-reduced-motion: reduce) {
  .monthly__section--dishwasher .dishwasher__body .monthly__image--1 .monthly__image-wrapper img {
    animation: none;
    translate: none;
    will-change: auto;
  }
}
@media (min-width: 64rem) {
  .monthly__section--dishwasher .dishwasher__body .monthly__image--1 .monthly__image-deco.only-pc {
    display: block !important;
    position: absolute;
    bottom: clamp(5rem, 7.3924731183vw, 6.875rem);
    right: calc((100% - min(100%, 90rem)) / 2 - clamp(3.5rem, 5.376344086vw, 5rem));
    width: clamp(7.5rem, 10.6182795699vw, 9.875rem);
    aspect-ratio: 158/176;
    rotate: 10.591deg;
  }
  .monthly__section--dishwasher .dishwasher__body .monthly__image--1 .monthly__image-deco.only-pc img[data-animate=sticker-wiggle] {
    display: block;
    width: 100%;
    height: 100%;
    --reveal-from-scale: 0.96;
    --reveal-from-x: 0;
    --reveal-from-y: 0;
    --wiggle-from: 2.5deg;
    --wiggle-to: -2.5deg;
    opacity: 0;
    transform: scale(0.96);
    transform-origin: center;
  }
  .monthly__section--dishwasher .dishwasher__body .monthly__image--1 .monthly__image-deco.only-pc img[data-animate=sticker-wiggle].is-animated {
    animation-name: monthly-scale-reveal, monthly-step-rotate-wiggle;
    animation-duration: 0.45s, 1.6s;
    animation-timing-function: cubic-bezier(0.34, 1.45, 0.64, 1), steps(2, jump-end);
    animation-fill-mode: forwards, none;
    animation-iteration-count: 1, infinite;
    animation-delay: 0.32s, 0.77s;
  }
}
@media (min-width: 64rem) and (prefers-reduced-motion: reduce) {
  .monthly__section--dishwasher .dishwasher__body .monthly__image--1 .monthly__image-deco.only-pc img[data-animate=sticker-wiggle] {
    animation: none;
    opacity: 1;
    transform: none;
    rotate: 0deg;
  }
}
@media (min-width: 64rem) {
  .monthly__section--dishwasher .dishwasher__body .monthly__image--2 {
    order: 2;
    flex: 1 1 0;
    min-width: 0;
    aspect-ratio: 970/400;
    --float-from-x: 0;
    --float-from-y: 5rem;
    --float-to-x: 0;
    --float-to-y: -5rem;
    translate: none;
  }
  @supports (animation-timeline: view()) {
    .monthly__section--dishwasher .dishwasher__body .monthly__image--2 {
      translate: var(--float-from-x) var(--float-from-y);
      will-change: translate;
      animation-name: monthly-scroll-float;
      animation-timing-function: linear;
      animation-fill-mode: both;
      animation-timeline: view();
      animation-range: cover 0% cover 100%;
    }
  }
}
@media (min-width: 64rem) and (prefers-reduced-motion: reduce) {
  .monthly__section--dishwasher .dishwasher__body .monthly__image--2 {
    animation: none;
    translate: none;
    will-change: auto;
  }
}
@media (min-width: 64rem) {
  .monthly__section--dishwasher .dishwasher__body .monthly__text {
    order: 3;
    flex: 0 0 clamp(20rem, 27.8897849462vw, 25.9375rem);
    padding-block-end: 0;
  }
}
@media all and (min-width: 93rem) {
  .monthly__section--dishwasher .dishwasher__body {
    flex-flow: row wrap;
    justify-content: space-between;
    gap: 3.4375rem;
    margin-block-start: 7.5rem;
  }
  .monthly__section--dishwasher .dishwasher__body .monthly__image {
    width: 100%;
    margin-inline: 0;
  }
  .monthly__section--dishwasher .dishwasher__body .monthly__image--1 {
    overflow: visible;
    order: 1;
    flex: 0 0 100%;
    width: 100%;
    height: 100%;
    position: relative;
  }
  .monthly__section--dishwasher .dishwasher__body .monthly__image--1 .monthly__image-wrapper {
    width: 100%;
    max-width: 90rem;
    margin-inline: auto;
    height: auto;
    aspect-ratio: 2.2605965463;
    overflow: clip;
  }
  .monthly__section--dishwasher .dishwasher__body .monthly__image--1 .monthly__spot-anchor {
    max-width: 90rem;
    margin-inline: auto;
    inset: 0;
    width: 100%;
    height: 100%;
  }
  .monthly__section--dishwasher .dishwasher__body .monthly__image--1 .monthly__image-wrapper img {
    --float-from-x: 0;
    --float-from-y: 2.5rem;
    --float-to-x: 0;
    --float-to-y: -2.5rem;
    translate: none;
  }
  @supports (animation-timeline: view()) {
    .monthly__section--dishwasher .dishwasher__body .monthly__image--1 .monthly__image-wrapper img {
      translate: var(--float-from-x) var(--float-from-y);
      will-change: translate;
      animation-name: monthly-scroll-float;
      animation-timing-function: linear;
      animation-fill-mode: both;
      animation-timeline: view();
      animation-range: cover 0% cover 100%;
    }
  }
}
@media (min-width: 93rem) and (prefers-reduced-motion: reduce) {
  .monthly__section--dishwasher .dishwasher__body .monthly__image--1 .monthly__image-wrapper img {
    animation: none;
    translate: none;
    will-change: auto;
  }
}
@media all and (min-width: 93rem) {
  .monthly__section--dishwasher .dishwasher__body .monthly__image--1 .monthly__image-deco {
    position: absolute;
    bottom: 6.875rem;
    right: calc((100% - min(100%, 90rem)) / 2 - 5rem);
    width: 9.875rem;
    aspect-ratio: 158/176;
    rotate: 10.591deg;
  }
  .monthly__section--dishwasher .dishwasher__body .monthly__image--1 .monthly__image-deco img[data-animate=sticker-wiggle] {
    display: block;
    width: 100%;
    height: 100%;
    --reveal-from-scale: 0.96;
    --reveal-from-x: 0;
    --reveal-from-y: 0;
    --wiggle-from: 2.5deg;
    --wiggle-to: -2.5deg;
    opacity: 0;
    transform: scale(0.96);
    transform-origin: center;
  }
  .monthly__section--dishwasher .dishwasher__body .monthly__image--1 .monthly__image-deco img[data-animate=sticker-wiggle].is-animated {
    animation-name: monthly-scale-reveal, monthly-step-rotate-wiggle;
    animation-duration: 0.45s, 1.6s;
    animation-timing-function: cubic-bezier(0.34, 1.45, 0.64, 1), steps(2, jump-end);
    animation-fill-mode: forwards, none;
    animation-iteration-count: 1, infinite;
    animation-delay: 0.32s, 0.77s;
  }
}
@media (min-width: 93rem) and (prefers-reduced-motion: reduce) {
  .monthly__section--dishwasher .dishwasher__body .monthly__image--1 .monthly__image-deco img[data-animate=sticker-wiggle] {
    animation: none;
    opacity: 1;
    transform: none;
    rotate: 0deg;
  }
}
@media all and (min-width: 93rem) {
  .monthly__section--dishwasher .dishwasher__body .monthly__image--2 {
    order: 2;
    flex: 1 1 0;
    min-width: 0;
    aspect-ratio: 970/400;
    --float-from-x: 0;
    --float-from-y: 5rem;
    --float-to-x: 0;
    --float-to-y: -5rem;
    translate: none;
  }
  @supports (animation-timeline: view()) {
    .monthly__section--dishwasher .dishwasher__body .monthly__image--2 {
      translate: var(--float-from-x) var(--float-from-y);
      will-change: translate;
      animation-name: monthly-scroll-float;
      animation-timing-function: linear;
      animation-fill-mode: both;
      animation-timeline: view();
      animation-range: cover 0% cover 100%;
    }
  }
}
@media (min-width: 93rem) and (prefers-reduced-motion: reduce) {
  .monthly__section--dishwasher .dishwasher__body .monthly__image--2 {
    animation: none;
    translate: none;
    will-change: auto;
  }
}
@media all and (min-width: 93rem) {
  .monthly__section--dishwasher .dishwasher__body .monthly__text {
    order: 3;
    flex: 0 0 25.9375rem;
    padding-block-end: 0;
  }
}
.monthly__section--dishwasher .dishwasher__footer {
  max-width: 31.25rem;
  margin-inline: auto;
  margin-block-start: 2.71875rem;
}
.monthly__section--dishwasher .dishwasher__footer-content {
  width: calc(100% + var(--container-padding) * 2);
  margin-inline: calc(var(--container-padding) * -1);
  padding-block-end: clamp(9.375rem, 41.6666666667vw, 14.375rem);
  position: relative;
}
.monthly__section--dishwasher .dishwasher__footer .monthly__bubble {
  display: flex;
  align-items: center;
  width: 79.722%;
  height: auto;
  min-height: 14.5625rem;
  margin-inline-start: 0.875rem;
  padding: 2.8125rem 2.625rem 4rem;
  box-sizing: border-box;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="577" height="468" viewBox="0 0 577 468" fill="none" preserveAspectRatio="none"><path d="M339.846 467.096L310.319 405.996L491.484 405.996L575.057 76.8066L118.557 1.09583L1.05664 189.616L39.0717 384.212L256.27 405.996L339.846 467.096Z" stroke="%23F4D0C9" stroke-opacity="0.5" stroke-width="2"/></svg>');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.monthly__section--dishwasher .dishwasher__footer .monthly__bubble .monthly__bubble-text {
  width: 100%;
  max-width: 17.5rem;
  margin-inline: auto;
}
.monthly__section--dishwasher .dishwasher__footer .monthly__bubble[data-animate] {
  opacity: 0;
  transform: scale(0.92);
  transform-origin: 18% 72%;
  transition: opacity 0.48s cubic-bezier(0.34, 1.45, 0.64, 1), transform 0.48s cubic-bezier(0.34, 1.45, 0.64, 1);
}
.monthly__section--dishwasher .dishwasher__footer .monthly__bubble[data-animate].is-animated {
  opacity: 1;
  transform: scale(1);
}
.monthly__section--dishwasher .dishwasher__footer .monthly__bubble[data-animate] .monthly__bubble-text {
  opacity: 0;
  transform: scale(0.96);
  transform-origin: center;
  transition: opacity 0.42s cubic-bezier(0.34, 1.45, 0.64, 1), transform 0.42s cubic-bezier(0.34, 1.45, 0.64, 1);
}
.monthly__section--dishwasher .dishwasher__footer .monthly__bubble[data-animate].is-animated .monthly__bubble-text {
  opacity: 1;
  transform: scale(1);
  transition-delay: 0.36s;
}
@media (prefers-reduced-motion: reduce) {
  .monthly__section--dishwasher .dishwasher__footer .monthly__bubble[data-animate] {
    opacity: 1;
    transform: none;
    transition: none;
  }
  .monthly__section--dishwasher .dishwasher__footer .monthly__bubble[data-animate] .monthly__bubble-text {
    opacity: 1;
    transform: none;
    transition: none;
  }
}
.monthly__section--dishwasher .dishwasher__footer .monthly__image img {
  width: 100%;
}
.monthly__section--dishwasher .dishwasher__footer .monthly__image-wrapper {
  position: absolute;
  bottom: 0;
  right: -26.25%;
  width: 105.277%;
  aspect-ratio: 776/474;
}
.monthly__section--dishwasher .dishwasher__footer .monthly__image-deco {
  position: absolute;
  pointer-events: none;
}
.monthly__section--dishwasher .dishwasher__footer .monthly__image-deco img[data-animate=sticker-wiggle] {
  display: block;
  width: 100%;
  height: 100%;
}
.monthly__section--dishwasher .dishwasher__footer .monthly__image-deco--1 {
  right: 2.875rem;
  top: -0.5rem;
  width: 3.375rem;
  aspect-ratio: 144/152;
  rotate: -32.684deg;
}
.monthly__section--dishwasher .dishwasher__footer .monthly__image-deco--1 img[data-animate=sticker-wiggle] {
  --reveal-from-scale: 0.96;
  --reveal-from-x: 0;
  --reveal-from-y: 0;
  --wiggle-from: -2deg;
  --wiggle-to: 2deg;
  opacity: 0;
  transform: scale(0.96);
  transform-origin: center;
}
.monthly__section--dishwasher .dishwasher__footer .monthly__image-deco--1 img[data-animate=sticker-wiggle].is-animated {
  animation-name: monthly-scale-reveal, monthly-step-rotate-wiggle;
  animation-duration: 0.45s, 1.6s;
  animation-timing-function: cubic-bezier(0.34, 1.45, 0.64, 1), steps(2, jump-end);
  animation-fill-mode: forwards, none;
  animation-iteration-count: 1, infinite;
  animation-delay: 0.28s, 0.73s;
}
@media (prefers-reduced-motion: reduce) {
  .monthly__section--dishwasher .dishwasher__footer .monthly__image-deco--1 img[data-animate=sticker-wiggle] {
    animation: none;
    opacity: 1;
    transform: none;
    rotate: 0deg;
  }
}
.monthly__section--dishwasher .dishwasher__footer .monthly__image-deco--2 {
  left: 7.778%;
  bottom: 34.146%;
  width: 15.139%;
  aspect-ratio: 109/114;
}
.monthly__section--dishwasher .dishwasher__footer .monthly__image-deco--2 img[data-animate=sticker-wiggle] {
  --reveal-from-scale: 0.96;
  --reveal-from-x: 0;
  --reveal-from-y: 0;
  --wiggle-from: 2.2deg;
  --wiggle-to: -2.2deg;
  opacity: 0;
  transform: scale(0.96);
  transform-origin: center;
}
.monthly__section--dishwasher .dishwasher__footer .monthly__image-deco--2 img[data-animate=sticker-wiggle].is-animated {
  animation-name: monthly-scale-reveal, monthly-step-rotate-wiggle;
  animation-duration: 0.45s, 1.6s;
  animation-timing-function: cubic-bezier(0.34, 1.45, 0.64, 1), steps(2, jump-end);
  animation-fill-mode: forwards, none;
  animation-iteration-count: 1, infinite;
  animation-delay: 0.34s, 0.79s;
}
@media (prefers-reduced-motion: reduce) {
  .monthly__section--dishwasher .dishwasher__footer .monthly__image-deco--2 img[data-animate=sticker-wiggle] {
    animation: none;
    opacity: 1;
    transform: none;
    rotate: 0deg;
  }
}
.monthly__section--dishwasher .dishwasher__footer .monthly__image-deco--3 {
  right: 5.139%;
  bottom: 56%;
  width: 13.194%;
  aspect-ratio: 133/159;
}
.monthly__section--dishwasher .dishwasher__footer .monthly__image-deco--3 img[data-animate=sticker-wiggle] {
  --reveal-from-scale: 0.96;
  --reveal-from-x: 0;
  --reveal-from-y: 0;
  --wiggle-from: -2deg;
  --wiggle-to: 2deg;
  opacity: 0;
  transform: scale(0.96);
  transform-origin: center;
}
.monthly__section--dishwasher .dishwasher__footer .monthly__image-deco--3 img[data-animate=sticker-wiggle].is-animated {
  animation-name: monthly-scale-reveal, monthly-step-rotate-wiggle;
  animation-duration: 0.45s, 1.6s;
  animation-timing-function: cubic-bezier(0.34, 1.45, 0.64, 1), steps(2, jump-end);
  animation-fill-mode: forwards, none;
  animation-iteration-count: 1, infinite;
  animation-delay: 0.42s, 0.87s;
}
@media (prefers-reduced-motion: reduce) {
  .monthly__section--dishwasher .dishwasher__footer .monthly__image-deco--3 img[data-animate=sticker-wiggle] {
    animation: none;
    opacity: 1;
    transform: none;
    rotate: 0deg;
  }
}
@media (min-width: 64rem) {
  .monthly__section--dishwasher .dishwasher__footer {
    max-width: none;
    margin-block-start: clamp(1.75rem, 2.5537634409vw, 2.375rem);
  }
  .monthly__section--dishwasher .dishwasher__footer-content {
    width: 100%;
    margin-inline: 0;
    padding-block-end: clamp(5.5rem, 7.8629032258vw, 7.3125rem);
  }
  .monthly__section--dishwasher .dishwasher__footer .monthly__bubble {
    width: clamp(35rem, 48.6559139785vw, 45.25rem);
    min-height: clamp(22.5rem, 31.3172043011vw, 29.125rem);
    margin-inline-start: clamp(4.5rem, 7.5940860215vw, 7.0625rem);
    padding: clamp(4.375rem, 6.0483870968vw, 5.625rem) clamp(4.375rem, 6.0483870968vw, 5.625rem) clamp(6.125rem, 8.4677419355vw, 7.875rem) clamp(5.375rem, 7.3924731183vw, 6.875rem);
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="727" height="468" viewBox="0 0 727 468" fill="none" preserveAspectRatio="none"><path d="M428.411 467.066L391.168 405.966L619.675 405.966L725.088 76.7765L149.293 1.06567L1.08789 189.586L49.0371 384.182L322.994 405.966L428.411 467.066Z" stroke="%23F4D0C9" stroke-opacity="0.5" stroke-width="2"/></svg>');
  }
  .monthly__section--dishwasher .dishwasher__footer .monthly__bubble .monthly__bubble-text {
    max-width: none;
    margin-inline: 0;
  }
  .monthly__section--dishwasher .dishwasher__footer .monthly__image-wrapper {
    right: clamp(1.25rem, 2.1505376344vw, 2rem);
    width: clamp(36.25rem, 50.9408602151vw, 47.375rem);
  }
  .monthly__section--dishwasher .dishwasher__footer .monthly__image-deco--1 {
    right: auto;
    left: clamp(-1.25rem, -2.1505376344vw, -2rem);
    top: clamp(0.25rem, 0.5376344086vw, 0.5rem);
    width: clamp(6.75rem, 9.6774193548vw, 9rem);
    aspect-ratio: 144/152;
    rotate: -18.584deg;
  }
  .monthly__section--dishwasher .dishwasher__footer .monthly__image-deco--2 {
    left: clamp(3rem, 4.8387096774vw, 4.5rem);
    bottom: clamp(9.625rem, 13.8440860215vw, 12.875rem);
    width: clamp(5.125rem, 7.3252688172vw, 6.8125rem);
  }
  .monthly__section--dishwasher .dishwasher__footer .monthly__image-deco--3 {
    right: clamp(7.375rem, 10.685483871vw, 9.9375rem);
    bottom: clamp(17.875rem, 25.6048387097vw, 23.8125rem);
    width: clamp(6.25rem, 8.938172043vw, 8.3125rem);
  }
}
@media all and (min-width: 93rem) {
  .monthly__section--dishwasher .dishwasher__footer {
    max-width: none;
    margin-block-start: 2.375rem;
  }
  .monthly__section--dishwasher .dishwasher__footer-content {
    width: 100%;
    margin-inline: 0;
    padding-block-end: 7.3125rem;
  }
  .monthly__section--dishwasher .dishwasher__footer .monthly__bubble {
    width: 45.25rem;
    min-height: 29.125rem;
    margin-inline-start: 7.0625rem;
    padding: 5.625rem 5.625rem 7.875rem 6.875rem;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="727" height="468" viewBox="0 0 727 468" fill="none" preserveAspectRatio="none"><path d="M428.411 467.066L391.168 405.966L619.675 405.966L725.088 76.7765L149.293 1.06567L1.08789 189.586L49.0371 384.182L322.994 405.966L428.411 467.066Z" stroke="%23F4D0C9" stroke-opacity="0.5" stroke-width="2"/></svg>');
  }
  .monthly__section--dishwasher .dishwasher__footer .monthly__bubble .monthly__bubble-text {
    max-width: none;
    margin-inline: 0;
  }
  .monthly__section--dishwasher .dishwasher__footer .monthly__image-wrapper {
    right: 2rem;
    width: 47.375rem;
  }
  .monthly__section--dishwasher .dishwasher__footer .monthly__image-deco--1 {
    right: auto;
    left: -2rem;
    top: 0.5rem;
    width: 9rem;
    aspect-ratio: 144/152;
    rotate: -18.584deg;
  }
  .monthly__section--dishwasher .dishwasher__footer .monthly__image-deco--2 {
    left: 4.5rem;
    bottom: 12.875rem;
    width: 6.8125rem;
  }
  .monthly__section--dishwasher .dishwasher__footer .monthly__image-deco--3 {
    right: 9.9375rem;
    bottom: 23.8125rem;
    width: 8.3125rem;
  }
}

/* refrigerator */
@keyframes monthly-scale-reveal {
  from {
    opacity: 0;
    transform: translate3d(var(--reveal-from-x, 0), var(--reveal-from-y, 0), 0) scale(var(--reveal-from-scale, 0.96));
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}
@keyframes monthly-opacity-reveal {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes monthly-translate-reveal {
  from {
    transform: translate3d(var(--reveal-from-x, 0), var(--reveal-from-y, 0), 0) scale(var(--reveal-from-scale, 0.96));
  }
  to {
    transform: translate3d(0, 0, 0) scale(1);
  }
}
@keyframes monthly-step-rotate-wiggle {
  0%, 100% {
    rotate: var(--wiggle-from, -2deg);
  }
  50% {
    rotate: var(--wiggle-to, 2deg);
  }
}
@keyframes monthly-step-rotate-wiggle-travel {
  0%, 100% {
    rotate: var(--wiggle-travel-from, -6deg);
  }
  50% {
    rotate: var(--wiggle-travel-to, 6deg);
  }
}
@keyframes monthly-scroll-float {
  from {
    translate: var(--float-from-x, 0) var(--float-from-y, 0);
  }
  to {
    translate: var(--float-to-x, 1rem) var(--float-to-y, 1rem);
  }
}
.monthly__section--refrigerator {
  --color-main: var(--color-point-brown);
  --color-label: var(--color-main);
  --color-headline: var(--color-main);
  --color-text: var(--color-main);
  --color-bubble: var(--color-main);
  --color-placeholder: var(--color-point-pink-light);
  --color-bg: var(--color-point-pink-light);
  position: relative;
  background-image: url("/content/dam/channel/wcms/cz/2026-monthly-lg/26-sep/feature/images/desktop/monthly-lg-2026-sep-cz-04-refrigerator-pattern-bg.webp");
  background-size: auto;
  background-repeat: repeat;
  background-position: left top;
}
.monthly__section--refrigerator .monthly__container {
  padding-block: clamp(2.5rem, 11.1111111111vw, 5.625rem) 2rem;
  position: relative;
  z-index: 2;
}
.monthly__section--refrigerator .monthly__label {
  background-image: url("/content/dam/channel/wcms/cz/2026-monthly-lg/26-sep/feature/images/desktop/monthly-lg-2026-sep-cz-04-refrigerator-pattern.webp");
}
.monthly__section--refrigerator .monthly__label .monthly__label-icon {
  background-image: url("/content/dam/channel/wcms/cz/2026-monthly-lg/26-sep/feature/images/mobile/monthly-lg-2026-sep-cz-04-refrigerator-label-mobile.webp");
}
@media (min-width: 64rem) {
  .monthly__section--refrigerator {
    margin-block-start: clamp(-1.5rem, -2.688172043vw, -2.5rem);
  }
  .monthly__section--refrigerator .monthly__container {
    padding-block: clamp(6.25rem, 9.4086021505vw, 8.75rem) clamp(5.625rem, 8.5349462366vw, 7.9375rem);
  }
  .monthly__section--refrigerator .monthly__label .monthly__label-icon {
    background-image: url("/content/dam/channel/wcms/cz/2026-monthly-lg/26-sep/feature/images/desktop/monthly-lg-2026-sep-cz-04-refrigerator-label-desktop.webp");
  }
}
@media all and (min-width: 93rem) {
  .monthly__section--refrigerator {
    margin-block-start: -2.5rem;
  }
  .monthly__section--refrigerator .monthly__container {
    padding-block: 8.75rem 7.9375rem;
  }
  .monthly__section--refrigerator .monthly__label .monthly__label-icon {
    background-image: url("/content/dam/channel/wcms/cz/2026-monthly-lg/26-sep/feature/images/desktop/monthly-lg-2026-sep-cz-04-refrigerator-label-desktop.webp");
  }
}
@media all and (min-width: 100rem) {
  .monthly__section--refrigerator {
    border-radius: 2.5rem 2.5rem 0 0;
  }
}
.monthly__section--refrigerator .refrigerator__header-content {
  --refrigerator-title-img-width: min(9.0625rem, 40.2777777778vw);
  --refrigerator-title-img-gap: min(1.5rem, 6.6666666667vw);
  position: relative;
}
.monthly__section--refrigerator .refrigerator__header-content .monthly__title {
  width: calc(100% - var(--refrigerator-title-img-width) - var(--refrigerator-title-img-gap));
}
.monthly__section--refrigerator .refrigerator__header-content .monthly__image {
  width: var(--refrigerator-title-img-width);
  aspect-ratio: 286/267;
  position: absolute;
  bottom: 0.25rem;
  right: 0;
  z-index: 2;
  background-color: #fff;
  rotate: 7.13deg;
  box-shadow: 0 0.15734375rem 0.2831875rem 0rem rgba(0, 0, 0, 0.25);
  --reveal-from-scale: 0.96;
  opacity: 0;
  transform: scale(0.96);
  transform-origin: center;
}
.monthly__section--refrigerator .refrigerator__header-content .monthly__image.is-animated {
  animation: monthly-scale-reveal 0.45s cubic-bezier(0.34, 1.45, 0.64, 1) 0.12s forwards;
}
@media (prefers-reduced-motion: reduce) {
  .monthly__section--refrigerator .refrigerator__header-content .monthly__image {
    animation: none;
    opacity: 1;
    transform: none;
  }
}
.monthly__section--refrigerator .refrigerator__header-content .monthly__image img {
  display: block;
  width: 100%;
  height: 100%;
}
.monthly__section--refrigerator .refrigerator__header .monthly__text {
  margin-block-start: 1.5625rem;
}
@media (min-width: 64rem) {
  .monthly__section--refrigerator .refrigerator__header {
    --ruled-bottom: 0.05em;
    display: flex;
    gap: clamp(7rem, 13.4408602151vw, 12.5rem);
  }
  .monthly__section--refrigerator .refrigerator__header-content {
    flex: 0 0 clamp(32.5rem, 43.4139784946vw, 40.375rem);
    position: relative;
  }
  .monthly__section--refrigerator .refrigerator__header-content .monthly__title {
    width: 100%;
  }
  .monthly__section--refrigerator .refrigerator__header-content .monthly__image {
    width: clamp(12.5rem, 18.1451612903vw, 16.875rem);
    bottom: auto;
    top: 0;
    right: clamp(-16.25rem, -24.1935483871vw, -22.5rem);
    left: auto;
  }
  .monthly__section--refrigerator .refrigerator__header .monthly__text {
    margin-block-start: clamp(1.25rem, 2.0161290323vw, 1.875rem);
  }
  .monthly__section--refrigerator .refrigerator__header-right {
    display: block !important;
    flex: 0 0 clamp(27.5rem, 37.6344086022vw, 35rem);
    align-self: flex-start;
    aspect-ratio: 709/516;
    background-color: var(--color-placeholder);
    position: relative;
  }
  .monthly__section--refrigerator .refrigerator__header-right .monthly__image-wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
    --reveal-from-scale: 0.96;
    opacity: 0;
    transform: scale(0.96);
    transform-origin: center;
  }
  .monthly__section--refrigerator .refrigerator__header-right .monthly__image-wrapper.is-animated {
    animation: monthly-scale-reveal 0.45s cubic-bezier(0.34, 1.45, 0.64, 1) 0.08s forwards;
  }
}
@media (min-width: 64rem) and (prefers-reduced-motion: reduce) {
  .monthly__section--refrigerator .refrigerator__header-right .monthly__image-wrapper {
    animation: none;
    opacity: 1;
    transform: none;
  }
}
@media (min-width: 64rem) {
  .monthly__section--refrigerator .refrigerator__header-right .monthly__image-wrapper img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .monthly__section--refrigerator .refrigerator__header-right .monthly__image-deco {
    position: absolute;
    top: clamp(10rem, 14.1129032258vw, 13.125rem);
    right: clamp(-6rem, -8.6021505376vw, -8rem);
    width: clamp(11.25rem, 16.1290322581vw, 15rem);
    aspect-ratio: 240/196;
    pointer-events: none;
  }
  .monthly__section--refrigerator .refrigerator__header-right .monthly__image-deco img {
    width: 100%;
  }
  .monthly__section--refrigerator .refrigerator__header-right .monthly__image-deco img[data-animate=sticker-wiggle] {
    --reveal-from-scale: 0.96;
    --reveal-from-x: 0;
    --reveal-from-y: 0;
    --wiggle-from: 2deg;
    --wiggle-to: -2deg;
    opacity: 0;
    transform: scale(0.96);
    transform-origin: center;
  }
  .monthly__section--refrigerator .refrigerator__header-right .monthly__image-deco img[data-animate=sticker-wiggle].is-animated {
    animation-name: monthly-scale-reveal, monthly-step-rotate-wiggle;
    animation-duration: 0.45s, 1.6s;
    animation-timing-function: cubic-bezier(0.34, 1.45, 0.64, 1), steps(2, jump-end);
    animation-fill-mode: forwards, none;
    animation-iteration-count: 1, infinite;
    animation-delay: 0.35s, 0.8s;
  }
}
@media (min-width: 64rem) and (prefers-reduced-motion: reduce) {
  .monthly__section--refrigerator .refrigerator__header-right .monthly__image-deco img[data-animate=sticker-wiggle] {
    animation: none;
    opacity: 1;
    transform: none;
    rotate: 0deg;
  }
}
@media all and (min-width: 93rem) {
  .monthly__section--refrigerator .refrigerator__header {
    --ruled-bottom: 0.05em;
    display: flex;
    gap: 5.3125rem;
  }
  .monthly__section--refrigerator .refrigerator__header-content {
    flex: 0 0 40.375rem;
    position: relative;
  }
  .monthly__section--refrigerator .refrigerator__header-content .monthly__title {
    width: 100%;
  }
  .monthly__section--refrigerator .refrigerator__header-content .monthly__image {
    width: 16.875rem;
    bottom: auto;
    top: 0;
    right: -11.25rem;
    left: auto;
  }
  .monthly__section--refrigerator .refrigerator__header .monthly__text {
    margin-block-start: 1.875rem;
  }
  .monthly__section--refrigerator .refrigerator__header-right {
    flex: 0 0 44.3125rem;
    align-self: flex-start;
    aspect-ratio: 709/516;
    background-color: var(--color-placeholder);
    position: relative;
  }
  .monthly__section--refrigerator .refrigerator__header-right .monthly__image-wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
    --reveal-from-scale: 0.96;
    opacity: 0;
    transform: scale(0.96);
    transform-origin: center;
  }
  .monthly__section--refrigerator .refrigerator__header-right .monthly__image-wrapper.is-animated {
    animation: monthly-scale-reveal 0.45s cubic-bezier(0.34, 1.45, 0.64, 1) 0.08s forwards;
  }
}
@media (min-width: 93rem) and (prefers-reduced-motion: reduce) {
  .monthly__section--refrigerator .refrigerator__header-right .monthly__image-wrapper {
    animation: none;
    opacity: 1;
    transform: none;
  }
}
@media all and (min-width: 93rem) {
  .monthly__section--refrigerator .refrigerator__header-right .monthly__image-wrapper img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .monthly__section--refrigerator .refrigerator__header-right .monthly__image-deco {
    position: absolute;
    top: 13.125rem;
    right: -8rem;
    width: 15rem;
    aspect-ratio: 240/196;
  }
  .monthly__section--refrigerator .refrigerator__header-right .monthly__image-deco img {
    width: 100%;
  }
  .monthly__section--refrigerator .refrigerator__header-right .monthly__image-deco img[data-animate=sticker-wiggle] {
    --reveal-from-scale: 0.96;
    --reveal-from-x: 0;
    --reveal-from-y: 0;
    --wiggle-from: 2deg;
    --wiggle-to: -2deg;
    opacity: 0;
    transform: scale(0.96);
    transform-origin: center;
  }
  .monthly__section--refrigerator .refrigerator__header-right .monthly__image-deco img[data-animate=sticker-wiggle].is-animated {
    animation-name: monthly-scale-reveal, monthly-step-rotate-wiggle;
    animation-duration: 0.45s, 1.6s;
    animation-timing-function: cubic-bezier(0.34, 1.45, 0.64, 1), steps(2, jump-end);
    animation-fill-mode: forwards, none;
    animation-iteration-count: 1, infinite;
    animation-delay: 0.35s, 0.8s;
  }
}
@media (min-width: 93rem) and (prefers-reduced-motion: reduce) {
  .monthly__section--refrigerator .refrigerator__header-right .monthly__image-deco img[data-animate=sticker-wiggle] {
    animation: none;
    opacity: 1;
    transform: none;
    rotate: 0deg;
  }
}
.monthly__section--refrigerator .refrigerator__body {
  display: flex;
  flex-direction: column;
  margin-block-start: 2.84375rem;
  container-type: inline-size;
}
.monthly__section--refrigerator .refrigerator__body .refrigerator__slider {
  order: 1;
}
.monthly__section--refrigerator .refrigerator__body .refrigerator__slider-viewport {
  position: relative;
  width: 100vw;
  margin-inline: calc(50% - 50vw);
  height: min(27.3125rem, 100vw * 1.2138888889);
  overflow: hidden;
}
.monthly__section--refrigerator .refrigerator__body .refrigerator__slider-viewport[data-animate] {
  opacity: 0;
  transition: opacity 0.45s ease 0.08s;
}
.monthly__section--refrigerator .refrigerator__body .refrigerator__slider-viewport[data-animate].is-animated {
  opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
  .monthly__section--refrigerator .refrigerator__body .refrigerator__slider-viewport[data-animate] {
    opacity: 1;
    transition: none;
  }
}
.monthly__section--refrigerator .refrigerator__body .refrigerator__slider .refrigerator__swiper {
  width: 100%;
  height: 100%;
  overflow: hidden;
  cursor: grab;
}
.monthly__section--refrigerator .refrigerator__body .refrigerator__slider .refrigerator__swiper:active {
  cursor: grabbing;
}
.monthly__section--refrigerator .refrigerator__body .refrigerator__slider .swiper-slide {
  width: 100%;
  height: 100%;
}
.monthly__section--refrigerator .refrigerator__body .refrigerator__slider .refrigerator__slide-stage {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.monthly__section--refrigerator .refrigerator__body .refrigerator__slider .refrigerator__slide-stage img {
  display: block;
  width: auto;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.monthly__section--refrigerator .refrigerator__body .monthly__text {
  padding-inline-end: 2.21875rem;
}
.monthly__section--refrigerator .refrigerator__body .monthly__text--1 {
  order: 2;
  margin-block-start: 2.1875rem;
}
.monthly__section--refrigerator .refrigerator__body .monthly__text--2 {
  order: 3;
  margin-block-start: 1rem;
}
@media all and (min-width: 48.0625rem) {
  .monthly__section--refrigerator .refrigerator__body .refrigerator__slider-viewport {
    height: auto;
    min-height: 27.3125rem;
  }
  .monthly__section--refrigerator .refrigerator__body .refrigerator__slider .refrigerator__slide-stage img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: unset;
    object-position: center center;
  }
}
@media (min-width: 64rem) {
  .monthly__section--refrigerator .refrigerator__body {
    margin-block-start: 0;
    container-type: normal;
  }
  .monthly__section--refrigerator .refrigerator__body .refrigerator__slider {
    order: 2;
    width: 100%;
    margin-block-start: clamp(4.5rem, 6.7204301075vw, 6.25rem);
    position: relative;
    left: auto;
    transform: none;
  }
  .monthly__section--refrigerator .refrigerator__body .refrigerator__slider .swiper-slide .refrigerator__slide-stage::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    mix-blend-mode: multiply;
  }
  .monthly__section--refrigerator .refrigerator__body .refrigerator__slider .swiper-slide .refrigerator__slide-stage::after {
    background: linear-gradient(270deg, rgba(78, 68, 59, 0) 52.29%, rgba(78, 68, 59, 0.5) 67.73%, rgba(78, 68, 59, 0.7) 78.57%, rgba(78, 68, 59, 0.8) 92.53%);
  }
  .monthly__section--refrigerator .refrigerator__body .refrigerator__slider .swiper-slide:not(.swiper-slide-active) .monthly-gallery-spot__cta {
    pointer-events: none;
  }
  .monthly__section--refrigerator .refrigerator__body .refrigerator__slider .monthly__text--2 {
    display: flex !important;
    align-items: center;
    --color-text: #fff;
    position: absolute;
    inset: 0;
    z-index: 2;
    margin-block-start: 0;
    padding-block: 0;
    pointer-events: none;
  }
  .monthly__section--refrigerator .refrigerator__body .refrigerator__slider .monthly__text--2 .monthly__container {
    position: static;
    inset-inline: auto;
    bottom: auto;
    padding-block: 0;
  }
  .monthly__section--refrigerator .refrigerator__body .refrigerator__slider .monthly__text--2 p {
    width: clamp(25rem, 36.6935483871vw, 34.125rem);
    pointer-events: auto;
    cursor: text;
    user-select: text;
  }
  .monthly__section--refrigerator .refrigerator__body .monthly__text {
    padding-inline-end: 0;
  }
  .monthly__section--refrigerator .refrigerator__body .monthly__text--1 {
    order: 1;
    margin-block-start: clamp(1rem, 1.3440860215vw, 1.25rem);
  }
  .monthly__section--refrigerator .refrigerator__body .monthly__text--2.only-mo {
    display: none !important;
  }
}
@media all and (min-width: 93rem) {
  .monthly__section--refrigerator .refrigerator__body {
    margin-block-start: 0;
    container-type: normal;
  }
  .monthly__section--refrigerator .refrigerator__body .refrigerator__slider {
    order: 2;
    width: 100%;
    margin-block-start: 6.25rem;
    position: relative;
    left: auto;
    transform: none;
  }
  .monthly__section--refrigerator .refrigerator__body .refrigerator__slider-viewport {
    width: min(100vw, 120rem);
    max-width: 120rem;
    margin-inline: calc(50% - min(50vw, 60rem));
    height: 54.625rem;
    min-height: 54.625rem;
    max-height: 54.625rem;
    aspect-ratio: auto;
    overflow: hidden;
  }
  .monthly__section--refrigerator .refrigerator__body .refrigerator__slider .refrigerator__slide-stage img {
    width: auto;
    height: auto;
  }
  .monthly__section--refrigerator .refrigerator__body .refrigerator__slider .monthly__text--2 {
    display: flex !important;
    align-items: center;
    --color-text: #fff;
    position: absolute;
    inset: 0;
    z-index: 2;
    margin-block-start: 0;
    padding-block: 0;
    pointer-events: none;
  }
  .monthly__section--refrigerator .refrigerator__body .refrigerator__slider .monthly__text--2 .monthly__container {
    position: static;
    inset-inline: auto;
    bottom: auto;
    padding-block: 0;
  }
  .monthly__section--refrigerator .refrigerator__body .refrigerator__slider .monthly__text--2 p {
    width: 34.125rem;
    pointer-events: auto;
    cursor: text;
    user-select: text;
  }
  .monthly__section--refrigerator .refrigerator__body .monthly__text {
    padding-inline-end: 0;
  }
  .monthly__section--refrigerator .refrigerator__body .monthly__text--1 {
    order: 1;
    margin-block-start: 1.25rem;
  }
  .monthly__section--refrigerator .refrigerator__body .monthly__text--2.only-mo {
    order: 3;
    margin-block-start: 0;
  }
}
.monthly__section--refrigerator .refrigerator__footer {
  max-width: 31.25rem;
  margin-inline: auto;
  margin-block-start: 1.40625rem;
}
.monthly__section--refrigerator .refrigerator__footer-content {
  width: calc(100% + var(--container-padding) * 2);
  margin-inline: calc(var(--container-padding) * -1);
  padding-block-end: clamp(8.5rem, 37.7777777778vw, 12.5rem);
  position: relative;
}
.monthly__section--refrigerator .refrigerator__footer .monthly__bubble {
  display: flex;
  align-items: center;
  width: 79.722%;
  height: auto;
  min-height: 17.4375rem;
  margin-inline-start: auto;
  padding: 2.8125rem 2.75rem 3.125rem 3.6875rem;
  box-sizing: border-box;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="577" height="560" viewBox="0 0 577 560" fill="none" preserveAspectRatio="none"><path d="M236.399 559.127L265.926 485.964H84.7612L1.18823 91.785L457.688 1.12695L575.188 226.865L537.173 459.88L319.975 485.964L236.399 559.127Z" stroke="%23634528" stroke-opacity="0.3" stroke-width="2"/></svg>');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.monthly__section--refrigerator .refrigerator__footer .monthly__bubble .monthly__bubble-text {
  width: 100%;
  max-width: 17.5rem;
  margin-inline: auto;
}
.monthly__section--refrigerator .refrigerator__footer .monthly__bubble[data-animate] {
  opacity: 0;
  transform: scale(0.92);
  transform-origin: 82% 72%;
  transition: opacity 0.48s cubic-bezier(0.34, 1.45, 0.64, 1), transform 0.48s cubic-bezier(0.34, 1.45, 0.64, 1);
}
.monthly__section--refrigerator .refrigerator__footer .monthly__bubble[data-animate].is-animated {
  opacity: 1;
  transform: scale(1);
}
.monthly__section--refrigerator .refrigerator__footer .monthly__bubble[data-animate] .monthly__bubble-text {
  opacity: 0;
  transform: scale(0.96);
  transform-origin: center;
  transition: opacity 0.42s cubic-bezier(0.34, 1.45, 0.64, 1), transform 0.42s cubic-bezier(0.34, 1.45, 0.64, 1);
}
.monthly__section--refrigerator .refrigerator__footer .monthly__bubble[data-animate].is-animated .monthly__bubble-text {
  opacity: 1;
  transform: scale(1);
  transition-delay: 0.36s;
}
@media (prefers-reduced-motion: reduce) {
  .monthly__section--refrigerator .refrigerator__footer .monthly__bubble[data-animate] {
    opacity: 1;
    transform: none;
    transition: none;
  }
  .monthly__section--refrigerator .refrigerator__footer .monthly__bubble[data-animate] .monthly__bubble-text {
    opacity: 1;
    transform: none;
    transition: none;
  }
}
.monthly__section--refrigerator .refrigerator__footer .monthly__image img {
  width: 100%;
}
.monthly__section--refrigerator .refrigerator__footer .monthly__image-wrapper {
  position: absolute;
  bottom: 0;
  left: 3%;
  width: 57.5%;
  aspect-ratio: 546/521;
  rotate: 11.001deg;
}
.monthly__section--refrigerator .refrigerator__footer .monthly__image-deco {
  position: absolute;
  pointer-events: none;
}
.monthly__section--refrigerator .refrigerator__footer .monthly__image-deco img[data-animate=sticker-wiggle] {
  display: block;
  width: 100%;
  height: 100%;
}
.monthly__section--refrigerator .refrigerator__footer .monthly__image-deco--1 {
  left: 2.777%;
  bottom: 48%;
  width: 3.4375rem;
  aspect-ratio: 151/155;
  rotate: -6.289deg;
}
.monthly__section--refrigerator .refrigerator__footer .monthly__image-deco--1 img[data-animate=sticker-wiggle] {
  --reveal-from-scale: 0.96;
  --reveal-from-x: 0;
  --reveal-from-y: 0;
  --wiggle-from: 2deg;
  --wiggle-to: -2deg;
  opacity: 0;
  transform: scale(0.96);
  transform-origin: center;
}
.monthly__section--refrigerator .refrigerator__footer .monthly__image-deco--1 img[data-animate=sticker-wiggle].is-animated {
  animation-name: monthly-scale-reveal, monthly-step-rotate-wiggle;
  animation-duration: 0.45s, 1.6s;
  animation-timing-function: cubic-bezier(0.34, 1.45, 0.64, 1), steps(2, jump-end);
  animation-fill-mode: forwards, none;
  animation-iteration-count: 1, infinite;
  animation-delay: 0.28s, 0.73s;
}
@media (prefers-reduced-motion: reduce) {
  .monthly__section--refrigerator .refrigerator__footer .monthly__image-deco--1 img[data-animate=sticker-wiggle] {
    animation: none;
    opacity: 1;
    transform: none;
    rotate: 0deg;
  }
}
.monthly__section--refrigerator .refrigerator__footer .monthly__image-deco--2 {
  top: 16%;
  left: 8%;
  width: 4.6875rem;
  aspect-ratio: 150/163;
  rotate: -10.65deg;
}
.monthly__section--refrigerator .refrigerator__footer .monthly__image-deco--2 img[data-animate=sticker-wiggle] {
  --reveal-from-scale: 0.96;
  --reveal-from-x: 0;
  --reveal-from-y: 0;
  --wiggle-from: -2.2deg;
  --wiggle-to: 2.2deg;
  opacity: 0;
  transform: scale(0.96);
  transform-origin: center;
}
.monthly__section--refrigerator .refrigerator__footer .monthly__image-deco--2 img[data-animate=sticker-wiggle].is-animated {
  animation-name: monthly-scale-reveal, monthly-step-rotate-wiggle;
  animation-duration: 0.45s, 1.6s;
  animation-timing-function: cubic-bezier(0.34, 1.45, 0.64, 1), steps(2, jump-end);
  animation-fill-mode: forwards, none;
  animation-iteration-count: 1, infinite;
  animation-delay: 0.34s, 0.79s;
}
@media (prefers-reduced-motion: reduce) {
  .monthly__section--refrigerator .refrigerator__footer .monthly__image-deco--2 img[data-animate=sticker-wiggle] {
    animation: none;
    opacity: 1;
    transform: none;
    rotate: 0deg;
  }
}
.monthly__section--refrigerator .refrigerator__footer .monthly__image-deco--3 {
  bottom: 22%;
  right: 2.777%;
  width: 7.8125rem;
  aspect-ratio: 250/152;
  rotate: -12deg;
}
.monthly__section--refrigerator .refrigerator__footer .monthly__image-deco--3 img[data-animate=sticker-wiggle] {
  --reveal-from-scale: 0.96;
  --reveal-from-x: 0;
  --reveal-from-y: 0;
  --wiggle-from: -2deg;
  --wiggle-to: 2deg;
  opacity: 0;
  transform: scale(0.96);
  transform-origin: center;
}
.monthly__section--refrigerator .refrigerator__footer .monthly__image-deco--3 img[data-animate=sticker-wiggle].is-animated {
  animation-name: monthly-scale-reveal, monthly-step-rotate-wiggle;
  animation-duration: 0.45s, 1.6s;
  animation-timing-function: cubic-bezier(0.34, 1.45, 0.64, 1), steps(2, jump-end);
  animation-fill-mode: forwards, none;
  animation-iteration-count: 1, infinite;
  animation-delay: 0.42s, 0.87s;
}
@media (prefers-reduced-motion: reduce) {
  .monthly__section--refrigerator .refrigerator__footer .monthly__image-deco--3 img[data-animate=sticker-wiggle] {
    animation: none;
    opacity: 1;
    transform: none;
    rotate: 0deg;
  }
}
@media all and (min-width: 48.0625rem) {
  .monthly__section--refrigerator .refrigerator__footer {
    max-width: 43.75rem;
  }
  .monthly__section--refrigerator .refrigerator__footer .monthly__bubble {
    width: 65%;
    min-height: 26.25rem;
  }
  .monthly__section--refrigerator .refrigerator__footer .monthly__bubble .monthly__bubble-text {
    max-width: 20rem;
  }
}
@media (min-width: 64rem) {
  .monthly__section--refrigerator .refrigerator__footer {
    max-width: none;
    margin-block-start: clamp(0px, 4.9731182796vw, 4.625rem);
  }
  .monthly__section--refrigerator .refrigerator__footer-content {
    width: 100%;
    margin-inline: 0;
    padding-block-end: clamp(5rem, 6.6532258065vw, 6.1875rem);
  }
  .monthly__section--refrigerator .refrigerator__footer .monthly__bubble {
    width: clamp(38.75rem, 59.1397849462vw, 55rem);
    min-height: clamp(17.5rem, 26.8817204301vw, 25rem);
    margin-inline-start: auto;
    padding: clamp(4rem, 7.3924731183vw, 6.875rem) clamp(4.5rem, 8.7365591398vw, 8.125rem) clamp(4.5rem, 8.4677419355vw, 7.875rem) clamp(5.5rem, 10.752688172vw, 10rem);
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="837" height="562" viewBox="0 0 837 562" fill="none" preserveAspectRatio="none"><path d="M343.054 561.071L385.955 487.646H122.729L1.30115 92.0535L664.578 1.07056L835.301 227.618L780.067 461.468L464.487 487.646L343.054 561.071Z" stroke="%23634528" stroke-opacity="0.3" stroke-width="2"/></svg>');
  }
  .monthly__section--refrigerator .refrigerator__footer .monthly__bubble .monthly__bubble-text {
    max-width: none;
    margin-inline: 0 auto;
  }
  .monthly__section--refrigerator .refrigerator__footer .monthly__image-wrapper {
    left: clamp(3rem, 9.4086021505vw, 8.75rem);
    width: clamp(17.5rem, 29.5698924731vw, 27.5rem);
  }
  .monthly__section--refrigerator .refrigerator__footer .monthly__image-deco--1 {
    left: clamp(0.75rem, 2.0161290323vw, 1.875rem);
    bottom: clamp(13.125rem, 22.1774193548vw, 20.625rem);
    width: clamp(5.5rem, 10.1478494624vw, 9.4375rem);
    rotate: -14.412deg;
  }
  .monthly__section--refrigerator .refrigerator__footer .monthly__image-deco--2 {
    top: clamp(1.5rem, 2.8225806452vw, 2.625rem);
    left: clamp(18.75rem, 30.9139784946vw, 28.75rem);
    width: clamp(5.75rem, 10.0806451613vw, 9.375rem);
    rotate: -17.908deg;
  }
  .monthly__section--refrigerator .refrigerator__footer .monthly__image-deco--3 {
    bottom: clamp(3.5rem, 6.6532258065vw, 6.1875rem);
    right: clamp(-1rem, -2.9569892473vw, -2.75rem);
    width: clamp(9.375rem, 16.8010752688vw, 15.625rem);
    rotate: -16.667deg;
  }
}
@media all and (min-width: 93rem) {
  .monthly__section--refrigerator .refrigerator__footer {
    max-width: none;
    margin-block-start: 4.625rem;
  }
  .monthly__section--refrigerator .refrigerator__footer-content {
    width: 100%;
    margin-inline: 0;
    padding-block-end: 6.1875rem;
  }
  .monthly__section--refrigerator .refrigerator__footer .monthly__bubble {
    width: 52.125rem;
    min-height: 29.125rem;
    padding: 6.875rem 8.125rem 7.875rem 10rem;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="837" height="562" viewBox="0 0 837 562" fill="none" preserveAspectRatio="none"><path d="M343.054 561.071L385.955 487.646H122.729L1.30115 92.0535L664.578 1.07056L835.301 227.618L780.067 461.468L464.487 487.646L343.054 561.071Z" stroke="%23634528" stroke-opacity="0.3" stroke-width="2"/></svg>');
  }
  .monthly__section--refrigerator .refrigerator__footer .monthly__bubble .monthly__bubble-text {
    max-width: none;
    margin-inline: 0;
  }
  .monthly__section--refrigerator .refrigerator__footer .monthly__image-wrapper {
    left: 11.25rem;
    width: 34.125rem;
  }
  .monthly__section--refrigerator .refrigerator__footer .monthly__image-deco--1 {
    left: 1.875rem;
    bottom: 20.625rem;
    width: 9.4375rem;
    rotate: -14.412deg;
  }
  .monthly__section--refrigerator .refrigerator__footer .monthly__image-deco--2 {
    top: 2.625rem;
    left: 33.125rem;
    width: 9.375rem;
    rotate: -17.908deg;
  }
  .monthly__section--refrigerator .refrigerator__footer .monthly__image-deco--3 {
    bottom: 6.1875rem;
    right: -2.75rem;
    width: 15.625rem;
    rotate: -16.667deg;
  }
}

/* intro */
@keyframes monthly-scale-reveal {
  from {
    opacity: 0;
    transform: translate3d(var(--reveal-from-x, 0), var(--reveal-from-y, 0), 0) scale(var(--reveal-from-scale, 0.96));
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}
@keyframes monthly-opacity-reveal {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes monthly-translate-reveal {
  from {
    transform: translate3d(var(--reveal-from-x, 0), var(--reveal-from-y, 0), 0) scale(var(--reveal-from-scale, 0.96));
  }
  to {
    transform: translate3d(0, 0, 0) scale(1);
  }
}
@keyframes monthly-step-rotate-wiggle {
  0%, 100% {
    rotate: var(--wiggle-from, -2deg);
  }
  50% {
    rotate: var(--wiggle-to, 2deg);
  }
}
@keyframes monthly-step-rotate-wiggle-travel {
  0%, 100% {
    rotate: var(--wiggle-travel-from, -6deg);
  }
  50% {
    rotate: var(--wiggle-travel-to, 6deg);
  }
}
@keyframes monthly-scroll-float {
  from {
    translate: var(--float-from-x, 0) var(--float-from-y, 0);
  }
  to {
    translate: var(--float-to-x, 1rem) var(--float-to-y, 1rem);
  }
}
.monthly__section--intro {
  --intro-content-min-h: auto;
}
@media all and (min-width: 48.0625rem) {
  .monthly__section--intro {
    --intro-content-min-h: clamp(17.9411764706rem, 43.035080037vw, 40.0226244344rem);
  }
}
@media all and (min-width: 93rem) {
  .monthly__section--intro {
    --intro-content-min-h: 45.6875rem;
  }
}
.monthly__section--intro {
  padding-block: 3.375rem 6.15625rem;
  position: relative;
  background-color: #eee;
  background-image: url("/content/dam/channel/wcms/cz/2026-monthly-lg/26-sep/feature/images/desktop/monthly-lg-2026-sep-cz-03-intro-pattern-bg.webp");
  background-size: auto;
  background-repeat: repeat;
  background-position: left top;
}
.monthly__section--intro::before {
  content: "";
  display: block;
  width: 100%;
  height: 2.34375rem;
  background-image: url("/content/dam/channel/wcms/cz/2026-monthly-lg/26-sep/feature/images/mobile/monthly-lg-2026-sep-cz-01-common-divider-mobile.webp"), url("/content/dam/channel/wcms/cz/2026-monthly-lg/26-sep/feature/images/mobile/monthly-lg-2026-sep-cz-01-common-divider-pattern-mobile.webp");
  background-size: auto 100%, auto 100%;
  background-repeat: no-repeat, repeat-x;
  background-position: center, center;
  position: absolute;
  top: -1.1875rem;
  left: 0;
}
@media all and (min-width: 48.0625rem) {
  .monthly__section--intro {
    padding-block: clamp(3.375rem, 6.7204301075vw, 6.25rem) clamp(6.15625rem, 11.0215053763vw, 10.25rem);
  }
}
@media all and (min-width: 93rem) {
  .monthly__section--intro {
    padding-block: 6.25rem 10.25rem;
  }
  .monthly__section--intro::before {
    height: 4.6875rem;
    background-image: url("/content/dam/channel/wcms/cz/2026-monthly-lg/26-sep/feature/images/desktop/monthly-lg-2026-sep-cz-01-common-divider-desktop.webp"), url("/content/dam/channel/wcms/cz/2026-monthly-lg/26-sep/feature/images/desktop/monthly-lg-2026-sep-cz-01-common-divider-pattern-desktop.webp");
    background-size: auto 100%, auto 100%;
    background-repeat: no-repeat, repeat-x;
    background-position: center, center;
    top: -2.5625rem;
  }
}
.monthly__section--intro .intro__content {
  position: relative;
}
@media all and (min-width: 48.0625rem) {
  .monthly__section--intro .intro__content {
    min-height: var(--intro-content-min-h);
  }
}
@media all and (min-width: 93rem) {
  .monthly__section--intro .intro__content {
    min-height: var(--intro-content-min-h);
  }
}
.monthly__section--intro .intro__header {
  position: relative;
}
.monthly__section--intro .intro__header .monthly__text {
  margin-block-start: 1.375rem;
}
@media all and (min-width: 48.0625rem) {
  .monthly__section--intro .intro__header {
    padding-block-start: clamp(2.5rem, 4.7043010753vw, 4.375rem);
    padding-inline-start: clamp(17.5rem, 43.0107526882vw, 40rem);
  }
  .monthly__section--intro .intro__header .monthly__text {
    margin-block-start: clamp(1.25rem, 2.0161290323vw, 1.875rem);
  }
}
@media (min-width: 64rem) {
  .monthly__section--intro .intro__header .monthly__image {
    top: clamp(-4.25rem, -4.8387096774vw, -4.5rem);
  }
}
@media all and (min-width: 93rem) {
  .monthly__section--intro .intro__header {
    padding-block-start: 4.375rem;
    padding-inline-start: 47.5rem;
  }
  .monthly__section--intro .intro__header .monthly__text {
    margin-block-start: 1.875rem;
  }
}
.monthly__section--intro .intro__body {
  margin-block-start: 0.9375rem;
}
.monthly__section--intro .intro__body .monthly__image {
  width: calc(100% + var(--container-padding) * 2);
  margin-inline: calc(var(--container-padding) * -1);
}
.monthly__section--intro .intro__body .monthly__image .monthly__image-container {
  max-width: 25rem;
  margin-inline: auto;
  position: relative;
}
.monthly__section--intro .intro__body .monthly__image .monthly__image-wrapper {
  --reveal-from-scale: 0.96;
  opacity: 0;
  transform: scale(0.96);
  transform-origin: center;
}
.monthly__section--intro .intro__body .monthly__image .monthly__image-wrapper.is-animated {
  animation: monthly-scale-reveal 0.45s cubic-bezier(0.34, 1.45, 0.64, 1) 0.08s forwards;
}
@media (prefers-reduced-motion: reduce) {
  .monthly__section--intro .intro__body .monthly__image .monthly__image-wrapper {
    animation: none;
    opacity: 1;
    transform: none;
  }
}
.monthly__section--intro .intro__body .monthly__image .monthly__image-wrapper {
  aspect-ratio: 720/795;
}
.monthly__section--intro .intro__body .monthly__image .monthly__image-wrapper img {
  width: 100%;
}
.monthly__section--intro .intro__body .monthly__image .monthly__image-deco {
  position: absolute;
  right: 13.888%;
  top: -4%;
  width: 29.166%;
  aspect-ratio: 165/116;
  rotate: 6.877deg;
}
.monthly__section--intro .intro__body .monthly__image .monthly__image-deco img {
  --reveal-from-scale: 0.96;
  opacity: 0;
  transform: scale(0.96);
  transform-origin: center;
}
.monthly__section--intro .intro__body .monthly__image .monthly__image-deco img.is-animated {
  animation: monthly-scale-reveal 0.45s cubic-bezier(0.34, 1.45, 0.64, 1) 0.2s forwards;
}
@media (prefers-reduced-motion: reduce) {
  .monthly__section--intro .intro__body .monthly__image .monthly__image-deco img {
    animation: none;
    opacity: 1;
    transform: none;
  }
}
.monthly__section--intro .intro__body .monthly__text {
  margin-block-start: 1rem;
}
@media all and (min-width: 48.0625rem) {
  .monthly__section--intro .intro__body {
    display: flex;
    align-items: flex-start;
    gap: clamp(1.25rem, 4.8387096774vw, 4.5rem);
    padding-inline-start: clamp(17.5rem, 43.0107526882vw, 40rem);
    margin-block-start: clamp(0.9375rem, 2.0161290323vw, 1.875rem);
  }
  .monthly__section--intro .intro__body .monthly__image {
    width: 100%;
    margin-inline: 0;
    position: absolute;
    top: 0;
    left: 0;
    margin-inline: 0;
    width: clamp(16.25rem, 38.9784946237vw, 36.25rem);
    aspect-ratio: 663/732;
  }
  .monthly__section--intro .intro__body .monthly__image .monthly__image-container {
    max-width: none;
  }
  .monthly__section--intro .intro__body .monthly__image .monthly__image-deco {
    right: clamp(2.75rem, 5.1075268817vw, 4.75rem);
    top: clamp(-0.75rem, -1.0752688172vw, -1rem);
    width: clamp(6.875rem, 11.0887096774vw, 10.3125rem);
    aspect-ratio: 165/124;
  }
  .monthly__section--intro .intro__body .monthly__text {
    flex: 1 1 0;
    min-width: 0;
    margin-block-start: 0;
  }
}
@media all and (min-width: 93rem) {
  .monthly__section--intro .intro__body {
    display: flex;
    gap: 4.5rem;
    padding-inline-start: 47.5rem;
    margin-block-start: 2.5rem;
  }
  .monthly__section--intro .intro__body .monthly__image {
    position: absolute;
    top: 0;
    left: 0;
    margin-inline: 0;
    width: 41.4375rem;
    aspect-ratio: 663/732;
  }
  .monthly__section--intro .intro__body .monthly__image .monthly__image-container {
    max-width: none;
  }
  .monthly__section--intro .intro__body .monthly__image .monthly__image-deco {
    right: 4.75rem;
    top: -1rem;
    width: 10.3125rem;
    aspect-ratio: 165/124;
  }
}

/* keyvisual */
@keyframes monthly-scale-reveal {
  from {
    opacity: 0;
    transform: translate3d(var(--reveal-from-x, 0), var(--reveal-from-y, 0), 0) scale(var(--reveal-from-scale, 0.96));
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}
@keyframes monthly-opacity-reveal {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes monthly-translate-reveal {
  from {
    transform: translate3d(var(--reveal-from-x, 0), var(--reveal-from-y, 0), 0) scale(var(--reveal-from-scale, 0.96));
  }
  to {
    transform: translate3d(0, 0, 0) scale(1);
  }
}
@keyframes monthly-step-rotate-wiggle {
  0%, 100% {
    rotate: var(--wiggle-from, -2deg);
  }
  50% {
    rotate: var(--wiggle-to, 2deg);
  }
}
@keyframes monthly-step-rotate-wiggle-travel {
  0%, 100% {
    rotate: var(--wiggle-travel-from, -6deg);
  }
  50% {
    rotate: var(--wiggle-travel-to, 6deg);
  }
}
@keyframes monthly-scroll-float {
  from {
    translate: var(--float-from-x, 0) var(--float-from-y, 0);
  }
  to {
    translate: var(--float-to-x, 1rem) var(--float-to-y, 1rem);
  }
}
@keyframes kv-handwriting-show {
  from {
    opacity: 0;
    visibility: hidden;
  }
  to {
    opacity: 1;
    visibility: visible;
  }
}
@keyframes kv-handwriting-split-hide {
  to {
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes kv-handwriting-fallback-show {
  from {
    opacity: 0;
    visibility: hidden;
  }
  to {
    opacity: 1;
    visibility: visible;
  }
}
@keyframes kv-char-reveal {
  from {
    opacity: 0;
    visibility: hidden;
    transform: translateY(0.55em) scale(0.88);
  }
  to {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
  }
}
@keyframes kv-box-wiggle {
  0%, 100% {
    transform: rotate(var(--wiggle-from, -1deg));
  }
  50% {
    transform: rotate(var(--wiggle-to, 1deg));
  }
}
.monthly__section--keyvisual {
  --color-eyebrow: #fff;
  --color-headline: #000;
  --color-text: #fff;
  --color-bg: #47362a;
  position: relative;
  overflow: hidden;
}
.monthly__section--keyvisual .keyvisual__bg {
  position: relative;
  max-height: 50rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.monthly__section--keyvisual .keyvisual__bg::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 70.88%, rgba(77, 58, 42, 0.5) 86.77%), linear-gradient(179deg, rgba(0, 0, 0, 0) 63.55%, rgba(77, 58, 42, 0.5) 94.9%), linear-gradient(359deg, rgba(0, 0, 0, 0) 69.57%, rgba(77, 58, 42, 0.5) 111.62%);
  background-blend-mode: multiply, multiply;
}
.monthly__section--keyvisual .keyvisual__bg picture {
  display: block;
  width: 100%;
}
.monthly__section--keyvisual .keyvisual__bg img {
  display: block;
  width: 100%;
  height: auto;
}
@media all and (min-width: 48.0625rem) {
  .monthly__section--keyvisual .keyvisual__bg {
    max-height: clamp(50rem, 107.5268817204vw, 100rem);
  }
}
@media (min-width: 64rem) {
  .monthly__section--keyvisual .keyvisual__bg {
    max-width: 160rem;
    width: 100%;
    min-height: clamp(31.25rem, 50.78125vw, 55.125rem);
    height: clamp(31.25rem, 50.78125vw, 55.125rem);
    max-height: 55.125rem;
    margin-inline: auto;
  }
  .monthly__section--keyvisual .keyvisual__bg picture {
    width: 100%;
    height: 100%;
  }
  .monthly__section--keyvisual .keyvisual__bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .monthly__section--keyvisual .keyvisual__bg::before {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 50.7%, rgba(77, 58, 42, 0.4) 65.52%), linear-gradient(90deg, rgba(0, 0, 0, 0) 55.52%, rgba(77, 58, 42, 0.6) 104.48%), linear-gradient(90deg, rgba(0, 0, 0, 0) 55.52%, rgba(77, 58, 42, 0.3) 104.48%);
  }
}
@media all and (min-width: 93rem) {
  .monthly__section--keyvisual .keyvisual__bg {
    min-height: 55.125rem;
    height: 55.125rem;
    max-height: 55.125rem;
  }
}
.monthly__section--keyvisual .keyvisual__content {
  display: flex;
  flex-direction: column;
  padding-block: clamp(2.25rem, 13.4722222222vw, 3.03125rem) clamp(3rem, 18.0555555556vw, 4.0625rem);
  position: absolute;
  z-index: 2;
  inset: 0;
  margin-inline: auto;
  max-width: 25rem;
  text-align: center;
}
.monthly__section--keyvisual .keyvisual__content[data-animate] .monthly__eyebrow,
.monthly__section--keyvisual .keyvisual__content[data-animate] .monthly__text {
  opacity: 0;
  transform: translateY(0.4em);
  transition: opacity 0.55s ease-out, transform 0.55s ease-out;
  will-change: opacity, transform;
}
.monthly__section--keyvisual .keyvisual__content[data-animate] .title-part-inner[data-split=lines]:not(.is-split) {
  opacity: 0;
}
.monthly__section--keyvisual .keyvisual__content[data-animate] .title-part-inner[data-split=lines] .split-line-inner {
  transition-duration: 0.55s;
  transition-timing-function: ease-out;
}
.monthly__section--keyvisual .keyvisual__content[data-animate] .title-part--1 .title-part-inner[data-split=lines] .split-line-inner {
  transition-delay: calc(0.28s + var(--i, 0) * 0.12s);
}
.monthly__section--keyvisual .keyvisual__content[data-animate] .title-part::before {
  opacity: 0;
  transform-origin: center center;
  transition: opacity 0.55s ease-out;
}
.monthly__section--keyvisual .keyvisual__content[data-animate] .title-part--1::before {
  --wiggle-from: -0.5deg;
  --wiggle-to: 0.5deg;
}
.monthly__section--keyvisual .keyvisual__content[data-animate] .title-part--2::before {
  --wiggle-from: 1deg;
  --wiggle-to: -1deg;
}
.monthly__section--keyvisual .keyvisual__content[data-animate] .handwriting-courgette--split,
.monthly__section--keyvisual .keyvisual__content[data-animate] .handwriting-courgette--split[data-split=chars]:not([data-split-mode]) {
  opacity: 0;
  visibility: hidden;
}
.monthly__section--keyvisual .keyvisual__content[data-animate] .handwriting-courgette--fallback {
  opacity: 0;
  visibility: hidden;
}
.monthly__section--keyvisual .keyvisual__content[data-animate] .handwriting-courgette--split[data-split=chars] .split-char {
  opacity: 0;
  visibility: hidden;
  transform: translateY(0.55em) scale(0.88);
  transition: none;
}
.monthly__section--keyvisual .keyvisual__content[data-animate].is-animated .monthly__eyebrow {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0s;
}
.monthly__section--keyvisual .keyvisual__content[data-animate].is-animated .title-part--1::before {
  opacity: 1;
  transition-delay: 0.14s;
  animation: kv-box-wiggle 1.2s steps(2, jump-end) infinite;
  animation-delay: 0.69s;
}
.monthly__section--keyvisual .keyvisual__content[data-animate].is-animated .title-part--1 .title-part-inner[data-split=lines] .split-line-inner {
  transform: translateY(0);
}
.monthly__section--keyvisual .keyvisual__content[data-animate].is-animated .title-part--2::before {
  opacity: 1;
  transition-delay: 0.42s;
  animation: kv-box-wiggle 1.2s steps(2, jump-end) infinite;
  animation-delay: 0.97s;
}
.monthly__section--keyvisual .keyvisual__content[data-animate].is-animated .handwriting-courgette--split {
  animation: kv-handwriting-show 0s linear 0.56s both, kv-handwriting-split-hide 0s linear 1.74s forwards;
}
.monthly__section--keyvisual .keyvisual__content[data-animate].is-animated .handwriting-courgette--split[data-split=chars] .split-char {
  animation: kv-char-reveal 0.64s cubic-bezier(0.25, 1, 0.45, 1) both;
  animation-delay: calc(0.56s + var(--i, 0) * 0.04s);
}
.monthly__section--keyvisual .keyvisual__content[data-animate].is-animated .handwriting-courgette--fallback {
  animation: kv-handwriting-fallback-show 0s linear 1.74s both;
}
.monthly__section--keyvisual .keyvisual__content[data-animate].is-animated .monthly__text {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 1.32s;
}
@media (prefers-reduced-motion: reduce) {
  .monthly__section--keyvisual .keyvisual__content[data-animate] .monthly__eyebrow,
  .monthly__section--keyvisual .keyvisual__content[data-animate] .monthly__text {
    opacity: 1;
    transform: none;
    transition: none;
    will-change: auto;
  }
  .monthly__section--keyvisual .keyvisual__content[data-animate] .title-part-inner[data-split=lines] {
    opacity: 1;
  }
  .monthly__section--keyvisual .keyvisual__content[data-animate] .title-part-inner[data-split=lines] .split-line-inner {
    transform: none;
    transition: none;
  }
  .monthly__section--keyvisual .keyvisual__content[data-animate] .title-part::before {
    opacity: 1;
    transition: none;
    animation: none;
    transform: none;
  }
  .monthly__section--keyvisual .keyvisual__content[data-animate] .handwriting-courgette--split {
    display: none;
    animation: none;
  }
  .monthly__section--keyvisual .keyvisual__content[data-animate] .handwriting-courgette--fallback {
    opacity: 1;
    visibility: visible;
    animation: none;
  }
  .monthly__section--keyvisual .keyvisual__content[data-animate] .handwriting-courgette--split[data-split=chars] .split-char {
    opacity: 1;
    visibility: visible;
    transform: none;
    animation: none;
    transition: none;
  }
}
.monthly__section--keyvisual .keyvisual__content .monthly__eyebrow {
  margin-block-end: clamp(0.625rem, 3.3333333333vw, 0.75rem);
}
.monthly__section--keyvisual .keyvisual__content .monthly__title .title-part {
  display: inline-block;
  position: relative;
  z-index: 1;
}
.monthly__section--keyvisual .keyvisual__content .monthly__title .title-part--1 {
  margin-inline: clamp(0.75rem, 5.2777777778vw, 1.1875rem) clamp(0.375rem, 2.5vw, 0.5625rem);
  padding-block: clamp(0.5rem, 3.0555555556vw, 0.6875rem) clamp(0.25rem, 2.6388888889vw, 0.59375rem);
  padding-inline: clamp(1.5rem, 10vw, 2.25rem) clamp(1.75rem, 12.7777777778vw, 2.875rem);
  font-size: clamp(1.875rem, 10vw, 2.25rem);
  line-height: 0.78125rem;
  font-weight: 800;
}
.monthly__section--keyvisual .keyvisual__content .monthly__title .title-part--1::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="760" height="232" viewBox="0 0 760 232" fill="none" preserveAspectRatio="none"><path d="M0 232L71.9018 0L694.457 9L760 74.5L731.481 232H0Z" fill="%23F4D0C9"/></svg>');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.monthly__section--keyvisual .keyvisual__content .monthly__title .title-part--1 .split-line-inner {
  padding-block: 0.75rem;
}
.monthly__section--keyvisual .keyvisual__content .monthly__title .title-part--2 {
  margin-inline: clamp(3.5rem, 29.0277777778vw, 6.53125rem) clamp(2.625rem, 22.0833333333vw, 4.96875rem);
  margin-block-start: clamp(-0.625rem, -2.7777777778vw, -0.5rem);
  padding-block: clamp(0.625rem, 3.4722222222vw, 0.78125rem) clamp(0.25rem, 2.0833333333vw, 0.46875rem);
  padding-inline: clamp(0.9375rem, 5.9722222222vw, 1.34375rem) clamp(0.6875rem, 3.75vw, 0.84375rem);
  font-size: clamp(2.125rem, 11.9444444444vw, 2.6875rem);
  line-height: clamp(1.75rem, 8.8888888889vw, 2rem);
  font-weight: 400;
  color: var(--color-point-pink);
}
.monthly__section--keyvisual .keyvisual__content .monthly__title .title-part--2 .handwriting-pair {
  display: block;
  position: relative;
  white-space: nowrap;
}
.monthly__section--keyvisual .keyvisual__content .monthly__title .title-part--2 .handwriting-courgette--fallback {
  display: block;
}
.monthly__section--keyvisual .keyvisual__content .monthly__title .title-part--2 .handwriting-courgette--split {
  position: absolute;
  inset-inline: 0;
  top: 0;
  width: 100%;
  white-space: nowrap;
}
.monthly__section--keyvisual .keyvisual__content .monthly__title .title-part--2::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="352" height="117" viewBox="0 0 352 117" fill="none" preserveAspectRatio="none"><path d="M0 0L352 3.0059V108.093L28.046 117L0 0Z" fill="%23493E30"/></svg>');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.monthly__section--keyvisual .keyvisual__content .monthly__text {
  margin-block-start: auto;
  margin-inline: clamp(1.5rem, 10.6944444444vw, 2.40625rem) clamp(1.375rem, 9.8611111111vw, 2.21875rem);
  font-size: clamp(0.8125rem, 3.8888888889vw, 0.875rem);
  line-height: clamp(1.0625rem, 5vw, 1.125rem);
}
.monthly__section--keyvisual .keyvisual__content .monthly__disclaimer {
  font-size: clamp(0.6875rem, 3.3333333333vw, 0.75rem);
  line-height: clamp(0.8125rem, 3.8888888889vw, 0.875rem);
  margin-block-start: clamp(0.75rem, 4.4444444444vw, 1rem);
  opacity: 0.8;
}
@media all and (min-width: 48.0625rem) {
  .monthly__section--keyvisual .keyvisual__content {
    max-width: 35rem;
  }
  .monthly__section--keyvisual .keyvisual__content .monthly__eyebrow {
    margin-block-end: clamp(0.625rem, 1.2096774194vw, 1.125rem);
  }
  .monthly__section--keyvisual .keyvisual__content .monthly__title .title-part--1 {
    padding-block: clamp(1.125rem, 2.4193548387vw, 2.25rem) clamp(0.875rem, 1.747311828vw, 1.625rem);
    padding-inline: clamp(3.25rem, 6.7204301075vw, 6.25rem) clamp(2.75rem, 5.7795698925vw, 5.375rem);
    font-size: clamp(2.875rem, 5.7795698925vw, 5.375rem);
    line-height: clamp(1.5rem, 3.5887096774vw, 3.3375rem);
  }
  .monthly__section--keyvisual .keyvisual__content .monthly__title .title-part--1 .split-line-inner {
    padding-block: clamp(0.75rem, 1.0752688172vw, 1rem);
  }
  .monthly__section--keyvisual .keyvisual__content .monthly__title .title-part--2 {
    padding-block: clamp(0.625rem, 1.0080645161vw, 0.9375rem) clamp(0.625rem, 1.0752688172vw, 1rem);
    padding-inline: clamp(1.625rem, 3.2258064516vw, 3rem) clamp(0.875rem, 1.747311828vw, 1.625rem);
    font-size: clamp(2.875rem, 5.7795698925vw, 5.375rem);
    line-height: 1;
  }
  .monthly__section--keyvisual .keyvisual__content .monthly__text {
    font-size: clamp(1.0625rem, 1.747311828vw, 1.625rem);
    line-height: clamp(1.5rem, 2.4193548387vw, 2.25rem);
  }
  .monthly__section--keyvisual .keyvisual__content .monthly__disclaimer {
    font-size: clamp(0.75rem, 1.3440860215vw, 1.25rem);
    line-height: clamp(0.875rem, 1.6129032258vw, 1.5rem);
    margin-block-start: clamp(1rem, 1.6129032258vw, 1.5rem);
  }
}
@media (min-width: 64rem) {
  .monthly__section--keyvisual .keyvisual__content {
    align-items: flex-end;
    justify-content: center;
    padding-block: clamp(1.125rem, 1.6129032258vw, 1.5rem) clamp(1.75rem, 2.8897849462vw, 2.6875rem);
    max-width: 93rem;
    padding-inline: var(--container-padding);
    text-align: right;
  }
  .monthly__section--keyvisual .keyvisual__content .monthly__title {
    max-width: clamp(35rem, 63.8440860215vw, 59.375rem);
    margin-inline: auto clamp(-4.625rem, -4.9731182796vw, -3.75rem);
  }
  .monthly__section--keyvisual .keyvisual__content .monthly__title .title-part {
    max-width: 100%;
  }
  .monthly__section--keyvisual .keyvisual__content .monthly__title .title-part--1 {
    margin-inline: 0;
  }
  .monthly__section--keyvisual .keyvisual__content .monthly__title .title-part--2 {
    margin-inline: 0 clamp(1.75rem, 3.561827957vw, 3.3125rem);
    margin-block-start: clamp(-1.25rem, -2.2849462366vw, -2.125rem);
  }
  .monthly__section--keyvisual .keyvisual__content .monthly__text {
    width: clamp(23.75rem, 40.8602150538vw, 38rem);
    margin-block-start: clamp(2.25rem, 4.8387096774vw, 4.5rem);
    margin-inline: auto 0;
  }
}
@media all and (min-width: 93rem) {
  .monthly__section--keyvisual .keyvisual__content {
    align-items: flex-end;
    justify-content: center;
    padding-block: 1.5rem 2.6875rem;
    max-width: 93rem;
    padding-inline: var(--container-padding);
    text-align: right;
  }
  .monthly__section--keyvisual .keyvisual__content .monthly__eyebrow {
    margin-block-end: 1.125rem;
  }
  .monthly__section--keyvisual .keyvisual__content .monthly__title {
    max-width: 59.375rem;
    margin-inline: auto -4.625rem;
  }
  .monthly__section--keyvisual .keyvisual__content .monthly__title .title-part {
    max-width: 100%;
  }
  .monthly__section--keyvisual .keyvisual__content .monthly__title .title-part--1 {
    margin-inline: 0;
    padding-block: 1.875rem 1.5rem;
    padding-inline: 6.25rem 5.375rem;
    font-size: 5.375rem;
    line-height: 3.5875rem;
  }
  .monthly__section--keyvisual .keyvisual__content .monthly__title .title-part--1 .split-line-inner {
    padding-block: 1rem;
  }
  .monthly__section--keyvisual .keyvisual__content .monthly__title .title-part--2 {
    margin-inline: 0 3.3125rem;
    margin-block-start: -2.125rem;
    padding-block: 0.9375rem 1rem;
    padding-inline: 3rem 1.625rem;
    font-size: 5.375rem;
    line-height: 1;
  }
  .monthly__section--keyvisual .keyvisual__content .monthly__text {
    width: 38rem;
    margin-block-start: 4.5rem;
    margin-inline: auto 0;
    font-size: 1.625rem;
    line-height: 2.25rem;
  }
  .monthly__section--keyvisual .keyvisual__content .monthly__disclaimer {
    font-size: 1.25rem;
    line-height: 1.2;
    letter-spacing: -0.01rem;
    margin-block-start: 1.5rem;
  }
}