/* Side Cart suggestions only: intrinsic grid height reserves room for the tallest card. */
.xoo-wsc-sp-container.qsmart-sc-carousel{padding:0;isolation:isolate}
.xoo-wsc-modal .xoo-wsc-sp-heading{font-size:20px;line-height:1.3;font-weight:400;padding:18px;margin:0;text-align:center;white-space:normal}
.xoo-wsc-modal .xoo-wsch-text{font-size:20px;font-weight:400}
.xoo-wsc-modal .xoo-wsc-ft-amt-label{font-size:20px;font-weight:700}
.xoo-wsc-modal .xoo-wsc-pname,.xoo-wsc-modal .xoo-wsc-pname a{font-size:16px}
:is(.xoo-wsc-modal,.xoo-wsc-dr-sp) .qsmart-sc-prices{display:grid;grid-template-columns:max-content max-content;justify-content:end;align-items:baseline;gap:5px 3px;width:100%;line-height:1.35}
:is(.xoo-wsc-modal,.xoo-wsc-dr-sp) .qsmart-sc-price-row{display:contents}
:is(.xoo-wsc-modal,.xoo-wsc-dr-sp) .qsmart-sc-price-label{font-size:16px;font-weight:400;text-align:right;white-space:nowrap}
:is(.xoo-wsc-modal,.xoo-wsc-dr-sp) .qsmart-sc-price-value,:is(.xoo-wsc-modal,.xoo-wsc-dr-sp) .qsmart-sc-price-value .amount,:is(.xoo-wsc-modal,.xoo-wsc-dr-sp) .qsmart-sc-price-value bdi{font-size:20px!important;font-weight:400;white-space:nowrap;text-align:right}
.xoo-wsc-modal .xoo-wsc-smr-ptotal,.xoo-wsc-modal .xoo-wsc-smr-ptotal .amount,.xoo-wsc-modal .xoo-wsc-smr-ptotal bdi{font-size:20px!important;white-space:nowrap}
.xoo-wsc-modal .xoo-wsc-ft-amt-shipping .xoo-wsc-ft-amt-value,.xoo-wsc-modal .xoo-wsc-ft-amt-shipping .amount{font-size:20px!important}
.xoo-wsc-modal .xoo-wsc-ft-amt-total .xoo-wsc-ft-amt-value,.xoo-wsc-modal .xoo-wsc-ft-amt-total .amount{font-size:23px!important}
/* Price rows span the full summary, above quantity and line total. */
.xoo-wsc-modal .qsmart-sc-priced .xoo-wsc-sm-info{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 8px;align-items:center;width:100%;min-width:0}
.xoo-wsc-modal .qsmart-sc-priced .xoo-wsc-sm-left,.xoo-wsc-modal .qsmart-sc-priced .xoo-wsc-sm-right{display:contents}
.xoo-wsc-modal .qsmart-sc-priced .xoo-wsc-pname{grid-column:1/-1;grid-row:1;padding:0 24px 0 0}
.xoo-wsc-modal .qsmart-sc-priced .xoo-wsc-pmeta{grid-column:1/-1;grid-row:2;padding:0}
.xoo-wsc-modal .qsmart-sc-priced .xoo-wsc-pprice{grid-column:1/-1;grid-row:3;padding:0;margin:0;width:100%}
.xoo-wsc-modal .qsmart-sc-priced :is(.xoo-wsc-qty-box,.xoo-wsc-qty-price){grid-column:1;grid-row:4;justify-self:start;margin:0;padding:0}
.xoo-wsc-modal .qsmart-sc-priced .xoo-wsc-smr-ptotal{grid-column:2;grid-row:4;justify-self:end;margin:0;padding:0}
.xoo-wsc-modal .qsmart-sc-priced .xoo-wsc-smr-del{position:absolute;top:0;right:0;margin:0}
:is(.xoo-wsc-modal,.xoo-wsc-dr-sp) .qsmart-sc-normal del{opacity:.7;text-decoration:line-through}
.xoo-wsc-dr-sp .xoo-wsc-drh-txt{font-size:20px;font-weight:400;line-height:1.3}
.qsmart-sc-stage{position:relative}
.qsmart-sc-carousel ul.xoo-wsc-sp-slider{display:grid;grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;overflow:hidden;width:100%;height:auto}
.qsmart-sc-carousel li.xoo-wsc-sp-prod-cont{grid-area:1/1;display:flex;min-width:0;width:100%;margin:0;padding:0;float:none;visibility:hidden;opacity:0;pointer-events:none;transform:none;background:#fff}
.qsmart-sc-carousel li.qsmart-sc-active,.qsmart-sc-carousel li.qsmart-sc-moving{visibility:visible;opacity:1}
.qsmart-sc-carousel li.qsmart-sc-active{pointer-events:auto}
:is(.qsmart-sc-carousel,.xoo-wsc-dr-sp) .xoo-wsc-sp-product{display:grid;grid-template-columns:64px minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:14px;row-gap:12px;align-items:center;width:100%;min-width:0;padding:20px 42px;box-sizing:border-box;align-self:stretch}
:is(.qsmart-sc-carousel,.xoo-wsc-dr-sp) .xoo-wsc-sp-left-col{grid-column:1;grid-row:1;width:64px;flex:none}
:is(.qsmart-sc-carousel,.xoo-wsc-dr-sp) .xoo-wsc-sp-left-col img{display:block;width:64px;height:64px;object-fit:contain}
:is(.qsmart-sc-carousel,.xoo-wsc-dr-sp) .xoo-wsc-sp-right-col,:is(.qsmart-sc-carousel,.xoo-wsc-dr-sp) .xoo-wsc-sp-rc-bottom{display:contents}
:is(.qsmart-sc-carousel,.xoo-wsc-dr-sp) .xoo-wsc-sp-rc-top{grid-column:2;grid-row:1;min-width:0;white-space:normal;overflow:visible!important}
:is(.qsmart-sc-carousel,.xoo-wsc-dr-sp) .xoo-wsc-sp-title,:is(.qsmart-sc-carousel,.xoo-wsc-dr-sp) .xoo-wsc-sp-title a{font-size:16px;font-weight:700;line-height:1.4;white-space:normal;overflow-wrap:break-word;text-overflow:clip;display:block}
:is(.qsmart-sc-carousel,.xoo-wsc-dr-sp) .xoo-wsc-sp-price{grid-column:1/-1;grid-row:2;line-height:1.35;margin:0;display:block;color:#152f40}
:is(.qsmart-sc-carousel,.xoo-wsc-dr-sp) .xoo-wsc-sp-atc{grid-column:1/-1;grid-row:3;align-self:end;display:block;margin:4px 0 0}
:is(.qsmart-sc-carousel,.xoo-wsc-dr-sp) .xoo-wsc-sp-atc a.button{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;height:auto;box-sizing:border-box;padding:11px 9px;margin:0;white-space:normal;text-transform:none;font-size:16px;line-height:1.35;font-weight:700;background:#2845fa;color:#fff;border:0;border-radius:6px}
.qsmart-sc-carousel .qsmart-sc-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:44px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;cursor:pointer;z-index:2;display:grid;place-items:center;color:#fff}
.qsmart-sc-carousel .qsmart-sc-arrow:before{content:"";position:absolute;width:30px;height:30px;border-radius:50%;background:#2845fa;z-index:-1}
.qsmart-sc-carousel .qsmart-sc-prev{left:0}
.qsmart-sc-carousel .qsmart-sc-next{right:0}
.qsmart-sc-carousel .qsmart-sc-arrow span{display:block;width:8px;height:8px;border-top:2.5px solid #fff;border-right:2.5px solid #fff;transform:rotate(45deg);margin-right:3px}
.qsmart-sc-carousel .qsmart-sc-prev span{transform:rotate(-135deg);margin-right:0;margin-left:3px}
.qsmart-sc-carousel .qsmart-sc-arrow:hover:before{background:#1734dc}
.qsmart-sc-carousel button:focus-visible{outline:2px solid #2845fa;outline-offset:2px}
.qsmart-sc-status,.qsmart-sc-pause:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.qsmart-sc-pause:focus{position:absolute;left:15px;bottom:8px;z-index:4;background:#fff;color:#152f40;border:1px solid #2845fa;padding:8px;border-radius:4px}
@media(max-width:380px){:is(.qsmart-sc-carousel,.xoo-wsc-dr-sp) .xoo-wsc-sp-product{grid-template-columns:48px minmax(0,1fr);column-gap:10px;padding-inline:36px}:is(.qsmart-sc-carousel,.xoo-wsc-dr-sp) .xoo-wsc-sp-left-col,:is(.qsmart-sc-carousel,.xoo-wsc-dr-sp) .xoo-wsc-sp-left-col img{width:48px;height:48px}}

/* The desktop suggestions drawer is a sibling of the cart modal. */
.xoo-wsc-dr-sp .xoo-wsc-sp-product{padding:20px 16px}
:is(.qsmart-sc-carousel,.xoo-wsc-dr-sp) .qsmart-sc-price-value{text-align:center}
body :is(.qsmart-sc-carousel,.xoo-wsc-dr-sp) .xoo-wsc-sp-atc a.button{font-size:16px!important;min-height:44px;padding:11px 9px}
@media(max-width:380px){
 .xoo-wsc-modal .qsmart-sc-priced .xoo-wsc-img-col{width:48px;flex:0 0 48px;margin-right:10px}
 .xoo-wsc-modal .qsmart-sc-priced .xoo-wsc-sum-col{width:calc(100% - 58px);flex:1;min-width:0}
}