/*
Theme Name: Simply Natural V22 Premium
*/

:root{
--green:#5c7c5c;
--text:#2f3e2f;
--muted:#6b7a6b;
}

body{
margin:0;
font-family:Inter,sans-serif;
padding-top:80px;
background:linear-gradient(135deg,#f4f7f5,#e6efe8,#dbe7dd);
color:var(--text);
}

a{text-decoration:none;color:inherit;}

/* HEADER */
.header{
position:fixed;
top:0;
left:0;
width:100%;
height:80px;
display:flex;
align-items:center;
justify-content:space-between;
padding:0 40px;
background:rgba(30,30,30,0.95);
color:#fff;
z-index:9999;
}

/* HERO */
.hero-slider{height:80vh;position:relative;}
.slide{position:absolute;width:100%;height:100%;background-size:cover;background-position:center;opacity:0;transition:1s;display:flex;align-items:center;justify-content:center;}
.slide.active{opacity:1;}

.hero-inner{
backdrop-filter:blur(10px);
background:rgba(0,0,0,0.25);

border-radius:20px;
color:#fff;
}

/* GRID */
.product-grid{max-width:1200px;margin:60px auto;padding:0 20px;}
.products{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;list-style:none;padding:0;margin:0;}
.products li{list-style:none;}

/* PREMIUM GLASS CARD */
.product-tile{
background:linear-gradient(145deg,rgba(255,255,255,0.5),rgba(255,255,255,0.2));
backdrop-filter:blur(30px);
border:1px solid rgba(255,255,255,0.4);
border-radius:22px;
box-shadow:0 10px 30px rgba(0,0,0,0.08), inset 0 1px 0 rgba(255,255,255,0.7);
padding:22px;
transition:.4s;
}

.product-tile:hover{
transform:translateY(-10px) scale(1.02);
box-shadow:0 25px 60px rgba(0,0,0,0.15);
}

.product-tile img{width:100%;border-radius:14px;}

/* CTA */
.btn{
display:block;
padding:14px;
margin-top:12px;
border-radius:16px;
background:linear-gradient(145deg,rgba(92,124,92,0.6),rgba(92,124,92,0.3));
backdrop-filter:blur(20px);
border:1px solid rgba(255,255,255,0.4);
color:white;
text-align:center;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.6),0 8px 20px rgba(0,0,0,0.1);
transition:.3s;
}

.btn:hover{
transform:translateY(-3px);
background:rgba(92,124,92,0.8);
}

/* PARALLAX */
/* DESKTOP */
.parallax{
position:relative;
height:300px;

background:url('https://cbdgrossmarkt.de/wp-content/uploads/2025/05/Leonardo_Kino_XL_Italian_farm_land_sunny_day_3.jpg') center/cover no-repeat;
background-attachment:fixed;

margin:80px auto;
max-width:1200px;
border-radius:20px;
overflow:hidden;
}

/* MOBILE FIX */
@media(max-width:768px){

.parallax{
background-attachment:scroll;
}

.parallax::before{
content:"";
position:absolute;
inset:0;

background:url('https://cbdgrossmarkt.de/wp-content/uploads/2025/05/Leonardo_Kino_XL_Italian_farm_land_sunny_day_3.jpg') center/cover no-repeat;

transform:scale(1.1);
z-index:-1;
}

}

.parallax::after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(to bottom,rgba(0,0,0,0.2),rgba(0,0,0,0.4));
border-radius:20px;
}

/* SPLIT */
.text-section{margin:100px 0;}

.tile.split{
display:flex;
max-width:1100px;
margin:auto;
background:rgba(255,255,255,0.4);
backdrop-filter:blur(25px);
border-radius:20px;
overflow:hidden;
}

.tile.split.reverse{flex-direction:row-reverse;}

.tile-image{flex:0 0 30%;}
.tile-image img{width:100%;height:100%;object-fit:cover;}
.tile-content{flex:1;padding:60px;text-align:center;}

/* MOBILE */
@media(max-width:900px){
.products{grid-template-columns:1fr 1fr;}
.tile.split{flex-direction:column;}
}

@media(max-width:500px){
.products{grid-template-columns:1fr;}
}