.product-details-page{background:#fff}
.product-details-page .main-nav{background:rgba(255,255,255,.98)}
.product-detail-main{padding-bottom:38px}

/* Breadcrumb */
.product-breadcrumb{
    min-height:54px;display:flex;align-items:center;gap:9px;color:#747987;font-size:11px;
    border-bottom:1px solid #eceef3;
}
.product-breadcrumb a{color:#5e6470;text-decoration:none;transition:color .18s ease}
.product-breadcrumb a:hover{color:var(--purple)}
.product-breadcrumb .icon{width:12px;height:12px;color:#a5a9b3}
.product-breadcrumb span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#323640;font-weight:600}

/* Product overview */
.product-overview{
    display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.03fr);gap:56px;
    padding-top:24px;padding-bottom:24px;border-bottom:1px solid #e7e9ef;
}
.product-gallery{min-width:0}
.product-main-image-wrap{
    position:relative;width:100%;aspect-ratio:4 / 3;height:auto;padding:0;box-sizing:border-box;border:1px solid #dfe2e9;border-radius:14px;background:#fff;
    display:flex;align-items:center;justify-content:center;overflow:hidden;
}
.product-main-image{display:block;width:100%;height:100%;max-width:none;max-height:none;padding:0;box-sizing:border-box;aspect-ratio:4 / 3;object-fit:contain;object-position:center;transition:opacity .18s ease,transform .25s ease}
.product-main-image.is-changing{opacity:.15;transform:scale(.98)}
.gallery-expand{
    position:absolute;top:18px;right:18px;width:38px;height:38px;border:1px solid #e0e3e9;border-radius:50%;
    background:#fff;color:#5d6370;display:grid;place-items:center;font-size:19px;line-height:1;box-shadow:0 8px 18px rgba(15,23,42,.06);
    transition:transform .18s ease,color .18s ease,border-color .18s ease;
}
.gallery-expand:hover{transform:scale(1.05);color:var(--purple);border-color:#cfc4ff}
.product-thumbnails-row{display:grid;grid-template-columns:34px 1fr 34px;gap:12px;align-items:center;margin-top:15px}
.product-thumbnails{display:grid;grid-template-columns:repeat(4,minmax(0,140px));justify-content:center;gap:15px;min-width:0}
.product-thumbnail{
    width:100%;max-width:140px;height:95px;min-width:0;padding:8px;overflow:hidden;box-sizing:border-box;
    border:1px solid #dfe2e9;border-radius:9px;background:#fff;display:flex;align-items:center;justify-content:center;
    transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.product-thumbnail img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center}
.product-thumbnail:hover{transform:translateY(-2px);border-color:#cbbfff}
.product-thumbnail.is-active{border:2px solid #7a51ff;box-shadow:0 7px 18px rgba(92,53,244,.12)}
.gallery-nav{width:34px;height:34px;padding:0;border:0;background:transparent;color:#777c87;display:grid;place-items:center}
.gallery-nav .icon{width:18px;height:18px}
.gallery-nav:hover{color:var(--purple)}

.product-summary{min-width:0;padding:1px 0 0}
.product-detail-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.product-detail-marketing-badge,.stock-badge{
    width:max-content;min-height:24px;padding:0 10px;border-radius:5px;
    display:inline-flex;align-items:center;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;
}
.product-detail-marketing-badge{background:#f0edff;color:#5c35f4}
.stock-badge.is-in-stock{background:#e9f8ef;color:#15734a}
.stock-badge.is-low-stock{background:#fff3dd;color:#9a5b00}
.stock-badge.is-confirm-stock{background:#eef1f5;color:#596273}
.stock-badge.is-out-of-stock{background:#fff0ec;color:#bc4528}
.product-summary h1{margin:12px 0 8px;color:#171924;font-size:clamp(28px,2.6vw,42px);line-height:1.08;letter-spacing:-1.3px;font-weight:800}
.product-detail-price{margin:0 0 16px;color:#512bda;font-size:31px;line-height:1;font-weight:800}
.product-meta{display:flex;flex-wrap:wrap;gap:8px 22px;color:#5f6571;font-size:11px;line-height:1.45}
.product-meta span+span{position:relative}
.product-meta span+span::before{content:"";position:absolute;left:-12px;top:2px;width:1px;height:13px;background:#d9dce3}
.product-meta strong,.product-meta a{color:#5734dc;font-weight:700;text-decoration:none}
.product-description{max-width:680px;margin:23px 0 24px;color:#555b67;font-size:12px;line-height:1.7}






.product-primary-actions{display:grid;grid-template-columns:1.05fr 1fr;gap:21px;margin-top:22px}
.chat-product-button{
    min-height:54px;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:11px;font-size:12px;font-weight:700;text-decoration:none;
    transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,background .18s ease;
}
.chat-product-button{border:1.5px solid #815cff;background:#fff;color:#5c35f4}
.chat-product-button:hover{transform:translateY(-2px);background:#faf8ff;box-shadow:0 12px 24px rgba(92,53,244,.12)}
.chat-product-button .icon{width:21px;height:21px}
.product-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:25px;padding-top:20px;border-top:1px solid #e7e9ef}
.product-trust-item{display:flex;align-items:center;gap:10px;min-width:0;color:#565c68;font-size:10px;line-height:1.35}
.product-trust-item>.icon{width:34px;height:34px;color:#6539f5}
.product-trust-item span{min-width:0}
.product-trust-item strong{display:block;color:#4f5561;font-size:10px;font-weight:700}

/* Specs */
.product-specification-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:26px;padding-top:21px;padding-bottom:22px;border-bottom:1px solid #e7e9ef}
.key-specifications h2,.full-specifications h2,.related-heading-row h2{margin:0 0 14px;color:#22252d;font-size:17px;line-height:1.2;font-weight:800}
.key-spec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.key-spec-card{min-height:172px;padding:18px 12px 14px;border:1px solid #dfe2e8;border-radius:8px;background:#fff;text-align:center;display:flex;flex-direction:column;align-items:center;box-shadow:0 7px 18px rgba(15,23,42,.025)}
.key-spec-icon{width:52px;height:52px;margin-bottom:12px;border:1px solid #d8ceff;border-radius:50%;background:#faf8ff;color:#6a42f6;display:grid;place-items:center}
.key-spec-icon .icon{width:28px;height:28px}
.key-spec-card h3{margin:0 0 8px;color:#343842;font-size:12px;font-weight:800}
.key-spec-card p{margin:0;color:#666c77;font-size:10px;line-height:1.65}
.specification-table-wrap{overflow:hidden;border:1px solid #dfe2e8;border-radius:8px;background:#fff}
.specification-table{width:100%;border-collapse:collapse;table-layout:fixed;color:#535965;font-size:10px}
.specification-table th,.specification-table td{height:42px;padding:8px 13px;border-bottom:1px solid #e3e5ea;border-right:1px solid #e3e5ea;text-align:left;vertical-align:middle}
.specification-table tr:last-child th,.specification-table tr:last-child td{border-bottom:0}
.specification-table th{width:20%;background:#fbfbfd;color:#343842;font-weight:700}
.specification-table td{width:30%}
.specification-table tr>*:last-child{border-right:0}

/* Related */
.related-products{padding-top:18px;padding-bottom:4px}
.related-heading-row{display:flex;align-items:center;justify-content:space-between;gap:18px}
.related-heading-row a{display:flex;align-items:center;gap:7px;color:#5734dc;text-decoration:none;font-size:10px;font-weight:700}
.related-heading-row a .icon{width:13px;height:13px}
.related-products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}













.product-detail-footer{margin-top:0}
.product-detail-floating-whatsapp{display:flex}

/* Full-screen gallery viewer. Keep it above the sticky site header and nav. */
.gallery-lightbox{
    position:fixed;z-index:2147483000;inset:0;padding:clamp(28px,5vw,72px);box-sizing:border-box;
    background:rgba(4,5,10,.94);display:flex;align-items:center;justify-content:center;overflow:hidden;
    backdrop-filter:blur(7px);isolation:isolate;
}
.gallery-lightbox[hidden]{display:none!important}
.gallery-lightbox img{
    display:block;width:auto;height:auto;max-width:min(1200px,92vw);max-height:min(900px,84vh);
    border-radius:4px;background:#fff;object-fit:contain;filter:drop-shadow(0 30px 60px rgba(0,0,0,.5));
}
.lightbox-close{
    position:fixed;z-index:2;top:22px;right:26px;width:48px;height:48px;border:1px solid rgba(255,255,255,.72);
    border-radius:50%;background:#fff;color:#111827;display:grid;place-items:center;cursor:pointer;
    font-size:30px;line-height:1;box-shadow:0 12px 30px rgba(0,0,0,.38);
}
.lightbox-close:hover{transform:scale(1.05);background:#f3f0ff;color:#5c35f4}

@media (max-width:1180px){
    .product-overview{gap:34px}
    .product-main-image-wrap{height:auto}
    .product-trust-grid{grid-template-columns:repeat(2,1fr)}
    .product-specification-section{grid-template-columns:1fr}
    .related-products-grid{grid-template-columns:repeat(2,1fr)}
}

@media (max-width:820px){
    .product-detail-main{padding-bottom:20px}
    .product-thumbnails{grid-template-columns:repeat(4,minmax(0,1fr))}
    .product-breadcrumb{min-height:48px;font-size:10px}
    .product-overview{grid-template-columns:1fr;gap:28px;padding-top:18px}
    .product-main-image-wrap{height:auto}
    .product-summary h1{font-size:31px}
    .product-primary-actions{grid-template-columns:1fr}
    .product-specification-section{padding-top:18px}
    .key-spec-grid{grid-template-columns:repeat(2,1fr)}
    .key-spec-card{min-height:158px}
    .specification-table{table-layout:auto}
    .specification-table th,.specification-table td{padding:8px 10px}
}

@media (max-width:560px){
    .product-breadcrumb{gap:5px}
    .product-breadcrumb a:nth-of-type(2),.product-breadcrumb a:nth-of-type(3),.product-breadcrumb .icon:nth-of-type(2),.product-breadcrumb .icon:nth-of-type(3){display:none}
    .product-overview{padding-bottom:20px}
    .product-main-image-wrap{height:auto;border-radius:10px}
    .gallery-expand{top:12px;right:12px;width:34px;height:34px}
    .product-thumbnails-row{grid-template-columns:25px 1fr 25px;gap:5px}
    .product-thumbnails{gap:7px}
    .product-thumbnail{height:68px;max-width:none;padding:5px}
    .gallery-nav{width:25px}
    .product-summary h1{font-size:26px;letter-spacing:-.7px}
    .product-detail-price{font-size:27px}
    .product-meta{display:block}
    .product-meta span{display:block;margin-top:6px}
    .product-meta span+span::before{display:none}
    .product-description{font-size:11px;margin:18px 0}
    .product-trust-grid{grid-template-columns:1fr 1fr;gap:13px 8px}
    .product-trust-item>.icon{width:29px;height:29px}
    .key-spec-grid{grid-template-columns:1fr 1fr;gap:7px}
    .key-spec-card{padding:15px 8px;min-height:160px}
    .specification-table,.specification-table tbody,.specification-table tr,.specification-table th,.specification-table td{display:block;width:100%}
    .specification-table tr{display:grid;grid-template-columns:38% 62%;border-bottom:1px solid #e3e5ea}
    .specification-table tr:last-child{border-bottom:0}
    .specification-table th,.specification-table td{height:auto;min-height:39px;border-bottom:1px solid #e3e5ea;border-right:0}
    .specification-table tr>*:nth-child(3){border-top:1px solid #e3e5ea}
    .related-heading-row a{display:none}
    .related-products-grid{grid-template-columns:1fr;gap:10px}
    
    .gallery-lightbox{padding:28px 14px}
    .lightbox-close{top:15px;right:15px}
}


/* Single primary action after enquiry-cart removal */
.product-primary-actions{grid-template-columns:1fr}
.chat-product-button{width:100%}

/* LASTO typography — Product Details final active rules */
.product-details-page{font-family:"Montserrat",Arial,Helvetica,sans-serif}
.product-breadcrumb{font-size:10.5px;line-height:1.5}
.product-summary h1,.product-detail-title{font-size:clamp(28px,3vw,42px);font-weight:800;line-height:1.2}
.product-description{font-size:14px;line-height:1.65}
.product-detail-price{font-size:28px;font-weight:800}
.product-meta{font-size:11.5px;line-height:1.5}
.product-meta strong,.product-meta a{font-weight:700}
.product-primary-actions a,.chat-product-button{font-size:12px;font-weight:700}
.product-trust-item strong{font-size:11.5px;font-weight:700}
.product-trust-item span{font-size:10.5px;line-height:1.45}
.key-specifications h2,.full-specifications h2,.related-heading-row h2{font-size:var(--font-subheading);font-weight:800;line-height:1.25}
.key-spec-card h3{font-size:14px;font-weight:700;line-height:1.35}
.key-spec-card p{font-size:11.5px;line-height:1.5}
.specification-table{font-size:12px;line-height:1.5}
.specification-table th{font-weight:700}
.related-heading-row a{font-size:11.5px;font-weight:700}




@media (max-width:580px){
    .product-summary h1,.product-detail-title{font-size:clamp(28px,8vw,36px)}
}



/* Quantity removed; the remaining WhatsApp action has a controlled width. */
.product-primary-actions{display:flex;align-items:center;margin-top:22px}
.chat-product-button,.product-chat-button,.chat-with-us-button{
    width:fit-content;
    min-width:180px;
    max-width:240px;
    min-height:46px;
    padding:0 24px;
}

/* Related products reuse the Products Page catalogue card component. */
.related-products{padding-top:48px;padding-bottom:24px}
.related-products-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.related-products-grid .catalog-product-card{height:100%;min-height:0}
.related-products-grid .catalog-product-image img{object-fit:contain}
@media (max-width:1300px){.related-products-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:980px){.related-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){
    .chat-product-button,.product-chat-button,.chat-with-us-button{width:100%;max-width:100%}
    .related-products-grid{grid-template-columns:1fr}
}

.product-detail-original-price{margin:0 0 2px;color:#8d96a6;text-decoration:line-through;font-size:16px;font-weight:600}

.product-suitable-row{margin:15px 0 4px;display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap}.product-suitable-row>strong{font-size:12px;color:#5d6677;padding-top:6px}.product-suitable-row>div{display:flex;gap:6px;flex-wrap:wrap}.product-suitable-row span{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:#f0edff;color:#5a3bd2;font-size:11px;font-weight:700}

/* Availability, sharing and mobile enquiry workflow */
.admin-preview-notice{position:sticky;top:0;z-index:300;padding:9px 16px;background:#fff3cd;color:#684d00;text-align:center;font-size:11px;font-weight:800}.admin-preview-notice.is-published{background:#dcfce7;color:#166534}.admin-preview-notice.is-hidden,.admin-preview-notice.is-discontinued{background:#eef2f7;color:#475569}.admin-preview-notice.is-out-of-stock{background:#e0f2fe;color:#075985}
.product-saving{display:inline-flex;margin:2px 0 8px;padding:5px 9px;border-radius:999px;background:#eaf8ef;color:#137247;font-size:11px;font-weight:800}
.product-branch-availability{margin:17px 0;padding:14px;border:1px solid var(--site-border,#e1e5ec);border-radius:13px;background:var(--site-surface-soft,#f8f9fc)}.product-branch-availability>strong{display:block;margin-bottom:9px;font-size:12px}.product-branch-availability>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.branch-status{display:grid;gap:3px;padding:10px;border-radius:9px;background:var(--site-surface,#fff);border:1px solid var(--site-border,#e3e6ed)}.branch-status b{font-size:10px}.branch-status small{font-size:9px;color:var(--site-muted,#6f7786)}.branch-status-in-stock small{color:#0b8758}.branch-status-low-stock small{color:#a86800}.branch-status-confirm-stock small{color:#687386}.branch-status-out-of-stock small{color:#b8422b}.product-branch-availability p{margin:9px 0 0;color:var(--site-muted,#707887);font-size:9px;line-height:1.45}.branch-enquiry-select{width:100%;height:42px;margin-top:10px;border:1px solid var(--site-border,#dfe3eb);border-radius:9px;background:var(--site-surface,#fff);color:var(--site-text,#1f2530);padding:0 11px;font-size:11px;font-weight:700}
.product-primary-actions{gap:9px;flex-wrap:wrap}.share-product-button{min-height:46px;padding:0 20px;border:1px solid var(--site-border,#dfe3eb);border-radius:9px;background:var(--site-surface,#fff);color:var(--site-text,#252a34);font:700 11px Montserrat,Arial;display:inline-flex;align-items:center;justify-content:center;gap:8px}.share-product-button .icon{width:17px;height:17px}.product-mobile-enquiry{display:none}
@media(max-width:768px){.product-details-page{padding-bottom:calc(78px + env(safe-area-inset-bottom))}.product-mobile-enquiry{position:fixed;left:12px;right:12px;bottom:calc(68px + env(safe-area-inset-bottom));z-index:95;min-height:48px;border-radius:12px;background:#20a65a;color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:800;box-shadow:0 12px 30px rgba(11,63,34,.28)}.product-branch-availability>div{grid-template-columns:1fr}.share-product-button,.chat-product-button{width:100%;max-width:none}}

/* Product Details simplified enquiry flow — Branch Availability removed. */
.product-primary-actions{
    margin-top:18px;
}
.share-product-button .icon{
    width:18px;
    height:18px;
}


/* Desktop QA — clear NEW / RECOND condition beside stock status. */
.product-detail-condition-badge{
    width:max-content;
    min-height:24px;
    padding:0 10px;
    border-radius:5px;
    display:inline-flex;
    align-items:center;
    font-size:10px;
    font-weight:850;
    text-transform:uppercase;
    letter-spacing:.05em;
}
.product-detail-condition-badge.is-new{background:#e8f7ee;color:#147044;border:1px solid #bfe7d0}
.product-detail-condition-badge.is-recond{background:#eeeaff;color:#5a3dd2;border:1px solid #d7cdfd}
html[data-site-theme="dark"] .product-detail-condition-badge.is-new{background:#173528;color:#8ce0b4;border-color:#285844}
html[data-site-theme="dark"] .product-detail-condition-badge.is-recond{background:#282042;color:#c2b3ff;border-color:#493d70}


/* ================================================================
   4-PAGE LAUNCH QA — PRODUCT DETAILS MOBILE CLEANUP
   2026-08-28
   Keep a single mobile enquiry CTA and equalise related product cards.
   ================================================================ */
@media (max-width:768px){
    /* Keep the green fixed mobile CTA; remove the duplicate in-summary enquiry. */
    .product-details-page .product-primary-actions .chat-product-button{
        display:none!important;
    }
}

.related-products-grid{
    align-items:stretch!important;
}
.related-products-grid .catalog-product-card{
    height:100%!important;
    display:flex!important;
    flex-direction:column!important;
}
.related-products-grid .catalog-product-content{
    flex:1 1 auto!important;
    display:flex!important;
    flex-direction:column!important;
}
.related-products-grid .catalog-product-main{
    flex:1 1 auto!important;
}
.related-products-grid .catalog-product-bottom{
    margin-top:auto!important;
}


/* ================================================================
   2026-08-28 — PRODUCT DETAILS MOBILE ACTIONS + RELATED CARD EQUALITY
   ================================================================ */
.product-mobile-actions{display:none}
.product-original-price.is-empty{visibility:hidden}

@media (max-width:768px){
    /* The mobile fixed row replaces the in-summary actions, preventing duplicates. */
    .product-details-page .product-primary-actions{
        display:none!important;
    }

    .product-details-page{
        padding-bottom:calc(122px + env(safe-area-inset-bottom))!important;
    }

    .product-mobile-actions{
        position:fixed;
        z-index:96;
        left:12px;
        right:12px;
        bottom:calc(68px + env(safe-area-inset-bottom));
        display:grid;
        grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);
        gap:8px;
        padding:0;
    }

    .product-mobile-actions .product-mobile-enquiry,
    .product-mobile-actions .product-mobile-share{
        position:static!important;
        inset:auto!important;
        width:100%!important;
        min-width:0!important;
        min-height:40px!important;
        height:40px!important;
        margin:0!important;
        padding:0 12px!important;
        border-radius:9px!important;
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        gap:7px!important;
        font-family:"Montserrat",Arial,Helvetica,sans-serif!important;
        font-size:10px!important;
        font-weight:800!important;
        line-height:1!important;
        text-decoration:none!important;
        box-shadow:0 8px 22px rgba(7,12,22,.18)!important;
        white-space:nowrap!important;
    }

    .product-mobile-actions .product-mobile-enquiry{
        border:1px solid #18a558!important;
        background:#20ad61!important;
        color:#fff!important;
    }

    .product-mobile-actions .product-mobile-enquiry .icon,
    .product-mobile-actions .product-mobile-enquiry .icon-whatsapp{
        width:17px!important;
        height:17px!important;
        flex:0 0 17px!important;
        color:#fff!important;
        fill:currentColor!important;
    }

    .product-mobile-actions .product-mobile-share{
        border:1px solid #d8d3ee!important;
        background:#fff!important;
        color:#603ee7!important;
        cursor:pointer!important;
    }

    .product-mobile-actions .product-mobile-share .icon{
        width:15px!important;
        height:15px!important;
        flex:0 0 15px!important;
    }

    /* Related products: equal-width/equal-height two-column cards like Products. */
    .related-products-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        align-items:stretch!important;
        gap:10px!important;
    }
    .related-products-grid .catalog-product-card{
        width:100%!important;
        height:100%!important;
        min-height:0!important;
        display:flex!important;
        flex-direction:column!important;
        overflow:hidden!important;
    }
    .related-products-grid .catalog-product-image{
        width:100%!important;
        height:auto!important;
        min-height:0!important;
        aspect-ratio:4 / 3!important;
        padding:0!important;
        overflow:hidden!important;
        background:#fff!important;
    }
    .related-products-grid .catalog-product-image>a{
        width:100%!important;
        height:100%!important;
        display:block!important;
    }
    .related-products-grid .catalog-product-image img{
        width:100%!important;
        height:100%!important;
        max-width:none!important;
        max-height:none!important;
        object-fit:contain!important;
        object-position:center!important;
    }
    .related-products-grid .catalog-product-content{
        flex:1 1 auto!important;
        display:flex!important;
        flex-direction:column!important;
        padding:9px!important;
    }
    .related-products-grid .catalog-product-main{
        flex:1 1 auto!important;
        min-height:108px!important;
    }
    .related-products-grid .product-brand{
        min-height:20px!important;
        margin-bottom:5px!important;
        font-size:8px!important;
        line-height:1.25!important;
    }
    .related-products-grid .catalog-product-content h2,
    .related-products-grid .catalog-product-content h2 a{
        min-height:31px!important;
        font-size:11px!important;
        line-height:1.35!important;
        display:-webkit-box!important;
        -webkit-box-orient:vertical!important;
        -webkit-line-clamp:2!important;
        overflow:hidden!important;
    }
    .related-products-grid .catalog-product-spec,
    .related-products-grid .catalog-product-extra{
        font-size:8.5px!important;
        line-height:1.3!important;
        white-space:nowrap!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
    }
    .related-products-grid .catalog-product-bottom{
        margin-top:auto!important;
        padding-top:5px!important;
    }
    .related-products-grid .product-original-price{
        display:block!important;
        min-height:12px!important;
        margin:0 0 2px!important;
        font-size:8px!important;
        line-height:1!important;
    }
    .related-products-grid .catalog-product-bottom>strong{
        display:block!important;
        margin:0 0 8px!important;
        font-size:15px!important;
        line-height:1!important;
        font-weight:500!important;
    }
    .related-products-grid .catalog-product-actions{
        grid-template-columns:minmax(0,1fr) 34px!important;
        gap:6px!important;
    }
    .related-products-grid .product-details-button,
    .related-products-grid .product-card-whatsapp{
        min-height:34px!important;
        height:34px!important;
        border-radius:7px!important;
    }
    .related-products-grid .product-details-button{
        font-size:8.5px!important;
        padding:0 6px!important;
    }
    .related-products-grid .product-card-whatsapp{
        width:34px!important;
        min-width:34px!important;
    }
}

@media (max-width:375px){
    .product-mobile-actions{
        left:10px;
        right:10px;
        gap:6px;
        grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);
    }
    .product-mobile-actions .product-mobile-enquiry,
    .product-mobile-actions .product-mobile-share{
        min-height:38px!important;
        height:38px!important;
        padding:0 9px!important;
        font-size:9px!important;
    }
}

/* ================================================================
   MOBILE QA — SPECIFICATION TABLE DIVIDERS ONLY
   Keep desktop and all product functionality unchanged.
   ================================================================ */
@media (max-width:560px){
    .product-details-page .specification-table tr{
        border-bottom:0!important;
    }

    .product-details-page .specification-table th,
    .product-details-page .specification-table td{
        box-sizing:border-box;
        border:0!important;
        border-bottom:1px solid #e3e5ea!important;
    }

    /* One consistent vertical divider between each label and value. */
    .product-details-page .specification-table td{
        border-left:1px solid #e3e5ea!important;
    }

    /* Remove the old extra line before the second specification pair. */
    .product-details-page .specification-table tr>*:nth-child(3){
        border-top:0!important;
    }

    /* Let the wrapper provide the final outer edge without a doubled line. */
    .product-details-page .specification-table tr:last-child>*:nth-last-child(-n+2){
        border-bottom:0!important;
    }
}

/* ================================================================
   MOBILE PRODUCT ACTION BAR BACKGROUND
   Match the fixed 5-icon bottom navigation surface on mobile only.
   ================================================================ */
@media (max-width:768px){
    .product-details-page .product-mobile-actions{
        left:0!important;
        right:0!important;
        bottom:calc(var(--mobile-nav-height,64px) + var(--mobile-safe-bottom, env(safe-area-inset-bottom,0px)))!important;
        padding:10px 12px 8px!important;
        border-top:1px solid #e5e6eb!important;
        background:rgba(255,255,255,.97)!important;
        box-shadow:0 -7px 24px rgba(20,22,30,.09)!important;
        backdrop-filter:blur(18px);
        -webkit-backdrop-filter:blur(18px);
        box-sizing:border-box;
    }

    html[data-site-theme="dark"] .product-details-page .product-mobile-actions{
        background:rgba(15,21,31,.97)!important;
        border-top-color:var(--theme-border,#2d3a50)!important;
    }
}

/* ================================================================
   2026-09-06 — PRODUCT DETAILS SPEC LAYOUT REFRESH
   Refine brand row, normalize logo visuals, and compact key specs.
   ================================================================ */
.product-meta--brand-row{
    display:grid;
    grid-template-columns:116px minmax(0,1fr);
    align-items:center;
    column-gap:14px;
    row-gap:8px;
    margin-top:6px;
}
.product-meta-brand-link{
    width:116px;
    height:42px;
    padding:6px 10px;
    box-sizing:border-box;
    border:1px solid #dfe3ea;
    border-radius:10px;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    overflow:hidden;
}
.product-meta-brand-logo{
    display:block;
    width:88px;
    height:26px;
    max-width:88px;
    max-height:26px;
    object-fit:contain;
    object-position:center;
}
.product-meta-brand-placeholder{
    width:26px;
    height:26px;
    display:grid;
    place-items:center;
    color:#6b7280;
}
.product-meta-brand-placeholder .icon{
    width:22px;
    height:22px;
}
.product-meta-view-all{
    display:inline-flex;
    align-items:center;
    justify-content:flex-end;
    gap:7px;
    margin-left:auto;
    color:#5b34e5;
    text-decoration:none;
    font-size:11px;
    font-weight:700;
    line-height:1.45;
    min-width:0;
}
.product-meta-view-all .icon{
    width:14px;
    height:14px;
    flex:0 0 14px;
}

.product-side-key-specifications{
    margin:14px 0 0;
    background:transparent;
    border:0;
    border-radius:0;
    box-shadow:none;
    overflow:visible;
}
.product-side-key-specifications__list{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0 22px;
    padding:0;
    border-top:1px solid #e7e9ef;
}
.product-side-key-specifications__item{
    display:grid;
    grid-template-columns:34px minmax(0,1fr);
    align-items:start;
    gap:10px;
    padding:10px 0;
    border-top:1px solid #edf0f5;
}
.product-side-key-specifications__item:nth-child(-n+2){
    border-top:0;
}
.product-side-key-specifications__icon{
    width:32px;
    height:32px;
    border:1px solid #d8ceff;
    border-radius:10px;
    background:#faf8ff;
    color:#6740f5;
    display:grid;
    place-items:center;
}
.product-side-key-specifications__icon .icon{
    width:18px;
    height:18px;
}
.product-side-key-specifications__content{
    min-width:0;
}
.product-side-key-specifications__content h3{
    margin:0 0 4px;
    color:#2a3040;
    font-size:12px;
    line-height:1.35;
    font-weight:800;
}
.product-side-key-specifications__content p{
    margin:0;
    color:#646d7b;
    font-size:11px;
    line-height:1.55;
}

.product-primary-actions{
    margin-top:14px;
}
.product-trust-grid{
    margin-top:14px;
    padding-top:15px;
}

.product-specification-section{
    display:block;
    padding-top:21px;
    padding-bottom:22px;
    border-bottom:1px solid #e7e9ef;
}
.product-specification-section .full-specifications{
    width:100%;
    max-width:100%;
}
.product-specification-section .full-specifications h2{
    margin-bottom:16px;
}
.product-specification-section .specification-table-wrap{
    border-radius:12px;
}
.product-specification-section .specification-table--stacked{
    table-layout:fixed;
}
.product-specification-section .specification-table--stacked th,
.product-specification-section .specification-table--stacked td{
    height:auto;
    min-height:52px;
    padding:14px 16px;
}
.product-specification-section .specification-table--stacked th{
    width:28%;
}
.product-specification-section .specification-table--stacked td{
    width:72%;
}

@media (max-width:1180px){
    .product-meta--brand-row{
        grid-template-columns:108px minmax(0,1fr);
    }
    .product-meta-brand-link{
        width:108px;
    }
}

@media (max-width:820px){
    .product-side-key-specifications{
        margin-top:16px;
    }
    .product-side-key-specifications__list{
        grid-template-columns:1fr;
        gap:0;
    }
    .product-side-key-specifications__item,
    .product-side-key-specifications__item:nth-child(-n+2){
        border-top:1px solid #edf0f5;
    }
    .product-side-key-specifications__item:first-child{
        border-top:0;
    }
    .product-specification-section .specification-table--stacked th,
    .product-specification-section .specification-table--stacked td{
        padding:12px 14px;
    }
}

@media (max-width:560px){
    .product-meta--brand-row{
        grid-template-columns:96px minmax(0,1fr);
        column-gap:10px;
    }
    .product-meta-brand-link{
        width:96px;
        height:38px;
        padding:5px 8px;
    }
    .product-meta-brand-logo{
        width:76px;
        height:22px;
        max-width:76px;
        max-height:22px;
    }
    .product-meta-view-all{
        font-size:10px;
    }
    .product-side-key-specifications__item{
        grid-template-columns:30px minmax(0,1fr);
        gap:10px;
        padding:12px 0;
    }
    .product-side-key-specifications__icon{
        width:28px;
        height:28px;
    }
    .product-side-key-specifications__content h3{
        font-size:11px;
    }
    .product-side-key-specifications__content p{
        font-size:10px;
    }

    .product-details-page .specification-table--stacked,
    .product-details-page .specification-table--stacked tbody,
    .product-details-page .specification-table--stacked tr,
    .product-details-page .specification-table--stacked th,
    .product-details-page .specification-table--stacked td{
        display:block;
        width:100%;
    }
    .product-details-page .specification-table--stacked tr{
        display:block;
        border-bottom:1px solid #e3e5ea;
    }
    .product-details-page .specification-table--stacked tr:last-child{
        border-bottom:0;
    }
    .product-details-page .specification-table--stacked th,
    .product-details-page .specification-table--stacked td{
        min-height:0;
        padding:12px 14px;
    }
    .product-details-page .specification-table--stacked th{
        border-bottom:0!important;
        font-size:11px;
    }
    .product-details-page .specification-table--stacked td{
        border-left:0!important;
        border-top:1px solid #e3e5ea!important;
        font-size:11px;
    }
}

/* 2026-09-06 — Keep the original Specifications layout on mobile only. */
.specification-table-wrap--mobile-original{display:none}
@media (max-width:768px){
    .specification-table-wrap--desktop{display:none!important}
    .specification-table-wrap--mobile-original{display:block!important}
}


/* 2026-09-06 — Preserve multiline Detailed Specification values from Admin. */
.product-details-page .specification-table td{
    white-space:pre-line;
    overflow-wrap:anywhere;
    word-break:normal;
    line-height:1.6;
}

/* 2026-09-06 — You May Also Like cards match All Products image/card standard. */
.related-products-grid .catalog-product-image{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:4 / 3!important;
    padding:0!important;
    overflow:hidden!important;
    background:#fff!important;
}
.related-products-grid .catalog-product-image > a{
    display:block!important;
    width:100%!important;
    height:100%!important;
}
.related-products-grid .catalog-product-image img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:none!important;
}
.related-products-grid .catalog-product-brand-logo-row{
    min-height:30px;
    margin:0 0 7px;
}
@media (max-width:768px){
    .related-products-grid .catalog-product-brand-logo-row{
        min-height:24px!important;
        margin:0 0 5px!important;
    }
}

/* ================================================================
   2026-09-08 — MOBILE RELATED CARD PARITY
   You May Also Like follows the All Products mobile grid card sizing.
   Desktop/tablet rules are intentionally untouched.
   ================================================================ */
@media (max-width:599px){
    body.product-details-page .related-products-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:10px!important;
        align-items:start!important;
    }
    body.product-details-page .related-products-grid .catalog-product-card{
        width:100%!important;
        min-width:0!important;
        height:auto!important;
        min-height:0!important;
        align-self:start!important;
        border-radius:11px!important;
        overflow:hidden!important;
        display:flex!important;
        flex-direction:column!important;
    }
    body.product-details-page .related-products-grid .catalog-product-image{
        width:100%!important;
        height:auto!important;
        min-height:0!important;
        aspect-ratio:4 / 3!important;
        padding:0!important;
        overflow:hidden!important;
        background:#fff!important;
    }
    body.product-details-page .related-products-grid .catalog-product-image > a{
        display:block!important;
        width:100%!important;
        height:100%!important;
    }
    body.product-details-page .related-products-grid .catalog-product-image img{
        width:100%!important;
        height:100%!important;
        max-width:none!important;
        max-height:none!important;
        object-fit:contain!important;
        object-position:center!important;
        transform:none!important;
    }
    body.product-details-page .related-products-grid .catalog-product-content{
        flex:1 1 auto!important;
        padding:9px 9px 10px!important;
        display:flex!important;
        flex-direction:column!important;
    }
    body.product-details-page .related-products-grid .catalog-product-main{
        min-height:0!important;
    }
    body.product-details-page .related-products-grid .catalog-product-content h2,
    body.product-details-page .related-products-grid .catalog-product-content h2 a{
        min-height:30px!important;
        margin:0 0 5px!important;
        font-size:11px!important;
        font-weight:700!important;
        line-height:1.35!important;
        white-space:normal!important;
        display:-webkit-box!important;
        -webkit-box-orient:vertical!important;
        -webkit-line-clamp:2!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
    }
    body.product-details-page .related-products-grid .catalog-product-key-specs{
        min-height:0!important;
        margin:5px 0 4px!important;
        gap:3px!important;
    }
    body.product-details-page .related-products-grid .catalog-product-key-spec{
        min-width:0!important;
        gap:5px!important;
        font-size:9px!important;
        line-height:1.25!important;
    }
    body.product-details-page .related-products-grid .catalog-product-key-spec-icon{
        width:15px!important;
        min-width:15px!important;
        height:15px!important;
    }
    body.product-details-page .related-products-grid .catalog-product-key-spec-icon .icon{
        width:14px!important;
        height:14px!important;
    }
    body.product-details-page .related-products-grid .catalog-product-bottom{
        margin-top:0!important;
        padding-top:3px!important;
    }
    body.product-details-page .related-products-grid .catalog-product-bottom:has(.product-original-price){
        padding-top:15px!important;
    }
    body.product-details-page .related-products-grid .catalog-product-bottom > strong{
        margin:0 0 8px!important;
        font-size:15.5px!important;
        font-weight:500!important;
        line-height:1.05!important;
    }
    body.product-details-page .related-products-grid .catalog-product-actions{
        grid-template-columns:minmax(0,1fr) 34px!important;
        gap:6px!important;
        margin-top:0!important;
    }
    body.product-details-page .related-products-grid .product-details-button{
        min-height:34px!important;
        height:34px!important;
        padding:0 7px!important;
        border-radius:7px!important;
        font-size:9px!important;
        line-height:1!important;
    }
    body.product-details-page .related-products-grid .product-card-whatsapp{
        width:34px!important;
        min-width:34px!important;
        height:34px!important;
        min-height:34px!important;
        padding:0!important;
        border-radius:7px!important;
    }
    body.product-details-page .related-products-grid .product-card-whatsapp .icon{
        width:15px!important;
        height:15px!important;
    }
}


/* 2026-09-15 — Colour Section Styling Improvement */
.product-color-row{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
    margin:15px 0 4px;
}

.product-color-row>strong{
    font-size:12px;
    color:#5d6677;
    font-weight:700;
}

.product-color-list{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:6px;
}

.product-color-item{
    display:inline-flex;
    align-items:center;
    min-height:28px;
    padding:0 10px;
    border-radius:6px;
    background:#f8f9fc;
    border:1px solid #dfe3eb;
    color:#343842;
    font-size:11px;
    font-weight:700;
}

html[data-site-theme="dark"] .product-color-row>strong{
    color:#c8d0dc;
}

html[data-site-theme="dark"] .product-color-item{
    background:#1d2736;
    border-color:#3a4658;
    color:#f1f5f9;
}