/* ========================================================================
   MASTER UNLOCK CODE - PRODUCT DETAILS FLAGSHIP V3
   2026-10-12

   Premium, conversion-focused Product Detail page.
   One coherent presentation layer replaces the earlier V1/V2 experiments.

   Principles:
   - Service identity and order decision are two distinct, balanced surfaces.
   - Search stays consistent with Index / Products & Services and keeps
     suggested keywords.
   - Mobile keeps a real page gutter; no edge-to-edge cards or viewport hacks.
   - Price, delivery, availability and USDT Pro savings are scannable.
   - Requirements remain the primary content after the buy decision area.
   ======================================================================== */

.muc-product-detail-page {
    --muc3-navy:#0d2a3e;
    --muc3-navy2:#123e58;
    --muc3-navy3:#1b5b7a;
    --muc3-ink:#163f5c;
    --muc3-body:#3e6074;
    --muc3-muted:#748895;
    --muc3-line:#d6e2e9;
    --muc3-soft:#f5f8fa;
    --muc3-orange:#ec851e;
    --muc3-orange2:#d87316;
    --muc3-green:#12794c;
    --muc3-green-soft:#edf8f2;
}

.muc-product-detail-page,
.muc-product-detail-page * {
    box-sizing:border-box;
}

/* =========================================================================
   SERVICE FINDER - same family as Flagship Index / Catalog
   ========================================================================= */
.muc-detail-search-v3 {
    position:relative;
    margin:12px 0 14px;
    padding:13px 14px 11px;
    overflow:visible;
    border:1px solid #d6e2e9;
    border-radius:12px;
    background:#fff;
    box-shadow:0 5px 17px rgba(17,54,77,.045);
}

.muc-detail-search-v3:before {
    content:'';
    position:absolute;
    left:14px;
    top:0;
    width:62px;
    height:3px;
    border-radius:0 0 4px 4px;
    background:linear-gradient(90deg,#eb821b,#f2aa52);
}

.muc-detail-search-head-v3 {
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
    margin-bottom:8px;
}

.muc-detail-search-head-v3 > div {
    min-width:0;
}

.muc-detail-search-head-v3 span {
    display:block;
    color:var(--muc3-orange2);
    font-size:8px;
    line-height:11px;
    font-weight:800;
    letter-spacing:.75px;
}

.muc-detail-search-head-v3 h2 {
    margin:1px 0 2px;
    color:var(--muc3-ink);
    font-size:16px;
    line-height:20px;
    font-weight:700;
}

.muc-detail-search-head-v3 p {
    margin:0;
    color:var(--muc3-muted);
    font-size:9px;
    line-height:13px;
}

.muc-detail-search-head-v3 > a {
    flex:0 0 auto;
    margin-top:4px;
    color:#286180 !important;
    font-size:9px;
    line-height:13px;
    font-weight:700;
    text-decoration:none !important;
}

.muc-detail-search-head-v3 > a:hover,
.muc-detail-search-head-v3 > a:focus {
    color:#174d6d !important;
    text-decoration:underline !important;
}

.muc-detail-search-v3 #gsm-search-v73-root {
    margin:0 !important;
    padding:0 !important;
}

.muc-detail-search-v3 #gsm-search-v73-row {
    margin:0 !important;
    gap:7px !important;
}

.muc-detail-search-v3 #gsm-search-v73-row .service-search-input-field {
    min-height:42px !important;
    border:1px solid #c9d9e3 !important;
    border-radius:9px !important;
    background:#fbfdfe !important;
    box-shadow:0 3px 10px rgba(25,70,98,.05) !important;
}

.muc-detail-search-v3 #gsm-search-v73-input {
    min-height:40px !important;
    height:40px !important;
    font-size:11px !important;
}

.muc-detail-search-v3 #gsm-search-v73-submit {
    min-width:45px !important;
    width:45px !important;
    min-height:42px !important;
    height:42px !important;
    margin:0 !important;
    border-radius:9px !important;
}

.muc-detail-search-v3 #gsm-search-v73-common {
    display:flex !important;
    margin-top:6px !important;
    gap:5px !important;
}

.muc-detail-search-v3 .service-search-common-link {
    padding:3px 8px !important;
    border:1px solid #cadbe5 !important;
    border-radius:999px !important;
    background:#f6f9fb !important;
    color:#285b7b !important;
    font-size:9px !important;
    line-height:13px !important;
    box-shadow:none !important;
}

.muc-detail-search-v3 .service-search-common-link:hover,
.muc-detail-search-v3 .service-search-common-link:focus {
    border-color:#9fbfd2 !important;
    background:#eef5f8 !important;
    color:#164d70 !important;
}

/* =========================================================================
   CORE PRODUCT DECISION AREA
   ========================================================================= */
.muc-detail-flagship-v3.is-service-detail-v211 {
    margin:0 !important;
}

.muc-detail-flagship-v3.is-service-detail-v211 .gsm-service-hub-v200.muc-pdp-v3 {
    overflow:visible !important;
    margin:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}

.muc-pdp-decision-v3 {
    display:grid;
    grid-template-columns:minmax(0,1fr) 342px;
    gap:16px;
    align-items:start;
    margin:0 0 13px;
}

/* Service identity card */
.muc-pdp-service-card-v3 {
    position:relative;
    min-width:0;
    overflow:hidden;
    padding:20px;
    border:1px solid #123b55;
    border-radius:15px;
    background:
        radial-gradient(circle at 92% -10%,rgba(98,178,217,.20) 0,rgba(98,178,217,0) 32%),
        radial-gradient(circle at 0% 115%,rgba(236,133,30,.12) 0,rgba(236,133,30,0) 36%),
        linear-gradient(118deg,var(--muc3-navy) 0%,var(--muc3-navy2) 56%,var(--muc3-navy3) 100%);
    box-shadow:0 14px 31px rgba(9,37,55,.12);
    color:#fff;
}

.muc-pdp-service-card-v3:before {
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:116px;
    height:4px;
    border-radius:0 0 4px 0;
    background:linear-gradient(90deg,#ec851e,#f2ad5b);
}

.muc-pdp-identity-v3 {
    display:grid !important;
    grid-template-columns:66px minmax(0,1fr) !important;
    gap:12px !important;
    align-items:center !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
}

.muc-pdp-logo-v3 {
    width:62px !important;
    height:62px !important;
}

.muc-pdp-logo-v3:before {
    inset:3px !important;
    border:1px solid rgba(255,255,255,.82) !important;
    border-radius:18px !important;
    background:linear-gradient(180deg,#fff,#eef5f8) !important;
    box-shadow:0 8px 20px rgba(2,24,39,.18) !important;
}

.muc-pdp-logo-v3 .gsm-service-brand-emblem-inner-v206 {
    width:50px !important;
    height:50px !important;
    border-radius:14px !important;
}

.muc-pdp-logo-v3 .gsm-service-brand-emblem-inner-v206 img {
    max-width:44px !important;
    max-height:44px !important;
}

.muc-pdp-heading-v3 {
    min-width:0;
}

.muc-pdp-kicker-v3 {
    margin:0 0 4px !important;
    color:#f3a34f !important;
    font-size:8.5px !important;
    line-height:11px !important;
    letter-spacing:.8px !important;
}

.muc-pdp-kicker-v3:before {
    background:#ec851e !important;
}

.muc-pdp-title-v3 {
    max-width:780px !important;
    margin:0 0 5px !important;
    color:#fff !important;
    font-size:24px !important;
    line-height:1.13 !important;
    font-weight:700 !important;
    letter-spacing:-.24px !important;
    text-shadow:0 2px 8px rgba(0,0,0,.13) !important;
}

.muc-pdp-subtitle-v3 {
    max-width:780px !important;
    color:#c8d8e2 !important;
    font-size:9.5px !important;
    line-height:1.45 !important;
}

.muc-pdp-status-v3 {
    margin:16px 0 0 !important;
    overflow:hidden !important;
    border:1px solid rgba(203,229,242,.22) !important;
    border-radius:10px !important;
    background:rgba(255,255,255,.07) !important;
    box-shadow:none !important;
}

.muc-pdp-status-row-v3 {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:center !important;
    gap:12px !important;
    padding:10px 12px !important;
}

.muc-pdp-availability-v3 {
    color:#c9dbe5 !important;
    font-size:8px !important;
    line-height:12px !important;
}

.muc-pdp-availability-v3 span,
.muc-pdp-online-v3 span {
    display:block;
    color:#91afc0 !important;
    font-size:7px !important;
    line-height:10px !important;
    font-weight:700;
    letter-spacing:.55px;
    text-transform:uppercase;
}

.muc-pdp-availability-v3 strong {
    display:inline-block;
    margin-top:1px;
    color:#fff !important;
    font-size:18px !important;
    line-height:21px !important;
}

.muc-pdp-availability-v3 small {
    margin-left:4px;
    color:#a9c0cd;
    font-size:7.5px;
}

.muc-pdp-online-v3 {
    min-width:92px;
    color:#c9dbe5 !important;
    font-size:8px !important;
    line-height:12px !important;
    text-align:right;
}

.muc-pdp-online-v3 strong {
    display:inline-block;
    margin-top:2px;
    font-size:12px !important;
    line-height:15px !important;
}

.muc-pdp-online-v3.is-online strong {
    color:#79e0a2 !important;
}

.muc-pdp-online-v3.is-offline strong {
    color:#ffb3a9 !important;
}

.muc-pdp-review-link-v3 {
    display:inline-flex;
    align-items:center;
    gap:5px;
    margin-top:11px;
    color:#d6e5ed !important;
    font-size:8.5px;
    line-height:12px;
    font-weight:600;
    text-decoration:none !important;
}

.muc-pdp-review-link-v3:hover,
.muc-pdp-review-link-v3:focus {
    color:#fff !important;
    text-decoration:underline !important;
}

/* =========================================================================
   BUY PANEL
   ========================================================================= */
.muc-pdp-buy-v3 {
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    overflow:hidden !important;
    border:1px solid #d3e0e7 !important;
    border-radius:15px !important;
    background:#fff !important;
    box-shadow:0 14px 31px rgba(11,48,70,.11) !important;
}

.muc-pdp-buy-head-v3 {
    padding:14px 15px 12px;
    border-bottom:1px solid #e3ebef;
    background:linear-gradient(180deg,#fff,#f8fafb);
}

.muc-pdp-buy-head-v3 > span {
    display:block;
    color:var(--muc3-orange2);
    font-size:8px;
    line-height:11px;
    font-weight:800;
    letter-spacing:.8px;
}

.muc-pdp-buy-head-v3 > strong {
    display:block;
    margin-top:2px;
    color:var(--muc3-ink);
    font-size:15px;
    line-height:19px;
}

.muc-pdp-buy-head-v3 > p {
    margin:4px 0 0;
    color:#7a8f9c;
    font-size:8.5px;
    line-height:13px;
}

.muc-pdp-buy-grid-v3 {
    display:grid;
    grid-template-columns:1fr 1fr;
    border-bottom:1px solid #e2eaef;
}

.muc-pdp-price-v3,
.muc-pdp-delivery-v3 {
    min-width:0 !important;
    min-height:95px !important;
    margin:0 !important;
    padding:13px 14px !important;
    border:0 !important;
    background:#fff !important;
    text-align:left !important;
}

.muc-pdp-delivery-v3 {
    border-left:1px solid #e2eaef !important;
}

.muc-pdp-buy-v3 .gsm-detail-summary-label {
    display:block;
    margin-bottom:3px !important;
    color:#8295a1 !important;
    font-size:7.5px !important;
    line-height:10px !important;
    font-weight:800 !important;
    letter-spacing:.7px !important;
    text-transform:uppercase;
}

.muc-pdp-price-v3 > strong {
    display:block !important;
    color:#df7515 !important;
    font-size:28px !important;
    line-height:31px !important;
    letter-spacing:-.4px !important;
}

.muc-pdp-price-v3 > strong small {
    color:#8a7568 !important;
    font-size:9px !important;
}

.muc-pdp-delivery-v3 > strong {
    display:block !important;
    color:#0d537d !important;
    font-size:15px !important;
    line-height:20px !important;
}

.muc-pdp-price-hint-v3 {
    margin-top:5px !important;
    font-size:7.5px !important;
    line-height:11px !important;
}

/* USDT Pro alternative */
.muc-pdp-usdt-v3 {
    padding:11px 14px 12px;
    border-bottom:1px solid #dce8e2;
    background:linear-gradient(180deg,#f2faf6,#edf8f2);
}

.muc-pdp-usdt-head-v3 {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    margin-bottom:3px;
}

.muc-pdp-usdt-kicker-v3 {
    color:#267250;
    font-size:7px;
    line-height:10px;
    font-weight:800;
    letter-spacing:.75px;
}

.muc-pdp-save-v3 {
    flex:0 0 auto;
    padding:2px 6px;
    border:1px solid #bddfcb;
    border-radius:999px;
    background:#fff;
    color:#2f7253;
    font-size:7px;
    line-height:10px;
    font-weight:800;
}

.muc-pdp-usdt-price-v3 {
    display:flex;
    align-items:baseline;
    gap:5px;
    color:#117448;
}

.muc-pdp-usdt-price-v3 strong {
    font-size:19px;
    line-height:22px;
    letter-spacing:-.2px;
}

.muc-pdp-usdt-price-v3 small {
    font-size:8px;
    font-weight:700;
}

.muc-pdp-usdt-v3 > a {
    display:inline-block;
    margin-top:4px;
    color:#116b4a !important;
    font-size:8px;
    line-height:12px;
    font-weight:700;
    text-decoration:none !important;
}

.muc-pdp-usdt-v3 > a:hover,
.muc-pdp-usdt-v3 > a:focus {
    text-decoration:underline !important;
}

.muc-pdp-usdt-v3.is-required > strong {
    display:block;
    margin-top:2px;
    color:#176c4d;
    font-size:11px;
    line-height:15px;
}

.muc-pdp-usdt-v3.is-required > p {
    margin:2px 0 0;
    color:#557568;
    font-size:8px;
    line-height:12px;
}

.muc-pdp-cta-v3 {
    display:block !important;
    min-height:0 !important;
    padding:13px 14px 12px !important;
    border:0 !important;
    background:#f8fafb !important;
    text-align:center !important;
}

.muc-pdp-buy-v3 .gsm-order-now-primary {
    width:100% !important;
    max-width:none !important;
    min-height:44px !important;
    margin:0 !important;
    padding:10px 16px !important;
    border:1px solid #d56c0f !important;
    border-radius:9px !important;
    background:linear-gradient(180deg,#f29a34,#e17f19) !important;
    color:#fff !important;
    box-shadow:0 6px 16px rgba(207,103,9,.22) !important;
    font-size:12px !important;
    font-weight:800 !important;
}

.muc-pdp-buy-v3 .gsm-order-now-primary:hover,
.muc-pdp-buy-v3 .gsm-order-now-primary:focus {
    background:linear-gradient(180deg,#ee9029,#d77413) !important;
    color:#fff !important;
}

.muc-pdp-confidence-v3 {
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:4px 10px;
    margin-top:7px;
    color:#6e8290;
    font-size:7.5px;
    line-height:11px;
}

.muc-pdp-confidence-v3 i {
    color:#1c9856;
    font-style:normal;
    font-weight:800;
}

/* Offline routes stay readable without forcing a fake buy card. */
.muc-pdp-offline-v3 {
    grid-column:1 / -1;
    margin-top:0;
}

/* =========================================================================
   REQUIREMENTS / CONTENT
   ========================================================================= */
.muc-detail-flagship-v3.is-service-detail-v211 .gsm-service-overview-v204 {
    margin:0 0 11px !important;
    padding:18px 19px 9px !important;
    border:1px solid #d8e3e9 !important;
    border-radius:13px !important;
    background:#fff !important;
    box-shadow:0 5px 17px rgba(17,54,77,.035) !important;
}

.muc-pdp-overview-copy-v3 {
    max-width:none !important;
}

.muc-detail-flagship-v3.is-service-detail-v211 .gsm-service-section-kicker-v200 {
    color:var(--muc3-orange2) !important;
    font-size:8px !important;
    line-height:11px !important;
    letter-spacing:.75px !important;
}

.muc-pdp-overview-title-v3 {
    margin:2px 0 10px;
    color:var(--muc3-ink);
    font-size:18px;
    line-height:23px;
    font-weight:700;
}

.muc-detail-flagship-v3.is-service-detail-v211 .gsm-service-description-v200,
.muc-detail-flagship-v3.is-service-detail-v211 .gsm-service-instruction-copy-v200 {
    color:#365b70 !important;
    font-size:10.5px !important;
    line-height:1.6 !important;
}

.muc-detail-flagship-v3.is-service-detail-v211 .gsm-service-callout-v200 {
    margin-top:12px !important;
    border-radius:10px !important;
}

.muc-detail-flagship-v3.is-service-detail-v211 .gsm-service-callout-v200.is-important {
    border-color:#efd0ab !important;
    background:#fff8ee !important;
}

.muc-detail-flagship-v3.is-service-detail-v211 .gsm-service-callout-v200.is-payment {
    border-color:#cee0e9 !important;
    background:#f4f9fb !important;
}

.muc-detail-flagship-v3.is-service-detail-v211 .gsm-service-info-card-v200,
.muc-detail-flagship-v3.is-service-detail-v211 .gsm-service-models-v200 {
    border:1px solid #d8e3e9 !important;
    border-radius:12px !important;
    background:#fff !important;
    box-shadow:0 4px 14px rgba(17,54,77,.03) !important;
}

/* Bottom action bar */
.muc-detail-flagship-v3.is-service-detail-v211 .gsm-service-bottom-actions-shell-v200 {
    margin-top:10px !important;
    border:1px solid #d8e3e9 !important;
    border-radius:11px !important;
    background:#fff !important;
}

.muc-detail-flagship-v3.is-service-detail-v211 .gsm-order-now-secondary {
    border-color:#d66e11 !important;
    background:#e8841d !important;
    color:#fff !important;
}

.muc-detail-flagship-v3.is-service-detail-v211 .gsm-detail-back-button {
    border-color:#cddce5 !important;
    background:#fff !important;
    color:#285d7d !important;
}

/* Related services remain secondary and consistent with the catalog. */
.muc-detail-flagship-v3.is-service-detail-v211 .gsm-service-related-heading-v200 {
    margin-top:15px !important;
}

.muc-detail-flagship-v3.is-service-detail-v211 .gsm-service-related-heading-v200 > span {
    color:var(--muc3-orange2) !important;
}

.muc-detail-flagship-v3.is-service-detail-v211
.gsm-detail-related-services-v116 .divTableR {
    overflow:hidden !important;
    border:1px solid #d7e2e8 !important;
    border-radius:10px !important;
    background:#fff !important;
    box-shadow:0 3px 12px rgba(18,54,77,.025) !important;
}

/* Collapsed technical facts from V2.1 remain deliberately tertiary. */
.muc-service-tech-details-v21 {
    margin:13px 0 4px;
    overflow:hidden;
    border:1px solid #d8e3e9;
    border-radius:10px;
    background:#f9fbfc;
    box-shadow:none;
}

.muc-service-tech-details-v21 > summary {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:11px 13px;
    cursor:pointer;
    list-style:none;
    color:#225574;
    user-select:none;
}

.muc-service-tech-details-v21 > summary::-webkit-details-marker {
    display:none;
}

.muc-service-tech-details-v21 > summary:after {
    content:'+';
    flex:0 0 auto;
    display:flex;
    align-items:center;
    justify-content:center;
    width:22px;
    height:22px;
    border:1px solid #c8d8e2;
    border-radius:50%;
    background:#fff;
    color:#2f6584;
    font-size:15px;
}

.muc-service-tech-details-v21[open] > summary:after {
    content:'−';
}

.muc-service-tech-details-v21 > summary > span {
    font-size:11px;
    line-height:15px;
    font-weight:700;
}

.muc-service-tech-details-v21 > summary > small {
    margin-left:auto;
    color:#7b8f9c;
    font-size:8.5px;
    line-height:12px;
}

.muc-service-tech-details-body-v21 {
    padding:0 12px 12px;
    border-top:1px solid #e0e8ed;
}

.muc-service-tech-details-v21 .muc-service-facts-lower,
.muc-service-tech-details-v21 .gsm-ai-service-facts-v244 {
    margin:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}

.muc-service-tech-details-v21 .gsm-ai-service-facts-v244 {
    padding:12px 0 0 !important;
}

.muc-service-tech-details-v21 .gsm-ai-facts-heading-v244 {
    display:none !important;
}

/* =========================================================================
   MOBILE
   ========================================================================= */
@media (max-width:767px) {
    /*
     * Real page gutter. The shared Search JS also recognizes
     * .muc-detail-search-v3 and no longer re-expands Search to viewport width.
     */
    .muc-product-detail-page .container {
        width:auto !important;
        max-width:none !important;
        margin-left:0 !important;
        margin-right:0 !important;
        padding-left:10px !important;
        padding-right:10px !important;
    }

    .muc-product-detail-page
    .gsm-standard-sidebar-row-v89 > .col-sm-9.ma768-pdlr0 {
        width:100% !important;
        padding-left:0 !important;
        padding-right:0 !important;
    }

    .muc-detail-search-v3 {
        width:100%;
        margin:8px 0 10px;
        padding:11px 11px 9px;
        border-radius:11px;
    }

    .muc-detail-search-head-v3 {
        gap:8px;
        margin-bottom:7px;
    }

    .muc-detail-search-head-v3 h2 {
        font-size:15px;
        line-height:19px;
    }

    .muc-detail-search-head-v3 p {
        font-size:8.5px;
        line-height:12px;
    }

    .muc-detail-search-head-v3 > a {
        font-size:8px;
        white-space:nowrap;
    }

    .muc-detail-search-v3 #gsm-search-v73-root {
        position:relative !important;
        left:0 !important;
        width:100% !important;
        max-width:100% !important;
        margin-left:0 !important;
        margin-right:0 !important;
    }

    .muc-detail-search-v3 #gsm-search-v73-row .service-search-input-field {
        min-height:40px !important;
    }

    .muc-detail-search-v3 #gsm-search-v73-input {
        min-height:38px !important;
        height:38px !important;
        font-size:11px !important;
    }

    .muc-detail-search-v3 #gsm-search-v73-submit {
        min-width:42px !important;
        width:42px !important;
        min-height:40px !important;
        height:40px !important;
    }

    .muc-detail-search-v3 #gsm-search-v73-common {
        gap:5px !important;
        margin-top:5px !important;
    }

    .muc-detail-search-v3 .service-search-common-link {
        padding:3px 7px !important;
        font-size:8.75px !important;
        line-height:12px !important;
    }

    .muc-pdp-decision-v3 {
        display:block;
        margin-bottom:10px;
    }

    .muc-pdp-service-card-v3 {
        width:100%;
        margin:0 0 10px;
        padding:13px 12px;
        border-radius:13px;
    }

    .muc-pdp-identity-v3 {
        grid-template-columns:46px minmax(0,1fr) !important;
        gap:8px !important;
    }

    .muc-pdp-logo-v3 {
        width:43px !important;
        height:43px !important;
    }

    .muc-pdp-logo-v3:before {
        inset:2px !important;
        border-radius:12px !important;
    }

    .muc-pdp-logo-v3 .gsm-service-brand-emblem-inner-v206 {
        width:36px !important;
        height:36px !important;
        border-radius:9px !important;
    }

    .muc-pdp-logo-v3 .gsm-service-brand-emblem-inner-v206 img {
        max-width:31px !important;
        max-height:31px !important;
    }

    .muc-pdp-kicker-v3 {
        font-size:7.5px !important;
        line-height:10px !important;
    }

    .muc-pdp-title-v3 {
        grid-column:1 / -1;
        margin-top:5px !important;
        font-size:18px !important;
        line-height:1.15 !important;
        letter-spacing:-.12px !important;
    }

    /*
     * display:contents lets the title/subtitle occupy the full card width,
     * avoiding the narrow-column wrap that made V2 feel crude.
     */
    .muc-pdp-heading-v3 {
        display:contents !important;
    }

    .muc-pdp-kicker-v3 {
        grid-column:2;
        align-self:center;
    }

    .muc-pdp-title-v3 {
        grid-column:1 / -1;
    }

    .muc-pdp-subtitle-v3 {
        grid-column:1 / -1;
        font-size:8.75px !important;
        line-height:1.42 !important;
    }

    .muc-pdp-status-v3 {
        margin-top:11px !important;
        border-radius:9px !important;
    }

    .muc-pdp-status-row-v3 {
        grid-template-columns:1fr auto !important;
        gap:8px !important;
        padding:8px 9px !important;
    }

    .muc-pdp-availability-v3 strong {
        font-size:15px !important;
        line-height:18px !important;
    }

    .muc-pdp-online-v3 {
        min-width:76px;
    }

    .muc-pdp-online-v3 strong {
        font-size:11px !important;
    }

    .muc-pdp-review-link-v3 {
        margin-top:8px;
        font-size:8px;
    }

    .muc-pdp-buy-v3 {
        width:100% !important;
        margin:0 !important;
        border-radius:13px !important;
    }

    .muc-pdp-buy-head-v3 {
        padding:12px 12px 10px;
    }

    .muc-pdp-buy-head-v3 > strong {
        font-size:14px;
        line-height:18px;
    }

    .muc-pdp-buy-head-v3 > p {
        font-size:8px;
        line-height:12px;
    }

    .muc-pdp-buy-grid-v3 {
        grid-template-columns:1fr 1fr;
    }

    .muc-pdp-price-v3,
    .muc-pdp-delivery-v3 {
        min-height:83px !important;
        padding:11px !important;
    }

    .muc-pdp-price-v3 > strong {
        font-size:25px !important;
        line-height:28px !important;
    }

    .muc-pdp-delivery-v3 > strong {
        font-size:13px !important;
        line-height:18px !important;
    }

    .muc-pdp-usdt-v3 {
        padding:10px 11px;
    }

    .muc-pdp-usdt-price-v3 strong {
        font-size:17px;
        line-height:20px;
    }

    .muc-pdp-cta-v3 {
        padding:11px !important;
    }

    .muc-pdp-buy-v3 .gsm-order-now-primary {
        min-height:43px !important;
        font-size:12px !important;
    }

    .muc-detail-flagship-v3.is-service-detail-v211 .gsm-service-overview-v204 {
        margin:0 0 9px !important;
        padding:14px 12px 6px !important;
        border-radius:11px !important;
    }

    .muc-pdp-overview-title-v3 {
        margin-bottom:8px;
        font-size:16px;
        line-height:21px;
    }

    .muc-detail-flagship-v3.is-service-detail-v211 .gsm-service-description-v200,
    .muc-detail-flagship-v3.is-service-detail-v211 .gsm-service-instruction-copy-v200 {
        font-size:10px !important;
        line-height:1.56 !important;
    }

    .muc-service-tech-details-v21 > summary {
        display:grid;
        grid-template-columns:minmax(0,1fr) 22px;
        gap:2px 8px;
        padding:10px;
    }

    .muc-service-tech-details-v21 > summary > span {
        grid-column:1;
        grid-row:1;
        font-size:10.5px;
    }

    .muc-service-tech-details-v21 > summary > small {
        grid-column:1;
        grid-row:2;
        margin:0;
        font-size:8px;
    }

    .muc-service-tech-details-v21 > summary:after {
        grid-column:2;
        grid-row:1 / span 2;
        align-self:center;
    }
}

@media (max-width:430px) {
    .muc-product-detail-page .container {
        padding-left:10px !important;
        padding-right:10px !important;
    }

    .muc-detail-search-head-v3 {
        align-items:flex-start;
    }

    .muc-detail-search-head-v3 p {
        max-width:250px;
    }

    .muc-pdp-title-v3 {
        font-size:17px !important;
        line-height:1.14 !important;
    }

    .muc-pdp-status-row-v3 {
        grid-template-columns:minmax(0,1fr) auto !important;
    }

    .muc-pdp-buy-grid-v3 {
        grid-template-columns:1fr 1fr;
    }

    .muc-pdp-price-v3,
    .muc-pdp-delivery-v3 {
        padding:10px !important;
    }

    .muc-pdp-price-v3 > strong {
        font-size:23px !important;
    }

    .muc-pdp-usdt-head-v3 {
        align-items:flex-start;
    }
}

/* ========================================================================
   PRODUCT DETAILS FLAGSHIP V3.1 - SCREENSHOT CORRECTIONS
   2026-10-12

   Fixes only CSS collisions exposed by the live screenshots:
   1) Legacy title selector was more specific than V3, making the title dark.
   2) Legacy #divDelivery layout kept direct children in one horizontal row.
   3) Bootstrap row negative margins defeated the intended mobile page gutter.
   Search suggestions and all business logic remain unchanged.
   ======================================================================== */

/* ---------- Service title: explicitly beat legacy !important selectors ---------- */
.muc-detail-flagship-v3.is-service-detail-v211
.muc-pdp-service-card-v3
.gsm-service-heading-v204
.gsm-service-title-v200.muc-pdp-title-v3 {
    color:#ffffff !important;
    background:none !important;
    background-image:none !important;
    -webkit-background-clip:border-box !important;
    background-clip:border-box !important;
    -webkit-text-fill-color:#ffffff !important;
    text-shadow:0 2px 8px rgba(0,0,0,.14) !important;
}

/* ---------- Buy panel: neutralize the legacy direct-child grid/flex contract ---------- */
.muc-detail-flagship-v3.is-service-detail-v211
#divDelivery.gsm-service-conversion-v200.gsm-detail-order-summary.muc-pdp-buy-v3 {
    display:block !important;
    grid-template-columns:none !important;
    grid-template-rows:none !important;
    align-items:stretch !important;
    min-height:0 !important;
}

.muc-detail-flagship-v3.is-service-detail-v211
#divDelivery.muc-pdp-buy-v3 > .muc-pdp-buy-head-v3,
.muc-detail-flagship-v3.is-service-detail-v211
#divDelivery.muc-pdp-buy-v3 > .muc-pdp-buy-grid-v3,
.muc-detail-flagship-v3.is-service-detail-v211
#divDelivery.muc-pdp-buy-v3 > .muc-pdp-usdt-v3,
.muc-detail-flagship-v3.is-service-detail-v211
#divDelivery.muc-pdp-buy-v3 > .muc-pdp-cta-v3 {
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
}

.muc-detail-flagship-v3.is-service-detail-v211
#divDelivery.muc-pdp-buy-v3 > .muc-pdp-buy-grid-v3 {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    align-items:stretch !important;
}

.muc-detail-flagship-v3.is-service-detail-v211
#divDelivery.muc-pdp-buy-v3 .muc-pdp-price-v3,
.muc-detail-flagship-v3.is-service-detail-v211
#divDelivery.muc-pdp-buy-v3 .muc-pdp-delivery-v3 {
    width:auto !important;
    max-width:none !important;
    float:none !important;
}

.muc-detail-flagship-v3.is-service-detail-v211
#divDelivery.muc-pdp-buy-v3 .muc-pdp-delivery-v3 > strong {
    white-space:normal !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
}

/* Slightly calmer desktop proportions now that the Buy panel stacks correctly. */
@media (min-width:768px) {
    .muc-pdp-decision-v3 {
        grid-template-columns:minmax(0,1fr) 356px;
        gap:17px;
    }

    .muc-pdp-service-card-v3 {
        min-height:0;
        padding-bottom:18px;
    }

    .muc-pdp-status-v3 {
        margin-top:14px !important;
    }

    .muc-pdp-buy-head-v3 {
        padding-top:13px;
        padding-bottom:10px;
    }

    .muc-pdp-price-v3,
    .muc-pdp-delivery-v3 {
        min-height:88px !important;
        padding-top:12px !important;
        padding-bottom:11px !important;
    }

    .muc-pdp-usdt-v3 {
        padding-top:10px;
        padding-bottom:10px;
    }

    .muc-pdp-cta-v3 {
        padding-top:11px !important;
        padding-bottom:11px !important;
    }
}

/* ---------- Mobile: real 12px page gutter, including Bootstrap row ---------- */
@media (max-width:767px) {
    .muc-product-detail-page .container {
        width:auto !important;
        max-width:none !important;
        margin-left:0 !important;
        margin-right:0 !important;
        padding-left:12px !important;
        padding-right:12px !important;
    }

    .muc-product-detail-page
    .gsm-standard-sidebar-row-v89.gsm-detail-shared-sidebar-v89 {
        margin-left:0 !important;
        margin-right:0 !important;
    }

    .muc-product-detail-page
    .gsm-standard-sidebar-row-v89.gsm-detail-shared-sidebar-v89
    > .col-sm-9.ma768-pdlr0 {
        width:100% !important;
        padding-left:0 !important;
        padding-right:0 !important;
    }

    .muc-detail-search-v3,
    .muc-pdp-service-card-v3,
    .muc-pdp-buy-v3,
    .muc-detail-flagship-v3.is-service-detail-v211 .gsm-service-overview-v204 {
        width:100% !important;
        max-width:100% !important;
        margin-left:0 !important;
        margin-right:0 !important;
    }

    .muc-detail-search-v3 {
        border-radius:12px;
    }

    .muc-pdp-service-card-v3,
    .muc-pdp-buy-v3 {
        border-radius:13px !important;
    }

    .muc-detail-flagship-v3.is-service-detail-v211
    .muc-pdp-service-card-v3
    .gsm-service-heading-v204
    .gsm-service-title-v200.muc-pdp-title-v3 {
        color:#ffffff !important;
        -webkit-text-fill-color:#ffffff !important;
    }

    /* Keep the intended two-column Price / Delivery row only inside Buy panel. */
    .muc-detail-flagship-v3.is-service-detail-v211
    #divDelivery.muc-pdp-buy-v3 > .muc-pdp-buy-grid-v3 {
        grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    }

    .muc-pdp-price-v3,
    .muc-pdp-delivery-v3 {
        min-height:82px !important;
    }

    .muc-pdp-usdt-v3,
    .muc-pdp-cta-v3 {
        width:100% !important;
    }
}

@media (max-width:430px) {
    .muc-product-detail-page .container {
        padding-left:12px !important;
        padding-right:12px !important;
    }

    .muc-pdp-title-v3 {
        font-size:17px !important;
        line-height:1.15 !important;
    }

    .muc-pdp-price-v3 > strong {
        font-size:22px !important;
    }

    .muc-pdp-delivery-v3 > strong {
        font-size:12.5px !important;
        line-height:17px !important;
    }
}

/* ========================================================================
   PRODUCT DETAILS FLAGSHIP V3.2 - SEARCH CHIP + PRICE HINT FIX
   2026-10-12

   Screenshot-targeted corrections:
   - restore the Detail "All Services / back context" chip contrast
   - make the member-price sign-in hint intentionally stack/wrap inside
     the Standard Price cell instead of being clipped by the Delivery column
   ======================================================================== */

/* The legacy back-chip supplies white text. V3's generic keyword rule used an
   !important light background, which made the first chip look blank/faded. */
.muc-detail-search-v3
#gsm-search-v73-root.gsm-service-search
.service-search-common-link.service-search-back-chip {
    border-color:#285f82 !important;
    background:#285f82 !important;
    color:#ffffff !important;
    font-weight:700 !important;
    box-shadow:0 2px 6px rgba(26,75,108,.12) !important;
}

.muc-detail-search-v3
#gsm-search-v73-root.gsm-service-search
.service-search-common-link.service-search-back-chip:hover,
.muc-detail-search-v3
#gsm-search-v73-root.gsm-service-search
.service-search-common-link.service-search-back-chip:focus {
    border-color:#174c6d !important;
    background:#174c6d !important;
    color:#ffffff !important;
}

/* Price-cell account hint: deliberate two-line hierarchy.
   This overrides the old V262 nowrap row only inside the V3 Buy panel. */
.muc-detail-flagship-v3.is-service-detail-v211
#divDelivery.muc-pdp-buy-v3
#divDeliverycol1.muc-pdp-price-v3
.gsm-service-member-pricing-v261.muc-pdp-price-hint-v3 {
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    flex-wrap:nowrap !important;
    gap:1px !important;
    width:100% !important;
    max-width:100% !important;
    margin-top:5px !important;
    white-space:normal !important;
    overflow:visible !important;
}

.muc-detail-flagship-v3.is-service-detail-v211
#divDelivery.muc-pdp-buy-v3
#divDeliverycol1.muc-pdp-price-v3
.gsm-member-pricing-text-v262 {
    display:block !important;
    width:100% !important;
    white-space:normal !important;
}

.muc-detail-flagship-v3.is-service-detail-v211
#divDelivery.muc-pdp-buy-v3
#divDeliverycol1.muc-pdp-price-v3
.gsm-member-pricing-separator-v262 {
    display:none !important;
}

.muc-detail-flagship-v3.is-service-detail-v211
#divDelivery.muc-pdp-buy-v3
#divDeliverycol1.muc-pdp-price-v3
.gsm-service-member-pricing-v261.muc-pdp-price-hint-v3 a {
    display:block !important;
    max-width:100% !important;
    white-space:normal !important;
    overflow-wrap:break-word !important;
    line-height:12px !important;
}

/* Give Standard Price slightly more room than Delivery on desktop. */
@media (min-width:768px) {
    .muc-detail-flagship-v3.is-service-detail-v211
    #divDelivery.muc-pdp-buy-v3 > .muc-pdp-buy-grid-v3 {
        grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr) !important;
    }
}

/* Keep the same intentional stacked hint on mobile while preserving the
   existing two-column Standard Price / Delivery composition. */
@media (max-width:767px) {
    .muc-detail-flagship-v3.is-service-detail-v211
    #divDelivery.muc-pdp-buy-v3
    #divDeliverycol1.muc-pdp-price-v3
    .gsm-service-member-pricing-v261.muc-pdp-price-hint-v3 {
        gap:0 !important;
        margin-top:4px !important;
    }

    .muc-detail-flagship-v3.is-service-detail-v211
    #divDelivery.muc-pdp-buy-v3
    #divDeliverycol1.muc-pdp-price-v3
    .gsm-service-member-pricing-v261.muc-pdp-price-hint-v3 a {
        font-size:8.5px !important;
        line-height:12px !important;
    }
}

/* ========================================================================
   PRODUCT DETAILS FLAGSHIP V3 FINAL - CONTENT + RELATED + AUDIT
   2026-10-12
   ======================================================================== */

/* ---------- Legacy content -> scannable purchase guidance ---------- */
.muc-detail-flagship-v3.is-service-detail-v211
.gsm-service-description-v200.muc-pdp-smart-copy-v33,
.muc-detail-flagship-v3.is-service-detail-v211
.gsm-service-important-copy-v200.muc-pdp-smart-copy-v33,
.muc-detail-flagship-v3.is-service-detail-v211
.gsm-service-instruction-copy-v200.muc-pdp-smart-copy-v33 {
    display:grid;
    gap:7px;
}

.muc-pdp-copy-row-v33 {
    display:flex;
    align-items:flex-start;
    gap:9px;
    min-width:0;
    margin:0 !important;
    padding:0;
    color:#365b70;
    line-height:1.5;
}

.muc-pdp-copy-icon-v33 {
    flex:0 0 24px;
    display:flex;
    align-items:center;
    justify-content:center;
    width:24px;
    height:24px;
    margin-top:1px;
    border:1px solid #d2e0e8;
    border-radius:7px;
    background:#f6f9fb;
    color:#2b6382;
    font-size:10px;
    line-height:1;
    font-weight:800;
}

.muc-pdp-copy-body-v33 {
    min-width:0;
    flex:1 1 auto;
    padding-top:2px;
}

.muc-pdp-copy-row-v33.is-positive .muc-pdp-copy-icon-v33 {
    border-color:#c6e2d2;
    background:#eff8f3;
    color:#18824e;
}

.muc-pdp-copy-row-v33.is-action .muc-pdp-copy-icon-v33 {
    border-color:#cbdfea;
    background:#f0f7fa;
    color:#26709a;
}

.muc-pdp-copy-row-v33.is-info .muc-pdp-copy-icon-v33 {
    border-color:#d2dfea;
    background:#f4f7fa;
    color:#35698a;
}

.muc-pdp-copy-row-v33.is-warning .muc-pdp-copy-icon-v33 {
    border-color:#f0cfaa;
    background:#fff7ec;
    color:#c66a13;
}

.muc-pdp-copy-row-v33.is-feature .muc-pdp-copy-icon-v33 {
    border-color:#d7cfeb;
    background:#f7f4fb;
    color:#6752a3;
}

.muc-pdp-copy-row-v33.is-heading {
    margin-top:5px !important;
    padding-top:5px;
    color:#173f5b;
    font-weight:700;
}

.muc-pdp-copy-row-v33.is-step {
    padding:8px 9px;
    border:1px solid #dce6eb;
    border-radius:9px;
    background:#fafcfd;
}

.muc-pdp-copy-row-v33.is-step .muc-pdp-copy-icon-v33 {
    border-color:#f0c995;
    background:#fff6e9;
    color:#cf6e12;
}

.muc-pdp-rich-copy-v33 {
    color:#365b70;
    line-height:1.6;
}

/* Important Note gets higher contrast but remains calmer than the primary CTA. */
.muc-detail-flagship-v3.is-service-detail-v211
.gsm-service-callout-v200.is-important {
    margin-top:14px !important;
    padding:12px 13px !important;
    border:1px solid #efcfaa !important;
    border-left:4px solid #e58a2c !important;
    border-radius:10px !important;
    background:#fff9f1 !important;
    box-shadow:none !important;
}

.muc-detail-flagship-v3.is-service-detail-v211
.gsm-service-callout-v200.is-important > div > strong {
    color:#854b14 !important;
}

/* Ordering Guide */
.muc-detail-flagship-v3.is-service-detail-v211
.gsm-service-info-card-v200.muc-pdp-instructions-v33 {
    margin-top:10px !important;
    padding:16px 18px 17px !important;
    border:1px solid #d8e3e9 !important;
    border-radius:12px !important;
    background:#fff !important;
    box-shadow:0 4px 14px rgba(17,54,77,.03) !important;
}

.muc-detail-flagship-v3.is-service-detail-v211
.muc-pdp-instructions-v33 > h2 {
    margin:2px 0 10px !important;
    color:#173f5b !important;
    font-size:17px !important;
    line-height:22px !important;
}

/* Supported devices */
.muc-detail-flagship-v3.is-service-detail-v211
.muc-pdp-models-v35 {
    margin-top:10px !important;
    padding:15px 17px !important;
}

.muc-detail-flagship-v3.is-service-detail-v211
.muc-pdp-models-v35 .gsm-service-model-grid-v200 {
    gap:7px !important;
}

.muc-detail-flagship-v3.is-service-detail-v211
.muc-pdp-models-v35 .gsm-service-model-item-v200 {
    border-color:#d8e3e9 !important;
    border-radius:8px !important;
    background:#f8fafb !important;
}

/* ---------- Related Services: real alternatives, not another legacy table ---------- */
.muc-detail-flagship-v3.is-service-detail-v211
.gsm-service-related-v200 {
    margin-top:14px !important;
    padding:0 !important;
}

.muc-detail-flagship-v3.is-service-detail-v211
.muc-pdp-related-heading-v34 {
    margin:0 0 8px !important;
    padding:0 2px !important;
}

.muc-detail-flagship-v3.is-service-detail-v211
.muc-pdp-related-heading-v34 > span {
    display:block;
    margin-bottom:1px;
    color:#d87316 !important;
    font-size:8px !important;
    line-height:11px !important;
    font-weight:800;
    letter-spacing:.75px;
}

.muc-detail-flagship-v3.is-service-detail-v211
.muc-pdp-related-heading-v34 > h2 {
    margin:0 !important;
    color:#173f5b !important;
    font-size:18px !important;
    line-height:23px !important;
}

.muc-detail-flagship-v3.is-service-detail-v211
.muc-pdp-related-heading-v34 > p {
    margin:3px 0 0 !important;
    color:#748895 !important;
    font-size:9px !important;
    line-height:13px !important;
}

.muc-detail-flagship-v3.is-service-detail-v211
.gsm-detail-related-services-v116.muc-pdp-related-ready-v34
.divTableR {
    overflow:hidden !important;
    margin-bottom:10px !important;
    border:1px solid #d7e2e8 !important;
    border-radius:11px !important;
    background:#fff !important;
    box-shadow:0 4px 14px rgba(18,54,77,.035) !important;
}

.muc-detail-flagship-v3.is-service-detail-v211
.gsm-detail-related-services-v116
.tr-detail-list.muc-pdp-related-row-v34 {
    background:#fff !important;
    transition:background-color .15s ease, box-shadow .15s ease;
}

.muc-detail-flagship-v3.is-service-detail-v211
.gsm-detail-related-services-v116
.tr-detail-list.muc-pdp-related-row-v34:hover {
    background:#fffaf4 !important;
}

.muc-detail-flagship-v3.is-service-detail-v211
.gsm-detail-related-services-v116
.tr-detail-list.muc-pdp-related-row-v34 .col-style-1 > a:first-of-type {
    color:#174f73 !important;
    font-weight:700 !important;
}

.muc-detail-flagship-v3.is-service-detail-v211
.gsm-detail-related-services-v116
.tr-detail-list.muc-pdp-related-row-v34 .col-style-2 {
    color:#df7818 !important;
    font-weight:800 !important;
}

.muc-detail-flagship-v3.is-service-detail-v211
.gsm-detail-related-services-v116
.muc-pdp-related-action-v34 {
    border-radius:7px !important;
}

/* ---------- Final state audit ---------- */
/* No configured logo: title uses the full service card width. */
.muc-detail-flagship-v3.is-service-detail-v211
.muc-pdp-identity-v3.no-service-logo-v204 {
    grid-template-columns:minmax(0,1fr) !important;
}

.muc-detail-flagship-v3.is-service-detail-v211
.muc-pdp-identity-v3.no-service-logo-v204
.muc-pdp-heading-v3 {
    grid-column:1 !important;
}

/* Offline service: no empty buy-panel column. */
.muc-pdp-decision-v3.is-offline-v35 {
    grid-template-columns:minmax(0,1fr) !important;
}

.muc-pdp-decision-v3.is-offline-v35
.muc-pdp-service-card-v3,
.muc-pdp-decision-v3.is-offline-v35
.muc-pdp-offline-v3 {
    grid-column:1 !important;
}

.muc-pdp-decision-v3.is-offline-v35
.muc-pdp-offline-v3 {
    margin-top:0 !important;
}

/* Long service names remain readable and never overflow the hero. */
.muc-pdp-title-v3 {
    overflow-wrap:break-word;
    word-break:normal;
}

/* Technical details stay visibly tertiary. */
.muc-service-tech-details-v21 {
    margin-top:15px;
    background:#fafcfd;
}

.muc-service-tech-details-v21 > summary > span {
    color:#2a5a77;
}

@media (max-width:767px) {
    .muc-pdp-copy-row-v33 {
        gap:7px;
        font-size:10px;
        line-height:1.5;
    }

    .muc-pdp-copy-icon-v33 {
        flex-basis:22px;
        width:22px;
        height:22px;
        border-radius:6px;
        font-size:9px;
    }

    .muc-detail-flagship-v3.is-service-detail-v211
    .gsm-service-callout-v200.is-important {
        padding:10px !important;
    }

    .muc-detail-flagship-v3.is-service-detail-v211
    .gsm-service-info-card-v200.muc-pdp-instructions-v33,
    .muc-detail-flagship-v3.is-service-detail-v211
    .muc-pdp-models-v35 {
        margin-top:9px !important;
        padding:13px 11px !important;
        border-radius:10px !important;
    }

    .muc-detail-flagship-v3.is-service-detail-v211
    .muc-pdp-instructions-v33 > h2 {
        font-size:15px !important;
        line-height:20px !important;
    }

    .muc-detail-flagship-v3.is-service-detail-v211
    .muc-pdp-related-heading-v34 > h2 {
        font-size:17px !important;
        line-height:21px !important;
    }

    /*
     * Related grid keeps the existing proven deterministic mobile column
     * geometry. Do not redefine 6-column widths here.
     */
    .muc-detail-flagship-v3.is-service-detail-v211
    .gsm-detail-related-services-v116.muc-pdp-related-ready-v34
    .divTableR {
        border-radius:9px !important;
    }

    .muc-service-tech-details-v21 {
        margin-top:11px;
    }
}

/* ========================================================================
   PRODUCT DETAILS FLAGSHIP V3.6 - ADAPTIVE CONTENT DENSITY
   2026-10-12

   Services with minimal content should not receive an oversized empty
   requirements card. Rich services keep the full requirements experience.
   ======================================================================== */

/* Short, useful description -> compact About card. */
.muc-detail-flagship-v3.is-service-detail-v211
.gsm-service-overview-v204.is-compact-v36 {
    margin-bottom:9px !important;
    padding:13px 16px 12px !important;
    border-radius:11px !important;
    background:linear-gradient(180deg,#ffffff,#fbfcfd) !important;
}

.muc-detail-flagship-v3.is-service-detail-v211
.gsm-service-overview-v204.is-compact-v36
.muc-pdp-overview-title-v3 {
    margin-bottom:6px !important;
    font-size:16px !important;
    line-height:20px !important;
}

.muc-detail-flagship-v3.is-service-detail-v211
.gsm-service-overview-v204.is-compact-v36
.gsm-service-description-v200 {
    margin:0 !important;
    font-size:10.5px !important;
    line-height:1.5 !important;
}

.muc-detail-flagship-v3.is-service-detail-v211
.gsm-service-overview-v204.is-compact-v36
.gsm-service-description-v200 > :first-child {
    margin-top:0 !important;
}

.muc-detail-flagship-v3.is-service-detail-v211
.gsm-service-overview-v204.is-compact-v36
.gsm-service-description-v200 > :last-child {
    margin-bottom:0 !important;
}

/* Full requirements keep the stronger hierarchy. */
.muc-detail-flagship-v3.is-service-detail-v211
.gsm-service-overview-v204.is-full-v36 {
    min-height:0 !important;
}

/*
 * When Overview is intentionally omitted, the next real section should move
 * naturally upward; never reserve visual space for missing Description.
 */
.muc-detail-flagship-v3.is-service-detail-v211
.gsm-service-bottom-actions-shell-v200:first-child,
.muc-detail-flagship-v3.is-service-detail-v211
.gsm-service-related-v200:first-child {
    margin-top:0 !important;
}

/* Ordering Guide immediately following a compact About block. */
.muc-detail-flagship-v3.is-service-detail-v211
.gsm-service-overview-v204.is-compact-v36
+ .muc-pdp-instructions-v33 {
    margin-top:9px !important;
}

/* Mobile: compact services should remain genuinely compact. */
@media (max-width:767px) {
    .muc-detail-flagship-v3.is-service-detail-v211
    .gsm-service-overview-v204.is-compact-v36 {
        margin-bottom:8px !important;
        padding:11px 10px 10px !important;
        border-radius:10px !important;
    }

    .muc-detail-flagship-v3.is-service-detail-v211
    .gsm-service-overview-v204.is-compact-v36
    .muc-pdp-overview-title-v3 {
        margin-bottom:5px !important;
        font-size:15px !important;
        line-height:19px !important;
    }

    .muc-detail-flagship-v3.is-service-detail-v211
    .gsm-service-overview-v204.is-compact-v36
    .gsm-service-description-v200 {
        font-size:10px !important;
        line-height:1.5 !important;
    }
}

/* ========================================================================
   PRODUCT DETAILS FLAGSHIP V3.7 - SEARCH CONSISTENCY + SECTION BALANCE
   2026-10-12

   Goals from review:
   - Search bar on Product Detail should stay consistent with the approved
     Index / Catalog experience.
   - Expand/collapse button must not sit on top of the keyword chips.
   - Search-query keywords and device/info keywords should be easier to tell apart.
   - Secondary content blocks should align more evenly below the main Overview.
   ======================================================================== */

/* --- Search keyword area: reserve a true lane for the expand/collapse rail. --- */
.muc-detail-search-v3 #gsm-search-v73-common {
    align-items:flex-start !important;
    flex-wrap:wrap !important;
    gap:7px 7px !important;
    padding-right:38px !important;
    min-height:56px !important;
}

.muc-detail-search-v3 #gsm-search-v73-common.gsm-keyword-collapsible {
    padding-bottom:2px !important;
}

.muc-detail-search-v3 .gsm-keyword-expand-rail {
    z-index:14 !important;
}

.muc-detail-search-v3 .gsm-keyword-expand-btn {
    margin:0 0 1px !important;
    border-color:rgba(28,121,170,.24) !important;
    background:linear-gradient(180deg,#ffffff 0%,#eef8fc 100%) !important;
    box-shadow:0 2px 6px rgba(16,104,143,.10),0 0 0 3px rgba(0,144,192,.04) !important;
}

/* --- Distinguish the two keyword families more clearly. --- */
.muc-detail-search-v3 .service-search-common-link.gsm-search-keyword-v123 {
    border-color:#c9dbe7 !important;
    background:#f7fbfe !important;
    color:#245a7d !important;
}

.muc-detail-search-v3 .service-search-common-link.gsm-search-keyword-v123:before {
    content:'\2315';
    display:inline-block;
    margin-right:4px;
    color:#4a85ad;
    font-size:10px;
    line-height:1;
}

.muc-detail-search-v3 .service-search-common-link.gsm-device-keyword-v123 {
    border-color:#e7c58f !important;
    background:#fff7ea !important;
    color:#87561a !important;
    font-weight:600 !important;
}

.muc-detail-search-v3 .service-search-common-link.gsm-device-keyword-v123:before {
    content:'\2022' !important;
    display:inline-block !important;
    margin-right:5px !important;
    color:#e2891d !important;
    font-size:12px !important;
    line-height:1 !important;
}

.muc-detail-search-v3 .service-search-common-link.gsm-search-keyword-v123:hover,
.muc-detail-search-v3 .service-search-common-link.gsm-search-keyword-v123:focus {
    border-color:#9ebed3 !important;
    background:#eef6fb !important;
    color:#154f73 !important;
}

.muc-detail-search-v3 .service-search-common-link.gsm-device-keyword-v123:hover,
.muc-detail-search-v3 .service-search-common-link.gsm-device-keyword-v123:focus {
    border-color:#dbb26e !important;
    background:#fff1da !important;
    color:#734710 !important;
}

/* Context chip remains visually distinct and should always win over the generic chip rules. */
.muc-detail-search-v3 #gsm-search-v73-root.gsm-service-search .service-search-common-link.service-search-back-chip {
    border-color:#245d80 !important;
    background:#245d80 !important;
    color:#ffffff !important;
}

.muc-detail-search-v3 #gsm-search-v73-root.gsm-service-search .service-search-common-link.service-search-back-chip:before {
    content:none !important;
}

/* --- Section balance below Overview / Requirements. --- */
.muc-detail-flagship-v3.is-service-detail-v211 .gsm-service-overview-v204 {
    margin-bottom:12px !important;
}

/* The inline legacy layout left this shell too inset compared with the cards. */
.muc-detail-flagship-v3.is-service-detail-v211 .gsm-service-bottom-actions-shell-v200 {
    margin:0 0 12px !important;
    padding:11px 14px !important;
    border-radius:12px !important;
}

.muc-detail-flagship-v3.is-service-detail-v211 .gsm-service-bottom-actions-shell-v200 .gsm-detail-bottom-actions {
    gap:12px !important;
}

.muc-detail-flagship-v3.is-service-detail-v211 .gsm-service-bottom-actions-shell-v200 + .gsm-service-info-card-v200.muc-pdp-instructions-v33,
.muc-detail-flagship-v3.is-service-detail-v211 .gsm-service-overview-v204 + .gsm-service-info-card-v200.muc-pdp-instructions-v33 {
    margin-top:0 !important;
}

.muc-detail-flagship-v3.is-service-detail-v211 .gsm-service-info-card-v200.muc-pdp-instructions-v33 {
    margin-top:10px !important;
    padding:16px 18px 18px !important;
}

@media (max-width:767px) {
    .muc-detail-search-v3 #gsm-search-v73-common {
        gap:6px 6px !important;
        min-height:52px !important;
    }

    .muc-detail-search-v3 .service-search-common-link.gsm-search-keyword-v123:before {
        margin-right:3px;
        font-size:9px;
    }

    .muc-detail-search-v3 .service-search-common-link.gsm-device-keyword-v123:before {
        margin-right:4px !important;
        font-size:11px !important;
    }

    .muc-detail-flagship-v3.is-service-detail-v211 .gsm-service-bottom-actions-shell-v200 {
        margin:0 0 10px !important;
        padding:10px !important;
        border-radius:11px !important;
    }

    .muc-detail-flagship-v3.is-service-detail-v211 .gsm-service-info-card-v200.muc-pdp-instructions-v33 {
        margin-top:8px !important;
        padding:14px 12px 15px !important;
    }
}

/* ========================================================================
   PRODUCT DETAILS FLAGSHIP V3.8 - MARKED LAYOUT FIXES
   2026-10-12

   Screenshot corrections:
   - align the top Service Finder with the Service Assistant on desktop
   - the shared keyword controller now owns the toggle reserve lane
   - align Ordering Guide / secondary content cards with the main Overview
   ======================================================================== */

/* Desktop first row: remove the extra top gap that made Finder sit lower
   than the shared Service Assistant card. */
@media (min-width:768px) {
    .muc-detail-search-v3 {
        margin-top:0 !important;
    }
}

/* V8 keyword JS reserves the physical rail lane with inline padding-right.
   Keep the common container border-box so the reserve reduces usable chip
   width rather than expanding the row. */
.muc-detail-search-v3 #gsm-search-v73-common.gsm-keyword-collapsible {
    box-sizing:border-box !important;
}

/* Ordering Guide and other secondary information cards must share the same
   left/right edges as Service Overview. Legacy V200 supplied side margins. */
.muc-detail-flagship-v3.is-service-detail-v211
.gsm-service-info-card-v200.muc-pdp-instructions-v33 {
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
}

.muc-detail-flagship-v3.is-service-detail-v211
.gsm-service-models-v200.muc-pdp-models-v35 {
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
}

@media (max-width:767px) {
    .muc-detail-flagship-v3.is-service-detail-v211
    .gsm-service-info-card-v200.muc-pdp-instructions-v33,
    .muc-detail-flagship-v3.is-service-detail-v211
    .gsm-service-models-v200.muc-pdp-models-v35 {
        width:100% !important;
        margin-left:0 !important;
        margin-right:0 !important;
    }
}

/* ========================================================================
   PRODUCT DETAILS FLAGSHIP V3.9 - UNIFIED KEYWORD CHIPS + RELATED BALANCE
   2026-10-12

   Match the approved Index / Catalog chip language:
   - normal/search keyword = cool blue chip
   - device/model keyword   = warm cream chip
   - identical geometry; no extra pseudo icon or indentation
   - exact two-row collapsed clip with no hidden-row bleed
   ======================================================================== */

.muc-detail-search-v3 #gsm-search-v73-common {
    align-items:center !important;
    gap:5px !important;
    min-height:24px !important;
    padding-bottom:0 !important;
}

.muc-detail-search-v3 #gsm-search-v73-common.gsm-keyword-collapsible {
    padding-bottom:0 !important;
}

/* Remove the old V7 fade cue; a clean hard row boundary is more consistent
   with the accepted Index finder and avoids looking like a clipped third row. */
.muc-detail-search-v3
#gsm-search-v73-common.gsm-keyword-collapsible.gsm-keyword-is-collapsed:after {
    display:none !important;
    content:none !important;
}

.muc-detail-search-v3 #gsm-search-v73-root.gsm-service-search
.service-search-common-link {
    box-sizing:border-box !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 !important;
    padding:4px 10px !important;
    border:1px solid #b5d0e7 !important;
    border-radius:13px !important;
    background:#edf5fc !important;
    color:#1d4f84 !important;
    box-shadow:0 1px 3px rgba(20,69,148,.07) !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-size:11px !important;
    font-weight:400 !important;
    line-height:16px !important;
    white-space:nowrap !important;
    text-decoration:none !important;
}

/* Search / service keyword: same approved blue chip. */
.muc-detail-search-v3 #gsm-search-v73-root.gsm-service-search
.service-search-common-link.gsm-search-keyword-v123 {
    border-color:#b5d0e7 !important;
    background:#edf5fc !important;
    color:#1d4f84 !important;
    font-weight:400 !important;
}

/* Device/model keyword: same size, only warm surface/border changes. */
.muc-detail-search-v3 #gsm-search-v73-root.gsm-service-search
.service-search-common-link.gsm-device-keyword-v123 {
    border-color:#e4c79d !important;
    background:#fff9f0 !important;
    color:#7a501a !important;
    font-weight:600 !important;
}

/* V3.7 temporarily added glyphs. Remove them so Detail matches Index/Catalog. */
.muc-detail-search-v3 #gsm-search-v73-root.gsm-service-search
.service-search-common-link.gsm-search-keyword-v123:before,
.muc-detail-search-v3 #gsm-search-v73-root.gsm-service-search
.service-search-common-link.gsm-device-keyword-v123:before {
    content:none !important;
    display:none !important;
    margin:0 !important;
}

/* Context/back chip remains unique. */
.muc-detail-search-v3 #gsm-search-v73-root.gsm-service-search
.service-search-common-link.service-search-back-chip {
    border-color:#144594 !important;
    background:#144594 !important;
    color:#ffffff !important;
    font-weight:700 !important;
}

/* Related Services belongs inside the same balanced card rhythm as Overview
   and Ordering Guide. V3.4 had stripped the wrapper padding to zero. */
.muc-detail-flagship-v3.is-service-detail-v211
.gsm-service-related-v200 {
    margin-top:12px !important;
    margin-bottom:14px !important;
    padding:16px 14px 13px !important;
    border-radius:14px !important;
}

.muc-detail-flagship-v3.is-service-detail-v211
.muc-pdp-related-heading-v34 {
    margin:0 0 10px !important;
    padding:0 !important;
}

@media (max-width:767px) {
    .muc-detail-search-v3 #gsm-search-v73-common {
        gap:4px !important;
        padding-bottom:0 !important;
    }

    .muc-detail-search-v3 #gsm-search-v73-root.gsm-service-search
    .service-search-common-link,
    .muc-detail-search-v3 #gsm-search-v73-root.gsm-service-search
    .service-search-common-link.gsm-search-keyword-v123,
    .muc-detail-search-v3 #gsm-search-v73-root.gsm-service-search
    .service-search-common-link.gsm-device-keyword-v123 {
        padding:3px 7px !important;
        font-size:10px !important;
        line-height:15px !important;
    }

    .muc-detail-flagship-v3.is-service-detail-v211
    .gsm-service-related-v200 {
        padding:13px 10px 11px !important;
        border-radius:11px !important;
    }
}

/* ========================================================================
   PRODUCT DETAILS FLAGSHIP V3.10 - COMPACT SERVICE FINDER HEADER
   2026-10-12

   Screenshot fix:
   - "View all services →" stays on one line.
   - Remove the awkward empty/right-heavy header space.
   - Keep the same Service Finder hierarchy used across the Flagship pages.
   ======================================================================== */

/*
 * Earlier V3 used ".muc-detail-search-head-v3 span", which also matched
 * the arrow <span> inside "View all services" and forced it to display:block.
 * Scope the kicker style to the left text block only.
 */
.muc-detail-search-head-v3 > div > span {
    display:block !important;
    color:var(--muc3-orange2) !important;
    font-size:8px !important;
    line-height:11px !important;
    font-weight:800 !important;
    letter-spacing:.75px !important;
}

.muc-detail-search-head-v3 > a > span {
    display:inline !important;
    margin:0 !important;
    color:inherit !important;
    font-size:inherit !important;
    line-height:inherit !important;
    font-weight:inherit !important;
    letter-spacing:0 !important;
}

/* Compact, balanced two-column header. */
.muc-detail-search-head-v3 {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:center !important;
    column-gap:18px !important;
    margin-bottom:7px !important;
}

.muc-detail-search-head-v3 > div {
    min-width:0 !important;
}

.muc-detail-search-head-v3 h2 {
    margin:0 0 1px !important;
}

.muc-detail-search-head-v3 p {
    margin:0 !important;
}

.muc-detail-search-head-v3 > a {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:5px !important;
    margin:0 !important;
    padding:6px 8px !important;
    border:1px solid transparent !important;
    border-radius:7px !important;
    white-space:nowrap !important;
    color:#245d7e !important;
    font-size:9px !important;
    line-height:13px !important;
    font-weight:700 !important;
    text-decoration:none !important;
}

.muc-detail-search-head-v3 > a:hover,
.muc-detail-search-head-v3 > a:focus {
    border-color:#cbdce6 !important;
    background:#f7fafc !important;
    color:#174e70 !important;
    text-decoration:none !important;
}

/* A little less unused top space in the finder itself. */
.muc-detail-search-v3 {
    padding-top:11px !important;
}

@media (max-width:767px) {
    .muc-detail-search-head-v3 {
        grid-template-columns:minmax(0,1fr) auto !important;
        column-gap:8px !important;
        align-items:start !important;
        margin-bottom:6px !important;
    }

    .muc-detail-search-head-v3 > a {
        padding:5px 4px !important;
        font-size:8px !important;
        line-height:12px !important;
    }

    .muc-detail-search-v3 {
        padding-top:10px !important;
    }
}

@media (max-width:430px) {
    .muc-detail-search-head-v3 {
        grid-template-columns:minmax(0,1fr) !important;
        row-gap:3px !important;
    }

    .muc-detail-search-head-v3 > a {
        justify-self:start !important;
        padding-left:0 !important;
        padding-right:0 !important;
    }
}

/* ========================================================================
   PRODUCT DETAILS FLAGSHIP V3.11 - CONVERSION POLISH
   2026-10-12

   - Align Availability and Service Status on the same two-row baseline.
   - Add a restrained sticky order bar after the primary Buy panel scrolls away.
   - Mobile sticky action respects safe-area and page gutters.
   ======================================================================== */

/* ---------- Availability / Service Status: exact row alignment ---------- */
.muc-detail-flagship-v3.is-service-detail-v211 .muc-pdp-status-row-v3 {
    align-items:start !important;
}

.muc-detail-flagship-v3.is-service-detail-v211 .muc-pdp-availability-v3 {
    display:grid !important;
    grid-template-columns:auto auto !important;
    grid-template-rows:10px 21px !important;
    align-items:center !important;
    justify-content:start !important;
    column-gap:4px !important;
    row-gap:1px !important;
}

.muc-detail-flagship-v3.is-service-detail-v211 .muc-pdp-availability-v3 > span {
    grid-column:1 / -1 !important;
    grid-row:1 !important;
    margin:0 !important;
}

.muc-detail-flagship-v3.is-service-detail-v211 .muc-pdp-availability-v3 > strong {
    grid-column:1 !important;
    grid-row:2 !important;
    align-self:center !important;
    margin:0 !important;
    line-height:21px !important;
}

.muc-detail-flagship-v3.is-service-detail-v211 .muc-pdp-availability-v3 > small {
    grid-column:2 !important;
    grid-row:2 !important;
    align-self:center !important;
    margin:0 !important;
    line-height:21px !important;
}

.muc-detail-flagship-v3.is-service-detail-v211 .muc-pdp-online-v3 {
    display:grid !important;
    grid-template-columns:auto auto !important;
    grid-template-rows:10px 21px !important;
    align-items:center !important;
    justify-content:end !important;
    column-gap:5px !important;
    row-gap:1px !important;
    min-width:112px !important;
    text-align:right !important;
}

.muc-detail-flagship-v3.is-service-detail-v211 .muc-pdp-online-v3 > span {
    grid-column:1 / -1 !important;
    grid-row:1 !important;
    justify-self:end !important;
    margin:0 !important;
}

.muc-detail-flagship-v3.is-service-detail-v211 .muc-pdp-online-v3 > strong {
    grid-column:1 !important;
    grid-row:2 !important;
    align-self:center !important;
    justify-self:end !important;
    margin:0 !important;
    font-size:13px !important;
    line-height:21px !important;
}

.muc-detail-flagship-v3.is-service-detail-v211 .muc-pdp-online-v3 > i {
    grid-column:2 !important;
    grid-row:2 !important;
    align-self:center !important;
    justify-self:end !important;
    margin:0 !important;
}

/* ---------- Sticky order helper ---------- */
.muc-pdp-sticky-order-v311 {
    position:sticky;
    top:8px;
    z-index:72;
    width:100%;
    max-height:0;
    margin:0 0 0;
    overflow:hidden;
    opacity:0;
    visibility:hidden;
    transform:translateY(-6px);
    pointer-events:none;
    transition:max-height .18s ease, margin .18s ease, opacity .16s ease, transform .16s ease, visibility .16s ease;
}

.muc-pdp-sticky-order-v311.is-visible {
    max-height:76px;
    margin:0 0 10px;
    opacity:1;
    visibility:visible;
    transform:translateY(0);
    pointer-events:auto;
}

.muc-pdp-sticky-inner-v311 {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto auto auto;
    align-items:center;
    gap:14px;
    min-height:58px;
    padding:8px 9px 8px 13px;
    border:1px solid #cedde6;
    border-radius:11px;
    background:rgba(255,255,255,.97);
    box-shadow:0 9px 24px rgba(14,50,72,.13);
    backdrop-filter:blur(8px);
}

.muc-pdp-sticky-title-v311 {
    min-width:0;
    color:#173f5b;
    font-size:10px;
    line-height:14px;
    font-weight:700;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.muc-pdp-sticky-metric-v311 {
    display:flex;
    flex-direction:column;
    min-width:84px;
}

.muc-pdp-sticky-metric-v311 > span {
    color:#8396a2;
    font-size:6.5px;
    line-height:9px;
    font-weight:800;
    letter-spacing:.6px;
    text-transform:uppercase;
}

.muc-pdp-sticky-metric-v311 > strong {
    margin-top:1px;
    color:#154f73;
    font-size:11px;
    line-height:15px;
    white-space:nowrap;
}

.muc-pdp-sticky-price-v311 > strong {
    color:#dc7415;
}

.muc-pdp-sticky-order-btn-v311 {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:118px;
    min-height:39px;
    padding:8px 14px;
    border:1px solid #d56d10;
    border-radius:8px;
    background:linear-gradient(180deg,#f29a34,#e17f19);
    color:#fff !important;
    box-shadow:0 4px 12px rgba(205,103,10,.18);
    font-size:10px;
    line-height:14px;
    font-weight:800;
    text-decoration:none !important;
    white-space:nowrap;
}

.muc-pdp-sticky-order-btn-v311:hover,
.muc-pdp-sticky-order-btn-v311:focus {
    background:linear-gradient(180deg,#ee9029,#d77413);
    color:#fff !important;
    text-decoration:none !important;
}

@media (max-width:767px) {
    .muc-detail-flagship-v3.is-service-detail-v211 .muc-pdp-online-v3 {
        min-width:90px !important;
    }

    .muc-detail-flagship-v3.is-service-detail-v211 .muc-pdp-online-v3 > strong {
        font-size:11px !important;
    }

    .muc-pdp-sticky-order-v311,
    .muc-pdp-sticky-order-v311.is-visible {
        position:fixed;
        left:12px;
        right:12px;
        bottom:calc(10px + env(safe-area-inset-bottom));
        top:auto;
        z-index:1200;
        width:auto;
        max-height:none;
        margin:0;
        overflow:visible;
        transform:translateY(14px);
    }

    .muc-pdp-sticky-order-v311.is-visible {
        transform:translateY(0);
    }

    .muc-pdp-sticky-inner-v311 {
        grid-template-columns:minmax(0,1fr) auto;
        min-height:56px;
        gap:9px;
        padding:7px 7px 7px 11px;
        border-radius:12px;
        box-shadow:0 9px 28px rgba(10,45,68,.20);
    }

    .muc-pdp-sticky-title-v311 {
        font-size:9px;
        line-height:12px;
    }

    .muc-pdp-sticky-metric-v311 {
        display:none;
    }

    .muc-pdp-sticky-order-btn-v311 {
        min-width:112px;
        min-height:41px;
        padding:8px 12px;
        font-size:10px;
    }

    .muc-product-detail-page.muc-pdp-sticky-active-v311 {
        padding-bottom:78px !important;
    }
}