.product-photo-controls { display: none; }
.product-detail-page .detail-content-grid--single { grid-template-columns: minmax(0, 1fr); }
.product-recommendations-browse { display: inline-flex; align-items: center; gap: 8px; color: #51419a; font-size: .8rem; font-weight: 700; white-space: nowrap; }
@media (max-width: 760px) {
    .product-detail-page .product-recommendations { padding-bottom: 24px; }
    .product-detail-page .product-recommendations .section-head {
        display: flex; flex-direction: row; align-items: center; justify-content: space-between;
        gap: 12px; margin-bottom: 14px;
    }
    .product-detail-page .product-recommendations .related-heading { font-size: 1.1rem; margin: 0; }
    .product-detail-page .detail-related-products-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
    .product-detail-page .detail-related-products-grid > .product-mini-card {
        min-width: 0; padding: 6px; background: #fff; border: 1px solid #e8e5f1; border-radius: 16px; box-shadow: none;
    }
    .product-detail-page .detail-related-products-grid > .product-mini-card .product-mini-thumb { width: 100%; height: auto; aspect-ratio: 4 / 5; border-radius: 11px; }
    .product-detail-page .detail-related-products-grid > .product-mini-card .product-mini-thumb img { width: 100%; height: 100%; object-fit: contain; }
    .product-detail-page .detail-related-products-grid > .product-mini-card .product-mini-body { display: flex; flex-direction: column; align-items: stretch; gap: 8px; padding: 10px 4px 4px; min-width: 0; }
    .product-detail-page .detail-related-products-grid > .product-mini-card strong { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: .78rem; line-height: 1.6; }
    .product-detail-page .detail-related-products-grid > .product-mini-card .product-mini-description { margin: 0; font-size: .7rem; line-height: 1.65; -webkit-line-clamp: 2; min-height: 3.3em; }
    .product-detail-page .detail-related-products-grid > .product-mini-card .quote-add-form { width: 100%; margin-top: auto; }
    .product-detail-page .detail-related-products-grid > .product-mini-card .quote-add-button { display: flex; justify-content: center; align-items: center; gap: 7px; width: 100%; height: 42px; padding: 6px; border-radius: 9px; box-shadow: none; font-family: inherit; }
    .product-detail-page .detail-related-products-grid > .product-mini-card .quote-add-button::after { content: 'أضف للطلب'; font-size: .7rem; }
    .product-detail-page .detail-related-products-grid > .product-mini-card .quote-add-button.is-added::after { content: 'إزالة من الطلب'; }
    .detail-product-page { padding: 20px 0 26px; background: #fff; }
    .detail-product-page .detail-product-grid { gap: 16px; }
    .detail-product-page .detail-product-heading h1 {
        font-size: clamp(1.35rem, 5.7vw, 2rem); margin: 8px 0 0;
        text-shadow: none; -webkit-text-stroke: 0;
    }
    .detail-product-page .detail-product-heading__categories .badge {
        background: transparent; padding: 0; color: #777687; font-size: .78rem;
    }
    .detail-product-page .detail-product-media-column { gap: 12px; min-width: 0; grid-row: 1; }
    .detail-product-page .detail-product-copy { grid-row: 2; }
    .detail-product-page .detail-product-media-column .detail-product-heading {
        grid-column: auto; grid-row: auto; padding: 0;
    }
    .detail-product-page .detail-product-media-column .detail-product-heading h1 { margin: 0; }
    .detail-product-page .product-gallery-description {
        margin: 0; color: var(--muted); font-size: .94rem; line-height: 1.8;
        display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;
    }
    .detail-product-page .detail-product-main-media {
        aspect-ratio: 4 / 5; border-radius: 18px; border: 1px solid #eceaf2;
        background: #f7f6fa; box-shadow: none; touch-action: pan-y;
    }
    .detail-product-page .detail-product-main-media > img {
        width: 100%; height: 100%; object-fit: contain;
    }
    .product-photo-controls { display: contents; }
    .product-photo-controls button {
        position: absolute; top: 50%; transform: translateY(-50%);
        width: 38px; height: 38px; padding: 0; border: 1px solid #ffffff80;
        border-radius: 50%; background: #fffffff0; color: #51419a;
        font: 30px/1 Arial, sans-serif; box-shadow: 0 2px 10px #17112918;
        display: grid; place-items: center; cursor: pointer;
    }
    .product-photo-controls [data-photo-step="-1"] { right: 10px; }
    .product-photo-controls button svg { width: 22px; height: 22px; }
    .product-photo-controls [data-photo-step="1"] { left: 10px; }
    .product-photo-controls button:disabled { opacity: .4; cursor: default; }
    .product-photo-controls [data-photo-count] {
        position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%);
        padding: 4px 13px; border-radius: 20px; background: #1d1929b8;
        color: #fff; font-size: .8rem; line-height: 1.5; font-weight: 700;
    }
    .detail-product-page .detail-inline-gallery.is-slider {
        gap: 8px; padding: 4px; border: 0; border-radius: 0; box-shadow: none;
        background: transparent; scrollbar-width: none;
    }
    .detail-product-page .detail-inline-gallery.is-slider .detail-inline-gallery-item {
        flex: 0 0 calc((100% - 32px) / 5); min-width: 0;
        border-radius: 8px; border: 2px solid transparent; background: #f4f3f8;
        transform: none; aspect-ratio: 4 / 5;
    }
    .detail-product-page .detail-inline-gallery.is-slider .detail-inline-gallery-item.is-active {
        border-color: #51419a; box-shadow: 0 0 0 2px #e2dcf5;
    }
    .detail-product-page .detail-product-actions {
        display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 8px; margin: 0; width: 100%;
    }
    .detail-product-page .detail-product-actions .quote-add-form { min-width: 0; margin: 0; }
    .detail-product-page .detail-product-actions .quote-add-button,
    .detail-product-page .detail-product-actions > .button {
        display: flex; align-items: center; justify-content: center; gap: 6px;
        min-height: 46px; width: 100%; padding: 9px 7px; border-radius: 10px;
        font-family: inherit; font-size: clamp(.65rem, 2.8vw, .88rem);
        font-weight: 700; line-height: 1.5; white-space: nowrap; box-shadow: none;
    }
    .detail-product-page .detail-product-actions .quote-add-button {
        color: #fff; background: #51419a; border: 1px solid #51419a;
    }
    .detail-product-page .detail-product-actions .quote-add-button.is-added {
        background: #edf6f1; color: #18744d; border-color: #b9dac9;
    }
    .detail-product-page .detail-product-actions > .button {
        background: #f4df50; color: #332769; border: 1px solid #f4df50;
    }
    .detail-product-page .detail-product-actions > .button::after { content: '←'; font-size: 19px; }
    .detail-product-page .detail-product-actions svg { width: 19px; height: 19px; flex-shrink: 0; }
    .detail-product-page .detail-product-actions .button::before { display: none; }
    .detail-product-page button:focus-visible { outline: 2px solid #51419a; outline-offset: 3px; }
    .detail-product-page .detail-share-card { padding: 14px 12px; }
    .detail-product-page .detail-share-card-body {
        --share-qr-size: clamp(108px, 28vw, 132px);
        grid-template-columns: var(--share-qr-size) minmax(0, 1fr);
        gap: 12px; align-items: center;
    }
    .detail-product-page .detail-share-qr { width: 100%; margin: 0; }
    .detail-product-page .detail-share-tools { height: var(--share-qr-size); grid-template-rows: 16px 32px minmax(44px, 1fr); gap: 4px; }
    .detail-product-page .detail-share-label { font-size: .7rem; line-height: 16px; white-space: nowrap; }
    .detail-product-page .detail-share-link {
        width: 100%; min-width: 0; height: 32px; min-height: 0; padding: 5px 7px;
        font-size: .65rem; border-radius: 9px; text-overflow: ellipsis;
    }
    .detail-product-page .detail-share-actions { gap: 5px; }
    .detail-product-page .detail-share-button,
    .detail-product-page .detail-share-whatsapp {
        display: flex; flex-direction: column; justify-content: center;
        gap: 3px; padding: 4px 2px; height: 100%; min-height: 44px; border-radius: 9px;
        font-family: inherit; font-size: .62rem; line-height: 1.3;
        white-space: nowrap; text-align: center; box-shadow: none;
    }
    .detail-product-page .detail-share-actions svg { width: 18px; height: 18px; flex: 0 0 18px; }
    .detail-product-page .detail-share-actions .button::after,
    .detail-product-page .detail-share-actions .button::before { display: none; }
    /* Product and collection remain separate, compact surfaces on mobile. */
    .product-detail-page .detail-product-page {
        background: #f7f7fb; padding-bottom: 20px; border-bottom: 0; box-shadow: none;
    }
    .product-detail-page .detail-product-media-column {
        background: #fff; border: 1px solid #eceaf5; border-radius: 20px; padding: 10px;
    }
    .product-detail-page .detail-collection-section {
        padding-top: 18px; padding-bottom: 20px; background: #f7f7fb; border-top: 0;
    }
    .product-detail-page .detail-collection-shell {
        padding: 14px; gap: 14px; background: #fff; border: 1px solid #eceaf5;
        box-shadow: 0 5px 18px #29214105; border-radius: 20px;
    }
    .product-detail-page .detail-collection-head { display: flex; align-items: center; gap: 10px; }
    .product-detail-page .detail-collection-head > div { min-width: 0; flex: 1; }
    .product-detail-page .detail-collection-head h2 { font-size: 1.05rem; margin: 0; color: #51419a; text-decoration: none; }
    .product-detail-page .detail-collection-head p { font-size: .73rem; margin: 5px 0 0; line-height: 1.7; }
    .product-detail-page .detail-collection-cta {
        flex-shrink: 0; white-space: nowrap; padding: 0 10px; min-height: 40px;
        border-radius: 10px; font-size: .7rem; box-shadow: none; background: #f4df50;
    }
    .product-detail-page .detail-collection-slider { overflow-x: auto; scrollbar-width: none; scroll-snap-type: x proximity; border-radius: 0; }
    .product-detail-page .detail-collection-track,
    .product-detail-page .detail-collection-track.is-marquee {
        width: 100%; min-width: 0; gap: 10px; direction: rtl; animation: none;
        transform: none; will-change: auto; justify-content: flex-start; padding-bottom: 3px;
    }
    .product-detail-page .detail-collection-track [data-marquee-clone] { display: none; }
    .product-detail-page .detail-collection-card {
        width: auto; min-width: 0; flex: 0 0 46%; scroll-snap-align: start;
        border: 1px solid #e8e5f1; border-radius: 14px; box-shadow: none; background: #fff;
    }
    .product-detail-page .detail-collection-card .product-mini-media { padding: 5px 5px 0; }
    .product-detail-page .detail-collection-card .product-mini-thumb {
        width: 100%; height: auto; aspect-ratio: 4 / 5; border-radius: 10px;
    }
    .product-detail-page .detail-collection-card .product-mini-thumb img { width: 100%; height: 100%; object-fit: contain; }
    .product-detail-page .detail-collection-card .product-mini-body {
        display: flex; flex-direction: column; align-items: stretch; gap: 7px;
        min-width: 0; min-height: 0; padding: 10px 8px 8px;
    }
    .product-detail-page .detail-collection-card .product-mini-body strong {
        display: block; width: 100%; font-size: .76rem; white-space: nowrap;
        text-overflow: ellipsis; overflow: hidden; line-height: 1.6;
    }
    .product-detail-page .detail-collection-card .product-mini-description {
        font-size: .68rem; line-height: 1.65; -webkit-line-clamp: 2; min-height: 3.3em; margin: 0;
    }
    .product-detail-page .detail-collection-card .quote-add-form { width: 100%; margin-top: auto; }
    .product-detail-page .detail-collection-card .quote-add-button {
        display: flex; align-items: center; justify-content: center; gap: 6px;
        width: 100%; min-height: 42px; height: auto; padding: 6px;
        border-radius: 9px; font-family: inherit; font-weight: 700; font-size: .68rem; line-height: 1.4; box-shadow: none;
    }
    .product-detail-page .detail-collection-card .quote-add-button::after { content: 'أضف للطلب'; font-size: .68rem; }
    .product-detail-page .detail-collection-card .quote-add-button.is-added::after { content: 'إزالة من الطلب'; }
}
