/* Start custom CSS for html, class: .elementor-element-c752384 *//* =====================================
CRIMSONLOOM HERO SECTION CSS
Luxury Fashion Theme
===================================== */
*{
margin:0;
padding:0;
box-sizing:border-box;
}
.cl-hero{
height:100vh;
min-height:750px;
width:100%;
position:relative;
background-image:url("https://crimsonloom.com/wp-content/uploads/2026/07/pexels-aminnaderloei-31896921-scaled.jpg");
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
display:flex;
align-items:center;
overflow:hidden;
}
/* Dark Luxury Overlay */
.cl-overlay{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background:
linear-gradient(
90deg,
rgba(0,0,0,0.90) 0%,
rgba(0,0,0,0.70) 45%,
rgba(0,0,0,0.25) 100%
);
}
/* HEADER */
.cl-header{
position:absolute;
top:0;
left:0;
width:100%;
padding:35px 8%;
display:flex;
justify-content:space-between;
align-items:center;
z-index:10;
}
.cl-logo{
font-family:
"Cormorant Garamond",
serif;
font-size:44px;
letter-spacing:4px;
color:#ffffff;
font-weight:600;
}
/* MENU */
.cl-nav{
display:flex;
align-items:center;
}
.cl-nav a{
color:#ffffff;
text-decoration:none;
margin-left:35px;
font-family:
"Poppins",
sans-serif;
font-size:14px;
letter-spacing:1px;
transition:0.3s;
}
.cl-nav a:hover{
color:#C38B95;
}
/* SHOP BUTTON */
.cl-nav-btn{
background:#8B1E32;
padding:14px 32px;
border-radius:50px;
}
.cl-nav-btn:hover{
background:#ffffff;
color:#8B1E32!important;
}
/* HERO CONTENT */
.cl-hero-content{
position:relative;
z-index:5;
margin-left:8%;
max-width:680px;
}
.cl-small-text{
font-family:
"Poppins",
sans-serif;
color:#D7A1AA;
font-size:13px;
letter-spacing:5px;
margin-bottom:25px;
}
.cl-hero-content h1{
font-family:
"Cormorant Garamond",
serif;
font-size:90px;
line-height:0.98;
color:white;
font-weight:700;
margin-bottom:30px;
}
.cl-hero-content h1 span{
display:block;
color:#A52A3A;
}
.cl-description{
color:#e5e5e5;
font-size:18px;
line-height:1.8;
max-width:560px;
font-weight:300;
margin-bottom:45px;
}
/* BUTTON AREA */
.cl-buttons{
display:flex;
gap:20px;
}
.cl-primary-btn{
background:#8B1E32;
color:#ffffff;
padding:17px 45px;
border-radius:50px;
text-decoration:none;
font-family:"Poppins";
font-size:15px;
transition:.4s;
}
.cl-primary-btn:hover{
background:white;
color:#8B1E32;
}
.cl-outline-btn{
border:1px solid white;
color:white;
padding:17px 45px;
border-radius:50px;
text-decoration:none;
font-family:"Poppins";
transition:.4s;
}
.cl-outline-btn:hover{
background:white;
color:#000000;
}
/* PREMIUM GLASS CARD */
.cl-card{
position:absolute;
right:8%;
bottom:12%;
width:300px;
padding:35px;
background:
rgba(255,255,255,0.10);
backdrop-filter:
blur(18px);
border:
1px solid rgba(255,255,255,.25);
z-index:5;
}
.cl-card h3{
font-family:
"Cormorant Garamond",
serif;
color:white;
font-size:32px;
margin-bottom:15px;
}
.cl-card p{
color:#dddddd;
font-family:"Poppins";
font-size:14px;
line-height:1.7;
}
/* IMAGE ZOOM EFFECT */
.cl-hero::after{
content:"";
position:absolute;
inset:0;
background:
linear-gradient(
180deg,
transparent,
rgba(0,0,0,.7)
);
z-index:1;
}
/* TABLET RESPONSIVE */
@media(max-width:1100px){
.cl-hero-content h1{
font-size:70px;
}
.cl-card{
right:5%;
width:250px;
}
}
/* MOBILE RESPONSIVE */
@media(max-width:768px){
.cl-header{
padding:25px;
}
.cl-logo{
font-size:35px;
}
.cl-nav{
display:none;
}
.cl-hero-content{
margin:0 25px;
}
.cl-small-text{
letter-spacing:3px;
}
.cl-hero-content h1{
font-size:52px;
}
.cl-description{
font-size:16px;
}
.cl-buttons{
flex-direction:column;
}
.cl-primary-btn,
.cl-outline-btn{
text-align:center;
}
.cl-card{
display:none;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-510339d *//* =================================
CRIMSONLOOM STORY SECTION CSS
================================= */
.cl-story{
background:#080808;
padding:120px 8%;
}
.cl-story-container{
display:grid;
grid-template-columns:1fr 1fr;
gap:80px;
align-items:center;
}
/* IMAGE */
.cl-story-image{
position:relative;
}
.cl-story-image img{
width:100%;
height:650px;
object-fit:cover;
}
.cl-image-tag{
position:absolute;
bottom:30px;
left:30px;
background:rgba(255,255,255,.12);
backdrop-filter:blur(15px);
padding:25px 35px;
border:
1px solid rgba(255,255,255,.2);
}
.cl-image-tag h4{
color:white;
font-family:
"Cormorant Garamond",
serif;
font-size:35px;
}
.cl-image-tag p{
color:#ddd;
font-size:14px;
}
/* CONTENT */
.cl-story-content{
color:white;
}
.cl-section-label{
color:#C38B95;
letter-spacing:5px;
font-size:13px;
}
.cl-story-content h2{
font-family:
"Cormorant Garamond",
serif;
font-size:70px;
line-height:1.1;
margin:25px 0;
}
.cl-story-content h2 span{
color:#A52A3A;
}
.cl-story-content p{
color:#cccccc;
font-size:17px;
line-height:1.9;
margin-bottom:20px;
max-width:550px;
}
/* FEATURES */
.cl-feature-list{
display:flex;
gap:30px;
margin:40px 0;
}
.cl-feature{
border-left:
2px solid #8B1E32;
padding-left:20px;
}
.cl-feature h3{
font-family:
"Cormorant Garamond",
serif;
font-size:30px;
}
.cl-feature p{
font-size:14px;
}
/* BUTTON */
.cl-story-btn{
display:inline-block;
background:#8B1E32;
color:white;
padding:16px 40px;
border-radius:40px;
text-decoration:none;
transition:.3s;
}
.cl-story-btn:hover{
background:white;
color:#8B1E32;
}
/* RESPONSIVE */
@media(max-width:900px){
.cl-story-container{
grid-template-columns:1fr;
}
.cl-story-content h2{
font-size:50px;
}
.cl-story-image img{
height:500px;
}
.cl-feature-list{
flex-direction:column;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8a18249 *//*====================================
FEATURED COLLECTIONS
====================================*/
.cl-collections{
background:#111111;
padding:120px 8%;
}
.cl-section-title{
text-align:center;
max-width:760px;
margin:auto auto 70px;
}
.cl-section-title span{
color:#B76E79;
letter-spacing:4px;
font-size:13px;
}
.cl-section-title h2{
color:#fff;
font-size:62px;
font-family:"Cormorant Garamond",serif;
margin:20px 0;
line-height:1.1;
}
.cl-section-title h2 span{
color:#8B1E32;
}
.cl-section-title p{
color:#cfcfcf;
font-size:17px;
line-height:1.8;
}
.cl-collection-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
}
.cl-collection-card{
position:relative;
overflow:hidden;
height:620px;
cursor:pointer;
border-radius:6px;
}
.cl-collection-card img{
width:100%;
height:100%;
object-fit:cover;
transition:.7s;
}
.cl-collection-card:hover img{
transform:scale(1.08);
}
.cl-card-overlay{
position:absolute;
inset:0;
display:flex;
flex-direction:column;
justify-content:flex-end;
padding:35px;
background:linear-gradient(to top,
rgba(0,0,0,.88),
rgba(0,0,0,.05));
}
.cl-card-overlay small{
color:#D4A5AE;
letter-spacing:3px;
margin-bottom:15px;
}
.cl-card-overlay h3{
color:#fff;
font-size:40px;
font-family:"Cormorant Garamond",serif;
margin-bottom:15px;
}
.cl-card-overlay p{
color:#ddd;
line-height:1.8;
margin-bottom:25px;
}
.cl-card-overlay a{
display:inline-block;
color:#fff;
text-decoration:none;
border-bottom:2px solid #8B1E32;
width:max-content;
padding-bottom:6px;
transition:.3s;
}
.cl-card-overlay a:hover{
color:#B11226;
}
@media(max-width:992px){
.cl-collection-grid{
grid-template-columns:1fr;
}
.cl-collection-card{
height:500px;
}
.cl-section-title h2{
font-size:48px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-aaac4b0 *//* ======================================
WHY CHOOSE SECTION CSS
====================================== */
.cl-why{
background:#080808;
padding:120px 8%;
}
.cl-why-header{
text-align:center;
max-width:750px;
margin:auto;
}
.cl-why-header span{
color:#C38B95;
font-size:13px;
letter-spacing:5px;
}
.cl-why-header h2{
color:#ffffff;
font-family:
"Cormorant Garamond",
serif;
font-size:65px;
margin:25px 0;
line-height:1.1;
}
.cl-why-header h2 strong{
color:#8B1E32;
display:block;
font-weight:600;
}
.cl-why-header p{
color:#cccccc;
font-size:17px;
line-height:1.8;
}
/* BENEFIT GRID */
.cl-benefits{
margin-top:80px;
display:grid;
grid-template-columns:
repeat(4,1fr);
gap:25px;
}
.cl-benefit-card{
background:#111111;
padding:45px 30px;
text-align:center;
border:
1px solid rgba(255,255,255,.08);
transition:.4s;
}
.cl-benefit-card:hover{
transform:translateY(-12px);
border-color:#8B1E32;
}
.cl-icon{
width:70px;
height:70px;
margin:auto;
display:flex;
justify-content:center;
align-items:center;
border-radius:50%;
background:#8B1E32;
color:white;
font-size:30px;
margin-bottom:25px;
}
.cl-benefit-card h3{
color:white;
font-family:
"Cormorant Garamond",
serif;
font-size:32px;
margin-bottom:15px;
}
.cl-benefit-card p{
color:#bbbbbb;
font-size:14px;
line-height:1.8;
}
/* RESPONSIVE */
@media(max-width:1100px){
.cl-benefits{
grid-template-columns:
repeat(2,1fr);
}
}
@media(max-width:700px){
.cl-benefits{
grid-template-columns:1fr;
}
.cl-why-header h2{
font-size:48px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0c23308 *//* ======================================
LOOKBOOK SECTION CSS
====================================== */
.cl-lookbook{
background:#111111;
padding:120px 8%;
}
.cl-lookbook-header{
text-align:center;
max-width:750px;
margin:0 auto 70px;
}
.cl-lookbook-header span{
color:#C38B95;
letter-spacing:5px;
font-size:13px;
}
.cl-lookbook-header h2{
color:white;
font-family:
"Cormorant Garamond",
serif;
font-size:65px;
line-height:1.1;
margin:25px 0;
}
.cl-lookbook-header h2 strong{
color:#8B1E32;
display:block;
}
.cl-lookbook-header p{
color:#cccccc;
font-size:17px;
line-height:1.8;
}
/* LOOKBOOK GRID */
.cl-lookbook-grid{
display:grid;
grid-template-columns:
repeat(3,1fr);
grid-auto-rows:420px;
gap:25px;
}
.cl-look-item{
position:relative;
overflow:hidden;
}
.cl-look-item.large{
grid-row:span 2;
}
.cl-look-item img{
width:100%;
height:100%;
object-fit:cover;
transition:.8s;
}
.cl-look-item:hover img{
transform:scale(1.08);
}
/* OVERLAY */
.cl-look-overlay{
position:absolute;
inset:0;
display:flex;
flex-direction:column;
justify-content:flex-end;
padding:35px;
background:
linear-gradient(
transparent,
rgba(0,0,0,.85)
);
}
.cl-look-overlay h3{
color:white;
font-family:
"Cormorant Garamond",
serif;
font-size:38px;
margin-bottom:15px;
}
.cl-look-overlay a{
color:#D5A4AD;
text-decoration:none;
letter-spacing:1px;
font-size:14px;
}
.cl-look-overlay a:hover{
color:white;
}
/* RESPONSIVE */
@media(max-width:1000px){
.cl-lookbook-grid{
grid-template-columns:1fr 1fr;
}
}
@media(max-width:700px){
.cl-lookbook-grid{
grid-template-columns:1fr;
grid-auto-rows:500px;
}
.cl-lookbook-header h2{
font-size:48px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f38b223 *//* =====================================
TESTIMONIAL CSS
===================================== */
.cl-testimonial{
background:#080808;
padding:120px 8%;
}
.cl-testimonial-header{
text-align:center;
max-width:750px;
margin:auto auto 70px;
}
.cl-testimonial-header span{
color:#C38B95;
font-size:13px;
letter-spacing:5px;
}
.cl-testimonial-header h2{
color:white;
font-family:
"Cormorant Garamond",
serif;
font-size:65px;
line-height:1.1;
margin:25px 0;
}
.cl-testimonial-header h2 strong{
display:block;
color:#8B1E32;
}
.cl-testimonial-header p{
color:#cccccc;
font-size:17px;
line-height:1.8;
}
/* REVIEW GRID */
.cl-review-grid{
display:grid;
grid-template-columns:
repeat(3,1fr);
gap:30px;
}
.cl-review-card{
background:#111111;
padding:40px;
border:
1px solid rgba(255,255,255,.08);
transition:.4s;
}
.cl-review-card:hover{
transform:translateY(-10px);
border-color:#8B1E32;
}
.cl-stars{
color:#C38B95;
letter-spacing:5px;
font-size:18px;
margin-bottom:25px;
}
.cl-review-card p{
color:#dddddd;
font-size:16px;
line-height:1.9;
font-style:italic;
margin-bottom:35px;
}
/* CUSTOMER */
.cl-customer{
display:flex;
align-items:center;
gap:15px;
}
.cl-avatar{
height:55px;
width:55px;
border-radius:50%;
background:#8B1E32;
display:flex;
justify-content:center;
align-items:center;
color:white;
font-size:22px;
}
.cl-customer h4{
color:white;
font-family:
"Cormorant Garamond",
serif;
font-size:25px;
}
.cl-customer span{
color:#aaa;
font-size:13px;
}
/* RESPONSIVE */
@media(max-width:1000px){
.cl-review-grid{
grid-template-columns:1fr 1fr;
}
}
@media(max-width:700px){
.cl-review-grid{
grid-template-columns:1fr;
}
.cl-testimonial-header h2{
font-size:48px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-be9add8 *//* =====================================
FINAL CTA SECTION CSS
===================================== */
.cl-final-cta{
height:auto;
min-height:750px;
position:relative;
background-image:url("https://crimsonloom.com/wp-content/uploads/2026/07/pexels-brandon-retratos-768594541-37546693-scaled.jpg");
background-size:cover;
background-position:center;
display:flex;
justify-content:center;
align-items:center;
text-align:center;
padding:100px 8%;
}
.cl-cta-overlay{
position:absolute;
inset:0;
background:
linear-gradient(
rgba(0,0,0,.85),
rgba(0,0,0,.95)
);
}
.cl-cta-content{
position:relative;
z-index:2;
max-width:850px;
}
.cl-cta-content span{
color:#D2A0AA;
font-size:13px;
letter-spacing:5px;
}
.cl-cta-content h2{
color:white;
font-family:
"Cormorant Garamond",
serif;
font-size:80px;
line-height:1.05;
margin:30px 0;
}
.cl-cta-content h2 strong{
display:block;
color:#A52A3A;
}
.cl-cta-content p{
color:#dddddd;
font-size:18px;
line-height:1.8;
max-width:650px;
margin:auto;
}
/* BUTTONS */
.cl-cta-buttons{
margin:45px 0;
display:flex;
justify-content:center;
gap:20px;
}
.cl-shop-btn{
background:#8B1E32;
color:white;
padding:17px 45px;
border-radius:50px;
text-decoration:none;
transition:.3s;
}
.cl-shop-btn:hover{
background:white;
color:#8B1E32;
}
.cl-contact-btn{
border:1px solid white;
color:white;
padding:17px 45px;
border-radius:50px;
text-decoration:none;
}
.cl-contact-btn:hover{
background:white;
color:black;
}
/* NEWSLETTER */
.cl-newsletter{
margin-top:60px;
padding:40px;
background:
rgba(255,255,255,.08);
backdrop-filter:blur(15px);
border:
1px solid rgba(255,255,255,.15);
}
.cl-newsletter h3{
color:white;
font-family:
"Cormorant Garamond",
serif;
font-size:35px;
}
.cl-newsletter p{
font-size:15px;
margin:15px auto 25px;
}
.cl-input-box{
display:flex;
max-width:500px;
margin:auto;
}
.cl-input-box input{
flex:1;
padding:16px 20px;
border:none;
outline:none;
background:white;
}
.cl-input-box button{
padding:16px 30px;
border:none;
background:#8B1E32;
color:white;
cursor:pointer;
}
/* RESPONSIVE */
@media(max-width:768px){
.cl-cta-content h2{
font-size:52px;
}
.cl-cta-buttons{
flex-direction:column;
}
.cl-input-box{
flex-direction:column;
}
.cl-input-box button{
margin-top:10px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51f7ad3 *//* ======================================
SOCIAL GALLERY CSS
====================================== */
.cl-social-gallery{
background:#111111;
padding:120px 8%;
text-align:center;
}
.cl-social-heading{
max-width:750px;
margin:auto auto 70px;
}
.cl-social-heading span{
color:#C38B95;
letter-spacing:5px;
font-size:13px;
}
.cl-social-heading h2{
color:white;
font-family:
"Cormorant Garamond",
serif;
font-size:65px;
margin:25px 0;
}
.cl-social-heading h2 strong{
display:block;
color:#8B1E32;
}
.cl-social-heading p{
color:#cccccc;
font-size:17px;
line-height:1.8;
}
/* GRID */
.cl-social-grid{
display:grid;
grid-template-columns:
repeat(4,1fr);
gap:20px;
}
.cl-social-item{
position:relative;
height:420px;
overflow:hidden;
}
.cl-social-item img{
width:100%;
height:100%;
object-fit:cover;
transition:.7s;
}
.cl-social-item:hover img{
transform:scale(1.1);
}
.cl-social-overlay{
position:absolute;
inset:0;
display:flex;
justify-content:center;
align-items:center;
background:
rgba(139,30,50,.75);
opacity:0;
transition:.4s;
}
.cl-social-item:hover .cl-social-overlay{
opacity:1;
}
.cl-social-overlay span{
color:white;
font-size:18px;
letter-spacing:2px;
}
/* BUTTON */
.cl-instagram-btn{
display:inline-block;
margin-top:50px;
padding:16px 45px;
border:
1px solid #8B1E32;
color:white;
text-decoration:none;
border-radius:50px;
transition:.3s;
}
.cl-instagram-btn:hover{
background:#8B1E32;
}
/* RESPONSIVE */
@media(max-width:1000px){
.cl-social-grid{
grid-template-columns:
repeat(2,1fr);
}
}
@media(max-width:600px){
.cl-social-grid{
grid-template-columns:1fr;
}
.cl-social-heading h2{
font-size:48px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2f17ee4 *//* =====================================
BRAND STATS SECTION CSS
===================================== */
.cl-stats{
background:#080808;
padding:120px 8%;
}
.cl-stats-container{
display:grid;
grid-template-columns:
1fr 1fr;
gap:80px;
align-items:center;
}
/* CONTENT */
.cl-stats-content span{
color:#C38B95;
letter-spacing:5px;
font-size:13px;
}
.cl-stats-content h2{
color:white;
font-family:
"Cormorant Garamond",
serif;
font-size:70px;
line-height:1.1;
margin:25px 0;
}
.cl-stats-content h2 strong{
display:block;
color:#8B1E32;
}
.cl-stats-content p{
color:#cccccc;
font-size:17px;
line-height:1.9;
max-width:550px;
margin-bottom:40px;
}
.cl-stats-btn{
display:inline-block;
background:#8B1E32;
color:white;
text-decoration:none;
padding:16px 40px;
border-radius:50px;
transition:.3s;
}
.cl-stats-btn:hover{
background:white;
color:#8B1E32;
}
/* NUMBER GRID */
.cl-number-grid{
display:grid;
grid-template-columns:
repeat(2,1fr);
gap:25px;
}
.cl-number-card{
padding:45px 30px;
background:#111111;
text-align:center;
border:
1px solid rgba(255,255,255,.08);
transition:.4s;
}
.cl-number-card:hover{
transform:translateY(-8px);
border-color:#8B1E32;
}
.cl-number-card h3{
color:#B11226;
font-family:
"Cormorant Garamond",
serif;
font-size:65px;
}
.cl-number-card p{
color:#cccccc;
font-size:14px;
}
/* RESPONSIVE */
@media(max-width:900px){
.cl-stats-container{
grid-template-columns:1fr;
}
.cl-stats-content h2{
font-size:50px;
}
}
@media(max-width:600px){
.cl-number-grid{
grid-template-columns:1fr;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b2ec729 *//* =====================================
CRIMSONLOOM SERVICES CSS
===================================== */
.cl-services{
background:#111111;
padding:120px 8%;
}
.cl-services-header{
text-align:center;
max-width:750px;
margin:auto auto 70px;
}
.cl-services-header span{
color:#C38B95;
letter-spacing:5px;
font-size:13px;
}
.cl-services-header h2{
color:white;
font-family:
"Cormorant Garamond",
serif;
font-size:65px;
line-height:1.1;
margin:25px 0;
}
.cl-services-header h2 strong{
display:block;
color:#8B1E32;
}
.cl-services-header p{
color:#cccccc;
font-size:17px;
line-height:1.8;
}
/* SERVICES GRID */
.cl-services-grid{
display:grid;
grid-template-columns:
repeat(4,1fr);
gap:25px;
}
.cl-service-card{
background:#080808;
padding:45px 30px;
border:
1px solid rgba(255,255,255,.08);
transition:.4s;
}
.cl-service-card:hover{
transform:translateY(-12px);
border-color:#8B1E32;
}
.cl-service-icon{
height:65px;
width:65px;
display:flex;
align-items:center;
justify-content:center;
background:#8B1E32;
border-radius:50%;
color:white;
font-size:28px;
margin-bottom:25px;
}
.cl-service-card h3{
color:white;
font-family:
"Cormorant Garamond",
serif;
font-size:32px;
margin-bottom:15px;
}
.cl-service-card p{
color:#bbbbbb;
line-height:1.8;
font-size:14px;
margin-bottom:25px;
}
.cl-service-card a{
color:#D3A2AB;
text-decoration:none;
font-size:14px;
letter-spacing:1px;
}
.cl-service-card a:hover{
color:white;
}
/* RESPONSIVE */
@media(max-width:1100px){
.cl-services-grid{
grid-template-columns:
repeat(2,1fr);
}
}
@media(max-width:650px){
.cl-services-grid{
grid-template-columns:1fr;
}
.cl-services-header h2{
font-size:48px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a93dd95 *//* =====================================
NEW ARRIVALS CSS
===================================== */
.cl-arrivals{
background:#080808;
padding:120px 8%;
}
.cl-arrivals-header{
text-align:center;
max-width:750px;
margin:auto auto 70px;
}
.cl-arrivals-header span{
color:#C38B95;
letter-spacing:5px;
font-size:13px;
}
.cl-arrivals-header h2{
color:white;
font-family:
"Cormorant Garamond",
serif;
font-size:65px;
margin:25px 0;
}
.cl-arrivals-header h2 strong{
display:block;
color:#8B1E32;
}
.cl-arrivals-header p{
color:#cccccc;
font-size:17px;
line-height:1.8;
}
/* PRODUCT GRID */
.cl-product-grid{
display:grid;
grid-template-columns:
repeat(4,1fr);
gap:25px;
}
.cl-product-card{
background:#111111;
overflow:hidden;
}
.cl-product-image{
height:420px;
position:relative;
overflow:hidden;
}
.cl-product-image img{
width:100%;
height:100%;
object-fit:cover;
transition:.7s;
}
.cl-product-card:hover img{
transform:scale(1.08);
}
.cl-product-image span{
position:absolute;
top:20px;
left:20px;
background:#8B1E32;
color:white;
padding:7px 15px;
font-size:11px;
letter-spacing:2px;
}
.cl-product-image button{
position:absolute;
right:20px;
top:20px;
height:40px;
width:40px;
border-radius:50%;
border:none;
background:white;
cursor:pointer;
}
.cl-product-info{
padding:25px;
}
.cl-product-info h3{
color:white;
font-family:
"Cormorant Garamond",
serif;
font-size:30px;
}
.cl-product-info p{
color:#999;
margin:10px 0;
}
.cl-price{
color:#D4A0AA;
font-size:20px;
margin-bottom:20px;
}
.cl-product-info a{
color:white;
text-decoration:none;
border-bottom:1px solid #8B1E32;
padding-bottom:5px;
}
.cl-all-products{
display:block;
width:max-content;
margin:60px auto 0;
background:#8B1E32;
padding:16px 45px;
border-radius:50px;
color:white;
text-decoration:none;
}
.cl-all-products:hover{
background:white;
color:#8B1E32;
}
/* RESPONSIVE */
@media(max-width:1100px){
.cl-product-grid{
grid-template-columns:
repeat(2,1fr);
}
}
@media(max-width:650px){
.cl-product-grid{
grid-template-columns:1fr;
}
.cl-arrivals-header h2{
font-size:48px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-22b89e6 *//* =====================================
CRAFT PROCESS CSS
===================================== */
.cl-process{
background:#111111;
padding:120px 8%;
}
.cl-process-header{
text-align:center;
max-width:750px;
margin:auto auto 80px;
}
.cl-process-header span{
color:#C38B95;
letter-spacing:5px;
font-size:13px;
}
.cl-process-header h2{
color:white;
font-family:
"Cormorant Garamond",
serif;
font-size:70px;
line-height:1.1;
margin:25px 0;
}
.cl-process-header h2 strong{
display:block;
color:#8B1E32;
}
.cl-process-header p{
color:#cccccc;
font-size:17px;
line-height:1.8;
}
/* PROCESS GRID */
.cl-process-wrapper{
display:grid;
grid-template-columns:
repeat(4,1fr);
gap:25px;
}
.cl-process-card{
background:#080808;
padding:45px 30px;
position:relative;
border:
1px solid rgba(255,255,255,.08);
transition:.4s;
}
.cl-process-card:hover{
transform:translateY(-10px);
border-color:#8B1E32;
}
.cl-process-number{
font-family:
"Cormorant Garamond",
serif;
font-size:70px;
color:#8B1E32;
opacity:.8;
margin-bottom:20px;
}
.cl-process-card h3{
color:white;
font-family:
"Cormorant Garamond",
serif;
font-size:35px;
margin-bottom:15px;
}
.cl-process-card p{
color:#bbbbbb;
font-size:14px;
line-height:1.8;
}
/* RESPONSIVE */
@media(max-width:1100px){
.cl-process-wrapper{
grid-template-columns:
repeat(2,1fr);
}
}
@media(max-width:650px){
.cl-process-wrapper{
grid-template-columns:1fr;
}
.cl-process-header h2{
font-size:50px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e16d42e *//* =====================================
VIP CLUB SECTION CSS
===================================== */
.cl-vip{
background:#080808;
padding:120px 8%;
}
.cl-vip-container{
display:grid;
grid-template-columns:
1fr 1fr;
gap:70px;
align-items:center;
}
/* CONTENT */
.cl-vip-content span{
color:#D2A0AA;
letter-spacing:5px;
font-size:13px;
}
.cl-vip-content h2{
color:white;
font-family:
"Cormorant Garamond",
serif;
font-size:70px;
line-height:1.1;
margin:25px 0;
}
.cl-vip-content h2 strong{
display:block;
color:#8B1E32;
}
.cl-vip-content>p{
color:#cccccc;
font-size:17px;
line-height:1.8;
margin-bottom:40px;
}
/* BENEFITS */
.cl-vip-benefits{
display:flex;
gap:25px;
margin-bottom:45px;
}
.cl-vip-benefits div{
border-left:
2px solid #8B1E32;
padding-left:15px;
}
.cl-vip-benefits h3{
color:white;
font-size:18px;
margin-bottom:10px;
}
.cl-vip-benefits p{
color:#999;
font-size:13px;
line-height:1.6;
}
/* BUTTON */
.cl-vip-btn{
display:inline-block;
background:#8B1E32;
color:white;
text-decoration:none;
padding:17px 45px;
border-radius:50px;
transition:.3s;
}
.cl-vip-btn:hover{
background:white;
color:#8B1E32;
}
/* IMAGE */
.cl-vip-image{
position:relative;
}
.cl-vip-image img{
width:100%;
height:650px;
object-fit:cover;
}
.cl-vip-image::after{
content:"";
position:absolute;
inset:0;
border:
1px solid rgba(255,255,255,.2);
transform:translate(20px,20px);
}
/* RESPONSIVE */
@media(max-width:900px){
.cl-vip-container{
grid-template-columns:1fr;
}
.cl-vip-content h2{
font-size:50px;
}
.cl-vip-benefits{
flex-direction:column;
}
.cl-vip-image img{
height:500px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b11e8f7 *//* =====================================
FASHION JOURNAL CSS
===================================== */
.cl-journal{
background:#111111;
padding:120px 8%;
}
.cl-journal-header{
text-align:center;
max-width:750px;
margin:auto auto 70px;
}
.cl-journal-header span{
color:#C38B95;
letter-spacing:5px;
font-size:13px;
}
.cl-journal-header h2{
color:white;
font-family:
"Cormorant Garamond",
serif;
font-size:65px;
margin:25px 0;
}
.cl-journal-header h2 strong{
display:block;
color:#8B1E32;
}
.cl-journal-header p{
color:#cccccc;
font-size:17px;
line-height:1.8;
}
/* BLOG GRID */
.cl-journal-grid{
display:grid;
grid-template-columns:
repeat(3,1fr);
gap:30px;
}
.cl-journal-card{
background:#080808;
overflow:hidden;
border:
1px solid rgba(255,255,255,.08);
transition:.4s;
}
.cl-journal-card:hover{
transform:translateY(-10px);
border-color:#8B1E32;
}
/* IMAGE */
.cl-journal-image{
height:350px;
overflow:hidden;
}
.cl-journal-image img{
width:100%;
height:100%;
object-fit:cover;
transition:.7s;
}
.cl-journal-card:hover img{
transform:scale(1.08);
}
/* CONTENT */
.cl-journal-content{
padding:35px;
}
.cl-journal-content span{
color:#C38B95;
letter-spacing:2px;
font-size:12px;
}
.cl-journal-content h3{
color:white;
font-family:
"Cormorant Garamond",
serif;
font-size:32px;
line-height:1.2;
margin:18px 0;
}
.cl-journal-content p{
color:#aaaaaa;
line-height:1.8;
font-size:14px;
margin-bottom:25px;
}
.cl-journal-content a{
color:white;
text-decoration:none;
border-bottom:
1px solid #8B1E32;
padding-bottom:6px;
}
/* RESPONSIVE */
@media(max-width:1000px){
.cl-journal-grid{
grid-template-columns:
repeat(2,1fr);
}
}
@media(max-width:650px){
.cl-journal-grid{
grid-template-columns:1fr;
}
.cl-journal-header h2{
font-size:48px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3526b76 *//* =====================================
SHOPPING GUARANTEE CSS
===================================== */
.cl-guarantee{
background:#080808;
padding:100px 8%;
}
.cl-guarantee-header{
text-align:center;
max-width:750px;
margin:auto auto 70px;
}
.cl-guarantee-header span{
color:#C38B95;
letter-spacing:5px;
font-size:13px;
}
.cl-guarantee-header h2{
color:white;
font-family:
"Cormorant Garamond",
serif;
font-size:65px;
line-height:1.1;
margin:25px 0;
}
.cl-guarantee-header h2 strong{
display:block;
color:#8B1E32;
}
.cl-guarantee-header p{
color:#cccccc;
font-size:17px;
line-height:1.8;
}
/* GRID */
.cl-guarantee-grid{
display:grid;
grid-template-columns:
repeat(4,1fr);
gap:25px;
}
.cl-guarantee-card{
background:#111111;
padding:40px 25px;
text-align:center;
border:
1px solid rgba(255,255,255,.08);
transition:.4s;
}
.cl-guarantee-card:hover{
transform:translateY(-10px);
border-color:#8B1E32;
}
.cl-guarantee-icon{
width:70px;
height:70px;
margin:0 auto 25px;
display:flex;
justify-content:center;
align-items:center;
background:#8B1E32;
border-radius:50%;
color:white;
font-size:28px;
}
.cl-guarantee-card h3{
color:white;
font-family:
"Cormorant Garamond",
serif;
font-size:30px;
margin-bottom:15px;
}
.cl-guarantee-card p{
color:#aaaaaa;
font-size:14px;
line-height:1.8;
}
/* RESPONSIVE */
@media(max-width:1100px){
.cl-guarantee-grid{
grid-template-columns:
repeat(2,1fr);
}
}
@media(max-width:650px){
.cl-guarantee-grid{
grid-template-columns:1fr;
}
.cl-guarantee-header h2{
font-size:48px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-76bd6d8 *//* =====================================
CINEMATIC VIDEO SECTION CSS
===================================== */
.cl-video-section{
height:750px;
position:relative;
background-image:url("https://crimsonloom.com/wp-content/uploads/2026/07/pexels-tima-miroshnichenko-7202900-scaled.jpg");
background-size:cover;
background-position:center;
display:flex;
justify-content:center;
align-items:center;
text-align:center;
}
.cl-video-overlay{
position:absolute;
inset:0;
background:
linear-gradient(
rgba(0,0,0,.75),
rgba(0,0,0,.85)
);
}
.cl-video-content{
position:relative;
z-index:2;
max-width:850px;
}
.cl-video-content span{
color:#D2A0AA;
letter-spacing:5px;
font-size:13px;
}
.cl-video-content h2{
color:white;
font-family:
"Cormorant Garamond",
serif;
font-size:85px;
line-height:1.05;
margin:30px 0;
}
.cl-video-content h2 strong{
display:block;
color:#8B1E32;
}
.cl-video-content p{
color:#dddddd;
font-size:18px;
line-height:1.8;
max-width:600px;
margin:auto;
}
/* PLAY BUTTON */
.cl-play-btn{
width:90px;
height:90px;
border-radius:50%;
background:#8B1E32;
color:white;
display:flex;
align-items:center;
justify-content:center;
font-size:30px;
margin:45px auto 30px;
cursor:pointer;
transition:.4s;
}
.cl-play-btn:hover{
transform:scale(1.1);
background:white;
color:#8B1E32;
}
/* BUTTON */
.cl-video-btn{
display:inline-block;
color:white;
text-decoration:none;
border:
1px solid white;
padding:16px 40px;
border-radius:50px;
transition:.3s;
}
.cl-video-btn:hover{
background:white;
color:black;
}
/* RESPONSIVE */
@media(max-width:768px){
.cl-video-section{
height:600px;
}
.cl-video-content h2{
font-size:52px;
}
.cl-video-content p{
font-size:16px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c9922e4 *//* =====================================
LIMITED COLLECTION CSS
===================================== */
.cl-limited{
background:#080808;
padding:120px 8%;
}
.cl-limited-container{
display:grid;
grid-template-columns:
1fr 1fr;
gap:80px;
align-items:center;
}
/* IMAGE */
.cl-limited-image{
position:relative;
}
.cl-limited-image img{
width:100%;
height:650px;
object-fit:cover;
}
.cl-limited-image::after{
content:"";
position:absolute;
inset:20px;
border:
1px solid rgba(255,255,255,.3);
}
/* CONTENT */
.cl-limited-content span{
color:#D2A0AA;
letter-spacing:5px;
font-size:13px;
}
.cl-limited-content h2{
color:white;
font-family:
"Cormorant Garamond",
serif;
font-size:70px;
line-height:1.1;
margin:25px 0;
}
.cl-limited-content h2 strong{
display:block;
color:#8B1E32;
}
.cl-limited-content p{
color:#cccccc;
font-size:17px;
line-height:1.8;
margin-bottom:40px;
}
/* COUNTDOWN */
.cl-countdown{
display:flex;
gap:20px;
margin-bottom:45px;
}
.cl-countdown div{
background:#111111;
padding:20px 25px;
text-align:center;
border:
1px solid rgba(255,255,255,.1);
}
.cl-countdown h3{
color:white;
font-family:
"Cormorant Garamond",
serif;
font-size:45px;
}
.cl-countdown span{
color:#C38B95;
font-size:12px;
}
/* BUTTON */
.cl-limited-btn{
display:inline-block;
background:#8B1E32;
color:white;
text-decoration:none;
padding:17px 45px;
border-radius:50px;
transition:.3s;
}
.cl-limited-btn:hover{
background:white;
color:#8B1E32;
}
/* RESPONSIVE */
@media(max-width:900px){
.cl-limited-container{
grid-template-columns:1fr;
}
.cl-limited-content h2{
font-size:50px;
}
.cl-limited-image img{
height:500px;
}
.cl-countdown{
flex-wrap:wrap;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6306590 *//* =====================================
STYLE INSPIRATION CSS
===================================== */
.cl-inspiration{
background:#111111;
padding:120px 8%;
}
.cl-inspiration-header{
text-align:center;
max-width:750px;
margin:auto auto 70px;
}
.cl-inspiration-header span{
color:#C38B95;
letter-spacing:5px;
font-size:13px;
}
.cl-inspiration-header h2{
color:white;
font-family:
"Cormorant Garamond",
serif;
font-size:70px;
line-height:1.1;
margin:25px 0;
}
.cl-inspiration-header h2 strong{
display:block;
color:#8B1E32;
}
.cl-inspiration-header p{
color:#cccccc;
font-size:17px;
line-height:1.8;
}
/* GRID */
.cl-inspiration-grid{
display:grid;
grid-template-columns:
repeat(3,1fr);
gap:30px;
}
.cl-look-card{
position:relative;
height:600px;
overflow:hidden;
}
.cl-look-card img{
width:100%;
height:100%;
object-fit:cover;
transition:.7s;
}
.cl-look-card:hover img{
transform:scale(1.08);
}
/* OVERLAY */
.cl-look-card::after{
content:"";
position:absolute;
inset:0;
background:
linear-gradient(
transparent,
rgba(0,0,0,.9)
);
}
.cl-look-content{
position:absolute;
bottom:40px;
left:35px;
right:35px;
z-index:2;
}
.cl-look-content h3{
color:white;
font-family:
"Cormorant Garamond",
serif;
font-size:38px;
}
.cl-look-content p{
color:#dddddd;
margin:15px 0 25px;
}
.cl-look-content a{
color:white;
text-decoration:none;
border-bottom:
1px solid #8B1E32;
padding-bottom:5px;
}
/* RESPONSIVE */
@media(max-width:1000px){
.cl-inspiration-grid{
grid-template-columns:
repeat(2,1fr);
}
}
@media(max-width:650px){
.cl-inspiration-grid{
grid-template-columns:1fr;
}
.cl-inspiration-header h2{
font-size:50px;
}
.cl-look-card{
height:500px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-27dec13 *//* =====================================
CUSTOMER STORIES CSS
===================================== */
.cl-community{
background:#080808;
padding:120px 8%;
}
.cl-community-header{
text-align:center;
max-width:750px;
margin:auto auto 70px;
}
.cl-community-header span{
color:#C38B95;
letter-spacing:5px;
font-size:13px;
}
.cl-community-header h2{
color:white;
font-family:
"Cormorant Garamond",
serif;
font-size:70px;
line-height:1.1;
margin:25px 0;
}
.cl-community-header h2 strong{
display:block;
color:#8B1E32;
}
.cl-community-header p{
color:#cccccc;
font-size:17px;
line-height:1.8;
}
/* REVIEW GRID */
.cl-community-grid{
display:grid;
grid-template-columns:
repeat(3,1fr);
gap:30px;
}
.cl-review-card{
background:#111111;
padding:40px;
border:
1px solid rgba(255,255,255,.08);
transition:.4s;
}
.cl-review-card:hover{
transform:translateY(-10px);
border-color:#8B1E32;
}
.cl-stars{
color:#B11226;
font-size:20px;
letter-spacing:5px;
margin-bottom:25px;
}
.cl-review-card>p{
color:#dddddd;
font-size:16px;
line-height:1.9;
font-style:italic;
margin-bottom:35px;
}
/* USER */
.cl-review-user{
display:flex;
align-items:center;
gap:15px;
}
.cl-avatar{
height:55px;
width:55px;
border-radius:50%;
background:#8B1E32;
color:white;
display:flex;
justify-content:center;
align-items:center;
font-size:22px;
}
.cl-review-user h4{
color:white;
margin-bottom:5px;
font-family:
"Cormorant Garamond",
serif;
font-size:24px;
}
.cl-review-user span{
color:#999;
font-size:13px;
}
/* RESPONSIVE */
@media(max-width:1000px){
.cl-community-grid{
grid-template-columns:
repeat(2,1fr);
}
}
@media(max-width:650px){
.cl-community-grid{
grid-template-columns:1fr;
}
.cl-community-header h2{
font-size:50px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94a5db1 *//* ==========================
FEATURED IN SECTION
========================== */
.featured-section{
background:#0d0d0d;
padding:110px 8%;
text-align:center;
}
.featured-heading{
max-width:760px;
margin:auto;
}
.featured-heading span{
color:#c79b9b;
letter-spacing:4px;
font-size:13px;
}
.featured-heading h2{
color:#fff;
font-size:64px;
margin:20px 0;
font-family:"Cormorant Garamond",serif;
}
.featured-heading strong{
color:#8B1E32;
}
.featured-heading p{
color:#cfcfcf;
line-height:1.8;
margin-bottom:60px;
}
.featured-logos{
display:grid;
grid-template-columns:repeat(5,1fr);
gap:25px;
}
.logo-card{
padding:35px;
border:1px solid rgba(255,255,255,.08);
background:#151515;
color:#fff;
font-size:22px;
letter-spacing:3px;
transition:.35s;
font-family:"Cormorant Garamond",serif;
}
.logo-card:hover{
border-color:#8B1E32;
transform:translateY(-8px);
color:#c79b9b;
}
@media(max-width:992px){
.featured-logos{
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:600px){
.featured-heading h2{
font-size:46px;
}
.featured-logos{
grid-template-columns:1fr;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-13ce5c2 *//* ===========================
ANNOUNCEMENT BAR
============================ */
.cl-announcement{
background:#8B1E32;
color:#fff;
overflow:hidden;
white-space:nowrap;
padding:14px 0;
border-bottom:1px solid rgba(255,255,255,.15);
}
.cl-announcement-track{
overflow:hidden;
}
.cl-announcement-content{
display:inline-flex;
gap:70px;
animation:marquee 28s linear infinite;
font-size:14px;
letter-spacing:1px;
font-weight:500;
}
.cl-announcement-content span{
display:flex;
align-items:center;
}
@keyframes marquee{
from{
transform:translateX(0);
}
to{
transform:translateX(-50%);
}
}
.cl-announcement:hover .cl-announcement-content{
animation-play-state:paused;
}
@media(max-width:768px){
.cl-announcement{
padding:12px 0;
}
.cl-announcement-content{
font-size:12px;
gap:40px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-92d279b *//* ==========================================
LUXURY PROMISE STRIP
========================================== */
.cl-promise-strip{
background:#111;
padding:70px 8%;
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
border-top:1px solid rgba(255,255,255,.08);
border-bottom:1px solid rgba(255,255,255,.08);
}
.cl-promise-item{
text-align:center;
padding:25px;
transition:.35s;
}
.cl-promise-item:hover{
transform:translateY(-8px);
}
.cl-promise-item .icon{
width:70px;
height:70px;
margin:auto;
margin-bottom:20px;
border-radius:50%;
background:#8B1E32;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
font-size:30px;
}
.cl-promise-item h4{
color:#fff;
font-size:24px;
margin-bottom:12px;
font-family:"Cormorant Garamond", serif;
}
.cl-promise-item p{
color:#bfbfbf;
line-height:1.7;
font-size:15px;
}
@media(max-width:991px){
.cl-promise-strip{
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:576px){
.cl-promise-strip{
grid-template-columns:1fr;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bc297b5 *//* ==========================================
FEATURED CATEGORIES
========================================== */
.cl-featured-categories{
padding:120px 8%;
background:#090909;
}
.section-title{
max-width:720px;
text-align:center;
margin:0 auto 70px;
}
.section-title span{
color:#b86a78;
letter-spacing:4px;
font-size:13px;
}
.section-title h2{
color:#fff;
font-size:64px;
margin:20px 0;
font-family:"Cormorant Garamond",serif;
}
.section-title p{
color:#bdbdbd;
line-height:1.8;
}
.category-grid{
display:grid;
grid-template-columns:2fr 1fr 1fr;
gap:25px;
}
.category-card{
position:relative;
overflow:hidden;
min-height:520px;
text-decoration:none;
}
.category-card.large{
min-height:520px;
}
.category-card img{
width:100%;
height:100%;
object-fit:cover;
transition:.7s;
}
.category-card:hover img{
transform:scale(1.08);
}
.overlay{
position:absolute;
inset:0;
display:flex;
flex-direction:column;
justify-content:flex-end;
padding:40px;
background:linear-gradient(transparent,rgba(0,0,0,.9));
}
.overlay h3{
color:#fff;
font-size:40px;
font-family:"Cormorant Garamond",serif;
margin-bottom:12px;
}
.overlay span{
color:#d5b1b8;
letter-spacing:2px;
}
@media(max-width:992px){
.category-grid{
grid-template-columns:1fr;
}
.category-card{
min-height:420px;
}
.section-title h2{
font-size:46px;
}
}/* End custom CSS */