/**
 * Inter Modal Sales Up.
 *
 * @author InterSvetaine
 * @copyright 2026 InterSvetaine
 * @license Proprietary - see LICENSE.txt
 */
.ims-recommendations{clear:both;width:100%;padding:24px;box-sizing:border-box;background:var(--ims-bg,#fff);color:var(--ims-text,#253746);font-family:var(--ims-font,inherit);text-align:left;border-top:1px solid var(--ims-border,#ddd)}
.ims-recommendations *{box-sizing:border-box}
.ims-heading-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.ims-recommendations .ims-heading-row .ims-heading{margin:0}
.ims-navigation{display:flex;gap:8px;flex:0 0 auto}
.ims-navigation[hidden]{display:none!important}
.ims-recommendations .ims-arrow{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid var(--ims-border,#ddd);border-radius:50%;background:var(--ims-card-bg,#fff);color:var(--ims-text,#253746);font:normal 30px/1 Arial,sans-serif;cursor:pointer}
.ims-recommendations .ims-arrow:hover:not(:disabled){border-color:var(--ims-button,#087f8c);color:var(--ims-button,#087f8c)}
.ims-recommendations .ims-arrow:disabled{opacity:.35;cursor:default}
.ims-recommendations[data-carousel="1"]{--ims-visible:var(--ims-columns,4)}
.ims-recommendations[data-carousel="1"] .ims-products{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--ims-visible) - 1)*var(--ims-gap,12px))/var(--ims-visible));overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:8px;touch-action:pan-x pan-y}
.ims-recommendations[data-carousel="1"] .ims-product{scroll-snap-align:start;scroll-snap-stop:normal}
.ims-recommendations .ims-products.ims-draggable{cursor:grab}
.ims-recommendations .ims-products.ims-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;user-select:none}
.ims-recommendations .ims-products.ims-dragging *{cursor:grabbing!important;user-select:none}
.ims-recommendations .ims-range{font-size:12px;color:var(--ims-text);line-height:1.4;margin:6px 0 0;text-align:right}
.ims-recommendations .ims-range:empty{display:none}
.ims-recommendations[dir="rtl"] .ims-arrow span{transform:rotate(180deg)}
.ims-recommendations[dir="rtl"]{text-align:right}
.ims-recommendations[dir="rtl"] .ims-range{text-align:left}
.ims-recommendations .ims-heading,.ims-recommendations .ims-add,.ims-recommendations .ims-button{overflow-wrap:anywhere}
.ims-recommendations .ims-heading{font-family:inherit;font-size:var(--ims-heading-size,24px);font-weight:600;color:var(--ims-text);line-height:1.25;margin:0 0 20px;padding:0;text-transform:none;border:0}
.ims-products{display:grid;grid-template-columns:repeat(var(--ims-columns,4),minmax(0,1fr));gap:var(--ims-gap,12px);align-items:stretch}
.ims-recommendations .ims-product{display:flex;flex-direction:column;gap:8px;min-width:0;margin:0;padding:var(--ims-padding,12px);border:var(--ims-border-width,1px) var(--ims-border-style,solid) var(--ims-border,#ddd);border-radius:var(--ims-card-radius,16px);background:var(--ims-card-bg,#fff);overflow:hidden;font-size:var(--ims-font-size,16px)}
.ims-recommendations .ims-image-link{display:block;width:100%;max-width:var(--ims-image-size,100%);margin:0 auto;flex-shrink:0;aspect-ratio:1/1;border-radius:var(--ims-image-radius,12px);overflow:hidden;background:#fff;line-height:0}
.ims-recommendations .ims-image{width:100%;height:100%;max-width:100%;aspect-ratio:1/1;object-fit:var(--ims-fit,contain);margin:0;border:0;border-radius:var(--ims-image-radius,12px)}
.ims-recommendations .ims-product-name{font-size:inherit;font-weight:500;line-height:1.4;color:var(--ims-text);text-decoration:none;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ims-recommendations .ims-product-name:hover{text-decoration:underline}
.ims-recommendations small{font-size:.8em;line-height:1.3;color:var(--ims-text);overflow-wrap:anywhere}
.ims-recommendations .ims-price{font-size:1.12em;line-height:1.4;font-weight:700;color:var(--ims-price);margin-top:auto;padding:7px 0}
.ims-recommendations .ims-add,.ims-recommendations .ims-button{display:flex;align-items:center;justify-content:center;width:100%;min-height:38px;margin-top:auto;border:0;border-radius:6px;padding:9px 7px;background:var(--ims-button,#087f8c);color:var(--ims-button-text,#fff);font-family:inherit;font-size:.88em;font-weight:600;line-height:1.25;text-align:center;cursor:pointer;text-decoration:none;white-space:normal}
.ims-recommendations .ims-add:disabled{opacity:.6;cursor:wait}
.ims-recommendations :focus-visible{outline:2px solid var(--ims-button);outline-offset:3px}
.ims-recommendations .ims-feedback{margin:8px 0 0;font-size:14px;line-height:1.5;color:var(--ims-text)}
.ims-modal-expanded .modal-dialog{width:calc(100% - 32px)!important;max-width:var(--ims-dialog-width,1120px)!important}
.ims-modal-expanded .modal-content{max-height:calc(100vh - 64px);overflow-y:auto}
.ims-modal-expanded .modal-body,.ims-modal-expanded .modal-footer,.ims-modal-expanded .modal-header,.ims-modal-expanded .ims-recommendations{flex:0 0 auto}
.ims-modal-expanded .modal-body{overflow:visible}
#layer_cart.ims-legacy-expanded{width:calc(100% - 30px)!important;max-width:var(--ims-dialog-width,1120px);left:50%!important;margin-left:0!important;transform:translateX(-50%)}
#layer_cart .ims-recommendations{border-bottom-left-radius:4px;border-bottom-right-radius:4px}
@media(max-width:900px){.ims-products{grid-template-columns:repeat(3,minmax(0,1fr))}.ims-recommendations[data-count="2"] .ims-products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.ims-recommendations[data-carousel="1"]{--ims-visible:3}.ims-recommendations[data-carousel="1"][data-count="2"]{--ims-visible:2}}
@media(max-width:600px){.ims-recommendations{padding:16px}.ims-products{grid-template-columns:repeat(2,minmax(0,1fr))}.ims-recommendations .ims-product{font-size:max(12px,var(--ims-font-size,14px));padding:8px}.ims-recommendations .ims-heading{font-size:min(22px,var(--ims-heading-size,24px))}.ims-modal-expanded .modal-dialog{width:calc(100% - 16px)!important}}
@media(max-width:600px){.ims-recommendations[data-carousel="1"]{--ims-visible:2}.ims-heading-row{gap:10px;margin-bottom:14px}.ims-navigation{gap:4px}.ims-recommendations .ims-arrow{width:36px;height:36px}}
@media(prefers-reduced-motion:reduce){.ims-recommendations *{scroll-behavior:auto;transition:none}}