/* t15 product card. Every rule is scoped under .t15-card; Bootstrap 4.5.3
   classes are used as-is and never overridden. Site rules the card sits
   inside (.article p/li type, .date-tag pill, visited-link colour) are
   neutralised here, inside the card only. Brand colours defer to the site
   variables when defined. */
.t15-card{--t15-btn:var(--brand-button-primary,#006162);--t15-btn-hover:var(--brand-button-hover,#007575);--t15-ink:#2a2622;--t15-muted:#6b655e;--t15-media-bg:#f6f4f1;--t15-star:#e0a21a;--t15-check:#007c00;color:var(--t15-ink)}
.t15-card .t15-media-wrap{border-radius:14px;overflow:hidden}
.t15-card .t15-media{background:var(--t15-media-bg)}
.t15-card .t15-media>picture,.t15-card .t15-media>video{display:block;width:100%}
.t15-card .t15-media img,.t15-card .t15-media video{width:100%;height:auto;display:block}
.t15-card .t15-badge{top:12px;left:12px;z-index:1;font-size:12px;letter-spacing:.05em;text-transform:uppercase;padding:7px 11px}
.t15-card .t15-deal{background:var(--t15-btn);color:#fff;padding:12px 20px;text-decoration:none}
.t15-card .t15-deal:hover,.t15-card .t15-deal:focus{background:var(--t15-btn-hover);color:#fff;text-decoration:none}
.t15-card .t15-deal-eyebrow{font-size:11px;letter-spacing:.1em}
.t15-card .t15-deal .date-tag{background:none;color:inherit;padding:0;margin:0;border-radius:0}
.t15-card .t15-deal-arrow{font-size:22px;font-weight:700}
.t15-card .t15-stars{color:var(--t15-star);font-size:18px;letter-spacing:1px;vertical-align:-1px}
.t15-card .t15-stars+strong,.t15-card .t15-reviews{font-size:15px}
.t15-card .t15-reviews{color:var(--t15-muted)}
.t15-card .t15-headline{font-size:24px;line-height:1.2;font-weight:800;letter-spacing:-.015em}
.t15-card .t15-blurb,.t15-card .t15-blurb p,.t15-card .t15-blurb li{font-size:16px;line-height:1.55}
.t15-card .t15-blurb p{margin-bottom:.75rem}
.t15-card .t15-blurb>:last-child{margin-bottom:0}
.t15-card .t15-clamp{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.t15-card .t15-clamp p,.t15-card .t15-clamp ul,.t15-card .t15-clamp li{display:inline;margin:0}
.t15-card .t15-clamp p::after{content:" "}
.t15-card .t15-clamp img{display:none}
.t15-card .t15-love-title{font-size:16px;line-height:1.4}
.t15-card .t15-love ul{list-style:none;padding-left:0;margin:0}
/* Same SVG check and hanging indent as t11 (.list-highlights li:before), so mixed bold/plain bullets wrap as normal text */
.t15-card .t15-love li{display:block;text-indent:-28px;padding-left:28px;font-size:16px;font-weight:400;line-height:1.4;margin-bottom:8px}
.t15-card .t15-love li::before{content:"";display:inline-block;width:18px;height:18px;margin-right:10px;vertical-align:-3px;background-color:var(--t15-check);-webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="3.2" stroke-linecap="round" stroke-linejoin="round"><path d="M4.5 12.5 9.5 17.5 19.5 7"/></svg>') no-repeat center;mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="3.2" stroke-linecap="round" stroke-linejoin="round"><path d="M4.5 12.5 9.5 17.5 19.5 7"/></svg>') no-repeat center;-webkit-mask-size:contain;mask-size:contain}
.t15-card .t15-toggle{color:var(--t15-muted);font-weight:600;text-decoration:underline;display:inline-block;padding:4px 0}
.t15-card .t15-toggle:hover{color:var(--t15-ink)}
.t15-card .t15-cta{border-width:2px;font-weight:700;border-radius:12px}
.t15-card .t15-cta:visited:not(:hover):not(:focus){color:#343a40}
@media (max-width:767.98px){.t15-card .t15-media-wrap{border-radius:0;margin-left:-15px;margin-right:-15px}}
@media (min-width:768px){.t15-card .t15-headline{font-size:26px}}
@media (min-width:1200px){.t15-card .t15-headline{font-size:30px}.t15-card .t15-blurb,.t15-card .t15-blurb p,.t15-card .t15-blurb li{font-size:17px}.t15-card .t15-cta{max-width:320px}}

/* Card spacing and separation. Cards sit in <div class="t15-item">; the
   divider is drawn inside the card, inset 15px so it lines up with the
   column edges instead of the .row's negative margins. */
.t15-item>.t15-card{position:relative;padding-top:28px;padding-bottom:28px}
:not(.t15-item)+.t15-item>.t15-card{padding-top:0;margin-top:32px}
@media (min-width:768px){.t15-item>.t15-card{padding-top:44px;padding-bottom:44px}:not(.t15-item)+.t15-item>.t15-card{margin-top:48px}}
.t15-item+.t15-item>.t15-card::before{content:"";position:absolute;top:0;left:15px;right:15px;border-top:1px solid #e3ddd6}