/* Tuscany House — pagina categorie individuale */
.vm-category-page{
    background:#f8f7f4;
    min-height:70vh;
    overflow:hidden;
}

.vm-breadcrumbs{
    padding:24px 0 0;
    font-size:11px;
    line-height:1.4;
    color:var(--vm-muted);
    letter-spacing:.04em;
}
.vm-breadcrumbs a{
    text-decoration:none;
}
.vm-breadcrumbs span{
    white-space:normal;
}

.vm-category-hero{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:70px;
    align-items:center;
    padding:65px 0 80px;
    border-bottom:1px solid var(--vm-line);
    min-width:0;
}

.vm-category-hero__text{
    min-width:0;
}
.vm-category-hero h1{
    font:500 clamp(58px,7vw,100px)/.88 "Cormorant Garamond",Georgia,serif;
    letter-spacing:-.03em;
    margin:0;
    max-width:650px;
    overflow-wrap:anywhere;
}
.vm-category-lead{
    font:400 23px/1.35 "Cormorant Garamond",Georgia,serif;
    color:#5c554e;
    max-width:580px;
    margin:28px 0 0;
    overflow-wrap:anywhere;
}
.vm-category-hero__image{
    width:100%;
    min-width:0;
    height:470px;
    overflow:hidden;
    background:var(--vm-soft);
}
.vm-category-hero__image img{
    width:100%;
    max-width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

.vm-category-description{
    max-width:820px;
    margin:65px auto 0;
    font:400 22px/1.55 "Cormorant Garamond",Georgia,serif;
    color:#504a44;
    text-align:center;
    overflow-wrap:anywhere;
    word-break:break-word;
}

.vm-products-section{
    padding-top:90px;
    padding-bottom:80px;
}
.vm-product-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:26px;
    min-width:0;
}
.vm-product-card{
    display:block;
    min-width:0;
    color:inherit;
    text-decoration:none;
    overflow:hidden;
}
.vm-product-card__image{
    width:100%;
    aspect-ratio:4/3;
    overflow:hidden;
    background:#e9e6e0;
}
.vm-product-card__image img{
    display:block;
    width:100%;
    max-width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .6s ease;
}
.vm-product-card:hover .vm-product-card__image img{
    transform:scale(1.025);
}
.vm-product-card__body{
    min-width:0;
    padding:18px 2px 0;
}
.vm-product-brand{
    font-size:10px;
    line-height:1.3;
    letter-spacing:.16em;
    text-transform:uppercase;
    color:var(--vm-muted);
    margin-bottom:8px;
}
.vm-product-card h3{
    margin:0;
    font:500 31px/1 "Cormorant Garamond",Georgia,serif;
    letter-spacing:-.015em;
    overflow-wrap:anywhere;
}
.vm-product-card__body p{
    margin:8px 0 0;
    color:var(--vm-muted);
    font-size:13px;
    line-height:1.5;
    overflow-wrap:anywhere;
}
.vm-product-link{
    display:inline-block;
    margin-top:14px;
    font-size:10px;
    line-height:1.2;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.vm-empty-state{
    padding:65px 20px;
    text-align:center;
    background:#eeeae3;
}
.vm-empty-state h3{
    margin:0 0 10px;
    font:500 42px/1 "Cormorant Garamond",Georgia,serif;
}
.vm-empty-state p:not(.vm-eyebrow){
    max-width:600px;
    margin:0 auto 24px;
    color:var(--vm-muted);
}

@media(max-width:900px){
    .vm-category-hero{
        grid-template-columns:minmax(0,1fr);
        gap:38px;
        padding:50px 0 60px;
    }
    .vm-category-hero__image{
        height:auto;
        aspect-ratio:4/3;
    }
    .vm-category-description{
        margin-top:48px;
        font-size:21px;
    }
    .vm-products-section{
        padding-top:65px;
    }
    .vm-product-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:600px){
    .vm-category-page{
        width:100%;
        max-width:100%;
        overflow-x:hidden;
    }

    .vm-category-page .vm-container{
        width:calc(100% - 30px);
        max-width:100%;
        min-width:0;
    }

    .vm-breadcrumbs{
        padding-top:18px;
        font-size:10px;
    }

    .vm-category-hero{
        display:block;
        padding:38px 0 42px;
    }

    .vm-category-hero__text{
        width:100%;
        min-width:0;
    }

    .vm-category-hero h1{
        font-size:clamp(50px,16vw,72px);
        line-height:.88;
        max-width:100%;
    }

    .vm-category-lead{
        font-size:20px;
        line-height:1.35;
        margin-top:20px;
        max-width:100%;
    }

    .vm-category-hero__image{
        width:100%;
        max-width:100%;
        height:auto;
        aspect-ratio:4/3;
        margin-top:34px;
    }

    .vm-category-description{
        width:100%;
        max-width:100%;
        margin:38px 0 0;
        font-size:20px;
        line-height:1.5;
        text-align:left;
    }

    .vm-products-section{
        padding-top:58px;
        padding-bottom:60px;
    }

    .vm-section-head{
        margin-bottom:30px;
    }

    .vm-section h2{
        font-size:42px;
    }

    .vm-section-intro{
        font-size:13px;
        line-height:1.5;
        max-width:100%;
    }

    .vm-product-grid{
        grid-template-columns:1fr;
        gap:38px;
        width:100%;
        max-width:100%;
    }

    .vm-product-card{
        width:100%;
        max-width:100%;
    }

    .vm-product-card__image{
        width:100%;
        max-width:100%;
        aspect-ratio:4/3;
    }

    .vm-product-card__body{
        padding-top:15px;
    }

    .vm-product-card h3{
        font-size:34px;
    }

    .vm-empty-state{
        padding:50px 18px;
    }

    .vm-empty-state h3{
        font-size:36px;
    }
}
