.hsn-pdp-page{background:#fbfaf7}.hsn-pdp-top{height:62px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfd7d1;background:#fff}.hsn-pdp-back{font:400 10px Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em}.hsn-pdp-layout{display:grid;grid-template-columns:1.2fr .8fr;align-items:start}.hsn-pdp-gallery{display:grid;grid-template-columns:1fr 1fr;gap:3px;background:#dfd7d1}.hsn-pdp-gallery figure{position:relative;height:760px;margin:0;background:#eee;overflow:hidden}.hsn-pdp-gallery .hsn-pdp-wide{grid-column:1/-1;height:calc(100vh - 90px)}.hsn-pdp-gallery img{width:100%;height:100%;object-fit:cover}.hsn-pdp-info{min-width:0}.hsn-pdp-sticky{position:sticky;top:70px;min-height:calc(100vh - 70px);padding:65px clamp(35px,5vw,75px);display:flex;flex-direction:column;justify-content:center;font-family:Arial,sans-serif}.hsn-pdp-sticky h1{font:400 clamp(45px,5vw,72px)/.95 Georgia,serif;color:#54151d;margin:14px 0 17px;letter-spacing:-.035em}.hsn-pdp-price{font-size:16px;color:#54151d;margin-bottom:27px}.hsn-pdp-desc{max-width:520px;color:#675b55;line-height:1.75}.hsn-pdp-line{height:1px;background:#dfd7d1;margin:22px 0}.hsn-pdp-choice{display:flex;justify-content:space-between;margin-bottom:22px}.hsn-pdp-choice strong{font-weight:400}.hsn-pdp-size-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.hsn-pdp-size-head button{border:0;background:none;text-decoration:underline;font-size:11px}.hsn-pdp-sizes{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:18px}.hsn-pdp-sizes button{height:43px;border:1px solid #d8cec7;background:#fff}.hsn-pdp-sizes button.selected{background:#54151d;color:#fff;border-color:#54151d}.hsn-pdp-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.hsn-pdp-actions button{height:53px;border:1px solid #54151d;text-transform:uppercase;font:400 9px Arial,sans-serif;letter-spacing:.09em}.hsn-pdp-add{background:#fff;color:#54151d}.hsn-pdp-buy{background:#54151d;color:#fff}.hsn-pdp-accordions{margin-top:28px;border-bottom:1px solid #dfd7d1}.hsn-pdp-accordions details{border-top:1px solid #dfd7d1;padding:16px 0}.hsn-pdp-accordions summary{list-style:none;cursor:pointer;font-size:12px}.hsn-pdp-accordions summary:after{content:'+';float:right}.hsn-pdp-accordions details[open] summary:after{content:'−'}.hsn-pdp-accordions p{font-size:12px;color:#6d605a;line-height:1.7}.hsn-pdp-service{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:22px;font-size:9px;text-align:center;text-transform:uppercase;letter-spacing:.05em}.hsn-pdp-service span{padding:12px 4px;background:#f0ebe6}.hsn-pdp-closing{padding:105px 5vw;background:#54151d;color:#fff;text-align:center}.hsn-pdp-closing h2{font:400 clamp(45px,6vw,82px)/.95 Georgia,serif;color:#fff;margin:13px 0 30px}.hsn-pdp-closing a{display:inline-flex;padding:14px 25px;border:1px solid #fff;border-radius:999px;font-size:10px;text-transform:uppercase}.hsn-pdp-page+.footer{margin-top:0}@media(max-width:900px){.hsn-pdp-layout{grid-template-columns:1fr}.hsn-pdp-sticky{position:static;min-height:auto}.hsn-pdp-gallery .hsn-pdp-wide{height:110vw}.hsn-pdp-gallery figure{height:70vw}}@media(max-width:600px){.hsn-pdp-top{padding:0 18px}.hsn-pdp-gallery{display:block}.hsn-pdp-gallery figure,.hsn-pdp-gallery .hsn-pdp-wide{height:125vw;margin-bottom:3px}.hsn-pdp-sticky{padding:45px 20px}.hsn-pdp-sticky h1{font-size:45px}.hsn-pdp-actions{grid-template-columns:1fr}.hsn-pdp-service{grid-template-columns:1fr}.hsn-pdp-closing{padding:75px 20px}}
/* =========================================================
   HUSNARA PDP — FINAL MOBILE FIX
   Works with mobile CSS viewport up to 900px
   ========================================================= */

@media (max-width: 900px) {

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

    .hsn-pdp-page {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
    }

    .hsn-pdp-top {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    .hsn-pdp-layout {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    /* =========================
       PRODUCT GALLERY
       ========================= */

    .hsn-pdp-gallery {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

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

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

        height: auto !important;

        margin: 0 0 3px 0 !important;

        overflow: hidden !important;

        box-sizing: border-box !important;
    }

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

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

        height: auto !important;

        object-fit: cover !important;

        transform: none !important;

        box-sizing: border-box !important;
    }


    /* =========================
       PRODUCT INFORMATION
       ========================= */

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

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

        overflow: hidden !important;

        box-sizing: border-box !important;
    }

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

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

        min-height: auto !important;

        padding: 40px 20px !important;

        box-sizing: border-box !important;
    }

    .hsn-pdp-title-row {
        display: flex !important;

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

        gap: 10px !important;

        box-sizing: border-box !important;
    }

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

        overflow-wrap: break-word !important;
        word-break: normal !important;
    }

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

        overflow-wrap: break-word !important;
    }


    /* =========================
       SIZES
       ========================= */

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

        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;

        box-sizing: border-box !important;
    }

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

        box-sizing: border-box !important;
    }


    /* =========================
       ACTION BUTTONS
       ========================= */

    .hsn-pdp-actions {
        display: grid !important;

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

        grid-template-columns: 1fr !important;

        box-sizing: border-box !important;
    }

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

        box-sizing: border-box !important;
    }


    /* =========================
       ACCORDIONS
       ========================= */

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

        box-sizing: border-box !important;
    }


    /* =========================
       SERVICE BOXES
       ========================= */

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

        grid-template-columns: 1fr !important;

        box-sizing: border-box !important;
    }

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

        box-sizing: border-box !important;
    }


    /* =========================
       CLOSING SECTION
       ========================= */

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

        padding: 65px 20px !important;

        overflow: hidden !important;

        box-sizing: border-box !important;
    }


    /* =========================
       SHOP REELS
       ========================= */

    .shop-reels {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        overflow: hidden !important;

        box-sizing: border-box !important;
    }

    .shop-reels-rail {
        display: grid !important;

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

        /* Keep all 4 reels in one row on mobile */
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;

        gap: 4px !important;

        overflow: hidden !important;

        box-sizing: border-box !important;
    }

    .shop-reel {
        display: block !important;

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

        overflow: hidden !important;

        box-sizing: border-box !important;
    }

    .shop-reel video {
        display: block !important;

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

        height: auto !important;

        aspect-ratio: 9 / 16 !important;

        object-fit: cover !important;

        box-sizing: border-box !important;
    }
}
/* =========================================================
   HUSNARA PDP — FIX SIZE RADIO INPUT OVERFLOW
   ========================================================= */

.hsn-pdp-sizes input[type="radio"],
.sizes input[type="radio"] {
    position: absolute !important;

    width: 1px !important;
    height: 1px !important;

    min-width: 1px !important;
    max-width: 1px !important;

    margin: -1px !important;
    padding: 0 !important;

    opacity: 0 !important;

    border: 0 !important;

    overflow: hidden !important;

    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;

    white-space: nowrap !important;
}

/* Make sure the actual size controls stay inside the PDP */
.hsn-pdp-sizes,
.sizes {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

.hsn-pdp-sizes label,
.sizes label {
    position: relative !important;
    min-width: 0 !important;
    max-width: 100% !important;
}

/* Prevent generic input rules from affecting size radios */
.hsn-pdp-sizes input[type="radio"],
.sizes input[type="radio"] {
    width: 1px !important;
    padding: 0 !important;
}

/* Mobile */
@media (max-width: 900px) {

    .hsn-pdp-sizes {
        display: grid !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 6px !important;
    }

    .hsn-pdp-sizes label,
    .hsn-pdp-sizes button {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }
}

/* =========================================================
   HUSNARA PDP — FINAL 4-REEL MOBILE OVERRIDE
   ========================================================= */

@media (max-width: 900px) {
    .shop-reels,
    .shop-reels-rail {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    .shop-reels-rail {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 4px !important;
    }

    .shop-reels-rail .shop-reel {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        display: block !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .shop-reels-rail .shop-reel video {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        aspect-ratio: 9 / 16 !important;
        object-fit: cover !important;
        box-sizing: border-box !important;
    }
}

@media (max-width: 400px) {
    .shop-reels-rail {
        gap: 3px !important;
    }
}

/* Product page collection films: four reels in one horizontal rail. */
.shop-reels {
    width: 100% !important;
    overflow: hidden !important;
    background: #180b09 !important;
}

.shop-reels .shop-reels-rail {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-auto-flow: column !important;
    gap: 0 !important;
    width: 100% !important;
}

.shop-reels .shop-reel {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    aspect-ratio: 9 / 16 !important;
    overflow: hidden !important;
}

.shop-reels .shop-reel video {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}