.customBannerProduct{display:grid;grid-template-columns:minmax(500px,1fr) 1fr;gap:0;border-radius:3rem;border:1px solid rgb(var(--color-border, 229, 229, 229));overflow:hidden;background-color:rgb(var(--color-background))}.customBannerProduct .imageContainer{grid-area:image;position:relative;width:100%;min-width:500px;height:100%;min-height:400px;background-color:rgb(var(--color-base-background-2, 245, 245, 245));overflow:hidden;display:flex;align-items:center;justify-content:center}.customBannerProduct .imageContainer__image{width:100%;height:100%;object-fit:contain;object-position:center;display:block}.customBannerProduct .placeholder-svg{width:100%;height:100%;min-height:400px;background-color:rgb(var(--color-base-background-2, 245, 245, 245));padding:2rem;position:absolute;top:0;left:0}.customBannerProduct .contentContainer{grid-area:content;padding:clamp(1.5rem,4vw,3rem);display:flex;flex-direction:column;justify-content:center;min-width:0}.customBannerProduct .contentContainer.text-left{text-align:left;align-items:flex-start}.customBannerProduct .contentContainer.text-center{text-align:center;align-items:center}.customBannerProduct .contentContainer.text-right{text-align:right;align-items:flex-end}.customBannerProduct .contentTitle{margin-bottom:1rem;width:100%}.customBannerProduct .contentTitle__heading{margin:0;line-height:1.2;word-break:break-word}.customBannerProduct .contentTitle__heading.h0{font-size:clamp(2rem,5vw,3.25rem)}.customBannerProduct .contentTitle__heading.h1{font-size:clamp(1.75rem,4vw,2.5rem)}.customBannerProduct .contentTitle__heading.h2{font-size:clamp(1.5rem,3vw,2rem)}.customBannerProduct .contentTitle__heading.hxl{font-size:clamp(2.25rem,6vw,4rem)}.customBannerProduct .contentText{margin-bottom:1.5rem;color:rgb(var(--color-foreground-secondary, 102, 102, 102));line-height:1.6;width:100%}.customBannerProduct .contentText p{margin:0}.customBannerProduct .contentText p+p{margin-top:1rem}.customBannerProduct .contentProductList{display:flex;flex-direction:column;gap:.75rem;margin-top:1.25rem;width:100%}.customBannerProduct .productCard{display:flex;gap:1rem;align-items:center;padding:.875rem;border:1px solid rgb(var(--color-border, 229, 229, 229));border-radius:var(--border-radius-sm, 8px);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;background-color:rgb(var(--color-background))}.customBannerProduct .productCard:hover{border-color:rgb(var(--color-foreground, 0, 0, 0),.2);box-shadow:0 2px 8px #0000000d;transform:translateY(-1px)}.customBannerProduct .productCard:focus-within{border-color:rgb(var(--color-foreground, 0, 0, 0),.3);box-shadow:0 0 0 2px rgb(var(--color-foreground, 0, 0, 0),.1)}.customBannerProduct .productCard__link{display:flex;gap:1rem;text-decoration:none;color:inherit;flex:1;min-width:0;align-items:center}.customBannerProduct .productCard__link:hover{text-decoration:none;color:inherit}.customBannerProduct .productCard__image{border-radius:var(--border-radius-sm, 6px);object-fit:cover;flex-shrink:0;width:120px;height:120px;aspect-ratio:1}.customBannerProduct .productCard__image--placeholder{background-color:rgb(var(--color-base-background-2, 245, 245, 245));width:80px;height:80px;border-radius:var(--border-radius-sm, 6px)}.customBannerProduct .productInfo{display:flex;flex-direction:column;justify-content:center;min-width:0;flex:1;gap:.25rem;width:80%}.customBannerProduct .productInfo__title{margin:0;color:rgb(var(--color-foreground))}.customBannerProduct .productInfo__price{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.customBannerProduct .productInfo__price--discount{font-weight:700;color:red}.customBannerProduct .productInfo__price--compare{text-decoration:line-through;color:rgb(var(--color-foreground-secondary, 153, 153, 153))}.customBannerProduct .productInfo__price--sale{color:rgb(var(--color-sale, 231, 76, 60))}.customBannerProduct .productInfo__price--current{color:rgb(var(--color-foreground))}.customBannerProduct .productInfo__soldout{color:rgb(var(--color-foreground-secondary, 153, 153, 153));display:inline-flex;align-items:center;gap:.25rem}.customBannerProduct .productInfo__soldout:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background-color:currentColor}.customBannerProduct .productCard__form{flex-shrink:0;display:flex;align-items:center}.customBannerProduct .productCard__form-element{margin:0;display:flex;align-items:center}.customBannerProduct .productCard__button{padding:.5rem 1rem;white-space:nowrap;min-height:2.5rem;border-radius:var(--border-radius-sm, 6px);transition:opacity .2s ease,background-color .2s ease,transform .1s ease}.customBannerProduct .productCard__button:not(:disabled):hover{transform:translateY(-1px)}.customBannerProduct .productCard__button:not(:disabled):active{transform:translateY(0)}.customBannerProduct .productCard__button:disabled{opacity:.5;cursor:not-allowed;background-color:rgb(var(--color-base-background-2, 204, 204, 204));border-color:transparent;color:rgb(var(--color-foreground-secondary, 153, 153, 153))}.customBannerProduct .productCard__form .productInfo__soldout{padding:.5rem 0}@media screen and (max-width:749px){.customBannerProduct{grid-template-columns:1fr;grid-template-areas:"image" "content"!important;border-radius:0;border-left:none;border-right:none}.customBannerProduct .imageContainer{min-width:100%;min-height:250px;max-height:none}.customBannerProduct .contentContainer{padding:1.5rem}.customBannerProduct .productCard{flex-direction:column;align-items:flex-start;padding:1rem}.customBannerProduct .productCard__link{width:100%}.customBannerProduct .productCard__image,.customBannerProduct .productCard__image--placeholder{width:64px;height:64px}.customBannerProduct .productCard__form{width:100%;margin-top:.5rem}.customBannerProduct .productCard__form-element{width:100%}.customBannerProduct .productCard__button{width:100%;justify-content:center}}@media screen and (min-width:750px)and (max-width:1099px){.customBannerProduct{grid-template-columns:minmax(350px,1fr) 1.25fr;gap:1.5rem}.customBannerProduct .imageContainer{min-width:350px;min-height:350px}.customBannerProduct .contentContainer{padding:2rem}.customBannerProduct .productCard{padding:.75rem}.customBannerProduct .productCard__image,.customBannerProduct .productCard__image--placeholder{width:70px;height:70px}}@media screen and (min-width:1100px){.customBannerProduct{grid-template-columns:minmax(500px,1fr) 1fr}.customBannerProduct .imageContainer{min-width:500px;min-height:450px}}@media screen and (min-width:1400px){.customBannerProduct{grid-template-columns:minmax(550px,1fr) 1fr}.customBannerProduct .imageContainer{min-width:550px;min-height:500px}.customBannerProduct .contentContainer{padding:3.5rem}}@media print{.customBannerProduct{border:1px solid #000;break-inside:avoid}.customBannerProduct .productCard__button,.customBannerProduct .productCard__form{display:none}}@media(prefers-reduced-motion:reduce){.customBannerProduct .productCard,.customBannerProduct .productCard__button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/section-custom-banner-product.css.map */