.marketplace-detail {
    display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) 230px;
    grid-template-areas:"gallery heading buy" "gallery offers buy" "gallery packs buy" "gallery information buy";
    align-items:start; gap:20px 24px;
}
.marketplace-detail .product-summary,.marketplace-detail .product-purchase-form { display:contents; }
.product-detail-heading { grid-area:heading; min-width:0; }
.marketplace-detail .product-detail-heading h1 { font-family:inherit; font-size:24px; font-weight:600; line-height:1.4; margin:8px 0 12px; overflow-wrap:anywhere; }
.marketplace-detail .product-intro { font-size:14px; line-height:1.65; margin:0 0 14px; }
.marketplace-detail .product-price-row { border-top:1px solid var(--border-color); padding-top:14px; gap:10px; margin:0; }
.marketplace-detail .product-price-row .price { font-size:27px; }
.marketplace-detail .tax-line { font-size:12px; margin:10px 0 0; }
.marketplace-detail .product-gallery-reference {
    grid-area:gallery; display:grid; grid-template-columns:52px minmax(0,1fr); gap:12px;
    position:sticky; top:20px; min-width:0; align-self:start;
}
.marketplace-detail .product-gallery-main {
    grid-column:2; grid-row:1; display:block; width:100%; aspect-ratio:1;
    padding:0; margin:0; border:0; border-radius:0; background:var(--surface-color); cursor:zoom-in;
}
.marketplace-detail .product-gallery-main img { display:block; object-fit:contain; mix-blend-mode:normal; }
.marketplace-detail .product-gallery-zoom { z-index:1; top:8px; right:8px; }
.marketplace-detail .product-gallery-thumbs { grid-column:1; grid-row:1; display:block; margin:0; min-width:0; }
.marketplace-detail .gallery-thumb-track { display:flex; flex-direction:column; gap:8px; max-height:500px; overflow-y:auto; overflow-x:hidden; padding:2px; }
.marketplace-detail .product-gallery-thumb { width:46px; height:58px; flex:0 0 58px; padding:2px; border-radius:6px; background:var(--surface-color); }
.marketplace-detail .product-gallery-thumb img { width:100%; height:100%; object-fit:contain; }
.marketplace-detail .gallery-thumb-nav { display:none; }
.marketplace-detail .image-caption { grid-column:2; font-size:11px; line-height:1.5; margin:0; }
.marketplace-detail .pack-card-picker { grid-area:packs; margin:0; padding:0; min-width:0; border:0; }
.marketplace-detail .pack-card-picker legend { margin-bottom:10px; font-size:14px; font-weight:600; }
.marketplace-detail .pack-card-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.marketplace-detail .pack-card-option { min-width:0; padding:20px 10px 12px; border-radius:7px; font-size:13px; }
.marketplace-detail .pack-card-option strong { font-size:13px; overflow-wrap:anywhere; }
.product-buybox { grid-area:buy; border:1px solid var(--border-color); padding:18px; border-radius:8px; min-width:0; position:sticky; top:20px; }
.product-buybox h2 { font-family:inherit; font-size:15px; font-weight:700; margin:0 0 10px; }
.buybox-price { display:block; font-size:26px; color:var(--text-color); }
.product-buybox>p { font-size:13px; line-height:1.6; margin:14px 0; }
.marketplace-detail .quantity-stock-row { display:flex; flex-direction:column-reverse; align-items:stretch; gap:14px; margin:18px 0; }
.marketplace-detail .quantity-stepper { width:100%; }
.marketplace-detail .quantity-stepper input { min-width:0; width:100%; }
.marketplace-detail .reference-actions { display:grid; grid-template-columns:1fr; gap:10px; }
.marketplace-detail .reference-actions .button { min-height:42px; border-radius:24px; border:1px solid var(--accent-color); background:var(--accent-color); color:var(--text-color); font-size:13px; justify-content:center; padding:10px; }
.marketplace-detail .reference-actions .buy-now-button { background:var(--accent-color); border-color:var(--accent-color); }
.marketplace-detail .reference-actions .button:disabled { background:var(--border-color); border-color:var(--border-color); color:var(--muted-color); }
.buybox-policy { display:flex; align-items:center; gap:7px; font-size:12px; margin-top:16px; line-height:1.5; }
.buybox-policy .lucide { width:17px; height:17px; flex-shrink:0; }
.product-detail-information { grid-area:information; min-width:0; }
.marketplace-detail .product-trust-panel { display:grid; grid-template-columns:1fr; gap:12px; font-size:12px; margin:0 0 20px; }
.marketplace-detail .product-faq-list summary { font-size:15px; }
.marketplace-detail .product-faq-list p { font-size:14px; line-height:1.7; }
.product-gallery-dialog { width:min(860px,96vw); max-width:100vw; height:94dvh; max-height:100dvh; border:0; padding:0; border-radius:8px; background:var(--surface-color); color:var(--text-color); overflow:hidden; }
.product-gallery-dialog[open] { display:flex; flex-direction:column; }
.product-gallery-dialog::backdrop { background:color-mix(in srgb,var(--text-color) 60%,transparent); }
.product-gallery-dialog>header { display:flex; align-items:center; justify-content:space-between; flex-shrink:0; padding:12px 16px; border-bottom:1px solid var(--border-color); background:var(--surface-color); }
.product-gallery-dialog h2 { font-family:inherit; font-size:21px; margin:0; }
.product-gallery-dialog header button { display:grid; place-items:center; width:44px; height:44px; border:0; background:var(--surface-color); color:var(--text-color); }
.product-gallery-dialog-images { overflow-y:auto; overscroll-behavior:contain; min-height:0; flex:1; }
.product-gallery-dialog figure { margin:0; padding:8px; border-bottom:1px solid var(--border-color); }
.product-gallery-dialog figure img { display:block; width:100%; height:auto; object-fit:contain; }
.product-gallery-full-view { display:none; }
.product-offers { grid-area:offers; min-width:0; }
.product-offers>h2 { display:flex; align-items:center; gap:8px; font-family:inherit; font-size:15px; line-height:1.4; font-weight:700; margin:0 0 8px; }
.product-offers>h2 .lucide { width:21px; height:21px; color:var(--accent-color); }
.product-offer-track { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; align-items:start; }
.marketplace-detail .product-offer { display:flex; flex-direction:column; gap:0; min-width:0; padding:10px; border:1px solid var(--border-color); border-radius:6px; box-shadow:0 1px 3px color-mix(in srgb,var(--text-color) 5.1%,transparent); background:var(--surface-color); }
.marketplace-detail .product-offer[hidden] { display:none; }
.product-offer h3 { font-family:inherit; font-size:13px; font-weight:700; line-height:1.4; margin:0 0 6px; }
.product-offer p { font-size:12px; line-height:1.5; margin:0 0 7px; overflow-wrap:anywhere; }
.product-offer summary { color:var(--primary-color); font-size:12px; cursor:pointer; }
.product-offer details p { margin:8px 0 0; padding-top:8px; border-top:1px solid var(--border-color); }
@media(min-width:1101px) {
    .site-main:has(.marketplace-detail) { width:min(1480px,calc(100% - 80px)); }
    .marketplace-detail {
        grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) 244px;
        grid-template-areas:"gallery heading buy" "gallery offers buy" "gallery benefits buy" "gallery packs buy" "gallery information buy";
        grid-template-rows:max-content max-content max-content max-content minmax(min-content,1fr);
        gap:12px 24px;
        align-content:start;
    }
    .marketplace-detail .product-detail-heading h1 { font-size:24px; font-weight:500; line-height:1.35; margin:0 0 10px; }
    .marketplace-detail .product-kicker { display:block; font-size:12px; margin-bottom:8px; }
    .marketplace-detail .product-detail-information { display:contents; }
    .marketplace-detail .product-trust-panel {
        grid-area:benefits; display:grid; grid-template-columns:repeat(3,minmax(0,1fr));
        gap:10px; padding:10px 0; margin:0; border-top:1px solid var(--border-color); border-bottom:1px solid var(--border-color);
    }
    .marketplace-detail .product-trust-panel>div { display:flex; flex-direction:column; align-items:center; gap:8px; padding:0; min-width:0; font-size:12px; line-height:1.5; text-align:center; }
    .marketplace-detail .product-trust-panel .lucide { width:23px; height:23px; flex-shrink:0; }
    .marketplace-detail .product-faq-list { grid-area:information; margin:0; }
    .marketplace-detail .product-faq-list details { margin:0; padding:10px 0; border:0; border-top:1px solid var(--border-color); border-radius:0; }
    .marketplace-detail .product-faq-list summary { font-size:16px; font-weight:600; min-height:36px; padding:0; }
    .marketplace-detail .product-faq-list p { margin:8px 0 0; padding:0 0 4px; }
    .marketplace-detail .pack-card-options { grid-template-columns:repeat(auto-fit,minmax(100px,1fr)); gap:8px; }
    .marketplace-detail .pack-card-option { padding:20px 9px 9px; min-height:94px; align-content:start; gap:5px; }
    .marketplace-detail .pack-card-option strong { font-size:13px; line-height:1.4; }
    .marketplace-detail .pack-card-option>span { font-size:13px; }
    .marketplace-detail .pack-card-option small { font-size:11px; }
    .marketplace-detail .product-gallery-reference { grid-template-columns:46px minmax(0,1fr); gap:8px 12px; top:16px; }
    .marketplace-detail .product-gallery-main { height:clamp(400px,62vh,600px); aspect-ratio:auto; }
    .site-main:has(.marketplace-detail)>.breadcrumbs { padding-top:14px; padding-bottom:14px; }
    .marketplace-detail .product-info-grid>div { padding:8px 0; }
    .marketplace-detail .gallery-thumb-track { max-height:clamp(320px,58vh,580px); }
    .marketplace-detail .product-gallery-thumb { width:40px; height:52px; flex-basis:52px; }
    .marketplace-detail .product-gallery-full-view { display:block; grid-column:2; padding:8px 0; border:0; background:transparent; color:var(--primary-color); font-size:13px; text-align:center; cursor:zoom-in; }
    .marketplace-detail .product-gallery-full-view:hover { text-decoration:underline; }
    .marketplace-detail .image-caption { line-height:1.5; }
    .product-buybox { padding:16px 18px; top:16px; }
    .product-buybox .quantity-stock-row { margin:18px 0 12px; gap:12px; }
    .marketplace-detail .reference-actions { gap:8px; }
    .marketplace-detail .reference-actions .button { min-height:36px; padding:7px 10px; }
}
@media(max-width:1100px) and (min-width:761px) {
    .marketplace-detail { grid-template-columns:minmax(0,1fr) minmax(0,1fr); grid-template-areas:"gallery heading" "gallery offers" "gallery packs" "gallery buy" "information information"; }
    .product-buybox { position:static; }
}
@media(max-width:760px) {
    .marketplace-detail { grid-template-columns:minmax(0,1fr); grid-template-areas:"heading" "gallery" "packs" "offers" "buy" "information"; gap:16px; }
    .marketplace-detail .product-detail-heading h1 { font-size:17px; line-height:1.5; margin:6px 0 10px; }
    .marketplace-detail .product-intro { font-size:13px; }
    .marketplace-detail .product-detail-heading .product-intro,
    .marketplace-detail .product-detail-heading .product-price-row,
    .marketplace-detail .product-detail-heading .tax-line { display:none; }
    .marketplace-detail .product-gallery-reference { display:flex; flex-direction:column; gap:12px; position:relative; top:0; width:100%; }
    .marketplace-detail .product-gallery-main { width:100%; aspect-ratio:1; }
    .marketplace-detail .product-gallery-thumbs { order:2; width:100%; }
    .marketplace-detail .single-image-thumbs { display:none; }
    .marketplace-detail .gallery-thumb-track { flex-direction:row; justify-content:center; padding:4px; overflow-x:auto; max-height:none; }
    .marketplace-detail .product-gallery-thumb { width:28px; height:28px; flex:0 0 28px; padding:9px; border:0; background:transparent; position:relative; }
    .marketplace-detail .product-gallery-thumb::after { content:""; display:block; width:8px; height:8px; border-radius:50%; background:var(--border-color); }
    .marketplace-detail .product-gallery-thumb.active::after { background:var(--text-color); }
    .marketplace-detail .product-gallery-thumb img { display:none; }
    .marketplace-detail .image-caption { order:3; }
    .marketplace-detail .pack-card-options { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; padding:2px 2px 10px; }
    .marketplace-detail .pack-card-option { flex:0 0 146px; min-height:112px; scroll-snap-align:start; }
    .product-buybox { position:static; padding:16px; }
    .product-gallery-dialog { width:100vw; height:100dvh; max-width:100vw; max-height:100dvh; margin:0; border-radius:0; }
}
