/* r9 (2026-10-09) PDP whitespace pass. Layout/spacing only: no content, option or price changes.
   Loaded after isc-pdp-11-thumbs.css from product-view.html. Scope: product pages only. */

/* 1. Main image fills its frame: no beige mat, no 32px + 10px inner padding. Product photos are shot on white. */
html body.page-product.page-product .productView.isc-pdp-redesign-on .productView-image{background:#fff!important}
html body.page-product.page-product .productView.isc-pdp-redesign-on .productView-img-container{padding:0!important;background:#fff!important}
html body.page-product.page-product .productView.isc-pdp-redesign-on .productView-img-container img{padding:0!important}

/* 2. Facebook "Recommend" iframe: Meta retired the Like/Recommend plugin for third-party sites, so it renders
      nothing (or a 300x150 broken frame) absolutely positioned over the product title. */
html body.page-product.page-product .productView iframe.facebookRecommendBtn,
html body.page-product.page-product .productView iframe.facebookLikeBtn{display:none!important}

/* 3. Buy box rhythm: one consistent ~16-20px step between blocks instead of 22-50px stacks. */
html body.page-product.page-product .productView.isc-pdp-redesign-on .productView-title{margin-bottom:6px!important}
html body.page-product.page-product .productView.isc-pdp-redesign-on .isc-buybox__model{margin:4px 0 10px!important}
html body.page-product.page-product .productView.isc-pdp-redesign-on .productView-price{margin-bottom:10px!important}
html body.page-product.page-product .productView.isc-pdp-redesign-on .isc-buybox__leadtime{margin-bottom:14px!important}
html body.page-product.page-product .productView.isc-pdp-redesign-on .isc-case3d.isc-case3d--top{margin:0 0 16px!important}
html body.page-product.page-product .productView.isc-pdp-redesign-on .isc-monfit{margin-bottom:16px!important;padding-top:12px!important;padding-bottom:0!important}
html body.page-product.page-product .productView.isc-pdp-redesign-on .isc-monfit .isc-purchase-specs{margin:10px 0 0!important}
html body.page-product.page-product .productView.isc-pdp-redesign-on .isc-buybox__summary{margin:0 0 12px!important}
html body.page-product.page-product .productView.isc-pdp-redesign-on .isc-order-confidence{margin:0 0 12px!important}
html body.page-product.page-product .productView.isc-pdp-redesign-on .isc-pdp-options{margin:4px 0 16px!important}
html body.page-product.page-product .productView.isc-pdp-redesign-on .add-to-cart-wrapper .form-field--increments{margin-bottom:6px!important}
html body.page-product.page-product .productView.isc-pdp-redesign-on #nc-upsell{margin-top:4px!important}
html body.page-product.page-product .productView.isc-pdp-redesign-on aside.isc-buy-direct{margin:14px 0 6px!important;padding:14px 0 6px!important}
html body.page-product.page-product .productView.isc-pdp-redesign-on aside.isc-buy-direct ul{margin-bottom:6px!important}
html body.page-product.page-product .productView.isc-pdp-redesign-on .productView-product .socialLinks{margin:0!important}

/* 4. Below the buy box: tighter section steps. */
html body.page-product.page-product .productView.isc-pdp-redesign-on .productView-description{margin-top:20px!important;padding-top:14px!important}
html body.page-product.page-product .productView.isc-pdp-redesign-on .productView-description .tabs-contents{margin-bottom:8px!important}
html body.page-product.page-product .productView.isc-pdp-redesign-on .productView-description .tab-content{padding-top:18px!important;padding-bottom:0!important}
html body.page-product.page-product .productView.isc-pdp-redesign-on .isc-specs{margin:18px 0 0!important}
html body.page-product.page-product .productView.isc-pdp-redesign-on details.isc-pdp-specs{margin-top:20px!important}
html body.page-product.page-product .productView.isc-pdp-redesign-on .isc-altcon{margin:22px 0!important}
html body.page-product.page-product .productView.isc-pdp-redesign-on .isc-fitform{margin-top:22px!important;margin-bottom:0!important}
html body.page-product.page-product .productView.isc-pdp-redesign-on .isc-fitform__paths{margin-top:20px!important;padding-top:18px!important}
html body.page-product.page-product .productView.isc-pdp-redesign-on .isc-buybox__b2b{margin-top:18px!important}

/* 5. Product details: r7 left the What-it-fits group alone in a 3-column grid beside an empty bulk-pricing
      cell (242px of blank). Stack them full width and keep the list at the spec table's width. */
html body.page-product.page-product .productView.isc-pdp-redesign-on .productView-info-bulkPricing,
html body.page-product.page-product .productView.isc-pdp-redesign-on .productView-info > .isc-monspecs{grid-column:1/-1!important}
html body.page-product.page-product .productView.isc-pdp-redesign-on .productView-info-bulkPricing:not(:has(*:not(script):not(style))){display:none!important}
html body.page-product.page-product .productView.isc-pdp-redesign-on .isc-monspecs{grid-template-columns:minmax(0,680px)!important;gap:16px!important;margin-top:8px!important}

/* 6. Desktop: description beside the Specifications table instead of a 720px text column with 350px of
      empty space to its right followed by a 680px table with the same gap. */
@media (min-width:1100px){
html body.page-product.page-product .productView.isc-pdp-redesign-on .productView-description{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);column-gap:44px;align-items:start}
html body.page-product.page-product .productView.isc-pdp-redesign-on .productView-description > *{grid-column:1/-1}
html body.page-product.page-product .productView.isc-pdp-redesign-on .productView-description > ul.tabs{grid-column:1;grid-row:1}
html body.page-product.page-product .productView.isc-pdp-redesign-on .productView-description > .tabs-contents{grid-column:1;grid-row:2}
html body.page-product.page-product .productView.isc-pdp-redesign-on .productView-description > .isc-specs{grid-column:2;grid-row:1/span 2;margin-top:0!important;width:auto!important;max-width:none!important}
html body.page-product.page-product .productView.isc-pdp-redesign-on .productView-description .tab-content > p{max-width:none!important}
}

/* 7. Phone: let the gallery use the full content width (was inset a further 16px each side). */
@media (max-width:800px){
html body.page-product.page-product .productView.isc-pdp-redesign-on .productView-images{padding-left:0!important;padding-right:0!important;margin:6px 0!important}
html body.page-product.page-product .productView.isc-pdp-redesign-on .isc-media-rail .productView-image{margin-bottom:8px!important}
html body.page-product.page-product .productView.isc-pdp-redesign-on .isc-mobile-hero{padding-bottom:0!important}
html body.page-product.page-product .productView.isc-pdp-redesign-on .productView-description{margin-top:14px!important}
}

/* 8. Desktop: no extra 18px under the gallery column and a lighter bottom pad before Related products. */
@media (min-width:801px){
html body.page-product.page-product .productView.isc-pdp-redesign-on .productView-images{margin-bottom:0!important}
html body.page-product.page-product .productView.isc-pdp-redesign-on{padding-bottom:12px!important}
}

/* 9. Related products on product pages: same treatment as the main image (white figure, photo fills it). */
html body.page-product.page-product #tab-related .card-figure{background:#fff!important}
html body.page-product.page-product #tab-related .card-image{padding:0!important;object-fit:contain!important}