/* =========================================================
   paddleboardy.cz – popup "Přidáno do košíku"
   Související produkty jako vodorovný slider (žádný scroll popupu)
   ========================================================= */

/* hlavička popupu – kompaktní */
.advanced-order .h1{margin:0 0 6px!important;font-size:20px!important;line-height:1.2!important}
.advanced-order .h2{margin:0 0 8px!important;font-size:14px!important;line-height:1.35!important}
.advanced-order .extras-wrap{margin:0 0 10px!important;padding:0!important}
.advanced-order .extras-wrap .extra{margin:0!important;min-height:0!important}
.advanced-order .advancedOrder__buttons{display:flex!important;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 16px;margin:0 0 14px!important;padding:0 0 14px!important}
.advanced-order .advancedOrder__buttons .btn{margin:0!important}
.advanced-order .advanced-order-suggestion{margin:0 0 10px!important;font-size:17px!important}
.advanced-order .browse-p{display:none!important}

/* slider */
.advanced-order .ao-slider{position:relative}
.advanced-order .products-additional{display:flex!important;flex-wrap:nowrap!important;gap:10px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;margin:0!important;padding:2px 2px 8px!important;scrollbar-width:none;width:auto!important}
.advanced-order .products-additional::-webkit-scrollbar{display:none}
.advanced-order .products-additional::before,.advanced-order .products-additional::after{display:none!important}

/* karta – zobrazit i ty, které Shoptet na mobilu skrývá */
.advanced-order .products-additional .product,
.advanced-order .products-additional .product.related-sm-screen-hide{display:block!important;flex:0 0 46%!important;width:46%!important;max-width:200px!important;min-width:0!important;margin:0!important;padding:0!important;scroll-snap-align:start;border:0!important}
.advanced-order .products-additional .p{display:flex!important;flex-direction:column;height:100%;margin:0!important;padding:8px!important;border:1px solid #e9e9e9!important;border-radius:10px;background:#fff;box-shadow:none!important}
.advanced-order .products-additional .p .image{display:flex!important;align-items:center;justify-content:center;height:96px!important;margin:0 0 6px!important;padding:0!important;position:relative}
.advanced-order .products-additional .p .image img{width:100%!important;height:100%!important;object-fit:contain;max-height:none!important}
.advanced-order .products-additional .p-in,.advanced-order .products-additional .p-in-in{padding:0!important;margin:0!important}
.advanced-order .products-additional .p a.name{display:block!important;height:auto!important;max-height:none!important;margin:0 0 4px!important;font-size:13px!important;line-height:1.35!important;text-align:left}
.advanced-order .products-additional .p a.name span{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;height:2.7em!important;font-size:inherit!important;line-height:inherit!important}

/* pryč s tím, co natahuje výšku */
.advanced-order .products-additional .p-desc,
.advanced-order .products-additional .stars-wrapper,
.advanced-order .products-additional .stars-placeholder,
.advanced-order .products-additional .availability-amount,
.advanced-order .products-additional .widget-parameter-wrapper,
.advanced-order .products-additional .flags-default{display:none!important}
.advanced-order .products-additional .ratings-wrapper{margin:0 0 4px!important;min-height:0!important;font-size:12px}

/* malý štítek se slevou */
.advanced-order .products-additional .flags-extra{display:flex!important;flex-direction:column;align-items:flex-start!important;top:4px!important;right:4px!important;bottom:auto!important;left:auto!important;width:auto!important;height:auto!important}
.advanced-order .products-additional .flags-extra .flag{flex:0 0 auto!important;align-self:flex-end;width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;padding:2px 6px!important;font-size:11px!important;line-height:1.3!important;border-radius:4px!important}
.advanced-order .products-additional .flags-extra .price-save{font-size:11px!important;line-height:1.3!important}

/* cena + tlačítko dole */
.advanced-order .products-additional .p-bottom{margin-top:auto!important;padding:0!important}
.advanced-order .products-additional .p-bottom>div{display:flex!important;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap}
.advanced-order .products-additional .prices{margin:0!important;padding:0!important}
.advanced-order .products-additional .price-final{font-size:15px!important;margin:0!important}
.advanced-order .products-additional .price-standard,.advanced-order .products-additional .price-additional{display:none!important}
.advanced-order .products-additional .p-tools{margin:0!important;padding:0!important}
.advanced-order .products-additional .p-tools .btn{min-height:0!important;height:30px!important;line-height:30px!important;padding:0 10px!important;font-size:11px!important}
.advanced-order .products-additional .p-tools .btn::before,.advanced-order .products-additional .p-tools .btn::after{display:none!important}

/* šipky (jen myš) */
.advanced-order .ao-arrow{position:absolute;top:40px;z-index:3;width:34px;height:34px;border:0;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.18);cursor:pointer;font-size:20px;line-height:34px;text-align:center;color:#333;padding:0;transition:opacity .2s}
.advanced-order .ao-prev{left:-6px}
.advanced-order .ao-next{right:-6px}
.advanced-order .ao-arrow[disabled]{opacity:0;pointer-events:none}
@media (hover:none){.advanced-order .ao-arrow{display:none}}

@media (min-width:768px){
  .advanced-order .products-additional .product,
  .advanced-order .products-additional .product.related-sm-screen-hide{flex:0 0 calc(25% - 8px)!important;width:calc(25% - 8px)!important;max-width:none!important}
  .advanced-order .products-additional .p .image{height:120px!important}
}