.product-banner .banner-wrapper{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));background-color:#ddd3;padding:3.2rem;border-radius:3.2rem;gap:4rem}@media screen and (min-width:1024px){.product-banner .banner-wrapper{grid-template-columns:repeat(5,minmax(0,1fr));gap:6.4rem;padding:6.4rem;border-radius:6.4rem}}.product-banner .banner-wrapper .column-content{display:flex;flex-direction:column;justify-content:center;grid-column:span 3}@media screen and (min-width:1024px){.product-banner .banner-wrapper .column-content{grid-column:span 3}}.product-banner .banner-wrapper .column-content .heading .label{font-size:1.4rem;font-weight:600;line-height:2.4rem;letter-spacing:0px;text-transform:uppercase;background-color:var(--green-400);width:fit-content;padding:.4rem 1.2rem;border-radius:10000px;color:var(--white);margin-bottom:3rem}.product-banner .banner-wrapper .column-content .heading h2{font-size:5rem;font-weight:500;line-height:5.5rem;letter-spacing:1px;color:var(--black);text-transform:uppercase}.product-banner .banner-wrapper .column-content .heading p{margin-top:2.4rem}.product-banner .banner-wrapper .column-content .content-image{display:flex;align-items:center;justify-content:center;position:relative;isolation:isolate;margin-top:2.8rem}@media screen and (min-width:1024px){.product-banner .banner-wrapper .column-content .content-image{display:none}}.product-banner .banner-wrapper .column-content .content-image img{width:100%;height:auto;max-height:fit-content}.product-banner .banner-wrapper .column-content .content-image .brand{display:flex;align-items:center;justify-content:center;position:absolute;bottom:0;right:0;width:max-content;height:max-content}.product-banner .banner-wrapper .column-content .content-image .brand img{width:100%;max-width:135px;height:auto;max-height:fit-content;aspect-ratio:135/32;object-fit:contain}.product-banner .banner-wrapper .column-content .product-banner-price{display:flex;align-items:center;margin-top:4rem;flex-wrap:wrap;gap:1.6rem}.product-banner .banner-wrapper .column-content .product-banner-price .price-wrapper{display:flex;align-items:center}.product-banner .banner-wrapper .column-content .product-banner-price .price-wrapper .current{font-size:3.2rem;font-weight:700;line-height:5.2rem;letter-spacing:0px;color:var(--black);margin-right:1.2rem}@media screen and (min-width:1024px){.product-banner .banner-wrapper .column-content .product-banner-price .price-wrapper .current{font-size:4.4rem;font-weight:700;margin-right:1.6rem}}.product-banner .banner-wrapper .column-content .product-banner-price .price-wrapper .old{font-size:2rem;font-weight:500;line-height:2.8rem;letter-spacing:0px;color:var(--text-price);text-decoration:line-through}@media screen and (min-width:1024px){.product-banner .banner-wrapper .column-content .product-banner-price .price-wrapper .old{font-size:2.4rem}}.product-banner .banner-wrapper .column-content .product-banner-price .discount-amount{flex-shrink:0;display:block;font-size:1.5rem;font-weight:500;line-height:2.8rem;color:var(--white);letter-spacing:0px;text-align:center;background-color:var(--green-400);width:5.6rem;height:5.6rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.product-banner .banner-wrapper .column-content .content-bottom{margin-top:4.8rem}.product-banner .banner-wrapper .column-content .content-bottom>:not(:last-child){margin-bottom:2.4rem}@media screen and (min-width:1024px){.product-banner .banner-wrapper .column-content .content-bottom>:not(:last-child){margin-bottom:6rem}}.product-banner .banner-wrapper .column-image{display:none}@media screen and (min-width:1024px){.product-banner .banner-wrapper .column-image{display:flex;align-items:center;justify-content:center;position:relative;isolation:isolate;grid-column:span 2}}.product-banner .banner-wrapper .column-image img{width:100%;height:auto;max-height:fit-content}.product-banner .banner-wrapper .column-image .brand{display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;width:max-content;height:max-content}.product-banner .banner-wrapper .column-image .brand img{width:100%;max-width:133.53px;height:auto;max-height:fit-content;aspect-ratio:133.53/52;object-fit:contain}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-product-banner.css.map */