/* =========================================================
   BISSKET CLEAN FULL-WIDTH HOME SLIDER
========================================================= */

:root {
    --phs-desktop-height: 650px;
    --phs-laptop-height: 580px;
    --phs-tablet-height: 390px;
    --phs-mobile-height: 230px;
    --phs-small-mobile-height: 190px;

    --phs-white: #ffffff;
    --phs-dark: #181818;
    --phs-orange: #f37021;
}

/* =========================================================
   REMOVE HEADER GAP
========================================================= */

#rkSiteHeader,
.rk-site-header,
.ht-header {
    margin-bottom: 0 !important;
}

.phs-slider-section {
    position: relative !important;

    top: auto !important;
    left: auto !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;

    padding: 0 !important;

    clear: both;

    overflow: hidden !important;

    background: var(--phs-dark);

    line-height: 0;

    transform: none !important;

    translate: none !important;

    animation: none !important;
}

/* Remove parent/container spaces */

.phs-slider-section > .container,
.phs-slider-section .container,
.phs-slider-section > .container-fluid,
.phs-slider-section .container-fluid {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;

    padding: 0 !important;
}

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

.phs-slider-shell {
    position: relative !important;

    top: auto !important;

    width: 100% !important;
    height: var(--phs-desktop-height);

    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;

    padding: 0 !important;

    border: 0 !important;

    border-radius: 0 !important;

    overflow: hidden !important;

    background: var(--phs-dark);

    box-shadow: none !important;

    line-height: 0;

    transform: none !important;

    translate: none !important;

    animation: none !important;
}

/* =========================================================
   OWL STRUCTURE
========================================================= */

.phs-main-slider {
    position: relative !important;

    top: auto !important;

    display: block;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;

    padding: 0 !important;

    transform: none;

    animation: none !important;
}

.phs-main-slider .owl-stage-outer {
    position: relative;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;

    padding: 0 !important;

    overflow: hidden !important;

    transform: none !important;

    animation: none !important;
}

.phs-main-slider .owl-stage {
    display: flex;

    height: 100% !important;

    margin: 0 !important;

    padding: 0 !important;

    animation: none !important;
}

.phs-main-slider .owl-item {
    height: 100% !important;

    margin-top: 0 !important;

    margin-bottom: 0 !important;

    padding: 0 !important;

    animation: none !important;
}

/* Remove Owl fade/animated classes */

.phs-main-slider .owl-item,
.phs-main-slider .owl-item.active,
.phs-main-slider .owl-item.animated,
.phs-main-slider .owl-item.fadeIn,
.phs-main-slider .owl-item.fadeOut {
    animation: none !important;

    animation-name: none !important;

    animation-duration: 0s !important;
}

/* =========================================================
   SLIDE
========================================================= */

.phs-slide {
    position: relative !important;

    top: auto !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;

    padding: 0 !important;

    overflow: hidden;

    background: var(--phs-dark);

    transform: none !important;

    translate: none !important;

    animation: none !important;
}

.phs-slide-link {
    position: relative;

    display: block;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;

    padding: 0 !important;

    border: 0;

    text-decoration: none;

    line-height: 0;

    transform: none !important;

    animation: none !important;
}

.phs-slide-picture {
    display: block;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;

    padding: 0 !important;

    line-height: 0;

    transform: none !important;

    animation: none !important;
}

/* =========================================================
   IMAGE — ALWAYS FULL COVER
========================================================= */

.phs-slide-image,
.phs-main-slider .owl-item img.phs-slide-image {
    position: static !important;

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    min-width: 100% !important;
    min-height: 100% !important;

    max-width: none !important;
    max-height: none !important;

    margin: 0 !important;

    padding: 0 !important;

    border: 0 !important;

    border-radius: 0 !important;

    object-fit: cover !important;

    object-position: center center !important;

    filter: none !important;

    opacity: 1 !important;

    transform: none !important;

    scale: none !important;

    translate: none !important;

    transition: none !important;

    animation: none !important;
}

/* Ensure active image never zooms */

.phs-main-slider .owl-item.active .phs-slide-image,
.phs-main-slider .owl-item:hover .phs-slide-image,
.phs-slide:hover .phs-slide-image {
    filter: none !important;

    transform: none !important;

    scale: none !important;

    transition: none !important;

    animation: none !important;
}

/* Remove unwanted overlays */

.phs-slide::before,
.phs-slide::after,
.phs-slide-link::before,
.phs-slide-link::after,
.phs-slide-picture::before,
.phs-slide-picture::after {
    display: none !important;

    content: none !important;
}

/* =========================================================
   NAVIGATION
========================================================= */

.phs-slider-arrow {
    position: absolute;

    top: 50%;
    z-index: 10;

    width: 42px;
    height: 42px;

    margin: 0;
    padding: 0;

    border: 1px solid rgba(255, 255, 255, 0.45);

    border-radius: 50%;

    background: rgba(24, 24, 24, 0.46);

    color: var(--phs-white);

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 13px;

    cursor: pointer;

    transform: translateY(-50%);

    transition: none !important;

    animation: none !important;
}

.phs-slider-arrow:hover,
.phs-slider-arrow:focus {
    border-color: var(--phs-orange);

    background: var(--phs-orange);

    color: var(--phs-white);

    transform: translateY(-50%);
}

.phs-slider-prev {
    left: 18px;
}

.phs-slider-next {
    right: 18px;
}

/* =========================================================
   DOTS
========================================================= */

.phs-main-slider .owl-dots {
    position: absolute;

    left: 50%;
    bottom: 15px;

    z-index: 10;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 6px;

    margin: 0 !important;

    transform: translateX(-50%);
}

.phs-main-slider .owl-dot {
    width: 8px;
    height: 8px;

    margin: 0;
    padding: 0;

    border: 0;

    border-radius: 50px;

    background: rgba(255, 255, 255, 0.7) !important;

    transition: none !important;

    animation: none !important;
}

.phs-main-slider .owl-dot.active {
    width: 22px;

    background: var(--phs-orange) !important;
}

/* =========================================================
   LAPTOP
========================================================= */

@media (min-width: 1200px) and (max-width: 1599px) {
    .phs-slider-shell {
        height: var(--phs-laptop-height);
    }
}

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

@media (min-width: 768px) and (max-width: 1199px) {
    .phs-slider-shell {
        height: var(--phs-tablet-height);
    }

    .phs-slider-arrow {
        width: 38px;
        height: 38px;
    }

    .phs-slider-prev {
        left: 12px;
    }

    .phs-slider-next {
        right: 12px;
    }
}

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

@media (max-width: 767px) {
    .phs-slider-section {
        margin: 0 !important;

        padding: 0 !important;
    }

    .phs-slider-shell {
        width: 100% !important;
        height: var(--phs-mobile-height);

        margin: 0 !important;

        padding: 0 !important;
    }

    .phs-main-slider,
    .phs-main-slider .owl-stage-outer,
    .phs-main-slider .owl-stage,
    .phs-main-slider .owl-item,
    .phs-slide,
    .phs-slide-link,
    .phs-slide-picture {
        height: 100% !important;

        min-height: 0 !important;

        margin-top: 0 !important;

        margin-bottom: 0 !important;
    }

    .phs-slide-image,
    .phs-main-slider .owl-item img.phs-slide-image {
        width: 100% !important;

        height: 100% !important;

        object-fit: cover !important;

        object-position: center center !important;
    }

    /* Mobile swipe থাকবে, arrows প্রয়োজন নেই */

    .phs-slider-arrow {
        display: none !important;
    }

    .phs-main-slider .owl-dots {
        bottom: 8px;

        gap: 5px;
    }

    .phs-main-slider .owl-dot {
        width: 6px;
        height: 6px;
    }

    .phs-main-slider .owl-dot.active {
        width: 18px;
    }
}

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

@media (max-width: 420px) {
    .phs-slider-shell {
        height: var(--phs-small-mobile-height);
    }
}




/* =========================================================
   FINAL NO-CROP FULL-WIDTH SLIDER FIX
========================================================= */

.phs-slider-section {
    position: relative !important;

    top: auto !important;
    bottom: auto !important;

    width: 100% !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    line-height: 0 !important;

    transform: none !important;
    translate: none !important;

    animation: none !important;
}


/* Header এবং slider-এর মাঝে কোনো gap নয় */

#rkSiteHeader,
.rk-site-header,
.ht-header {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.phs-slider-shell {
    position: relative !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;

    line-height: 0 !important;

    transform: none !important;
    animation: none !important;
}


/* Owl carousel auto height */

.phs-main-slider,
.phs-main-slider .owl-stage-outer,
.phs-main-slider .owl-item,
.phs-slide,
.phs-slide-link,
.phs-slide-picture {
    width: 100% !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    line-height: 0 !important;
}

.phs-main-slider .owl-stage-outer {
    overflow: hidden !important;

    transition: none !important;
}

.phs-main-slider .owl-stage {
    display: flex !important;
    align-items: flex-start !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}

.phs-main-slider .owl-item {
    align-self: flex-start !important;
}


/* Image: no crop, no distortion */

.phs-slide-image,
.phs-main-slider .owl-item img.phs-slide-image,
.phs-main-slider .owl-item.active img.phs-slide-image {
    position: static !important;

    display: block !important;

    width: 100% !important;
    height: auto !important;

    min-width: 100% !important;
    min-height: 0 !important;

    max-width: 100% !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    object-fit: contain !important;
    object-position: center top !important;

    filter: none !important;

    transform: none !important;
    scale: none !important;
    translate: none !important;

    transition: none !important;
    animation: none !important;
}


/* Remove every visual overlay */

.phs-slide::before,
.phs-slide::after,
.phs-slide-link::before,
.phs-slide-link::after,
.phs-slide-picture::before,
.phs-slide-picture::after {
    display: none !important;
    content: none !important;
}


/* Arrow remains vertically centered */

.phs-slider-arrow {
    top: 50% !important;

    transform:
        translateY(-50%)
        !important;
}


/* Same no-crop behaviour for mobile */

@media (max-width: 767px) {
    .phs-slider-section,
    .phs-slider-shell,
    .phs-main-slider,
    .phs-main-slider .owl-stage-outer,
    .phs-main-slider .owl-stage,
    .phs-main-slider .owl-item,
    .phs-slide,
    .phs-slide-link,
    .phs-slide-picture {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .phs-slide-image,
    .phs-main-slider .owl-item img.phs-slide-image {
        width: 100% !important;
        height: auto !important;

        min-height: 0 !important;
        max-height: none !important;

        object-fit: contain !important;
        object-position: center top !important;
    }
}