*{margin:0;padding:0;box-sizing:border-box}
:root{--red:#C41E3A;--dark-red:#8B0000;--gold:#D4A84B;--cream:#FDF8F3;--warm:#FFFAF5;--dark:#1a1a1a;--blue:#1E4D8C;--line:rgba(196,30,58,.12);--shadow:0 18px 50px rgba(0,0,0,.08)}
body{font-family:Poppins,sans-serif;background:var(--warm);color:var(--dark)}
a{text-decoration:none;color:inherit}
a:focus-visible,button:focus-visible{outline:3px solid rgba(196,30,58,.38);outline-offset:3px}
.detail-nav{position:sticky;top:0;z-index:20;background:rgba(255,250,245,.98);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);padding:12px 50px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand img{height:55px;width:auto}.nav-links{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:600;color:#444}.nav-links a:hover{color:var(--red)}.whatsapp{background:linear-gradient(135deg,#25D366,#128C7E);color:white!important;padding:11px 22px;border-radius:28px;box-shadow:0 4px 15px rgba(37,211,102,.3)}
.breadcrumb,.product-detail,.related{width:min(1180px,calc(100% - 36px));margin:0 auto}.breadcrumb{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:34px 0 0;color:#777;font-size:13px}.breadcrumb a{color:var(--red);font-weight:600}.product-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.85fr);gap:46px;align-items:start;padding:32px 0 80px}
.gallery-main{position:relative;overflow:hidden;min-height:520px;border-radius:25px;display:grid;place-items:center;padding:34px;box-shadow:var(--shadow);background:#fff}.gallery-main img{max-width:100%;max-height:460px;object-fit:contain}.gallery-arrow{position:absolute;top:50%;z-index:3;width:44px;height:44px;border:1px solid rgba(196,30,58,.16);border-radius:50%;background:rgba(255,255,255,.94);color:var(--red);font-size:28px;font-weight:700;line-height:1;cursor:pointer;transform:translateY(-50%);box-shadow:0 8px 24px rgba(0,0,0,.1);transition:background .2s,transform .2s}.gallery-arrow:hover{background:#fff;transform:translateY(-50%) scale(1.04)}.gallery-prev{left:18px}.gallery-next{right:18px}.thumb-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.thumb{height:92px;border:1px solid var(--line);border-radius:15px;background:#fff;padding:8px;cursor:pointer}.thumb.active{border-color:var(--red);box-shadow:0 0 0 3px rgba(196,30,58,.08)}.thumb img{width:100%;height:100%;object-fit:contain}
.label{color:var(--red);font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:12px}.detail-copy h1,.related h2{font-family:"Playfair Display",serif;font-size:clamp(36px,5vw,64px);line-height:1.05;font-weight:700}.desc{color:#666;line-height:1.8;margin-top:18px}.info-panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;margin-top:22px;box-shadow:0 8px 28px rgba(0,0,0,.035)}.info-panel h2{font-size:16px;margin-bottom:14px}.chips,.trust-list,.actions{display:flex;flex-wrap:wrap;gap:10px}.size-tag,.tag,.trust-list span{background:var(--cream);border:1px solid rgba(196,30,58,.1);border-radius:22px;padding:8px 13px;font-size:12px;font-weight:700;color:#555}.tag{color:var(--blue)}.trust-list{margin-top:22px}.trust-list span{background:#fff}.actions{margin-top:26px}.btn-red,.btn-outline{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 30px;border-radius:50px;font-size:14px;font-weight:700}.btn-red{background:linear-gradient(135deg,var(--red),var(--dark-red));color:#fff;box-shadow:0 8px 30px rgba(196,30,58,.35)}.btn-outline{background:#fff;color:var(--dark);border:2px solid #e0e0e0}.btn-outline:hover{border-color:var(--red);color:var(--red)}
.related{padding:0 0 80px}.section-head{text-align:center;margin-bottom:28px}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.related-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}.related-img{height:210px;display:grid;place-items:center;padding:20px}.related-img img{max-width:100%;max-height:170px;object-fit:contain}.related-card div:last-child{padding:18px}.related-card p{font-size:11px;font-weight:700;color:var(--red);letter-spacing:1px;text-transform:uppercase;margin-bottom:6px}.related-card h3{font-size:17px;line-height:1.25}
@media(max-width:860px){.detail-nav{padding:10px 18px}.nav-links{gap:14px}.nav-links a:not(.whatsapp){display:none}.product-detail{grid-template-columns:1fr}.gallery-main{min-height:390px}.gallery-main img{max-height:330px}.related-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.brand img{height:48px}.whatsapp{padding:10px 16px}.breadcrumb{padding-top:24px}.product-detail{padding-bottom:55px}.gallery-main{min-height:330px;border-radius:18px}.gallery-arrow{width:36px;height:36px;font-size:23px}.gallery-prev{left:10px}.gallery-next{right:10px}.thumb-row{grid-template-columns:repeat(3,1fr)}.detail-copy h1,.related h2{font-size:34px}.actions{display:grid}.btn-red,.btn-outline{width:100%}.related-grid{grid-template-columns:1fr}}
.expanded-desc{margin-top:12px;color:#555}
/* Homepage footer reused on product detail pages */
.footer {
    background: #0a0a0a;
    color: white;
    padding: 70px 50px 35px;
}
.footer-grid {
    display: grid;
    grid-template-columns: 1.8fr 1fr 1fr 1fr;
    gap: 50px;
    max-width: 1200px;
    margin: 0 auto 50px;
}
.footer-brand-logos {
    display: flex;
    align-items: center;
    gap: 25px;
    margin-bottom: 20px;
}
.footer-brand-logos .munmorr-logo img {
    height: 70px;
    width: auto;
}
.footer-brand-logos .divider {
    width: 1px;
    height: 50px;
    background: rgba(255,255,255,0.2);
}
.footer-brand-logos .sirvi-logo {
    padding: 8px 15px;
    border-radius: 8px;
    background: transparent;
}
.footer-brand-logos .sirvi-logo img {
    height: 45px;
    width: auto;
    display: block;
    mix-blend-mode: screen;
}
.footer-brand .tagline {
    font-size: 12px;
    color: var(--red);
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 12px;
    font-weight: 500;
}
.footer-brand p {
    font-size: 13px;
    color: #888;
    line-height: 1.7;
}
.footer-col h4 {
    font-size: 11px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #666;
    margin-bottom: 18px;
}
.footer-col ul {
    list-style: none;
}
.footer-col li {
    font-size: 13px;
    color: #888;
    line-height: 2.2;
    cursor: default;
    transition: color 0.3s;
}
.footer-col a {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    color: #d0d0d0;
    text-decoration: none;
    transition: color 0.25s ease;
}
.footer-col a:hover,
.footer-col a:focus-visible {
    color: white;
}
.footer-bottom {
    border-top: 1px solid #222;
    padding-top: 25px;
    display: flex;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
    font-size: 12px;
    color: #555;
}
@media(max-width:900px){
    .footer-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media(max-width:768px){
    .footer {
        padding: 50px 20px 25px;
    }
    .footer-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    .footer-brand-logos {
        flex-direction: row;
        align-items: center;
        gap: 15px;
    }
    .footer-brand-logos .munmorr-logo img {
        height: 55px;
    }
    .footer-brand-logos .divider {
        height: 40px;
    }
    .footer-brand-logos .sirvi-logo img {
        height: 35px;
    }
    .footer-bottom {
        flex-direction: column;
        gap: 8px;
        text-align: center;
        font-size: 11px;
    }
    .footer-col a {
        min-height: 44px;
    }
}
/* Product detail mobile responsiveness polish */
html,
body {
    max-width: 100%;
    overflow-x: hidden;
}
img,
svg,
video,
canvas {
    max-width: 100%;
    height: auto;
}
.detail-nav,
.nav-links,
.breadcrumb,
.product-detail,
.gallery,
.detail-copy,
.related,
.related-grid,
.footer,
.footer-grid {
    min-width: 0;
}
.detail-nav {
    min-height: 72px;
}
.brand {
    display: inline-flex;
    align-items: center;
    flex: 0 1 auto;
    min-width: 0;
}
.brand img {
    max-width: min(190px, 46vw);
    object-fit: contain;
}
.whatsapp,
.btn-red,
.btn-outline,
.gallery-arrow,
.thumb {
    min-height: 44px;
}
.whatsapp,
.btn-red,
.btn-outline {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
}
.breadcrumb strong,
.desc,
.info-panel,
.trust-list span,
.footer p,
.footer li,
.footer a {
    overflow-wrap: anywhere;
}

@media(max-width:860px){
    .breadcrumb,
    .product-detail,
    .related {
        width: min(1180px, calc(100% - 32px));
    }
    .detail-nav {
        gap: 14px;
        min-height: 68px;
    }
    .product-detail {
        gap: 30px;
        padding: 28px 0 64px;
    }
    .gallery-main {
        min-height: clamp(330px, 58vw, 430px);
        padding: 24px;
    }
    .gallery-main img {
        max-height: 340px;
    }
    .detail-copy h1,
    .related h2 {
        font-size: clamp(34px, 7.4vw, 52px);
    }
    .actions {
        gap: 12px;
    }
}

@media(max-width:560px){
    .detail-nav {
        padding: 9px 14px;
        gap: 10px;
        min-height: 64px;
    }
    .brand img {
        height: 44px;
        max-width: min(150px, 48vw);
    }
    .whatsapp {
        min-height: 44px;
        padding: 0 14px;
        font-size: 12px;
    }
    .breadcrumb,
    .product-detail,
    .related {
        width: calc(100% - 28px);
    }
    .breadcrumb {
        padding-top: 22px;
        gap: 8px;
        font-size: 12px;
    }
    .product-detail {
        gap: 24px;
        padding-top: 24px;
        padding-bottom: 54px;
    }
    .gallery-main {
        min-height: clamp(270px, 80vw, 330px);
        border-radius: 18px;
        padding: 18px;
    }
    .gallery-main img {
        max-height: 270px;
    }
    .gallery-arrow {
        width: 40px;
        height: 40px;
        font-size: 24px;
    }
    .gallery-prev {
        left: 10px;
    }
    .gallery-next {
        right: 10px;
    }
    .thumb-row {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
    }
    .thumb {
        height: 82px;
        border-radius: 12px;
        padding: 7px;
    }
    .label {
        letter-spacing: 1.5px;
    }
    .detail-copy h1,
    .related h2 {
        font-size: clamp(30px, 9vw, 36px);
        line-height: 1.08;
    }
    .desc {
        font-size: 14px;
        line-height: 1.7;
        margin-top: 14px;
    }
    .info-panel {
        padding: 18px;
        border-radius: 18px;
        margin-top: 18px;
    }
    .chips,
    .trust-list,
    .actions {
        gap: 8px;
    }
    .size-tag,
    .tag,
    .trust-list span {
        padding: 8px 11px;
    }
    .actions {
        display: grid;
        grid-template-columns: 1fr;
    }
    .btn-red,
    .btn-outline {
        width: 100%;
        min-height: 46px;
        padding: 0 18px;
    }
    .related {
        padding-bottom: 58px;
    }
    .related-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    .related-img {
        height: 190px;
    }
    .related-img img {
        max-height: 150px;
    }
    .footer {
        padding: 44px 16px 24px;
    }
    .footer-grid {
        gap: 28px;
        margin-bottom: 34px;
    }
    .footer-brand-logos {
        flex-wrap: wrap;
        gap: 12px;
    }
    .footer-brand-logos .munmorr-logo img {
        height: 52px;
    }
    .footer-brand-logos .divider {
        display: block;
        height: 38px;
    }
    .footer-brand-logos .sirvi-logo {
        padding: 6px 0;
    }
    .footer-brand-logos .sirvi-logo img {
        height: 32px;
    }
    .footer-bottom {
        align-items: flex-start;
        text-align: left;
    }
}

@media(max-width:380px){
    .detail-nav {
        padding-left: 12px;
        padding-right: 12px;
    }
    .brand img {
        max-width: 138px;
    }
    .whatsapp {
        padding: 0 12px;
    }
    .breadcrumb,
    .product-detail,
    .related {
        width: calc(100% - 24px);
    }
    .gallery-main {
        min-height: 258px;
        padding: 16px;
    }
    .gallery-main img {
        max-height: 244px;
    }
    .thumb {
        height: 76px;
    }
}

/* v1.2 targeted product-page polish */
.brand{display:inline-flex;align-items:center;min-height:44px}
.gallery-main{touch-action:pan-y}
.gallery-arrow{display:flex;align-items:center;justify-content:center;line-height:1;background:rgba(255,255,255,.86);box-shadow:0 8px 18px rgba(0,0,0,.08)}
.gallery-dots{position:absolute;left:50%;bottom:14px;z-index:4;display:flex;gap:6px;transform:translateX(-50%);pointer-events:none}
.gallery-dot{width:6px;height:6px;border-radius:999px;background:rgba(196,30,58,.25);transition:width .2s ease,background .2s ease}
.gallery-dot.active{width:16px;background:var(--red)}
.related-card h3 a{display:inline-flex;align-items:center;min-height:32px}

@media(max-width:768px){
    .gallery-main{min-height:clamp(300px,78vw,380px);padding:22px 22px 34px}
    .gallery-main img{max-height:300px}
    .gallery-arrow{width:38px;height:38px;font-size:20px;border-color:rgba(196,30,58,.12)}
    .gallery-prev{left:8px}
    .gallery-next{right:8px}
    .thumb-row{margin-top:10px}
    .footer{padding:34px 18px 84px}
    .footer-grid{gap:20px;margin-bottom:22px}
    .footer-brand-logos{margin-bottom:14px}
    .footer-brand p{color:#b8b8b8;line-height:1.55}
    .footer-col h4{margin-bottom:10px;color:#777}
    .footer-col ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 14px}
    .footer-col:last-child ul{grid-template-columns:1fr}
    .footer-col li{line-height:1.45}
    .footer-col a{min-height:40px;color:#e2e2e2}
    .footer-bottom{padding-top:18px;color:#8c8c8c}
}

@media(max-width:560px){
    .gallery-main{min-height:clamp(290px,82vw,340px);border-radius:18px}
    .gallery-main img{max-height:270px}
    .thumb{height:72px}
}


/* FINAL MOBILE SLIDER POLISH - hide tap arrows on phones/tablets, keep swipe + dots */
@media(max-width:768px){
    .gallery-arrow{display:none!important}
}