/* t17 product card (t16 + badge floating over the hero). Every selector is scoped under .t17-item. Load after Bootstrap 4.5.3 and grommet-styles2. */
.t17-item{--t17-teal:var(--brand-button-primary,#006162);--t17-teal-hover:var(--brand-button-hover,#007575);--t17-ink:#1e1a16;--t17-body:#322d29;--t17-muted:#5a5450;--t17-bar-bg:#fbfaf8;--t17-bar-border:#eae7e4;--t17-love-bg:#f7f5f2;--t17-rule:#e0deda;--t17-star:#e69825;--t17-star-empty:#d8d4cd;--t17-check:#007c00;--t17-deal:#c50516;--t17-gap:#f3f2ef;--t17-head-font:'Poppins',sans-serif;margin-bottom:48px}
:not(.t17-item)+.t17-item{margin-top:60px}
.t17-item .t17-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.06),0 8px 28px rgba(0,0,0,.08);color:var(--t17-ink)}
/* Hero: {{media_content}} exactly as t11 renders it (images/videos/side-by-side at their own ratios) */
.t17-item .t17-hero{position:relative;line-height:0}
/* Info bar (name + rating; the badge floats over the hero) */
.t17-item .t17-info{gap:6px 12px;background:var(--t17-bar-bg);border-bottom:1px solid var(--t17-bar-border);padding:9px 24px}
.t17-item .t17-name{font-family:inherit;font-size:15px;font-weight:700;line-height:1.3;letter-spacing:0;color:var(--t17-teal)}
.t17-item .t17-badge{position:absolute;top:16px;left:16px;z-index:2;pointer-events:none;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:8px 14px 8px 12px;line-height:1;background:var(--t17-ink);color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.22);border: 1px solid rgba(255,255,255,0.5)}
.t17-item .t17-badge-icon{display:none;width:14px;height:14px;background:currentColor;-webkit-mask:var(--t17-icon) center/contain no-repeat;mask:var(--t17-icon) center/contain no-repeat}
.t17-item .t17-badge--editors-choice{background:#006162;--t17-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E")}
.t17-item .t17-badge--best-seller{background:#e56900;--t17-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M19.48 12.35c-1.57-4.08-7.16-4.3-5.81-10.23.1-.44-.37-.78-.75-.55C9.29 3.71 6.68 8 8.87 13.62c.18.46-.36.89-.75.59-1.81-1.37-2-3.34-1.84-4.75.06-.52-.62-.77-.91-.34C4.69 10.16 4 11.84 4 14.37c.38 5.6 5.11 7.32 6.81 7.54 2.43.31 5.06-.14 6.95-1.87 2.08-1.93 2.84-5.01 1.72-7.69ZM10.2 17.39c1.44-.35 2.18-1.39 2.38-2.31.33-1.43-.96-2.83-.09-5.09.33 1.87 3.27 3.04 3.27 5.08.08 2.53-2.66 4.69-5.56 2.32Z'/%3E%3C/svg%3E")}
.t17-item .t17-badge--top-rated{background:#ac312a;--t17-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 17.3 18.2 21l-1.6-7L22 9.2l-7.2-.6L12 2 9.2 8.6 2 9.2 7.5 14l-1.7 7z'/%3E%3C/svg%3E")}
.t17-item .t17-badge--editors-choice .t17-badge-icon,.t17-item .t17-badge--best-seller .t17-badge-icon,.t17-item .t17-badge--top-rated .t17-badge-icon{display:inline-block}
.t17-item .t17-rating{gap:6px;font-size:14px}
.t17-item .t17-stars{position:relative;display:inline-block;line-height:1;letter-spacing:1px;font-size:15px;color:var(--t17-star-empty)}
.t17-item .t17-stars-fill{position:absolute;left:0;top:0;width:var(--t17-fill,0%);overflow:hidden;white-space:nowrap;color:var(--t17-star)}
.t17-item .t17-reviews{color:var(--t17-muted)}
/* Body (site .article p/li sizes and margins are reset here) */
.t17-item .t17-body{padding:24px 24px 8px}
.t17-item .t17-headline{font-family:var(--t17-head-font);font-size:32px;line-height:1.18;font-weight:700;letter-spacing:-.02em;margin:0 0 18px;color:var(--t17-ink)}
.t17-item .t17-desc,.t17-item .t17-desc p,.t17-item .t17-desc li{font-size:16px;line-height:1.65;color:var(--t17-body)}
.t17-item .t17-desc p{margin:0 0 14px}
.t17-item .t17-desc img{max-width:100%;height:auto}
.t17-item .t17-love{background:var(--t17-love-bg);border-radius:14px;padding:24px}
.t17-item .t17-love-title{font-family:var(--t17-head-font);font-size:18px;font-weight:700;margin:0 0 14px;color:var(--t17-ink)}
.t17-item .t17-love ul{list-style:none;margin:0;padding:0}
/* Same SVG check as t11/t15, hanging indent so wrapped lines align with the text */
.t17-item .t17-love li{display:block;text-indent:-28px;padding-left:28px;margin:0 0 14px;font-size:1rem;font-weight:400;line-height:1.5rem}
.t17-item .t17-love li:last-child{margin-bottom:0}
.t17-item .t17-love li::before{content:"";display:inline-block;width:18px;height:18px;margin-right:10px;vertical-align:-4px;background-color:var(--t17-check);-webkit-mask:url('data:image/svg+xml;utf8,') no-repeat center/contain;mask:url('data:image/svg+xml;utf8,') no-repeat center/contain}
/* Action bar */
.t17-item .t17-action{margin-top:16px;border-top:1px solid var(--t17-rule);padding:14px 24px}
.t17-item .t17-eyebrow{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--t17-muted)}
.t17-item .t17-deal,.t17-item .t17-deal:visited{display:inline-block;font-family:var(--t17-head-font);font-size:17px;font-weight:700;line-height:1.2;color:var(--t17-deal);text-decoration:none}
.t17-item .t17-deal:hover,.t17-item .t17-deal:focus{color:var(--t17-deal);text-decoration:underline}
.t17-item .t17-cta,.t17-item .t17-cta:visited{display:flex;align-items:center;justify-content:center;height:46px;border-radius:999px;background:var(--t17-teal);border:0;color:#fff;font-size:16px;font-weight:700}
.t17-item .t17-cta:hover,.t17-item .t17-cta:focus{background:var(--t17-teal-hover);color:#fff}
/* Mobile: full-bleed cards separated by a 10px band */
@media (max-width:767.98px){
.t17-item{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);margin-bottom:24px}
:not(.t17-item)+.t17-item{margin-top:48px}
.t17-item+.t17-item{border-top:6px solid var(--brand-primary)}
.t17-item .t17-card{border-radius:0;box-shadow:none}
.t17-item .t17-action{padding:14px 24px 18px}
.t17-item .t17-headline{font-size:28px}
.t17-item .t17-badge{top:12px;left:12px;font-size:12px;padding:7px 12px 7px 10px}
}