/* =========================================================
   PREMIUM SERVICE CARDS - Dior/Chanel-inspired service layout
   Loaded after previous homepage CSS files.
   ========================================================= */

.premium-service-showcase{
    background:
        radial-gradient(circle at 12% 12%,rgba(212,175,55,.14),transparent 28%),
        linear-gradient(180deg,#f7f3ee 0%,#fff 100%) !important;
}

.premium-services-grid{
    align-items:stretch !important;
}

.premium-service-card{
    padding:0 !important;
    overflow:hidden !important;
    display:flex !important;
    flex-direction:column !important;
    min-height:100% !important;
    background:linear-gradient(145deg,rgba(255,255,255,.7),rgba(255,248,239,.48)) !important;
    border:1px solid rgba(212,175,55,.2) !important;
    box-shadow:0 24px 62px rgba(124,72,48,.13), inset 0 1px 0 rgba(255,255,255,.76) !important;
}

.premium-service-media{
    position:relative !important;
    height:285px !important;
    margin:0 !important;
    overflow:hidden !important;
    border-radius:24px 24px 0 0 !important;
    background:#f7f3ee !important;
}

.premium-service-media img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    display:block !important;
    transform:scale(1.01) !important;
    transition:transform .85s ease, filter .85s ease !important;
}

.premium-service-media::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    background:
        linear-gradient(180deg,rgba(255,255,255,.05) 0%,rgba(40,25,16,.08) 45%,rgba(26,17,12,.68) 100%);
    pointer-events:none;
}

.premium-service-media::after{
    content:"";
    position:absolute;
    inset:16px;
    z-index:2;
    border:1px solid rgba(255,255,255,.34);
    border-radius:18px;
    pointer-events:none;
    opacity:.85;
}

.premium-service-media figcaption{
    position:absolute;
    left:1.25rem;
    right:1.25rem;
    bottom:1.18rem;
    z-index:3;
    color:#fffaf2;
}

.premium-service-media figcaption span{
    display:inline-flex;
    width:max-content;
    padding:.25rem .68rem;
    border-radius:999px;
    background:rgba(255,248,239,.18);
    border:1px solid rgba(255,255,255,.3);
    color:#f7df9b;
    font-size:.72rem;
    font-weight:700;
    letter-spacing:.16em;
    text-transform:uppercase;
    backdrop-filter:blur(12px);
}

.premium-service-media figcaption h3{
    margin:.55rem 0 0 !important;
    font-family:'Playfair Display',serif !important;
    font-size:clamp(1.55rem,2vw,2.05rem) !important;
    line-height:1.02 !important;
    color:#fffaf2 !important;
    text-shadow:0 12px 28px rgba(0,0,0,.28) !important;
}

.premium-service-body{
    display:flex !important;
    flex-direction:column !important;
    flex:1 1 auto !important;
    padding:1.25rem 1.25rem 1.35rem !important;
}

.premium-service-body > p{
    flex:1 1 auto !important;
    margin:.1rem 0 1rem !important;
    color:#57463d !important;
}

.premium-service-meta{
    margin:.15rem 0 1rem !important;
    padding-top:.85rem !important;
    border-top:1px solid rgba(212,175,55,.18) !important;
}

.details-btn-full{
    width:100% !important;
    justify-content:center !important;
    margin-top:auto !important;
    padding:.85rem 1.2rem !important;
    text-decoration:none !important;
    border-radius:999px !important;
}

.details-btn-full::after{
    content:"" !important;
}

.premium-service-card:hover .premium-service-media img{
    transform:scale(1.08) !important;
    filter:saturate(1.08) contrast(1.03) !important;
}

.premium-service-card:hover{
    transform:translateY(-8px) !important;
    box-shadow:0 36px 92px rgba(110,70,45,.2), inset 0 1px 0 rgba(255,255,255,.82) !important;
}

@media(max-width:1080px){
    .premium-service-media{
        height:300px !important;
    }
}

@media(max-width:560px){
    .premium-service-media{
        height:260px !important;
    }
}