/* =========================================
HOME PAGE
========================================= */

.hero-section{

display:grid;
grid-template-columns:1fr 1fr;

align-items:center;

min-height:92vh;

padding:40px 5% 0;

gap:60px;

overflow:hidden;

}

.hero-left{

max-width:620px;

}

.hero-mini{

font-size:12px;
letter-spacing:4px;

margin-bottom:20px;

color:#555;

text-transform:uppercase;

}

.hero-sub{

font-size:34px;
font-weight:400;

margin-bottom:22px;

line-height:1.3;

}

.hero-section h1{

font-size:110px;
line-height:.92;

font-weight:700;

margin-bottom:28px;

letter-spacing:-3px;

}

.hero-desc{

font-size:13px;

letter-spacing:6px;

margin-bottom:42px;

color:#444;

text-transform:uppercase;

}

.hero-btn{

display:inline-block;

padding:16px 32px;

background:#111;
color:#fff;

text-decoration:none;

font-size:13px;
letter-spacing:1px;

border-radius:4px;

transition:.3s;

}

.hero-btn:hover{

opacity:.85;

}

.hero-right{

height:100%;

position:relative;

}

.hero-right img{

width:100%;
height:100%;

object-fit:cover;

display:block;

border-radius:22px;

}

/* =========================================
HOME CATEGORY SECTION
========================================= */

.home-category-section{

padding:110px 0;

}

.section-top{

display:flex;
justify-content:space-between;
align-items:flex-end;

margin-bottom:42px;

gap:20px;

}

.section-mini{

font-size:12px;
letter-spacing:3px;

margin-bottom:10px;

color:#666;

text-transform:uppercase;

}

.section-top h2{

font-size:58px;
line-height:1.1;

font-weight:600;

letter-spacing:-2px;

}

.section-link{

text-decoration:none;
color:#111;

font-size:15px;

padding-bottom:5px;

border-bottom:1px solid #111;

transition:.3s;

}

.section-link:hover{

opacity:.7;

}

/* =========================================
CATEGORY GRID
========================================= */

.category-grid{

display:grid;
grid-template-columns:repeat(3,1fr);

gap:28px;

}

.category-card{

display:block;

text-decoration:none;
color:#111;

background:#fff;

border-radius:22px;

overflow:hidden;

transition:.35s;

position:relative;

}

.category-card:hover{

transform:translateY(-6px);

box-shadow:0 10px 35px rgba(0,0,0,0.08);

}

.category-image{

position:relative;

overflow:hidden;

}

.category-image img{

width:100%;

display:block;

transition:transform .5s ease;

}

.category-card:hover img{

transform:scale(1.04);

}

.category-info{

display:flex;
justify-content:space-between;
align-items:center;

padding:22px;

}

.category-info h3{

font-size:18px;
font-weight:600;

letter-spacing:1px;

}

.category-info span{

font-size:22px;

}

/* =========================================
COMING SOON OVERLAY
========================================= */

.coming-overlay{

position:absolute;

top:0;
left:0;

width:100%;
height:100%;

background:rgba(0,0,0,0.28);

display:flex;
flex-direction:column;
justify-content:center;
align-items:center;

text-align:center;

color:#fff;

backdrop-filter:blur(2px);

}

.coming-overlay h4{

font-size:24px;
margin-bottom:8px;

letter-spacing:1px;

}

.coming-overlay p{

font-size:15px;

opacity:.9;

}

/* =========================================
TRUST SECTION
========================================= */

.trust-section{

padding:120px 0 80px;

}

.trust-grid{

display:grid;
grid-template-columns:repeat(4,1fr);

gap:25px;

margin-top:50px;

}

.trust-card{

padding:40px 30px;

border:1px solid #eee;

border-radius:18px;

background:#fff;

transition:.3s;

}

.trust-card:hover{

transform:translateY(-5px);

box-shadow:0 8px 25px rgba(0,0,0,0.05);

}

.trust-card h3{

font-size:18px;

margin-bottom:14px;

}

.trust-card p{

font-size:14px;

color:#666;

line-height:1.7;

}

/* =========================================
COMMUNITY SECTION
========================================= */

.community-section{

padding:120px 0;

text-align:center;

}

.community-section h2{

font-size:56px;

line-height:1.1;

margin-bottom:25px;

letter-spacing:-2px;

}

.community-text{

max-width:760px;

margin:auto;

font-size:18px;

color:#555;

line-height:1.8;

}

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

@media(max-width:768px){

.hero-section{

grid-template-columns:1fr;

padding:40px 5% 0;

gap:40px;

min-height:auto;

}

.hero-section h1{

font-size:58px;

letter-spacing:-2px;

}

.hero-sub{

font-size:24px;

}

.hero-desc{

letter-spacing:3px;
font-size:11px;

}

.hero-right img{

border-radius:16px;

}

.section-top{

flex-direction:column;
align-items:flex-start;

}

.section-top h2{

font-size:38px;

}

.category-grid{

grid-template-columns:1fr;

}

.home-category-section{

padding:70px 0;

}

.trust-grid{

grid-template-columns:1fr;

}

.community-section h2{

font-size:38px;

}

.community-text{

font-size:16px;

}

}