/* DealCheckd 1.4.4 */
/* Deal images live in their own framed tile: never taller than the tile, never over the text. White product shots
   (e.g. Huggies) sit on a light-gray tile; mix-blend-mode turns their white background into the tile color. */
.card.t2:not(.tcard) .ph{position:relative;display:block;height:auto;aspect-ratio:4/3;margin:10px 10px 0;padding:0;background:#F1F3F5;border:1px solid #E3E7EB;border-radius:10px;overflow:hidden;isolation:isolate}
.card.t2:not(.tcard) .ph img{position:absolute;top:32px;right:10px;bottom:10px;left:10px;width:calc(100% - 20px);height:calc(100% - 42px);max-width:none;padding:0;object-fit:contain;object-position:center;mix-blend-mode:multiply}
.card.t2:not(.tcard) .ph .noimg{position:absolute;inset:0;display:grid;place-items:center;height:auto}
.card.t2:not(.tcard) .bdg{position:absolute;top:6px;left:6px;right:6px;z-index:1}
.card.t2:not(.tcard).promo .ph img{inset:0;width:100%;height:100%;object-fit:cover;mix-blend-mode:normal}
.card.t2:not(.tcard) .cb{position:relative;z-index:1;background:#fff}
.expired .ph img{mix-blend-mode:multiply}
/* deal page hero image: same framed tile */
.hero .img,.hero2 .img{position:relative;background:#F1F3F5;border:1px solid #E3E7EB;border-radius:12px;overflow:hidden;isolation:isolate}
.hero .img img,.hero2 .img img{position:absolute;inset:16px;width:calc(100% - 32px);height:calc(100% - 32px);max-width:none;max-height:none;object-fit:contain;mix-blend-mode:multiply}
@media(max-width:640px){.card.t2:not(.tcard) .ph{margin:8px 8px 0;aspect-ratio:1/1}.card.t2:not(.tcard) .ph img{top:30px;right:8px;bottom:8px;left:8px;width:calc(100% - 16px);height:calc(100% - 38px)}.card.t2:not(.tcard) .bdg .b2{font-size:11px;padding:3px 7px}}
/* Staples price check (Household / Baby & Kids) */
.stp{margin:4px 0 26px}
.stp header h2{font-family:Fraunces,serif;font-size:24px;margin:0 0 4px}
.stp header p{margin:0 0 12px;color:var(--ink2);font-size:14px;line-height:1.5;max-width:75ch}
.stp-t{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.stp-hd,.stp-r{display:grid;grid-template-columns:minmax(130px,.9fr) 1fr 1fr 1.1fr;gap:14px;padding:11px 14px;align-items:start}
.stp-hd{background:#F8FAFC;border-bottom:1px solid var(--line);font-size:12px;font-weight:800;color:var(--mute);text-transform:uppercase;letter-spacing:.04em}
.stp-r{border-bottom:1px solid var(--line)}.stp-r:last-child{border-bottom:0}.stp-r:nth-child(odd){background:#FCFCFD}
.stp-n b{display:block;font-size:15px;color:var(--ink)}.stp-n span{font-size:12px;color:var(--mute)}
.stp-c{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:13px}
.stp-i{font-weight:700;color:var(--ink);line-height:1.3;overflow-wrap:anywhere}.stp-i:hover{text-decoration:underline}
.stp-u{font-size:16px;font-weight:800;color:var(--em)}
.stp-adj{font-size:12px;color:var(--ink2)}
.stp-m{font-size:12px;color:var(--mute)}
.stp-why{font-size:12px;color:#5B4B8A}
.stp-same{font-size:11px;font-weight:800;color:var(--em);text-transform:uppercase;letter-spacing:.04em}
.stp-chk{display:inline-block;width:fit-content;font-size:12px;font-weight:800;color:#92400E;background:#FEF3C7;border-radius:6px;padding:2px 8px}
.stp-none{display:inline-block;width:fit-content;font-size:12px;font-weight:800;color:#475569;background:#E2E8F0;border-radius:6px;padding:2px 8px}
.stp-dl .b2{width:fit-content;margin-bottom:2px}
.stp-f,.stp-e{font-size:12px;color:var(--mute);margin:8px 2px 0}
.stp-dh{margin-top:8px}
@media(max-width:760px){
.stp-hd{display:none}
.stp-r{grid-template-columns:1fr;gap:8px;padding:12px}
.stp-n{border-bottom:1px dashed var(--line);padding-bottom:6px}
.stp-c{display:grid;grid-template-columns:92px minmax(0,1fr);column-gap:10px;row-gap:1px}
.stp-c::before{content:attr(data-l);grid-row:1/span 6;font-size:11px;font-weight:800;color:var(--mute);text-transform:uppercase;letter-spacing:.03em;padding-top:2px}
.stp-c>*{grid-column:2}
.stp header h2{font-size:21px}
}
/* 1.4.5: staple thumbnails + store tag */
.stp-th{width:48px;height:48px;object-fit:contain;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;padding:3px;float:left;margin:0 8px 4px 0}
.stp-st{display:inline-block;font-size:.72em;font-weight:600;background:#eef2ff;color:#3730a3;border-radius:4px;padding:0 5px;margin-left:4px;vertical-align:middle}
.stp-c::after{content:"";display:block;clear:both}