.clearance-banner-grid{margin:clamp(20px,2.09vw,40px) 0}.cbg-title-container{text-align:center;margin-bottom:calc(15px + 2.08vw)}.cbg-title-container .title-box{margin-bottom:0}.cbg-title-container .desc-box{margin-top:10px}.cbg-container .banner-grid{display:grid;gap:1.56vw;grid-template-columns:1.16fr 1fr 1.16fr;grid-template-rows:1fr 1fr;padding-left:0;margin-bottom:0}.cbg-container .banner-grid .cs-banner-item{display:block;border-radius:var(--border-radius);overflow:hidden;position:relative;width:100%}.cbg-container .image-box{display:flex;width:100%;height:100%;justify-content:center;align-items:center}.cbg-container .image-box img{display:block;width:100%;height:auto;max-width:max-content;margin:auto;border-radius:var(--border-radius);overflow:hidden}.cbg-container .content-box{position:absolute;top:clamp(20px,1.3vw,30px);left:clamp(20px,1.3vw,30px)}.cbg-container .content-title{font-size:clamp(14px,calc(14px + .52vw),24px);font-weight:700;line-height:1.2;margin-bottom:0}.cbg-container .content-desc{display:flex;align-items:center;margin-top:5px}.cbg-container .content-desc .text-item{margin-right:4px}.cbg-container .content-desc .text-item:last-child{margin-right:0}.cbg-container .content-desc .left-text{color:#8d8d8d;font-size:calc(12px + .42vw);font-weight:400;line-height:1.2;text-transform:uppercase}.cbg-container .content-desc .center-text{color:var(--ororo-fire);font-size:clamp(40px,3.65vw,60px);font-weight:700;line-height:1.2}.cbg-container .content-desc .right-text{color:var(--ororo-fire);font-size:calc(12px + 1.25vw);font-weight:700;line-height:1}.cbg-container .content-desc .off-box{font-size:calc(12px + .42vw);font-weight:400}.cs-banner-item-1{grid-column:1 / span 1;grid-row:1 / span 2}.cs-banner-item-2{grid-column:2 / span 2;grid-row:1 / span 1}.cs-banner-item-3{grid-column:2 / span 1;grid-row:2 / span 1}.cs-banner-item-4{grid-column:3 / span 1;grid-row:2 / span 1}.cs-banner-item-1 .image-box img{width:100%;max-width:100%;padding:20px;margin-top:clamp(100px,8.33vw,160px);margin-bottom:auto}.cs-banner-item-2 .image-box img{max-width:50%;padding:0;margin:auto 4% auto auto}.cs-banner-item-2 .content-box{left:7.03vw;top:50%;transform:translateY(-50%)}.cs-banner-item-3 .image-box{justify-content:flex-end}.cs-banner-item-3 .image-box img{margin-right:1%;margin-bottom:auto;max-width:50%}.cs-banner-item-4 .image-box img{max-width:50%;margin:auto 0 auto auto}@media only screen and (min-width: 1921px){.cs-banner-item-1 .image-box img{max-width:70%}.cs-banner-item-3 .image-box img{margin-right:5%}.cs-banner-item-4 .image-box img{margin-right:8%}.cbg-container .content-desc .center-text{font-size:70px}.cbg-container .content-desc .left-text{font-size:20px}.cbg-container .content-desc .right-text{font-size:36px}.cbg-container .content-desc .off-box{font-size:20px}.cbg-container .cs-banner-item-2 .content-box{left:10%}}@media only screen and (max-width: 1600px){.cs-banner-item-1 .image-box img{margin-top:10vw}.cs-banner-item-2 .image-box img{max-width:48%}}@media only screen and (max-width: 1200px){.cbg-container .content-box{top:clamp(15px,1.3vw,30px);left:clamp(15px,1.3vw,30px)}.cs-banner-item-2 .content-box{top:50%;left:5vw}.cs-banner-item-2 .image-box img{margin-right:10%;max-width:42%}}@media only screen and (min-width: 1001px) and (max-width: 1200px){.cs-banner-item-2 .image-box img{max-width:40%}}@media only screen and (max-width: 1000px){.cbg-container .banner-grid{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr}.cs-banner-item-1{grid-column:1 / span 1;grid-row:2 / span 2}.cs-banner-item-2{grid-column:1 / span 2;grid-row:1 / span 1}.cs-banner-item-3{grid-column:2 / span 1;grid-row:2 / span 1}.cs-banner-item-4{grid-column:2 / span 1;grid-row:3 / span 1}.cbg-container .content-box{top:8%;left:8%}.cbg-container .cs-banner-item-2 .content-box{top:50%;left:12%}.cs-banner-item-3 .image-box img,.cs-banner-item-4 .image-box img{max-width:50%;margin-right:3%}}@media only screen and (max-width: 749px){.cbg-container .banner-grid{gap:6px;display:flex;flex-wrap:wrap}.cbg-container .banner-grid .cs-banner-item{flex:0 1 calc(50% - 3px);max-width:calc(50% - 3px);height:auto}.cbg-container .content-title{font-size:calc(12px + .53vw)}.cbg-container .content-desc{flex-wrap:wrap}.cbg-container .content-desc .left-text{font-size:12px;display:flex;width:100%}.cbg-container .content-desc .left-text div{margin-right:4px}.cbg-container .content-desc .left-text div:last-child{margin-right:0}.cbg-container .content-desc .center-text{font-size:clamp(20px,6.93vw,26px)}.cbg-container .content-desc .right-text{font-size:clamp(14px,5.33vw,20px)}.cbg-container .content-desc .off-box{font-size:12px}.cbg-container .content-box{top:2.67vw!important;left:0!important;transform:unset;padding:0 5px 0 2.67vw}.cbg-container .cs-banner-item-2 .content-box{left:0}.cs-banner-item-4 .content-desc{display:flex;flex-wrap:wrap;width:70%}.cs-banner-item-4 .content-desc .left-text{margin-right:0}.cs-banner-item-4 .content-desc .left-text div{display:inline-block}.cbg-container .image-box img{width:clamp(100px,29.34vw,110px);height:clamp(100px,29.34vw,110px);max-width:unset;padding:0;margin:16vw clamp(5px,2.67vw,10px) 10px auto}.cbg-container .image-box .global-image-settings{width:100%}}.clearance-template .collection-wrapper .container{padding-left:6%}@media only screen and (max-width: 1000px){.collection-header.collection-header-sections .collection-wrapper{width:100%;padding:20px}.clearance-template .collection-header-sections .collection-banner-btn{margin-top:3px}.clearance-template .collection-wrapper .container{padding-left:0}}
/*# sourceMappingURL=/cdn/shop/t/366/assets/section-clearance-banner-grid.css.map */