/* Basket row prices and quantity share a baseline; the footer stays in flow. */
#jpaHeaderUI #basket_modal_container .basket_modal_body{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain}
#jpaHeaderUI #basket_modal_container .basket-item{grid-template-columns:72px minmax(0,1fr);gap:12px;padding:18px 0;min-height:160px}
#jpaHeaderUI #basket_modal_container .basket-item .thumb{width:72px;height:100px}
#jpaHeaderUI #basket_modal_container .basket-info{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto 18px 38px;align-content:start;column-gap:8px;min-height:126px}
#jpaHeaderUI #basket_modal_container .basket-item .title{grid-column:1/-1;font-size:13px;line-height:1.8;white-space:normal;margin:0 0 3px}
#jpaHeaderUI #basket_modal_container .basket-item .meta{grid-column:1/-1;font-size:12px;line-height:1.8;margin-bottom:6px}
#jpaHeaderUI #basket_modal_container .discount-info{grid-column:1/-1;grid-row:3;min-height:18px;margin:0;font-size:10px;line-height:18px;text-align:right!important;direction:rtl}
#jpaHeaderUI #basket_modal_container .price-row{grid-column:1;grid-row:4;align-self:center;margin:0;white-space:nowrap}
#jpaHeaderUI #basket_modal_container .price{font-size:14px;line-height:1.6}
#jpaHeaderUI #basket_modal_container .currency{font-size:9px}
#jpaHeaderUI #basket_modal_container .controls{grid-column:2;grid-row:4;margin:0;align-self:center}
#jpaHeaderUI #basket_modal_container .quantity-control{gap:6px}
#jpaHeaderUI #basket_modal_container .qty-btn{width:29px;height:32px;border-radius:5px}
#jpaHeaderUI #basket_modal_container .qty{font-size:12px;min-width:14px}
#jpaHeaderUI #basket_modal_container .basket_modal_footer{padding:12px 18px calc(14px + env(safe-area-inset-bottom));border-top:1px solid #e8e8ed;box-shadow:0 -10px 25px -23px #777;gap:8px}
#jpaHeaderUI #basket_modal_container .basket_modal_summary{border:0;min-height:32px;padding:0 0 5px}
#jpaHeaderUI #basket_modal_container .basket_modal_summary>span{font-size:13px}
#jpaHeaderUI #basket_modal_container .basket_modal_final_price{font-size:16px}
#jpaHeaderUI #basket_modal_container .basket_modal_snapp_row{grid-template-columns:27px minmax(0,1fr);gap:3px 9px;font-size:11px;line-height:1.9;margin:0}
#jpaHeaderUI #basket_modal_container .basket_modal_snapp_logo{display:block;width:30px;height:30px;flex:0 0 30px;padding:4px 1px;font:700 10px/11px Arial,sans-serif!important;text-align:center!important;background:#00b4df;color:white;border-radius:5px;overflow:hidden;grid-row:auto;direction:ltr}
#jpaHeaderUI #basket_modal_container .basket_modal_snapp_row>span:not(.basket_modal_snapp_logo){text-align:right!important;direction:rtl}
#jpaHeaderUI #basket_modal_container .basket_modal_cashback_row{font-size:11px;line-height:1.9;gap:9px;margin:0 0 4px;min-height:32px}
#jpaHeaderUI #basket_modal_container .basket_modal_cashback_row img{width:27px;height:27px;flex-basis:27px}
#jpaHeaderUI #basket_modal_container .basket_modal_submit_btn{min-height:46px;font-size:15px;font-weight:600;border-radius:7px}
#jpaHeaderUI #basket_modal_container .basket_modal_submit_btn:disabled{opacity:.55;cursor:wait}
#jpaHeaderUI #basket_modal_container .basket-inline-notice{padding:12px 18px;background:#f8f8fa;border-bottom:1px solid #eee;font-size:12px;line-height:1.9;color:#4f5360}
#jpaHeaderUI #basket_modal_container .basket-inline-notice[hidden]{display:none}
#jpaHeaderUI #basket_modal_container .basket-item.is-updating:after{content:'';position:absolute;inset:0;background:rgba(255,255,255,.7);z-index:3}
#jpaHeaderUI #basket_modal_container .basket-item.is-updating:before{content:'';position:absolute;left:calc(50% - 10px);top:calc(50% - 10px);width:20px;height:20px;border:2px solid #ddd;border-top-color:#6c7180;border-radius:50%;animation:catalog-row-spin .7s linear infinite;z-index:4}
#jpaHeaderUI #basket_modal_container .basket-undo{position:absolute;inset:0;background:#fff0f1;z-index:5;display:flex;align-content:center;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;padding:20px;font-size:12px;overflow:hidden;direction:rtl;text-align:right}
#jpaHeaderUI #basket_modal_container .basket-undo button{padding:9px 18px;border:0;border-radius:5px;background:#142e86;color:#fff;font-family:inherit;font-size:12px;cursor:pointer}
#jpaHeaderUI #basket_modal_container .basket-undo small{flex:0 0 100%;text-align:center;color:#9b9da5;font-size:11px}
#jpaHeaderUI #basket_modal_container .basket-undo i{position:absolute;top:0;right:0;height:2px;background:#ff4b53;width:100%;animation:catalog-undo 3s linear forwards}
@keyframes catalog-row-spin{to{transform:rotate(360deg)}}@keyframes catalog-undo{to{width:0}}
@media(max-width:360px){#jpaHeaderUI #basket_modal_container .basket-item{grid-template-columns:60px minmax(0,1fr);gap:8px}#jpaHeaderUI #basket_modal_container .basket-item .thumb{width:60px;height:86px}#jpaHeaderUI #basket_modal_container .price{font-size:12px}#jpaHeaderUI #basket_modal_container .qty-btn{width:25px}}
@media(prefers-reduced-motion:reduce){#jpaHeaderUI #basket_modal_container .basket-item.is-updating:before{animation-duration:1.5s}}

/* These panels also appear on pages without the storefront footer. */
#jpaHeaderUI #basket_modal_container{direction:rtl;text-align:right}
#jpaHeaderUI #basket_modal_container .basket-item{position:relative;float:none;width:100%}
#jpaHeaderUI #basket_modal_container .basket_modal_footer{display:flex;flex-direction:column;align-items:stretch;flex:0 0 auto;direction:rtl;text-align:right}
#jpaHeaderUI #basket_modal_container .basket_modal_summary{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;direction:rtl}
#jpaHeaderUI #basket_modal_container .basket_modal_snapp_row,
#jpaHeaderUI #basket_modal_container .basket_modal_cashback_row{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:10px;width:100%;min-height:34px;direction:rtl;text-align:right}
#jpaHeaderUI #basket_modal_container .basket_modal_cashback_row>span{direction:rtl;text-align:right}
#jpaHeaderUI #basket_modal_container .basket_modal_cashback_row small{display:block;font-size:11px;color:#697180;line-height:1.7}
#jpaHeaderUI #basket_modal_container .basket_modal_cashback_row img{display:block;width:30px!important;height:30px!important;object-fit:contain}
#jpaHeaderUI #basket_modal_container .basket_modal_footer span,
#jpaHeaderUI #basket_modal_container .basket_modal_footer strong{float:none;max-width:100%;line-height:1.9}
#jpaHeaderUI #basket_modal_container .basket-inline-notice{flex:0 0 auto;float:none;width:100%;direction:rtl;text-align:right;border-right:3px solid #c9ccd5}
#jpaHeaderUI #basket_modal_container .basket-undo>span{float:none;flex:1 1 100%;text-align:center;font-size:12px;line-height:1.9}

/* Shared notification: independent of checkout/PDP styles and the page footer. */
#jpaHeaderUI #basket_modal_container .basket-notice{position:absolute;inset:72px 16px auto;z-index:10;display:grid;grid-template-columns:24px 24px minmax(0,1fr);gap:10px;align-items:center;padding:14px;background:#fff;border:1px solid #f1cdd0;border-radius:10px;direction:rtl;text-align:right;color:#b52235;font-size:12px;line-height:1.9}
#jpaHeaderUI #basket_modal_container .basket-notice[hidden]{display:none!important}
#jpaHeaderUI #basket_modal_container .basket-notice button{display:grid;place-items:center;width:24px;height:28px;padding:0;margin:0;border:0;background:none;color:#626772;font:24px/1 Arial;cursor:pointer}
#jpaHeaderUI #basket_modal_container .basket-notice svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-dasharray:90;animation:basket-notice-draw .5s ease-out}
#jpaHeaderUI #basket_modal_container .basket-notice span{float:none;direction:rtl;text-align:right}
#jpaHeaderUI #basket_modal_container .qty-btn:disabled{opacity:.5;cursor:wait}
#jpaHeaderUI #basket_modal_container .basket-undo{background:#fff6f6}
@keyframes basket-notice-draw{from{stroke-dashoffset:90}to{stroke-dashoffset:0}}
@media(max-width:768px){#jpaHeaderUI #basket_modal_container .basket-notice{box-shadow:0 6px 24px #2222}}
@media(prefers-reduced-motion:reduce){#jpaHeaderUI #basket_modal_container .basket-notice svg,#jpaHeaderUI #basket_modal_container .basket-undo i{animation:none}}