/* 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}

/* 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. r10: float layout (the r9 grid
      stretched the tab row when the Specifications table outgrew the description). Floats need the tab
      column floated left first so the later Specifications float can sit beside it. */
@media (min-width:1100px){
html body.page-product.page-product .productView.isc-pdp-redesign-on .productView-description{display:flow-root!important}
html body.page-product.page-product .productView.isc-pdp-redesign-on .productView-description > .isc-specs{float:right;width:46%!important;max-width:none!important;margin:0 0 18px!important}
html body.page-product.page-product .productView.isc-pdp-redesign-on .productView-description > ul.tabs,
html body.page-product.page-product .productView.isc-pdp-redesign-on .productView-description > .tabs-contents{width:50%!important;float:left;clear:left}
html body.page-product.page-product .productView.isc-pdp-redesign-on .productView-description > :not(ul.tabs):not(.tabs-contents):not(.isc-specs):not(style):not(script){clear:both}
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}