#rentalShowcase .yr-offer{cursor:pointer;min-width:0}
#rentalShowcase .yr-offer:focus-visible{outline:3px solid var(--p);outline-offset:3px}
#rentalShowcase .yr-offer .rental-price{display:flex;flex-direction:column;align-items:stretch;gap:14px}
#rentalShowcase .yr-offer .rental-benefit{width:100%;min-width:0}
#rentalShowcase .yr-offer .rental-benefit>small{display:block;font-size:11px;color:#777080;margin-top:5px;line-height:1.5}
#rentalShowcase .yr-cost{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;font-size:12px;border-top:1px solid #ece8f4;padding-top:12px}
#rentalShowcase .yr-cost b{font-size:17px;white-space:nowrap}
#rentalShowcase .yr-cost strong{font-size:23px;color:var(--p);white-space:nowrap}
#rentalShowcase .yr-cost strong small{font-size:11px;font-weight:500}
#rentalShowcase .yr-card-name{color:var(--p);font-weight:700;margin-top:7px;overflow-wrap:anywhere}
#rentalShowcase .yr-offer .rental-meta{line-height:1.7;word-break:keep-all;overflow-wrap:anywhere}
#rentalShowcase .yr-text-benefit,#selected .yr-text-benefit{font-size:22px!important}
.yr-selected .yr-conditions{margin:12px 0;font-size:12px;line-height:1.65;word-break:keep-all;overflow-wrap:anywhere}
.yr-selected .yr-card-result{display:flex;flex-direction:column;padding:12px;background:#fff;border-radius:12px;gap:4px}
.yr-selected .yr-card-result strong{font-size:23px;color:var(--p)}
.yr-selected .yr-conditions details{margin-top:9px}
.yr-selected .yr-conditions summary{cursor:pointer;font-weight:750;color:var(--p);padding:8px 0}
.yr-selected .yr-conditions p{margin:8px 0;font-size:12px;color:#625b70}
.yr-selected .rental-benefit>small{font-size:11px;display:block;font-weight:500;line-height:1.5}
.yr-selected .rental-benefit em{font-style:normal}
body:has(#modal.open .yr-selected){overflow:hidden}
body:has(#modal.open .yr-selected) .sticky-mobile{visibility:hidden}
#modal.open:has(.yr-selected){z-index:10000;overflow:hidden;align-items:center;padding:12px}
#modal.open:has(.yr-selected) .modal-box{max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain;border-radius:20px}
#modal.open:has(.yr-selected) .modal-head{position:sticky;top:-20px;background:#fff;z-index:2;padding:14px 0;margin-top:-14px}
#modal.open:has(.yr-selected) .modal-head h3{font-size:16px;line-height:1.4;word-break:keep-all}
#rentalShowcase .yr-pending,.yr-selected .yr-pending{font-size:16px;font-weight:700;color:#686078;line-height:1.5}
@media(max-width:430px){#rentalShowcase .yr-cost{font-size:11px;gap:7px}#rentalShowcase .yr-cost strong{font-size:21px}.yr-selected .modal-metrics{grid-template-columns:1fr!important}.yr-selected .modal-metrics strong{font-size:25px!important}}

/* One shared row per content area keeps neighboring cards aligned. */
#rentalShowcase :is(.rental-grid,.rental-top3){display:grid;gap:14px;align-items:stretch;grid-auto-flow:row}
#rentalShowcase .yr-offer{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;grid-row:span 7;gap:10px;padding:14px;box-sizing:border-box;overflow:hidden;height:auto}
#rentalShowcase .yr-offer :is(.rental-card-body,.rental-price){display:contents}
#rentalShowcase .yr-offer :is(.rental-imgbox,.rental-brand,h4,.rental-features,.rental-benefit,.yr-cost,.rental-meta){order:initial;min-width:0;margin:0;box-sizing:border-box}
#rentalShowcase .yr-offer .rank-label{position:absolute;left:20px;top:20px;z-index:2;align-self:auto;order:initial}
#rentalShowcase .yr-offer .rental-imgbox{grid-row:1;height:180px;min-height:180px;width:100%;padding:10px}
#rentalShowcase .yr-offer .rental-imgbox img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
#rentalShowcase .yr-offer .rental-brand{grid-row:2;line-height:1.5;overflow-wrap:anywhere}
#rentalShowcase .yr-offer h4{grid-row:3;min-height:0;line-height:1.45;word-break:keep-all;overflow-wrap:anywhere}
#rentalShowcase .yr-offer .rental-features{grid-row:4;align-content:start;align-items:start;gap:5px}
#rentalShowcase .yr-offer .rental-benefit{grid-row:5;display:grid;align-content:start;gap:4px;padding:12px;min-height:98px}
#rentalShowcase .yr-offer .yr-cost{grid-row:6;grid-template-rows:24px 30px;align-content:start;column-gap:8px;row-gap:8px;padding-top:12px;font-variant-numeric:tabular-nums}
#rentalShowcase .yr-offer .yr-cost :is(b,strong){text-align:right;line-height:1.3}
#rentalShowcase .yr-offer .rental-meta{grid-row:7;padding-top:12px;line-height:1.7}
@media(min-width:881px){#rentalShowcase .rental-grid{grid-template-columns:repeat(4,minmax(0,1fr))}#rentalShowcase .rental-top3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:561px) and (max-width:880px){#rentalShowcase .rental-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#rentalShowcase .rental-grid{grid-template-columns:minmax(0,1fr)}#rentalShowcase .rental-top3{grid-template-columns:none;grid-template-rows:repeat(7,auto);grid-auto-flow:column;grid-auto-columns:86%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}#rentalShowcase .rental-top3 .yr-offer{scroll-snap-align:start}#rentalShowcase .yr-offer{padding:16px}#rentalShowcase .yr-offer .yr-cost{font-size:12px}#rentalShowcase .yr-offer h4{font-size:17px}#rentalShowcase .yr-offer .rental-benefit strong{font-size:24px!important}#rentalShowcase .yr-offer .rental-benefit strong em{font-size:28px!important}}

#rentalShowcase .yr-offer .ml-rental-consult{display:none!important}