.tsf-hero{
max-width:1200px;
margin:40px auto;
padding:60px;
background:#f3f7ef;
border-radius:30px;
display:flex;
align-items:center;
gap:40px;
}

.tsf-hero-content{flex:1}

.eyebrow{
font-size:12px;
font-weight:800;
letter-spacing:2px;
color:#328044;
}

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

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

.tsf-btn,.tsf-discover{
display:inline-block;
background:#1c2421;
color:#fff!important;
padding:14px 28px;
border-radius:30px;
font-weight:800;
}

.tsf-hero-visual{
flex:1;
min-height:260px;
}

.tsf-category-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px;
}

.tsf-category-card{
border:1px solid #eee;
border-radius:20px;
overflow:hidden;
text-align:center;
color:#111!important;
background:#fff;
}

.tsf-category-card img,.tsf-placeholder{
width:100%;
height:150px;
object-fit:cover;
background:#f5f5f5;
}

.tsf-category-card strong{
display:block;
padding:20px;
}

.tsf-badge{
position:absolute;
margin:15px;
background:#1c2421;
color:#fff;
padding:7px 12px;
border-radius:20px;
font-size:12px;
z-index:2;
}

.tsf-rating{font-size:13px;font-weight:700}
.tsf-price{font-size:20px;font-weight:900;margin:10px 0}

.tsf-payment-footer{
text-align:center;
padding:40px 20px;
}

.tsf-payment-footer img{
max-width:420px;
}

@media(max-width:700px){
.tsf-hero{
display:block;
padding:30px;
}

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

.tsf-category-grid{
grid-template-columns:1fr;
}
}


/* v1.2.0 Trending Now - additions only */
.tsf-trending{
max-width:1200px;
margin:40px auto;
}

.tsf-trending-track{
display:flex;
gap:20px;
overflow-x:auto;
scroll-snap-type:x mandatory;
padding-bottom:10px;
}

.tsf-trending-item{
min-width:260px;
background:#fff;
border:1px solid #eee;
border-radius:20px;
padding:15px;
scroll-snap-align:start;
}

.tsf-trending-item img{
width:100%;
height:240px;
object-fit:cover;
border-radius:15px;
}

.tsf-trending-item h3{
font-size:18px;
}

@media(max-width:700px){
.tsf-trending-item{
min-width:85%;
}
}


/* v1.3.1 Promo Banner */
.tsf-promo-banner{
    max-width:1200px;
    min-height:320px;
    margin:60px auto;
    border-radius:30px;
    overflow:hidden;
    background-size:cover;
    background-position:center;
    position:relative;
}

.tsf-promo-overlay{
    padding:60px;
    max-width:520px;
    background:rgba(255,255,255,.88);
    min-height:320px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.tsf-promo-overlay span{
    font-size:12px;
    font-weight:800;
    letter-spacing:2px;
    color:#328044;
}

.tsf-promo-overlay h2{
    font-size:42px;
    line-height:1.1;
    margin:15px 0;
}

.tsf-promo-overlay p{
    font-size:18px;
}

.tsf-promo-overlay a{
    display:inline-block;
    margin-top:20px;
    background:#1c2421;
    color:#fff!important;
    padding:14px 28px;
    border-radius:30px;
    width:max-content;
}

@media(max-width:700px){
    .tsf-promo-overlay{
        padding:30px;
    }

    .tsf-promo-overlay h2{
        font-size:30px;
    }
}


/* v1.3.2 Why Shop With Us */
.tsf-why-shop{
    max-width:1200px;
    margin:70px auto 40px;
    padding:50px 30px;
    background:#f3f7ef;
    border-radius:30px;
    text-align:center;
}

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

.tsf-why-card{
    background:#fff;
    border-radius:22px;
    padding:30px 20px;
    border:1px solid #eee;
}

.tsf-why-icon{
    font-size:36px;
    margin-bottom:15px;
}

.tsf-why-card h3{
    font-size:20px;
    margin-bottom:10px;
}

.tsf-why-card p{
    font-size:15px;
}

@media(max-width:700px){
    .tsf-why-grid{
        grid-template-columns:1fr;
    }
}


/* v1.3.3 custom category images */
.tsf-category-card img{
    object-fit:cover;
}


/* v1.3.5 Visual Styling Controls */
:root{
    --tsf-primary:#1c2421;
    --tsf-accent:#328044;
}

.tsf-section-custom-spacing{
    margin-top:var(--tsf-section-spacing,50px);
    margin-bottom:var(--tsf-section-spacing,50px);
}

.tsf-category-card,
.tsf-item,
.tsf-why-card{
    border-radius:var(--tsf-radius,20px);
}