.banner-with-text .banner-text--content-inner{display:flex;flex-direction:column;row-gap:var(--row-gap-content)}.banner-with-text .column-text{align-items:center;display:flex;gap:var(--grid-desktop-horizontal-spacing)}.banner-with-text .column-text.top{align-items:flex-start}.banner-with-text .column-text.bottom{align-items:flex-end}.banner-with-text .column-text .banner-text--heading{font-size:var(--fz-heading)}.banner-with-text .column-text .banner-text--subheading{font-weight:var(--font-heading-weight-secondary)}.banner-with-text .column-text .banner-text-link.line_text{position:relative}.banner-with-text .column-text .banner-text-link.line_text a{font-size:var(--font-size-label);padding-left:85px}.banner-with-text .column-text .banner-text-link.line_text:before{background-color:var(--base-color);content:"";height:2px;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:var(--tp-transition);width:70px}@media (min-width:1024px){.banner-with-text .column-text .banner-text-link:hover a{color:var(--primary-color)}.banner-with-text .column-text .banner-text-link:hover.line_text a{padding-left:110px}.banner-with-text .column-text .banner-text-link:hover.line_text:before{background-color:var(--primary-color);width:100px}}.banner-with-text .column-text .product-list{max-width:100%}@media (max-width:410px){.banner-with-text .column-text .product-list{max-width:100%}}.banner-with-text .column-text.right{flex-direction:row-reverse}.banner-with-text .column-text .text_column{width:calc(100% - var(--width-image))}.banner-with-text .column-text .banner-text--media{width:var(--width-image)}@media (max-width:1024px){.banner-with-text .column-text .banner-text--heading{font-size:var(--fz-heading-tb)}.banner-with-text .column-text .banner-text-link.line_text a{font-size:calc(var(--font-size-label)*.75)}}@media (max-width:768px){.banner-with-text .column-text{flex-direction:column!important;gap:0}.banner-with-text .column-text .banner-text--heading{font-size:var(--fz-heading-mb)}.banner-with-text .column-text .banner-text-link.line_text a{font-size:calc(var(--font-size-label)*.5);padding-left:25px}.banner-with-text .column-text .banner-text-link.line_text:before{width:15px}.banner-with-text .column-text .banner-text--media,.banner-with-text .column-text .text_column{width:100%}.banner-with-text .column-text .text_column{padding:3rem 0}}.banner-with-text .text_overlay{display:flex;left:0;position:absolute;right:0;top:50%;transform:translateY(-50%)}.banner-with-text .text_overlay.left{align-items:center;justify-content:flex-start}.banner-with-text .text_overlay.center{justify-content:center;left:50%;transform:translate(-50%,-50%)}.banner-with-text .text_overlay.right{justify-content:flex-end}.banner-with-text .text_overlay .banner-text--des ul{margin:0}.banner-with-text .text_overlay .banner-text--des li{list-style:none;margin-bottom:2rem;padding-left:3rem;position:relative}.banner-with-text .text_overlay .banner-text--des li:before{border:solid var(--base-color);border-width:0 2px 2px 0;content:"";display:block;height:14px;left:9px;pointer-events:none;position:absolute;top:4px;transform:rotate(45deg);width:6px}.banner-with-text .banner-text--short-desc{border-left:1px solid var(--border-color);padding-left:2rem}.banner-with-text .timer-display{gap:2rem}.banner-with-text .timer-block{align-items:center;border:1px solid #fff;border-radius:var(--border-radius);display:flex;flex-direction:column;height:7rem;justify-content:center;width:7rem}.banner-with-text .timer-block__num{font-size:1.8rem;font-weight:700;line-height:1.25}.banner-with-text .timer-block__text{font-size:1.4rem}.banner-with-text .banner-text--media{height:var(--height-dk)}@media (max-width:1024px){.banner-with-text .banner-text--media{height:var(--height-tb)}.banner-with-text .banner-text--content-inner{row-gap:calc(var(--row-gap-content)*.75)}}@media (max-width:767px){.banner-with-text .banner-text--content-inner{row-gap:calc(var(--row-gap-content)*.5)}.banner-with-text .text_overlay.left,.banner-with-text .text_overlay.right{justify-content:center}.banner-with-text .text_overlay.content-below{justify-content:flex-start;padding:3rem 1.5rem;position:unset;transform:unset}.banner-with-text .text_overlay.content-below .banner-text--heading br{display:none}.banner-with-text .product-list{max-width:100%}.banner-with-text .banner-text--media{height:var(--height-mobile)}.banner-with-text .timer-block{height:6rem;width:6rem}}@media (max-width:410px){.banner-with-text .product-list{margin:auto auto 3rem;max-width:30rem}}
