/* ======================================
   PRODUCT CARD – CLEAN PREMIUM
====================================== */

.modern-card {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #f1efec;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;

    height: 100%;
    position: relative;
}

.modern-card:hover {

    transform: translateY(-4px);

    border-color: #e2d2bf;

    box-shadow:
        0 12px 28px rgba(0,0,0,.05);
}

/* ======================================
   IMAGE AREA
====================================== */

.modern-img{
    height:450px;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
}

.modern-img img{
    width:100%;
    height:100%;
    object-fit:contain;
    transition:.4s;
}

.modern-card:hover img{
    transform:scale(1.03);
}

/* ======================================
   BODY
====================================== */

.modern-body {
    padding: 16px 16px 20px;
}

/* TITLE */

.modern-title {

    font-size: 14px;

    font-weight: 500;

    line-height: 1.5;

    letter-spacing: .1px;

    color: #2b2b2b;

    text-align: center;

    margin-bottom: 10px;

    min-height: 44px;

    font-family:
        "Inter",
        "Helvetica Neue",
        sans-serif;
}

/* DIVIDER */

.divider {

    width: 32px;
    height: 1px;

    margin: 0 auto 12px;

    background: #dcc4a8;
}

/* PRICE */

.modern-price {

    font-size: 18px;

    font-weight: 600;

    letter-spacing: -.2px;

    color: #111;

    text-align: center;

    font-family:
        "Inter",
        "Helvetica Neue",
        sans-serif;
}

.modern-price span {

    font-size: 13px;

    font-weight: 500;
}

/* ======================================
   FAVORITE BUTTON
====================================== */

.favorite-btn {

    position: absolute;

    top: 12px;
    right: 12px;

    width: 34px;
    height: 34px;

    border-radius: 50%;

    border: 1px solid #ececec;

    background: rgba(255,255,255,.92);

    backdrop-filter: blur(4px);

    transition: .25s ease;

    z-index: 5;
}

.favorite-btn:hover {

    background: #fff4f4;

    color: #c55;
}

/* ======================================
   CART ICON
====================================== */

.add-to-cart i {

    font-size: 19px;

    transition: .2s ease;
}

.add-to-cart i:hover {

    color: #b88d63;
}

/* ======================================
   HOME – CATEGORY GRID
====================================== */

.home-category-grid {

    display: grid !important;

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

    gap: 24px;

    margin-top: 30px;
}

/* CATEGORY CARD */

.home-category-card {

    background: #fff;

    border: 1px solid #ececec;

    border-radius: 16px;

    overflow: hidden;

    text-align: center;

    transition: .25s ease;
}

.home-category-card:hover {

    transform: translateY(-4px);

    box-shadow:
        0 12px 28px rgba(0,0,0,.05);
}

/* CATEGORY IMAGE */

.home-category-card img {

    width: 100%;

    height: 240px;

    object-fit: cover;

    display: block;

    background: #f7f7f7;
}

/* CATEGORY TITLE */

.home-category-title {

    padding: 16px;

    font-weight: 600;

    font-size: 15px;

    color: #222;
}

/* ======================================
   CATEGORY PAGE COVER
====================================== */

.category-cover {

    width: 230px;

    border-radius: 12px;

    overflow: hidden;

    border: 1px solid #ececec;

    flex-shrink: 0;

    background: #fafafa;
}

.category-cover img {

    width: 100%;

    height: 100%;

    object-fit: contain;

    display: block;
}

/* ======================================
   DIVIDER
====================================== */

.home-divider {

    width: 100%;
    height: 1px;

    background: linear-gradient(
        to right,
        transparent,
        rgba(223,114,5,.85),
        transparent
    );

    margin: 70px 0;
}

/* ======================================
   SLIDER
====================================== */

.slider-modern img {

    height: 420px;

    object-fit: cover;
}

/* CAPTION */

.slider-caption {

    text-align: left;

    bottom: 20%;
}

.slider-caption h2 {

    font-size: 32px;

    font-weight: 600;
}

.slider-caption p {

    font-size: 15px;

    max-width: 420px;
}

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

@media (max-width: 992px) {

    .home-category-grid {

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

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

@media (max-width: 768px) {

    .modern-img {

        height: 250px;
    }

    .modern-body {

        padding: 12px;
    }

    .modern-title {

        font-size: 13px;

        min-height: auto;

        margin-bottom: 8px;
    }

    .modern-price {

        font-size: 16px;
    }

    .modern-price span {

        font-size: 12px;
    }

    .slider-modern img {

        height: 260px;
    }
}

@media (max-width: 576px) {

    .home-category-grid {

        grid-template-columns: 1fr;
    }

    .home-category-card img {

        height: 190px;
    }

    .category-header {

        flex-direction: column;

        justify-content: center;

        align-items: center;

        gap: 16px;

        text-align: center;
    }

    .category-cover {

        width: 170px;

        margin: 0 auto;
    }
}

.glass-btn {
    padding: 6px 4px;
    backdrop-filter: blur(6px);
    background: rgba(255,255,255,0.25);
    border: 1px solid rgba(255,255,255,0.3);
    border-radius: 12px;
    color: #333;
    transition: .3s;
 
}
.glass-btn:hover {
    background: rgba(255,255,255,0.45);
  
}