/* NV Cross-sell Premium V4 — final clean product-detail layout */

.up-container.up-type-product_cross{
 --nv-o:#f5a400;--nv-os:#fff8e8;--nv-t:#24262a;--nv-l:#e7e9ec;--nv-g:#159447;
 width:100%!important;margin:16px 0 18px!important;padding:0!important;background:#fff!important;
 border:1px solid #e3e5e8!important;border-radius:12px!important;overflow:hidden!important;
 box-shadow:0 5px 18px rgba(25,28,32,.06)!important
}
.up-container.up-type-product_cross *{box-sizing:border-box}

/* Header */
.up-container.up-type-product_cross .up-products-header{
 margin:0!important;padding:13px 15px!important;min-height:48px!important;display:flex!important;align-items:center!important;
 color:var(--nv-t)!important;background:#fff!important;border:0!important;border-bottom:1px solid var(--nv-l)!important;
 font-size:13px!important;line-height:1.25!important;font-weight:800!important;text-transform:none!important
}

/* List */
.up-container.up-type-product_cross .up-products{
 display:block!important;width:100%!important;margin:0!important;padding:0 10px!important;list-style:none!important
}
.up-container.up-type-product_cross li.up-product{
 display:grid!important;
 grid-template-columns:minmax(0,1fr) 82px!important;
 grid-template-areas:"info qty" "variant qty"!important;
 align-items:center!important;gap:6px 10px!important;width:100%!important;min-height:82px!important;
 margin:0!important;padding:11px 3px!important;background:#fff!important;border:0!important;
 border-bottom:1px solid var(--nv-l)!important;border-radius:0!important;box-shadow:none!important
}
.up-container.up-type-product_cross li.up-product:last-child{border-bottom:0!important}
.up-container.up-type-product_cross li.up-product:has(input.up-product-selector:checked){
 margin:0 -3px!important;width:calc(100% + 6px)!important;padding-left:6px!important;padding-right:6px!important;
 background:var(--nv-os)!important;border-radius:8px!important
}

/* Checkbox + image + details */
.up-container.up-type-product_cross .up-product-information{
 grid-area:info!important;display:grid!important;grid-template-columns:20px 54px minmax(0,1fr)!important;
 gap:9px!important;align-items:center!important;min-width:0!important;margin:0!important;padding:0!important
}

/* Only real checkbox */
.up-container.up-type-product_cross input.up-product-selector{
 -webkit-appearance:none!important;appearance:none!important;position:relative!important;display:block!important;
 width:19px!important;height:19px!important;min-width:19px!important;margin:0!important;padding:0!important;
 background:#fff!important;border:1.5px solid #bfc4ca!important;border-radius:5px!important;box-shadow:none!important;cursor:pointer!important
}
.up-container.up-type-product_cross input.up-product-selector:checked{background:var(--nv-o)!important;border-color:var(--nv-o)!important}
.up-container.up-type-product_cross input.up-product-selector:checked:after{
 content:""!important;position:absolute!important;left:5px!important;top:2px!important;width:5px!important;height:9px!important;
 border:solid #fff!important;border-width:0 2px 2px 0!important;transform:rotate(45deg)!important
}

/* Image wrapper: neutralize add-on's visual duplicate selector, but retain product image */
.up-container.up-type-product_cross label.up-image{
 position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;
 width:54px!important;height:58px!important;margin:0!important;padding:3px!important;background:#fff!important;
 border:0!important;border-radius:7px!important;overflow:hidden!important
}
.up-container.up-type-product_cross label.up-image span.up-product-selector{
 display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;
 margin:0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;
 box-shadow:none!important;outline:0!important
}
.up-container.up-type-product_cross label.up-image span.up-product-selector:before,
.up-container.up-type-product_cross label.up-image span.up-product-selector:after{
 content:none!important;display:none!important
}
.up-container.up-type-product_cross label.up-image img{
 display:block!important;width:50px!important;height:52px!important;max-width:50px!important;max-height:52px!important;
 object-fit:contain!important;margin:0!important;padding:0!important;border:0!important
}

/* Text, availability, price */
.up-container.up-type-product_cross .up-product-details{
 display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
 grid-template-areas:"name price" "stock price"!important;column-gap:10px!important;align-items:center!important;min-width:0!important
}
.up-container.up-type-product_cross .up-product-name{grid-area:name!important;margin:0 0 5px!important;min-width:0!important}
.up-container.up-type-product_cross .up-product-name a{
 display:-webkit-box!important;overflow:hidden!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;
 color:var(--nv-t)!important;font-size:11.5px!important;line-height:1.32!important;font-weight:800!important;text-decoration:none!important
}
.up-container.up-type-product_cross .up-availability{grid-area:stock!important;margin:0!important;font-size:9.5px!important;line-height:1.2!important}
.up-container.up-type-product_cross .up-in-stock-label{
 display:inline-flex!important;align-items:center!important;gap:4px!important;color:var(--nv-g)!important;font-weight:700!important
}
.up-container.up-type-product_cross .up-in-stock-label:before{
 content:""!important;display:block!important;width:6px!important;height:6px!important;border-radius:50%!important;background:currentColor!important
}
.up-container.up-type-product_cross .up-price{
 grid-area:price!important;display:flex!important;flex-direction:column!important;align-items:flex-end!important;justify-content:center!important;
 gap:2px!important;margin:0!important;max-width:72px!important;text-align:right!important
}
.up-container.up-type-product_cross .up-price-current,
.up-container.up-type-product_cross .up-price-value{
 color:#1f2125!important;font-size:12px!important;line-height:1.15!important;font-weight:800!important;white-space:nowrap!important
}
.up-container.up-type-product_cross .up-price-common{color:#999!important;font-size:8.5px!important;text-decoration:line-through!important}
.up-container.up-type-product_cross .up-price-common-percentage{
 padding:2px 4px!important;color:#d83b3b!important;background:#fff0f0!important;border-radius:4px!important;font-size:8px!important;font-weight:800!important
}

/* Variant directly under product text */
.up-container.up-type-product_cross .up-product-variants{
 grid-area:variant!important;min-width:0!important;margin:0 0 0 83px!important;padding:0!important
}
.up-container.up-type-product_cross .up-product-variants:empty{display:none!important}
.up-container.up-type-product_cross select.up-variants{
 display:block!important;width:100%!important;max-width:190px!important;height:30px!important;margin:0!important;
 padding:0 28px 0 9px!important;color:#555a60!important;background-color:#fff!important;
 border:1px solid #dfe2e5!important;border-radius:6px!important;font-size:9px!important;line-height:30px!important;box-shadow:none!important
}

/* Quantity */
.up-container.up-type-product_cross .up-quantity{
 grid-area:qty!important;position:relative!important;display:grid!important;grid-template-columns:24px 30px 24px!important;
 align-items:center!important;width:78px!important;height:31px!important;margin:0!important;padding:0!important;
 overflow:hidden!important;background:#fff!important;border:1px solid #dfe2e5!important;border-radius:6px!important
}
.up-container.up-type-product_cross .up-quantity>.up-tooltip{display:none!important}
.up-container.up-type-product_cross input.up-amount{
 grid-column:2!important;grid-row:1!important;width:30px!important;height:29px!important;margin:0!important;padding:0!important;
 color:#25272b!important;background:#fff!important;border:0!important;border-left:1px solid #eceef0!important;
 border-right:1px solid #eceef0!important;text-align:center!important;font-size:10px!important;box-shadow:none!important;-moz-appearance:textfield!important
}
.up-container.up-type-product_cross input.up-amount::-webkit-inner-spin-button,
.up-container.up-type-product_cross input.up-amount::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0!important}
.up-container.up-type-product_cross .up-decrease,
.up-container.up-type-product_cross .up-increase{
 position:static!important;display:flex!important;align-items:center!important;justify-content:center!important;
 width:24px!important;height:29px!important;margin:0!important;padding:0!important;color:#666!important;background:#fafafa!important;
 font-size:13px!important;line-height:1!important;cursor:pointer!important
}
.up-container.up-type-product_cross .up-decrease{grid-column:1!important;grid-row:1!important}
.up-container.up-type-product_cross .up-increase{grid-column:3!important;grid-row:1!important}

/* Redundant addon instruction */
.up-container.up-type-product_cross .up-add-to-cart-prompt{display:none!important}

/* Clean the product detail under cross-sell */
.dkLabFavDetailSpan.dkLabFavouriteControls,
#dkLabFavDetailSpan,
.social-buttons-wrapper{
 display:none!important
}

@media(max-width:767px){
 .up-container.up-type-product_cross li.up-product{
  grid-template-columns:minmax(0,1fr) 78px!important;grid-template-areas:"info qty" "variant variant"!important
 }
 .up-container.up-type-product_cross .up-product-information{
  grid-template-columns:19px 46px minmax(0,1fr)!important;gap:7px!important
 }
 .up-container.up-type-product_cross label.up-image{width:46px!important;height:50px!important}
 .up-container.up-type-product_cross label.up-image img{width:43px!important;height:46px!important}
 .up-container.up-type-product_cross .up-product-variants{margin-left:72px!important}
 .up-container.up-type-product_cross select.up-variants{max-width:none!important}
}
