.collection-banner-section{background-color:var(--background-color);padding:40px 0}.collection-banner-container{width:100%}.collection-banner-inner{position:relative}.collection-banner-desktop{display:none}@media (min-width:992px){.collection-banner-desktop{display:block}.collection-banner-mobile{display:none}}.collection-banner-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.collection-banner-grid.image-left{grid-template-columns:1fr 1fr}.collection-banner-grid.image-right{grid-template-columns:1fr 1fr}.collection-banner-content{padding:20px}.collection-banner-content.text-left{text-align:left}.collection-banner-content.text-center{text-align:center}.collection-banner-content.text-right{text-align:right}.collection-banner-title{font-family:var(--heading-font);font-size:var(--h1-fs,48px);font-weight:var(--heading-fw,700);color:var(--heading-color,#3f4444);margin:0 0 20px 0;line-height:1.2}.collection-banner-description{font-family:var(--body-font);font-size:var(--body-fs,16px);font-weight:var(--body-fw,400);color:var(--text-color,#3f4444);line-height:1.6;margin:0}.collection-banner-image-wrapper{position:relative;width:100%}.collection-banner-image{position:relative;width:100%;overflow:hidden;height:var(--desktop-height,auto)}.collection-banner-image img{width:100%;height:var(--desktop-img-height,auto);display:block;object-fit:cover}.collection-banner-mobile{display:block}@media (min-width:992px){.collection-banner-mobile{display:none}}.collection-banner-mobile-overlay{position:relative;width:100%;min-height:var(--mobile-height,400px)}.collection-banner-mobile-image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.collection-banner-mobile-image::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(0,0,0,0.3),rgba(0,0,0,0.5));z-index:1}.collection-banner-mobile-image img{width:100%;height:100%;object-fit:cover;display:block}.collection-banner-mobile-content{position:relative;z-index:2;padding:60px 20px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:var(--mobile-height,400px)}.collection-banner-mobile-title{font-family:var(--heading-font);font-size:clamp(32px,8vw,56px);font-weight:var(--heading-fw,700);color:#ffffff;margin:0 0 16px 0;line-height:1.1;text-transform:uppercase;letter-spacing:0.02em;text-shadow:2px 2px 4px rgba(0,0,0,0.3)}.collection-banner-mobile-description{font-family:var(--body-font);font-size:clamp(14px,3.5vw,18px);font-weight:var(--body-fw,400);color:#ffffff;line-height:1.5;margin:0;max-width:600px;text-shadow:1px 1px 2px rgba(0,0,0,0.3)}.collection-banner-mobile-stacked{display:flex;flex-direction:column}.mobile-layout-stacked .collection-banner-mobile-overlay{display:none}.mobile-layout-stacked .collection-banner-mobile-stacked{display:flex}.mobile-layout-overlay .collection-banner-mobile-stacked{display:none}.mobile-layout-overlay .collection-banner-mobile-overlay{display:block}.collection-banner-mobile-stacked .collection-banner-mobile-image{position:relative;width:100%;margin-bottom:30px;height:var(--mobile-height,auto)}.collection-banner-mobile-stacked .collection-banner-mobile-image img{width:100%;height:var(--mobile-img-height,auto);display:block;object-fit:cover}.collection-banner-mobile-stacked .collection-banner-mobile-content{padding:0 20px 20px;position:relative;z-index:1}.collection-banner-mobile-stacked .collection-banner-mobile-content.text-left{text-align:left;align-items:flex-start}.collection-banner-mobile-stacked .collection-banner-mobile-content.text-center{text-align:center;align-items:center}.collection-banner-mobile-stacked .collection-banner-mobile-content.text-right{text-align:right;align-items:flex-end}.collection-banner-mobile-stacked .collection-banner-mobile-title{font-size:clamp(28px,6vw,36px);color:var(--heading-color,#3f4444);text-shadow:none}.collection-banner-mobile-stacked .collection-banner-mobile-description{font-size:clamp(14px,3vw,16px);color:var(--text-color,#3f4444);text-shadow:none}@media (min-width:768px) and (max-width:991px){.collection-banner-mobile-overlay{min-height:500px}.collection-banner-mobile-content{min-height:500px;padding:80px 40px}.collection-banner-mobile-title{font-size:clamp(40px,6vw,64px)}.collection-banner-mobile-description{font-size:clamp(16px,2.5vw,20px)}}@media (min-width:1200px){.collection-banner-grid{gap:80px}.collection-banner-title{font-size:var(--h1-fs,56px)}.collection-banner-description{font-size:var(--body-fs,18px)}}@media (max-width:767px){.collection-banner-section{padding:0}.collection-banner-container.container{padding-left:0;padding-right:0}}