.hsn-pdp-slider-ui,.hsn-pdp-slide-count{display:none}
@media(max-width:1000px){
  .hsn-pdp-layout{display:block!important;width:100%!important;max-width:100%!important;grid-template-columns:1fr!important}
  .hsn-pdp-gallery,.hsn-pdp-info{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important}
}
@media(max-width:600px){
  .hsn-pdp-gallery{position:relative!important;display:flex!important;width:100%!important;gap:0!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scroll-behavior:smooth!important;scrollbar-width:none!important;overscroll-behavior-x:contain;background:#eee8e2!important}
  .hsn-pdp-gallery::-webkit-scrollbar{display:none}
  .hsn-pdp-gallery figure,.hsn-pdp-gallery .hsn-pdp-wide{flex:0 0 100%!important;width:100%!important;height:auto!important;aspect-ratio:3/4!important;scroll-snap-align:start!important;scroll-snap-stop:always!important;opacity:1!important;outline:0!important;cursor:default!important;overflow:hidden!important;background:#eee8e2!important}
  .hsn-pdp-gallery figure img,.hsn-pdp-gallery figure:nth-child(2) img,.hsn-pdp-gallery figure:nth-child(3) img,.hsn-pdp-gallery figure:nth-child(4) img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;transform:none!important}
  .hsn-pdp-zoom-hint{display:none!important}
  .hsn-pdp-slider-ui{display:flex!important;width:100%!important;height:58px!important;align-items:center!important;justify-content:center!important;gap:13px!important;background:#fbfaf7!important;border-bottom:1px solid #e2d9d3!important}
  .hsn-pdp-slide-prev,.hsn-pdp-slide-next{width:38px!important;height:38px!important;border:0!important;border-radius:50%!important;background:rgba(255,255,255,.92)!important;color:#54151d!important;font:400 25px/1 Georgia,serif!important;box-shadow:0 5px 18px rgba(32,18,15,.13)!important;display:grid!important;place-items:center!important}
  .hsn-pdp-slide-dots{display:flex;align-items:center;gap:7px;padding:0 3px}
  .hsn-pdp-slide-dots button{width:6px!important;height:6px!important;padding:0!important;border:0!important;border-radius:50%!important;background:rgba(84,21,29,.32)!important;transition:.25s!important}
  .hsn-pdp-slide-dots button.active{width:19px!important;border-radius:6px!important;background:#54151d!important}
  .hsn-pdp-slide-count{display:block!important;position:absolute!important;z-index:9!important;right:15px!important;margin-top:-43px!important;padding:6px 9px!important;border-radius:999px!important;background:#f1eae5!important;color:#54151d!important;font:500 9px Arial,sans-serif!important;letter-spacing:.08em!important}
}
/* =========================================================
   HUSNARA PRODUCT PAGE — FINAL MOBILE OVERFLOW FIX
   ========================================================= */

@media (max-width: 1000px) {

    html,
    body {
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    .hsn-pdp-page {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    /* FORCE PRODUCT LAYOUT TO ONE COLUMN */

    .hsn-pdp-layout {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        grid-template-columns: none !important;
        grid-template-rows: none !important;

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

        overflow: visible !important;
    }

    /* PRODUCT GALLERY */

    .hsn-pdp-gallery {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        display: flex !important;

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

        overflow-x: auto !important;
        overflow-y: hidden !important;

        box-sizing: border-box !important;
    }

    /* PRODUCT INFO MUST COME BELOW GALLERY */

    .hsn-pdp-info {
        display: block !important;

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

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

        box-sizing: border-box !important;
    }

    .hsn-pdp-sticky {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        position: static !important;

        box-sizing: border-box !important;
    }
}


/* =========================================================
   PHONE / IPHONE
   ========================================================= */

@media (max-width: 600px) {

    .hsn-pdp-page {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    .hsn-pdp-layout {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;

        overflow: visible !important;
    }

    /* Gallery itself becomes the horizontal slider */

    .hsn-pdp-gallery {
        display: flex !important;

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

        flex-direction: row !important;

        overflow-x: auto !important;
        overflow-y: hidden !important;

        gap: 0 !important;

        scroll-snap-type: x mandatory !important;

        box-sizing: border-box !important;
    }

    /* Every image/video gets exactly ONE phone screen */

    .hsn-pdp-gallery figure,
    .hsn-pdp-gallery .hsn-pdp-wide {
        flex: 0 0 100% !important;

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

        height: auto !important;

        aspect-ratio: 3 / 4 !important;

        margin: 0 !important;

        padding: 0 !important;

        grid-column: auto !important;

        scroll-snap-align: start !important;

        overflow: hidden !important;

        box-sizing: border-box !important;
    }

    /* Images */

    .hsn-pdp-gallery figure img,
    .hsn-pdp-gallery .hsn-pdp-wide img {
        display: block !important;

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

        height: 100% !important;

        object-fit: cover !important;

        transform: none !important;
    }

    /* Videos */

    .hsn-pdp-gallery figure video,
    .hsn-pdp-gallery .hsn-pdp-wide video {
        display: block !important;

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

        height: 100% !important;

        min-width: 0 !important;

        object-fit: cover !important;

        object-position: center !important;

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

        transform: none !important;
    }

    /* Product information BELOW gallery */

    .hsn-pdp-info {
        display: block !important;

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

        box-sizing: border-box !important;
    }

    .hsn-pdp-sticky {
        position: static !important;

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

        padding: 40px 20px !important;

        box-sizing: border-box !important;
    }

    /* Prevent long product content from creating overflow */

    .hsn-pdp-sticky h1,
    .hsn-pdp-desc,
    .hsn-pdp-accordions,
    .hsn-pdp-service,
    .hsn-pdp-actions,
    .hsn-pdp-sizes {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        box-sizing: border-box !important;
    }

    /* Buttons */

    .hsn-pdp-actions {
        grid-template-columns: 1fr !important;
    }

    /* Services */

    .hsn-pdp-service {
        grid-template-columns: 1fr !important;
    }

    /* Closing section */

    .hsn-pdp-closing {
        width: 100% !important;
        max-width: 100% !important;

        box-sizing: border-box !important;

        padding: 65px 20px !important;
    }
}


/* =========================================================
   VERY SMALL IPHONES
   ========================================================= */

@media (max-width: 390px) {

    .hsn-pdp-sticky {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .hsn-pdp-sticky h1 {
        font-size: 40px !important;
    }

    .hsn-pdp-gallery figure,
    .hsn-pdp-gallery .hsn-pdp-wide {
        aspect-ratio: 3 / 4 !important;
    }
}