section.clCollectionBanner *{display:block}section.clCollectionBanner{display:block}section.clCollectionBanner .collection-heading{padding:32px 0 0}section.clCollectionBanner .collection-heading h1{margin:0;line-height:normal;color:#000;text-align:center}section.clCollectionBanner .imageBox{width:100%;max-width:1200px;margin:0 auto;position:relative}section.clCollectionBanner .imageBox img{width:100%;height:100%;object-fit:cover;aspect-ratio:3/2}section.clCollectionBanner .imageBox span{font-size:48px;line-height:normal;font-family:Loubi;text-align:center;color:#fff;position:absolute;bottom:0;width:100%;padding-bottom:57px}section.clCollectionBanner .imageBox:before{position:absolute;bottom:0;left:0;content:"";width:100%;height:240px;background:linear-gradient(to top,#000c,#0000);pointer-events:none}section.clCollectionBanner .imageBox.mobileImage{display:none}section.clCollectionBanner .detail{width:100%;max-width:850px;padding:0 20px;position:relative}section.clCollectionBanner .detail p,section.clCollectionBanner .detail a{margin:0;line-height:normal;font-size:18px;color:#000;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis}section.clCollectionBanner .detail h1{margin:0}section.clCollectionBanner .detail h3{font-size:38px;margin:0 0 32px}section.clCollectionBanner .detail p.expanded{-webkit-line-clamp:unset;display:block!important}section.clCollectionBanner .detail a{width:max-content;margin:0 auto}section.clCollectionBanner .btnBox{margin-top:25px}section.clCollectionBanner .btnBox a{font-size:14px;color:#fff;background-color:#ce0a2c;width:100%;max-width:max-content;margin:0 auto;text-decoration:none;text-transform:uppercase;font-weight:500;padding:12px 32px;border-radius:50px}section.clCollectionBanner .detail a.read-more{font-weight:500;font-size:16px;position:absolute;right:-10px;top:27px;background:#fff;box-shadow:-6px 5px 12px 12px #fff}section.clCollectionBanner .detail li{display:list-item;font-size:18px;color:#000}section.clCollectionBanner .detail p a{display:inline}section.clCollectionBanner .cl-booxiapibtn{margin-top:40px}section.clCollectionBanner button.btn-lg{margin:0 auto}section.clCollectionBanner .detail p *{display:inline}@media screen and (max-width: 767px){section.clCollectionBanner .custom-container{padding:0}section.clCollectionBanner .imageBox{margin:65px auto 0}section.clCollectionBanner .detail p,section.clCollectionBanner .detail li{font-size:14px}section.clCollectionBanner .detail a{font-size:12px}section.clCollectionBanner .imageBox span{font-size:38px;padding-bottom:35px}section.clCollectionBanner .detail h3{font-size:18px;margin-bottom:22px}section.clCollectionBanner .imageBox.deskImage{display:none}section.clCollectionBanner .imageBox.mobileImage{display:block;width:100%;height:468px;object-fit:cover}section.clCollectionBanner .imageBox img{aspect-ratio:375/469}section.clCollectionBanner .collection-heading{padding:53px 0 0}section.clCollectionBanner .btnBox{margin:0;padding:25px 0 30px}section.clCollectionBanner .detail a.read-more{right:10px;top:22px;box-shadow:-6px 5px 12px 10px #fff;font-size:12px}section.clCollectionBanner .detail h1{padding:20px 0 0}}
/*# sourceMappingURL=/cdn/shop/t/117/assets/cl-collection-banner.css.map */