/* INDEX EK BLOKLAR - RESPONSIVE + MODERN KATEGORI SLIDER */

.index-benefit-area,
.index-home-category-area,
.index-card-banner-area{
    background:#f8fafc;
    padding:28px 0;
}

.index-benefit-container,
.index-home-category-container,
.index-card-banner-container{
    width:min(1320px, calc(100% - 32px));
    margin:0 auto;
}

.index-benefit-grid{
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:16px;
}

.index-benefit-card{
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:18px;
    padding:18px;
    display:flex;
    align-items:center;
    gap:14px;
    box-shadow:0 12px 30px rgba(15,23,42,.06);
    min-width:0;
}

.index-benefit-icon{
    width:48px;
    height:48px;
    border-radius:15px;
    background:#ecfdf5;
    color:#16a34a;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:25px;
    flex:0 0 auto;
}

.index-benefit-info{min-width:0;}
.index-benefit-info strong{display:block;color:#0f172a;font-size:15px;line-height:1.25;font-weight:900;}
.index-benefit-info span{display:block;color:#64748b;font-size:13px;line-height:1.35;margin-top:3px;}

.index-extra-head,
.index-slider-head,
.campaign-slider-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:18px;
    margin-bottom:20px;
}

.index-extra-mini{
    display:block;
    color:#16a34a;
    font-size:13px;
    font-weight:900;
    margin-bottom:4px;
    text-transform:uppercase;
    letter-spacing:.04em;
}

.index-extra-head h2,
.index-slider-title,
.campaign-slider-title{
    margin:0;
    color:#0f172a;
    font-size:30px;
    line-height:1.15;
    font-weight:900;
}

.index-extra-head p{
    margin:8px 0 0;
    color:#64748b;
    font-size:15px;
    line-height:1.45;
    max-width:620px;
}

.index-extra-head a,
.index-category-nav a{
    color:#16a34a;
    font-size:15px;
    font-weight:900;
    text-decoration:none;
    white-space:nowrap;
}

.index-category-nav{
    display:flex;
    align-items:center;
    gap:10px;
    flex:0 0 auto;
}

.index-category-nav-btn{
    width:44px;
    height:44px;
    border:none;
    border-radius:999px;
    background:#ffffff;
    color:#0f172a;
    box-shadow:0 12px 28px rgba(15,23,42,.12);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:26px;
    font-weight:900;
    line-height:1;
    cursor:pointer;
    transition:.22s ease;
}

.index-category-nav-btn:hover{
    background:#16a34a;
    color:#fff;
    transform:translateY(-1px);
}

.index-home-category-slider-wrap{
    width:100%;
    overflow:hidden;
}

.index-home-category-slider{
    display:flex;
    gap:18px;
    overflow-x:auto;
    scroll-behavior:smooth;
    scrollbar-width:none;
    -ms-overflow-style:none;
    padding:5px 0 12px;
}

.index-home-category-slider::-webkit-scrollbar{display:none;}

.index-home-category-card{
    flex:0 0 calc((100% - 90px) / 6);
    min-width:0;
    background:linear-gradient(180deg,#fff,#fdfefe);
    border:1px solid #e5e7eb;
    border-radius:24px;
    padding:18px;
    text-align:center;
    text-decoration:none;
    color:#0f172a;
    box-shadow:0 16px 38px rgba(15,23,42,.08);
    transition:.25s ease;
}

.index-home-category-card:hover{
    transform:translateY(-4px);
    border-color:rgba(22,163,74,.35);
    box-shadow:0 22px 50px rgba(15,23,42,.12);
    color:#16a34a;
}

.index-home-category-img{
    height:122px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:14px;
}

.index-home-category-img img{
    max-width:100%;
    max-height:100%;
    width:auto;
    height:auto;
    object-fit:contain;
    transition:.25s ease;
}

.index-home-category-card:hover .index-home-category-img img{transform:scale(1.04);}

.index-home-category-title{
    min-height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
    line-height:1.25;
    font-weight:900;
    overflow:hidden;
    text-align:center;
}

.index-card-banner-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:18px;}
.index-card-banner-item{position:relative;min-height:240px;border-radius:24px;overflow:hidden;background:#0f172a;color:#fff;text-decoration:none;display:flex;align-items:flex-end;box-shadow:0 20px 45px rgba(15,23,42,.18);isolation:isolate;}
.index-card-banner-item:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(15,23,42,.06), rgba(15,23,42,.88));z-index:1;}
.index-card-banner-item img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.86;transition:.3s ease;}
.index-card-banner-item:hover img{transform:scale(1.045);}
.index-card-banner-content{position:relative;z-index:2;padding:24px;width:100%;}
.index-card-banner-content span{display:inline-flex;background:#16a34a;color:#fff;padding:6px 12px;border-radius:999px;font-size:12px;line-height:1;font-weight:900;margin-bottom:10px;}
.index-card-banner-content h3{margin:0 0 8px;color:#fff;font-size:24px;line-height:1.18;font-weight:900;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.index-card-banner-content p{margin:0 0 10px;color:#e5e7eb;font-size:14px;line-height:1.35;}
.index-card-banner-content strong{display:inline-flex;color:#fff;font-size:18px;font-weight:900;}

.index-slider-wrap,
.campaign-slider-wrap{overflow:hidden;width:100%;}
.index-slider-track,
.campaign-slider-track{display:flex;gap:22px;transition:transform .35s ease;will-change:transform;}
.index-slider-item,
.campaign-slider-item{flex:0 0 calc((100% - 66px) / 4);min-width:0;}
.index-slider-item .hs-product-card,
.campaign-slider-item .hs-product-card{width:100%;height:100%;}

@media(min-width:1600px){
    .index-benefit-container,.index-home-category-container,.index-card-banner-container{width:min(1500px, calc(100% - 64px));}
    .index-home-category-card{flex-basis:calc((100% - 100px) / 6);}
    .index-card-banner-item{min-height:270px;}
}

@media(max-width:1400px){
    .index-home-category-card{flex-basis:calc((100% - 72px) / 5);}
    .index-slider-item,.campaign-slider-item{flex-basis:calc((100% - 44px) / 3);}
}

@media(max-width:1199px){
    .index-benefit-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}
    .index-home-category-card{flex-basis:calc((100% - 54px) / 4);}
    .index-card-banner-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}
}

@media(max-width:1024px){
    .index-slider-item,.campaign-slider-item{flex-basis:calc((100% - 22px) / 2);}
    .index-extra-head h2,.index-slider-title,.campaign-slider-title{font-size:27px;}
}

@media(max-width:768px){
    .index-benefit-area,.index-home-category-area,.index-card-banner-area{padding:22px 0;}
    .index-benefit-container,.index-home-category-container,.index-card-banner-container{width:min(100% - 24px, 1320px);}
    .index-home-category-card{flex-basis:calc((100% - 36px) / 3);}
    .index-card-banner-grid{grid-template-columns:1fr;}
    .index-card-banner-item{min-height:220px;}
}

@media(max-width:640px){
    .index-slider-item,.campaign-slider-item{flex-basis:100%;}
    .index-extra-head,.index-slider-head,.campaign-slider-head{align-items:flex-start;flex-direction:column;gap:10px;}
    .index-extra-head h2,.index-slider-title,.campaign-slider-title{font-size:24px;}
    .index-benefit-grid{grid-template-columns:1fr;}
    .index-category-nav{width:100%;justify-content:space-between;}
    .index-home-category-slider{gap:12px;}
    .index-home-category-card{flex-basis:calc((100% - 12px) / 2);padding:14px;border-radius:18px;}
    .index-home-category-img{height:94px;}
    .index-home-category-title{font-size:14px;min-height:36px;}
    .index-card-banner-content{padding:20px;}
    .index-card-banner-content h3{font-size:21px;}
}

@media(max-width:380px){
    .index-benefit-container,.index-home-category-container,.index-card-banner-container{width:min(100% - 18px, 1320px);}
    .index-home-category-card{flex-basis:82%;}
    .index-benefit-card{padding:15px;}
    .index-card-banner-item{min-height:205px;border-radius:18px;}
}