/*-------------------------------- magnific rock layout --------------------------------*/
.rplg .rplg-magnific {
    background-color: transparent !important;
    font-family: '"'"'Segoe UI'"'"', Tahoma, Geneva, Verdana, sans-serif!important;
    display: flex!important;
    justify-content: center!important;
    margin: 0!important;
    box-sizing: border-box!important;
    overflow-x: hidden!important;
}

.rplg .rplg-magnific-grid {
    display: grid!important;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 20px!important;
    max-width: 1920px!important;
    width: 100%!important;
    height: 40dvh;
}

.hide{
    display: none!important;
    height: 0px;
}

.rplg .rplg-magnific-card {
    background-color:#F9DCC4;
    border-radius: 15px!important;
    padding: 25px!important;
    color: #1a3a4a!important;
    font-size: 0.9rem!important;
    line-height: 1.4!important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05)!important;
    height: 100%!important;
    overflow-y: scroll!important;
    scrollbar-width: thin!important;
    scrollbar-color: #FFFF #efede0;
     clip-path: inset(0 round 15px);

}
.card-header{
    position: absolute;
    width: 20%;
    margin-top: -25px !important;
    padding-top: 25px !important;
    background-color:#F9DCC4;
}

@media (max-width: 991px) {
    .card-header {
        width: 40%;
    }
}
@media (max-width: 640px) {
    .card-header {
        width: 50%;
    }
    .item-1{
        grid-column: 1!important; grid-row: 1 / 10 !important;
    }
    .rplg .rplg-magnific-grid {
    display: grid!important;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(1, 1fr);
    gap: 20px!important;
    max-width: 1200px!important;
    width: 100%!important;
    height: 63dvh;
}
}
.rplg .rplg-magnific-user {
    display: flex!important;
    align-items: center!important;
    margin-bottom: 10px!important;
    gap: 10px!important;
}

.rplg .rplg-magnific-avatar .rplg-review-avatar {
    width: 30px!important;
    height: 30px!important;
    margin: 0!important;
    box-shadow: none!important;
}

.rplg .rplg-magnific-user-meta {
    display: flex!important;
    flex-direction: column!important;
}

.rplg .rplg-magnific-user-meta .rplg-review-name {
    font-weight: 700!important;
    font-size: 0.85rem!important;
    color: #1a3a4a!important;
    line-height: 1.2!important;
}

.rplg .rplg-magnific-user-meta .rplg-review-time {
    margin-top: 2px!important;
    font-size: 0.75rem!important;
    color: #4a5568!important;
    text-shadow: none!important;
}

.rplg .rplg-magnific-stars .rplg-stars {
    color: #fbb606!important;
    margin-bottom: 10px!important;
}

.rplg .rplg-magnific-text,
.rplg .rplg-magnific-text .rplg-review-text {
    color: #1a3a4a!important;
    line-height: 1.5!important;
    font-size: 0.9rem!important;
    margin-top: 80px;
}


.rplg .rplg-magnific-grid .item-1 { grid-column: 1!important; grid-row: 1 !important; }
.rplg .rplg-magnific-grid .item-2 { grid-column: 1!important; grid-row: 2 !important; }
.rplg .rplg-magnific-grid .item-3 { grid-column: 2!important; grid-row: 1 !important; }
.rplg .rplg-magnific-grid .item-4 { grid-column: 2!important; grid-row: 2 !important; }
.rplg .rplg-magnific-grid .item-5 { grid-column: 3!important; grid-row: 1 !important; }
.rplg .rplg-magnific-grid .item-6 { grid-column: 3!important; grid-row: 2 !important; }

@media (max-width: 901px) {
    .rplg .rplg-magnific {
        padding: 20px!important;
    }
    .rplg-magnific .rplg-nav{
        top:50% !important;
    }

    .rplg .rplg-magnific-grid {
        grid-template-columns: repeat(1, 1fr)!important;
        gap: 16px!important;
    }

    .rplg .rplg-magnific-grid .item-1 {
        grid-column: span 1!important;
        grid-row: 1!important;
    }
    
    .rplg .rplg-magnific-grid .item-2,
    .rplg .rplg-magnific-grid .item-3,
    .rplg .rplg-magnific-grid .item-4,
    .rplg .rplg-magnific-grid .item-5,
    .rplg .rplg-magnific-grid .item-6{
        display: none!important;
    }
    .card-header{
        width: 85%!important;
    }
    .rplg .rplg-magnific-card {
        min-height: 180px!important;
    }
}


/* Magnific mobile nav buttons moved from inline view */
.rplg-magnific boton{
    all: unset;
}
.rplg-magnific{position:relative}
.rplg-magnific .rplg-nav{display:none;position:absolute;top:40%;transform:translateY(-50%);z-index:10;font-size:26px;background:rgba(255,255,255,0.6);border:none;padding:8px;border-radius:999px;cursor:pointer;color:inherit}
.rplg-magnific .rplg-nav-prev{left:8px}
.rplg-magnific .rplg-nav-next{right:8px}
.rplg-magnific .rplg-nav:focus{outline:2px solid rgba(0,0,0,0.2)}
.rplg-magnific.rplg-dark .rplg-nav{background:rgba(0,0,0,0.5);color:#fff}
@media (hover: none), (max-width: 768px){
    .rplg-magnific .rplg-nav{display:block}
}