.ypa-upsells{ margin:20px 0 16px !important; }
.ypa-upsells-head{ display:block !important; margin-bottom:12px !important; }
.ypa-upsells-title{ font-size:17px !important; font-weight:850 !important; color:#141518 !important; letter-spacing:-.2px !important; }
.ypa-upsells-title::after{
	content:"A little something to make it a gift.";
	display:block; margin-top:3px;
	font-size:12.5px; font-weight:600; color:#8a8880; letter-spacing:0;
}
/* Swiper shell injected by JS */
.ymup-swiper{ position:relative; overflow:hidden; padding:4px 2px 2px; }
.ymup-swiper .ypa-upsells-list{
	display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important;
	gap:0 !important; margin:0 !important; padding:0 !important; align-items:stretch !important;
	overflow:visible !important;
}
/* each card = fixed-width vertical mini-card (thumb / name / price / add).
   Fixed width + slidesPerView:'auto' makes the carousel size to its CONTAINER
   (the narrow buy-box column) rather than the window, so dots + swipe appear. */
.ymup-swiper .ypa-up-card{
	display:flex !important; flex-direction:column !important; align-items:stretch !important;
	width:150px !important; height:auto !important; gap:7px !important; padding:11px 11px 13px !important;
	background:#fff !important; border:1px solid #ece9e1 !important; border-radius:18px !important;
	box-shadow:0 10px 26px rgba(20,22,26,.06) !important;
	grid-template-columns:none !important; text-align:center !important;
}
@media (max-width:600px){ .ymup-swiper .ypa-up-card{ width:134px !important; } }
.ymup-swiper .ypa-up-card:hover{ border-color:#e4d9bd !important; box-shadow:0 14px 32px rgba(20,22,26,.10) !important; transform:translateY(-2px) !important; }
.ymup-swiper .ypa-up-thumb{
	width:100% !important; height:100px !important; margin:0 !important; border-radius:12px !important;
	background:#f6f4ef !important; flex:0 0 auto !important;
}
.ymup-swiper .ypa-up-thumb img{ width:100% !important; height:100% !important; object-fit:contain !important; padding:8px !important; }
.ymup-swiper .ypa-up-body{ text-align:center !important; min-width:0 !important; display:flex !important; flex-direction:column !important; align-items:center !important; gap:4px !important; flex:1 1 auto !important; }
.ymup-swiper .ypa-up-head{ flex-direction:column !important; align-items:center !important; gap:2px !important; }
.ymup-swiper .ypa-up-name{
	font-size:13px !important; font-weight:750 !important; line-height:1.3 !important; color:#141518 !important;
	display:-webkit-box !important; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal !important;
	overflow:hidden !important; text-overflow:ellipsis !important;
}
.ymup-swiper .ypa-up-price{ justify-content:center !important; font-size:13.5px !important; font-weight:850 !important; color:#141518 !important; }
.ymup-swiper .ypa-up-price del{ color:#b7b3a8 !important; font-weight:500 !important; font-size:12px !important; }
.ymup-swiper .ypa-up-price ins{ color:#141518 !important; }
.ymup-swiper .ypa-up-desc{ display:none !important; }
.ymup-swiper .ypa-up-custom-hint{ margin-top:2px !important; }
.ymup-swiper .ypa-up-add{
	position:static !important; width:42px !important; height:42px !important; min-height:0 !important;
	border-radius:50% !important; align-self:center !important; margin:2px auto 0 !important; flex:0 0 auto !important;
}
/* pagination dots — brand gold active pill (IL look) */
.ymup-swiper .swiper-pagination{ position:static !important; margin-top:14px !important; display:flex; justify-content:center; gap:6px; }
.ymup-swiper .swiper-pagination-bullet{ width:7px; height:7px; background:#d9d4c6; opacity:1; transition:width .2s,background .2s; }
.ymup-swiper .swiper-pagination-bullet-active{ width:22px; border-radius:5px; background:#F7BE30; }
/* nav arrows */
.ymup-nav{ position:absolute; top:calc(50% - 24px); z-index:6; width:38px; height:38px; border-radius:50%;
	border:1px solid #e6ded0; background:#fff; color:#141518; display:none; align-items:center; justify-content:center;
	cursor:pointer; box-shadow:0 6px 16px rgba(20,22,26,.12); transition:background .15s,transform .12s; }
.ymup-nav:hover{ background:#f6f4ef; transform:scale(1.05); }
.ymup-nav.swiper-button-disabled{ opacity:0; pointer-events:none; }
.ymup-nav svg{ width:18px; height:18px; }
.ymup-prev{ left:-4px; } .ymup-next{ right:-4px; }
@media (min-width:781px){ .ymup-swiper:hover .ymup-nav{ display:inline-flex; } }