.clearance-banner-grid{margin:calc(20px + .78vw) 0 3.13vw}.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}.cbg-container .banner-grid .cs-banner-item{display:block;border-radius:10px;overflow:hidden;position:relative}.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:10px;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%}.clearance-banner-grid{margin-bottom:40px}}@media only screen and (max-width:590px){.clearance-banner-grid{margin:8vw 0 13.33vw}.cbg-container .banner-grid{gap:2.13vw}.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;left:2.67vw}.cs-banner-item-1 .image-box img{padding:10px}.cbg-container .cs-banner-item-2 .content-box{left:2.67vw}.cs-banner-item-3 .image-box img{max-width:50%;margin-right:0;margin-top:5%}.cs-banner-item-4 .image-box img{margin-top:5%}.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}.cs-banner-item-4 .content-desc .left-text div:last-child{margin-left:4px}}.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/114/assets/section-clearance-banner-grid.css.map */