/* =========================
   HEADER
========================= */

.logo img{
width:220px;
height:auto;
display:block;
}

@media(max-width:768px){

.logo img{
width:150px;
}

}

.main-header{
width:100%;
background:#ffffff;
padding:24px 0;
border-bottom:1px solid #ececec;
position:sticky;
top:0;
z-index:999;
}

.container{
width:90%;
max-width:1400px;
margin:auto;
}

.header-flex{
display:flex;
align-items:center;
justify-content:space-between;
gap:50px;
}

/* =========================
   LOGO
========================= */

.logo a{
text-decoration:none;
font-size:32px;
font-weight:700;
color:#111;
font-family:'Poppins',sans-serif;
letter-spacing:-1px;
}

/* =========================
   NAVIGATION
========================= */

.main-nav{
display:flex;
align-items:center;
flex:1;
justify-content:center;
}

.main-nav .nav-menu{
display:flex;
align-items:center;
gap:28px;
list-style:none;
margin:0;
padding:0;
}

.main-nav .nav-menu li{
list-style:none;
}

.main-nav .nav-menu li a{
text-decoration:none;
font-size:15px;
font-weight:500;
font-family:'Poppins',sans-serif;
color:#111;
transition:0.3s;
white-space:nowrap;
}

.main-nav .nav-menu li a:hover{
opacity:0.7;
}

/* =========================
   BUTTONS
========================= */

.header-buttons{
display:flex;
align-items:center;
gap:15px;
}

.whatsapp-btn{
padding:14px 28px;
border:1px solid #111;
border-radius:50px;
text-decoration:none;
color:#111;
font-size:15px;
font-weight:600;
font-family:'Poppins',sans-serif;
transition:0.3s;
}

.whatsapp-btn:hover{
background:#111;
color:#fff;
}

.quote-btn{
padding:14px 30px;
background:#111;
color:#fff;
border-radius:50px;
text-decoration:none;
font-size:15px;
font-weight:600;
font-family:'Poppins',sans-serif;
transition:0.3s;
}

.quote-btn:hover{
background:#333;
transform:translateY(-2px);
}

/* =========================
   HERO SECTION
========================= */

.hero{
min-height:100vh;
display:flex;
align-items:center;
background:#f5f1eb;
padding:120px 0;
}

.hero-content{
max-width:850px;
}

.hero h1{
font-size:82px;
line-height:0.95;
font-weight:800;
letter-spacing:-5px;
margin-bottom:30px;
font-family:'Poppins',sans-serif;
color:#111;
}

.hero p{
font-size:22px;
line-height:1.7;
max-width:650px;
margin-bottom:45px;
color:#444;
font-family:'Poppins',sans-serif;
}

.hero-btn{
display:inline-flex;
align-items:center;
justify-content:center;
padding:18px 40px;
background:#111;
color:#fff;
border-radius:60px;
text-decoration:none;
font-size:17px;
font-weight:600;
font-family:'Poppins',sans-serif;
transition:0.3s;
}

.hero-btn:hover{
background:#333;
transform:translateY(-3px);
}

/* =========================
   RESPONSIVE
========================= */

@media(max-width:992px){


.header-buttons{
display:none;
}

.hero h1{
font-size:56px;
letter-spacing:-2px;
}

.hero p{
font-size:18px;
}

}

/* =========================
   GLOBAL FIX
========================= */

*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
overflow-x:hidden;
}

/* =========================
   RESPONSIVE HEADER
========================= */

@media(max-width:1200px){

.main-nav .nav-menu{
gap:25px;
}

.main-nav .nav-menu li a{
font-size:14px;
}

.logo a{
font-size:26px;
}

}

/* =========================
   TABLET
========================= */

@media(max-width:992px){

.header-flex{
justify-content:space-between;
}



.header-buttons{
display:none;
}

.logo{
width:100%;
}

.logo a{
font-size:28px;
line-height:1.2;
display:block;
max-width:240px;
}

.hero{
padding:80px 0;
min-height:auto;
}

.hero-content{
max-width:100%;
}

.hero h1{
font-size:58px;
line-height:1;
letter-spacing:-2px;
max-width:100%;
word-break:break-word;
}

.hero p{
font-size:18px;
line-height:1.6;
max-width:100%;
}

}

/* =========================
   MOBILE
========================= */

@media(max-width:768px){

.container{
width:92%;
}

.main-header{
padding:18px 0;
}

.logo a{
font-size:24px;
max-width:180px;
}

.hero{
padding:60px 0;
}

.hero h1{
font-size:42px;
line-height:1;
letter-spacing:-1px;
margin-bottom:20px;
}

.hero p{
font-size:16px;
margin-bottom:30px;
}

.hero-btn{
padding:16px 28px;
font-size:15px;
}

}

/* =========================
   SMALL MOBILE
========================= */

@media(max-width:480px){

.hero h1{
font-size:34px;
}

.logo a{
font-size:20px;
}

}

/* =========================
MOBILE HEADER
========================= */

.mobile-toggle{
display:none;
font-size:32px;
cursor:pointer;
font-weight:700;
}

@media(max-width:768px){

header{
padding:18px 0;
position:relative;
background:#fff;
z-index:9999;
}

.header-wrapper{
display:flex;
justify-content:space-between;
align-items:center;
}

.logo{
font-size:22px;
line-height:1.2;
max-width:180px;
}

.mobile-toggle{
display:block;
}




.nav-menu li{
width:100%;
}

.nav-menu a{
font-size:20px;
font-weight:600;
color:#111;
display:block;
width:100%;
}

.header-buttons{
display:none;
}

.hero{
padding-top:120px;
}

.hero-grid{
grid-template-columns:1fr;
gap:40px;
}

.hero-content h1{
font-size:52px;
line-height:1;
}

.hero-content p{
font-size:20px;
line-height:1.7;
}

.hero-buttons{
flex-direction:column;
align-items:flex-start;
gap:20px;
}

.hero-image img{
height:420px;
border-radius:25px;
}

.section-padding{
padding:80px 0;
}

.section-head h2{
font-size:40px;
line-height:1.1;
}

.products-grid,
.service-grid,
.manufacturing-grid,
.pricing-grid,
.gallery-grid,
.blog-grid,
.faq-grid,
.footer-grid{
grid-template-columns:1fr;
gap:25px;
}

.product-card img,
.gallery-card img,
.blog-card img{
height:320px;
}

.contact-grid,
.about-grid{
grid-template-columns:1fr;
gap:40px;
}

.contact-form-box,
.about-image img{
border-radius:25px;
}

.primary-btn,
.secondary-btn{
width:100%;
text-align:center;
justify-content:center;
}

}

/* OVERLAY */

.mobile-overlay{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.5);
opacity:0;
visibility:hidden;
transition:0.3s;
z-index:9999;
}

.mobile-overlay.active{
opacity:1;
visibility:visible;
}

/* =========================
HEADER FIX
========================= */

.main-header{
background:#fff;
border-bottom:1px solid #e5e5e5;
position:sticky;
top:0;
z-index:9999;
}

.header-flex{
display:flex;
align-items:center;
justify-content:space-between;
padding:22px 0;
gap:40px;
}

.logo a{
font-size:28px;
font-weight:800;
line-height:1.1;
color:#111;
text-decoration:none;
display:block;
}

.main-nav{
display:flex;
align-items:center;
gap:40px;
}

.nav-menu{
display:flex;
align-items:center;
gap:40px;
list-style:none;
margin:0;
padding:0;
}

.nav-menu li{
list-style:none;
}

.nav-menu a{
font-size:18px;
font-weight:500;
color:#111;
text-decoration:none;
transition:0.3s;
}

.nav-menu a:hover{
color:#c8a97e;
}

.header-buttons{
display:flex;
align-items:center;
gap:20px;
}

.whatsapp-btn{
padding:18px 38px;
border:1.5px solid #111;
border-radius:60px;
font-size:18px;
font-weight:600;
color:#111;
text-decoration:none;
display:inline-flex;
align-items:center;
justify-content:center;
transition:0.3s;
background:#fff;
}

.whatsapp-btn:hover{
background:#111;
color:#fff;
}

.quote-btn{
padding:18px 38px;
background:#111;
border-radius:60px;
font-size:18px;
font-weight:600;
color:#fff;
text-decoration:none;
display:inline-flex;
align-items:center;
justify-content:center;
transition:0.3s;
}

.quote-btn:hover{
background:#c8a97e;
color:#111;
}

/* MOBILE BUTTON */

.mobile-menu-btn{
display:none;
width:45px;
height:45px;
flex-direction:column;
justify-content:center;
gap:6px;
cursor:pointer;
}

.mobile-menu-btn span{
width:100%;
height:3px;
background:#111;
border-radius:10px;
transition:0.3s;
}

/* MOBILE OVERLAY */

/* MOBILE NAV FIX */

@media (max-width:992px){

.mobile-menu-btn{
display:flex !important;
width:40px;
height:40px;
flex-direction:column;
justify-content:center;
gap:6px;
cursor:pointer;
z-index:999999;
}

.mobile-menu-btn span{
display:block;
width:30px;
height:3px;
background:#111;
border-radius:10px;
}

.main-nav{
position:fixed !important;
top:90px;
left:-100%;
width:100%;
height:100vh;
background:#fff;
z-index:99999;
transition:0.3s;
padding:40px 25px;
}

.main-nav.active{
left:0;
}

.main-nav .nav-menu{
display:flex !important;
flex-direction:column !important;
gap:20px;
}

.main-nav .nav-menu li a{
font-size:20px;
font-weight:600;
color:#111;
}

.header-buttons{
display:none !important;
}

}
.mobile-overlay{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.5);
opacity:0;
visibility:hidden;
transition:0.3s;
z-index:9998;
}

.mobile-overlay.active{
opacity:1;
visibility:visible;
}

/* MOBILE BUTTONS INSIDE MENU */

.mobile-buttons{
display:none;
}

/* =========================
MOBILE
========================= */

   /* =========================
MOBILE MENU FIX
========================= */

@media(max-width:768px){

.header-flex{
padding:18px 0;
}

.logo a{
font-size:22px;
line-height:1.2;
}

.mobile-menu-btn{
display:flex;
flex-direction:column;
justify-content:center;
gap:6px;
cursor:pointer;
z-index:999999;
width:40px;
height:40px;
}

.mobile-menu-btn span{
width:100%;
height:3px;
background:#111;
border-radius:20px;
display:block;
}

.header-buttons{
display:none;
}

.main-nav{
position:fixed;
top:0;
right:-100%;
width:300px;
height:100vh;
background:#fff;
padding:120px 30px 40px;
transition:0.4s ease;
z-index:99999;
overflow-y:auto;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-start;
}

.main-nav.active{
right:0;
}

.nav-menu{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:24px;
width:100%;
padding:0;
margin:0;
list-style:none;
}

.nav-menu li{
width:100%;
}

.nav-menu li a{
font-size:22px;
font-weight:600;
color:#111;
text-decoration:none;
display:block;
width:100%;
}

.mobile-buttons{
display:flex;
flex-direction:column;
gap:16px;
margin-top:40px;
width:100%;
}

.mobile-buttons .whatsapp-btn,
.mobile-buttons .quote-btn{
width:100%;
justify-content:center;
text-align:center;
padding:16px 20px;
}

.mobile-overlay{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.5);
opacity:0;
visibility:hidden;
transition:0.3s;
z-index:9999;
}

.mobile-overlay.active{
opacity:1;
visibility:visible;
}

}




/* =========================
   FOOTER
========================= */

.footer-logo img{
width:280px;
height:auto;
display:block;
margin-bottom:25px;
}

@media(max-width:768px){

.footer-logo img{
width:180px;
}

}

.main-footer{
background:#111;
padding:100px 0 40px;
color:#fff;
margin-top:0;
}

.footer-grid{
display:grid;
grid-template-columns:2fr 1fr 1fr 1.2fr;
gap:60px;
}

.footer-logo{
font-size:34px;
font-weight:700;
margin-bottom:25px;
font-family:'Poppins',sans-serif;
line-height:1.2;
}

.footer-text{
font-size:16px;
line-height:1.8;
color:#bdbdbd;
max-width:400px;
font-family:'Poppins',sans-serif;
}

.footer-title{
font-size:20px;
font-weight:600;
margin-bottom:25px;
font-family:'Poppins',sans-serif;
}

.footer-links{
list-style:none;
padding:0;
margin:0;
}

.footer-links li{
margin-bottom:16px;
}

.footer-links li a{
text-decoration:none;
color:#bdbdbd;
font-size:15px;
font-family:'Poppins',sans-serif;
transition:0.3s;
}

.footer-links li a:hover{
color:#fff;
}

.footer-contact{
list-style:none;
padding:0;
margin:0 0 30px;
}

.footer-contact li{
margin-bottom:16px;
font-size:15px;
line-height:1.7;
color:#bdbdbd;
font-family:'Poppins',sans-serif;
}

.footer-buttons{
display:flex;
gap:15px;
}

.footer-btn-dark{
display:inline-flex;
align-items:center;
justify-content:center;
padding:14px 30px;
background:#fff;
color:#111;
border-radius:60px;
text-decoration:none;
font-size:15px;
font-weight:600;
font-family:'Poppins',sans-serif;
transition:0.3s;
}

.footer-btn-dark:hover{
background:#eaeaea;
transform:translateY(-2px);
}

.footer-bottom{
margin-top:80px;
padding-top:30px;
border-top:1px solid rgba(255,255,255,0.1);
display:flex;
justify-content:space-between;
align-items:center;
flex-wrap:wrap;
gap:20px;
}

.footer-bottom p{
font-size:14px;
color:#888;
font-family:'Poppins',sans-serif;
}

/* =========================
   FOOTER RESPONSIVE
========================= */

@media(max-width:992px){

.footer-grid{
grid-template-columns:1fr 1fr;
gap:40px;
}

}

@media(max-width:768px){

.main-footer{
padding:70px 0 30px;
}

.footer-grid{
grid-template-columns:1fr;
gap:40px;
}

.footer-logo{
font-size:28px;
}

.footer-bottom{
flex-direction:column;
align-items:flex-start;
}

}

/* =========================
   FOOTER
========================= */

.main-footer{
background:#111;
padding:100px 0 40px;
color:#fff;
margin-top:0;
}

.footer-grid{
display:grid;
grid-template-columns:2fr 1fr 1fr 1.2fr;
gap:60px;
}

.footer-logo{
font-size:34px;
font-weight:700;
margin-bottom:25px;
font-family:'Poppins',sans-serif;
line-height:1.2;
}

.footer-text{
font-size:16px;
line-height:1.8;
color:#bdbdbd;
max-width:400px;
font-family:'Poppins',sans-serif;
}

.footer-title{
font-size:20px;
font-weight:600;
margin-bottom:25px;
font-family:'Poppins',sans-serif;
}

.footer-links{
list-style:none;
padding:0;
margin:0;
}

.footer-links li{
margin-bottom:16px;
}

.footer-links li a{
text-decoration:none;
color:#bdbdbd;
font-size:15px;
font-family:'Poppins',sans-serif;
transition:0.3s;
}

.footer-links li a:hover{
color:#fff;
}

.footer-contact{
list-style:none;
padding:0;
margin:0 0 30px;
}

.footer-contact li{
margin-bottom:16px;
font-size:15px;
line-height:1.7;
color:#bdbdbd;
font-family:'Poppins',sans-serif;
}

.footer-buttons{
display:flex;
gap:15px;
}

.footer-btn-dark{
display:inline-flex;
align-items:center;
justify-content:center;
padding:14px 30px;
background:#fff;
color:#111;
border-radius:60px;
text-decoration:none;
font-size:15px;
font-weight:600;
font-family:'Poppins',sans-serif;
transition:0.3s;
}

.footer-btn-dark:hover{
background:#eaeaea;
transform:translateY(-2px);
}

.footer-bottom{
margin-top:80px;
padding-top:30px;
border-top:1px solid rgba(255,255,255,0.1);
display:flex;
justify-content:space-between;
align-items:center;
flex-wrap:wrap;
gap:20px;
}

.footer-bottom p{
font-size:14px;
color:#888;
font-family:'Poppins',sans-serif;
}

/* =========================
   FOOTER RESPONSIVE
========================= */

@media(max-width:992px){

.footer-grid{
grid-template-columns:1fr 1fr;
gap:40px;
}

}

@media(max-width:768px){

.main-footer{
padding:70px 0 30px;
}

.footer-grid{
grid-template-columns:1fr;
gap:40px;
}

.footer-logo{
font-size:28px;
}

.footer-bottom{
flex-direction:column;
align-items:flex-start;
}

}

body{
margin:0;
font-family:'Poppins',sans-serif;
background:#ffffff;
color:#111;
overflow-x:hidden;
}

.container{
width:90%;
max-width:1400px;
margin:auto;
}

section{
padding:100px 0;
}

img{
max-width:100%;
display:block;
}

/* TITLES */

.section-title{
text-align:center;
margin-bottom:60px;
}

.section-title span{
display:inline-block;
font-size:14px;
letter-spacing:2px;
margin-bottom:20px;
color:#c8a97e;
font-weight:600;
}

.section-title h2{
font-size:60px;
line-height:1;
font-weight:800;
}

/* BUTTONS */

.primary-btn{
display:inline-flex;
padding:18px 36px;
background:#111;
color:#fff;
text-decoration:none;
border-radius:60px;
font-weight:600;
}

.secondary-btn{
display:inline-flex;
padding:18px 36px;
border:1px solid #111;
color:#111;
text-decoration:none;
border-radius:60px;
font-weight:600;
}

/* HERO */

.hero-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
align-items:center;
}

.hero-tag{
display:inline-block;
font-size:14px;
letter-spacing:2px;
margin-bottom:20px;
color:#c8a97e;
font-weight:600;
}

.hero-content h1{
font-size:90px;
line-height:0.95;
margin-bottom:25px;
font-weight:800;
}

.hero-content p{
font-size:20px;
line-height:1.8;
margin-bottom:40px;
color:#555;
}

.hero-buttons{
display:flex;
gap:20px;
margin-bottom:50px;
}

.hero-images{
position:relative;
height:700px;
}

.hero-main-img{
width:100%;
height:100%;
object-fit:cover;
border-radius:30px;
}

.hero-small-img{
position:absolute;
bottom:-40px;
left:-40px;
width:260px;
border-radius:25px;
border:8px solid #fff;
}

.hero-stats{
display:flex;
gap:20px;
}

.stat-card{
background:#f7f7f7;
padding:25px 35px;
border-radius:20px;
}

/* TRUST */

.trust-strip{
background:#111;
padding:40px 0;
}

.trust-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:20px;
}

.trust-card{
background:#1f1f1f;
padding:30px;
border-radius:20px;
color:#fff;
}

/* ABOUT */

.about-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
align-items:center;
}

.about-image img{
height:700px;
width:100%;
object-fit:cover;
border-radius:30px;
}

.about-content span{
display:inline-block;
margin-bottom:20px;
color:#c8a97e;
font-weight:600;
}

.about-content h2{
font-size:60px;
margin-bottom:25px;
}

.about-content p{
font-size:19px;
line-height:1.8;
margin-bottom:30px;
color:#555;
}

.about-content ul{
padding-left:20px;
margin-bottom:40px;
}

/* PRODUCTS */

.products-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:25px;
}

.product-card{
background:#fff;
border-radius:25px;
overflow:hidden;
box-shadow:0 5px 30px rgba(0,0,0,0.05);
}

.product-card img{
height:400px;
width:100%;
object-fit:cover;
}

.product-card h3{
padding:25px;
font-size:24px;
}

/* MANUFACTURING */

.manufacturing-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;
}

.manufacturing-card{
background:#f7f7f7;
padding:60px;
border-radius:25px;
text-align:center;
font-size:26px;
font-weight:700;
}

/* BULK */

.bulk-box{
background:#111;
padding:100px;
border-radius:35px;
text-align:center;
color:#fff;
}

.bulk-box h2{
font-size:70px;
margin-bottom:25px;
}

.bulk-box p{
font-size:20px;
line-height:1.8;
max-width:700px;
margin:auto auto 40px;
color:#bbb;
}

/* CUSTOM */

.custom-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;
}

.custom-card{
background:#111;
color:#fff;
padding:40px;
border-radius:25px;
font-size:24px;
font-weight:600;
text-align:center;
}

/* PLAIN */

.plain-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:25px;
}

.plain-card{
background:#f7f7f7;
padding:60px;
border-radius:25px;
text-align:center;
font-size:24px;
font-weight:700;
}

/* POD */

.pod-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
align-items:center;
}

.pod-image img{
height:700px;
object-fit:cover;
border-radius:30px;
}

.pod-content span{
display:inline-block;
margin-bottom:20px;
color:#c8a97e;
font-weight:600;
}

.pod-content h2{
font-size:60px;
margin-bottom:40px;
}

.pod-steps{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:25px;
}

.pod-step{
background:#f7f7f7;
padding:40px;
border-radius:25px;
}

.pod-step h3{
font-size:40px;
margin-bottom:15px;
}

/* CUSTOMERS */

.customer-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;
}

.customer-card{
background:#f7f7f7;
padding:45px;
border-radius:25px;
}

.customer-card p{
font-size:20px;
line-height:1.8;
margin-bottom:30px;
}

/* FAQ */

.faq-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:25px;
}

.faq-card{
background:#f7f7f7;
padding:40px;
border-radius:25px;
}

.faq-card h3{
margin-bottom:20px;
font-size:24px;
}

/* CTA */

.cta-box{
background:#111;
padding:100px;
border-radius:35px;
text-align:center;
color:#fff;
}

.cta-box h2{
font-size:70px;
margin-bottom:25px;
}

.cta-box p{
font-size:20px;
line-height:1.8;
margin-bottom:40px;
color:#bbb;
}

/* RESPONSIVE */

@media(max-width:992px){

.hero-grid,
.about-grid,
.pod-grid,
.products-grid,
.manufacturing-grid,
.custom-grid,
.plain-grid,
.customer-grid,
.faq-grid,
.trust-grid{
grid-template-columns:1fr 1fr;
}

.hero-content h1,
.section-title h2,
.about-content h2,
.pod-content h2,
.bulk-box h2,
.cta-box h2{
font-size:48px;
}

}

@media(max-width:768px){

section{
padding:70px 0;
}

.hero-grid,
.about-grid,
.pod-grid,
.products-grid,
.manufacturing-grid,
.custom-grid,
.plain-grid,
.customer-grid,
.faq-grid,
.trust-grid{
grid-template-columns:1fr;
}

.hero-content h1,
.section-title h2,
.about-content h2,
.pod-content h2,
.bulk-box h2,
.cta-box h2{
font-size:38px;
}

.hero-images{
height:450px;
}

.hero-small-img{
display:none;
}

.hero-buttons{
flex-direction:column;
align-items:flex-start;
}

.bulk-box,
.cta-box{
padding:60px 30px;
}

}

/* =========================
MANUFACTURING PAGE
========================= */

.manufacturing-hero{
padding-top:180px;
padding-bottom:120px;
background:#fff;
}

.manufacturing-hero-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
align-items:center;
}

.manufacturing-hero-content span{
display:inline-block;
font-size:14px;
letter-spacing:2px;
margin-bottom:20px;
color:#c8a97e;
font-weight:600;
}

.manufacturing-hero-content h1{
font-size:80px;
line-height:1;
margin-bottom:25px;
font-weight:800;
color:#111;
}

.manufacturing-hero-content p{
font-size:20px;
line-height:1.8;
color:#555;
margin-bottom:40px;
}

.manufacturing-hero-image img{
width:100%;
height:700px;
object-fit:cover;
border-radius:30px;
}

/* SERVICES */

.manufacturing-services{
background:#f7f7f7;
}

.manufacturing-services-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;
}

.manufacturing-service-card{
background:#fff;
padding:45px;
border-radius:25px;
transition:0.3s;
}

.manufacturing-service-card:hover{
transform:translateY(-8px);
}

.manufacturing-service-card h3{
font-size:28px;
margin-bottom:15px;
color:#111;
}

.manufacturing-service-card p{
font-size:17px;
line-height:1.8;
color:#666;
}

/* PROCESS */

.manufacturing-process{
background:#fff;
}

.manufacturing-process-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;
}

.process-box{
background:#f7f7f7;
padding:50px;
border-radius:25px;
text-align:center;
}

.process-box h3{
font-size:50px;
margin-bottom:20px;
color:#111;
}

.process-box p{
font-size:20px;
font-weight:600;
}

/* FABRICS */

.manufacturing-fabrics{
background:#f7f7f7;
}

.fabric-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:25px;
}

.fabric-card{
background:#fff;
padding:50px;
border-radius:25px;
}

.fabric-card h3{
font-size:32px;
margin-bottom:15px;
color:#111;
}

.fabric-card p{
font-size:17px;
line-height:1.7;
color:#666;
}

/* PRINTING */

.manufacturing-printing{
background:#fff;
}

.printing-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;
}

.printing-card{
background:#111;
color:#fff;
padding:45px;
border-radius:25px;
font-size:24px;
font-weight:600;
text-align:center;
}

/* PRODUCTS */

.manufacturing-products{
background:#f7f7f7;
}

/* BULK */

.bulk-order-section{
background:#fff;
}

.bulk-order-box{
background:#111;
padding:100px;
border-radius:35px;
text-align:center;
color:#fff;
}

.bulk-order-box h2{
font-size:70px;
margin-bottom:25px;
}

.bulk-order-box p{
font-size:20px;
line-height:1.8;
max-width:700px;
margin:auto auto 40px;
color:#bbb;
}

/* WHY */

.why-section{
background:#f7f7f7;
}

.why-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;
}

.why-card{
background:#fff;
padding:50px;
border-radius:25px;
text-align:center;
font-size:26px;
font-weight:700;
transition:0.3s;
}

.why-card:hover{
transform:translateY(-8px);
}

/* FAQ */

.faq-section{
background:#fff;
}

.faq-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:25px;
}

.faq-card{
background:#f7f7f7;
padding:40px;
border-radius:25px;
}

.faq-card h3{
font-size:24px;
margin-bottom:20px;
color:#111;
}

.faq-card p{
font-size:17px;
line-height:1.8;
color:#666;
}

/* CTA */

.manufacturing-cta{
background:#f7f7f7;
}

.manufacturing-cta-box{
background:#111;
padding:100px;
border-radius:35px;
text-align:center;
color:#fff;
}

.manufacturing-cta-box h2{
font-size:70px;
margin-bottom:25px;
}

.manufacturing-cta-box p{
font-size:20px;
line-height:1.8;
margin-bottom:40px;
color:#bbb;
}

/* RESPONSIVE */

@media(max-width:992px){

.manufacturing-hero-grid,
.manufacturing-services-grid,
.manufacturing-process-grid,
.fabric-grid,
.printing-grid,
.why-grid,
.faq-grid{
grid-template-columns:1fr 1fr;
}

.manufacturing-hero-content h1,
.bulk-order-box h2,
.manufacturing-cta-box h2{
font-size:50px;
}

}

@media(max-width:768px){

.manufacturing-hero-grid,
.manufacturing-services-grid,
.manufacturing-process-grid,
.fabric-grid,
.printing-grid,
.why-grid,
.faq-grid{
grid-template-columns:1fr;
}

.manufacturing-hero{
padding-top:140px;
}

.manufacturing-hero-content h1,
.bulk-order-box h2,
.manufacturing-cta-box h2{
font-size:38px;
}

.manufacturing-hero-image img{
height:450px;
}

.bulk-order-box,
.manufacturing-cta-box{
padding:60px 30px;
}

}


/* ===================================
CONTAINER
=================================== */

.container{
width:92%;
max-width:1450px;
margin:auto;
}

/* ===================================
SECTION SPACING
=================================== */

section{
padding:120px 0;
overflow:hidden;
}

/* ===================================
SECTION TITLE
=================================== */

.section-title{
margin-bottom:70px;
text-align:center;
}

.section-title span{
display:inline-block;
font-size:14px;
font-weight:600;
letter-spacing:3px;
text-transform:uppercase;
color:#b89d74;
margin-bottom:18px;
}

.section-title h2{
font-size:72px;
line-height:1;
font-weight:800;
color:#111;
margin:0;
}

/* ===================================
BUTTONS
=================================== */

.hero-buttons{
display:flex;
align-items:center;
gap:20px;
flex-wrap:wrap;
}

.primary-btn{
display:inline-flex;
align-items:center;
justify-content:center;
padding:18px 38px;
background:#111;
color:#fff;
border-radius:100px;
font-size:17px;
font-weight:600;
text-decoration:none;
transition:0.3s;
}

.primary-btn:hover{
transform:translateY(-4px);
}

.secondary-btn{
display:inline-flex;
align-items:center;
justify-content:center;
padding:18px 38px;
background:#fff;
color:#111;
border:1px solid #ddd;
border-radius:100px;
font-size:17px;
font-weight:600;
text-decoration:none;
transition:0.3s;
}

.secondary-btn:hover{
transform:translateY(-4px);
}

/* ===================================
POD HERO
=================================== */

.pod-hero{
padding-top:180px;
padding-bottom:120px;
background:#fff;
}

.pod-hero-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:80px;
align-items:center;
}

.pod-content span{
display:inline-block;
font-size:14px;
font-weight:600;
letter-spacing:3px;
text-transform:uppercase;
color:#b89d74;
margin-bottom:20px;
}

.pod-content h1{
font-size:88px;
line-height:0.95;
font-weight:800;
margin-bottom:30px;
color:#111;
max-width:700px;
}

.pod-content p{
font-size:22px;
line-height:1.8;
color:#666;
margin-bottom:45px;
max-width:650px;
}

.pod-image img{
width:100%;
height:750px;
object-fit:cover;
border-radius:40px;
display:block;
}

/* ===================================
POD STEPS
=================================== */

.pod-steps{
background:#f5f5f2;
}

.pod-steps-grid{
display:grid;
grid-template-columns:repeat(4,minmax(260px,1fr));
gap:30px;
align-items:stretch;
}

.step-card{
background:#fff;
border-radius:35px;
padding:60px 35px;
transition:0.3s;
min-height:460px;
box-shadow:0 10px 30px rgba(0,0,0,0.04);

display:flex;
flex-direction:column;
justify-content:flex-start;
}

.step-card:hover{
transform:translateY(-10px);
}

.step-card h3{
font-size:72px;
font-weight:800;
line-height:1;
margin-bottom:35px;
color:#111;
}

.step-card h4{
font-size:38px;
line-height:1.2;
font-weight:700;
margin-bottom:20px;
color:#111;
}

.step-card p{
font-size:19px;
line-height:1.9;
color:#666;
}

/* ===================================
PRODUCTS
=================================== */

.pod-products{
background:#fff;
}

.products-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
margin-top:60px;
}

.product-card{
background:#fff;
border-radius:30px;
overflow:hidden;
transition:0.3s;
}

.product-card:hover{
transform:translateY(-10px);
}

.product-card img{
width:100%;
height:420px;
object-fit:cover;
border-radius:30px;
display:block;
}

.product-card h3{
font-size:28px;
font-weight:700;
margin-top:25px;
color:#111;
}

/* ===================================
INTEGRATIONS
=================================== */

.pod-integrations{
background:#f5f5f2;
}

.integration-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
margin-top:60px;
}

.integration-card{
background:#fff;
padding:70px 40px;
border-radius:35px;
text-align:center;
font-size:34px;
font-weight:700;
transition:0.3s;
}

.integration-card:hover{
transform:translateY(-10px);
}

/* ===================================
BRANDING
=================================== */

.pod-branding{
background:#fff;
}

.branding-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
margin-top:60px;
}

.branding-card{
background:#f5f5f2;
padding:60px 40px;
border-radius:35px;
text-align:center;
font-size:28px;
font-weight:700;
transition:0.3s;
}

.branding-card:hover{
transform:translateY(-10px);
}

/* ===================================
FEATURES
=================================== */

.pod-features{
background:#f5f5f2;
}

.features-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
margin-top:60px;
}

.feature-card{
background:#fff;
padding:60px;
border-radius:35px;
text-align:center;
font-size:30px;
font-weight:700;
transition:0.3s;
}

.feature-card:hover{
transform:translateY(-10px);
}

/* ===================================
PRICING
=================================== */

.pod-pricing{
background:#fff;
}

.pricing-box{
background:#111;
padding:120px 60px;
border-radius:40px;
text-align:center;
color:#fff;
}

.pricing-box h3{
font-size:82px;
font-weight:800;
margin-bottom:25px;
}

.pricing-box p{
font-size:22px;
line-height:1.8;
color:#bbb;
margin-bottom:40px;
}

/* ===================================
SAMPLE
=================================== */

.sample-section{
background:#f5f5f2;
}

.sample-box{
background:#fff;
padding:120px 60px;
border-radius:40px;
text-align:center;
}

.sample-box h2{
font-size:72px;
font-weight:800;
margin-bottom:25px;
color:#111;
}

.sample-box p{
font-size:22px;
line-height:1.8;
color:#666;
margin-bottom:40px;
}

/* ===================================
FAQ
=================================== */

.pod-faq{
background:#fff;
}

.faq-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:30px;
margin-top:60px;
}

.faq-card{
background:#f5f5f2;
padding:50px;
border-radius:35px;
}

.faq-card h3{
font-size:28px;
font-weight:700;
margin-bottom:20px;
color:#111;
}

.faq-card p{
font-size:18px;
line-height:1.8;
color:#666;
}

/* ===================================
CTA
=================================== */

.pod-cta{
background:#f5f5f2;
}

.pod-cta-box{
background:#111;
padding:120px 60px;
border-radius:40px;
text-align:center;
color:#fff;
}

.pod-cta-box h2{
font-size:82px;
font-weight:800;
margin-bottom:25px;
}

.pod-cta-box p{
font-size:22px;
line-height:1.8;
color:#bbb;
margin-bottom:40px;
}

/* ===================================
RESPONSIVE
=================================== */

@media(max-width:1200px){

.pod-hero-grid,
.pod-steps-grid,
.products-grid,
.integration-grid,
.branding-grid,
.features-grid{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:768px){

section{
padding:80px 0;
}

.pod-hero-grid,
.pod-steps-grid,
.products-grid,
.integration-grid,
.branding-grid,
.features-grid,
.faq-grid{
grid-template-columns:1fr;
}

.pod-content h1,
.section-title h2,
.pricing-box h3,
.sample-box h2,
.pod-cta-box h2{
font-size:42px;
line-height:1.1;
}

.pod-content p,
.step-card p,
.faq-card p{
font-size:16px;
}

.pod-image img{
height:450px;
}

.step-card,
.integration-card,
.branding-card,
.feature-card,
.faq-card{
padding:40px 30px;
border-radius:25px;
min-height:auto;
}

.pricing-box,
.sample-box,
.pod-cta-box{
padding:70px 30px;
border-radius:30px;
}

.product-card img{
height:320px;
}

.hero-buttons{
flex-direction:column;
align-items:flex-start;
}

}

/* =========================
PRODUCT PAGE
========================= */

.products-hero{
padding:180px 0 120px;
background:#fff;
text-align:center;
}

.products-hero span{
font-size:14px;
letter-spacing:2px;
font-weight:600;
color:#c8a97e;
display:block;
margin-bottom:20px;
}

.products-hero h1{
font-size:90px;
line-height:0.95;
font-weight:800;
color:#111;
margin-bottom:30px;
}

.products-hero p{
max-width:800px;
margin:auto;
font-size:20px;
line-height:1.8;
color:#666;
margin-bottom:40px;
}

.products-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
margin-top:60px;
}

.product-card{
background:#fff;
border-radius:30px;
overflow:hidden;
box-shadow:0 10px 30px rgba(0,0,0,0.06);
transition:0.4s;
}

.product-card:hover{
transform:translateY(-10px);
}

.product-card img{
width:100%;
height:320px;
object-fit:cover;
}

.product-card h3{
font-size:28px;
padding:30px 30px 10px;
}

.product-card p{
padding:0 30px;
font-size:16px;
line-height:1.8;
color:#666;
}

.product-card a{
display:inline-block;
margin:30px;
font-weight:600;
color:#111;
text-decoration:none;
}

.product-features{
background:#f7f7f7;
}

.feature-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
margin-top:60px;
}

.feature-box{
background:#fff;
padding:50px;
border-radius:30px;
}

.feature-box h3{
font-size:32px;
margin-bottom:15px;
}

.feature-box p{
font-size:16px;
line-height:1.8;
color:#666;
}

.bulk-order-section{
background:#fff;
}

.bulk-order-box{
background:#111;
padding:100px;
border-radius:40px;
text-align:center;
color:#fff;
}

.bulk-order-box span{
font-size:14px;
letter-spacing:2px;
color:#c8a97e;
display:block;
margin-bottom:20px;
}

.bulk-order-box h2{
font-size:70px;
margin-bottom:20px;
}

.bulk-order-box p{
font-size:20px;
line-height:1.8;
color:#bbb;
margin-bottom:40px;
}

@media(max-width:992px){

.products-grid,
.feature-grid{
grid-template-columns:1fr 1fr;
}

.products-hero h1,
.bulk-order-box h2{
font-size:55px;
}

}

@media(max-width:768px){

.products-grid,
.feature-grid{
grid-template-columns:1fr;
}

.products-hero h1,
.bulk-order-box h2{
font-size:40px;
}

.bulk-order-box{
padding:60px 30px;
}

}


/* =========================
SINGLE PRODUCT PAGE
========================= */

/* PRODUCT FORM */

.product-inquiry-form{
margin-top:50px;
padding:35px;
border:1px solid #eee;
border-radius:30px;
background:#fff;
}

.product-inquiry-form h3{
font-size:28px;
margin-bottom:25px;
}

.product-inquiry-form form{
display:flex;
flex-direction:column;
gap:18px;
}

.product-inquiry-form input,
.product-inquiry-form textarea{
width:100%;
padding:18px 22px;
border:1px solid #ddd;
border-radius:16px;
font-size:16px;
font-family:'Poppins',sans-serif;
outline:none;
}

.product-inquiry-form textarea{
height:140px;
resize:none;
}

.product-inquiry-form button{
background:#111;
color:#fff;
border:none;
padding:18px;
border-radius:60px;
font-size:16px;
font-weight:600;
cursor:pointer;
transition:.3s;
}

.product-inquiry-form button:hover{
background:#333;
}

.product-features-mini{
margin-top:35px;
display:flex;
flex-direction:column;
gap:14px;
font-size:16px;
font-weight:500;
color:#333;
}

.single-product-page{
padding:180px 0 120px;
background:#fff;
}

.single-product-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:80px;
align-items:center;
}

.single-product-image img{
width:100%;
height:750px;
object-fit:cover;
border-radius:35px;
}

.single-product-content span{
font-size:14px;
letter-spacing:2px;
font-weight:600;
color:#c8a97e;
display:block;
margin-bottom:20px;
}

.single-product-content h1{
font-size:70px;
line-height:1;
margin-bottom:30px;
font-weight:800;
color:#111;
}

.single-product-content p{
font-size:18px;
line-height:1.8;
color:#666;
margin-bottom:40px;
}

.product-info-list{
display:grid;
grid-template-columns:1fr 1fr;
gap:25px;
margin-bottom:40px;
}

.info-item{
background:#f7f7f7;
padding:30px;
border-radius:25px;
}

.info-item h4{
font-size:22px;
margin-bottom:10px;
color:#111;
}

.info-item p{
font-size:16px;
margin:0;
color:#666;
line-height:1.7;
}

.product-buttons{
display:flex;
gap:20px;
flex-wrap:wrap;
}

@media(max-width:992px){

.single-product-grid{
grid-template-columns:1fr;
}

.single-product-content h1{
font-size:50px;
}

}

@media(max-width:768px){

.single-product-content h1{
font-size:38px;
}

.single-product-image img{
height:450px;
}

.product-info-list{
grid-template-columns:1fr;
}

}

/* =========================
PRICING PAGE
========================= */

.pricing-hero{
padding:180px 0 120px;
background:#f5f5f5;
text-align:center;
}

.pricing-hero-content span{
font-size:14px;
letter-spacing:3px;
font-weight:700;
color:#c8a97e;
display:block;
margin-bottom:20px;
}

.pricing-hero-content h1{
font-size:90px;
line-height:1;
font-weight:800;
margin-bottom:25px;
color:#111;
}

.pricing-hero-content p{
font-size:22px;
line-height:1.8;
max-width:850px;
margin:auto;
margin-bottom:40px;
color:#666;
}

/* PRICING */

.pricing-section{
background:#fff;
}

.pricing-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
margin-top:70px;
}

.pricing-card{
background:#f7f7f7;
padding:60px 45px;
border-radius:35px;
position:relative;
transition:.4s;
}

.pricing-card:hover{
transform:translateY(-10px);
}

.pricing-card.active{
background:#111;
color:#fff;
}

.pricing-badge{
position:absolute;
top:25px;
right:25px;
background:#c8a97e;
padding:8px 18px;
border-radius:30px;
font-size:13px;
font-weight:700;
color:#111;
}

.pricing-top h3{
font-size:36px;
margin-bottom:15px;
}

.pricing-top h4{
font-size:60px;
font-weight:800;
margin-bottom:10px;
}

.pricing-top p{
font-size:18px;
margin-bottom:35px;
color:#777;
}

.pricing-card.active .pricing-top p{
color:#ccc;
}

.pricing-card ul{
padding:0;
margin:0 0 40px;
list-style:none;
}

.pricing-card ul li{
font-size:18px;
padding:12px 0;
border-bottom:1px solid rgba(0,0,0,.08);
}

.pricing-card.active ul li{
border-color:rgba(255,255,255,.1);
}

.pricing-btn{
display:inline-block;
padding:16px 35px;
background:#111;
color:#fff;
border-radius:50px;
font-weight:700;
text-decoration:none;
}

.pricing-card.active .pricing-btn{
background:#fff;
color:#111;
}

/* MOQ */

.moq-section{
background:#f5f5f5;
}

.moq-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:25px;
margin-top:60px;
}

.moq-box{
background:#fff;
padding:50px;
border-radius:30px;
text-align:center;
}

.moq-box h3{
font-size:28px;
margin-bottom:15px;
}

.moq-box p{
font-size:22px;
font-weight:700;
color:#c8a97e;
}

/* FEATURES */

.pricing-features{
background:#fff;
}

/* CTA */

.pricing-cta{
background:#f5f5f5;
}

.pricing-cta-box{
background:#111;
padding:100px;
border-radius:40px;
text-align:center;
color:#fff;
}

.pricing-cta-box span{
font-size:14px;
letter-spacing:3px;
color:#c8a97e;
display:block;
margin-bottom:20px;
}

.pricing-cta-box h2{
font-size:70px;
line-height:1.1;
margin-bottom:25px;
}

.pricing-cta-box p{
font-size:20px;
color:#bbb;
max-width:700px;
margin:auto;
margin-bottom:40px;
line-height:1.8;
}

/* RESPONSIVE */

@media(max-width:992px){

.pricing-grid,
.moq-grid,
.feature-grid{
grid-template-columns:1fr 1fr;
}

.pricing-hero-content h1{
font-size:60px;
}

.pricing-cta-box h2{
font-size:50px;
}

}

@media(max-width:768px){

.pricing-grid,
.moq-grid,
.feature-grid{
grid-template-columns:1fr;
}

.pricing-hero{
padding:140px 0 80px;
}

.pricing-hero-content h1{
font-size:42px;
}

.pricing-hero-content p{
font-size:18px;
}

.pricing-card{
padding:40px 30px;
}

.pricing-cta-box{
padding:60px 30px;
}

.pricing-cta-box h2{
font-size:38px;
}

}

/* =========================
GALLERY PAGE
========================= */

.gallery-hero{
padding:180px 0 120px;
background:#f5f5f5;
text-align:center;
}

.gallery-hero-content span{
font-size:14px;
letter-spacing:3px;
font-weight:700;
color:#c8a97e;
display:block;
margin-bottom:20px;
}

.gallery-hero-content h1{
font-size:90px;
line-height:1;
font-weight:800;
margin-bottom:25px;
color:#111;
}

.gallery-hero-content p{
font-size:22px;
line-height:1.8;
max-width:850px;
margin:auto;
margin-bottom:40px;
color:#666;
}

/* GALLERY */

.gallery-section{
background:#fff;
}

.gallery-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:25px;
margin-top:70px;
}

.gallery-item{
overflow:hidden;
border-radius:30px;
height:350px;
}

.gallery-item.large{
grid-column:span 2;
height:350px;
}

.gallery-item img{
width:100%;
height:100%;
object-fit:cover;
transition:.5s;
}

.gallery-item:hover img{
transform:scale(1.08);
}

/* FACTORY */

.factory-section{
background:#f5f5f5;
}

.factory-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
align-items:center;
}

.factory-content span{
font-size:14px;
letter-spacing:3px;
font-weight:700;
color:#c8a97e;
display:block;
margin-bottom:20px;
}

.factory-content h2{
font-size:70px;
line-height:1.1;
margin-bottom:25px;
font-weight:800;
color:#111;
}

.factory-content p{
font-size:20px;
line-height:1.8;
margin-bottom:30px;
color:#666;
}

.factory-content ul{
padding:0;
margin:0 0 40px;
list-style:none;
}

.factory-content ul li{
font-size:18px;
padding:12px 0;
font-weight:600;
color:#111;
}

.factory-image img{
width:100%;
height:700px;
object-fit:cover;
border-radius:35px;
}

/* SHOWCASE */

.showcase-section{
background:#fff;
}

.showcase-box{
background:#111;
padding:120px;
border-radius:40px;
text-align:center;
color:#fff;
}

.showcase-box span{
font-size:14px;
letter-spacing:3px;
color:#c8a97e;
display:block;
margin-bottom:20px;
}

.showcase-box h2{
font-size:70px;
line-height:1.1;
margin-bottom:25px;
font-weight:800;
}

.showcase-box p{
font-size:20px;
line-height:1.8;
max-width:750px;
margin:auto;
margin-bottom:40px;
color:#bbb;
}

/* RESPONSIVE */

@media(max-width:992px){

.gallery-grid{
grid-template-columns:1fr 1fr;
}

.factory-grid{
grid-template-columns:1fr;
}

.gallery-hero-content h1,
.factory-content h2,
.showcase-box h2{
font-size:55px;
}

}

@media(max-width:768px){

.gallery-grid{
grid-template-columns:1fr;
}

.gallery-item.large{
grid-column:span 1;
}

.gallery-hero{
padding:140px 0 80px;
}

.gallery-hero-content h1,
.factory-content h2,
.showcase-box h2{
font-size:38px;
}

.gallery-hero-content p,
.factory-content p,
.showcase-box p{
font-size:18px;
}

.factory-image img{
height:450px;
}

.showcase-box{
padding:60px 30px;
}

}

/* =========================
ABOUT PAGE
========================= */

.about-hero{
padding:180px 0 120px;
background:#f5f5f5;
text-align:center;
}

.about-hero-content span{
font-size:14px;
letter-spacing:3px;
font-weight:700;
color:#c8a97e;
display:block;
margin-bottom:20px;
}

.about-hero-content h1{
font-size:90px;
line-height:1;
font-weight:800;
margin-bottom:25px;
color:#111;
}

.about-hero-content p{
font-size:22px;
line-height:1.8;
max-width:850px;
margin:auto;
margin-bottom:40px;
color:#666;
}

/* ABOUT */

.about-company{
background:#fff;
}

.about-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:70px;
align-items:center;
}

.about-image img{
width:100%;
height:700px;
object-fit:cover;
border-radius:35px;
}

.about-content span{
font-size:14px;
letter-spacing:3px;
font-weight:700;
color:#c8a97e;
display:block;
margin-bottom:20px;
}

.about-content h2{
font-size:65px;
line-height:1.1;
margin-bottom:25px;
font-weight:800;
color:#111;
}

.about-content p{
font-size:20px;
line-height:1.9;
margin-bottom:25px;
color:#666;
}

.about-info{
display:flex;
gap:25px;
margin-top:40px;
}

.info-box{
background:#f5f5f5;
padding:30px;
border-radius:25px;
flex:1;
}

.info-box h4{
font-size:20px;
margin-bottom:10px;
}

.info-box p{
font-size:18px;
margin:0;
color:#555;
}

/* WHY */

.why-us-section{
background:#f5f5f5;
}

.why-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:25px;
margin-top:60px;
}

.why-card{
background:#fff;
padding:45px;
border-radius:30px;
}

.why-card h3{
font-size:28px;
margin-bottom:15px;
}

.why-card p{
font-size:17px;
line-height:1.8;
color:#666;
}

/* MISSION */

.mission-section{
background:#fff;
}

.mission-box{
background:#111;
padding:120px;
border-radius:40px;
text-align:center;
color:#fff;
}

.mission-box span{
font-size:14px;
letter-spacing:3px;
color:#c8a97e;
display:block;
margin-bottom:20px;
}

.mission-box h2{
font-size:70px;
line-height:1.1;
margin-bottom:25px;
font-weight:800;
}

.mission-box p{
font-size:20px;
line-height:1.8;
max-width:750px;
margin:auto;
margin-bottom:40px;
color:#bbb;
}

/* CTA */

.about-cta{
background:#f5f5f5;
}

.about-cta-box{
background:#fff;
padding:120px;
border-radius:40px;
text-align:center;
}

.about-cta-box span{
font-size:14px;
letter-spacing:3px;
color:#c8a97e;
display:block;
margin-bottom:20px;
font-weight:700;
}

.about-cta-box h2{
font-size:70px;
line-height:1.1;
margin-bottom:25px;
font-weight:800;
color:#111;
}

.about-cta-box p{
font-size:20px;
line-height:1.8;
max-width:750px;
margin:auto;
margin-bottom:40px;
color:#666;
}

/* RESPONSIVE */

@media(max-width:992px){

.about-grid,
.why-grid{
grid-template-columns:1fr 1fr;
}

.about-hero-content h1,
.about-content h2,
.mission-box h2,
.about-cta-box h2{
font-size:55px;
}

}

@media(max-width:768px){

.about-grid,
.why-grid{
grid-template-columns:1fr;
}

.about-info{
flex-direction:column;
}

.about-hero{
padding:140px 0 80px;
}

.about-hero-content h1,
.about-content h2,
.mission-box h2,
.about-cta-box h2{
font-size:38px;
}

.about-hero-content p,
.about-content p,
.mission-box p,
.about-cta-box p{
font-size:18px;
}

.about-image img{
height:450px;
}

.mission-box,
.about-cta-box{
padding:60px 30px;
}

}

/* =========================
BLOG PAGE
========================= */

.blog-hero{
padding:180px 0 120px;
background:#f5f5f5;
text-align:center;
}

.blog-hero-content span{
font-size:14px;
letter-spacing:3px;
font-weight:700;
color:#c8a97e;
display:block;
margin-bottom:20px;
}

.blog-hero-content h1{
font-size:90px;
line-height:1;
font-weight:800;
margin-bottom:25px;
color:#111;
}

.blog-hero-content p{
font-size:22px;
line-height:1.8;
max-width:850px;
margin:auto;
margin-bottom:40px;
color:#666;
}

/* BLOG */

.blog-section{
background:#fff;
}

.blog-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:35px;
margin-top:70px;
}

.blog-card{
background:#fff;
border-radius:30px;
overflow:hidden;
box-shadow:0 10px 30px rgba(0,0,0,.06);
transition:.4s;
}

.blog-card:hover{
transform:translateY(-10px);
}

.blog-image img{
width:100%;
height:320px;
object-fit:cover;
}

.blog-content{
padding:35px;
}

.blog-content span{
font-size:13px;
letter-spacing:2px;
font-weight:700;
color:#c8a97e;
display:block;
margin-bottom:18px;
text-transform:uppercase;
}

.blog-content h3{
font-size:32px;
line-height:1.3;
margin-bottom:18px;
font-weight:800;
color:#111;
}

.blog-content p{
font-size:17px;
line-height:1.8;
color:#666;
margin-bottom:25px;
}

.blog-content a{
font-size:16px;
font-weight:700;
text-decoration:none;
color:#111;
}

/* NEWSLETTER */

.newsletter-section{
background:#f5f5f5;
}

.newsletter-box{
background:#111;
padding:120px;
border-radius:40px;
text-align:center;
color:#fff;
}

.newsletter-box span{
font-size:14px;
letter-spacing:3px;
color:#c8a97e;
display:block;
margin-bottom:20px;
}

.newsletter-box h2{
font-size:70px;
line-height:1.1;
margin-bottom:25px;
font-weight:800;
}

.newsletter-box p{
font-size:20px;
line-height:1.8;
max-width:700px;
margin:auto;
margin-bottom:40px;
color:#bbb;
}

.newsletter-form{
display:flex;
justify-content:center;
gap:20px;
max-width:700px;
margin:auto;
}

.newsletter-form input{
flex:1;
height:65px;
border:none;
border-radius:60px;
padding:0 30px;
font-size:17px;
outline:none;
}

.newsletter-form button{
height:65px;
padding:0 35px;
border:none;
border-radius:60px;
background:#c8a97e;
color:#111;
font-size:16px;
font-weight:700;
cursor:pointer;
}

/* RESPONSIVE */

@media(max-width:992px){

.blog-grid{
grid-template-columns:1fr 1fr;
}

.blog-hero-content h1,
.newsletter-box h2{
font-size:55px;
}

}

@media(max-width:768px){

.blog-grid{
grid-template-columns:1fr;
}

.blog-hero{
padding:140px 0 80px;
}

.blog-hero-content h1,
.newsletter-box h2{
font-size:38px;
}

.blog-hero-content p,
.newsletter-box p{
font-size:18px;
}

.newsletter-box{
padding:60px 30px;
}

.newsletter-form{
flex-direction:column;
}

}

/* =========================
CONTACT PAGE
========================= */

.contact-hero{
padding:180px 0 120px;
background:#f5f5f5;
text-align:center;
}

.contact-hero-content span{
font-size:14px;
letter-spacing:3px;
font-weight:700;
color:#c8a97e;
display:block;
margin-bottom:20px;
}

.contact-hero-content h1{
font-size:90px;
line-height:1;
font-weight:800;
margin-bottom:25px;
color:#111;
}

.contact-hero-content p{
font-size:22px;
line-height:1.8;
max-width:850px;
margin:auto;
margin-bottom:40px;
color:#666;
}

/* CONTACT */

.contact-section{
background:#fff;
}

.contact-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
align-items:start;
}

.contact-info span{
font-size:14px;
letter-spacing:3px;
font-weight:700;
color:#c8a97e;
display:block;
margin-bottom:20px;
}

.contact-info h2{
font-size:65px;
line-height:1.1;
font-weight:800;
margin-bottom:25px;
color:#111;
}

.contact-info p{
font-size:20px;
line-height:1.9;
color:#666;
margin-bottom:35px;
}

.contact-box{
background:#f5f5f5;
padding:30px;
border-radius:25px;
margin-bottom:20px;
}

.contact-box h4{
font-size:22px;
margin-bottom:10px;
color:#111;
}

.contact-box p{
font-size:18px;
margin:0;
color:#666;
}

/* FORM */

.contact-form-box{
background:#f5f5f5;
padding:50px;
border-radius:35px;
}

.input-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:20px;
margin-bottom:20px;
}

.input-box{
margin-bottom:20px;
}

.input-box input,
.input-box textarea{
width:100%;
border:none;
background:#fff;
padding:20px 25px;
border-radius:20px;
font-size:16px;
outline:none;
}

.input-box textarea{
height:180px;
resize:none;
}

/* MAP */

.map-section{
padding-bottom:120px;
background:#fff;
}

.map-box{
overflow:hidden;
border-radius:35px;
}

/* CTA */

.contact-cta{
background:#f5f5f5;
}

.contact-cta-box{
background:#111;
padding:120px;
border-radius:40px;
text-align:center;
color:#fff;
}

.contact-cta-box span{
font-size:14px;
letter-spacing:3px;
color:#c8a97e;
display:block;
margin-bottom:20px;
}

.contact-cta-box h2{
font-size:70px;
line-height:1.1;
margin-bottom:25px;
font-weight:800;
}

.contact-cta-box p{
font-size:20px;
line-height:1.8;
max-width:700px;
margin:auto;
margin-bottom:40px;
color:#bbb;
}

/* RESPONSIVE */

@media(max-width:992px){

.contact-grid,
.input-grid{
grid-template-columns:1fr;
}

.contact-hero-content h1,
.contact-info h2,
.contact-cta-box h2{
font-size:55px;
}

}

@media(max-width:768px){

.contact-hero{
padding:140px 0 80px;
}

.contact-hero-content h1,
.contact-info h2,
.contact-cta-box h2{
font-size:38px;
}

.contact-hero-content p,
.contact-info p,
.contact-cta-box p{
font-size:18px;
}

.contact-form-box,
.contact-cta-box{
padding:60px 30px;
}

}

/* =================================
FINAL CLEAN HEADER
================================= */

.main-header{
width:100%;
background:#fff;
border-bottom:1px solid #eaeaea;
position:sticky;
top:0;
z-index:9999;
padding:20px 0;
}

.header-flex{
display:flex;
align-items:center;
justify-content:space-between;
gap:40px;
}

.logo{
flex:0 0 auto;
}

.logo a{
font-size:28px;
font-weight:800;
line-height:1.1;
color:#111;
text-decoration:none;
}

.main-nav{
flex:1;
display:flex;
justify-content:center;
}

.main-nav .nav-menu{
display:flex;
align-items:center;
gap:26px;
list-style:none;
margin:0;
padding:0;
}

.main-nav .nav-menu li{
list-style:none;
}

.main-nav .nav-menu li a{
font-size:15px;
font-weight:600;
color:#111;
text-decoration:none;
white-space:nowrap;
}

.header-buttons{
display:flex;
align-items:center;
gap:18px;
}

.whatsapp-btn,
.quote-btn{
padding:16px 32px;
border-radius:60px;
font-size:15px;
font-weight:600;
text-decoration:none;
transition:.3s;
}

.whatsapp-btn{
border:1px solid #111;
color:#111;
background:#fff;
}

.quote-btn{
background:#111;
color:#fff;
}

/* MOBILE */

.mobile-menu-btn{
display:none;
}

@media(max-width:768px){

.header-flex{
gap:20px;
}

.logo a{
font-size:22px;
}

.header-buttons{
display:none;
}

.mobile-menu-btn{
display:flex;
flex-direction:column;
gap:6px;
width:40px;
cursor:pointer;
z-index:999999;
}

.mobile-menu-btn span{
width:100%;
height:3px;
background:#111;
border-radius:20px;
}

.main-nav{
position:fixed;
top:0;
right:-100%;
width:280px;
height:100vh;
background:#fff;
padding:120px 30px 40px;
transition:.4s;
z-index:99999;
justify-content:flex-start;
align-items:flex-start;
}

.main-nav.active{
right:0;
}

.main-nav .nav-menu{
flex-direction:column;
align-items:flex-start;
gap:24px;
width:100%;
}

.main-nav .nav-menu li{
width:100%;
}

.main-nav .nav-menu li a{
font-size:22px;
display:block;
width:100%;
}

}


/* =========================
FINAL MOBILE FIX
========================= */

@media(max-width:768px){

.container{
width:92%;
}

.main-header{
padding:18px 0;
position:sticky;
top:0;
background:#fff;
z-index:99999;
}

.header-flex{
display:flex;
align-items:center;
justify-content:space-between;
}

.logo img{
width:150px;
}

.mobile-menu-btn{
display:flex;
flex-direction:column;
gap:5px;
cursor:pointer;
z-index:999999;
}

.mobile-menu-btn span{
width:32px;
height:3px;
background:#111;
border-radius:20px;
display:block;
}

.main-nav{
position:fixed;
top:0;
right:-100%;
width:280px;
height:100vh;
background:#fff;
padding:120px 30px 40px;
transition:.4s ease;
z-index:99999;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-start;
overflow:auto;
}

.main-nav.active{
right:0;
}

.main-nav .nav-menu{
display:flex;
flex-direction:column;
gap:22px;
width:100%;
padding:0;
margin:0;
list-style:none;
}

.main-nav .nav-menu li{
width:100%;
}

.main-nav .nav-menu li a{
font-size:18px;
font-weight:600;
color:#111;
text-decoration:none;
display:block;
width:100%;
}

.header-buttons{
display:none;
}

.mobile-overlay{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,.5);
opacity:0;
visibility:hidden;
transition:.3s;
z-index:9999;
}

.mobile-overlay.active{
opacity:1;
visibility:visible;
}

/* HERO */

.hero{
padding:70px 0 40px;
}

.hero-flex{
grid-template-columns:1fr;
gap:40px;
}

.hero h1{
font-size:48px;
line-height:1.05;
}

.hero p{
font-size:18px;
line-height:1.7;
}

.hero-buttons{
flex-direction:column;
}

.hero-buttons a{
width:100%;
text-align:center;
}

/* CARDS */

.products-grid,
.feature-grid,
.gallery-grid,
.pricing-grid{
grid-template-columns:1fr;
gap:25px;
}

.product-card img{
height:320px;
object-fit:cover;
}

/* FOOTER */

.footer-grid{
grid-template-columns:1fr;
gap:50px;
}

.footer-logo img{
width:180px;
}

.footer-bottom{
text-align:center;
}

/* SECTION */

section{
overflow:hidden;
}

h1{
font-size:48px;
}

h2{
font-size:36px;
line-height:1.2;
}

}


/* SINGLE PRODUCT PAGE */

.single-product-page{
padding:120px 0;
}

.single-product-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:70px;
align-items:center;
}

.single-product-image img{
width:100%;
border-radius:30px;
}

.single-product-content span{
font-size:14px;
letter-spacing:2px;
font-weight:600;
color:#c49b63;
display:block;
margin-bottom:20px;
}

.single-product-content h1{
font-size:58px;
line-height:1;
margin-bottom:25px;
}

.single-product-content p{
font-size:18px;
line-height:1.8;
color:#555;
}

.product-info-list{
display:grid;
grid-template-columns:1fr 1fr;
gap:20px;
margin:40px 0;
}

.info-item{
padding:24px;
border:1px solid #eee;
border-radius:20px;
}

.info-item h4{
font-size:18px;
margin-bottom:10px;
}

.product-buttons{
display:flex;
gap:20px;
margin-top:30px;
}

@media(max-width:768px){

.single-product-grid{
grid-template-columns:1fr;
}

.single-product-content h1{
font-size:42px;
}

.product-info-list{
grid-template-columns:1fr;
}

.product-buttons{
flex-direction:column;
}

.product-buttons a{
width:100%;
text-align:center;
}

}

/* =========================
   WHY CHOOSE US
========================= */

.why-us-section{
padding:100px 0;
background:#f5f5f5;
}

.section-heading{
text-align:center;
max-width:700px;
margin:0 auto 60px;
}

.section-heading span{
font-size:14px;
font-weight:600;
letter-spacing:2px;
color:#c58b55;
display:block;
margin-bottom:15px;
font-family:'Poppins',sans-serif;
}

.section-heading h2{
font-size:52px;
line-height:1.1;
font-weight:800;
color:#111;
margin-bottom:20px;
font-family:'Poppins',sans-serif;
}

.section-heading p{
font-size:18px;
line-height:1.8;
color:#666;
font-family:'Poppins',sans-serif;
}

.why-us-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
}

.why-card{
background:#fff;
padding:40px 35px;
border-radius:24px;
transition:0.3s ease;
border:1px solid #eaeaea;
}

.why-card:hover{
transform:translateY(-8px);
box-shadow:0 20px 40px rgba(0,0,0,0.08);
}

.why-card h3{
font-size:26px;
font-weight:700;
margin-bottom:15px;
color:#111;
font-family:'Poppins',sans-serif;
}

.why-card p{
font-size:16px;
line-height:1.8;
color:#666;
font-family:'Poppins',sans-serif;
}

/* =========================
   RESPONSIVE
========================= */

@media(max-width:992px){

.why-us-grid{
grid-template-columns:repeat(2,1fr);
}

.section-heading h2{
font-size:42px;
}

}

@media(max-width:768px){

.why-us-section{
padding:70px 0;
}

.why-us-grid{
grid-template-columns:1fr;
gap:20px;
}

.section-heading{
margin-bottom:40px;
}

.section-heading h2{
font-size:34px;
}

.section-heading p{
font-size:16px;
}

.why-card{
padding:30px 25px;
border-radius:18px;
}

.why-card h3{
font-size:22px;
}

}

/* =========================
   PROCESS SECTION
========================= */

.process-section{
padding:100px 0;
background:#fff;
}

.process-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
margin-top:60px;
}

.process-card{
background:#f8f8f8;
padding:40px 30px;
border-radius:24px;
position:relative;
transition:0.3s ease;
overflow:hidden;
}

.process-card:hover{
transform:translateY(-8px);
box-shadow:0 20px 40px rgba(0,0,0,0.08);
}

.process-number{
font-size:70px;
font-weight:800;
color:#e5e5e5;
line-height:1;
margin-bottom:25px;
font-family:'Poppins',sans-serif;
}

.process-card h3{
font-size:26px;
font-weight:700;
margin-bottom:15px;
color:#111;
font-family:'Poppins',sans-serif;
}

.process-card p{
font-size:16px;
line-height:1.8;
color:#666;
font-family:'Poppins',sans-serif;
}

/* =========================
   RESPONSIVE
========================= */

@media(max-width:992px){

.process-grid{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:768px){

.process-section{
padding:70px 0;
}

.process-grid{
grid-template-columns:1fr;
gap:20px;
margin-top:40px;
}

.process-card{
padding:30px 25px;
border-radius:18px;
}

.process-number{
font-size:50px;
}

.process-card h3{
font-size:22px;
}

}

/* =========================
   TESTIMONIAL SECTION
========================= */

.testimonial-section{
padding:100px 0;
background:#f5f5f5;
}

.testimonial-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
margin-top:60px;
}

.testimonial-card{
background:#fff;
padding:40px 35px;
border-radius:24px;
border:1px solid #eaeaea;
transition:0.3s ease;
}

.testimonial-card:hover{
transform:translateY(-8px);
box-shadow:0 20px 40px rgba(0,0,0,0.08);
}

.testimonial-card p{
font-size:18px;
line-height:1.9;
color:#555;
margin-bottom:30px;
font-family:'Poppins',sans-serif;
}

.client-info h4{
font-size:22px;
font-weight:700;
margin-bottom:5px;
color:#111;
font-family:'Poppins',sans-serif;
}

.client-info span{
font-size:15px;
color:#888;
font-family:'Poppins',sans-serif;
}

/* RESPONSIVE */

@media(max-width:992px){

.testimonial-grid{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:768px){

.testimonial-section{
padding:70px 0;
}

.testimonial-grid{
grid-template-columns:1fr;
gap:20px;
margin-top:40px;
}

.testimonial-card{
padding:30px 25px;
border-radius:18px;
}

.testimonial-card p{
font-size:16px;
}

.client-info h4{
font-size:20px;
}

}

/* =========================
   CTA SECTION
========================= */

.cta-section{
padding:100px 0;
background:#111;
}

.cta-box{
text-align:center;
padding:80px 60px;
border-radius:32px;
background:#1a1a1a;
}

.cta-box span{
font-size:14px;
font-weight:600;
letter-spacing:2px;
color:#c58b55;
display:block;
margin-bottom:20px;
font-family:'Poppins',sans-serif;
}

.cta-box h2{
font-size:58px;
line-height:1.1;
font-weight:800;
color:#fff;
margin-bottom:25px;
font-family:'Poppins',sans-serif;
}

.cta-box p{
font-size:18px;
line-height:1.8;
color:#bdbdbd;
max-width:700px;
margin:0 auto 40px;
font-family:'Poppins',sans-serif;
}

.cta-buttons{
display:flex;
justify-content:center;
align-items:center;
gap:20px;
flex-wrap:wrap;
}

.cta-btn-dark{
background:#fff;
color:#111;
padding:18px 40px;
border-radius:60px;
font-size:17px;
font-weight:600;
text-decoration:none;
transition:0.3s ease;
font-family:'Poppins',sans-serif;
}

.cta-btn-dark:hover{
transform:translateY(-3px);
}

.cta-btn-light{
border:1px solid #555;
color:#fff;
padding:18px 40px;
border-radius:60px;
font-size:17px;
font-weight:600;
text-decoration:none;
transition:0.3s ease;
font-family:'Poppins',sans-serif;
}

.cta-btn-light:hover{
background:#fff;
color:#111;
}

/* RESPONSIVE */

@media(max-width:768px){

.cta-section{
padding:70px 0;
}

.cta-box{
padding:50px 25px;
border-radius:24px;
}

.cta-box h2{
font-size:38px;
}

.cta-box p{
font-size:16px;
margin-bottom:30px;
}

.cta-buttons{
flex-direction:column;
}

.cta-btn-dark,
.cta-btn-light{
width:100%;
text-align:center;
}

}

.pod-shop-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
margin-top:60px;
}

.pod-product-card{
background:#fff;
border-radius:20px;
overflow:hidden;
transition:0.4s;
box-shadow:0 10px 30px rgba(0,0,0,0.05);
}

.pod-product-card:hover{
transform:translateY(-10px);
}

.pod-product-card a{
text-decoration:none;
color:#111;
display:block;
}

.pod-product-image img{
width:100%;
height:420px;
object-fit:cover;
display:block;
}

.pod-product-content{
padding:25px;
}

.pod-product-content h3{
font-size:24px;
font-weight:700;
margin-bottom:10px;
}

.pod-price{
display:block;
font-size:20px;
font-weight:600;
margin-bottom:20px;
color:#ff7a00;
}

.pod-btn{
background:#111;
color:#fff;
padding:14px 22px;
border-radius:50px;
display:inline-block;
font-size:14px;
font-weight:600;
}

@media(max-width:991px){

.pod-shop-grid{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:600px){

.pod-shop-grid{
grid-template-columns:1fr;
}

}

.premium-pod-builder{
    margin-top:40px;
    padding:40px;
    background:#fff;
    border-radius:20px;
    border:1px solid #eee;
}

.premium-pod-builder h3{
    font-size:28px;
    margin-bottom:30px;
}

.pod-flex{
    display:flex;
    gap:50px;
    align-items:flex-start;
    flex-wrap:wrap;
}

.pod-image-area{
    position:relative;
    width:450px;
}

#main-tshirt{
    width:100%;
    border-radius:20px;
}

#design-preview{
    position:absolute;
    top:150px;
    left:140px;
    width:140px;
    display:none;
}

.pod-controls{
    flex:1;
}

#design-upload{
    margin-bottom:20px;
}

.move-buttons{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
}

.move-buttons button{
    padding:12px 18px;
    border:none;
    background:#000;
    color:#fff;
    border-radius:10px;
    cursor:pointer;
}


.premium-pod-builder{
background:#fff;
padding:40px;
border:1px solid #e5e5e5;
border-radius:20px;
margin-top:40px;
}

.pod-flex{
display:flex;
gap:40px;
align-items:flex-start;
flex-wrap:wrap;
}

.pod-image-area{
width:420px;
}

.tshirt-preview-wrap{
position:relative;
width:420px;
}

#main-tshirt{
width:100%;
display:block;
border-radius:16px;
}

#design-preview{
position:absolute;
top:140px;
left:135px;
width:120px;
display:none;
z-index:99;
pointer-events:none;
}


#design-preview{
position:absolute;
top:140px;
left:120px;
width:120px;
height:auto;
display:none;
pointer-events:none;
z-index:9;
}

.pod-controls{
flex:1;
}

.pod-controls input{
margin-bottom:20px;
}

.move-buttons{
display:grid;
grid-template-columns:1fr 1fr;
gap:15px;
margin-top:20px;
}

.move-buttons button{
background:#000;
color:#fff;
border:none;
padding:14px;
border-radius:10px;
cursor:pointer;
font-weight:600;
font-size:16px;
}

.move-buttons button:hover{
background:#ff7a00;
}

.premium-pod-builder{
background:#fff;
padding:40px;
border-radius:20px;
border:1px solid #e5e5e5;
margin-top:40px;
}

.pod-designer-wrap{
display:flex;
gap:50px;
align-items:flex-start;
flex-wrap:wrap;
}

.tshirt-canvas{
position:relative;
width:500px;
}

#tshirt-image{
width:100%;
display:block;
border-radius:20px;
}

#design-area{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

.draggable-design{
position:absolute;
top:180px;
left:180px;
width:120px;
cursor:move;
z-index:999;
}

.designer-controls{
flex:1;
}

.designer-controls input{
padding:14px;
margin-bottom:20px;
}

.designer-controls p{
font-size:18px;
font-weight:600;
}

.view-buttons{
display:flex;
gap:15px;
margin-bottom:20px;
}

.view-buttons button{
background:#000;
color:#fff;
border:none;
padding:12px 24px;
border-radius:10px;
cursor:pointer;
font-weight:600;
}

.view-buttons button.active{
background:#ff7a00;
}


/* =========================
POD BUILDER
========================= */

.premium-pod-builder{
margin-top:40px;
padding:40px;
border:1px solid #e5e5e5;
border-radius:25px;
background:#fff;
}

.premium-pod-builder h3{
font-size:42px;
margin-bottom:40px;
font-weight:700;
}

.pod-builder-grid{
display:flex;
gap:50px;
align-items:flex-start;
flex-wrap:wrap;
}

.pod-preview-area{
flex:1;
min-width:500px;
}

.tshirt-preview-wrapper{
position:relative;
width:100%;
max-width:600px;
}

#tshirt-base{
width:100%;
display:block;
border-radius:20px;
}

#design-area{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

#uploaded-design{
position:absolute;
width:160px;
cursor:move;
z-index:99;
}

.pod-controls-area{
width:320px;
}

.view-switch{
display:flex;
gap:15px;
margin-bottom:30px;
}

.view-switch button{
padding:14px 30px;
border:none;
border-radius:12px;
background:#000;
color:#fff;
font-size:18px;
font-weight:600;
cursor:pointer;
}

.view-switch .active-view{
background:#ff7a00;
}

.upload-box{
padding:30px;
border:1px solid #e5e5e5;
border-radius:20px;
}

.upload-box input{
margin-bottom:20px;
}

.upload-box p{
font-size:18px;
font-weight:600;
margin:0;
}


/* =========================
PRODUCT OPTIONS
========================= */

table.variations{
margin-top:30px !important;
}

table.variations td{
padding:15px 10px !important;
}

.reset_variations{
display:none !important;
}


/* =========================
ADD TO CART
========================= */

.single_add_to_cart_button{
background:#000 !important;
color:#fff !important;
padding:16px 40px !important;
border-radius:14px !important;
font-size:18px !important;
font-weight:700 !important;
}

.single_add_to_cart_button:hover{
background:#ff7a00 !important;
}

/* =========================
POD BUILDER
========================= */

.premium-pod-builder{
margin-top:40px;
padding:40px;
border:1px solid #e5e5e5;
border-radius:25px;
background:#fff;
}

.premium-pod-builder h3{
font-size:42px;
font-weight:700;
margin-bottom:40px;
}

.pod-builder-grid{
display:flex;
gap:50px;
flex-wrap:wrap;
align-items:flex-start;
}

.pod-preview-area{
flex:1;
min-width:500px;
}

.tshirt-preview-wrapper{
position:relative;
width:100%;
max-width:650px;
}

#tshirt-base{
width:100%;
display:block;
border-radius:20px;
}

#design-area{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

#uploaded-design{
position:absolute;
width:140px;
z-index:99;
cursor:move;
}

.pod-controls-area{
width:320px;
}

.view-switch{
display:flex;
gap:15px;
margin-bottom:30px;
}

.view-switch button{
padding:14px 35px;
border:none;
background:#000;
color:#fff;
border-radius:12px;
font-size:18px;
font-weight:600;
cursor:pointer;
}

.view-switch .active-view{
background:#ff7a00;
}

.upload-box{
padding:30px;
border:1px solid #e5e5e5;
border-radius:20px;
}

.upload-box p{
margin-top:20px;
font-size:18px;
font-weight:600;
}


/* =========================
VARIABLE PRODUCT
========================= */

table.variations{
margin-top:30px !important;
}

table.variations td{
padding:15px 10px !important;
}

.reset_variations{
display:none !important;
}


/* =========================
ADD TO CART
========================= */

.single_add_to_cart_button{
background:#000 !important;
color:#fff !important;
padding:16px 40px !important;
border-radius:14px !important;
font-size:18px !important;
font-weight:700 !important;
}

.single_add_to_cart_button:hover{
background:#ff7a00 !important;
}




.pod-product-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
margin-top:50px;
}

.pod-product-card{
background:#fff;
border-radius:20px;
padding:20px;
text-align:center;
box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.pod-product-card img{
width:100%;
height:320px;
object-fit:cover;
border-radius:15px;
}

.pod-product-card h3{
margin:15px 0;
font-size:22px;
}

.customize-btn{
display:block;
background:#000;
color:#fff;
padding:14px;
border-radius:10px;
text-decoration:none;
margin-top:15px;
}


.view-all-products{
text-align:center;
margin-top:50px;
}

.view-all-btn{
display:inline-block;
padding:16px 40px;
background:#000;
color:#fff;
border-radius:50px;
font-weight:700;
text-decoration:none;
transition:0.3s;
}

.view-all-btn:hover{
transform:translateY(-3px);
}

.products-grid .product-card{
display:block;
text-decoration:none;
color:#000;
}


.coming-soon-text{
    font-size:14px;
    color:#777;
    text-align:center;
    max-width:600px;
    margin:15px auto 0;
    line-height:1.6;
}

.products-grid .product-card{
    text-decoration:none;
    color:#111;
    display:block;
}

.products-grid .product-card img{
    width:100%;
    height:380px;
    object-fit:cover;
    border-radius:25px;
    display:block;
}

.products-grid .product-card h3{
    margin-top:20px;
    font-size:36px;
    font-weight:700;
}


.product-card a{
    text-decoration:none;
}

.product-card img{
    width:100%;
    height:350px;
    object-fit:cover;
    border-radius:20px;
    display:block;
}

.product-card h3{
    color:#111;
    margin-top:20px;
}

@media(max-width:768px){

.main-nav{
position:fixed !important;
top:0 !important;
right:-100% !important;
width:280px !important;
height:100vh !important;
background:#fff !important;
z-index:999999 !important;
transition:.4s !important;
}

.main-nav.active{
right:0 !important;
}

.mobile-menu-btn{
display:flex !important;
}

}



/* MOBILE HEADER */

.mobile-menu-btn{
display:none;
cursor:pointer;
flex-direction:column;
gap:6px;
}

.mobile-menu-btn span{
width:30px;
height:3px;
background:#111;
display:block;
border-radius:10px;
}

@media(max-width:992px){

.header-buttons{
display:none;
}

.mobile-menu-btn{
display:flex;
}

.main-nav{
position:fixed;
top:80px;
left:-100%;
width:100%;
height:100vh;
background:#fff;
transition:0.3s;
z-index:99999;
padding:30px;
}

.main-nav.active{
left:0;
}

.nav-menu{
display:flex !important;
flex-direction:column !important;
gap:20px;
}

.nav-menu li{
list-style:none;
}

.nav-menu a{
font-size:20px;
font-weight:600;
text-decoration:none;
color:#111;
}

}

@media(max-width:992px){

.main-nav{
background:#fff !important;
overflow-y:auto !important;
}

.main-nav .nav-menu{
display:flex !important;
flex-direction:column !important;
gap:20px !important;
padding:30px !important;
margin:0 !important;
list-style:none !important;
}

.main-nav .nav-menu li{
display:block !important;
width:100% !important;
}

.main-nav .nav-menu li a{
display:block !important;
font-size:22px !important;
font-weight:600 !important;
color:#111 !important;
text-decoration:none !important;
padding:10px 0 !important;
}

}