:root{
    --bg1:#fbf6f3;
    --bg2:#fdecee;
    --ink:#222;
    --muted:#6b646e;
    --rose:#f1bfc8;
    --rose2:#e7aab6;
    --card: rgba(255,255,255,.78);
    --shadow: 0 18px 55px rgba(18,18,18,.08);
    --radius: 18px;
    --border: rgba(0,0,0,.06);
}
body{
    font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    color: var(--ink);
    background: linear-gradient(180deg, var(--bg1), var(--bg2));
}
.ff-serif{ font-family: "Playfair Display", serif; }
.muted{ color: var(--muted); }
.glass{
    background: var(--card);
    border: 1px solid var(--border);
    box-shadow: var(--shadow);
    border-radius: var(--radius);
    backdrop-filter: blur(10px);
}
.btn-rose{
    background: var(--rose);
    border-color: var(--rose);
    color: #4b2a32;
    font-weight: 600;
    border-radius: 14px;
    padding: .85rem 1.25rem;
    box-shadow: 0 12px 24px rgba(231,170,182,.28);
}
.btn-rose:hover{ filter: brightness(.97); }
.btn-outline-rose{
    border: 1px solid rgba(231,170,182,.7);
    color: #6b2f3e;
    border-radius: 14px;
    padding: .85rem 1.25rem;
    font-weight: 600;
    background: rgba(255,255,255,.55);
}
.btn-outline-rose:hover{ background: rgba(241,191,200,.25); }
.topbar{
    position: sticky;
    top:0;
    z-index: 50;
    background: rgba(255,255,255,.7);
    border-bottom: 1px solid rgba(0,0,0,.05);
    backdrop-filter: blur(10px);
}
.brand{
    text-decoration: none;
    color: #d08d9a;
    font-weight: 700;
    letter-spacing: .2px;
    font-family: "Great Vibes", cursive;
    font-size: 62px;
    color: #d9a1ac;
    letter-spacing: 0.2px;
}

.brand-wrap{
    display: inline-flex;
    align-items: center;
    gap: .85rem;
    text-decoration: none;
    min-width: 0;
}

.brand-logo{
    width: 80px;
    height: 80px;
    flex: 0 0 80px;
    display: inline-flex;
    align-items: center;
    justify-content: center;

    overflow: hidden;
}

.brand-logo img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.brand{
    text-decoration: none;
    color: #d9a1ac;
    font-weight: 700;
    font-family: "Great Vibes", cursive;
    font-size: 62px;
    letter-spacing: 0.2px;
    line-height: 1;
    white-space: nowrap;
}

@media (max-width: 991.98px){
    .brand{
        font-size: 48px;
    }

    .brand-logo{
        width: 44px;
        height: 44px;
        flex-basis: 44px;
    }
}

@media (max-width: 575.98px){
    .brand-wrap{
        gap: .6rem;
    }

    .brand{
        font-size: 38px;
    }

    .brand-logo{
        width: 38px;
        height: 38px;
        flex-basis: 38px;
    }
}

.social{
    width: 34px; height: 34px;
    display:inline-flex; align-items:center; justify-content:center;
    border-radius: 50%;
    background: rgba(241,191,200,.35);
    color: #7a3a49;
    text-decoration:none;
    transition: transform .2s ease, background .2s ease;
}
.social:hover{ transform: translateY(-1px); background: rgba(231,170,182,.55); }

/* HERO */
.hero{
    border-radius: 28px;
    overflow: hidden;
    box-shadow: var(--shadow);
    background:
            radial-gradient(1200px 600px at 25% 20%, rgba(255,255,255,.85) 0%, rgba(255,255,255,.55) 45%, rgba(255,255,255,.10) 70%),
            linear-gradient(90deg, rgba(251,246,243,.92) 0%, rgba(251,246,243,.75) 52%, rgba(251,246,243,.12) 100%),
            url("../assets/img/hero2.jpg") center/cover no-repeat;
    min-height: 520px;
}
.hero-inner{ padding: clamp(1.75rem, 3vw, 3.5rem); }
.kicker{
    text-transform: uppercase;
    letter-spacing: .12em;
    font-size: .9rem;
    color: #b88693;
    font-weight: 700;
}
.h1{
    font-family: "Playfair Display", serif;
    font-weight: 700;
    line-height: 1.02;
    font-size: clamp(2.2rem, 4vw, 3.4rem);
}
.leadish{ font-size: 1.05rem; max-width: 55ch; }
.hero-badges .badge{
    background: rgba(255,255,255,.7);
    border: 1px solid rgba(0,0,0,.06);
    color: #5a4a52;
    font-weight: 600;
    padding: .55rem .75rem;
    border-radius: 999px;
}

/* Sections */
.section{ padding: 4rem 0; }
.section-title{
    font-family: "Playfair Display", serif;
    font-weight: 700;
    font-size: clamp(1.8rem, 2.4vw, 2.35rem);
}

/* Cards */
.cardx{
    border-radius: 18px;
    overflow: hidden;
    border: 1px solid var(--border);
    background: rgba(255,255,255,.82);
    box-shadow: 0 14px 40px rgba(18,18,18,.08);
}
.cardx img{ width:100%; height: 100% !important; object-fit: cover; display:block; }
.cardx .p{ padding: 1.25rem; }

/* Full-bleed CTA */
.full-bleed{
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}
.cta{
    border-radius: 0;
    background:
            linear-gradient(90deg, rgba(251,246,243,.95) 0%, rgba(251,246,243,.78) 55%, rgba(251,246,243,.12) 100%),
            url("../assets/img/appointment.jpg") center/cover no-repeat;
    box-shadow: var(--shadow);
}
.cta .inner{ padding: 4rem 0; }
@media (max-width: 991.98px){
    .hero{ background-position: 70% center; }
    .cardx img{ height: 240px; }
    .cta .inner{ padding: 3rem 0; }
}

footer{
    padding: 2.5rem 0;
    color: var(--muted);
    border-top: 1px solid rgba(0,0,0,.06);
    background: rgba(255,255,255,.4);
    backdrop-filter: blur(10px);
}
.mini{
    font-size: .92rem;
    color: var(--muted);
}

/* Links - rose palette */
:root{
    --link: #7a3a49;        /* rose-ink */
    --link-hover: #5e2a36;  /* deeper */
    --link-underline: rgba(231,170,182,.75);
    --focus-ring: rgba(231,170,182,.55);
}

/* default links */
a{
    color: var(--link);
    text-decoration-color: var(--link-underline);
    text-decoration-thickness: .08em;
    text-underline-offset: .18em;
    transition: color .18s ease, text-decoration-color .18s ease, opacity .18s ease;
}
a:hover{
    color: var(--link-hover);
    text-decoration-color: rgba(94,42,54,.35);
}
a:focus-visible{
    outline: none;
    border-radius: 10px;
    box-shadow: 0 0 0 .25rem var(--focus-ring);
}

/* links in muted text (optional, nicer in footer/secondary text) */
.muted a,
.mini a{
    color: #6b2f3e;
    text-decoration-color: rgba(231,170,182,.55);
}
.muted a:hover,
.mini a:hover{
    color: var(--link-hover);
}

/* buttons / nav items that are anchors should not get underline */
a.btn,
a.social,
.brand{
    text-decoration: none;
}

/* in glass cards: make links slightly stronger */
.glass a,
.cardx a{
    color: #6b2f3e;
}
.glass a:hover,
.cardx a:hover{
    color: var(--link-hover);
}

.faq .accordion-item{
    border: 1px solid var(--border);
    border-radius: 18px !important;
    overflow: hidden;
    background: rgba(255,255,255,.82);
    box-shadow: 0 14px 40px rgba(18,18,18,.06);
    margin-bottom: 14px;
}
.faq .accordion-button{
    background: transparent;
    font-weight: 700;
    color: #3c2a31;
    padding: 1.15rem 1.25rem;
    box-shadow: none;
}
.faq .accordion-button:focus{
    border-color: transparent;
    box-shadow: 0 0 0 .25rem var(--focus-ring);
}
.faq .accordion-button:not(.collapsed){
    color: #5e2a36;
    background: rgba(241,191,200,.22);
}
.faq .accordion-body{
    padding: 1.1rem 1.25rem 1.25rem;
    color: #3b3438;
}
.faq .accordion-button::after{
    filter: hue-rotate(320deg) saturate(1.2);
    opacity: .85;
}


/* Gallery cards */
.dress-card{
    border-radius: 18px;
    overflow: hidden;
    border: 1px solid var(--border);
    background: rgba(255,255,255,.82);
    box-shadow: 0 14px 40px rgba(18,18,18,.08);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    height: 100%;
}
.dress-card:hover{
    transform: translateY(-2px);
    box-shadow: 0 18px 55px rgba(18,18,18,.10);
    border-color: rgba(0,0,0,.09);
}

/* Portrait ratio: 4:5 (álló) */
.dress-media{
    aspect-ratio: 4 / 5;
    width: 100%;
    background: rgba(241,191,200,.18);
    position: relative;
    overflow: hidden;
}
.dress-media img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transform: scale(1.02);
    transition: transform .25s ease;
}
.dress-card:hover .dress-media img{ transform: scale(1.06); }

.dress-name{
    padding: 1rem 1.05rem;
    font-weight: 600;
    color: #3b2a31;
}
.mini{ font-size: .92rem; color: var(--muted); }

/* Pagination styling to match */
.pagination .page-link{
    border-radius: 14px !important;
    border: 1px solid rgba(231,170,182,.55);
    color: #6b2f3e;
    background: rgba(255,255,255,.60);
    padding: .65rem .95rem;
    font-weight: 600;
}
.pagination .page-link:hover{
    background: rgba(241,191,200,.20);
    color: #6b2f3e;
}
.pagination .page-item.active .page-link{
    background: rgba(241,191,200,.85);
    border-color: rgba(231,170,182,.75);
    color: #4b2a32;
    box-shadow: 0 12px 24px rgba(231,170,182,.22);
}
.pagination .page-item.disabled .page-link{
    opacity: .6;
    background: rgba(255,255,255,.45);
}






.breadcrumbx a { color: inherit; text-decoration: none; }
.breadcrumbx a:hover { text-decoration: underline; }

.product-wrap{
    border-radius: 28px;
    overflow: hidden;
    box-shadow: var(--shadow);
    border: 1px solid rgba(0,0,0,.06);
    background: rgba(255,255,255,.72);
}

.prod-media{
    background:
            radial-gradient(900px 500px at 30% 20%, rgba(255,255,255,.85) 0%, rgba(255,255,255,.55) 45%, rgba(255,255,255,.10) 70%),
            linear-gradient(180deg, rgba(251,246,243,.55), rgba(253,236,238,.45));
    padding: 1rem;
}

.main-photo{
    border-radius: 22px;
    overflow: hidden;
    border: 1px solid rgba(0,0,0,.06);
    background: rgba(255,255,255,.8);
    box-shadow: 0 14px 40px rgba(18,18,18,.08);
}

.main-photo img{
    width: 100%;
    aspect-ratio: 4 / 5;
    object-fit: cover;
    display: block;
}

.thumbs{
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .65rem;
    margin-top: .9rem;
}

@media (max-width: 575.98px){
    .thumbs{
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.thumb{
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid rgba(0,0,0,.06);
    background: rgba(255,255,255,.85);
    box-shadow: 0 10px 24px rgba(18,18,18,.06);
    cursor: pointer;
    transition: transform .15s ease, filter .15s ease;
}

.thumb:hover{
    transform: translateY(-1px);
    filter: brightness(.98);
}

.thumb img{
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    display: block;
}

.prod-content{
    padding: clamp(1.25rem, 2.2vw, 2rem);
}

.badge-soft{
    background: rgba(255,255,255,.7);
    border: 1px solid rgba(0,0,0,.06);
    color: #5a4a52;
    font-weight: 700;
    padding: .55rem .75rem;
    border-radius: 999px;
}

.desc{
    line-height: 1.7;
}

.desc p:last-child{
    margin-bottom: 0;
}

/* PROMO STRIP */

.promo-slider{
    display:flex;
    gap:1.5rem;
    overflow-x:auto;
    padding-bottom:.5rem;
    scroll-snap-type:x mandatory;
}

.promo-slider::-webkit-scrollbar{
    height:6px;
}

.promo-card{
    flex:0 0 420px;
    display:flex;
    border-radius:10px;
    overflow:hidden;
    background:rgba(255,255,255,.85);
    border:1px solid var(--border);
    box-shadow:0 14px 40px rgba(18,18,18,.08);
    text-decoration:none;
    color:inherit;
    scroll-snap-align:start;
    transition:transform .2s ease, box-shadow .2s ease;
    padding-left:4px;
}

.promo-card:hover{
    transform:translateY(-3px);
    box-shadow:0 20px 55px rgba(18,18,18,.12);
}

.promo-img{
    width:45%;
    min-height:160px;
    background-size:cover;
    background-position:center;
}

.promo-content{
    padding:1.2rem 1.3rem;
    width:55%;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.promo-kicker{
    font-size:.75rem;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:#b88693;
    font-weight:700;
    margin-bottom:.35rem;
}

.promo-title{
    font-family:"Playfair Display", serif;
    font-size:1.2rem;
    font-weight:700;
    margin-bottom:.4rem;
}

.promo-text{
    font-size:.9rem;
    color:var(--muted);
    margin-bottom:.6rem;
}

.promo-btn{
    font-weight:600;
    color:#7a3a49;
}

/* desktop */
@media (min-width:992px){

    .promo-slider{
        overflow:visible;
    }

    .promo-card{
        flex:1;
    }

}



/* PROMO SLIDER */
.promo-shell{
    position: relative;
    overflow: hidden;
    border-radius: 22px;
}

.promo-track{
    display: flex;
    transition: transform .45s ease;
    will-change: transform;
    touch-action: pan-y;
}

.promo-slide{
    min-width: 100%;
    flex: 0 0 100%;
}

.promo-card-lg{
    display: grid;
    grid-template-columns: 1.05fr 1fr;
    min-height: 360px;
    overflow: hidden;
    border-radius: 22px;
    background: rgba(255,255,255,.82);
    border: 1px solid var(--border);
    box-shadow: 0 14px 40px rgba(18,18,18,.08);
    text-decoration: none;
    color: inherit;
}

.promo-card-media{
    position: relative;
    min-height: 100%;
    background: rgba(241,191,200,.18);
}

.promo-card-media img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.promo-card-body{
    padding: clamp(1.25rem, 2.2vw, 2rem);
    display: flex;
    flex-direction: column;
    justify-content: center;
    background:
            radial-gradient(900px 500px at 20% 10%, rgba(255,255,255,.75) 0%, rgba(255,255,255,.35) 45%, rgba(255,255,255,.05) 100%),
            linear-gradient(180deg, rgba(251,246,243,.68), rgba(253,236,238,.45));
}

.promo-pill{
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    padding: .45rem .8rem;
    border-radius: 999px;
    background: rgba(241,191,200,.30);
    border: 1px solid rgba(231,170,182,.45);
    color: #7a3a49;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .04em;
    margin-bottom: .9rem;
}

.promo-card-title{
    font-family: "Playfair Display", serif;
    font-size: clamp(1.55rem, 2vw, 2rem);
    line-height: 1.12;
    color: #3b2a31;
    margin-bottom: .85rem;
}

.promo-card-text{
    color: var(--muted);
    font-size: 1rem;
    line-height: 1.7;
    max-width: 54ch;
    margin-bottom: 1rem;
}

.promo-meta{
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
}

.promo-nav{
    position: relative;
    z-index: 2;
}

.promo-arrow{
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 1px solid rgba(231,170,182,.55);
    background: rgba(255,255,255,.72);
    color: #6b2f3e;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 24px rgba(18,18,18,.06);
    transition: transform .18s ease, background .18s ease, opacity .18s ease;
}

.promo-arrow:hover{
    transform: translateY(-1px);
    background: rgba(241,191,200,.25);
}

.promo-arrow:disabled{
    opacity: .45;
    cursor: default;
    transform: none;
}

@media (max-width: 991.98px){
    .promo-card-lg{
        grid-template-columns: 1fr;
        min-height: auto;
    }

    .promo-card-media{
        min-height: 260px;
    }

    .promo-card-body{
        padding: 1.25rem;
    }
}




.promo-points{
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

.promo-points span{
    display: inline-flex;
    align-items: center;
    color: #5a4a52;
    font-weight: 500;
}

.promo-points i{
    color: #b88693;
    font-size: 1rem;
}



.promo-badge{
    position: absolute;
    top: 18px;
    left: 18px;
    z-index: 3;
    background: rgba(231,170,182,.92);
    color: #4b2a32;
    font-weight: 700;
    font-size: .9rem;
    padding: .6rem .9rem;
    border-radius: 999px;
    box-shadow: 0 10px 22px rgba(231,170,182,.28);
}

@media (max-width: 991.98px){
    .promo-image-wrap{
        min-height: 260px;
    }

    .promo-image{
        min-height: 260px;
    }

    .promo-title{
        font-size: clamp(1.8rem, 6vw, 2.4rem);
    }
}


/* SZALAGAVATÓ STATIKUS OLDALHOZ HIÁNYZÓ STÍLUSOK */

.hero-title{
    font-family: "Playfair Display", serif;
    font-weight: 700;
    line-height: 1.04;
    font-size: clamp(2.3rem, 4vw, 3.8rem);
}

.service-card{
    border-radius: 18px;
    overflow: hidden;
    border: 1px solid var(--border);
    background: rgba(255,255,255,.82);
    box-shadow: 0 14px 40px rgba(18,18,18,.08);
    height: 100%;
    padding-left:4px;
    padding-right:4px;
}

.service-media{
    height: 440px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.service-media::after{
    content:"";
    position:absolute;
    inset:0;
    background: linear-gradient(180deg, rgba(0,0,0,.04), rgba(0,0,0,.10));
}

.service-body{
    padding: 1.5rem;
}

.service-title{
    font-family: "Playfair Display", serif;
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: .75rem;
    color: #3b2a31;
}

.list-soft{
    display: flex;
    flex-direction: column;
    gap: .8rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.list-soft li{
    display: flex;
    align-items: flex-start;
    gap: .7rem;
    color: #52464d;
}

.list-soft i{
    color: #b88693;
    margin-top: .15rem;
}

.info-card{
    padding: 1.5rem;
    height: 100%;
}

.info-title{
    font-weight: 700;
    margin-bottom: .6rem;
    color: #402f36;
}

.cta-strip{
    border-radius: 28px;
    overflow: hidden;
    background:
            radial-gradient(900px 500px at 20% 20%, rgba(255,255,255,.82) 0%, rgba(255,255,255,.55) 42%, rgba(255,255,255,.10) 72%),
            linear-gradient(135deg, rgba(255,255,255,.70), rgba(255,255,255,.30)),
            url("../assets/img/heroszalag.png") center/cover no-repeat;
    box-shadow: var(--shadow);
    border: 1px solid rgba(0,0,0,.05);
}

.cta-strip .inner{
    padding: 3rem clamp(1.5rem, 3vw, 3rem);
}

@media (max-width: 991.98px){
    .service-media{
        height: 260px;
    }
}


/* ============================= */
/* SZALAGAVATÓ HERO */
/* ============================= */

.prom-hero{
    border-radius: 28px;
    overflow: hidden;
    box-shadow: var(--shadow);

    background:
            radial-gradient(1200px 600px at 25% 20%, rgba(255,255,255,.85) 0%, rgba(255,255,255,.55) 45%, rgba(255,255,255,.10) 70%),
            linear-gradient(90deg, rgba(251,246,243,.92) 0%, rgba(251,246,243,.75) 52%, rgba(251,246,243,.12) 100%),
            url("../assets/img/heroszalag.png") right center / cover no-repeat;

    min-height: 520px;
}

.prom-hero-inner{
    padding: clamp(1.75rem, 3vw, 3.5rem);
}

.prom-title{
    font-family: "Playfair Display", serif;
    font-weight: 700;
    line-height: 1.04;
    font-size: clamp(2.2rem, 4vw, 3.5rem);
}

@media (max-width: 991.98px){

    .prom-hero{
        background-position: 70% center;
    }

}

.legal-page{
    max-width: 980px;
    margin: 0 auto;
}

.legal-intro{
    color: #3b3438;
    line-height: 1.75;
    font-size: 1rem;
}

.legal-content{
    color: #3b3438;
    line-height: 1.75;
    font-size: 1rem;
}

.legal-content h2,
.legal-content h3,
.legal-content h4{
    font-family: "Playfair Display", serif;
    color: #3b2a31;
    margin-top: 1.25rem;
    margin-bottom: .75rem;
}

.legal-content p{
    margin-bottom: 1rem;
}

.legal-content ul,
.legal-content ol{
    margin-bottom: 1rem;
    padding-left: 1.25rem;
}

.legal-content li{
    margin-bottom: .45rem;
}

.legal-content table{
    width: 100%;
    border-collapse: collapse;
    margin: 1.25rem 0;
    overflow: hidden;
    border-radius: 16px;
    background: rgba(255,255,255,.75);
    box-shadow: 0 10px 24px rgba(18,18,18,.05);
}

.legal-content table td,
.legal-content table th{
    border: 1px solid rgba(0,0,0,.08);
    padding: .85rem 1rem;
    vertical-align: top;
}

.legal-content table th{
    background: rgba(241,191,200,.18);
    color: #4b2a32;
    font-weight: 700;
}

.legal-content a{
    word-break: break-word;
}

.jewel-feature{
    border-radius: 28px;
    overflow: hidden;
    background:
            radial-gradient(1000px 500px at 15% 15%, rgba(255,255,255,.82) 0%, rgba(255,255,255,.42) 48%, rgba(255,255,255,.08) 100%),
            linear-gradient(135deg, rgba(255,248,250,.92), rgba(252,240,244,.88));
    border: 1px solid rgba(0,0,0,.05);
    box-shadow: 0 18px 55px rgba(18,18,18,.08);
}

.jewel-media{
    height: 100%;
    min-height: 420px;
    background: rgba(255,255,255,.4);
}

.jewel-media img{
    width: 100%;
    height: 100%;
    min-height: 420px;
    object-fit: cover;
    display: block;
}

.jewel-body{
    padding: clamp(1.5rem, 3vw, 3rem);
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.jewel-title{
    font-family: "Playfair Display", serif;
    font-size: clamp(2rem, 3vw, 2.8rem);
    line-height: 1.1;
    font-weight: 700;
    color: #3b2a31;
}

.jewel-text{
    color: var(--muted);
    font-size: 1rem;
    line-height: 1.8;
    max-width: 60ch;
}

.jewel-tags{
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
}

.jewel-tag{
    display: inline-flex;
    align-items: center;
    padding: .55rem .9rem;
    border-radius: 999px;
    background: rgba(255,255,255,.72);
    border: 1px solid rgba(231,170,182,.38);
    color: #6b2f3e;
    font-weight: 600;
    font-size: .92rem;
    box-shadow: 0 8px 18px rgba(18,18,18,.04);
}

.jewel-list{
    display: flex;
    flex-direction: column;
    gap: .75rem;
    color: #54454c;
    font-weight: 500;
}

.jewel-list i{
    color: #b88693;
}

@media (max-width: 991.98px){
    .jewel-media,
    .jewel-media img{
        min-height: 280px;
    }

    .jewel-body{
        padding: 1.4rem;
    }
}