:root{
--svt-page:#F2EEE6;
--svt-card:#FFFFFF;
--svt-cta:#DE7C12;
--svt-cta-text:#3A1F03;
--svt-brass:#C8842B;
--svt-track:#E5E1D8;
--svt-hairline:#E5E1D8;
--svt-ink:#26231E;
--svt-body:#33302B;
--svt-slate:#79746A;
--svt-paper:#FAF8F4;
--svt-click:#4974c4;
--svt-ink-85:color-mix(in srgb,var(--svt-ink) 85%,transparent);
--svt-brass-deep:color-mix(in srgb,var(--svt-brass) 78%,var(--svt-ink));
--svt-cta-deep:#B56815;
--svt-cta-deep:color-mix(in srgb,var(--svt-cta) 78%,var(--svt-ink));
--svt-click-deep:color-mix(in srgb,var(--svt-click) 78%,var(--svt-ink));
--svt-pro:#5F7D5A;
--svt-con:#A35D55;
--svt-added:#3B6633;
--svt-added-bg:#EDF2E9;
--svt-added-border:#4A7C40;
/* Soft remainder green (rings + bars) — reads as track, not fill. */
/* block 54 — keep in step with the :root in style.css. */
--svt-remainder-green:color-mix(in srgb,var(--svt-added) 40%,var(--svt-track));
--svt-compare-hover-bg:color-mix(in srgb,var(--svt-added-bg) 55%,var(--svt-card));
--svt-compare-tray-w:230px;
--svt-card-stack-gap:8px;
--svt-archive-head-gap:8px;
}
/*
* Summary right column flow (document flow, no absolute footers):
* title → SVT scores → price | Compare | Buy Now → meta (natural stack under CTA).
*/
/* Product H1: brand on line 1, rest wraps 1-2 lines, 3 lines max, left aligned */
.single-product .summary .product_title.entry-title,
.single-product .summary h1.product_title{
text-align:left!important;
width:100%!important;
float:none!important;
line-height:1.25!important;
max-height:calc(1.25em * 3 + 8px)!important;
overflow:hidden!important;
}
.single-product .summary h1.product_title .svt-prod-brand{
display:block!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
text-align:left!important;
color:inherit!important;
text-decoration:none!important;
font-weight:700!important;
margin-bottom:8px!important;
}
.single-product .summary h1.product_title .svt-prod-rest{
display:block!important;
text-align:left!important;
white-space:normal!important;
overflow:hidden!important;
max-height:calc(1.25em * 2)!important;
font-weight:400!important;
font-size:0.85em!important;
}
/* Gallery: slightly smaller than column to cut empty whitespace (keep usable). */
.single-product .woo-image-part .woocommerce-product-gallery,
.single-product .woo-image-part .images,
.single-product div.product div.images,
.single-product .woocommerce-product-gallery{
max-width:90%!important;
width:90%!important;
margin-left:auto!important;
margin-right:auto!important;
box-sizing:border-box!important;
background:transparent;
border:none;
border-radius:0;
}
.single-product .woo-image-part .woocommerce-product-gallery figure,
.single-product .woo-image-part .woocommerce-product-gallery__image,
.single-product .woocommerce-product-gallery figure.woocommerce-product-gallery__wrapper,
.single-product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper{
max-width:100%!important;
}
.single-product .woo-image-part .wp-post-image,
.single-product .woocommerce-product-gallery .wp-post-image,
.single-product div.product div.images img{
max-width:100%!important;
width:auto!important;
height:auto!important;
max-height:min(68vh,520px)!important;
object-fit:contain!important;
margin-left:auto!important;
margin-right:auto!important;
display:block!important;
}
.single-product .summary{
display:flex!important;
flex-direction:column!important;
flex-wrap:nowrap!important;
align-items:stretch!important;
margin-bottom:0!important;
padding-bottom:0!important;
position:relative!important;
}
.single-product .summary > *{
flex:0 0 auto!important;
max-width:100%!important;
width:100%!important;
box-sizing:border-box!important;
position:static!important;
float:none!important;
}
.single-product .summary > .wp-block-group:empty{
display:none!important;
margin:0!important;
padding:0!important;
min-height:0!important;
flex:0 0 0!important;
width:0!important;
}
/* 1. Hide short description in summary */
.single-product .summary .woocommerce-product-details__short-description,
.single-product .summary .re_wooinner_info .woocommerce-product-details__short-description,
.single-product .summary .rh_short_description{
display:none!important;
margin:0!important;
padding:0!important;
height:0!important;
overflow:hidden!important;
border:0!important;
}
.single-product .summary .re_wooinner_info{
margin:0!important;
padding:0!important;
min-height:0!important;
}
/* 3. Hide share icons under meta */
.single-product .summary .post_share,
.single-product .summary .social_share,
.single-product .summary .row_social_inpost,
.single-product .summary .top_share,
.single-product div.product .summary .share-link-image{
display:none!important;
margin:0!important;
padding:0!important;
height:0!important;
overflow:hidden!important;
border:0!important;
}
/* 4. Meta: SKU / Category / Brand — natural stack under price/CTA (not pinned to gallery).
* Spacing on .mb20 (or bare .product_meta); inner meta margin:0 so boxes don’t double-stack.
*/
.single-product .summary > .mb20:has(.product_meta),
.single-product .summary > .product_meta{
flex:0 0 auto!important;
width:100%!important;
max-width:100%!important;
margin:14px 0 16px!important;
padding:0!important;
min-width:0!important;
}
.single-product .summary > p.svt-disclosure + .mb20:has(.product_meta),
.single-product .summary > p.svt-disclosure + .product_meta{
margin-top:0!important;
}
.single-product .summary .product_meta{
flex:0 0 auto!important;
width:100%!important;
max-width:100%!important;
margin:0!important;
padding:0!important;
min-width:0!important;
display:flex!important;
flex-wrap:wrap!important;
align-items:center!important;
gap:4px 14px!important;
line-height:1.4!important;
font-size:13px!important;
color:var(--svt-slate-ink)!important; /*b55 was --svt-slate, 4.01*/
}
/* Mobile: natural stack — small gap under Compare/Buy; minimal under meta before USABILITY */
@media (max-width:767px){
body.single-product .summary.entry-summary > .mb20:has(.product_meta),
body.single-product .summary > .mb20:has(.product_meta),
body.single-product .summary > .product_meta{
margin-top:12px!important;
margin-bottom:8px!important;
}
body.single-product .summary.entry-summary > p.svt-disclosure + .mb20:has(.product_meta),
body.single-product .summary > p.svt-disclosure + .mb20:has(.product_meta),
body.single-product .summary > p.svt-disclosure + .product_meta{
margin-top:0!important;
}
body.single-product .summary .product_meta{
margin:0!important;
}
}
.single-product .summary .product_meta > span{
margin:0!important;
padding:0!important;
display:inline-flex!important;
flex-wrap:wrap!important;
align-items:center!important;
gap:0 4px!important;
float:none!important;
white-space:normal!important;
}
/* Labels (SKU: / Category: / Brand:) inherit meta color; linked values are click */
.single-product .product_meta .posted_in a,
.single-product .product_meta .tagged_as a,
.single-product .product_meta a[rel="tag"],
.single-product .summary .product_meta a{
font-weight:700!important;
color:var(--svt-click-ink)!important; /*b55 was --svt-click, 3.96*/
text-decoration:underline!important;
text-underline-offset:2px!important;
text-decoration-thickness:1px!important;
}
.single-product .product_meta .posted_in a:hover,
.single-product .product_meta .tagged_as a:hover,
.single-product .product_meta a[rel="tag"]:hover,
.single-product .summary .product_meta a:hover{
color:var(--svt-click-deep)!important;
text-decoration:underline!important;
}
.svt-product-stack{margin:0 0 12px!important;padding-top:0!important}
.svt-product-stack .wc-tabs,
.svt-product-stack ul.tabs{display:none!important}
.svt-product-stack > .svt-stack-section:first-child,
.svt-product-stack > .woocommerce-Tabs-panel:first-of-type{
margin-top:0!important;
padding-top:0!important;
}
.svt-product-stack > .svt-stack-section:first-child > .svt-stack-head,
.svt-product-stack > .woocommerce-Tabs-panel:first-of-type > .svt-stack-head{
margin-top:0!important;
margin-bottom:10px!important;
}
/*
* 2. Full-width CTA row: price left | gap | Compare + Buy (equal split, flush right).
* Gap after price 22 desktop / 16 mobile; actions flex:1 equal-split;
* Desktop max-width 56%; mobile max-width 80% + margin-left:auto (air after price).
*/
.single-product .summary .re_wooinner_cta_wrapper,
.single-product .summary .priced_block{
display:flex!important;
flex-direction:row!important;
flex-wrap:nowrap!important;
align-items:center!important;
justify-content:flex-start!important;
gap:22px!important;
margin:10px 0 0!important;
padding:0!important;
clear:both!important;
float:none!important;
width:100%!important;
max-width:100%!important;
box-sizing:border-box!important;
}
.single-product .summary .re_wooinner_cta_wrapper > .wp-block-group:empty{display:none!important}
.single-product .summary .woo-price-area,
.single-product .summary .rh_price_wrapper,
.single-product .summary .re_wooinner_cta_wrapper > p.price,
.single-product .summary .priced_block .rh_price_wrapper{
flex:0 0 auto!important;
width:auto!important;
max-width:none!important;
margin:0!important;
padding:0!important;
text-align:left!important;
float:none!important;
min-width:0!important;
height:36px!important;
min-height:36px!important;
max-height:36px!important;
align-self:center!important;
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
box-sizing:border-box!important;
}
body.single-product.svt-short-price .summary .woo-price-area,
body.single-product.svt-short-price .summary .rh_price_wrapper,
body.single-product.svt-short-price .summary .re_wooinner_cta_wrapper > p.price,
body.single-product.svt-short-price .summary .priced_block .rh_price_wrapper{
padding-left:10px!important;
}
/* Summary price only — large & bold; does not touch card/grid prices */
.single-product .summary p.price,
.single-product .summary .price,
.single-product .summary .woo-price-area .price,
.single-product .summary .rh_price_wrapper .price{
margin:0!important;
padding:0!important;
text-align:left!important;
line-height:1.1!important;
float:none!important;
font-weight:700!important;
font-size:28px!important;
}
.single-product .summary p.price .amount,
.single-product .summary p.price .woocommerce-Price-amount,
.single-product .summary .price .amount,
.single-product .summary .price .woocommerce-Price-amount,
.single-product .summary .price bdi,
.single-product .summary .woo-price-area .amount,
.single-product .summary .woo-price-area .price bdi,
.single-product .summary .rh_price_wrapper .amount,
.single-product .summary .rh_price_wrapper .price bdi{
font-weight:700!important;
font-size:inherit!important;
line-height:inherit!important;
}
/*
* Compare + Buy Now: flex:1 shares leftover width after price (equal split).
* Direct siblings: flex 1 1 0% + width 0 + min-width 0 (never content-sized).
* Desktop + mobile (capped): margin-left:auto pins pair right; max-width shrinks both evenly.
* Gap 12 between buttons; both cells height 36.
*/
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-cta-actions,
body.single-product .summary .priced_block .svt-single-cta-actions,
.single-product .summary .svt-single-cta-actions{
display:flex!important;
flex-direction:row!important;
flex-wrap:nowrap!important;
align-items:stretch!important;
justify-content:flex-start!important;
gap:12px!important;
flex:1 1 auto!important;
width:auto!important;
max-width:none!important;
min-width:0!important;
margin:0!important;
padding:0!important;
box-sizing:border-box!important;
}
/* Desktop: pin actions right; cap width so both buttons shrink equally */
@media(min-width:768px){
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-cta-actions,
body.single-product .summary .priced_block .svt-single-cta-actions,
.single-product .summary .svt-single-cta-actions{
margin:0 0 0 auto!important;
justify-content:flex-end!important;
max-width:56%!important;
}
}
/* Equal outer cells — half of actions; label/icon cannot grow either sibling */
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-cta-actions > *,
body.single-product .summary .priced_block .svt-single-cta-actions > *,
.single-product .summary .svt-single-cta-actions > *{
flex:1 1 0%!important;
flex-grow:1!important;
flex-shrink:1!important;
flex-basis:0%!important;
min-width:0!important;
width:0!important;
max-width:none!important;
box-sizing:border-box!important;
}
/*
* Compare shell + Buy shell: identical flex formula.
* Compare may be bare OR wrapped in .svt-single-compare-shell (preferred).
* Never width:100% on these flex siblings — that breaks equal basis.
*/
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-cta-actions > .svt-single-compare-shell,
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-cta-actions > .wpsm-button-new-compare,
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-cta-actions > .svt-single-compare,
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-cta-actions > .woo-button-area,
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-cta-actions > .rh_button_wrapper,
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-cta-actions > form.cart,
body.single-product .summary .priced_block .svt-single-cta-actions > .svt-single-compare-shell,
body.single-product .summary .priced_block .svt-single-cta-actions > .wpsm-button-new-compare,
body.single-product .summary .priced_block .svt-single-cta-actions > .svt-single-compare,
body.single-product .summary .priced_block .svt-single-cta-actions > .woo-button-area,
body.single-product .summary .priced_block .svt-single-cta-actions > .rh_button_wrapper,
body.single-product .summary .priced_block .svt-single-cta-actions > form.cart,
.single-product .summary .svt-single-cta-actions > .svt-single-compare-shell,
.single-product .summary .svt-single-cta-actions > .wpsm-button-new-compare,
.single-product .summary .svt-single-cta-actions > .svt-single-compare,
.single-product .summary .svt-single-cta-actions > .woo-button-area,
.single-product .summary .svt-single-cta-actions > .rh_button_wrapper,
.single-product .summary .svt-single-cta-actions > form.cart{
flex:1 1 0%!important;
flex-grow:1!important;
flex-shrink:1!important;
flex-basis:0%!important;
min-width:0!important;
width:0!important;
max-width:none!important;
margin:0!important;
padding:0!important;
float:none!important;
box-sizing:border-box!important;
}
/* Shells are block stretch containers; visible chips fill 100% inside; height 36 */
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-cta-actions > .svt-single-compare-shell,
body.single-product .summary .priced_block .svt-single-cta-actions > .svt-single-compare-shell,
.single-product .summary .svt-single-cta-actions > .svt-single-compare-shell,
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-cta-actions > .woo-button-area,
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-cta-actions > .rh_button_wrapper,
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-cta-actions > form.cart,
body.single-product .summary .priced_block .svt-single-cta-actions > .woo-button-area,
body.single-product .summary .priced_block .svt-single-cta-actions > .rh_button_wrapper,
body.single-product .summary .priced_block .svt-single-cta-actions > form.cart,
.single-product .summary .svt-single-cta-actions > .woo-button-area,
.single-product .summary .svt-single-cta-actions > .rh_button_wrapper,
.single-product .summary .svt-single-cta-actions > form.cart{
display:block!important;
align-self:stretch!important;
height:36px!important;
min-height:36px!important;
max-height:36px!important;
line-height:1!important;
box-sizing:border-box!important;
overflow:hidden!important;
}
/* Ungrouped (pre-JS): no margin-left:auto void — equal flex on both controls */
.single-product .summary .re_wooinner_cta_wrapper > .wpsm-button-new-compare,
.single-product .summary .priced_block > .wpsm-button-new-compare{
margin-left:0!important;
}
/*
* Compare chip — outer size = equal Buy cell; height always 36px.
* Center +COMPARE / ✓ADDED as one flex group (do not touch Buy Now selectors).
* When wrapped in .svt-single-compare-shell, flex half lives on the shell;
* chip itself fills width:100% (override below). Bare direct-child still uses width:0.
*/
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-compare,
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-cta-actions > .wpsm-button-new-compare,
body.single-product .summary .priced_block .svt-single-compare,
body.single-product .summary .priced_block .svt-single-cta-actions > .wpsm-button-new-compare,
.single-product .summary .svt-single-compare.wpsm-button.wpsm-button-new-compare,
.single-product .summary .svt-single-compare.wpsm-button.svt-footer-compare,
.single-product .summary .wpsm-button-new-compare.svt-footer-compare,
.single-product .summary .re_wooinner_cta_wrapper > .wpsm-button-new-compare,
.single-product .summary .priced_block > .wpsm-button-new-compare,
.single-product .summary .svt-single-cta-actions > .wpsm-button-new-compare,
.single-product .summary .svt-single-cta-actions > .svt-single-compare-shell > .wpsm-button-new-compare,
.single-product .summary .svt-single-cta-actions > .svt-single-compare-shell > .svt-single-compare{
/* flex item formula identical to sibling shop shell (equal half) when bare */
display:flex!important;
align-items:center!important;
justify-content:center!important;
flex-direction:row!important;
flex-wrap:nowrap!important;
flex:1 1 0%!important;
flex-grow:1!important;
flex-shrink:1!important;
flex-basis:0%!important;
order:0!important;
gap:6px!important;
/* Hard match Buy Now height (36); width from equal column */
height:36px!important;
min-height:36px!important;
max-height:36px!important;
min-width:0!important;
max-width:none!important;
width:0!important;
/* Symmetric pad — never top/left-heavy Rehub defaults */
padding:0 7px!important;
margin:0!important;
border:1px solid var(--svt-card)!important;
border-color:var(--svt-card)!important;
border-radius:3px!important;
background:var(--svt-card)!important;
background-image:none!important;
box-shadow:none!important;
color:var(--svt-body)!important;
font-size:12px!important;
font-weight:700!important;
line-height:1!important;
letter-spacing:.03em!important;
text-transform:uppercase!important;
text-align:center!important;
text-decoration:none!important;
vertical-align:middle!important;
cursor:pointer!important;
white-space:nowrap!important;
box-sizing:border-box!important;
float:none!important;
clear:none!important;
position:static!important;
top:auto!important;
left:auto!important;
right:auto!important;
bottom:auto!important;
align-self:stretch!important;
overflow:hidden!important;
-webkit-appearance:none!important;
appearance:none!important;
transition:background .15s ease,color .15s ease,border-color .15s ease!important;
}
/* Wrapped Compare: fill shell 100% (shell is the flex sibling, not the chip) */
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-cta-actions > .svt-single-compare-shell > .wpsm-button-new-compare,
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-cta-actions > .svt-single-compare-shell > .svt-single-compare,
body.single-product .summary .priced_block .svt-single-cta-actions > .svt-single-compare-shell > .wpsm-button-new-compare,
body.single-product .summary .priced_block .svt-single-cta-actions > .svt-single-compare-shell > .svt-single-compare,
.single-product .summary .svt-single-cta-actions > .svt-single-compare-shell > .wpsm-button-new-compare,
.single-product .summary .svt-single-cta-actions > .svt-single-compare-shell > .svt-single-compare,
.single-product .summary .svt-single-compare-shell .svt-single-compare.wpsm-button.wpsm-button-new-compare,
.single-product .summary .svt-single-compare-shell .wpsm-button-new-compare.svt-footer-compare{
flex:none!important;
flex-grow:0!important;
flex-shrink:1!important;
flex-basis:auto!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
align-self:stretch!important;
}
/* Idle Compare: 1px fill-colored var(--svt-card) — no grey hairline at rest. */
body.single-product .summary .svt-single-compare-shell > .wpsm-button:not(.comparing),
body.single-product .summary .svt-single-compare-shell > .svt-single-compare:not(.comparing),
body.single-product .summary .svt-single-compare-shell > .add_to_compare_button:not(.comparing),
body.single-product .summary .svt-single-compare-shell .wpsm-button-new-compare:not(.comparing),
body.single-product .summary .svt-single-compare-shell .add_to_compare_button:not(.comparing),
.single-product .summary .svt-single-compare.wpsm-button.wpsm-button-new-compare:not(.comparing),
.single-product .summary .svt-single-compare-shell .svt-single-compare.wpsm-button.wpsm-button-new-compare:not(.comparing){
border:1px solid var(--svt-card)!important;
border-color:var(--svt-card)!important;
background:var(--svt-card)!important;
background-color:var(--svt-card)!important;
box-sizing:border-box!important;
height:36px!important;
min-height:36px!important;
max-height:36px!important;
}
/* Hard-reset active top shift from Rehub .wpsm-button:active { top:2px } */
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-compare:active,
.single-product .summary .svt-single-compare.wpsm-button:active,
.single-product .summary .svt-single-cta-actions > .wpsm-button-new-compare:active,
.single-product .summary .re_wooinner_cta_wrapper > .wpsm-button-new-compare:active,
.single-product .summary .priced_block > .wpsm-button-new-compare:active{
top:auto!important;
position:static!important;
}
/* ::before plus square — static flex item, never absolute / float */
.single-product .summary .svt-single-compare.wpsm-button.wpsm-button-new-compare::before,
.single-product .summary .svt-single-compare.wpsm-button.svt-footer-compare::before,
.single-product .summary .wpsm-button-new-compare.svt-footer-compare::before,
.single-product .summary .re_wooinner_cta_wrapper > .wpsm-button-new-compare::before,
.single-product .summary .priced_block > .wpsm-button-new-compare::before,
.single-product .summary .svt-single-cta-actions > .wpsm-button-new-compare::before{
content:"+"!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
align-self:center!important;
flex:0 0 auto!important;
width:16px!important;
height:16px!important;
min-width:16px!important;
min-height:16px!important;
margin:0!important;
padding:0!important;
box-sizing:border-box!important;
border:0!important;
border-radius:2px!important;
background:var(--svt-body)!important;
color:var(--svt-card)!important;
font-size:13px!important;
font-weight:700!important;
line-height:1!important;
font-family:Arial,Helvetica,sans-serif!important;
text-shadow:none!important;
float:none!important;
position:static!important;
top:auto!important;
left:auto!important;
right:auto!important;
bottom:auto!important;
transform:none!important;
vertical-align:middle!important;
}
.single-product .summary .svt-single-compare.wpsm-button.wpsm-button-new-compare i,
.single-product .summary .svt-single-compare.wpsm-button.svt-footer-compare i,
.single-product .summary .re_wooinner_cta_wrapper > .wpsm-button-new-compare i,
.single-product .summary .priced_block > .wpsm-button-new-compare i,
.single-product .summary .svt-single-cta-actions > .wpsm-button-new-compare i{
display:none!important;
}
/* Label (COMPARE / ADDED) — centered with the + as one group */
.single-product .summary .svt-single-compare.wpsm-button .comparelabel,
.single-product .summary .svt-single-compare.wpsm-button.svt-footer-compare .comparelabel,
.single-product .summary .re_wooinner_cta_wrapper > .wpsm-button-new-compare .comparelabel,
.single-product .summary .priced_block > .wpsm-button-new-compare .comparelabel,
.single-product .summary .svt-single-cta-actions > .wpsm-button-new-compare .comparelabel{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
align-self:center!important;
flex:0 0 auto!important;
margin:0!important;
padding:0!important;
float:none!important;
position:static!important;
top:auto!important;
left:auto!important;
line-height:1!important;
height:auto!important;
min-height:0!important;
max-height:none!important;
vertical-align:middle!important;
text-align:center!important;
font-weight:700!important;
letter-spacing:.03em!important;
text-transform:uppercase!important;
color:inherit!important;
box-sizing:border-box!important;
}
/* Default COMPARE — not when .comparing (avoids dual COMPARE+ADDED) */
.single-product .summary .svt-single-compare.wpsm-button:not(.comparing) .comparelabel,
.single-product .summary .re_wooinner_cta_wrapper > .wpsm-button-new-compare:not(.comparing) .comparelabel,
.single-product .summary .priced_block > .wpsm-button-new-compare:not(.comparing) .comparelabel,
.single-product .summary .svt-single-cta-actions > .wpsm-button-new-compare:not(.comparing) .comparelabel{
font-size:12px!important;
}
.single-product .summary .svt-single-compare.wpsm-button.wpsm-button-new-compare:not(.comparing):hover,
.single-product .summary .re_wooinner_cta_wrapper > .wpsm-button-new-compare:not(.comparing):hover,
.single-product .summary .priced_block > .wpsm-button-new-compare:not(.comparing):hover,
.single-product .summary .svt-single-cta-actions > .wpsm-button-new-compare:not(.comparing):hover,
.single-product .summary .svt-single-compare-shell .wpsm-button-new-compare:not(.comparing):hover,
.single-product .summary .svt-single-compare-shell .add_to_compare_button:not(.comparing):hover{
background:var(--svt-compare-hover-bg)!important;
background-color:var(--svt-compare-hover-bg)!important;
color:var(--svt-body)!important;
border:1px solid var(--svt-slate)!important;
border-color:var(--svt-slate)!important;
box-sizing:border-box!important;
height:36px!important;
min-height:36px!important;
max-height:36px!important;
}
.single-product .summary .svt-single-compare.wpsm-button.wpsm-button-new-compare:hover::before,
.single-product .summary .re_wooinner_cta_wrapper > .wpsm-button-new-compare:hover::before,
.single-product .summary .priced_block > .wpsm-button-new-compare:hover::before,
.single-product .summary .svt-single-cta-actions > .wpsm-button-new-compare:hover::before{
background:var(--svt-body)!important;
color:var(--svt-card)!important;
}
.single-product .summary .svt-single-compare.wpsm-button.wpsm-button-new-compare.comparing,
.single-product .summary .re_wooinner_cta_wrapper > .wpsm-button-new-compare.comparing,
.single-product .summary .priced_block > .wpsm-button-new-compare.comparing,
.single-product .summary .svt-single-cta-actions > .wpsm-button-new-compare.comparing{
opacity:1!important;
background:var(--svt-added-bg)!important;
border-color:var(--svt-added-border)!important;
color:var(--svt-added)!important;
}
.single-product .summary .svt-single-compare.wpsm-button.wpsm-button-new-compare.comparing::before,
.single-product .summary .re_wooinner_cta_wrapper > .wpsm-button-new-compare.comparing::before,
.single-product .summary .priced_block > .wpsm-button-new-compare.comparing::before,
.single-product .summary .svt-single-cta-actions > .wpsm-button-new-compare.comparing::before{
content:"\2713"!important;
background:var(--svt-card)!important;
color:var(--svt-added)!important;
font-size:11px!important;
}
/* Hide base COMPARE text without line-height:0 (breaks vertical center with ADDED) */
.single-product .summary .svt-single-compare.wpsm-button.comparing .comparelabel,
.single-product .summary .svt-single-compare.wpsm-button.wpsm-button-new-compare.comparing .comparelabel,
.single-product .summary .re_wooinner_cta_wrapper > .wpsm-button-new-compare.comparing .comparelabel,
.single-product .summary .priced_block > .wpsm-button-new-compare.comparing .comparelabel,
.single-product .summary .svt-single-cta-actions > .wpsm-button-new-compare.comparing .comparelabel{
font-size:0!important;
letter-spacing:0!important;
line-height:1!important;
color:transparent!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
}
.single-product .summary .svt-single-compare.wpsm-button.comparing .comparelabel::after,
.single-product .summary .svt-single-compare.wpsm-button.wpsm-button-new-compare.comparing .comparelabel::after,
.single-product .summary .re_wooinner_cta_wrapper > .wpsm-button-new-compare.comparing .comparelabel::after,
.single-product .summary .priced_block > .wpsm-button-new-compare.comparing .comparelabel::after,
.single-product .summary .svt-single-cta-actions > .wpsm-button-new-compare.comparing .comparelabel::after{
content:"Added"!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
font-size:11px!important;
font-weight:700!important;
letter-spacing:.03em!important;
line-height:1!important;
text-transform:uppercase!important;
color:var(--svt-added)!important;
vertical-align:middle!important;
position:static!important;
float:none!important;
}
.single-product .summary .svt-single-compare.comparing:hover,
.single-product .summary .re_wooinner_cta_wrapper > .wpsm-button-new-compare.comparing:hover,
.single-product .summary .priced_block > .wpsm-button-new-compare.comparing:hover,
.single-product .summary .svt-single-cta-actions > .wpsm-button-new-compare.comparing:hover{
background:var(--svt-added-bg)!important;
border-color:var(--svt-added-border)!important;
color:var(--svt-added)!important;
}
.single-product .summary .svt-single-compare.comparing:hover::before,
.single-product .summary .re_wooinner_cta_wrapper > .wpsm-button-new-compare.comparing:hover::before,
.single-product .summary .priced_block > .wpsm-button-new-compare.comparing:hover::before,
.single-product .summary .svt-single-cta-actions > .wpsm-button-new-compare.comparing:hover::before{
background:var(--svt-card)!important;
color:var(--svt-added)!important;
}
/* Buy cell shell as flex sibling uses width:0 + flex 1 1 0% above; descendants fill 100% */
body.single-product .summary .re_wooinner_cta_wrapper .woo-button-area,
body.single-product .summary .re_wooinner_cta_wrapper .rh_button_wrapper,
body.single-product .summary .re_wooinner_cta_wrapper form.cart,
body.single-product .summary .priced_block .woo-button-area,
body.single-product .summary .priced_block .rh_button_wrapper,
.single-product .summary .woo-button-area,
.single-product .summary .rh_button_wrapper,
.single-product .summary form.cart,
.single-product .summary .priced_block .rh_button_wrapper,
.single-product .summary .svt-single-cta-actions > .woo-button-area,
.single-product .summary .svt-single-cta-actions > .rh_button_wrapper,
.single-product .summary .svt-single-cta-actions > form.cart{
margin:0!important;
padding:0!important;
float:none!important;
align-self:stretch!important;
display:block!important;
box-sizing:border-box!important;
}
/*
* Deep fill Buy nest: .woo-button-area > .coupon_woo_rehub > p.cart > a
* Without definite widths on each ancestor, width:100% on the shrink-wraps
* to content — Compare (full flex half) looks wider.
*/
body.single-product .summary .re_wooinner_cta_wrapper .woo-button-area > *,
body.single-product .summary .re_wooinner_cta_wrapper .rh_button_wrapper > *,
body.single-product .summary .re_wooinner_cta_wrapper form.cart > *,
body.single-product .summary .priced_block .woo-button-area > *,
body.single-product .summary .priced_block .rh_button_wrapper > *,
.single-product .summary .woo-button-area > *,
.single-product .summary .rh_button_wrapper > *,
.single-product .summary .svt-single-cta-actions .woo-button-area > *,
.single-product .summary .svt-single-cta-actions .rh_button_wrapper > *,
.single-product .summary .svt-single-cta-actions form.cart > *,
.single-product .summary .svt-single-cta-actions .woo-button-area .coupon_woo_rehub,
.single-product .summary .svt-single-cta-actions .woo-button-area .cart,
.single-product .summary .svt-single-cta-actions .woo-button-area p.cart,
.single-product .summary .svt-single-cta-actions .woo-button-area form.cart,
.single-product .summary .woo-button-area .coupon_woo_rehub,
.single-product .summary .woo-button-area .cart,
.single-product .summary .woo-button-area p.cart{
margin:0!important;
padding:0!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
float:none!important;
display:flex!important;
align-items:stretch!important;
height:36px!important;
min-height:36px!important;
max-height:36px!important;
line-height:1!important;
box-sizing:border-box!important;
overflow:hidden!important;
}
.single-product .summary .woo-button-area .cart,
.single-product .summary .woo-button-area form.cart,
.single-product .summary .svt-single-cta-actions .woo-button-area form.cart,
.single-product .summary .svt-single-cta-actions form.cart > *{
display:flex!important;
align-items:stretch!important;
margin:0!important;
padding:0!important;
float:none!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
height:36px!important;
min-height:36px!important;
max-height:36px!important;
line-height:1!important;
box-sizing:border-box!important;
overflow:hidden!important;
}
/*
* Buy Now: CTA orange fill, dark CTA text, FULL width of its equal flex cell.
* Parent may be wide while is content-width — force 100%.
* Exclude compare chips (may share .rehub_main_btn / .button classes).
*/
body.single-product .summary .re_wooinner_cta_wrapper .woo-button-area a,
body.single-product .summary .re_wooinner_cta_wrapper .woo-button-area .btn_offer_block,
body.single-product .summary .re_wooinner_cta_wrapper .woo-button-area .rehub_main_btn,
body.single-product .summary .re_wooinner_cta_wrapper .woo-button-area .button,
body.single-product .summary .re_wooinner_cta_wrapper .woo-button-area .single_add_to_cart_button,
body.single-product .summary .re_wooinner_cta_wrapper .rh_button_wrapper a,
body.single-product .summary .re_wooinner_cta_wrapper .rh_button_wrapper .button,
body.single-product .summary .re_wooinner_cta_wrapper form.cart .button,
body.single-product .summary .re_wooinner_cta_wrapper form.cart .single_add_to_cart_button,
body.single-product .summary .priced_block .woo-button-area a,
body.single-product .summary .priced_block .woo-button-area .btn_offer_block,
body.single-product .summary .priced_block .woo-button-area .rehub_main_btn,
.single-product .summary .woo-button-area .single_add_to_cart_button,
.single-product .summary form.cart .single_add_to_cart_button,
.single-product .summary a.single_add_to_cart_button,
.single-product .summary a.btn_offer_block,
.single-product .summary .btn_offer_block:not(.wpsm-button-new-compare):not(.svt-single-compare),
.single-product .summary a.external,
.single-product .summary .woo-button-area .button,
.single-product .summary .woo-button-area a.svt-buy-now,
.single-product .summary .woo-button-area a:not(.wpsm-button-new-compare):not(.svt-single-compare),
.single-product .summary .woo-button-area .rehub_main_btn,
.single-product .summary a.svt-buy-now,
.single-product .summary .svt-single-cta-actions .single_add_to_cart_button,
.single-product .summary .svt-single-cta-actions a.btn_offer_block,
.single-product .summary .svt-single-cta-actions a.svt-buy-now,
.single-product .summary .svt-single-cta-actions .woo-button-area .button,
.single-product .summary .svt-single-cta-actions .woo-button-area .rehub_main_btn,
.single-product .summary .svt-single-cta-actions .woo-button-area a,
.single-product .summary .svt-single-cta-actions > .woo-button-area > .coupon_woo_rehub > p.cart > a.single_add_to_cart_button,
.single-product .summary .svt-single-cta-actions a.single_add_to_cart_button.button.alt{
display:flex!important;
align-items:center!important;
justify-content:center!important;
gap:0!important;
flex:none!important;
width:100%!important;
min-width:0!important;
max-width:100%!important;
height:36px!important;
min-height:36px!important;
max-height:36px!important;
box-sizing:border-box!important;
text-align:center!important;
padding:0 10px!important;
padding-top:0!important;
padding-bottom:0!important;
margin:0!important;
border:1px solid var(--svt-cta)!important;
border-radius:3px!important;
outline:none!important;
background:var(--svt-cta)!important;
background-color:var(--svt-cta)!important;
background-image:none!important;
color:var(--svt-cta-text)!important;
font-size:12px!important;
font-weight:700!important;
letter-spacing:.03em!important;
line-height:1!important;
text-transform:uppercase!important;
text-decoration:none!important;
float:none!important;
position:static!important;
white-space:nowrap!important;
overflow:hidden!important;
vertical-align:middle!important;
-webkit-text-stroke:0!important;
text-shadow:none!important;
box-shadow:none!important;
transition:background .15s ease,border-color .15s ease!important;
}
.single-product .summary .woo-button-area .single_add_to_cart_button .svt-buy-now__label,
.single-product .summary .woo-button-area .single_add_to_cart_button .button_text,
.single-product .summary a.btn_offer_block .svt-buy-now__label,
.single-product .summary a.btn_offer_block .button_text,
.single-product .summary a.svt-buy-now .svt-buy-now__label,
.single-product .summary .svt-single-cta-actions .svt-buy-now__label{
display:inline!important;
font-size:12px!important;
font-weight:700!important;
line-height:1!important;
letter-spacing:.03em!important;
color:var(--svt-cta-text)!important;
-webkit-text-stroke:0!important;
text-shadow:none!important;
padding:0!important;
margin:0!important;
}
.single-product .summary .woo-button-area .single_add_to_cart_button::before,
.single-product .summary form.cart .single_add_to_cart_button::before,
.single-product .summary a.single_add_to_cart_button::before,
.single-product .summary a.btn_offer_block::before,
.single-product .summary .btn_offer_block::before,
.single-product .summary a.external::before,
.single-product .summary a.svt-buy-now::before,
.single-product .summary .woo-button-area .button::before{
content:none!important;
display:none!important;
}
/*
* Buy Now hover: canonical rules appended via svt_single_buy_hover_css()
* (real chip: .coupon_woo_rehub > p.cart > a.single_add_to_cart_button.button.alt).
* Expanded :hover/:focus live in that helper + #svt-single-buy-hover (wp_head 110).
*/
/* Compact score row; hide wishlist; move compare into CTA (not actions area) */
.single-product .summary .heart_thumb_wrap,
.single-product .summary .cell_wishlist,
.single-product .summary .thumbscount{display:none!important}
.single-product .summary.is-svt-compare-moved .woo-button-actions-area{
display:none!important;
margin:0!important;
padding:0!important;
}
/* Hide leftover Rehub yellow compact-reviewbox (PHP direct call; shortcode is replaced) */
.single-product .summary .compact-reviewbox{
display:none!important;
margin:0!important;
padding:0!important;
border:0!important;
height:0!important;
overflow:hidden!important;
}
/*
* SVT SCORES ROW — single source of truth (product-tabs + cta-caption agree).
*
* Container modes on .svt-product-scores-row (container-type:inline-size):
* DEFAULT / under-ring (container < 560px; tablet/narrow desktop only):
* captions under rings; full Usability / Social words; units flex:0 0 auto;
* row space-between + side pad 14px (badge left, scores share remaining);
* .svt-loop-scores flex:1 + space-evenly, min gap ~16px (not center cluster).
* SIDE (container >= 560px):
* captions right of rings; two-line nowrap words; content-sized units;
* same distribute: row space-between, loop flex:1 space-evenly. CQ stays under-ring if tight.
* MOBILE MQ (max-width:767px) — overrides CQ under-ring:
* force side captions (row units); equal ~22px gaps between 3 objects (no space-evenly sprawl);
* consistent padding-inline 14px both edges.
*
* Kill list for this row only:
* item min-width calc(ring + gap + N em) empty shells
* flex:1 1 0 on score items (huge Usability-Social gaps)
* overflow:hidden on long labels (mid-word Usabil clip)
* pure center cluster (justify center + tight middle dump)
* mobile MQ that reaffirms under-ring / space-evenly (fights side-caption intent)
*/
/* Title/summary shells: Rehub .flowhidden clips the row */
body.single-product div.product div.summary.flowhidden,
body.single-product .summary.flowhidden,
body.single-product .re_wooinner_title_compact,
body.single-product .re_wooinner_title_compact.flowhidden,
body.single-product .re_wooinner_title,
body.single-product .re_wooinner_title.flowhidden,
body.single-product .summary > .re_wooinner_title_compact,
body.single-product .summary > .re_wooinner_title{
overflow:visible!important;
}
/* ===== BASE (under-ring / compact) ===== */
body.single-product .summary .svt-product-scores-row,
body.single-product .svt-product-scores-row,
.single-product .svt-product-scores-row{
--svt-ring:48px;
--svt-ring-half:24px;
--svt-inset:38px;
--svt-inset-m:5px;
--svt-item-gap:6px;
--svt-unit-gap:16px;
--svt-cap-lh:1.25;
--svt-cap-row-gap:2px;
container-type:inline-size;
container-name:svt-scores;
display:flex!important;
flex-direction:row!important;
flex-wrap:nowrap!important;
align-items:center!important;
justify-content:space-between!important;
gap:12px!important;
column-gap:12px!important;
row-gap:0!important;
margin:12px 0 6px!important;
padding:12px 14px!important;
padding-left:max(14px,env(safe-area-inset-left,0px))!important;
padding-right:max(14px,env(safe-area-inset-right,0px))!important;
border:none!important;
border-top:1px solid #e5e5e5!important;
border-bottom:1px solid #e5e5e5!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
box-sizing:border-box!important;
line-height:normal!important;
clear:both!important;
float:none!important;
min-height:calc(var(--svt-ring) + 28px)!important;
overflow-x:clip!important;
overflow-y:visible!important;
}
.single-product .re_wooinner_title_compact .svt-product-scores-row{
margin-top:14px!important;
margin-bottom:6px!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
box-sizing:border-box!important;
overflow-x:clip!important;
overflow-y:visible!important;
}
/* Badge cell — content-sized; never full-width stack */
body.single-product .svt-product-scores-row > .svt-product-scores-badge,
.single-product .svt-product-scores-row > .svt-product-scores-badge,
.single-product .svt-product-scores-badge{
flex:0 0 auto!important;
flex-grow:0!important;
flex-shrink:0!important;
width:max-content!important;
max-width:none!important;
min-width:max-content!important;
height:auto!important;
min-height:0!important;
max-height:none!important;
margin:0!important;
padding:0!important;
box-sizing:border-box!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
position:relative!important;
left:auto!important;
right:auto!important;
transform:none!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
overflow:visible!important;
white-space:nowrap!important;
float:none!important;
clear:none!important;
}
/* Rounded-rect tier badge: gold / transparent, 12px radius, poor grey */
.single-product .svt-score-tier-badge{
--tier:#D4A54F;
position:relative!important;
display:inline-flex!important;
flex-direction:row!important;
align-items:center!important;
justify-content:flex-start!important;
gap:9px!important;
width:max-content!important;
max-width:none!important;
min-width:max-content!important;
flex:0 0 auto!important;
flex-shrink:0!important;
height:var(--svt-ring)!important;
min-height:var(--svt-ring)!important;
max-height:var(--svt-ring)!important;
margin:0!important;
padding:0 14px 0 16px!important;
line-height:1!important;
box-sizing:border-box!important;
background:transparent!important;
border:1.5px solid var(--tier)!important;
border-radius:12px!important;
box-shadow:none!important;
filter:none!important;
overflow:visible!important;
white-space:nowrap!important;
left:auto!important;
right:auto!important;
transform:none!important;
}
.single-product .svt-score-tier-badge__rule{display:none!important}
.single-product .svt-score-tier-badge__copy{
display:flex!important;
flex-direction:column!important;
align-items:flex-start!important;
justify-content:center!important;
gap:2px!important;
flex:0 0 auto!important;
flex-shrink:0!important;
width:max-content!important;
min-width:max-content!important;
max-width:none!important;
position:static!important;
text-align:left!important;
overflow:visible!important;
white-space:nowrap!important;
}
.single-product .svt-score-tier-badge__eyebrow{
display:block!important;
margin:0!important;
padding:0!important;
font-size:10px!important;
font-weight:700!important;
letter-spacing:.05em!important;
line-height:1.15!important;
text-transform:uppercase!important;
color:#111!important;
white-space:nowrap!important;
max-width:none!important;
overflow:visible!important;
text-overflow:clip!important;
}
.single-product .svt-score-tier-badge__tier{
display:block!important;
margin:0!important;
padding:0!important;
font-size:16px!important;
font-weight:700!important;
letter-spacing:.03em!important;
line-height:1.05!important;
text-transform:uppercase!important;
color:var(--tier)!important;
text-shadow:none;
white-space:nowrap!important;
max-width:none!important;
overflow:visible!important;
text-overflow:clip!important;
}
.single-product .svt-score-tier-badge--top .svt-score-tier-badge__tier{
font-size:17px!important;
letter-spacing:.05em!important;
}
.single-product .svt-score-tier-badge--strong .svt-score-tier-badge__tier{
font-size:15px!important;
letter-spacing:.02em!important;
}
.single-product .svt-score-tier-badge__icon{
display:flex!important;
align-items:center!important;
justify-content:center!important;
position:static!important;
flex:0 0 auto!important;
flex-shrink:0!important;
width:auto!important;
height:auto!important;
margin:0!important;
padding:0!important;
color:var(--tier)!important;
line-height:0!important;
overflow:visible!important;
}
.single-product .svt-score-tier-badge__icon-svg{
display:block!important;
position:static!important;
width:calc(var(--svt-ring) * .42)!important;
height:calc(var(--svt-ring) * .42)!important;
max-width:none!important;
max-height:none!important;
flex-shrink:0!important;
}
.single-product .svt-score-tier-badge--solid,
.single-product .svt-score-tier-badge--strong,
.single-product .svt-score-tier-badge--top{
--tier:var(--svt-brass-ink,#8F6226); /*b71 was #D4A54F: one colour for border, word and star (Michael, 2026-09-23)*/
background:transparent!important;
border-color:var(--tier)!important;
}
.single-product .svt-score-tier-badge--solid .svt-score-tier-badge__tier,
.single-product .svt-score-tier-badge--strong .svt-score-tier-badge__tier,
.single-product .svt-score-tier-badge--top .svt-score-tier-badge__tier{
color:var(--svt-brass-ink,#8F6226)!important; /*b55 was --tier #D4A54F, 1.95*/
}
.single-product .svt-score-tier-badge--poor{
--tier:#5F6673; /*b71 was #9AA0A6; the word was #6B7280, 4.18 on cream. One grey for border, word and icon, 4.99*/
background:transparent!important;
border-color:var(--tier)!important;
}
.single-product .svt-score-tier-badge--poor .svt-score-tier-badge__tier{
color:var(--tier)!important;
font-size:16px!important;
letter-spacing:.03em!important;
}
.single-product .svt-score-tier-badge--poor .svt-score-tier-badge__icon{
color:var(--tier)!important;
}
/* First-view soft glow — absolute ::before only; must not change layout box */
@keyframes svt-tier-glow{
0%,100%{opacity:0;box-shadow:0 0 0 0 transparent}
25%,60%{opacity:1;box-shadow:0 0 14px 2px rgba(212,165,79,.55)}
}
@keyframes svt-tier-glow-poor{
0%,100%{opacity:0;box-shadow:0 0 0 0 transparent}
25%,60%{opacity:1;box-shadow:0 0 12px 2px rgba(154,160,166,.48)}
}
@keyframes svt-tier-glow-text{
0%,100%{text-shadow:0 0 0 transparent}
25%,60%{text-shadow:0 0 10px rgba(212,165,79,.55)}
}
@keyframes svt-tier-glow-text-poor{
0%,100%{text-shadow:0 0 0 transparent}
25%,60%{text-shadow:0 0 8px rgba(107,114,128,.42)}
}
@keyframes svt-tier-glow-icon{
0%,100%{filter:drop-shadow(0 0 0 transparent)}
25%,60%{filter:drop-shadow(0 0 6px rgba(212,165,79,.7))}
}
@keyframes svt-tier-glow-icon-poor{
0%,100%{filter:drop-shadow(0 0 0 transparent)}
25%,60%{filter:drop-shadow(0 0 5px rgba(154,160,166,.55))}
}
.single-product .svt-score-tier-badge.is-tier-glow{
overflow:visible!important;
width:max-content!important;
min-width:max-content!important;
height:var(--svt-ring)!important;
max-height:var(--svt-ring)!important;
}
.single-product .svt-score-tier-badge.is-tier-glow::before{
content:"";
position:absolute;
inset:0;
border-radius:inherit;
pointer-events:none;
z-index:0;
opacity:0;
box-shadow:0 0 0 0 transparent;
animation:svt-tier-glow 3.2s ease-in-out .25s 1 both;
}
.single-product .svt-score-tier-badge--poor.is-tier-glow::before{
animation-name:svt-tier-glow-poor;
}
.single-product .svt-score-tier-badge.is-tier-glow .svt-score-tier-badge__tier{
animation:svt-tier-glow-text 3.2s ease-in-out .25s 1 both;
}
.single-product .svt-score-tier-badge--poor.is-tier-glow .svt-score-tier-badge__tier{
animation-name:svt-tier-glow-text-poor;
}
.single-product .svt-score-tier-badge.is-tier-glow .svt-score-tier-badge__icon{
animation:svt-tier-glow-icon 3.2s ease-in-out .25s 1 both;
}
.single-product .svt-score-tier-badge--poor.is-tier-glow .svt-score-tier-badge__icon{
animation-name:svt-tier-glow-icon-poor;
}
@media (prefers-reduced-motion: reduce){
.single-product .svt-score-tier-badge.is-tier-glow::before,
.single-product .svt-score-tier-badge.is-tier-glow .svt-score-tier-badge__tier,
.single-product .svt-score-tier-badge.is-tier-glow .svt-score-tier-badge__icon{
animation:none!important;
}
.single-product .svt-score-tier-badge.is-tier-glow .svt-score-tier-badge__tier{
text-shadow:none;
}
.single-product .svt-score-tier-badge.is-tier-glow .svt-score-tier-badge__icon{
filter:none;
}
}
/*
* Scores group: share remaining row width (badge stays auto left).
* flex:1 + space-evenly → Usability / Social share the rest with intentional gaps
* (free space before first ring too — larger badge ↔ scores separation).
* Score items stay content-sized (never flex:1 1 0 on items).
*/
body.single-product .svt-product-scores-row > .svt-loop-scores,
body.single-product .svt-product-scores-row .svt-loop-scores,
.single-product .svt-product-scores-row .svt-loop-scores,
.single-product .svt-product-scores-row > .svt-loop-scores{
display:flex!important;
flex-direction:row!important;
flex-wrap:nowrap!important;
align-items:center!important;
justify-content:space-evenly!important;
gap:var(--svt-unit-gap)!important;
column-gap:var(--svt-unit-gap)!important;
row-gap:0!important;
flex:1 1 auto!important;
flex-grow:1!important;
flex-shrink:1!important;
width:auto!important;
max-width:100%!important;
min-width:0!important;
margin:0!important;
padding:0!important;
line-height:normal!important;
box-sizing:border-box!important;
float:none!important;
clear:none!important;
overflow:visible!important;
}
/*
* Score units DEFAULT: under-ring, content-sized.
* flex:0 0 auto — NEVER flex:1 1 0. min-width = ring only — NEVER calc(ring+gap+Nem).
*/
body.single-product .summary .svt-product-scores-row .svt-product-score-item,
body.single-product .summary .svt-product-scores-row .svt-product-score-item.is-social,
body.single-product .summary .svt-product-scores-row .svt-product-score-item.is-expert,
body.single-product .svt-product-scores-row .svt-product-score-item,
body.single-product .svt-product-scores-row .svt-product-score-item.is-social,
body.single-product .svt-product-scores-row .svt-product-score-item.is-expert,
.single-product .svt-product-scores-row .svt-product-score-item,
.single-product .svt-product-scores-row .svt-product-score-item.is-social,
.single-product .svt-product-scores-row .svt-product-score-item.is-expert{
display:flex!important;
flex-direction:column!important;
flex-wrap:nowrap!important;
align-items:center!important;
justify-content:flex-start!important;
gap:var(--svt-item-gap)!important;
flex:0 0 auto!important;
flex-grow:0!important;
flex-shrink:0!important;
width:auto!important;
min-width:var(--svt-ring)!important;
max-width:none!important;
margin:0!important;
padding:0!important;
text-align:center!important;
box-sizing:border-box!important;
line-height:normal!important;
overflow:visible!important;
background:transparent!important;
background-color:transparent!important;
position:relative!important;
left:auto!important;
transform:none!important;
}
.single-product .svt-product-scores-row .svt-product-score-item .svt-loop-circle{
display:block!important;
flex:0 0 var(--svt-ring)!important;
width:var(--svt-ring)!important;
height:var(--svt-ring)!important;
min-width:var(--svt-ring)!important;
max-width:var(--svt-ring)!important;
margin:0!important;
padding:0!important;
line-height:0!important;
order:0!important;
overflow:visible!important;
z-index:1!important;
}
/* Captions under rings by default — full words, no mid-word clip */
body.single-product .summary .svt-product-scores-row .svt-product-score-caption,
body.single-product .summary .svt-product-scores-row .svt-score-caption,
body.single-product .svt-product-scores-row .svt-product-score-caption,
body.single-product .svt-product-scores-row .svt-score-caption,
.single-product .svt-product-scores-row .svt-product-score-caption,
.single-product .svt-product-scores-row .svt-score-caption{
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:flex-start!important;
order:1!important;
flex:0 0 auto!important;
flex-grow:0!important;
flex-shrink:0!important;
width:max-content!important;
min-width:0!important;
max-width:none!important;
margin:0!important;
padding:0!important;
font-size:10px!important;
font-weight:600!important;
line-height:var(--svt-cap-lh)!important;
gap:var(--svt-cap-row-gap)!important;
row-gap:var(--svt-cap-row-gap)!important;
letter-spacing:.01em!important;
text-align:center!important;
color:var(--svt-ink)!important;
white-space:normal!important;
overflow:visible!important;
overflow-wrap:normal!important;
word-break:normal!important;
word-wrap:normal!important;
hyphens:none!important;
-webkit-hyphens:none!important;
writing-mode:horizontal-tb!important;
position:static!important;
box-sizing:border-box!important;
}
.single-product .svt-product-scores-row .svt-score-caption__word{
display:block!important;
flex:0 0 auto!important;
width:max-content!important;
max-width:none!important;
margin:0!important;
padding:0!important;
line-height:var(--svt-cap-lh)!important;
white-space:nowrap!important;
word-break:keep-all!important;
overflow:visible!important;
overflow-wrap:normal!important;
word-wrap:normal!important;
hyphens:none!important;
-webkit-hyphens:none!important;
}
.single-product .svt-product-scores-row .svt-product-score-item.is-expert .svt-product-score-caption,
.single-product .svt-product-scores-row .svt-product-score-item.is-social .svt-product-score-caption{
color:var(--svt-ink)!important;
}
/* Rings / radial geometry (vars drive size) */
.single-product .svt-product-scores-row .radial-progress{
display:block!important;
margin:0!important;
width:var(--svt-ring)!important;
height:var(--svt-ring)!important;
background-color:transparent!important;
transition:none;
}
.single-product .svt-product-scores-row .radial-progress.is-green-in:not(.is-unscored){
background-color:transparent!important;
}
.single-product .svt-product-scores-row .radial-progress .circle .mask,
.single-product .svt-product-scores-row .radial-progress .circle .fill{
transition:none!important;
}
@media (prefers-reduced-motion:reduce){
.single-product .svt-product-scores-row .radial-progress:not(.is-unscored){
background-color:transparent!important;
transition:none;
}
}
.single-product .svt-product-scores-row .radial-progress .circle .mask,
.single-product .svt-product-scores-row .radial-progress .circle .fill,
.single-product .svt-product-scores-row .radial-progress .circle .shadow{
width:var(--svt-ring)!important;
height:var(--svt-ring)!important;
}
.single-product .svt-product-scores-row .radial-progress .circle .mask{
clip:rect(0px,var(--svt-ring),var(--svt-ring),var(--svt-ring-half))!important;
}
.single-product .svt-product-scores-row .radial-progress .circle .mask .fill{
clip:rect(0px,var(--svt-ring-half),var(--svt-ring),0px)!important;
background-color:var(--svt-brass)!important;
}
.single-product .svt-product-scores-row .radial-progress.is-social .circle .mask .fill{
background-color:var(--svt-brass)!important;
}
.single-product .svt-product-scores-row .radial-progress .inset{
display:flex!important;
align-items:center;
justify-content:center;
inset:var(--ring)!important;
width:auto!important;
height:auto!important;
margin:0!important;
background:var(--svt-ink)!important;
background-color:var(--svt-ink)!important;
}
.single-product .svt-product-scores-row .radial-progress .inset .percentage{
width:auto!important;
font-size:calc(var(--sz, var(--svt-ring, 60px)) * 0.42)!important;
line-height:1!important;
margin-top:0!important;
font-weight:700!important;
font-variant-numeric:tabular-nums!important;
color:#fff!important;
}
/*
* SIDE CAPTIONS — only when the row container is wide enough.
* Content-sized units (flex:0 0 auto). Full Usability / Social words; switch
* layout via CQ rather than truncating with overflow:hidden.
*/
@container svt-scores (min-width:560px){
body.single-product .summary .svt-product-scores-row,
body.single-product .svt-product-scores-row,
.single-product .svt-product-scores-row{
--svt-item-gap:8px;
--svt-unit-gap:18px;
--svt-cap-lh:1.3;
--svt-cap-row-gap:3px;
justify-content:space-between!important;
gap:12px!important;
column-gap:12px!important;
padding:12px 14px!important;
padding-left:max(14px,env(safe-area-inset-left,0px))!important;
padding-right:max(14px,env(safe-area-inset-right,0px))!important;
min-height:calc(var(--svt-ring) + 22px)!important;
overflow-x:clip!important;
overflow-y:visible!important;
}
body.single-product .svt-product-scores-row > .svt-loop-scores,
body.single-product .svt-product-scores-row .svt-loop-scores,
.single-product .svt-product-scores-row .svt-loop-scores,
.single-product .svt-product-scores-row > .svt-loop-scores{
flex:1 1 auto!important;
flex-grow:1!important;
flex-shrink:1!important;
justify-content:space-evenly!important;
gap:var(--svt-unit-gap)!important;
column-gap:var(--svt-unit-gap)!important;
width:auto!important;
max-width:100%!important;
min-width:0!important;
overflow:visible!important;
}
body.single-product .summary .svt-product-scores-row .svt-product-score-item,
body.single-product .summary .svt-product-scores-row .svt-product-score-item.is-social,
body.single-product .summary .svt-product-scores-row .svt-product-score-item.is-expert,
body.single-product .svt-product-scores-row .svt-product-score-item,
.single-product .svt-product-scores-row .svt-product-score-item,
.single-product .svt-product-scores-row .svt-product-score-item.is-social,
.single-product .svt-product-scores-row .svt-product-score-item.is-expert{
flex-direction:row!important;
align-items:center!important;
justify-content:flex-start!important;
flex:0 0 auto!important;
flex-grow:0!important;
flex-shrink:0!important;
width:auto!important;
min-width:0!important;
max-width:none!important;
gap:var(--svt-item-gap)!important;
text-align:left!important;
overflow:visible!important;
}
body.single-product .summary .svt-product-scores-row .svt-product-score-caption,
body.single-product .summary .svt-product-scores-row .svt-score-caption,
body.single-product .svt-product-scores-row .svt-product-score-caption,
body.single-product .svt-product-scores-row .svt-score-caption,
.single-product .svt-product-scores-row .svt-product-score-caption,
.single-product .svt-product-scores-row .svt-score-caption{
flex:0 0 auto!important;
flex-grow:0!important;
flex-shrink:0!important;
width:max-content!important;
min-width:0!important;
max-width:none!important;
align-items:flex-start!important;
justify-content:center!important;
text-align:left!important;
font-size:11px!important;
line-height:var(--svt-cap-lh)!important;
gap:var(--svt-cap-row-gap)!important;
row-gap:var(--svt-cap-row-gap)!important;
overflow:visible!important;
}
.single-product .svt-product-scores-row .svt-score-caption__word{
white-space:nowrap!important;
width:max-content!important;
max-width:none!important;
overflow:visible!important;
word-break:keep-all!important;
overflow-wrap:normal!important;
line-height:var(--svt-cap-lh)!important;
}
}
/*
* Desktop: blend values sit inside the right pad, so 14px left
* looks heavier. 8px left matches the visible right gap. Mobile
* keeps its own equal 10px pads.
*/
@media(min-width:769px){
body.single-product .summary .svt-product-scores-row,
body.single-product .svt-product-scores-row,
.single-product .svt-product-scores-row{
padding-left:8px!important;
}
}
/*
* Mobile (≤768): one row -- MID chip + 8px + ring + 8px + Usability/Social.
* Flex-start and fixed gaps. Do not use space-between -- that opens a hole.
*/
@media(max-width:768px){
body.single-product .summary .svt-product-scores-row,
body.single-product .svt-product-scores-row,
.single-product .svt-product-scores-row{
--svt-ring:54px;
--svt-ring-half:27px;
--svt-inset:44px;
--svt-inset-m:5px;
--svt-item-gap:6px;
--svt-unit-gap:8px;
--svt-cap-lh:1.2;
--svt-cap-row-gap:1px;
justify-content:flex-start!important;
align-items:center!important;
gap:8px!important;
column-gap:8px!important;
flex-wrap:nowrap!important;
padding:8px 10px!important;
padding-left:max(10px,env(safe-area-inset-left,0px))!important;
padding-right:max(10px,env(safe-area-inset-right,0px))!important;
min-height:0!important;
overflow-x:clip!important;
overflow-y:visible!important;
}
body.single-product .svt-product-scores-row > .svt-loop-scores,
body.single-product .svt-product-scores-row .svt-loop-scores,
.single-product .svt-product-scores-row .svt-loop-scores,
.single-product .svt-product-scores-row > .svt-loop-scores{
flex:1 1 auto!important;
flex-grow:1!important;
flex-shrink:1!important;
justify-content:flex-start!important;
gap:8px!important;
column-gap:8px!important;
width:auto!important;
max-width:none!important;
min-width:0!important;
overflow:visible!important;
}
.single-product .svt-product-scores-row .svt-loop-scores--blend,
.single-product .svt-product-scores-row .svt-loop-scores--blend .svt-loop-score-unit.is-blend{
flex:1 1 auto!important;
width:auto!important;
max-width:none!important;
min-width:0!important;
justify-content:flex-start!important;
align-items:center!important;
gap:8px!important;
}
.single-product .svt-product-scores-row .svt-loop-scores--blend .svt-loop-circle{
flex:0 0 auto!important;
}
.single-product .svt-product-scores-row .svt-loop-scores--blend .svt-loop-parts{
flex:1 1 auto!important;
min-width:0!important;
max-width:none!important;
padding-right:6px!important;
box-sizing:border-box!important;
gap:4px!important;
}
.single-product .svt-product-scores-row .svt-loop-scores--blend .svt-loop-part-row{
gap:6px!important;
align-items:center!important;
}
.single-product .svt-product-scores-row .svt-loop-scores--blend .svt-loop-part-lbl,
.single-product .svt-product-scores-row .svt-loop-scores--blend .svt-loop-parts-cap{
font-size:10px!important;
letter-spacing:0.02em!important;
}
.single-product .svt-product-scores-row .svt-loop-scores--blend .svt-loop-part-val{
font-size:12px!important;
}
.single-product .svt-product-scores-row .svt-loop-scores--blend .svt-loop-part-ico{
width:12px!important;
height:12px!important;
}
.single-product .svt-product-scores-row .svt-loop-scores--blend .svt-loop-part-bar{
height:3px!important;
margin-top:1px!important;
}
body.single-product .summary .svt-product-scores-row .svt-product-score-item,
body.single-product .summary .svt-product-scores-row .svt-product-score-item.is-social,
body.single-product .summary .svt-product-scores-row .svt-product-score-item.is-expert,
body.single-product .svt-product-scores-row .svt-product-score-item,
body.single-product .svt-product-scores-row .svt-product-score-item.is-social,
body.single-product .svt-product-scores-row .svt-product-score-item.is-expert,
.single-product .svt-product-scores-row .svt-product-score-item,
.single-product .svt-product-scores-row .svt-product-score-item.is-social,
.single-product .svt-product-scores-row .svt-product-score-item.is-expert{
flex:0 0 auto!important;
flex-grow:0!important;
flex-shrink:0!important;
flex-direction:row!important;
align-items:center!important;
justify-content:flex-start!important;
gap:var(--svt-item-gap)!important;
width:auto!important;
min-width:0!important;
max-width:none!important;
text-align:left!important;
overflow:visible!important;
}
body.single-product .summary .svt-product-scores-row .svt-product-score-caption,
body.single-product .summary .svt-product-scores-row .svt-score-caption,
body.single-product .svt-product-scores-row .svt-product-score-caption,
body.single-product .svt-product-scores-row .svt-score-caption,
.single-product .svt-product-scores-row .svt-product-score-caption,
.single-product .svt-product-scores-row .svt-score-caption{
flex:0 0 auto!important;
flex-grow:0!important;
flex-shrink:0!important;
width:max-content!important;
min-width:0!important;
max-width:none!important;
align-items:flex-start!important;
justify-content:center!important;
text-align:left!important;
font-size:10px!important;
line-height:var(--svt-cap-lh)!important;
gap:var(--svt-cap-row-gap)!important;
row-gap:var(--svt-cap-row-gap)!important;
overflow:visible!important;
}
.single-product .svt-product-scores-row .svt-score-caption__word{
white-space:nowrap!important;
width:max-content!important;
max-width:none!important;
overflow:visible!important;
word-break:keep-all!important;
overflow-wrap:normal!important;
line-height:var(--svt-cap-lh)!important;
}
.single-product .svt-score-tier-badge{
flex:0 1 auto!important;
flex-shrink:1!important;
min-width:0!important;
gap:3px!important;
padding:4px 7px!important;
border-radius:8px!important;
height:auto!important;
min-height:0!important;
max-height:none!important;
align-self:center!important;
}
.single-product .svt-score-tier-badge__eyebrow{font-size:7px!important;letter-spacing:.04em!important}
.single-product .svt-score-tier-badge__tier{font-size:10px!important;letter-spacing:.02em!important}
.single-product .svt-score-tier-badge--top .svt-score-tier-badge__tier{font-size:10px!important}
.single-product .svt-score-tier-badge--strong .svt-score-tier-badge__tier{font-size:10px!important}
.single-product .svt-score-tier-badge--poor .svt-score-tier-badge__tier{font-size:10px!important}
.single-product .svt-score-tier-badge__icon-svg{
width:12px!important;
height:12px!important;
}
.single-product .svt-product-scores-row .radial-progress,
.single-product .svt-product-scores-row .svt-score-ring{
width:var(--svt-ring)!important;
height:var(--svt-ring)!important;
}
.single-product .svt-product-scores-row .radial-progress .inset .percentage{
font-size:calc(var(--sz, var(--svt-ring, 54px)) * 0.42)!important;
line-height:1!important;
margin-top:0!important;
}
}
@media(min-width:769px){
body.single-product .summary .svt-product-scores-row,
body.single-product .svt-product-scores-row,
.single-product .svt-product-scores-row{
--svt-ring:60px;
--svt-ring-half:30px;
--svt-inset:48px;
--svt-inset-m:6px;
--svt-item-gap:8px;
--svt-unit-gap:16px;
--svt-cap-lh:1.3;
--svt-cap-row-gap:3px;
margin:10px 0 4px!important;
padding:8px 12px!important;
padding-left:8px!important;
min-height:0!important;
}
.single-product .svt-score-tier-badge,
.single-product .svt-score-tier-badge.is-tier-glow{
height:auto!important;
min-height:0!important;
max-height:none!important;
gap:6px!important;
padding:6px 11px 6px 12px!important;
border-radius:10px!important;
align-self:center!important;
}
.single-product .svt-score-tier-badge__eyebrow{font-size:9px!important;letter-spacing:.04em!important}
.single-product .svt-score-tier-badge__tier{font-size:13px!important;letter-spacing:.02em!important}
.single-product .svt-score-tier-badge--top .svt-score-tier-badge__tier{font-size:14px!important}
.single-product .svt-score-tier-badge--strong .svt-score-tier-badge__tier{font-size:13px!important}
.single-product .svt-score-tier-badge--poor .svt-score-tier-badge__tier{font-size:13px!important}
.single-product .svt-score-tier-badge__icon-svg{
width:18px!important;
height:18px!important;
}
.single-product .svt-product-scores-row .radial-progress,
.single-product .svt-product-scores-row .svt-score-ring{
width:var(--svt-ring)!important;
height:var(--svt-ring)!important;
}
.single-product .svt-product-scores-row .radial-progress .inset .percentage{
font-size:calc(var(--sz, var(--svt-ring, 60px)) * 0.42)!important;
line-height:1!important;
margin-top:0!important;
}
}
@media(min-width:1025px){
body.single-product .summary .svt-product-scores-row,
.single-product .svt-product-scores-row{
--svt-ring:62px;
--svt-ring-half:31px;
--svt-inset:50px;
--svt-inset-m:6px;
--svt-unit-gap:16px;
--svt-item-gap:8px;
}
.single-product .svt-product-scores-row .radial-progress .inset .percentage{
font-size:calc(var(--sz, var(--svt-ring, 62px)) * 0.42)!important;
line-height:1!important;
margin-top:0!important;
}
}
/* No container support: use viewport width as a rough side/under switch */
@supports not (container-type:inline-size){
@media(min-width:768px){
body.single-product .summary .svt-product-scores-row,
body.single-product .svt-product-scores-row,
.single-product .svt-product-scores-row{
justify-content:space-between!important;
}
.single-product .svt-product-scores-row .svt-loop-scores{
flex:1 1 auto!important;
justify-content:space-evenly!important;
gap:var(--svt-unit-gap)!important;
min-width:0!important;
}
.single-product .svt-product-scores-row .svt-product-score-item{
flex-direction:row!important;
align-items:center!important;
flex:0 0 auto!important;
width:auto!important;
min-width:0!important;
max-width:none!important;
overflow:visible!important;
}
.single-product .svt-product-scores-row .svt-product-score-caption,
.single-product .svt-product-scores-row .svt-score-caption{
flex:0 0 auto!important;
width:max-content!important;
max-width:none!important;
align-items:flex-start!important;
text-align:left!important;
font-size:11px!important;
overflow:visible!important;
}
.single-product .svt-product-scores-row .svt-score-caption__word{
white-space:nowrap!important;
overflow:visible!important;
}
}
}
/* Related Products */
.single-product .related-woo-area{margin:8px 0 8px!important;padding-bottom:0!important}
.single-product .related-woo-area > h3{margin:0 0 12px!important}
.single-product .related-woo-area .products{margin-bottom:0!important;margin-top:0!important}
.single-product .related-woo-area .product.col_item{margin-bottom:10px!important}
.single-product .related-woo-area .product.col_item:last-child{margin-bottom:0!important}
.single-product aside.sidebar{margin-top:8px!important}
.single-product .main-side{padding-bottom:0!important;margin-bottom:0!important}
/* Section rhythm: enough air between Usability / Social / Specs / Reviews */
.svt-product-stack .panel,
.svt-product-stack .woocommerce-Tabs-panel,
.svt-stack-section{
display:block!important;
height:auto!important;
overflow:visible!important;
opacity:1;
transform:none;
padding:12px 0!important;
margin:0!important;
border:0!important;
border-top:1px solid rgba(0,0,0,.08)!important;
clear:both;
}
.svt-stack-section:first-child{
border-top:0!important;
padding-top:0!important;
}
@media (prefers-reduced-motion: reduce){
.svt-stack-section .svt-bar-fill{
transition:none!important;
width:var(--svt-bar-w)!important;
}
.svt-score-badge{
transform:none!important;
opacity:1!important;
transition:none!important;
}
.svt-stack-section .svt-stack-head,
.svt-usability-sheet .svt-stack-title,
.svt-social-sheet .svt-stack-title{
opacity:1!important;
transform:none!important;
transition:none!important;
}
}
.svt-product-stack header.svt-stack-head,
.svt-product-stack .svt-stack-head{
margin:0 0 10px;
padding:9px 12px 10px;
background:var(--svt-card,#FFFFFF)!important;
background-color:var(--svt-card,#FFFFFF)!important;
background-image:none!important;
box-shadow:none!important;
border:none!important;
border-bottom:1px solid var(--svt-hairline)!important;
border-radius:6px;
opacity:0;
transform:translateY(18px);
transition:opacity .55s ease, transform .55s cubic-bezier(.22,.61,.36,1);
will-change:opacity, transform;
}
.svt-stack-section.is-in > .svt-stack-head{
opacity:1;
transform:none;
}
.svt-stack-title{
margin:0;
font-size:15px;
line-height:1.25;
font-weight:700;
color:#1a1a1a;
letter-spacing:.12em;
text-transform:uppercase;
}
.svt-stack-body{clear:both}
.svt-stack-section .rh-woo-section-title{display:none}
/* White card: section title + attribute bars. Same recipe as PROS/CONS. */
#tab-svt_usability > .svt-stack-head,
#tab-svt_social > .svt-stack-head{
display:none!important;
}
/* One padding token for Usability, Social, Pros, and Cons. */
.svt-product-stack{
--svt-sheet-pad-y:18px;
--svt-sheet-pad-x:20px;
--svt-sheet-pad:var(--svt-sheet-pad-y) var(--svt-sheet-pad-x);
}
@media (min-width:768px){
.svt-product-stack{
--svt-sheet-pad-y:20px;
--svt-sheet-pad-x:22px;
}
}
.svt-usability-sheet,
.svt-social-sheet,
.svt-pros-cons .wpsm_pros,
.svt-pros-cons .wpsm_cons{
padding:var(--svt-sheet-pad)!important;
}
.svt-usability-sheet,
.svt-social-sheet{
margin:0 0 16px;
background:var(--svt-card,#FFFFFF);
border-radius:12px;
border:1px solid var(--svt-hairline,#E5E1D8);
box-sizing:border-box;
}
.svt-stack-section .svt-usability-sheet h2.svt-stack-title,
.svt-stack-section .svt-social-sheet h2.svt-stack-title{
margin:0 0 22px!important;
padding:0!important;
opacity:0;
transform:translateY(18px);
transition:opacity .55s ease, transform .55s cubic-bezier(.22,.61,.36,1);
will-change:opacity, transform;
}
.svt-stack-section.is-in .svt-usability-sheet .svt-stack-title,
.svt-stack-section.is-in .svt-social-sheet .svt-stack-title{
opacity:1;
transform:none;
}
.svt-usability-sheet .svt-bars,
.svt-social-sheet .svt-bars{
border-top:none!important;
padding-top:0!important;
margin:0!important;
}
.svt-usability-sheet + .svt-score-card-top,
.svt-social-sheet + .svt-score-card-top{
margin-top:8px;
padding-top:0;
border-top:none;
}
/* Additional info attributes: compact rows, no orphan gaps between groups */
#tab-additional_information h2.mt0{display:none!important;margin:0!important;padding:0!important}
.single-product .woocommerce-group-attributes-public{margin:0!important}
.single-product .woocommerce-group-attributes-public table.shop_attributes{
margin:0!important;
width:100%!important;
}
.single-product .woocommerce-group-attributes-public tr.attribute_row > td{padding:0!important}
.single-product .woocommerce-group-attributes-public .attribute_group_name,
.single-product .woocommerce-group-attributes-public tr.attribute_group_row .attribute_group_name,
.single-product #tab-additional_information .attribute_group_name{
padding:8px 12px!important;
background:var(--svt-page,#F2EEE6)!important;
background-color:var(--svt-page,#F2EEE6)!important;
border-radius:6px;
font-weight:700!important;
}
.single-product .woocommerce-group-attributes-public .woocommerce-product-attributes-item th,
.single-product .woocommerce-group-attributes-public .woocommerce-product-attributes-item td{
padding-top:6px!important;
padding-bottom:6px!important;
font-size:16px!important;
line-height:1.6!important;
}
.svt-stack-collapse-btn{
display:none;
flex:0 0 auto;
align-items:center;
justify-content:center;
margin:0;
padding:4px;
border:0;
background:none;
color:var(--svt-click,#4974c4);
cursor:pointer;
line-height:0;
}
@media (max-width:899px){
#tab-additional_information.svt-stack-collapsible > .svt-stack-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
cursor:pointer;
}
#tab-additional_information.svt-stack-collapsible:not(.is-open) > .svt-stack-head{
margin-bottom:0;
}
#tab-additional_information.svt-stack-collapsible:not(.is-open) > .svt-stack-body{
display:none!important;
}
#tab-additional_information.svt-stack-collapsible .svt-stack-collapse-btn{
display:inline-flex;
}
#tab-additional_information.svt-stack-collapsible.is-open .svt-stack-collapse-btn .svt-prose-chevron{
transform:rotate(225deg);
translate:0 0.15em;
}
}
#tab-reviews .mb20.rh-line,
#tab-reviews .mb20.mt20.rh-line{
margin:10px 0!important;
}
#tab-reviews h2.rh-heading-icon.woocommerce-Reviews-title::before,
.svt-product-stack .rh-heading-icon::before{
color:var(--svt-click)!important;
}
#tab-reviews .woo-rev-part .wpsm-button,
#tab-reviews .woo-rev-part .wpsm-button.medium,
#tab-reviews .woo-rev-part .wpsm-button.rehub_main_btn,
#tab-reviews .woo-rev-part span.wpsm-button,
#tab-reviews .woo-rev-part a.wpsm-button,
#tab-reviews .woo-rev-part .rev-btn{
background:var(--svt-click)!important;
background-color:var(--svt-click)!important;
background-image:none!important;
border-color:var(--svt-click)!important;
color:#fff!important;
box-shadow:none!important;
}
#tab-reviews .woo-rev-part .wpsm-button:hover,
#tab-reviews .woo-rev-part .wpsm-button:focus,
#tab-reviews .woo-rev-part .wpsm-button:active,
#tab-reviews .woo-rev-part .wpsm-button.rehub_main_btn:hover,
#tab-reviews .woo-rev-part .wpsm-button.rehub_main_btn:focus,
#tab-reviews .woo-rev-part .wpsm-button.rehub_main_btn:active,
#tab-reviews .woo-rev-part span.wpsm-button:hover,
#tab-reviews .woo-rev-part a.wpsm-button:hover,
#tab-reviews .woo-rev-part .rev-btn:hover{
background:var(--svt-click-deep)!important;
background-color:var(--svt-click-deep)!important;
border-color:var(--svt-click-deep)!important;
color:#fff!important;
transform:none!important;
}
.svt-tab{padding:2px 0 0}
.svt-score-card{margin:0!important}
.svt-score-card-top{
display:block;
margin:0 0 10px;
}
.svt-score-card-top::after{
content:"";
display:table;
clear:both;
}
.svt-score-card-top--with-bars{margin:0}
.svt-score-card-top--with-bars .svt-bars{
clear:both;
border-top:0;
padding-top:6px;
margin-top:0;
}
.svt-score-badge{
float:left;
position:relative;
z-index:2;
width:96px;
margin:0 18px 8px 0;
text-align:center;
line-height:1;
transform:none;
opacity:.88;
transition:opacity .45s ease;
overflow:visible;
}
.svt-score-badge .svt-loop-circle{
transform:none;
transform-origin:top center;
}
.svt-score-badge.is-done{
opacity:1;
}
.svt-score-badge.is-done .svt-loop-circle{
transform:none;
}
.svt-score-badge.is-ring{
width:96px;
background:none;
--svt-ring-pct:0%;
}
.svt-score-badge.is-ring .svt-loop-circle{
display:block;
position:relative;
width:96px;
height:96px;
margin:0 auto;
overflow:visible;
line-height:0;
}
.svt-score-badge.is-ring .radial-progress{
display:block;
position:relative;
z-index:1;
width:96px;
height:96px;
margin:0;
overflow:visible;
border-radius:50%;
}
/* Thinner stroke: same 96 outer, larger inset (6px ring vs ~10px). */
.svt-score-badge.is-ring .radial-progress .inset{
position:absolute;
z-index:3;
display:flex;
align-items:center;
justify-content:center;
inset:var(--ring)!important;
width:auto!important;
height:auto!important;
margin:0!important;
background:var(--svt-ink)!important;
background-color:var(--svt-ink)!important;
box-shadow:none;
}
.svt-score-badge.is-ring .radial-progress .inset .percentage,
.svt-score-badge.is-ring .svt-score-num{
display:block;
width:auto;
background:none!important;
color:#fff!important;
font-size:40px;
font-weight:700;
line-height:1;
margin:0;
padding:0;
font-variant-numeric:tabular-nums;
}
.svt-score-badge.is-ring .svt-score-label{
display:block;
background:none;
color:var(--svt-ink);
font-size:10px;
font-weight:700;
letter-spacing:.06em;
text-transform:uppercase;
padding:14px 0 0;
line-height:1.25;
}
.svt-score-badge.is-ring.is-unscored .radial-progress{
background-color:color-mix(in srgb,var(--svt-added) 22%,var(--svt-hairline,#E5E1D8));
}
.svt-score-badge.is-ring.is-unscored .radial-progress .circle .mask .fill{
background:transparent!important;
}
.svt-score-num{
display:block;
background:var(--svt-ink);
color:var(--svt-paper);
font-size:36px;
font-weight:700;
padding:16px 0;
font-variant-numeric:tabular-nums;
}
.svt-score-label{display:block;background:var(--svt-ink);color:var(--svt-paper);font-size:9px;font-weight:700;
letter-spacing:.8px;text-transform:uppercase;padding:6px 0}
.svt-score-badge.is-blue .svt-score-num{background:var(--svt-ink)}
.svt-score-card-prose{
display:flow-root;
overflow:visible;
}
.svt-score-card-prose > :first-child{margin-top:0!important;padding-top:0!important}
.svt-score-card-lead{display:contents}
.svt-score-card-heading{
font-size:22px;
line-height:1;
font-weight:700;
color:#1a1a1a;
margin:4px 0 12px;
}
.svt-score-card-summary{
font-size:16px;
line-height:1.6;
color:#5a5a5a;
margin:0;
}
.svt-score-card-prose.is-svt-clamped:not(.is-open){
overflow:hidden;
position:relative;
}
.svt-score-card-prose.is-svt-clamped:not(.is-open)::after{
content:"";
position:absolute;
z-index:0;
left:0;
right:0;
bottom:0;
height:2.4em;
pointer-events:none;
background:linear-gradient(to bottom,transparent,var(--svt-page,#F2EEE6));
}
.svt-score-card-more{
display:flex;
justify-content:flex-end;
}
.svt-prose-clip{
position:relative;
clear:none;
display:flex;
flex-direction:column;
align-items:stretch;
}
.svt-prose-clip .svt-prose-body{
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:7;
overflow:hidden;
margin:0;
width:100%;
}
.svt-prose-clip .svt-prose-body--box{
display:block!important;
-webkit-box-orient:initial;
-webkit-line-clamp:unset;
overflow:hidden!important;
/* max-height set in JS to 7 collective lines */
}
.svt-prose-clip.is-open .svt-prose-body{
display:block;
-webkit-line-clamp:unset;
overflow:visible;
}
.svt-prose-clip.is-open .svt-prose-body--box{
max-height:none!important;
overflow:visible!important;
}
.svt-prose-clip .svt-prose-body--box > *:first-child{margin-top:0!important}
.svt-prose-clip .svt-prose-body--box > *:last-child{margin-bottom:0!important}
.svt-prose-clip:not(.is-open)::after{
content:"";
position:absolute;
left:0;
right:0;
bottom:2.1em;
height:2.4em;
pointer-events:none;
background:linear-gradient(to bottom,transparent,var(--svt-page,#F2EEE6));
}
/* Fade sits on the clipped body so later paragraphs cannot peek past Show more. */
.svt-prose-clip:not(.is-open) > .svt-prose-body--box{
position:relative;
}
.svt-prose-clip:not(.is-open) > .svt-prose-body--box::after{
content:"";
position:absolute;
left:0;
right:0;
bottom:0;
height:2.4em;
pointer-events:none;
background:linear-gradient(to bottom,transparent,var(--svt-page,#F2EEE6));
}
.svt-prose-clip:not(.is-open):has(> .svt-prose-body--box)::after{
content:none;
}
.svt-prose-toggle{
display:inline-flex;
align-items:center;
align-self:flex-end;
gap:6px;
margin-top:8px;
padding:0;
border:0;
background:none;
color:var(--svt-click,#4974c4);
font-size:14px;
font-weight:700;
line-height:1.3;
cursor:pointer;
text-decoration:underline;
text-underline-offset:2px;
}
.svt-product-stack .svt-prose-toggle{
margin-top:var(--svt-sheet-pad-y,18px);
}
.svt-prose-toggle:hover,
.svt-prose-toggle:focus-visible{
color:var(--svt-click-deep,#3a5d9c);
}
.svt-prose-chevron{
display:inline-block;
width:0.55em;
height:0.55em;
border-right:2px solid currentColor;
border-bottom:2px solid currentColor;
transform:rotate(45deg);
translate:0 -0.1em;
transition:transform .2s ease;
}
.svt-prose-toggle[aria-expanded=true] .svt-prose-chevron,
.svt-prose-clip.is-open .svt-prose-chevron,
.svt-pros-cons .wpsm_pros.is-open .svt-prose-chevron,
.svt-pros-cons .wpsm_cons.is-open .svt-prose-chevron{
transform:rotate(225deg);
translate:0 0.15em;
}
.svt-tab-intro{
clear:none;
margin:0;
}
.svt-score-card-prose > .svt-score-card-summary:first-of-type{
margin-top:-2px!important;
}
.svt-score-card-prose > .svt-score-card-heading + .svt-score-card-summary{
margin-top:0!important;
}
.svt-tab-intro p{margin:0 0 .75em}
.svt-tab-intro p:last-child{margin-bottom:0}
.svt-score-card-top--with-bars .svt-score-card-lead{
display:block;
min-width:0;
overflow:visible;
}
.svt-score-card-top--with-bars .svt-score-badge{
float:left;
margin:0 18px 14px 0;
}
.svt-tab-description{
clear:both;
padding-top:14px;
margin-top:28px!important;
border-top:1px solid rgba(0,0,0,.08);
}
.svt-tab-description > *:first-child{margin-top:0!important}
.svt-pros-cons{
margin:14px 0 0!important;
padding:0!important;
overflow:visible!important;
display:grid!important;
grid-template-columns:1fr;
gap:14px;
align-items:start;
}
@media (min-width:768px){
/* Equal space above PROS/CONS and below (to the description rule). */
.svt-pros-cons{
margin:16px 0 0!important;
grid-template-columns:1fr 1fr;
gap:16px;
align-items:stretch;
}
.svt-pros-cons + .svt-tab-description{
margin-top:16px!important;
padding-top:16px;
}
}
.svt-pros-cons::after{display:none!important}
.svt-pros-cons .wpsm-one-half{
float:none!important;
width:100%!important;
margin:0!important;
padding:0!important;
box-sizing:border-box;
display:flex;
flex-direction:column;
min-width:0;
}
.svt-pros-cons .wpsm-column-last::after{
content:none!important;
display:none!important;
}
.svt-pros-cons .wpsm_pros,
.svt-pros-cons .wpsm_cons{
margin:0!important;
box-sizing:border-box!important;
width:100%!important;
max-width:100%!important;
background:var(--svt-card,#FFFFFF)!important;
border-radius:12px;
border:1px solid var(--svt-hairline,#E5E1D8);
display:flex;
flex-direction:column;
}
/* Mobile: hard cap at 4. Desktop fit is JS (fill equal-height card space). */
@media (max-width:767px){
.svt-pros-cons .wpsm_pros:not(.is-open) ul > li:nth-child(n+5),
.svt-pros-cons .wpsm_cons:not(.is-open) ul > li:nth-child(n+5){
display:none!important;
}
.svt-pros-cons .wpsm_pros:not(.is-open) ul > li:nth-child(4),
.svt-pros-cons .wpsm_cons:not(.is-open) ul > li:nth-child(4){
margin-bottom:0!important;
}
}
@media (min-width:768px){
.svt-pros-cons .wpsm_pros:not(.is-open) ul > li.is-svt-clip-hide,
.svt-pros-cons .wpsm_cons:not(.is-open) ul > li.is-svt-clip-hide{
display:none!important;
}
}
.svt-pros-cons .wpsm_pros > .svt-prose-toggle,
.svt-pros-cons .wpsm_cons > .svt-prose-toggle{
align-self:flex-end;
flex-shrink:0;
margin-top:var(--svt-sheet-pad-y,18px);
}
/* Clip leftover lines and fade them into the card so they cannot run over Show more. */
.svt-pros-cons .wpsm_pros:not(.is-open) > ul,
.svt-pros-cons .wpsm_cons:not(.is-open) > ul{
flex:1 1 auto;
min-height:0;
overflow:hidden;
position:relative;
}
.svt-pros-cons .wpsm_pros.is-svt-fade:not(.is-open) > ul::after,
.svt-pros-cons .wpsm_cons.is-svt-fade:not(.is-open) > ul::after{
content:"";
position:absolute;
left:0;
right:0;
bottom:0;
height:2.4em;
pointer-events:none;
background:linear-gradient(to bottom,transparent,var(--svt-card,#FFFFFF));
}
@media (min-width:768px){
.svt-pros-cons .wpsm_pros,
.svt-pros-cons .wpsm_cons{
/* Stretch both cards to the taller column on desktop. */
flex:1 1 auto;
min-height:100%;
}
}
.svt-pros-cons .wpsm_pros .title_pros,
.svt-pros-cons .wpsm_cons .title_cons{margin:0 0 8px!important}
.svt-pros-cons .wpsm_pros ul,
.svt-pros-cons .wpsm_cons ul{margin:0!important;padding:0!important}
.svt-pros-cons .wpsm_pros ul li,
.svt-pros-cons .wpsm_cons ul li{margin:0 0 6px!important}
.svt-pros-cons .wpsm_pros ul li:last-child,
.svt-pros-cons .wpsm_cons ul li:last-child{margin-bottom:0!important}
/* Match check-circle-solid with times-circle-solid (theme uses thin FA \f00d) */
.svt-pros-cons .wpsm_cons ul li::before{
content:"\e927"!important;
font-size:18px!important;
color:var(--svt-con)!important;
}
.svt-pros-cons .wpsm_pros ul li::before,
.svt-pros-cons .wpsm_cons ul li::before{
opacity:0;
transform:translateY(10px) scale(.72);
transition:opacity .7s ease, transform .75s cubic-bezier(.22,.61,.36,1);
will-change:opacity, transform;
}
/* Each line fires when it enters view (same idea as score bars). */
.svt-pros-cons .wpsm_pros ul li.is-icons-in::before,
.svt-pros-cons .wpsm_cons ul li.is-icons-in::before{
opacity:1;
transform:none;
}
@media(prefers-reduced-motion:reduce){
.svt-pros-cons .wpsm_pros ul li::before,
.svt-pros-cons .wpsm_cons ul li::before{
opacity:1!important;
transform:none!important;
transition:none!important;
}
}
/* Prose: one body size across product stack */
.svt-stack-section .svt-stack-body p,
.svt-stack-section .svt-tab-description p,
.svt-stack-section .svt-tab-intro p,
.svt-stack-section .svt-score-card-summary,
.svt-stack-section .svt-bar-summary,
.svt-stack-section .svt-bar-summary p{
font-size:16px!important;
line-height:1.6!important;
}
.svt-stack-section .svt-stack-body p,
.svt-stack-section .svt-tab-description p,
.svt-stack-section .svt-tab-intro p,
.svt-stack-section .svt-score-card-summary{
margin-top:0!important;
margin-bottom:.7em!important;
}
.svt-pros-cons .wpsm_pros ul li,
.svt-pros-cons .wpsm_cons ul li{
font-size:16px!important;
line-height:1.6!important;
}
.svt-stack-section .svt-stack-body p:last-child,
.svt-stack-section .svt-tab-description p:last-child,
.svt-stack-section .svt-tab-intro p:last-child,
.svt-stack-section .svt-bar-summary p:last-child{
margin-bottom:0!important;
}
.svt-stack-section .svt-stack-body h2:not(.svt-stack-title),
.svt-stack-section .svt-stack-body h3,
.svt-stack-section .svt-stack-body h4,
.svt-stack-section .svt-tab-description h2,
.svt-stack-section .svt-tab-description h3,
.svt-stack-section .svt-tab-description h4{
margin-top:1.1em!important;
margin-bottom:.4em!important;
line-height:1.3!important;
}
.svt-stack-section .svt-tab-description > h2:first-child,
.svt-stack-section .svt-tab-description > h3:first-child,
.svt-stack-section .svt-tab-description > h4:first-child,
.svt-stack-section .svt-tab-description > p:first-child + h3,
.svt-stack-section .svt-tab-description h3:first-of-type{
margin-top:.85em!important;
}
.svt-stack-section .svt-stack-body ul,
.svt-stack-section .svt-stack-body ol,
.svt-stack-section .svt-tab-description ul,
.svt-stack-section .svt-tab-description ol{
margin-top:.4em!important;
margin-bottom:.7em!important;
}
.svt-stack-section .svt-stack-body li,
.svt-stack-section .svt-tab-description li{
margin-top:0!important;
margin-bottom:.4em!important;
line-height:1.55!important;
}
.svt-stack-section .svt-pros-cons .wpsm_pros ul,
.svt-stack-section .svt-pros-cons .wpsm_cons ul{
margin:0!important;
padding:0!important;
}
.svt-stack-section .svt-pros-cons .wpsm_pros ul li,
.svt-stack-section .svt-pros-cons .wpsm_cons ul li{
margin:0 0 6px!important;
line-height:1.6!important;
}
.svt-stack-section .svt-pros-cons .wpsm_pros ul li:last-child,
.svt-stack-section .svt-pros-cons .wpsm_cons ul li:last-child{
margin-bottom:0!important;
}
/* Desktop: bars fill with section. Mobile: stay empty until .svt-bars is in view. */
.svt-stack-section .svt-bar-fill{
width:var(--svt-bar-w)!important;
transition:none;
}
.svt-stack-section.is-animating .svt-bar-fill{width:0!important}
@media (max-width:767px){
.single-product .summary .product_title.entry-title,
.single-product .summary h1.product_title{
padding-left:16px!important;
box-sizing:border-box!important;
}
/*
* Hide last breadcrumb (product title text node) and trailing delimiter.
* Category trail (Home > … > last category) stays; gallery shifts up.
* Last crumb is a text node (not a link); font-size:0 removes it.
*/
.single-product nav.woocommerce-breadcrumb{
font-size:0;
line-height:0;
}
.single-product nav.woocommerce-breadcrumb a,
.single-product nav.woocommerce-breadcrumb span.delimiter,
.single-product nav.woocommerce-breadcrumb span.delimiter i{
font-size:14px;
line-height:18px;
}
.single-product nav.woocommerce-breadcrumb > span.delimiter:last-child,
.single-product nav.woocommerce-breadcrumb span:last-child:not(.delimiter){
display:none!important;
}
}
@media(max-width:600px){
/* Product image: 25% smaller than full-width default, centered */
.single-product .woocommerce-breadcrumb{
margin:4px 0 6px!important;
}
.single-product .woo-image-part{
width:75%!important;
max-width:75%!important;
margin:0 auto 6px!important;
}
.single-product .woo-image-part .woocommerce-product-gallery,
.single-product .woo-image-part .woocommerce-product-gallery__wrapper,
.single-product .woo-image-part .woocommerce-product-gallery__image{
width:100%!important;
max-width:100%!important;
}
.single-product .woo-image-part .wp-post-image{
width:100%!important;
height:auto!important;
max-width:100%!important;
}
/* Product title: 25% smaller than mobile default (~29px) */
.single-product .summary .product_title.entry-title,
.single-product .summary h1.product_title{
font-size:21.75px!important;
line-height:1.25!important;
text-align:left!important;
max-height:calc(1.25em * 3 + 8px)!important;
padding-left:16px!important;
box-sizing:border-box!important;
}
/*
* Mobile CTA: price left; Compare + Buy capped at 80% and pinned right.
*/
.single-product .summary .re_wooinner_cta_wrapper,
.single-product .summary .priced_block{
display:flex!important;
flex-direction:row!important;
flex-wrap:nowrap!important;
align-items:center!important;
justify-content:flex-start!important;
gap:16px!important;
width:100%!important;
max-width:100%!important;
padding:0!important;
box-sizing:border-box!important;
}
.single-product .summary .woo-price-area,
.single-product .summary .rh_price_wrapper,
.single-product .summary .re_wooinner_cta_wrapper > p.price,
.single-product .summary .priced_block .rh_price_wrapper{
flex:0 0 auto!important;
width:auto!important;
max-width:none!important;
min-width:0!important;
margin:0!important;
height:36px!important;
min-height:36px!important;
max-height:36px!important;
justify-content:flex-start!important;
}
.single-product .summary p.price,
.single-product .summary .price,
.single-product .summary .woo-price-area .price,
.single-product .summary .rh_price_wrapper .price{
font-size:20px!important;
font-weight:700!important;
line-height:1.1!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
.single-product .summary .svt-single-cta-actions,
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-cta-actions,
body.single-product .summary .priced_block .svt-single-cta-actions{
display:flex!important;
flex-direction:row!important;
flex-wrap:nowrap!important;
align-items:stretch!important;
justify-content:flex-start!important;
gap:10px!important;
flex:1 1 auto!important;
width:auto!important;
max-width:80%!important;
min-width:0!important;
margin:0 0 0 auto!important;
padding:0!important;
box-sizing:border-box!important;
}
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-cta-actions > *,
body.single-product .summary .priced_block .svt-single-cta-actions > *,
.single-product .summary .svt-single-cta-actions > *{
flex:1 1 0%!important;
flex-grow:1!important;
flex-shrink:1!important;
flex-basis:0%!important;
min-width:0!important;
width:0!important;
max-width:none!important;
box-sizing:border-box!important;
}
.single-product .summary .re_wooinner_cta_wrapper > .wpsm-button-new-compare,
.single-product .summary .priced_block > .wpsm-button-new-compare{
margin-left:0!important;
}
/* Equal siblings: never width:100% on flex items (breaks equal basis) */
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-cta-actions > .svt-single-compare-shell,
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-cta-actions > .wpsm-button-new-compare,
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-cta-actions > .woo-button-area,
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-cta-actions > .rh_button_wrapper,
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-cta-actions > form.cart,
.single-product .summary .svt-single-cta-actions > .svt-single-compare-shell,
.single-product .summary .svt-single-cta-actions > .wpsm-button-new-compare,
.single-product .summary .svt-single-cta-actions > .woo-button-area,
.single-product .summary .svt-single-cta-actions > .rh_button_wrapper,
.single-product .summary .svt-single-cta-actions > form.cart{
flex:1 1 0%!important;
flex-grow:1!important;
flex-shrink:1!important;
flex-basis:0%!important;
width:0!important;
min-width:0!important;
max-width:none!important;
margin:0!important;
padding:0!important;
float:none!important;
box-sizing:border-box!important;
}
/* Shop + Compare shells only — do not force block on bare Compare chip */
body.single-product .summary .re_wooinner_cta_wrapper .woo-button-area,
body.single-product .summary .re_wooinner_cta_wrapper .rh_button_wrapper,
.single-product .summary .woo-button-area,
.single-product .summary .rh_button_wrapper,
.single-product .summary form.cart,
.single-product .summary .svt-single-cta-actions > .svt-single-compare-shell,
.single-product .summary .svt-single-cta-actions > .woo-button-area,
.single-product .summary .svt-single-cta-actions > .rh_button_wrapper,
.single-product .summary .svt-single-cta-actions > form.cart{
display:block!important;
align-self:stretch!important;
float:none!important;
padding:0!important;
margin:0!important;
width:0!important;
min-width:0!important;
max-width:none!important;
flex:1 1 0%!important;
height:36px!important;
min-height:36px!important;
max-height:36px!important;
line-height:1!important;
box-sizing:border-box!important;
overflow:hidden!important;
}
body.single-product .summary .re_wooinner_cta_wrapper .woo-button-area > *,
.single-product .summary .svt-single-cta-actions .woo-button-area > *,
.single-product .summary .svt-single-cta-actions .rh_button_wrapper > *,
.single-product .summary .svt-single-cta-actions .woo-button-area .coupon_woo_rehub,
.single-product .summary .svt-single-cta-actions .woo-button-area .cart,
.single-product .summary .svt-single-cta-actions .woo-button-area p.cart,
.single-product .summary .woo-button-area .coupon_woo_rehub,
.single-product .summary .woo-button-area .cart,
.single-product .summary .woo-button-area p.cart{
width:100%!important;
min-width:0!important;
max-width:100%!important;
margin:0!important;
padding:0!important;
float:none!important;
display:flex!important;
align-items:stretch!important;
height:36px!important;
min-height:36px!important;
max-height:36px!important;
line-height:1!important;
box-sizing:border-box!important;
overflow:hidden!important;
}
/* Mobile Compare: keep H+V center; equal flex half (width 0 + flex 1 1 0%) when bare */
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-compare,
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-cta-actions > .wpsm-button-new-compare,
body.single-product .summary .priced_block .svt-single-compare,
.single-product .summary .svt-single-compare.wpsm-button.wpsm-button-new-compare,
.single-product .summary .svt-single-compare.wpsm-button.svt-footer-compare,
.single-product .summary .wpsm-button-new-compare.svt-footer-compare,
.single-product .summary .re_wooinner_cta_wrapper > .wpsm-button-new-compare,
.single-product .summary .priced_block > .wpsm-button-new-compare,
.single-product .summary .svt-single-cta-actions > .wpsm-button-new-compare{
display:flex!important;
align-items:center!important;
justify-content:center!important;
flex-direction:row!important;
flex:1 1 0%!important;
flex-grow:1!important;
flex-shrink:1!important;
flex-basis:0%!important;
min-width:0!important;
height:36px!important;
min-height:36px!important;
max-height:36px!important;
padding:0 6px!important;
margin:0!important;
gap:5px!important;
font-size:11px!important;
line-height:1!important;
text-align:center!important;
white-space:nowrap!important;
width:0!important;
max-width:none!important;
float:none!important;
position:static!important;
top:auto!important;
overflow:hidden!important;
box-sizing:border-box!important;
align-self:stretch!important;
}
body.single-product .summary .svt-single-cta-actions > .svt-single-compare-shell > .wpsm-button-new-compare,
body.single-product .summary .svt-single-cta-actions > .svt-single-compare-shell > .svt-single-compare,
.single-product .summary .svt-single-compare-shell .svt-single-compare.wpsm-button.wpsm-button-new-compare{
flex:none!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
align-self:stretch!important;
}
/* Mobile idle Compare: beat leftover --svt-hairline / grey border. */
body.single-product .summary .svt-single-compare-shell > .wpsm-button:not(.comparing),
body.single-product .summary .svt-single-compare-shell > .svt-single-compare:not(.comparing),
body.single-product .summary .svt-single-compare-shell > .add_to_compare_button:not(.comparing),
body.single-product .summary .svt-single-compare-shell .wpsm-button-new-compare:not(.comparing),
body.single-product .summary .svt-single-compare-shell .add_to_compare_button:not(.comparing),
.single-product .summary .svt-single-compare.wpsm-button.wpsm-button-new-compare:not(.comparing),
.single-product .summary .svt-single-compare-shell .svt-single-compare.wpsm-button.wpsm-button-new-compare:not(.comparing){
border:1px solid var(--svt-card)!important;
border-color:var(--svt-card)!important;
background:var(--svt-card)!important;
background-color:var(--svt-card)!important;
box-sizing:border-box!important;
height:36px!important;
min-height:36px!important;
max-height:36px!important;
}
.single-product .summary .svt-single-compare.wpsm-button.wpsm-button-new-compare:not(.comparing):hover,
.single-product .summary .svt-single-compare-shell .wpsm-button-new-compare:not(.comparing):hover,
.single-product .summary .svt-single-compare-shell .add_to_compare_button:not(.comparing):hover{
background:var(--svt-compare-hover-bg)!important;
background-color:var(--svt-compare-hover-bg)!important;
border:1px solid var(--svt-slate)!important;
border-color:var(--svt-slate)!important;
box-sizing:border-box!important;
height:36px!important;
min-height:36px!important;
max-height:36px!important;
}
.single-product .summary .svt-single-compare.wpsm-button.wpsm-button-new-compare::before,
.single-product .summary .svt-single-compare.wpsm-button.svt-footer-compare::before,
.single-product .summary .re_wooinner_cta_wrapper > .wpsm-button-new-compare::before,
.single-product .summary .priced_block > .wpsm-button-new-compare::before,
.single-product .summary .svt-single-cta-actions > .wpsm-button-new-compare::before{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
align-self:center!important;
width:14px!important;
height:14px!important;
min-width:14px!important;
min-height:14px!important;
margin:0!important;
padding:0!important;
font-size:12px!important;
line-height:1!important;
position:static!important;
float:none!important;
}
.single-product .summary .svt-single-compare.wpsm-button .comparelabel,
.single-product .summary .re_wooinner_cta_wrapper > .wpsm-button-new-compare .comparelabel,
.single-product .summary .priced_block > .wpsm-button-new-compare .comparelabel,
.single-product .summary .svt-single-cta-actions > .wpsm-button-new-compare .comparelabel{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
align-self:center!important;
line-height:1!important;
margin:0!important;
padding:0!important;
float:none!important;
position:static!important;
}
.single-product .summary .svt-single-compare.wpsm-button:not(.comparing) .comparelabel,
.single-product .summary .re_wooinner_cta_wrapper > .wpsm-button-new-compare:not(.comparing) .comparelabel,
.single-product .summary .priced_block > .wpsm-button-new-compare:not(.comparing) .comparelabel,
.single-product .summary .svt-single-cta-actions > .wpsm-button-new-compare:not(.comparing) .comparelabel{
font-size:11px!important;
}
.single-product .summary .svt-single-compare.wpsm-button.comparing .comparelabel::after,
.single-product .summary .re_wooinner_cta_wrapper > .wpsm-button-new-compare.comparing .comparelabel::after,
.single-product .summary .priced_block > .wpsm-button-new-compare.comparing .comparelabel::after,
.single-product .summary .svt-single-cta-actions > .wpsm-button-new-compare.comparing .comparelabel::after{
font-size:10px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
line-height:1!important;
}
.single-product .summary .woo-button-area .cart,
.single-product .summary .woo-button-area form.cart,
.single-product .summary .svt-single-cta-actions .woo-button-area form.cart,
.single-product .summary .svt-single-cta-actions form.cart > *{
min-width:0!important;
width:100%!important;
display:block!important;
}
body.single-product .summary .re_wooinner_cta_wrapper .woo-button-area a,
body.single-product .summary .re_wooinner_cta_wrapper .woo-button-area .btn_offer_block,
body.single-product .summary .re_wooinner_cta_wrapper .woo-button-area .rehub_main_btn,
body.single-product .summary .re_wooinner_cta_wrapper .woo-button-area .button,
body.single-product .summary .re_wooinner_cta_wrapper .woo-button-area .single_add_to_cart_button,
.single-product .summary .woo-button-area .single_add_to_cart_button,
.single-product .summary form.cart .single_add_to_cart_button,
.single-product .summary a.single_add_to_cart_button,
.single-product .summary a.btn_offer_block,
.single-product .summary .btn_offer_block:not(.wpsm-button-new-compare):not(.svt-single-compare),
.single-product .summary a.svt-buy-now,
.single-product .summary .woo-button-area .button,
.single-product .summary .woo-button-area a:not(.wpsm-button-new-compare):not(.svt-single-compare),
.single-product .summary .woo-button-area .rehub_main_btn,
.single-product .summary .svt-single-cta-actions .single_add_to_cart_button,
.single-product .summary .svt-single-cta-actions a.btn_offer_block,
.single-product .summary .svt-single-cta-actions a.svt-buy-now,
.single-product .summary .svt-single-cta-actions .woo-button-area .button,
.single-product .summary .svt-single-cta-actions .woo-button-area a{
display:flex!important;
align-items:center!important;
justify-content:center!important;
flex:none!important;
width:100%!important;
min-width:0!important;
max-width:100%!important;
height:36px!important;
min-height:36px!important;
max-height:36px!important;
padding:0 8px!important;
padding-top:0!important;
padding-bottom:0!important;
font-size:11px!important;
letter-spacing:.02em!important;
line-height:1!important;
white-space:nowrap!important;
box-sizing:border-box!important;
overflow:hidden!important;
}
.single-product .summary .woo-button-area .single_add_to_cart_button .svt-buy-now__label,
.single-product .summary .woo-button-area .single_add_to_cart_button .button_text,
.single-product .summary a.btn_offer_block .svt-buy-now__label,
.single-product .summary a.btn_offer_block .button_text,
.single-product .summary a.svt-buy-now .svt-buy-now__label,
.single-product .summary .svt-single-cta-actions .svt-buy-now__label{
font-size:11px!important;
white-space:nowrap!important;
}
.svt-stack-section{padding:10px 0!important}
.svt-stack-title{font-size:14px;letter-spacing:.1em}
.svt-score-badge{width:96px;margin:0 16px 12px 0}
.svt-score-num{font-size:34px;padding:16px 0}
.svt-score-card-heading{font-size:18px}
.svt-stack-section .svt-bar-fill{width:0!important}
.svt-stack-section .svt-bar-row[data-svt-bar="1"] .svt-bar-fill{width:var(--svt-bar-w)!important}
.svt-stack-section .svt-bars.is-bars-in .svt-bar-fill{width:var(--svt-bar-w)!important}
.svt-stack-section .svt-bars.is-bars-animating .svt-bar-row:not([data-svt-bar="1"]) .svt-bar-fill{width:0!important}
/* Scores row layout: see main CQ block above (no late override). */
}
.svt-bars{border-top:1px solid #e6e6e6;padding-top:12px;margin-top:8px}
/* Hold each row empty until that row scrolls in (not the whole group). */
.svt-product-stack .svt-bar-row:not([data-svt-bar="1"]) .svt-bar-fill{
width:0!important;
}
.svt-product-stack .svt-bar-row[data-svt-bar="1"] .svt-bar-fill{
width:var(--svt-bar-w,0%);
}
.svt-score-card > .svt-bars:first-child{
border-top:0;
padding-top:0;
margin-top:0;
margin-bottom:28px;
}
.svt-bars + .svt-score-card-top{
position:relative;
clear:both;
width:100%;
margin-top:8px;
padding-top:14px;
border-top:1px solid #e5e5e5;
box-sizing:border-box;
}
.svt-bars + .svt-score-card-top .svt-score-card-heading{
margin-top:0;
}
.svt-tab-social .svt-bars + .svt-score-card-top{
border-top:1px solid #e5e5e5;
}
.svt-bar-row{margin-bottom:10px}
.svt-bar-row:last-child{margin-bottom:0}
.svt-bar-row.has-logo{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:18px;align-items:start}
.svt-bar-logo{width:40px;height:40px;margin-top:2px;display:flex;align-items:center;justify-content:center;color:var(--svt-ink);opacity:0;transform:translateY(8px) scale(.75);transition:opacity .4s ease,transform .45s cubic-bezier(.22,.61,.36,1);will-change:opacity,transform}
.svt-bar-logo-svg{width:40px;height:40px;display:block}
.svt-bars.is-icons-in .svt-bar-logo{opacity:1;transform:none}
.svt-bar-row.is-icons-in .svt-bar-logo{opacity:1;transform:none;transition-delay:0ms!important}
.svt-bars.is-icons-in .svt-bar-row.has-logo:nth-child(1) .svt-bar-logo{transition-delay:0ms}
.svt-bars.is-icons-in .svt-bar-row.has-logo:nth-child(2) .svt-bar-logo{transition-delay:70ms}
.svt-bars.is-icons-in .svt-bar-row.has-logo:nth-child(3) .svt-bar-logo{transition-delay:140ms}
.svt-bars.is-icons-in .svt-bar-row.has-logo:nth-child(4) .svt-bar-logo{transition-delay:210ms}
.svt-bars.is-icons-in .svt-bar-row.has-logo:nth-child(5) .svt-bar-logo{transition-delay:280ms}
.svt-bars.is-icons-in .svt-bar-row.has-logo:nth-child(6) .svt-bar-logo{transition-delay:350ms}
.svt-bars.is-icons-in .svt-bar-row.has-logo:nth-child(7) .svt-bar-logo{transition-delay:420ms}
.svt-bars.is-icons-in .svt-bar-row.has-logo:nth-child(8) .svt-bar-logo{transition-delay:490ms}
.svt-bars.is-icons-in .svt-bar-row.has-logo:nth-child(n+9) .svt-bar-logo{transition-delay:560ms}
@media(prefers-reduced-motion:reduce){
.svt-bar-logo{opacity:1!important;transform:none!important;transition:none!important}
}
.svt-bar-main{min-width:0}
.svt-bar-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:4px}
.svt-bar-name{font-size:16px;font-weight:600;color:#1a1a1a;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.svt-bar-score{font-size:16px;font-weight:700;color:#1a1a1a;flex:0 0 auto;white-space:nowrap;margin-left:auto}
/* Scope label. .svt-bar-head is display:flex with justify-content:space-between,
which parks a THIRD child in the middle of the row rather than beside the
first. margin-left:auto on the score is what keeps the label next to the
pool name and the score hard right, and it is a no-op on the two-child
heads that carry no label. */
.svt-bar-scope{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--svt-slate-ink);flex:0 0 auto;white-space:nowrap}/*b55 was --svt-slate at opacity .8 = #949088, 3.18*/
@media (max-width:767px){
.svt-bar-row.has-logo{grid-template-columns:34px minmax(0,1fr);column-gap:12px}
.svt-bar-logo,.svt-bar-logo-svg{width:32px;height:32px}
.svt-bar-name,.svt-bar-score{font-size:14px}
.svt-bar-scope{font-size:11px;letter-spacing:.03em}
}
.svt-bar-track{
position:relative;
height:9px;
overflow:visible;
background:var(--svt-track);
}
/* Green remainder: sweeps L→R after orange, same px/s (duration via --svt-green-ms). */
.svt-bar-track::after{
content:"";
position:absolute;
top:0;
bottom:0;
left:calc(var(--svt-bar-w,0%) - 1.5%);
width:calc(100% - var(--svt-bar-w,0%) + 1.5%);
z-index:0;
/* Short soft lead so the orange tip is not a hard cut. */
background:linear-gradient(
90deg,
color-mix(in srgb,var(--svt-remainder-green) 40%,transparent) 0%,
var(--svt-remainder-green) 14%,
var(--svt-remainder-green) 100%
);
transform:scaleX(0);
transform-origin:left center;
pointer-events:none;
transition:none;
}
.svt-bar-track.is-green-in::after{
transform:scaleX(1);
transition:transform var(--svt-green-ms,900ms) linear;
}
@media (prefers-reduced-motion:reduce){
.svt-bar-track::after{
transform:scaleX(1);
transition:none;
}
}
.svt-bar-fill{
display:block;
position:relative;
z-index:1;
height:100%;
width:var(--svt-bar-w,0%);
/* Soft tip blends into the green underneath. */
background:linear-gradient(
90deg,
var(--svt-brass) 0%,
var(--svt-brass) 88%,
color-mix(in srgb,var(--svt-brass) 45%,transparent) 100%
);
}
.svt-bars.is-blue .svt-bar-fill{
background:linear-gradient(
90deg,
var(--svt-brass) 0%,
var(--svt-brass) 88%,
color-mix(in srgb,var(--svt-brass) 45%,transparent) 100%
);
}
/* Perfect 10: solid brass, no green remainder. */
.svt-bar-track.is-full::after{
content:none;
opacity:0;
}
.svt-bar-track.is-full .svt-bar-fill,
.svt-bars.is-blue .svt-bar-track.is-full .svt-bar-fill{
background:var(--svt-brass);
}
.svt-bar-summary{margin-top:6px;font-size:16px;line-height:1.6;color:var(--svt-slate)}
.svt-bar-summary p{margin:0 0 6px}
.svt-bar-summary p:last-child{margin-bottom:0}
/* Block 92: liked / complaints points under each social pool */
.svt-bar-more{margin-top:6px}
.svt-bar-more > summary{display:inline-flex;align-items:center;gap:6px;cursor:pointer;list-style:none;font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--svt-click-ink,#35589C);padding:4px 0;min-height:24px}
.svt-bar-more > summary::-webkit-details-marker{display:none}
.svt-bar-more > summary::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .15s}
.svt-bar-more[open] > summary::after{transform:rotate(-135deg) translateY(-2px)}
.svt-bar-more > summary:hover,.svt-bar-more > summary:focus-visible{text-decoration:underline}
.svt-bar-points{display:grid;grid-template-columns:1fr 1fr;gap:6px 24px;margin-top:4px}
.svt-bar-points-col ul{margin:2px 0 0;padding:0 0 0 18px}
.svt-bar-points-col li{font-size:15px;line-height:1.5;color:var(--svt-slate);margin:0 0 2px}
.svt-bar-points-head{display:block;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--svt-slate-ink)}
.svt-bar-points-col.is-liked li::marker{color:#4d7a55}
.svt-bar-points-col.is-complaints li::marker{color:#a8553a}
.svt-intro-scope{margin:0 0 2px}
/* Block 111: points lead, summary folds under them */
.svt-bar-track + .svt-bar-points{margin-top:8px}
.svt-bar-points + .svt-bar-sumfold{margin-top:8px}
.svt-bar-sumfold > .svt-bar-summary{margin-top:2px}
/* Block 112: the product description folds behind Product details */
.svt-desc-fold{clear:both;margin-top:16px!important;padding-top:12px;border-top:1px solid rgba(0,0,0,.08)}
.svt-desc-fold > .svt-desc-body{margin-top:8px!important;padding-top:0!important;border-top:0!important}
/* Block 113: Additional information = At a glance chips, then Full specs and Product details folded */
#tab-additional_information .svt-spec-fold{clear:both;margin-top:14px!important;padding-top:10px;border-top:1px solid rgba(0,0,0,.08)}
#tab-additional_information .svt-glance + .svt-spec-fold,#tab-additional_information .svt-spec-fold:first-child{margin-top:12px!important}
#tab-additional_information .svt-spec-fold > .svt-spec-body{margin-top:8px}
#tab-additional_information .svt-desc-fold{margin-top:6px!important;padding-top:10px}
/* Block 114c (Michael, 2026-10-05): Additional information as a card. Chips (their heading kept for screen readers only, Michael, 2026-10-05: the phrase is not needed on screen), then the specs in a card (group names as small caps labels, label and value columns, hairlines), then Product details as a full-width row, folded at every width. Full specs is open with no toggle from 768px and a row below it */
#tab-additional_information .rh-woo-section-title{display:none}
.single-product .svt-glance .svt-glance__h{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}
#tab-additional_information details.svt-spec-fold,#tab-additional_information details.svt-desc-fold{margin:0!important;padding:0!important;border:0!important}
#tab-additional_information details.svt-bar-more > summary{display:flex;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box;min-height:48px;padding:12px;font-size:15px;font-weight:600;letter-spacing:0;color:var(--svt-ink,#2b2a26)}
#tab-additional_information details.svt-bar-more > summary:hover{text-decoration:none}
#tab-additional_information details.svt-bar-more > summary:focus-visible{outline:2px solid var(--svt-click,#4974C4);outline-offset:-2px;text-decoration:none}
#tab-additional_information details.svt-bar-more > summary::after{width:8px;height:8px;margin-right:2px}
#tab-additional_information details[open] > .svt-spec-body,#tab-additional_information details[open] > .svt-desc-body{margin-top:0!important;padding-bottom:14px!important}
#tab-additional_information details.svt-desc-fold{border-top:1px solid rgba(0,0,0,.12)!important;border-bottom:1px solid rgba(0,0,0,.12)!important}
#tab-additional_information.svt-stack-section .svt-spec-body table.woocommerce-group-attributes-public{display:block;width:100%;box-sizing:border-box;margin:0!important;padding:18px 22px 6px;background:#fff;border:1px solid rgba(0,0,0,.09)!important;border-radius:12px}
#tab-additional_information.svt-stack-section .svt-spec-body table.woocommerce-group-attributes-public > tbody,#tab-additional_information.svt-stack-section .svt-spec-body table.woocommerce-group-attributes-public > tbody > tr,#tab-additional_information.svt-stack-section .svt-spec-body table.shop_attributes,#tab-additional_information.svt-stack-section .svt-spec-body table.shop_attributes > tbody{display:block;width:100%;margin:0!important;padding:0!important;border:0!important;background:none!important}
#tab-additional_information.svt-stack-section .svt-spec-body th.attribute_group_name{display:block;margin:0;padding:0 0 4px!important;border:0!important;background:none!important;text-align:left;font-size:11.5px!important;line-height:1.3!important;font-weight:700!important;letter-spacing:.08em;text-transform:uppercase;color:var(--svt-slate-ink,#655F55)!important}
#tab-additional_information.svt-stack-section .svt-spec-body tr.attribute_row + tr.attribute_group_row > th.attribute_group_name{padding-top:20px!important}
#tab-additional_information.svt-stack-section .svt-spec-body tr.attribute_row > td{display:block;padding:0!important;border:0!important;background:none!important}
#tab-additional_information.svt-stack-section .svt-spec-body tr.woocommerce-product-attributes-item{display:grid;grid-template-columns:minmax(120px,36%) 1fr;gap:16px;align-items:baseline;padding:12px 0;border:0;border-bottom:1px solid rgba(0,0,0,.08);background:none!important}
#tab-additional_information.svt-stack-section .svt-spec-body tr.woocommerce-product-attributes-item:last-child{border-bottom:0}
#tab-additional_information.svt-stack-section .svt-spec-body th.woocommerce-product-attributes-item__label,#tab-additional_information.svt-stack-section .svt-spec-body td.woocommerce-product-attributes-item__value{display:block;width:auto!important;padding:0!important;border:0!important;background:none!important;text-align:left;font-size:15px!important;line-height:1.5!important;font-style:normal}
#tab-additional_information.svt-stack-section .svt-spec-body th.woocommerce-product-attributes-item__label{font-weight:500!important;color:var(--svt-slate-ink,#655F55)!important}
#tab-additional_information.svt-stack-section .svt-spec-body td.woocommerce-product-attributes-item__value{font-family:inherit!important;font-weight:400!important;color:var(--svt-ink,#2b2a26)!important}
#tab-additional_information.svt-stack-section .svt-spec-body td.woocommerce-product-attributes-item__value p{margin:0!important;padding:0!important}
@media (min-width:768px){#tab-additional_information details.svt-spec-fold[open]>summary{display:none}#tab-additional_information .svt-glance + details.svt-spec-fold{margin-top:16px!important}#tab-additional_information details.svt-spec-fold[open] > .svt-spec-body{padding-bottom:0!important}#tab-additional_information details.svt-desc-fold{margin-top:20px!important}}
@media (max-width:767px){#tab-additional_information details.svt-spec-fold{border-top:1px solid rgba(0,0,0,.12)!important}#tab-additional_information .svt-stack-body > details.svt-spec-fold:first-child{border-top:0!important}#tab-additional_information .svt-glance + details.svt-spec-fold{margin-top:16px!important}#tab-additional_information details.svt-spec-fold + details.svt-desc-fold{border-top:1px solid rgba(0,0,0,.12)!important}#tab-additional_information.svt-stack-section .svt-spec-body table.woocommerce-group-attributes-public{padding:14px 16px 4px;border-radius:10px}#tab-additional_information.svt-stack-section .svt-spec-body tr.woocommerce-product-attributes-item{grid-template-columns:40% 1fr;gap:12px;padding:11px 0}#tab-additional_information.svt-stack-section .svt-spec-body th.woocommerce-product-attributes-item__label,#tab-additional_information.svt-stack-section .svt-spec-body td.woocommerce-product-attributes-item__value{font-size:14.5px!important}}
.svt-glance{margin:0 0 4px}
.single-product .svt-glance .svt-glance__h{margin:0 0 7px!important;padding:0!important;font-family:inherit!important;font-size:11.5px!important;line-height:1.3!important;font-weight:700!important;letter-spacing:.06em;text-transform:uppercase;color:var(--svt-slate-ink,#655F55)!important}
.single-product .svt-glance ul.svt-glance__list{display:flex;flex-wrap:wrap;gap:4px;margin:0!important;padding:0!important;list-style:none!important}
.single-product .svt-glance ul.svt-glance__list > li.svt-glance__chip{display:inline-block;margin:0!important;padding:2px 7px!important;list-style:none!important;font-family:inherit;font-size:13px!important;line-height:1.45!important;font-weight:500;color:#2b2a26!important;background:#fff;border:1px solid rgba(0,0,0,.14);border-radius:var(--svt-radius-chip,4px);white-space:nowrap}
.single-product .svt-glance ul.svt-glance__list > li.svt-glance__chip::before,.single-product .svt-glance ul.svt-glance__list > li.svt-glance__chip::marker{content:none;display:none}
.svt-glance__more{display:inline-flex;align-items:center;margin:6px 0 0;padding:2px 9px;min-height:24px;font:inherit;font-size:13px;font-weight:600;line-height:1.45;color:var(--svt-click-ink,#35589C);background:none;border:1px solid rgba(53,88,156,.45);border-radius:var(--svt-radius-chip,4px);cursor:pointer}
.svt-glance__more:hover{background:var(--b-soft,#EAF0FB)}
.svt-glance__more:focus-visible{outline:2px solid var(--svt-click,#4974C4);outline-offset:2px}
@media (max-width:767px){.single-product .svt-glance ul.svt-glance__list.is-folded > li.svt-glance__chip:nth-child(n+7){display:none}}
@media (min-width:768px){.svt-glance__more{display:none}}
/* Block 113: the tier word and border at 5:1 or better, also under the glow (was #8F6226, 4.4 on #F0E9DB) */
.single-product .svt-score-tier-badge--solid,.single-product .svt-score-tier-badge--strong,.single-product .svt-score-tier-badge--top{--tier:#835A22}
.single-product .svt-score-tier-badge--solid .svt-score-tier-badge__tier,.single-product .svt-score-tier-badge--strong .svt-score-tier-badge__tier,.single-product .svt-score-tier-badge--top .svt-score-tier-badge__tier{color:#835A22!important}
/* Block 115 (Michael, 2026-10-05/06): the review summary and the brand intro as labelled rows. Header: ring and headline one row (16px gap, headline centred), card 20px below. Phone: every row a closed full-width fold (label in ink 15px semibold, pill beside it, chevron right, 48px, hairlines). From 768px: every row open, label in the left column, no toggle. Rows: svt-core/includes/svt-summary-rows.php */
.svt-score-card-prose.has-sr{display:block;max-height:none!important;overflow:visible!important}
.svt-score-card-prose.has-sr::after{content:none!important}
.svt-sr-head{display:flex;align-items:center;gap:16px;margin:0 0 20px}
.svt-sr-head > .svt-score-badge{float:none!important;flex:0 0 auto;margin:0!important}
.svt-sr-headtext{flex:1 1 auto;min-width:0}
.svt-sr-headtext > .svt-score-card-heading{margin:0!important;line-height:1.2;overflow-wrap:break-word}
.svt-sr-headtext > .svt-intro-scope{margin:0 0 6px!important}
.svt-sr{clear:both;background:#fff;border:1px solid rgba(0,0,0,.09);border-radius:12px;overflow:hidden}
.svt-sr > details.svt-sr__row{margin:0;padding:0;border:0}
.svt-sr > details.svt-sr__row + details.svt-sr__row{border-top:1px solid rgba(0,0,0,.08)}
.svt-sr summary.svt-sr__label{display:flex;align-items:center;gap:10px;min-height:48px;padding:12px 16px;box-sizing:border-box;cursor:pointer;list-style:none;font-size:15px;line-height:1.3;font-weight:600;color:var(--svt-ink,#2b2a26)}
.svt-sr summary.svt-sr__label::-webkit-details-marker{display:none}
.svt-sr summary.svt-sr__label::after{content:"";flex:0 0 auto;width:8px;height:8px;margin:0 2px 3px auto;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s ease}
.svt-sr details[open] > summary.svt-sr__label::after{transform:rotate(-135deg);margin-bottom:-3px}
.svt-sr summary.svt-sr__label:focus-visible{outline:2px solid var(--svt-click,#4974C4);outline-offset:-2px}
.svt-sr__pill{flex:0 0 auto;display:inline-block;padding:2px 8px;border-radius:999px;background:#efece4;font-size:12.5px;line-height:1.4;font-weight:600;color:var(--svt-ink,#2b2a26);font-variant-numeric:tabular-nums;white-space:nowrap}
.svt-sr__pill.is-none,.svt-sr__pill.is-excluded{background:transparent;border:1px solid rgba(0,0,0,.18);padding:1px 7px;color:var(--svt-slate-ink,#655F55)}
.svt-stack-section .svt-sr__text,.svt-sr__text{padding:0 16px 14px;font-size:15px;line-height:1.55;font-weight:400;color:var(--svt-ink,#2b2a26)}
.svt-stack-section .svt-sr__text p,.svt-sr__text p{margin:0!important;font-size:15px!important;line-height:1.55!important}
.svt-sr__text ul{margin:0!important;padding:0 0 0 18px!important}
.svt-sr__text li{margin:0 0 6px!important;font-size:15px;line-height:1.55;list-style:disc}
.svt-sr__text li:last-child{margin-bottom:0!important}
.svt-sr__row.is-muted summary.svt-sr__label{color:var(--svt-slate-ink,#655F55)}
.svt-stack-section .svt-sr__row.is-muted .svt-sr__text,.svt-stack-section .svt-sr__row.is-muted .svt-sr__text p,.svt-stack-section .svt-sr__row.is-muted .svt-sr__text li{font-size:14px!important;color:var(--svt-slate-ink,#655F55)}
.svt-stack-section .svt-sr-price,.svt-sr-price{margin:10px 2px 0!important;text-align:right;font-size:14px!important;line-height:1.5!important;color:var(--svt-slate-ink,#655F55)}
.svt-stack-section .svt-sr-pools,.svt-sr-pools{margin:10px 2px 0!important;font-size:14px!important;line-height:1.5!important;color:var(--svt-slate-ink,#655F55)}
@media (min-width:768px){
.svt-sr > details.svt-sr__row[open]{display:grid;grid-template-columns:minmax(150px,200px) 1fr;column-gap:20px;align-items:baseline;padding:14px 22px}
.svt-sr details.svt-sr__row[open] > summary.svt-sr__label{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 8px;min-height:0;padding:0;cursor:default;font-size:12px;line-height:1.5;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--svt-slate-ink,#655F55)}
.svt-sr details.svt-sr__row[open] > summary.svt-sr__label::after{display:none}
.svt-sr details.svt-sr__row[open] > summary .svt-sr__pill{letter-spacing:0;text-transform:none}
.svt-sr details.svt-sr__row[open] > .svt-sr__text{padding:0}
}
.svt-score-card-prose.has-sr > .svt-score-card-unscored{margin-top:12px!important}
@media (max-width:640px){.svt-bar-points{grid-template-columns:1fr}}body.single-product{
--svt-cta-deep:#B56815;
--svt-cta-deep:color-mix(in srgb,var(--svt-cta) 78%,var(--svt-ink));
}
body.single-product.woocommerce .summary .woo-button-area .coupon_woo_rehub p.cart a.single_add_to_cart_button.button.alt,
body.single-product .summary .coupon_woo_rehub p.cart a.single_add_to_cart_button,
body.single-product .summary .woo-button-area a.single_add_to_cart_button.button.alt,
body.single-product .summary a.single_add_to_cart_button.button.alt{
background:var(--svt-cta)!important;
background-color:var(--svt-cta)!important;
background-image:none!important;
border:1px solid var(--svt-cta)!important;
color:var(--svt-cta-text)!important;
box-sizing:border-box!important;
height:36px!important;
min-height:36px!important;
max-height:36px!important;
box-shadow:none!important;
-webkit-box-shadow:none!important;
}
body.single-product.woocommerce .summary .woo-button-area .coupon_woo_rehub p.cart a.single_add_to_cart_button.button.alt:hover,
body.single-product.woocommerce .summary .woo-button-area .coupon_woo_rehub p.cart a.single_add_to_cart_button.button.alt:focus,
body.single-product.woocommerce .summary .woo-button-area .coupon_woo_rehub p.cart a.single_add_to_cart_button.button.alt:focus-visible,
body.single-product.woocommerce .summary .woo-button-area .coupon_woo_rehub p.cart a.single_add_to_cart_button.button.alt:active,
body.single-product.woocommerce-page .summary .woo-button-area .coupon_woo_rehub p.cart a.single_add_to_cart_button.button.alt:hover,
body.single-product.woocommerce-page .summary .woo-button-area .coupon_woo_rehub p.cart a.single_add_to_cart_button.button.alt:focus,
body.single-product.woocommerce-page .summary .woo-button-area .coupon_woo_rehub p.cart a.single_add_to_cart_button.button.alt:focus-visible,
body.single-product.woocommerce-page .summary .woo-button-area .coupon_woo_rehub p.cart a.single_add_to_cart_button.button.alt:active,
body.single-product .summary .coupon_woo_rehub p.cart a.single_add_to_cart_button:hover,
body.single-product .summary .coupon_woo_rehub p.cart a.single_add_to_cart_button:focus,
body.single-product .summary .coupon_woo_rehub p.cart a.single_add_to_cart_button:focus-visible,
body.single-product .summary .coupon_woo_rehub p.cart a.single_add_to_cart_button:active,
body.single-product .summary .coupon_woo_rehub p.cart a:hover,
body.single-product .summary .coupon_woo_rehub p.cart a:focus,
body.single-product .summary .coupon_woo_rehub p.cart a:focus-visible,
body.single-product .summary .coupon_woo_rehub p.cart a:active,
body.single-product .summary .woo-button-area a.single_add_to_cart_button:hover,
body.single-product .summary .woo-button-area a.single_add_to_cart_button:focus,
body.single-product .summary .woo-button-area a.single_add_to_cart_button:focus-visible,
body.single-product .summary .woo-button-area a.single_add_to_cart_button:active,
body.single-product .summary .woo-button-area a.button.alt:hover,
body.single-product .summary .woo-button-area a.button.alt:focus,
body.single-product .summary .woo-button-area a.button.alt:focus-visible,
body.single-product .summary .woo-button-area a.button.alt:active,
body.single-product .summary a.single_add_to_cart_button:hover,
body.single-product .summary a.single_add_to_cart_button:focus,
body.single-product .summary a.single_add_to_cart_button:focus-visible,
body.single-product .summary a.single_add_to_cart_button:active,
body.single-product .summary a.single_add_to_cart_button.button.alt:hover,
body.single-product .summary a.single_add_to_cart_button.button.alt:focus,
body.single-product .summary a.single_add_to_cart_button.button.alt:focus-visible,
body.single-product .summary a.single_add_to_cart_button.button.alt:active,
body.single-product .summary a.svt-buy-now:hover,
body.single-product .summary a.svt-buy-now:focus,
body.single-product .summary a.svt-buy-now:focus-visible,
body.single-product .summary a.svt-buy-now:active,
body.single-product .summary a.woo_loop_btn:hover,
body.single-product .summary a.woo_loop_btn:focus,
body.single-product .summary a.woo_loop_btn:focus-visible,
body.single-product .summary a.woo_loop_btn:active,
body.single-product .summary a.re_track_btn:hover,
body.single-product .summary a.re_track_btn:focus,
body.single-product .summary a.re_track_btn:focus-visible,
body.single-product .summary a.re_track_btn:active,
body.single-product .summary a.btn_offer_block:hover,
body.single-product .summary a.btn_offer_block:focus,
body.single-product .summary a.btn_offer_block:focus-visible,
body.single-product .summary a.btn_offer_block:active,
body.single-product .summary .priced_block .btn_offer_block:hover,
body.single-product .summary .priced_block .btn_offer_block:focus,
body.single-product .summary .priced_block .btn_offer_block:focus-visible,
body.single-product .summary .priced_block .btn_offer_block:active,
body.single-product .summary .svt-single-cta-actions a.single_add_to_cart_button:hover,
body.single-product .summary .svt-single-cta-actions a.single_add_to_cart_button:focus,
body.single-product .summary .svt-single-cta-actions a.single_add_to_cart_button:focus-visible,
body.single-product .summary .svt-single-cta-actions a.single_add_to_cart_button:active,
body.single-product .summary .svt-single-cta-actions a.svt-buy-now:hover,
body.single-product .summary .svt-single-cta-actions a.svt-buy-now:focus,
body.single-product .summary .svt-single-cta-actions a.svt-buy-now:focus-visible,
body.single-product .summary .svt-single-cta-actions a.svt-buy-now:active,
body.single-product .summary .svt-single-cta-actions a.woo_loop_btn:hover,
body.single-product .summary .svt-single-cta-actions a.woo_loop_btn:focus,
body.single-product .summary .svt-single-cta-actions a.woo_loop_btn:focus-visible,
body.single-product .summary .svt-single-cta-actions a.woo_loop_btn:active,
body.single-product .summary .svt-single-cta-actions a.btn_offer_block:hover,
body.single-product .summary .svt-single-cta-actions a.btn_offer_block:focus,
body.single-product .summary .svt-single-cta-actions a.btn_offer_block:focus-visible,
body.single-product .summary .svt-single-cta-actions a.btn_offer_block:active,
body.single-product .summary .svt-single-cta-actions .woo-button-area a:not(.wpsm-button-new-compare):not(.svt-single-compare):not(.rhwoosinglecompare):not(.add_to_compare_button):hover,
body.single-product .summary .svt-single-cta-actions .woo-button-area a:not(.wpsm-button-new-compare):not(.svt-single-compare):not(.rhwoosinglecompare):not(.add_to_compare_button):focus,
body.single-product .summary .svt-single-cta-actions .woo-button-area a:not(.wpsm-button-new-compare):not(.svt-single-compare):not(.rhwoosinglecompare):not(.add_to_compare_button):focus-visible,
body.single-product .summary .svt-single-cta-actions .woo-button-area a:not(.wpsm-button-new-compare):not(.svt-single-compare):not(.rhwoosinglecompare):not(.add_to_compare_button):active,
body.single-product .summary .svt-single-cta-actions a:not(.wpsm-button-new-compare):not(.svt-single-compare):not(.rhwoosinglecompare):not(.add_to_compare_button):hover,
body.single-product .summary .svt-single-cta-actions a:not(.wpsm-button-new-compare):not(.svt-single-compare):not(.rhwoosinglecompare):not(.add_to_compare_button):focus,
body.single-product .summary .svt-single-cta-actions a:not(.wpsm-button-new-compare):not(.svt-single-compare):not(.rhwoosinglecompare):not(.add_to_compare_button):focus-visible,
body.single-product .summary .svt-single-cta-actions a:not(.wpsm-button-new-compare):not(.svt-single-compare):not(.rhwoosinglecompare):not(.add_to_compare_button):active{
background:var(--svt-cta-deep)!important;
background-color:var(--svt-cta-deep)!important;
background-image:none!important;
border:1px solid var(--svt-slate)!important;
border-color:var(--svt-slate)!important;
border-width:1px!important;
border-style:solid!important;
color:var(--svt-cta-text)!important;
box-shadow:none!important;
-webkit-box-shadow:none!important;
transform:none!important;
outline:none!important;
outline-offset:0!important;
filter:none!important;
top:auto!important;
box-sizing:border-box!important;
height:36px!important;
min-height:36px!important;
max-height:36px!important;
}
/* ========== A) CTA row: price left, Compare+Buy equal share ==========
* Parent gap 22 desktop / 16 mobile after price; actions flex:1 equal-split.
* Flex siblings: .svt-single-compare-shell (or bare Compare) + .woo-button-area
* → flex 1 1 0 + width 0 + min-width 0 (never content-sized).
* Visible chips fill 100% of those shells (Buy nest: coupon > p.cart > a).
* Desktop: actions max-width 56%; mobile max-width 80% + margin-left:auto.
* Heights 36 both chips (border-box, pad-y 0, line-height 1).
* Buy keeps 1.5px; idle Compare uses 1px fill-colored var(--svt-card).
* Gap 12/10 between buttons. Equal widths unchanged.
*/
.single-product .summary .re_wooinner_cta_wrapper,
.single-product .summary .priced_block,
body.single-product .summary .re_wooinner_cta_wrapper,
body.single-product .summary .priced_block{
display:flex!important;
flex-direction:row!important;
flex-wrap:nowrap!important;
align-items:center!important;
justify-content:flex-start!important;
gap:22px!important;
/* Tighter gap under scores bottom border; desktop + mobile */
margin-top:10px!important;
margin-bottom:0!important;
box-sizing:border-box!important;
}
.single-product .summary .woo-price-area,
.single-product .summary .rh_price_wrapper,
.single-product .summary .re_wooinner_cta_wrapper > p.price,
.single-product .summary .priced_block .rh_price_wrapper{
flex:0 0 auto!important;
height:36px!important;
min-height:36px!important;
max-height:36px!important;
align-self:center!important;
display:flex!important;
align-items:center!important;
box-sizing:border-box!important;
}
body.single-product.svt-short-price .summary .woo-price-area,
body.single-product.svt-short-price .summary .rh_price_wrapper,
body.single-product.svt-short-price .summary .re_wooinner_cta_wrapper > p.price,
body.single-product.svt-short-price .summary .priced_block .rh_price_wrapper{
padding-left:10px!important;
}
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-cta-actions,
body.single-product .summary .priced_block .svt-single-cta-actions,
.single-product .summary .svt-single-cta-actions{
display:flex!important;
flex-direction:row!important;
flex-wrap:nowrap!important;
align-items:stretch!important;
justify-content:flex-start!important;
gap:12px!important;
flex:1 1 auto!important;
width:auto!important;
max-width:none!important;
min-width:0!important;
margin:0!important;
padding:0!important;
box-sizing:border-box!important;
}
@media(min-width:768px){
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-cta-actions,
body.single-product .summary .priced_block .svt-single-cta-actions,
.single-product .summary .svt-single-cta-actions{
margin:0 0 0 auto!important;
justify-content:flex-end!important;
max-width:56%!important;
}
}
/* Equal outer cells — half of actions; label/icon length cannot grow either sibling */
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-cta-actions > *,
body.single-product .summary .priced_block .svt-single-cta-actions > *,
.single-product .summary .svt-single-cta-actions > *{
flex:1 1 0%!important;
flex-grow:1!important;
flex-shrink:1!important;
flex-basis:0%!important;
min-width:0!important;
width:0!important;
max-width:none!important;
box-sizing:border-box!important;
}
/*
* Compare shell + Buy shell: identical flex formula.
* Compare may be bare OR wrapped in .svt-single-compare-shell (JS preferred).
*/
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-cta-actions > .svt-single-compare-shell,
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-cta-actions > .wpsm-button-new-compare,
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-cta-actions > .svt-single-compare,
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-cta-actions > .woo-button-area,
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-cta-actions > .rh_button_wrapper,
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-cta-actions > form.cart,
body.single-product .summary .priced_block .svt-single-cta-actions > .svt-single-compare-shell,
body.single-product .summary .priced_block .svt-single-cta-actions > .wpsm-button-new-compare,
body.single-product .summary .priced_block .svt-single-cta-actions > .svt-single-compare,
body.single-product .summary .priced_block .svt-single-cta-actions > .woo-button-area,
body.single-product .summary .priced_block .svt-single-cta-actions > .rh_button_wrapper,
body.single-product .summary .priced_block .svt-single-cta-actions > form.cart,
.single-product .summary .svt-single-cta-actions > .svt-single-compare-shell,
.single-product .summary .svt-single-cta-actions > .wpsm-button-new-compare,
.single-product .summary .svt-single-cta-actions > .svt-single-compare,
.single-product .summary .svt-single-cta-actions > .woo-button-area,
.single-product .summary .svt-single-cta-actions > .rh_button_wrapper,
.single-product .summary .svt-single-cta-actions > form.cart{
flex:1 1 0%!important;
flex-grow:1!important;
flex-shrink:1!important;
flex-basis:0%!important;
min-width:0!important;
width:0!important;
max-width:none!important;
margin:0!important;
padding:0!important;
float:none!important;
box-sizing:border-box!important;
}
/* Buy + Compare shells fill equal half; descendants fill 100% of that half */
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-cta-actions > .svt-single-compare-shell,
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-cta-actions > .woo-button-area,
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-cta-actions > .rh_button_wrapper,
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-cta-actions > form.cart,
body.single-product .summary .priced_block .svt-single-cta-actions > .svt-single-compare-shell,
body.single-product .summary .priced_block .svt-single-cta-actions > .woo-button-area,
body.single-product .summary .priced_block .svt-single-cta-actions > .rh_button_wrapper,
body.single-product .summary .priced_block .svt-single-cta-actions > form.cart,
.single-product .summary .svt-single-cta-actions > .svt-single-compare-shell,
.single-product .summary .svt-single-cta-actions > .woo-button-area,
.single-product .summary .svt-single-cta-actions > .rh_button_wrapper,
.single-product .summary .svt-single-cta-actions > form.cart{
display:block!important;
align-self:stretch!important;
float:none!important;
padding:0!important;
margin:0!important;
width:0!important;
min-width:0!important;
max-width:none!important;
flex:1 1 0%!important;
height:36px!important;
min-height:36px!important;
max-height:36px!important;
line-height:1!important;
box-sizing:border-box!important;
}
/* Deep fill: .coupon_woo_rehub > p.cart > a — prevent content shrink-wrap */
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-cta-actions .woo-button-area > *,
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-cta-actions .rh_button_wrapper > *,
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-cta-actions form.cart > *,
body.single-product .summary .priced_block .svt-single-cta-actions .woo-button-area > *,
body.single-product .summary .priced_block .svt-single-cta-actions .rh_button_wrapper > *,
body.single-product .summary .priced_block .svt-single-cta-actions form.cart > *,
.single-product .summary .svt-single-cta-actions .woo-button-area > *,
.single-product .summary .svt-single-cta-actions .rh_button_wrapper > *,
.single-product .summary .svt-single-cta-actions form.cart > *,
.single-product .summary .svt-single-cta-actions .woo-button-area .coupon_woo_rehub,
.single-product .summary .svt-single-cta-actions .woo-button-area .cart,
.single-product .summary .svt-single-cta-actions .woo-button-area p.cart,
.single-product .summary .svt-single-cta-actions .woo-button-area form.cart,
.single-product .summary .woo-button-area .coupon_woo_rehub,
.single-product .summary .woo-button-area .cart,
.single-product .summary .woo-button-area p.cart{
width:100%!important;
max-width:100%!important;
min-width:0!important;
margin:0!important;
padding:0!important;
float:none!important;
display:flex!important;
align-items:stretch!important;
height:36px!important;
min-height:36px!important;
max-height:36px!important;
line-height:1!important;
box-sizing:border-box!important;
overflow:hidden!important;
}
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-cta-actions .single_add_to_cart_button,
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-cta-actions a.btn_offer_block,
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-cta-actions a.svt-buy-now,
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-cta-actions .woo-button-area .button,
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-cta-actions .woo-button-area a,
body.single-product .summary .priced_block .svt-single-cta-actions .single_add_to_cart_button,
body.single-product .summary .priced_block .svt-single-cta-actions a.btn_offer_block,
body.single-product .summary .priced_block .svt-single-cta-actions a.svt-buy-now,
body.single-product .summary .priced_block .svt-single-cta-actions .woo-button-area .button,
body.single-product .summary .priced_block .svt-single-cta-actions .woo-button-area a,
.single-product .summary .svt-single-cta-actions .single_add_to_cart_button,
.single-product .summary .svt-single-cta-actions a.btn_offer_block,
.single-product .summary .svt-single-cta-actions a.svt-buy-now,
.single-product .summary .svt-single-cta-actions .woo-button-area .button,
.single-product .summary .svt-single-cta-actions .woo-button-area a,
.single-product .summary .svt-single-cta-actions > .woo-button-area > .coupon_woo_rehub > p.cart > a.single_add_to_cart_button,
.single-product .summary .svt-single-cta-actions a.single_add_to_cart_button.button.alt{
flex:none!important;
width:100%!important;
min-width:0!important;
max-width:100%!important;
height:36px!important;
min-height:36px!important;
max-height:36px!important;
padding:0 10px!important;
padding-top:0!important;
padding-bottom:0!important;
margin:0!important;
line-height:1!important;
border-width:1px!important;
border-style:solid!important;
box-sizing:border-box!important;
display:flex!important;
justify-content:center!important;
align-items:center!important;
overflow:hidden!important;
vertical-align:middle!important;
}
/* Buy Now hover: canonical svt_single_buy_hover_css() appended below
* (real chip: .coupon_woo_rehub > p.cart > a.single_add_to_cart_button.button.alt). */
/* Compare chip only — selectors: .svt-single-compare / wpsm in .svt-single-cta-actions */
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-compare,
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-cta-actions > .wpsm-button-new-compare,
body.single-product .summary .priced_block .svt-single-compare,
body.single-product .summary .priced_block .svt-single-cta-actions > .wpsm-button-new-compare,
.single-product .summary .svt-single-compare.wpsm-button.wpsm-button-new-compare,
.single-product .summary .svt-single-compare.wpsm-button.svt-footer-compare,
.single-product .summary .wpsm-button-new-compare.svt-footer-compare,
.single-product .summary .re_wooinner_cta_wrapper > .wpsm-button-new-compare,
.single-product .summary .priced_block > .wpsm-button-new-compare,
.single-product .summary .svt-single-cta-actions > .wpsm-button-new-compare{
display:flex!important;
align-items:center!important;
justify-content:center!important;
flex-direction:row!important;
flex-wrap:nowrap!important;
flex:1 1 0%!important;
flex-grow:1!important;
flex-shrink:1!important;
flex-basis:0%!important;
order:0!important;
gap:6px!important;
height:36px!important;
min-height:36px!important;
max-height:36px!important;
min-width:0!important;
max-width:none!important;
width:0!important;
padding:0 7px!important;
margin:0!important;
border:1px solid var(--svt-card)!important;
border-color:var(--svt-card)!important;
border-radius:3px!important;
background:var(--svt-card)!important;
background-image:none!important;
box-shadow:none!important;
color:var(--svt-body)!important;
font-size:12px!important;
font-weight:700!important;
line-height:1!important;
letter-spacing:.03em!important;
text-transform:uppercase!important;
text-align:center!important;
text-decoration:none!important;
vertical-align:middle!important;
cursor:pointer!important;
white-space:nowrap!important;
box-sizing:border-box!important;
float:none!important;
clear:none!important;
position:static!important;
top:auto!important;
left:auto!important;
right:auto!important;
bottom:auto!important;
align-self:stretch!important;
overflow:hidden!important;
-webkit-appearance:none!important;
appearance:none!important;
}
/* Wrapped Compare fills shell 100% (shell owns the equal flex half) */
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-cta-actions > .svt-single-compare-shell > .wpsm-button-new-compare,
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-cta-actions > .svt-single-compare-shell > .svt-single-compare,
body.single-product .summary .priced_block .svt-single-cta-actions > .svt-single-compare-shell > .wpsm-button-new-compare,
.single-product .summary .svt-single-cta-actions > .svt-single-compare-shell > .wpsm-button-new-compare,
.single-product .summary .svt-single-cta-actions > .svt-single-compare-shell > .svt-single-compare,
.single-product .summary .svt-single-compare-shell .svt-single-compare.wpsm-button.wpsm-button-new-compare,
.single-product .summary .svt-single-compare-shell .wpsm-button-new-compare.svt-footer-compare{
flex:none!important;
flex-grow:0!important;
flex-shrink:1!important;
flex-basis:auto!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
height:36px!important;
min-height:36px!important;
max-height:36px!important;
padding:0 7px!important;
line-height:1!important;
border-width:1px!important;
border-style:solid!important;
box-sizing:border-box!important;
align-self:stretch!important;
overflow:hidden!important;
}
/* Idle Compare: 1px fill-colored var(--svt-card) — no grey hairline at rest.
* border-box keeps the 36px chip from growing when hover paints slate. */
body.single-product .summary .svt-single-compare-shell > .wpsm-button:not(.comparing),
body.single-product .summary .svt-single-compare-shell > .svt-single-compare:not(.comparing),
body.single-product .summary .svt-single-compare-shell > .add_to_compare_button:not(.comparing),
body.single-product .summary .svt-single-compare-shell .wpsm-button-new-compare:not(.comparing),
body.single-product .summary .svt-single-compare-shell .add_to_compare_button:not(.comparing),
body.single-product .summary .svt-single-cta-actions > .svt-single-compare:not(.comparing),
body.single-product .summary .svt-single-cta-actions > .wpsm-button-new-compare:not(.comparing),
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-compare:not(.comparing),
body.single-product .summary .priced_block .svt-single-compare:not(.comparing),
.single-product .summary .svt-single-compare.wpsm-button.wpsm-button-new-compare:not(.comparing),
.single-product .summary .svt-single-compare-shell .svt-single-compare.wpsm-button.wpsm-button-new-compare:not(.comparing){
border:1px solid var(--svt-card)!important;
border-color:var(--svt-card)!important;
background:var(--svt-card)!important;
background-color:var(--svt-card)!important;
box-sizing:border-box!important;
height:36px!important;
min-height:36px!important;
max-height:36px!important;
}
body.single-product .summary .svt-single-compare-shell > .wpsm-button:not(.comparing):hover,
body.single-product .summary .svt-single-compare-shell > .svt-single-compare:not(.comparing):hover,
body.single-product .summary .svt-single-compare-shell > .add_to_compare_button:not(.comparing):hover,
body.single-product .summary .svt-single-compare-shell .wpsm-button-new-compare:not(.comparing):hover,
body.single-product .summary .svt-single-compare-shell .add_to_compare_button:not(.comparing):hover,
body.single-product .summary .svt-single-cta-actions > .svt-single-compare:not(.comparing):hover,
body.single-product .summary .svt-single-cta-actions > .wpsm-button-new-compare:not(.comparing):hover,
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-compare:not(.comparing):hover,
body.single-product .summary .priced_block .svt-single-compare:not(.comparing):hover,
.single-product .summary .svt-single-compare.wpsm-button.wpsm-button-new-compare:not(.comparing):hover,
.single-product .summary .svt-single-compare-shell .svt-single-compare.wpsm-button.wpsm-button-new-compare:not(.comparing):hover{
background:var(--svt-compare-hover-bg)!important;
background-color:var(--svt-compare-hover-bg)!important;
border:1px solid var(--svt-slate)!important;
border-color:var(--svt-slate)!important;
box-sizing:border-box!important;
height:36px!important;
min-height:36px!important;
max-height:36px!important;
}
body.single-product .summary .svt-single-compare-shell > .wpsm-button.comparing,
body.single-product .summary .svt-single-compare-shell > .svt-single-compare.comparing,
body.single-product .summary .svt-single-compare-shell .wpsm-button-new-compare.comparing,
body.single-product .summary .svt-single-compare-shell .add_to_compare_button.comparing,
body.single-product .summary .svt-single-cta-actions > .svt-single-compare.comparing,
body.single-product .summary .svt-single-cta-actions > .wpsm-button-new-compare.comparing,
.single-product .summary .svt-single-compare.wpsm-button.wpsm-button-new-compare.comparing{
background:var(--svt-added-bg)!important;
background-color:var(--svt-added-bg)!important;
border:1px solid var(--svt-added-border)!important;
border-color:var(--svt-added-border)!important;
box-sizing:border-box!important;
height:36px!important;
min-height:36px!important;
max-height:36px!important;
}
.single-product .summary .svt-single-compare.wpsm-button.wpsm-button-new-compare::before,
.single-product .summary .svt-single-compare.wpsm-button.svt-footer-compare::before,
.single-product .summary .wpsm-button-new-compare.svt-footer-compare::before,
.single-product .summary .re_wooinner_cta_wrapper > .wpsm-button-new-compare::before,
.single-product .summary .priced_block > .wpsm-button-new-compare::before,
.single-product .summary .svt-single-cta-actions > .wpsm-button-new-compare::before{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
align-self:center!important;
flex:0 0 auto!important;
position:static!important;
float:none!important;
transform:none!important;
margin:0!important;
}
.single-product .summary .svt-single-compare.wpsm-button .comparelabel,
.single-product .summary .svt-single-compare.wpsm-button.svt-footer-compare .comparelabel,
.single-product .summary .re_wooinner_cta_wrapper > .wpsm-button-new-compare .comparelabel,
.single-product .summary .priced_block > .wpsm-button-new-compare .comparelabel,
.single-product .summary .svt-single-cta-actions > .wpsm-button-new-compare .comparelabel{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
align-self:center!important;
flex:0 0 auto!important;
margin:0!important;
padding:0!important;
float:none!important;
position:static!important;
line-height:1!important;
text-align:center!important;
}
@media(max-width:767px){
.single-product .summary .re_wooinner_cta_wrapper,
.single-product .summary .priced_block,
body.single-product .summary .re_wooinner_cta_wrapper,
body.single-product .summary .priced_block{
display:flex!important;
flex-direction:row!important;
flex-wrap:nowrap!important;
align-items:center!important;
justify-content:flex-start!important;
gap:16px!important;
width:100%!important;
max-width:100%!important;
margin-top:10px!important;
margin-bottom:0!important;
box-sizing:border-box!important;
}
.single-product .summary .woo-price-area,
.single-product .summary .rh_price_wrapper,
.single-product .summary .re_wooinner_cta_wrapper > p.price,
.single-product .summary .priced_block .rh_price_wrapper{
flex:0 0 auto!important;
width:auto!important;
max-width:none!important;
min-width:0!important;
height:36px!important;
min-height:36px!important;
max-height:36px!important;
margin:0!important;
}
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-cta-actions,
body.single-product .summary .priced_block .svt-single-cta-actions,
.single-product .summary .svt-single-cta-actions{
display:flex!important;
flex-direction:row!important;
flex-wrap:nowrap!important;
align-items:stretch!important;
justify-content:flex-start!important;
gap:10px!important;
flex:1 1 auto!important;
width:auto!important;
max-width:80%!important;
min-width:0!important;
margin:0 0 0 auto!important;
padding:0!important;
box-sizing:border-box!important;
}
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-cta-actions > *,
body.single-product .summary .priced_block .svt-single-cta-actions > *,
.single-product .summary .svt-single-cta-actions > *{
flex:1 1 0%!important;
flex-grow:1!important;
flex-shrink:1!important;
flex-basis:0%!important;
min-width:0!important;
width:0!important;
max-width:none!important;
box-sizing:border-box!important;
}
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-cta-actions > .svt-single-compare-shell,
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-cta-actions > .wpsm-button-new-compare,
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-cta-actions > .svt-single-compare,
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-cta-actions > .woo-button-area,
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-cta-actions > .rh_button_wrapper,
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-cta-actions > form.cart,
body.single-product .summary .priced_block .svt-single-cta-actions > .svt-single-compare-shell,
body.single-product .summary .priced_block .svt-single-cta-actions > .wpsm-button-new-compare,
body.single-product .summary .priced_block .svt-single-cta-actions > .woo-button-area,
body.single-product .summary .priced_block .svt-single-cta-actions > form.cart,
.single-product .summary .svt-single-cta-actions > .svt-single-compare-shell,
.single-product .summary .svt-single-cta-actions > .wpsm-button-new-compare,
.single-product .summary .svt-single-cta-actions > .woo-button-area,
.single-product .summary .svt-single-cta-actions > .rh_button_wrapper,
.single-product .summary .svt-single-cta-actions > form.cart{
flex:1 1 0%!important;
flex-grow:1!important;
flex-shrink:1!important;
flex-basis:0%!important;
width:0!important;
min-width:0!important;
max-width:none!important;
margin:0!important;
padding:0!important;
float:none!important;
box-sizing:border-box!important;
}
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-cta-actions > .svt-single-compare-shell,
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-cta-actions > .woo-button-area,
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-cta-actions > .rh_button_wrapper,
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-cta-actions > form.cart,
.single-product .summary .svt-single-cta-actions > .svt-single-compare-shell,
.single-product .summary .svt-single-cta-actions > .woo-button-area,
.single-product .summary .svt-single-cta-actions > .rh_button_wrapper,
.single-product .summary .svt-single-cta-actions > form.cart{
display:block!important;
align-self:stretch!important;
float:none!important;
padding:0!important;
margin:0!important;
width:0!important;
min-width:0!important;
max-width:none!important;
flex:1 1 0%!important;
height:36px!important;
min-height:36px!important;
max-height:36px!important;
line-height:1!important;
box-sizing:border-box!important;
}
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-cta-actions .woo-button-area > *,
.single-product .summary .svt-single-cta-actions .woo-button-area > *,
.single-product .summary .svt-single-cta-actions .woo-button-area .coupon_woo_rehub,
.single-product .summary .svt-single-cta-actions .woo-button-area .cart,
.single-product .summary .svt-single-cta-actions .woo-button-area p.cart,
.single-product .summary .woo-button-area .coupon_woo_rehub,
.single-product .summary .woo-button-area p.cart{
width:100%!important;
max-width:100%!important;
min-width:0!important;
margin:0!important;
padding:0!important;
float:none!important;
display:flex!important;
align-items:stretch!important;
height:36px!important;
min-height:36px!important;
max-height:36px!important;
line-height:1!important;
box-sizing:border-box!important;
overflow:hidden!important;
}
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-cta-actions .single_add_to_cart_button,
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-cta-actions a.btn_offer_block,
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-cta-actions a.svt-buy-now,
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-cta-actions .woo-button-area a,
.single-product .summary .svt-single-cta-actions .single_add_to_cart_button,
.single-product .summary .svt-single-cta-actions a.btn_offer_block,
.single-product .summary .svt-single-cta-actions a.svt-buy-now,
.single-product .summary .svt-single-cta-actions .woo-button-area a,
.single-product .summary .svt-single-cta-actions > .woo-button-area > .coupon_woo_rehub > p.cart > a.single_add_to_cart_button,
.single-product .summary .svt-single-cta-actions a.single_add_to_cart_button.button.alt{
flex:none!important;
width:100%!important;
min-width:0!important;
max-width:100%!important;
height:36px!important;
min-height:36px!important;
max-height:36px!important;
padding:0 8px!important;
padding-top:0!important;
padding-bottom:0!important;
margin:0!important;
line-height:1!important;
border-width:1px!important;
border-style:solid!important;
box-sizing:border-box!important;
display:flex!important;
justify-content:center!important;
align-items:center!important;
overflow:hidden!important;
vertical-align:middle!important;
}
/* Buy hover: svt_single_buy_hover_css() after this nowdoc. */
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-compare,
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-cta-actions > .wpsm-button-new-compare,
body.single-product .summary .priced_block .svt-single-compare,
.single-product .summary .svt-single-compare.wpsm-button.wpsm-button-new-compare,
.single-product .summary .svt-single-compare.wpsm-button.svt-footer-compare,
.single-product .summary .wpsm-button-new-compare.svt-footer-compare,
.single-product .summary .re_wooinner_cta_wrapper > .wpsm-button-new-compare,
.single-product .summary .priced_block > .wpsm-button-new-compare,
.single-product .summary .svt-single-cta-actions > .wpsm-button-new-compare{
display:flex!important;
align-items:center!important;
justify-content:center!important;
flex:1 1 0%!important;
flex-grow:1!important;
flex-shrink:1!important;
flex-basis:0%!important;
width:0!important;
min-width:0!important;
max-width:none!important;
height:36px!important;
min-height:36px!important;
max-height:36px!important;
padding:0 6px!important;
margin:0!important;
gap:5px!important;
font-size:11px!important;
line-height:1!important;
overflow:hidden!important;
box-sizing:border-box!important;
align-self:stretch!important;
}
body.single-product .summary .svt-single-cta-actions > .svt-single-compare-shell > .wpsm-button-new-compare,
body.single-product .summary .svt-single-cta-actions > .svt-single-compare-shell > .svt-single-compare,
.single-product .summary .svt-single-compare-shell .svt-single-compare.wpsm-button.wpsm-button-new-compare{
flex:none!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
height:36px!important;
min-height:36px!important;
max-height:36px!important;
padding:0 6px!important;
line-height:1!important;
border-width:1px!important;
border-style:solid!important;
box-sizing:border-box!important;
align-self:stretch!important;
overflow:hidden!important;
}
/* Mobile idle Compare: beat any leftover --svt-hairline / grey 1.5px. */
body.single-product .summary .svt-single-compare-shell > .wpsm-button:not(.comparing),
body.single-product .summary .svt-single-compare-shell > .svt-single-compare:not(.comparing),
body.single-product .summary .svt-single-compare-shell > .add_to_compare_button:not(.comparing),
body.single-product .summary .svt-single-compare-shell .wpsm-button-new-compare:not(.comparing),
body.single-product .summary .svt-single-compare-shell .add_to_compare_button:not(.comparing),
body.single-product .summary .svt-single-cta-actions > .svt-single-compare:not(.comparing),
body.single-product .summary .svt-single-cta-actions > .wpsm-button-new-compare:not(.comparing),
body.single-product .summary .re_wooinner_cta_wrapper .svt-single-compare:not(.comparing),
body.single-product .summary .priced_block .svt-single-compare:not(.comparing),
.single-product .summary .svt-single-compare.wpsm-button.wpsm-button-new-compare:not(.comparing),
.single-product .summary .svt-single-compare-shell .svt-single-compare.wpsm-button.wpsm-button-new-compare:not(.comparing){
border:1px solid var(--svt-card)!important;
border-color:var(--svt-card)!important;
background:var(--svt-card)!important;
background-color:var(--svt-card)!important;
box-sizing:border-box!important;
height:36px!important;
min-height:36px!important;
max-height:36px!important;
}
body.single-product .summary .svt-single-compare-shell > .wpsm-button:not(.comparing):hover,
body.single-product .summary .svt-single-compare-shell > .svt-single-compare:not(.comparing):hover,
body.single-product .summary .svt-single-compare-shell .wpsm-button-new-compare:not(.comparing):hover,
body.single-product .summary .svt-single-compare-shell .add_to_compare_button:not(.comparing):hover,
.single-product .summary .svt-single-compare.wpsm-button.wpsm-button-new-compare:not(.comparing):hover,
.single-product .summary .svt-single-compare-shell .svt-single-compare.wpsm-button.wpsm-button-new-compare:not(.comparing):hover{
background:var(--svt-compare-hover-bg)!important;
background-color:var(--svt-compare-hover-bg)!important;
border:1px solid var(--svt-slate)!important;
border-color:var(--svt-slate)!important;
box-sizing:border-box!important;
height:36px!important;
min-height:36px!important;
max-height:36px!important;
}
body.single-product .summary .svt-single-compare-shell .wpsm-button-new-compare.comparing,
body.single-product .summary .svt-single-compare-shell .add_to_compare_button.comparing,
.single-product .summary .svt-single-compare.wpsm-button.wpsm-button-new-compare.comparing{
background:var(--svt-added-bg)!important;
background-color:var(--svt-added-bg)!important;
border:1px solid var(--svt-added-border)!important;
border-color:var(--svt-added-border)!important;
box-sizing:border-box!important;
height:36px!important;
min-height:36px!important;
max-height:36px!important;
}
}
/* ========== B) Product scores row ==========
* MUST agree with svt-product-tabs.php scores-row CQ canonical layout.
* Under-ring default (<560 container); side captions at >=560;
* mobile MQ (max-width:767px) forces side captions even when CQ <560.
*/
/*
* SVT SCORES ROW — single source of truth (product-tabs + cta-caption agree).
*
* Container modes on .svt-product-scores-row (container-type:inline-size):
* DEFAULT / under-ring (container < 560px; tablet/narrow desktop only):
* captions under rings; full Usability / Social words; units flex:0 0 auto;
* row space-between + side pad 14px (badge left, scores share remaining);
* .svt-loop-scores flex:1 + space-evenly, min gap ~16px (not center cluster).
* SIDE (container >= 560px):
* captions right of rings; two-line nowrap words; content-sized units;
* same distribute: row space-between, loop flex:1 space-evenly. CQ stays under-ring if tight.
* MOBILE MQ (max-width:767px) — overrides CQ under-ring:
* force side captions (row units); equal ~22px gaps between 3 objects (no space-evenly sprawl);
* consistent padding-inline 14px both edges.
*
* Kill list for this row only:
* item min-width calc(ring + gap + N em) empty shells
* flex:1 1 0 on score items (huge Usability-Social gaps)
* overflow:hidden on long labels (mid-word Usabil clip)
* pure center cluster (justify center + tight middle dump)
* mobile MQ that reaffirms under-ring / space-evenly (fights side-caption intent)
*/
/* Title/summary shells: Rehub .flowhidden clips the row */
body.single-product div.product div.summary.flowhidden,
body.single-product .summary.flowhidden,
body.single-product .re_wooinner_title_compact,
body.single-product .re_wooinner_title_compact.flowhidden,
body.single-product .re_wooinner_title,
body.single-product .re_wooinner_title.flowhidden,
body.single-product .summary > .re_wooinner_title_compact,
body.single-product .summary > .re_wooinner_title{
overflow:visible!important;
}
/* ===== BASE (under-ring / compact) ===== */
body.single-product .summary .svt-product-scores-row,
body.single-product .svt-product-scores-row,
.single-product .svt-product-scores-row{
--svt-ring:48px;
--svt-ring-half:24px;
--svt-inset:38px;
--svt-inset-m:5px;
--svt-item-gap:6px;
--svt-unit-gap:16px;
--svt-cap-lh:1.25;
--svt-cap-row-gap:2px;
container-type:inline-size;
container-name:svt-scores;
display:flex!important;
flex-direction:row!important;
flex-wrap:nowrap!important;
align-items:center!important;
justify-content:space-between!important;
gap:12px!important;
column-gap:12px!important;
row-gap:0!important;
margin:12px 0 6px!important;
padding:12px 14px!important;
padding-left:max(14px,env(safe-area-inset-left,0px))!important;
padding-right:max(14px,env(safe-area-inset-right,0px))!important;
border:none!important;
border-top:1px solid #e5e5e5!important;
border-bottom:1px solid #e5e5e5!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
box-sizing:border-box!important;
line-height:normal!important;
clear:both!important;
float:none!important;
min-height:calc(var(--svt-ring) + 28px)!important;
overflow-x:clip!important;
overflow-y:visible!important;
}
.single-product .re_wooinner_title_compact .svt-product-scores-row{
margin-top:14px!important;
margin-bottom:6px!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
box-sizing:border-box!important;
overflow-x:clip!important;
overflow-y:visible!important;
}
/* Badge cell — content-sized; never full-width stack */
body.single-product .svt-product-scores-row > .svt-product-scores-badge,
.single-product .svt-product-scores-row > .svt-product-scores-badge,
.single-product .svt-product-scores-badge{
flex:0 0 auto!important;
flex-grow:0!important;
flex-shrink:0!important;
width:max-content!important;
max-width:none!important;
min-width:max-content!important;
height:auto!important;
min-height:0!important;
max-height:none!important;
margin:0!important;
padding:0!important;
box-sizing:border-box!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
position:relative!important;
left:auto!important;
right:auto!important;
transform:none!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
overflow:visible!important;
white-space:nowrap!important;
float:none!important;
clear:none!important;
}
/* Rounded-rect tier badge: gold / transparent, 12px radius, poor grey */
.single-product .svt-score-tier-badge{
--tier:#D4A54F;
position:relative!important;
display:inline-flex!important;
flex-direction:row!important;
align-items:center!important;
justify-content:flex-start!important;
gap:9px!important;
width:max-content!important;
max-width:none!important;
min-width:max-content!important;
flex:0 0 auto!important;
flex-shrink:0!important;
height:var(--svt-ring)!important;
min-height:var(--svt-ring)!important;
max-height:var(--svt-ring)!important;
margin:0!important;
padding:0 14px 0 16px!important;
line-height:1!important;
box-sizing:border-box!important;
background:transparent!important;
border:1.5px solid var(--tier)!important;
border-radius:12px!important;
box-shadow:none!important;
filter:none!important;
overflow:visible!important;
white-space:nowrap!important;
left:auto!important;
right:auto!important;
transform:none!important;
}
.single-product .svt-score-tier-badge__rule{display:none!important}
.single-product .svt-score-tier-badge__copy{
display:flex!important;
flex-direction:column!important;
align-items:flex-start!important;
justify-content:center!important;
gap:2px!important;
flex:0 0 auto!important;
flex-shrink:0!important;
width:max-content!important;
min-width:max-content!important;
max-width:none!important;
position:static!important;
text-align:left!important;
overflow:visible!important;
white-space:nowrap!important;
}
.single-product .svt-score-tier-badge__eyebrow{
display:block!important;
margin:0!important;
padding:0!important;
font-size:10px!important;
font-weight:700!important;
letter-spacing:.05em!important;
line-height:1.15!important;
text-transform:uppercase!important;
color:#111!important;
white-space:nowrap!important;
max-width:none!important;
overflow:visible!important;
text-overflow:clip!important;
}
.single-product .svt-score-tier-badge__tier{
display:block!important;
margin:0!important;
padding:0!important;
font-size:16px!important;
font-weight:800!important;
letter-spacing:.03em!important;
line-height:1.05!important;
text-transform:uppercase!important;
color:var(--tier)!important;
text-shadow:none;
white-space:nowrap!important;
max-width:none!important;
overflow:visible!important;
text-overflow:clip!important;
}
.single-product .svt-score-tier-badge--top .svt-score-tier-badge__tier{
font-size:17px!important;
letter-spacing:.05em!important;
}
.single-product .svt-score-tier-badge--strong .svt-score-tier-badge__tier{
font-size:15px!important;
letter-spacing:.02em!important;
}
.single-product .svt-score-tier-badge__icon{
display:flex!important;
align-items:center!important;
justify-content:center!important;
position:static!important;
flex:0 0 auto!important;
flex-shrink:0!important;
width:auto!important;
height:auto!important;
margin:0!important;
padding:0!important;
color:var(--tier)!important;
line-height:0!important;
overflow:visible!important;
}
.single-product .svt-score-tier-badge__icon-svg{
display:block!important;
position:static!important;
width:calc(var(--svt-ring) * .42)!important;
height:calc(var(--svt-ring) * .42)!important;
max-width:none!important;
max-height:none!important;
flex-shrink:0!important;
}
.single-product .svt-score-tier-badge--solid,
.single-product .svt-score-tier-badge--strong,
.single-product .svt-score-tier-badge--top{
--tier:var(--svt-brass-ink,#8F6226); /*b71 was #D4A54F*/
background:transparent!important;
border-color:var(--tier)!important;
}
.single-product .svt-score-tier-badge--poor{
--tier:#5F6673; /*b71 was #9AA0A6*/
background:transparent!important;
border-color:var(--tier)!important;
}
.single-product .svt-score-tier-badge--poor .svt-score-tier-badge__tier{
color:var(--tier)!important;
font-size:16px!important;
letter-spacing:.03em!important;
}
.single-product .svt-score-tier-badge--poor .svt-score-tier-badge__icon{
color:var(--tier)!important;
}
/* First-view soft glow — absolute ::before only; must not change layout box */
@keyframes svt-tier-glow{
0%,100%{opacity:0;box-shadow:0 0 0 0 transparent}
25%,60%{opacity:1;box-shadow:0 0 14px 2px rgba(212,165,79,.55)}
}
@keyframes svt-tier-glow-poor{
0%,100%{opacity:0;box-shadow:0 0 0 0 transparent}
25%,60%{opacity:1;box-shadow:0 0 12px 2px rgba(154,160,166,.48)}
}
@keyframes svt-tier-glow-text{
0%,100%{text-shadow:0 0 0 transparent}
25%,60%{text-shadow:0 0 10px rgba(212,165,79,.55)}
}
@keyframes svt-tier-glow-text-poor{
0%,100%{text-shadow:0 0 0 transparent}
25%,60%{text-shadow:0 0 8px rgba(107,114,128,.42)}
}
@keyframes svt-tier-glow-icon{
0%,100%{filter:drop-shadow(0 0 0 transparent)}
25%,60%{filter:drop-shadow(0 0 6px rgba(212,165,79,.7))}
}
@keyframes svt-tier-glow-icon-poor{
0%,100%{filter:drop-shadow(0 0 0 transparent)}
25%,60%{filter:drop-shadow(0 0 5px rgba(154,160,166,.55))}
}
.single-product .svt-score-tier-badge.is-tier-glow{
overflow:visible!important;
width:max-content!important;
min-width:max-content!important;
height:var(--svt-ring)!important;
max-height:var(--svt-ring)!important;
}
.single-product .svt-score-tier-badge.is-tier-glow::before{
content:"";
position:absolute;
inset:0;
border-radius:inherit;
pointer-events:none;
z-index:0;
opacity:0;
box-shadow:0 0 0 0 transparent;
animation:svt-tier-glow 3.2s ease-in-out .25s 1 both;
}
.single-product .svt-score-tier-badge--poor.is-tier-glow::before{
animation-name:svt-tier-glow-poor;
}
.single-product .svt-score-tier-badge.is-tier-glow .svt-score-tier-badge__tier{
animation:svt-tier-glow-text 3.2s ease-in-out .25s 1 both;
}
.single-product .svt-score-tier-badge--poor.is-tier-glow .svt-score-tier-badge__tier{
animation-name:svt-tier-glow-text-poor;
}
.single-product .svt-score-tier-badge.is-tier-glow .svt-score-tier-badge__icon{
animation:svt-tier-glow-icon 3.2s ease-in-out .25s 1 both;
}
.single-product .svt-score-tier-badge--poor.is-tier-glow .svt-score-tier-badge__icon{
animation-name:svt-tier-glow-icon-poor;
}
@media (prefers-reduced-motion: reduce){
.single-product .svt-score-tier-badge.is-tier-glow::before,
.single-product .svt-score-tier-badge.is-tier-glow .svt-score-tier-badge__tier,
.single-product .svt-score-tier-badge.is-tier-glow .svt-score-tier-badge__icon{
animation:none!important;
}
.single-product .svt-score-tier-badge.is-tier-glow .svt-score-tier-badge__tier{
text-shadow:none;
}
.single-product .svt-score-tier-badge.is-tier-glow .svt-score-tier-badge__icon{
filter:none;
}
}
/*
* Scores group: share remaining row width (badge stays auto left).
* flex:1 + space-evenly → Usability / Social share the rest with intentional gaps
* (free space before first ring too — larger badge ↔ scores separation).
* Score items stay content-sized (never flex:1 1 0 on items).
*/
body.single-product .svt-product-scores-row > .svt-loop-scores,
body.single-product .svt-product-scores-row .svt-loop-scores,
.single-product .svt-product-scores-row .svt-loop-scores,
.single-product .svt-product-scores-row > .svt-loop-scores{
display:flex!important;
flex-direction:row!important;
flex-wrap:nowrap!important;
align-items:center!important;
justify-content:space-evenly!important;
gap:var(--svt-unit-gap)!important;
column-gap:var(--svt-unit-gap)!important;
row-gap:0!important;
flex:1 1 auto!important;
flex-grow:1!important;
flex-shrink:1!important;
width:auto!important;
max-width:100%!important;
min-width:0!important;
margin:0!important;
padding:0!important;
line-height:normal!important;
box-sizing:border-box!important;
float:none!important;
clear:none!important;
overflow:visible!important;
}
/*
* Score units DEFAULT: under-ring, content-sized.
* flex:0 0 auto — NEVER flex:1 1 0. min-width = ring only — NEVER calc(ring+gap+Nem).
*/
body.single-product .summary .svt-product-scores-row .svt-product-score-item,
body.single-product .summary .svt-product-scores-row .svt-product-score-item.is-social,
body.single-product .summary .svt-product-scores-row .svt-product-score-item.is-expert,
body.single-product .svt-product-scores-row .svt-product-score-item,
body.single-product .svt-product-scores-row .svt-product-score-item.is-social,
body.single-product .svt-product-scores-row .svt-product-score-item.is-expert,
.single-product .svt-product-scores-row .svt-product-score-item,
.single-product .svt-product-scores-row .svt-product-score-item.is-social,
.single-product .svt-product-scores-row .svt-product-score-item.is-expert{
display:flex!important;
flex-direction:column!important;
flex-wrap:nowrap!important;
align-items:center!important;
justify-content:flex-start!important;
gap:var(--svt-item-gap)!important;
flex:0 0 auto!important;
flex-grow:0!important;
flex-shrink:0!important;
width:auto!important;
min-width:var(--svt-ring)!important;
max-width:none!important;
margin:0!important;
padding:0!important;
text-align:center!important;
box-sizing:border-box!important;
line-height:normal!important;
overflow:visible!important;
background:transparent!important;
background-color:transparent!important;
position:relative!important;
left:auto!important;
transform:none!important;
}
.single-product .svt-product-scores-row .svt-product-score-item .svt-loop-circle{
display:block!important;
flex:0 0 var(--svt-ring)!important;
width:var(--svt-ring)!important;
height:var(--svt-ring)!important;
min-width:var(--svt-ring)!important;
max-width:var(--svt-ring)!important;
margin:0!important;
padding:0!important;
line-height:0!important;
order:0!important;
overflow:visible!important;
z-index:1!important;
}
/* Captions under rings by default — full words, no mid-word clip */
body.single-product .summary .svt-product-scores-row .svt-product-score-caption,
body.single-product .summary .svt-product-scores-row .svt-score-caption,
body.single-product .svt-product-scores-row .svt-product-score-caption,
body.single-product .svt-product-scores-row .svt-score-caption,
.single-product .svt-product-scores-row .svt-product-score-caption,
.single-product .svt-product-scores-row .svt-score-caption{
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:flex-start!important;
order:1!important;
flex:0 0 auto!important;
flex-grow:0!important;
flex-shrink:0!important;
width:max-content!important;
min-width:0!important;
max-width:none!important;
margin:0!important;
padding:0!important;
font-size:10px!important;
font-weight:600!important;
line-height:var(--svt-cap-lh)!important;
gap:var(--svt-cap-row-gap)!important;
row-gap:var(--svt-cap-row-gap)!important;
letter-spacing:.01em!important;
text-align:center!important;
color:var(--svt-ink)!important;
white-space:normal!important;
overflow:visible!important;
overflow-wrap:normal!important;
word-break:normal!important;
word-wrap:normal!important;
hyphens:none!important;
-webkit-hyphens:none!important;
writing-mode:horizontal-tb!important;
position:static!important;
box-sizing:border-box!important;
}
.single-product .svt-product-scores-row .svt-score-caption__word{
display:block!important;
flex:0 0 auto!important;
width:max-content!important;
max-width:none!important;
margin:0!important;
padding:0!important;
line-height:var(--svt-cap-lh)!important;
white-space:nowrap!important;
word-break:keep-all!important;
overflow:visible!important;
overflow-wrap:normal!important;
word-wrap:normal!important;
hyphens:none!important;
-webkit-hyphens:none!important;
}
.single-product .svt-product-scores-row .svt-product-score-item.is-expert .svt-product-score-caption,
.single-product .svt-product-scores-row .svt-product-score-item.is-social .svt-product-score-caption{
color:var(--svt-ink)!important;
}
/* Rings / radial geometry (vars drive size) */
.single-product .svt-product-scores-row .radial-progress{
display:block!important;
margin:0!important;
width:var(--svt-ring)!important;
height:var(--svt-ring)!important;
background-color:transparent!important;
transition:none;
}
.single-product .svt-product-scores-row .radial-progress.is-green-in:not(.is-unscored){
background-color:transparent!important;
}
.single-product .svt-product-scores-row .radial-progress .circle .mask,
.single-product .svt-product-scores-row .radial-progress .circle .fill{
transition:none!important;
}
@media (prefers-reduced-motion:reduce){
.single-product .svt-product-scores-row .radial-progress:not(.is-unscored){
background-color:transparent!important;
transition:none;
}
}
.single-product .svt-product-scores-row .radial-progress .circle .mask,
.single-product .svt-product-scores-row .radial-progress .circle .fill,
.single-product .svt-product-scores-row .radial-progress .circle .shadow{
width:var(--svt-ring)!important;
height:var(--svt-ring)!important;
}
.single-product .svt-product-scores-row .radial-progress .circle .mask{
clip:rect(0px,var(--svt-ring),var(--svt-ring),var(--svt-ring-half))!important;
}
.single-product .svt-product-scores-row .radial-progress .circle .mask .fill{
clip:rect(0px,var(--svt-ring-half),var(--svt-ring),0px)!important;
background-color:var(--svt-brass)!important;
}
.single-product .svt-product-scores-row .radial-progress .inset{
display:flex!important;
align-items:center;
justify-content:center;
inset:var(--ring)!important;
width:auto!important;
height:auto!important;
margin:0!important;
background:var(--svt-ink)!important;
background-color:var(--svt-ink)!important;
}
.single-product .svt-product-scores-row .radial-progress .inset .percentage{
width:auto!important;
font-size:calc(var(--sz, var(--svt-ring, 60px)) * 0.42)!important;
line-height:1!important;
margin-top:0!important;
font-weight:700!important;
font-variant-numeric:tabular-nums!important;
color:#fff!important;
}
/*
* SIDE CAPTIONS — only when the row container is wide enough.
* Content-sized units (flex:0 0 auto). Full Usability / Social words; switch
* layout via CQ rather than truncating with overflow:hidden.
*/
@container svt-scores (min-width:560px){
body.single-product .summary .svt-product-scores-row,
body.single-product .svt-product-scores-row,
.single-product .svt-product-scores-row{
--svt-item-gap:8px;
--svt-unit-gap:18px;
--svt-cap-lh:1.3;
--svt-cap-row-gap:3px;
justify-content:space-between!important;
gap:12px!important;
column-gap:12px!important;
padding:12px 14px!important;
padding-left:max(14px,env(safe-area-inset-left,0px))!important;
padding-right:max(14px,env(safe-area-inset-right,0px))!important;
min-height:calc(var(--svt-ring) + 22px)!important;
overflow-x:clip!important;
overflow-y:visible!important;
}
body.single-product .svt-product-scores-row > .svt-loop-scores,
body.single-product .svt-product-scores-row .svt-loop-scores,
.single-product .svt-product-scores-row .svt-loop-scores,
.single-product .svt-product-scores-row > .svt-loop-scores{
flex:1 1 auto!important;
flex-grow:1!important;
flex-shrink:1!important;
justify-content:space-evenly!important;
gap:var(--svt-unit-gap)!important;
column-gap:var(--svt-unit-gap)!important;
width:auto!important;
max-width:100%!important;
min-width:0!important;
overflow:visible!important;
}
body.single-product .summary .svt-product-scores-row .svt-product-score-item,
body.single-product .summary .svt-product-scores-row .svt-product-score-item.is-social,
body.single-product .summary .svt-product-scores-row .svt-product-score-item.is-expert,
body.single-product .svt-product-scores-row .svt-product-score-item,
.single-product .svt-product-scores-row .svt-product-score-item,
.single-product .svt-product-scores-row .svt-product-score-item.is-social,
.single-product .svt-product-scores-row .svt-product-score-item.is-expert{
flex-direction:row!important;
align-items:center!important;
justify-content:flex-start!important;
flex:0 0 auto!important;
flex-grow:0!important;
flex-shrink:0!important;
width:auto!important;
min-width:0!important;
max-width:none!important;
gap:var(--svt-item-gap)!important;
text-align:left!important;
overflow:visible!important;
}
body.single-product .summary .svt-product-scores-row .svt-product-score-caption,
body.single-product .summary .svt-product-scores-row .svt-score-caption,
body.single-product .svt-product-scores-row .svt-product-score-caption,
body.single-product .svt-product-scores-row .svt-score-caption,
.single-product .svt-product-scores-row .svt-product-score-caption,
.single-product .svt-product-scores-row .svt-score-caption{
flex:0 0 auto!important;
flex-grow:0!important;
flex-shrink:0!important;
width:max-content!important;
min-width:0!important;
max-width:none!important;
align-items:flex-start!important;
justify-content:center!important;
text-align:left!important;
font-size:11px!important;
line-height:var(--svt-cap-lh)!important;
gap:var(--svt-cap-row-gap)!important;
row-gap:var(--svt-cap-row-gap)!important;
overflow:visible!important;
}
.single-product .svt-product-scores-row .svt-score-caption__word{
white-space:nowrap!important;
width:max-content!important;
max-width:none!important;
overflow:visible!important;
word-break:keep-all!important;
overflow-wrap:normal!important;
line-height:var(--svt-cap-lh)!important;
}
}
/*
* Desktop: blend values sit inside the right pad, so 14px left
* looks heavier. 8px left matches the visible right gap. Mobile
* keeps its own equal 10px pads.
*/
@media(min-width:769px){
body.single-product .summary .svt-product-scores-row,
body.single-product .svt-product-scores-row,
.single-product .svt-product-scores-row{
padding-left:8px!important;
}
}
/*
* Mobile (max 768): one row -- MID chip + 8px + ring + 8px + Usability/Social.
* Flex-start and fixed gaps. Do not use space-between -- that opens a hole.
*/
@media(max-width:768px){
body.single-product .summary .svt-product-scores-row,
body.single-product .svt-product-scores-row,
.single-product .svt-product-scores-row{
--svt-ring:54px;
--svt-ring-half:27px;
--svt-inset:44px;
--svt-inset-m:5px;
--svt-item-gap:6px;
--svt-unit-gap:8px;
--svt-cap-lh:1.2;
--svt-cap-row-gap:1px;
justify-content:flex-start!important;
align-items:center!important;
gap:8px!important;
column-gap:8px!important;
flex-wrap:nowrap!important;
padding:8px 10px!important;
padding-left:max(10px,env(safe-area-inset-left,0px))!important;
padding-right:max(10px,env(safe-area-inset-right,0px))!important;
min-height:0!important;
overflow-x:clip!important;
overflow-y:visible!important;
}
body.single-product .svt-product-scores-row > .svt-loop-scores,
body.single-product .svt-product-scores-row .svt-loop-scores,
.single-product .svt-product-scores-row .svt-loop-scores,
.single-product .svt-product-scores-row > .svt-loop-scores{
flex:1 1 auto!important;
flex-grow:1!important;
flex-shrink:1!important;
justify-content:flex-start!important;
gap:8px!important;
column-gap:8px!important;
width:auto!important;
max-width:none!important;
min-width:0!important;
overflow:visible!important;
}
.single-product .svt-product-scores-row .svt-loop-scores--blend,
.single-product .svt-product-scores-row .svt-loop-scores--blend .svt-loop-score-unit.is-blend{
flex:1 1 auto!important;
width:auto!important;
max-width:none!important;
min-width:0!important;
justify-content:flex-start!important;
align-items:center!important;
gap:8px!important;
}
.single-product .svt-product-scores-row .svt-loop-scores--blend .svt-loop-circle{
flex:0 0 auto!important;
}
.single-product .svt-product-scores-row .svt-loop-scores--blend .svt-loop-parts{
flex:1 1 auto!important;
min-width:0!important;
max-width:none!important;
padding-right:6px!important;
box-sizing:border-box!important;
gap:4px!important;
}
.single-product .svt-product-scores-row .svt-loop-scores--blend .svt-loop-part-row{
gap:6px!important;
align-items:center!important;
}
.single-product .svt-product-scores-row .svt-loop-scores--blend .svt-loop-part-lbl,
.single-product .svt-product-scores-row .svt-loop-scores--blend .svt-loop-parts-cap{
font-size:10px!important;
letter-spacing:0.02em!important;
}
.single-product .svt-product-scores-row .svt-loop-scores--blend .svt-loop-part-val{
font-size:12px!important;
}
.single-product .svt-product-scores-row .svt-loop-scores--blend .svt-loop-part-ico{
width:12px!important;
height:12px!important;
}
.single-product .svt-product-scores-row .svt-loop-scores--blend .svt-loop-part-bar{
height:3px!important;
margin-top:2px!important;
}
body.single-product .summary .svt-product-scores-row .svt-product-score-item,
body.single-product .summary .svt-product-scores-row .svt-product-score-item.is-social,
body.single-product .summary .svt-product-scores-row .svt-product-score-item.is-expert,
body.single-product .svt-product-scores-row .svt-product-score-item,
body.single-product .svt-product-scores-row .svt-product-score-item.is-social,
body.single-product .svt-product-scores-row .svt-product-score-item.is-expert,
.single-product .svt-product-scores-row .svt-product-score-item,
.single-product .svt-product-scores-row .svt-product-score-item.is-social,
.single-product .svt-product-scores-row .svt-product-score-item.is-expert{
flex:0 0 auto!important;
flex-grow:0!important;
flex-shrink:0!important;
flex-direction:row!important;
align-items:center!important;
justify-content:flex-start!important;
gap:var(--svt-item-gap)!important;
width:auto!important;
min-width:0!important;
max-width:none!important;
text-align:left!important;
overflow:visible!important;
}
body.single-product .summary .svt-product-scores-row .svt-product-score-caption,
body.single-product .summary .svt-product-scores-row .svt-score-caption,
body.single-product .svt-product-scores-row .svt-product-score-caption,
body.single-product .svt-product-scores-row .svt-score-caption,
.single-product .svt-product-scores-row .svt-product-score-caption,
.single-product .svt-product-scores-row .svt-score-caption{
flex:0 0 auto!important;
flex-grow:0!important;
flex-shrink:0!important;
width:max-content!important;
min-width:0!important;
max-width:none!important;
align-items:flex-start!important;
justify-content:center!important;
text-align:left!important;
font-size:10px!important;
line-height:var(--svt-cap-lh)!important;
gap:var(--svt-cap-row-gap)!important;
row-gap:var(--svt-cap-row-gap)!important;
overflow:visible!important;
}
.single-product .svt-product-scores-row .svt-score-caption__word{
white-space:nowrap!important;
width:max-content!important;
max-width:none!important;
overflow:visible!important;
word-break:keep-all!important;
overflow-wrap:normal!important;
line-height:var(--svt-cap-lh)!important;
}
.single-product .svt-score-tier-badge,
.single-product .svt-score-tier-badge.is-tier-glow{
flex:0 1 auto!important;
flex-shrink:1!important;
min-width:0!important;
gap:3px!important;
padding:4px 7px!important;
border-radius:8px!important;
height:auto!important;
min-height:0!important;
max-height:none!important;
align-self:center!important;
}
.single-product .svt-score-tier-badge__eyebrow{font-size:7px!important;letter-spacing:.04em!important}
.single-product .svt-score-tier-badge__tier{font-size:10px!important;letter-spacing:.02em!important}
.single-product .svt-score-tier-badge--top .svt-score-tier-badge__tier{font-size:10px!important}
.single-product .svt-score-tier-badge--strong .svt-score-tier-badge__tier{font-size:10px!important}
.single-product .svt-score-tier-badge--poor .svt-score-tier-badge__tier{font-size:10px!important}
.single-product .svt-score-tier-badge__icon-svg{
width:12px!important;
height:12px!important;
}
.single-product .svt-product-scores-row .radial-progress,
.single-product .svt-product-scores-row .svt-score-ring{
width:var(--svt-ring)!important;
height:var(--svt-ring)!important;
}
.single-product .svt-product-scores-row .radial-progress .inset .percentage{
font-size:calc(var(--sz, var(--svt-ring, 54px)) * 0.42)!important;
line-height:1!important;
margin-top:0!important;
}
}
@media(min-width:769px){
body.single-product .summary .svt-product-scores-row,
body.single-product .svt-product-scores-row,
.single-product .svt-product-scores-row{
--svt-ring:60px;
--svt-ring-half:30px;
--svt-inset:48px;
--svt-inset-m:6px;
--svt-item-gap:8px;
--svt-unit-gap:16px;
--svt-cap-lh:1.3;
--svt-cap-row-gap:3px;
margin:10px 0 4px!important;
padding:8px 12px!important;
padding-left:8px!important;
min-height:0!important;
}
.single-product .svt-score-tier-badge,
.single-product .svt-score-tier-badge.is-tier-glow{
height:auto!important;
min-height:0!important;
max-height:none!important;
gap:6px!important;
padding:6px 11px 6px 12px!important;
border-radius:10px!important;
align-self:center!important;
}
.single-product .svt-score-tier-badge__eyebrow{font-size:9px!important;letter-spacing:.04em!important}
.single-product .svt-score-tier-badge__tier{font-size:13px!important;letter-spacing:.02em!important}
.single-product .svt-score-tier-badge--top .svt-score-tier-badge__tier{font-size:14px!important}
.single-product .svt-score-tier-badge--strong .svt-score-tier-badge__tier{font-size:13px!important}
.single-product .svt-score-tier-badge--poor .svt-score-tier-badge__tier{font-size:13px!important}
.single-product .svt-score-tier-badge__icon-svg{
width:18px!important;
height:18px!important;
}
.single-product .svt-product-scores-row .radial-progress,
.single-product .svt-product-scores-row .svt-score-ring{
width:var(--svt-ring)!important;
height:var(--svt-ring)!important;
}
.single-product .svt-product-scores-row .radial-progress .inset .percentage{
font-size:calc(var(--sz, var(--svt-ring, 60px)) * 0.42)!important;
line-height:1!important;
margin-top:0!important;
}
}
@media(min-width:1025px){
body.single-product .summary .svt-product-scores-row,
.single-product .svt-product-scores-row{
--svt-ring:62px;
--svt-ring-half:31px;
--svt-inset:50px;
--svt-inset-m:6px;
--svt-unit-gap:16px;
--svt-item-gap:8px;
}
.single-product .svt-product-scores-row .radial-progress .inset .percentage{
font-size:calc(var(--sz, var(--svt-ring, 62px)) * 0.42)!important;
line-height:1!important;
margin-top:0!important;
}
}
/* No container support: use viewport width as a rough side/under switch */
@supports not (container-type:inline-size){
@media(min-width:769px){
body.single-product .summary .svt-product-scores-row,
body.single-product .svt-product-scores-row,
.single-product .svt-product-scores-row{
justify-content:space-between!important;
}
.single-product .svt-product-scores-row .svt-loop-scores{
flex:1 1 auto!important;
justify-content:space-evenly!important;
gap:var(--svt-unit-gap)!important;
min-width:0!important;
}
.single-product .svt-product-scores-row .svt-product-score-item{
flex-direction:row!important;
align-items:center!important;
flex:0 0 auto!important;
width:auto!important;
min-width:0!important;
max-width:none!important;
overflow:visible!important;
}
.single-product .svt-product-scores-row .svt-product-score-caption,
.single-product .svt-product-scores-row .svt-score-caption{
flex:0 0 auto!important;
width:max-content!important;
max-width:none!important;
align-items:flex-start!important;
text-align:left!important;
font-size:11px!important;
overflow:visible!important;
}
.single-product .svt-product-scores-row .svt-score-caption__word{
white-space:nowrap!important;
overflow:visible!important;
}
}
}body.single-product{
--svt-cta-deep:#B56815;
--svt-cta-deep:color-mix(in srgb,var(--svt-cta) 78%,var(--svt-ink));
}
body.single-product.woocommerce .summary .woo-button-area .coupon_woo_rehub p.cart a.single_add_to_cart_button.button.alt,
body.single-product .summary .coupon_woo_rehub p.cart a.single_add_to_cart_button,
body.single-product .summary .woo-button-area a.single_add_to_cart_button.button.alt,
body.single-product .summary a.single_add_to_cart_button.button.alt{
background:var(--svt-cta)!important;
background-color:var(--svt-cta)!important;
background-image:none!important;
border:1px solid var(--svt-cta)!important;
color:var(--svt-cta-text)!important;
box-sizing:border-box!important;
height:36px!important;
min-height:36px!important;
max-height:36px!important;
box-shadow:none!important;
-webkit-box-shadow:none!important;
}
body.single-product.woocommerce .summary .woo-button-area .coupon_woo_rehub p.cart a.single_add_to_cart_button.button.alt:hover,
body.single-product.woocommerce .summary .woo-button-area .coupon_woo_rehub p.cart a.single_add_to_cart_button.button.alt:focus,
body.single-product.woocommerce .summary .woo-button-area .coupon_woo_rehub p.cart a.single_add_to_cart_button.button.alt:focus-visible,
body.single-product.woocommerce .summary .woo-button-area .coupon_woo_rehub p.cart a.single_add_to_cart_button.button.alt:active,
body.single-product.woocommerce-page .summary .woo-button-area .coupon_woo_rehub p.cart a.single_add_to_cart_button.button.alt:hover,
body.single-product.woocommerce-page .summary .woo-button-area .coupon_woo_rehub p.cart a.single_add_to_cart_button.button.alt:focus,
body.single-product.woocommerce-page .summary .woo-button-area .coupon_woo_rehub p.cart a.single_add_to_cart_button.button.alt:focus-visible,
body.single-product.woocommerce-page .summary .woo-button-area .coupon_woo_rehub p.cart a.single_add_to_cart_button.button.alt:active,
body.single-product .summary .coupon_woo_rehub p.cart a.single_add_to_cart_button:hover,
body.single-product .summary .coupon_woo_rehub p.cart a.single_add_to_cart_button:focus,
body.single-product .summary .coupon_woo_rehub p.cart a.single_add_to_cart_button:focus-visible,
body.single-product .summary .coupon_woo_rehub p.cart a.single_add_to_cart_button:active,
body.single-product .summary .coupon_woo_rehub p.cart a:hover,
body.single-product .summary .coupon_woo_rehub p.cart a:focus,
body.single-product .summary .coupon_woo_rehub p.cart a:focus-visible,
body.single-product .summary .coupon_woo_rehub p.cart a:active,
body.single-product .summary .woo-button-area a.single_add_to_cart_button:hover,
body.single-product .summary .woo-button-area a.single_add_to_cart_button:focus,
body.single-product .summary .woo-button-area a.single_add_to_cart_button:focus-visible,
body.single-product .summary .woo-button-area a.single_add_to_cart_button:active,
body.single-product .summary .woo-button-area a.button.alt:hover,
body.single-product .summary .woo-button-area a.button.alt:focus,
body.single-product .summary .woo-button-area a.button.alt:focus-visible,
body.single-product .summary .woo-button-area a.button.alt:active,
body.single-product .summary a.single_add_to_cart_button:hover,
body.single-product .summary a.single_add_to_cart_button:focus,
body.single-product .summary a.single_add_to_cart_button:focus-visible,
body.single-product .summary a.single_add_to_cart_button:active,
body.single-product .summary a.single_add_to_cart_button.button.alt:hover,
body.single-product .summary a.single_add_to_cart_button.button.alt:focus,
body.single-product .summary a.single_add_to_cart_button.button.alt:focus-visible,
body.single-product .summary a.single_add_to_cart_button.button.alt:active,
body.single-product .summary a.svt-buy-now:hover,
body.single-product .summary a.svt-buy-now:focus,
body.single-product .summary a.svt-buy-now:focus-visible,
body.single-product .summary a.svt-buy-now:active,
body.single-product .summary a.woo_loop_btn:hover,
body.single-product .summary a.woo_loop_btn:focus,
body.single-product .summary a.woo_loop_btn:focus-visible,
body.single-product .summary a.woo_loop_btn:active,
body.single-product .summary a.re_track_btn:hover,
body.single-product .summary a.re_track_btn:focus,
body.single-product .summary a.re_track_btn:focus-visible,
body.single-product .summary a.re_track_btn:active,
body.single-product .summary a.btn_offer_block:hover,
body.single-product .summary a.btn_offer_block:focus,
body.single-product .summary a.btn_offer_block:focus-visible,
body.single-product .summary a.btn_offer_block:active,
body.single-product .summary .priced_block .btn_offer_block:hover,
body.single-product .summary .priced_block .btn_offer_block:focus,
body.single-product .summary .priced_block .btn_offer_block:focus-visible,
body.single-product .summary .priced_block .btn_offer_block:active,
body.single-product .summary .svt-single-cta-actions a.single_add_to_cart_button:hover,
body.single-product .summary .svt-single-cta-actions a.single_add_to_cart_button:focus,
body.single-product .summary .svt-single-cta-actions a.single_add_to_cart_button:focus-visible,
body.single-product .summary .svt-single-cta-actions a.single_add_to_cart_button:active,
body.single-product .summary .svt-single-cta-actions a.svt-buy-now:hover,
body.single-product .summary .svt-single-cta-actions a.svt-buy-now:focus,
body.single-product .summary .svt-single-cta-actions a.svt-buy-now:focus-visible,
body.single-product .summary .svt-single-cta-actions a.svt-buy-now:active,
body.single-product .summary .svt-single-cta-actions a.woo_loop_btn:hover,
body.single-product .summary .svt-single-cta-actions a.woo_loop_btn:focus,
body.single-product .summary .svt-single-cta-actions a.woo_loop_btn:focus-visible,
body.single-product .summary .svt-single-cta-actions a.woo_loop_btn:active,
body.single-product .summary .svt-single-cta-actions a.btn_offer_block:hover,
body.single-product .summary .svt-single-cta-actions a.btn_offer_block:focus,
body.single-product .summary .svt-single-cta-actions a.btn_offer_block:focus-visible,
body.single-product .summary .svt-single-cta-actions a.btn_offer_block:active,
body.single-product .summary .svt-single-cta-actions .woo-button-area a:not(.wpsm-button-new-compare):not(.svt-single-compare):not(.rhwoosinglecompare):not(.add_to_compare_button):hover,
body.single-product .summary .svt-single-cta-actions .woo-button-area a:not(.wpsm-button-new-compare):not(.svt-single-compare):not(.rhwoosinglecompare):not(.add_to_compare_button):focus,
body.single-product .summary .svt-single-cta-actions .woo-button-area a:not(.wpsm-button-new-compare):not(.svt-single-compare):not(.rhwoosinglecompare):not(.add_to_compare_button):focus-visible,
body.single-product .summary .svt-single-cta-actions .woo-button-area a:not(.wpsm-button-new-compare):not(.svt-single-compare):not(.rhwoosinglecompare):not(.add_to_compare_button):active,
body.single-product .summary .svt-single-cta-actions a:not(.wpsm-button-new-compare):not(.svt-single-compare):not(.rhwoosinglecompare):not(.add_to_compare_button):hover,
body.single-product .summary .svt-single-cta-actions a:not(.wpsm-button-new-compare):not(.svt-single-compare):not(.rhwoosinglecompare):not(.add_to_compare_button):focus,
body.single-product .summary .svt-single-cta-actions a:not(.wpsm-button-new-compare):not(.svt-single-compare):not(.rhwoosinglecompare):not(.add_to_compare_button):focus-visible,
body.single-product .summary .svt-single-cta-actions a:not(.wpsm-button-new-compare):not(.svt-single-compare):not(.rhwoosinglecompare):not(.add_to_compare_button):active{
background:var(--svt-cta-deep)!important;
background-color:var(--svt-cta-deep)!important;
background-image:none!important;
border:1px solid var(--svt-slate)!important;
border-color:var(--svt-slate)!important;
border-width:1px!important;
border-style:solid!important;
color:var(--svt-cta-text)!important;
box-shadow:none!important;
-webkit-box-shadow:none!important;
transform:none!important;
outline:none!important;
outline-offset:0!important;
filter:none!important;
top:auto!important;
box-sizing:border-box!important;
height:36px!important;
min-height:36px!important;
max-height:36px!important;
}
/* Block 116b: the product page as cards (inc/svt-product-layout.php). */
body.svt-pl{--svt-pl-blue:var(--svt-click-ink,#35589C);--svt-pl-line:rgba(0,0,0,.08);--svt-pl-tile:#F6F2EB;--svt-pl-tile2:#F4EFE6;--svt-pl-brass:var(--svt-brass-ink,#8F6226);--svt-pl-ink:var(--svt-ink,#26231E);--svt-pl-slate:var(--svt-slate-ink,#655F55)}
.svt-pl-sr{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;margin:-1px!important;padding:0!important;border:0!important}
.svt-of{margin-left:1px;font-size:.62em;font-weight:600;letter-spacing:0;color:var(--svt-slate-ink,#655F55)}
.svt-bar-score .svt-of{font-size:.72em}
.svt-pl-ic{display:inline-block;flex:0 0 auto;width:20px;height:20px;vertical-align:middle}
/* Full width: product pages print no sidebar, so the column takes the row. */
body.svt-pl #content.main-side{width:100%!important;max-width:100%!important;float:none!important;margin-right:0!important;padding-right:0!important}
body.svt-pl .rh-content-wrap > .sidebar,body.svt-pl .rh-content-wrap > aside{display:none!important}
/* Hero: the photo and the summary are one card (the grid's own background cell). */
body.svt-pl.single-product div.product{display:grid!important;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:32px;row-gap:0;align-items:center;position:relative}
body.svt-pl.single-product div.product > *{grid-column:1 / -1;min-width:0}
body.svt-pl.single-product div.product::before{content:"";display:block;grid-column:1 / -1;grid-row:2;align-self:stretch;background:var(--svt-card,#fff);border:1px solid var(--svt-pl-line);border-radius:18px}
body.svt-pl.single-product div.product::after{content:none!important;display:none!important}
body.svt-pl.single-product div.product > .woocommerce-notices-wrapper{grid-row:1}
body.svt-pl.single-product div.product > .woo-image-part{grid-column:1;grid-row:2;align-self:stretch;width:auto!important;max-width:none!important;float:none!important;margin:24px 0 24px 24px!important;padding:16px!important;background:var(--svt-pl-tile);border-radius:14px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;position:relative}
body.svt-pl.single-product div.product > .woo-image-part > *{width:100%}
body.svt-pl.single-product div.product > .summary{grid-column:2;grid-row:2;width:auto!important;max-width:none!important;float:none!important;margin:24px 24px 24px 0!important;padding:0!important}
body.svt-pl.single-product div.product > .svt-product-stack{margin-top:20px!important}
@media (max-width:767px){
body.svt-pl.single-product div.product{grid-template-columns:minmax(0,1fr)}
body.svt-pl.single-product div.product::before{grid-row:2 / 4;border-radius:16px}
body.svt-pl.single-product div.product > .woo-image-part{grid-column:1;grid-row:2;margin:12px 12px 0!important;padding:10px!important}
body.svt-pl.single-product div.product > .summary{grid-column:1;grid-row:3;margin:14px 16px 18px!important}
body.svt-pl.single-product div.product > .svt-product-stack{margin-top:14px!important}
}
/* The rank line as a pill on the photo. */
body.svt-pl.single-product div.product > .woo-image-part .woocommerce-product-gallery{position:static!important}
body.svt-pl .woo-image-part p.svt-rank.svt-pl-rank{position:absolute!important;top:12px!important;left:12px!important;z-index:3;display:block!important;margin:0!important;max-width:calc(100% - 24px);box-sizing:border-box;padding:6px 14px 6px 10px!important;border-radius:6px;background:rgba(255,255,255,.95)!important;box-shadow:0 1px 3px rgba(0,0,0,.12);font-size:13px!important;line-height:1.35!important;font-weight:600!important;color:var(--svt-pl-blue)!important;text-align:left!important;white-space:normal}
body.svt-pl .woo-image-part p.svt-pl-rank a{display:inline!important;color:var(--svt-pl-blue)!important;text-decoration:none!important;border:0!important;box-shadow:none!important;font:inherit!important}
body.svt-pl .woo-image-part p.svt-pl-rank strong{color:var(--svt-pl-brass)!important;font-weight:700}
body.svt-pl .woo-image-part p.svt-rank.svt-pl-rank{transition:box-shadow .15s ease,transform .15s ease,background-color .15s ease}
body.svt-pl .woo-image-part p.svt-pl-rank a::after{content:"";display:inline-block;width:6px;height:6px;margin:0 2px 1px 8px;border-right:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(45deg);transition:transform .15s ease}
body.svt-pl .woo-image-part p.svt-rank.svt-pl-rank:hover{background:#fff!important;box-shadow:0 0 0 1.5px var(--svt-pl-blue),0 6px 16px rgba(38,35,30,.18);transform:translateY(-1px)}
body.svt-pl .woo-image-part p.svt-pl-rank:hover a{text-decoration:underline!important;text-underline-offset:3px}
body.svt-pl .woo-image-part p.svt-pl-rank:hover a::after{transform:translateX(3px) rotate(45deg)}
body.svt-pl .woo-image-part p.svt-pl-rank a:focus-visible{outline:2px solid var(--svt-pl-blue);outline-offset:4px;border-radius:6px}
@media (prefers-reduced-motion:reduce){body.svt-pl .woo-image-part p.svt-rank.svt-pl-rank,body.svt-pl .woo-image-part p.svt-pl-rank a::after{transition:none}body.svt-pl .woo-image-part p.svt-rank.svt-pl-rank:hover{transform:none}}
body.svt-pl .svt-pl-rank__ic{width:16px;height:16px;margin:0 7px 0 0;vertical-align:-3px;color:var(--svt-pl-blue)}
@media (max-width:767px){body.svt-pl .woo-image-part p.svt-rank.svt-pl-rank{top:8px!important;left:8px!important;font-size:12px!important;padding:5px 11px 5px 8px!important}}
/* Name, headline, first sentence. */
body.svt-pl .summary h1.product_title{font-size:32px!important;line-height:1.15!important;margin:0 0 10px!important;max-height:none!important;overflow:visible!important}
body.svt-pl .summary h1.product_title .svt-prod-brand{font-size:15px!important;line-height:1.3!important;font-weight:700!important;letter-spacing:.12em!important;text-transform:uppercase!important;margin:0 0 6px!important;color:var(--svt-pl-slate)!important}
body.svt-pl .summary h1.product_title .svt-prod-rest{display:block;font-size:30px!important;line-height:1.15!important;font-weight:700!important}
body.svt-pl .summary h1.product_title{margin-bottom:14px!important}
.svt-pl-lede{margin:0 0 4px}
body.svt-pl .svt-pl-tagline{margin:0 0 8px!important;font-size:19px!important;line-height:1.3!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;color:var(--svt-pl-brass)!important}
body.svt-pl .svt-pl-lead{margin:0!important;font-size:15.5px!important;line-height:1.6!important;color:var(--svt-body,#33302B)!important}
@media (max-width:767px){
body.svt-pl .summary h1.product_title{font-size:26px!important;margin-bottom:8px!important}
body.svt-pl .summary h1.product_title .svt-prod-brand{font-size:13px!important}
body.svt-pl .summary h1.product_title .svt-prod-rest{font-size:24px!important}
body.svt-pl .svt-pl-tagline{font-size:17px!important}
body.svt-pl .svt-pl-lead{font-size:15px!important}
}
/* The SVT Score: the ring large with its badge under it, the halves beside it. */
body.svt-pl .summary .svt-product-scores-row:has(.svt-loop-scores--blend){display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;grid-template-rows:auto auto;column-gap:28px!important;row-gap:10px!important;align-items:center!important;justify-content:stretch!important;width:100%!important;padding:18px 0 14px!important;margin:16px 0 0!important;border-top:1px solid var(--svt-pl-line)!important;border-bottom:0!important}
body.svt-pl .summary .svt-product-scores-row .svt-loop-scores--blend,body.svt-pl .summary .svt-product-scores-row .svt-loop-scores--blend > .svt-loop-score-unit{display:contents!important}
body.svt-pl .summary .svt-product-scores-row .svt-loop-scores--blend .svt-loop-circle{grid-column:1;grid-row:1;justify-self:center;margin:0!important;zoom:1.6}
body.svt-pl .summary .svt-product-scores-row .svt-product-scores-badge{grid-column:1;grid-row:2;justify-self:center;margin:0!important}
body.svt-pl .summary .svt-product-scores-row p.svt-pl-ringcap{margin:8px 0 0!important;padding:0!important;font-size:14px!important;line-height:1.2!important;font-weight:700!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:var(--svt-pl-slate)!important;white-space:nowrap;text-align:center}
.svt-pl-ringcap__dot{margin:0 .4em}.svt-pl-ringcap__t{color:var(--svt-pl-brass)}.svt-pl-ringcap__t.is-solid{color:var(--svt-pl-ink)}.svt-pl-ringcap__t.is-poor{color:var(--svt-pl-slate)}
body.svt-pl .screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}
body.svt-pl .summary .svt-product-scores-row .svt-loop-scores--blend .svt-loop-part-row{display:flex!important;align-items:baseline;justify-content:space-between;gap:12px}
body.svt-pl .summary .svt-product-scores-row .svt-loop-scores--blend .svt-loop-part-val{font-size:18px!important;line-height:1.1!important;font-weight:700!important;color:var(--svt-pl-ink)!important;font-variant-numeric:tabular-nums;white-space:nowrap}
body.svt-pl .summary .svt-product-scores-row .svt-loop-scores--blend .svt-loop-part-val .svt-of{font-size:12px;font-weight:600;color:var(--svt-pl-slate)}
body.svt-pl .summary .svt-product-scores-row .svt-loop-scores--blend .svt-loop-parts-note{display:block;margin:0!important;font-size:13px!important;line-height:1.4!important;font-weight:400!important;color:var(--svt-pl-slate)!important;text-decoration:underline!important;text-underline-offset:2px}
body.svt-pl .summary .svt-product-scores-row .svt-loop-scores--blend .svt-loop-parts-note:hover{color:var(--svt-pl-blue)!important}
body.svt-pl .summary .svt-product-scores-row .svt-loop-scores--blend .svt-loop-parts{grid-column:2;grid-row:1 / span 2;align-self:stretch;display:grid!important;align-content:center;gap:18px!important;width:auto!important;max-width:none!important;margin:0!important;padding:4px 0 4px 28px!important;border-left:1px solid var(--svt-pl-line)}
body.svt-pl .summary .svt-product-scores-row .svt-loop-scores--blend .svt-loop-part{display:grid!important;gap:8px!important;width:100%!important;margin:0!important}
body.svt-pl .summary .svt-product-scores-row .svt-loop-scores--blend .svt-loop-part-lbl{display:inline-flex!important;align-items:center;gap:10px!important;font-size:16px!important;line-height:1.2!important;font-weight:600!important;color:var(--svt-pl-ink)!important;text-transform:none!important;letter-spacing:0!important}
body.svt-pl .summary .svt-product-scores-row .svt-loop-scores--blend .svt-loop-part-ico{width:22px!important;height:22px!important;background-color:var(--svt-pl-blue)!important}
body.svt-pl .summary .svt-product-scores-row .svt-loop-scores--blend .svt-loop-part-bar{display:block!important;width:100%!important;height:8px!important;border-radius:999px!important;background:#EEE9E0!important;overflow:hidden!important}
body.svt-pl .summary .svt-product-scores-row .svt-loop-scores--blend .svt-loop-part-bar::before,body.svt-pl .summary .svt-product-scores-row .svt-loop-scores--blend .svt-loop-part-bar::after{content:none!important;display:none!important}
body.svt-pl .summary .svt-product-scores-row .svt-loop-scores--blend .svt-loop-part-bar > i{border-radius:999px!important;background:var(--svt-brass,#C8842B)!important}
body.svt-pl .summary .re_wooinner_cta_wrapper{border-top:1px solid var(--svt-pl-line)!important;padding-top:16px!important;margin-top:6px!important}
@media (max-width:767px){
body.svt-pl .summary .svt-product-scores-row:has(.svt-loop-scores--blend){column-gap:16px!important}
body.svt-pl .summary .svt-product-scores-row .svt-loop-scores--blend .svt-loop-circle{zoom:1.2}
body.svt-pl .summary .svt-product-scores-row .svt-loop-scores--blend .svt-loop-parts{padding-left:16px!important;gap:14px!important}
body.svt-pl .summary .svt-product-scores-row .svt-loop-scores--blend .svt-loop-part-lbl{font-size:15px!important;gap:8px!important}
body.svt-pl .summary .svt-product-scores-row .svt-loop-scores--blend .svt-loop-part-ico{width:18px!important;height:18px!important}
body.svt-pl .summary .svt-product-scores-row .svt-loop-scores--blend .svt-loop-part-row{gap:6px}
body.svt-pl .summary .svt-product-scores-row .svt-loop-scores--blend .svt-loop-part-val{font-size:16px!important}
body.svt-pl .summary .svt-product-scores-row .svt-loop-scores--blend .svt-loop-part-val .svt-of{font-size:11px}
body.svt-pl .summary .svt-product-scores-row .svt-loop-scores--blend .svt-loop-parts-note{font-size:12px!important}
body.svt-pl .summary .svt-product-scores-row p.svt-pl-ringcap{font-size:11px!important;letter-spacing:.08em!important}
}
/* Sections: the old section frame goes; each card is its own. */
body.svt-pl .svt-product-stack .svt-stack-section.svt-stack-section--own{padding:0!important;margin:0 0 20px!important;border:0!important;background:none!important}
@media (max-width:767px){body.svt-pl .svt-product-stack .svt-stack-section.svt-stack-section--own{margin-bottom:14px!important}}
.svt-pl-card{background:var(--svt-card,#fff);border:1px solid var(--svt-pl-line,rgba(0,0,0,.08));border-radius:18px;padding:22px 24px;box-sizing:border-box;min-width:0}
@media (max-width:767px){.svt-pl-card{padding:16px;border-radius:16px}}
.svt-pl-head{display:flex;align-items:center;gap:10px;margin:0 0 16px;padding:0;border:0;background:none}
body.svt-pl .svt-pl-title{margin:0!important;padding:0!important;font-size:15px!important;line-height:1.25!important;font-weight:700!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:var(--svt-pl-ink)!important}
.svt-pl-head__ic{width:24px!important;height:24px!important;color:var(--svt-pl-blue)}
.svt-pl-score{margin-left:auto;font-size:22px;line-height:1;font-weight:700;color:var(--svt-pl-ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.svt-pl-score.is-none{font-size:14px;font-weight:600;color:var(--svt-pl-slate)}
.svt-pl-para,.svt-pl-para p{margin:0 0 10px!important;font-size:15.5px!important;line-height:1.6!important;color:var(--svt-pl-ink)}
/* Bars: an empty track, no green, round ends, blue marks, /10 (Michael). */
body.svt-pl .svt-product-stack .svt-bar-track{background:#EEE9E0!important;border-radius:999px!important;overflow:hidden!important}
body.svt-pl .svt-product-stack .svt-bar-track::after{content:none!important;display:none!important}
body.svt-pl .svt-product-stack .svt-bar-fill{background:var(--svt-brass,#C8842B)!important;border-radius:999px!important}
body.svt-pl .svt-product-stack .svt-bar-logo.is-line{background-color:var(--svt-pl-blue)!important}
body.svt-pl .svt-pl-usab .svt-bars{margin:0!important;border-top:0!important;padding-top:0!important}
/* What you're getting. */
body.svt-pl ul.svt-pl-specs{list-style:none!important;margin:0!important;padding:0!important;display:flex;flex-wrap:wrap;gap:12px;--svt-pl-cols:6}
body.svt-pl ul.svt-pl-specs > li.svt-pl-spec{flex:1 1 calc((100% - (var(--svt-pl-cols) - 1) * 12px) / var(--svt-pl-cols));min-width:0;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px;margin:0!important;padding:18px 10px 16px!important;border-radius:14px;background:var(--svt-pl-tile);list-style:none!important}
body.svt-pl ul.svt-pl-specs > li.svt-pl-spec::before{content:none!important;display:none!important}
.svt-pl-spec__ic{width:32px!important;height:32px!important;color:var(--svt-pl-blue);margin:0 0 8px}
.svt-pl-spec__v{order:2;font-size:17px;font-weight:700;line-height:1.3;color:var(--svt-pl-ink);overflow-wrap:anywhere}
.svt-pl-spec__k{order:3;font-size:13px;line-height:1.35;color:var(--svt-pl-slate)}
.svt-pl-spec.is-na .svt-pl-spec__v{font-weight:500;color:var(--svt-pl-slate)}
.svt-pl-spec.is-na .svt-pl-spec__ic{color:#8A8378}
body.svt-pl ul.svt-pl-specs > li.svt-pl-spec.is-wide{flex-basis:100%}
.svt-pl-spec.is-wide .svt-pl-spec__v{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;max-width:760px}
.svt-pl-chipv{display:inline-block;padding:3px 10px;border-radius:4px;background:#fff;border:1px solid rgba(0,0,0,.12);font-size:13.5px;font-weight:600;line-height:1.4}
body.svt-pl .svt-pl-note{margin:12px 2px 0!important;font-size:14px!important;line-height:1.5!important;color:var(--svt-pl-slate)!important}
body.svt-pl .svt-pl-getting .svt-glance{margin:18px 0 0!important;padding:16px 0 0!important;border-top:1px solid var(--svt-pl-line)!important}
@media (max-width:767px){
body.svt-pl ul.svt-pl-specs{gap:8px;--svt-pl-cols:2!important}
body.svt-pl ul.svt-pl-specs > li.svt-pl-spec{flex-basis:calc((100% - 8px) / 2)}
body.svt-pl ul.svt-pl-specs > li.svt-pl-spec{padding:14px 8px 12px!important}
.svt-pl-spec__ic{width:28px!important;height:28px!important}
.svt-pl-spec__v{font-size:15px}
.svt-pl-spec__k{font-size:12.5px}
}
/* Usability beside What we like / What holds it back. */
.svt-pl-row{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
@media (min-width:1024px){.svt-pl-row.has-pc{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}.svt-pl-row.has-pc > .svt-pl-pc{display:flex;flex-direction:column}.svt-pl-row.has-pc > .svt-pl-pc > .svt-pl-card{flex:1 1 auto}.svt-pl-row.has-pc > .svt-pl-usab{display:flex;flex-direction:column}.svt-pl-row.has-pc > .svt-pl-usab > .svt-bars{flex:1 1 auto;display:flex;flex-direction:column;justify-content:space-between}}
@media (max-width:767px){.svt-pl-row{gap:14px}}
.svt-pl-pc{display:grid;gap:20px;align-content:start}
@media (min-width:768px) and (max-width:1023px){.svt-pl-pc{grid-template-columns:1fr 1fr}}
@media (max-width:767px){.svt-pl-pc{gap:14px}}
.svt-pl-card.svt-pl-pro{background:#F1F5EE;border-color:transparent}
.svt-pl-card.svt-pl-con{background:#FBF1EE;border-color:transparent}
.svt-pl-pro .svt-pl-head__ic,.svt-pl-pro .svt-pl-li__ic{color:#556F50}
.svt-pl-con .svt-pl-head__ic,.svt-pl-con .svt-pl-li__ic{color:#98564F}
body.svt-pl ul.svt-pl-list{list-style:none!important;margin:0!important;padding:0!important}
body.svt-pl ul.svt-pl-list > li{display:flex;gap:10px;align-items:flex-start;margin:0 0 10px!important;padding:0!important;font-size:15px!important;line-height:1.5!important;color:var(--svt-pl-ink);list-style:none!important}
body.svt-pl ul.svt-pl-list > li:last-child{margin-bottom:0!important}
body.svt-pl ul.svt-pl-list > li::before{content:none!important;display:none!important}
.svt-pl-li__ic{width:18px!important;height:18px!important;margin-top:3px}
@keyframes svtplpop{from{opacity:0;transform:scale(.55)}to{opacity:1;transform:none}}
.svt-pl-list.is-in .svt-pl-li__ic{animation:svtplpop .4s cubic-bezier(.22,.61,.36,1) both}
.svt-pl-list.is-in li:nth-child(2) .svt-pl-li__ic{animation-delay:.07s}
.svt-pl-list.is-in li:nth-child(3) .svt-pl-li__ic{animation-delay:.14s}
.svt-pl-list.is-in li:nth-child(4) .svt-pl-li__ic{animation-delay:.21s}
.svt-pl-list.is-in li:nth-child(5) .svt-pl-li__ic{animation-delay:.28s}
.svt-pl-list.is-in li:nth-child(n+6) .svt-pl-li__ic{animation-delay:.35s}
/* Why it scores: block 115's rows as tiles. */
body.svt-pl .svt-sr.svt-pl-tiles{background:none!important;border:0!important;border-radius:0!important;overflow:visible!important;padding:0!important;margin:0!important;clear:both}
.svt-sr.svt-pl-tiles > .svt-sr-tiles{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
body.svt-pl .svt-sr.svt-pl-tiles details.svt-sr__row{background:var(--svt-pl-tile2)!important;border:0!important;border-radius:12px;margin:0!important;padding:0!important}
body.svt-pl .svt-sr.svt-pl-tiles summary.svt-sr__label{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:10px!important;min-height:48px;padding:12px 14px!important;font-size:12.5px!important;line-height:1.3!important;font-weight:700!important;letter-spacing:.09em!important;text-transform:uppercase!important;color:var(--svt-pl-brass)!important;cursor:pointer}
body.svt-pl .svt-sr.svt-pl-tiles .svt-sr__name{display:inline-flex;align-items:center;gap:8px;margin-right:auto}
body.svt-pl .svt-sr.svt-pl-tiles .svt-sr__row.is-muted summary.svt-sr__label{color:var(--svt-pl-slate)!important}
body.svt-pl .svt-sr.svt-pl-tiles .svt-sr__pill{letter-spacing:0!important;text-transform:none!important;font-weight:600!important;background:#E9E2D4!important}
body.svt-pl .svt-sr.svt-pl-tiles .svt-sr__pill.is-none,body.svt-pl .svt-sr.svt-pl-tiles .svt-sr__pill.is-excluded{background:transparent!important}
body.svt-pl .svt-sr.svt-pl-tiles .svt-sr__text{padding:0 14px 14px!important}
body.svt-pl .svt-sr.svt-pl-tiles .svt-sr__text ul{margin:0!important}
body.svt-pl .svt-sr.svt-pl-tiles .svt-sr__text p{margin:0!important}
.svt-pl-mark{display:inline-block!important;flex:0 0 auto;width:20px!important;height:20px!important;min-width:20px;margin:0!important;opacity:1!important;transform:none!important;transition:none!important}
body.svt-pl .svt-pl-mark.is-line{background-color:var(--svt-pl-blue)!important}
.svt-pl-rowic{width:20px!important;height:20px!important;color:var(--svt-pl-blue)}
.svt-sr__row.is-muted .svt-pl-rowic{color:var(--svt-pl-slate)}
@media (min-width:768px){
.svt-sr.svt-pl-tiles > .svt-sr-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
body.svt-pl .svt-sr.svt-pl-tiles > .svt-sr-tiles > details.svt-sr__row.is-full{grid-column:1 / -1}
body.svt-pl .svt-sr.svt-pl-tiles > .svt-sr-tiles > details.svt-sr__row[open]{display:block!important;padding:16px 18px!important}
body.svt-pl .svt-sr.svt-pl-tiles details.svt-sr__row[open] > summary.svt-sr__label{min-height:0!important;padding:0 0 8px!important;cursor:default}
body.svt-pl .svt-sr.svt-pl-tiles details.svt-sr__row[open] > summary.svt-sr__label::after{display:none!important}
body.svt-pl .svt-sr.svt-pl-tiles details.svt-sr__row[open] > .svt-sr__text{padding:0!important}
}
/* What owners are saying. */
.svt-pl-mini{display:block;height:8px;border-radius:999px;background:#EEE9E0;overflow:hidden;min-width:0}
.svt-pl-mini > i{display:block;height:100%;width:var(--w);border-radius:999px;background:var(--svt-brass,#C8842B)}
@keyframes svtplgrow{from{width:0}}
.svt-pl-mini.is-in > i{animation:svtplgrow .9s cubic-bezier(.22,.61,.36,1) both}
.svt-pl-src__s{font-size:16px;line-height:1.2;font-weight:700;font-variant-numeric:tabular-nums;color:var(--svt-pl-ink);white-space:nowrap;text-align:right}
.svt-pl-folds{display:grid;gap:10px}
@media (min-width:1024px){body.svt-pl .svt-comparedin:not(.svt-comparedin--n1) .svt-comparedin__list{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;column-gap:24px!important}body.svt-pl .svt-comparedin:not(.svt-comparedin--n1) .svt-cilink{grid-template-columns:200px minmax(0,1fr) 16px!important}body.svt-pl .svt-comparedin:not(.svt-comparedin--n1) .svt-cilink__chip{width:200px!important}}
.svt-pl-fold{border-radius:14px;background:var(--svt-pl-tile);scroll-margin-top:96px}
.svt-pl-fold > summary{display:grid;grid-template-columns:28px minmax(110px,170px) minmax(0,1fr) 64px 14px;align-items:center;column-gap:14px;min-height:56px;padding:10px 16px;cursor:pointer;list-style:none;font-size:15px;line-height:1.3;font-weight:600;color:var(--svt-pl-ink)}
.svt-pl-fold__n{display:flex;flex-direction:column;gap:2px;min-width:0}
body.svt-pl .svt-pl-fold__n .svt-bar-scope{align-self:flex-start;margin:0!important}
@media (max-width:767px){.svt-pl-fold > summary{grid-template-columns:24px minmax(0,1fr) auto 14px;row-gap:8px;column-gap:10px;padding:12px 14px}.svt-pl-fold > summary .svt-pl-mini{grid-column:2 / 4;grid-row:2}}
.svt-pl-fold > summary::-webkit-details-marker{display:none}
.svt-pl-fold > summary .svt-pl-mark{width:28px!important;height:28px!important;min-width:28px}
@media (max-width:767px){.svt-pl-fold > summary .svt-pl-mark{width:24px!important;height:24px!important;min-width:24px}}
.svt-pl-fold > summary::after{content:"";justify-self:center;width:8px;height:8px;margin:0 0 3px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s ease}
.svt-pl-fold[open] > summary::after{transform:rotate(-135deg);margin-bottom:-3px}
.svt-pl-fold > summary:focus-visible{outline:2px solid var(--svt-click,#4974C4);outline-offset:-2px;border-radius:14px}
.svt-pl-fold__body{padding:0 16px 16px}
body.svt-pl .svt-pl-fold__body .svt-bar-points{margin:0!important;display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
@media (min-width:768px){body.svt-pl .svt-pl-fold__body .svt-bar-points{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}}
body.svt-pl .svt-pl-fold__body .svt-bar-points-col{background:var(--svt-card,#fff);border-radius:12px;padding:14px 16px}
body.svt-pl .svt-pl-fold__body .svt-bar-points-head{font-size:12px!important;font-weight:700!important;letter-spacing:.08em!important;color:var(--svt-pl-ink)!important;margin:0 0 6px}
body.svt-pl .svt-pl-fold__body .svt-bar-points-col ul{margin:0!important;padding:0 0 0 20px!important}
body.svt-pl .svt-pl-fold__body .svt-bar-points-col li{font-size:15px!important;line-height:1.5!important;color:var(--svt-pl-ink)!important;margin:0 0 6px!important}
body.svt-pl .svt-pl-fold__body .svt-bar-points-col li:last-child{margin-bottom:0!important}
body.svt-pl .svt-pl-fold__body .svt-bar-points-col.is-liked li::marker{color:var(--svt-added,#3B6633)}
body.svt-pl .svt-pl-fold__body .svt-bar-points-col.is-complaints li::marker{color:var(--svt-con-ink,#98564F)}
body.svt-pl .svt-pl-fold__body .svt-bar-points-col.is-liked .svt-bar-points-head{color:var(--svt-added,#3B6633)!important}
body.svt-pl .svt-pl-fold__body .svt-bar-points-col.is-complaints .svt-bar-points-head{color:var(--svt-con-ink,#98564F)!important}
.svt-pl-fold__sum{margin-top:12px;padding-top:12px;border-top:1px solid var(--svt-pl-line)}
.svt-pl-fold__sum:first-child{margin-top:0;padding-top:0;border-top:0}
body.svt-pl .svt-pl-fold__sum p{margin:0 0 10px!important;font-size:15px!important;line-height:1.6!important;color:var(--svt-pl-ink)!important}
body.svt-pl .svt-pl-fold__sum p:last-child{margin-bottom:0!important}
.svt-pl-ohead{display:flex;align-items:center;gap:18px;margin:0 0 18px}
.svt-pl-fold > summary .svt-pl-mini{height:10px;background:#fff;box-shadow:inset 0 0 0 1px rgba(38,35,30,.14)}
.svt-pl-fold > summary .svt-pl-mini > i{box-shadow:inset 0 0 0 1px rgba(38,35,30,.08)}
.svt-pl-ohead .svt-score-badge{flex:0 0 auto;margin:0!important}
.svt-pl-ohead__t{min-width:0}
body.svt-pl .svt-pl-ohead .svt-pl-tagline{margin:0!important}
.svt-pl-brand{margin-top:18px}
body.svt-pl .svt-pl-eyebrow{margin:0 0 4px!important;font-size:12px!important;line-height:1.4!important;font-weight:700!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:var(--svt-pl-slate)!important}
body.svt-pl .svt-pl-brand .svt-sr.svt-pl-tiles details.svt-sr__row{background:var(--svt-pl-tile)!important}
/* About this product: a card that opens from 768px. */
.svt-pl-aboutfold > summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none}
.svt-pl-aboutfold > summary::-webkit-details-marker{display:none}
.svt-pl-aboutfold > summary::after{content:"";flex:0 0 auto;width:8px;height:8px;margin:0 4px 3px 6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s ease}
.svt-pl-aboutfold[open] > summary::after{transform:rotate(-135deg);margin-bottom:-3px}
.svt-pl-aboutfold > summary:focus-visible{outline:2px solid var(--svt-click,#4974C4);outline-offset:4px}
body.svt-pl #tab-additional_information details.svt-pl-aboutfold > summary > h2.svt-pl-title,body.svt-pl .svt-stack-section .svt-stack-body .svt-pl-aboutfold > summary > h2.svt-pl-title{margin:0!important}
body.svt-pl #tab-additional_information details.svt-pl-aboutfold[open] > .svt-desc-body,body.svt-pl .svt-pl-aboutfold[open] > .svt-desc-body{margin:16px 0 0!important;padding:0!important;border-top:0!important}
body.svt-pl .svt-pl-aboutfold > .svt-desc-body > p:first-child{margin-top:0!important}
/* b118 (Michael, 2026-10-06). The bars are segmented site-wide (style.css). The
owners' pool bars lose their 116e outline: the cuts now mark where a bar starts
and ends, and an inset line broke into ten pieces. */
.svt-pl-fold > summary .svt-pl-mini,.svt-pl-fold > summary .svt-pl-mini > i{box-shadow:none!important}
/* Block 126 (Michael, 2026-10-07: the owners' pool bars "way too big on desktop ... the same size as the
usability ones", and on a phone too). Same 9px thickness as .svt-bar-track. From 1024px the bar column is
the usability track's width: that track is half the row less 81px of this summary's content box, so
calc(50% - 81px) (478px at 1280, 368 at 1024); the name column takes the slack, so the bar sits beside its
score. Below 1024 the usability card is full width, so the bar takes its own line under the name, as on a
phone, and runs to the row's end. */
.svt-pl-fold > summary .svt-pl-mini{height:9px}
@media (min-width:1024px){.svt-pl-fold > summary{grid-template-columns:28px minmax(110px,1fr) calc(50% - 81px) 64px 14px}}
@media (min-width:768px) and (max-width:1023px){.svt-pl-fold > summary{grid-template-columns:28px minmax(0,1fr) auto 14px;row-gap:8px}.svt-pl-fold > summary .svt-pl-mini{grid-column:2 / 5;grid-row:2}}
@media (max-width:767px){.svt-pl-fold > summary .svt-pl-mini{grid-column:2 / 5}}
/* Block 127 (Michael, 2026-10-07: the owners card in two columns on desktop, to condense it).
From 1024px: pools, Not counted and Sources on the left, the brand rows in one column on the
right. In a half column the bar is 46% of the row and a pool's Liked and Complaints stack, so
neither list wraps at ~250px. Below 1024 the left column dissolves and the order is the old
one. The gap above Not counted is set here: the tiles' own rule zeroes every margin. */
.svt-pl-osplit{display:flex;flex-direction:column}
.svt-pl-ocol--scores{display:contents}
.svt-pl-osplit > .svt-pl-ocol--scores > .svt-pl-folds{order:1}
.svt-pl-osplit > .svt-pl-brand{order:2}
.svt-pl-osplit > .svt-pl-ocol--scores > .svt-pl-tiles{order:3}
body.svt-pl .svt-pl-ocol--scores > .svt-sr.svt-pl-tiles{margin-top:10px!important}
@media (min-width:768px){body.svt-pl .svt-pl-ocol--scores > .svt-sr.svt-pl-tiles{margin-top:14px!important}}
@media (min-width:1024px){
.svt-pl-osplit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:24px;align-items:start}
.svt-pl-ocol--scores{display:block;min-width:0}
.svt-pl-osplit > .svt-pl-brand{margin-top:0;min-width:0}
body.svt-pl .svt-pl-ocol--scores > .svt-sr.svt-pl-tiles{margin-top:10px!important}
body.svt-pl .svt-pl-osplit .svt-sr.svt-pl-tiles > .svt-sr-tiles{grid-template-columns:minmax(0,1fr);gap:10px}
.svt-pl-osplit .svt-pl-fold > summary{grid-template-columns:28px minmax(96px,1fr) minmax(0,46%) 56px 14px;column-gap:12px}
body.svt-pl .svt-pl-osplit .svt-pl-fold__body .svt-bar-points{grid-template-columns:minmax(0,1fr);gap:10px}
}
/* The review headline and its first sentence lead "Why it scores", not the hero
(Michael: "it doesn't really belong in that card up there", desktop too). */
body.svt-pl .svt-pl-rhead{display:block;margin:0 0 18px}
body.svt-pl .svt-pl-rhead .svt-pl-tagline{margin:0 0 6px!important}
/* Tiles: a label and a two-line snippet, the whole text one click away, at every
width (Michael: "a mass of text"). Rows no longer open themselves from 768px. */
body.svt-pl .svt-sr.svt-pl-tiles > .svt-sr-tiles{align-items:start}
body.svt-pl .svt-sr.svt-pl-tiles summary.svt-sr__label{flex-wrap:wrap!important;row-gap:6px!important}
body.svt-pl .svt-sr.svt-pl-tiles summary.svt-sr__label::after{order:2}
body.svt-pl .svt-sr.svt-pl-tiles .svt-sr__snip{order:3;flex:0 0 100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:14.5px;line-height:1.5;font-weight:400;letter-spacing:0;text-transform:none;color:var(--svt-body,#33302B)}
body.svt-pl .svt-sr.svt-pl-tiles .svt-sr__row.is-muted .svt-sr__snip{color:var(--svt-pl-slate)}
body.svt-pl .svt-sr.svt-pl-tiles details.svt-sr__row[open] > summary .svt-sr__snip{display:none}
body.svt-pl .svt-sr.svt-pl-tiles summary.svt-sr__label:hover .svt-sr__name{text-decoration:underline;text-underline-offset:3px}
@media (min-width:768px){
body.svt-pl .svt-sr.svt-pl-tiles > .svt-sr-tiles > details.svt-sr__row.is-full{grid-column:auto}
body.svt-pl .svt-sr.svt-pl-tiles > .svt-sr-tiles > details.svt-sr__row[open]{display:block!important;padding:0!important}
body.svt-pl .svt-sr.svt-pl-tiles details.svt-sr__row[open] > summary.svt-sr__label{min-height:48px!important;padding:12px 14px!important;cursor:pointer}
body.svt-pl .svt-sr.svt-pl-tiles details.svt-sr__row[open] > summary.svt-sr__label::after{display:block!important}
body.svt-pl .svt-sr.svt-pl-tiles details.svt-sr__row[open] > .svt-sr__text{padding:0 14px 14px!important}
}
@media (max-width:767px){body.svt-pl .svt-sr.svt-pl-tiles .svt-sr__snip{-webkit-line-clamp:1;font-size:14px}}
/* Phone: Buy Now on the first screen (Michael). The breadcrumb is one back link
to the category; the photo, the brand line and the name come down. 133 (Michael): the rank
pill sits at the foot of the photo's tile, and the tile is 12px taller so it covers no photo. */
body.svt-pl p.svt-rank.svt-pl-rankm{display:none!important}
@media (max-width:767px){
body.svt-pl nav.woocommerce-breadcrumb{margin:4px 0 10px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.svt-pl nav.woocommerce-breadcrumb > a:not(:last-of-type),body.svt-pl nav.woocommerce-breadcrumb > span.delimiter{display:none!important}
body.svt-pl nav.woocommerce-breadcrumb > a:last-of-type{display:inline-flex!important;align-items:center;gap:7px;padding:0!important;background:none!important;border:0!important;font-size:14px!important;line-height:20px!important}
body.svt-pl nav.woocommerce-breadcrumb > a:last-of-type::before{content:"";width:7px;height:7px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}
body.svt-pl .woo-image-part p.svt-rank.svt-pl-rank{display:none!important}
body.svt-pl.single-product div.product > .woo-image-part img{max-height:200px!important;width:auto!important;margin:0 auto!important}
body.svt-pl .summary h1.product_title{margin-bottom:10px!important}
body.svt-pl .summary h1.product_title .svt-prod-brand{font-size:12px!important;margin:0 0 4px!important}
body.svt-pl .summary h1.product_title .svt-prod-rest{font-size:21px!important;line-height:1.2!important}
body.svt-pl.single-product div.product > .woo-image-part{padding-bottom:22px!important}
body.svt-pl .woo-image-part p.svt-rank.svt-pl-rankm{position:absolute!important;left:50%!important;bottom:8px!important;transform:translateX(-50%);z-index:3;display:flex!important;align-items:center;width:max-content;max-width:calc(100% - 16px);box-sizing:border-box;margin:0!important;padding:6px 12px 6px 10px!important;border-radius:6px;background:rgba(255,255,255,.95)!important;box-shadow:0 1px 3px rgba(0,0,0,.12);font-size:13px!important;line-height:1.35!important;font-weight:600!important;color:var(--svt-pl-blue)!important;text-align:left!important}
body.svt-pl .woo-image-part p.svt-pl-rankm a{display:flex!important;align-items:center;min-width:0;max-width:100%;color:var(--svt-pl-blue)!important;text-decoration:none!important;border:0!important;box-shadow:none!important;font:inherit!important}
body.svt-pl .woo-image-part p.svt-pl-rankm a::after{content:"";flex:0 0 auto;display:inline-block;width:6px;height:6px;margin:0 2px 1px 8px;border-right:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(45deg)}
body.svt-pl .woo-image-part p.svt-pl-rankm strong{color:var(--svt-pl-brass)!important;font-weight:700}
body.svt-pl .woo-image-part p.svt-pl-rankm .svt-pl-rank__ic{flex:0 0 auto}
body.svt-pl .woo-image-part p.svt-pl-rankm .svt-pl-rank__t{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
body.svt-pl .woo-image-part p.svt-pl-rankm a:focus-visible{outline:2px solid var(--svt-pl-blue);outline-offset:3px;border-radius:4px}
}
@media (max-width:340px){body.svt-pl .woo-image-part p.svt-rank.svt-pl-rankm{font-size:12px!important;padding:6px 10px 6px 8px!important}body.svt-pl .woo-image-part p.svt-pl-rankm .svt-pl-rank__ic{margin-right:5px!important}}
/* Icons take the logo's blue (Michael). Text stays --svt-click-ink: the logo blue
reads 3.96 to 4.11 on the page and the tiles, under the 4.5 text needs, and
clears the 3 an icon needs everywhere (4.59 on white). */
body.svt-pl{--svt-pl-icon:var(--svt-click,#4974C4)}
body.svt-pl .svt-pl-rank__ic,.svt-pl-head__ic,.svt-pl-spec__ic,.svt-pl-rowic{color:var(--svt-pl-icon)}
body.svt-pl .svt-sr__row.is-muted .svt-pl-rowic{color:var(--svt-pl-slate)}
body.svt-pl .summary .svt-product-scores-row .svt-loop-scores--blend .svt-loop-part-ico,body.svt-pl .svt-product-stack .svt-bar-logo.is-line,body.svt-pl .svt-pl-mark.is-line{background-color:var(--svt-pl-icon)!important}
/* 118b (Michael: "these broke their containers"). Compared in, two across from 1024px:
116d made the chip 200px but left its logos sized for the 280px chip, so two
brand logos and the mark (252px) ran out of it. The chip is 220px here, its
logos are sized for it, and the mark is 28px. */
@media (min-width:1024px){
body.svt-pl .svt-comparedin.svt-comparedin--rows:not(.svt-comparedin--n1) .svt-cilink{grid-template-columns:220px minmax(0,1fr) 16px!important}
body.svt-pl .svt-comparedin.svt-comparedin--rows:not(.svt-comparedin--n1) .svt-cilink__chip{--svt-chip-w:220px;width:220px!important;gap:8px!important;padding:0 10px!important}
body.svt-pl .svt-comparedin.svt-comparedin--rows:not(.svt-comparedin--n1) .svt-cilink__logo{min-width:0}
body.svt-pl .svt-comparedin.svt-comparedin--rows:not(.svt-comparedin--n1) .svt-cilink__mark{width:28px!important;height:28px!important}
body.svt-pl .svt-comparedin.svt-comparedin--rows:not(.svt-comparedin--n1) .svt-cilink__chip:not(.svt-cilink__chip--pvp) .svt-cilink__img{max-height:32px!important;max-width:100%!important}
body.svt-pl .svt-comparedin.svt-comparedin--rows:not(.svt-comparedin--n1) .svt-cilink__chip:not(.svt-cilink__chip--pvp) .svt-cilink__img.svt-brandlogo{--svt-lf-a:1500;--svt-lf-h:32px;--svt-lf-w:76px}
body.svt-pl .svt-comparedin.svt-comparedin--rows:not(.svt-comparedin--n1) .svt-cilink__chip--pvp .svt-cilink__img{height:54px!important;max-height:54px!important;max-width:100%!important}
}
/* 118c (Michael). Under the name: the facts as pills with the chip radius, not
round ("I like the pills with less roundness"). The name comes down a size.
The rank pill no longer lies over the photo on a desktop: it sits at the foot
of the photo's tile, under the product. */
body.svt-pl ul.svt-pl-facts{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 4px!important;padding:0!important;list-style:none!important}
body.svt-pl ul.svt-pl-facts > li{margin:0!important;padding:5px 10px!important;border:1px solid #E6D3B3;border-radius:var(--svt-radius-chip,4px);background:#FBF5EC;font-size:14px;line-height:1.3;font-weight:600;color:var(--svt-pl-ink);list-style:none!important;white-space:nowrap}
body.svt-pl ul.svt-pl-facts > li::before{content:none!important;display:none!important}
body.svt-pl .summary h1.product_title .svt-prod-rest{font-size:26px!important;line-height:1.2!important}
body.svt-pl .summary h1.product_title{margin-bottom:12px!important}
@media (min-width:768px){
body.svt-pl .woo-image-part p.svt-rank.svt-pl-rank{position:static!important;width:fit-content;max-width:100%;margin:16px auto 0!important}
}
@media (max-width:767px){
body.svt-pl ul.svt-pl-facts{gap:6px}
body.svt-pl ul.svt-pl-facts > li{font-size:13px;padding:4px 8px!important}
body.svt-pl .summary h1.product_title .svt-prod-rest{font-size:20px!important}
body.svt-pl.single-product div.product > .woo-image-part img{max-height:180px!important}
}
/* 118c (Michael): What we like / What holds it back show four, then a thin bar
across the card's foot, "Show 3 more", in ink, not a blue link. */
body.svt-pl .svt-pl-more__r{position:fixed;top:0;left:0;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}
body.svt-pl .svt-pl-more__r:not(:checked) ~ ul.svt-pl-list > li:nth-child(n+5){display:none!important}
body.svt-pl label.svt-pl-more{display:flex;align-items:center;justify-content:center;gap:8px;margin:14px -4px -6px;padding:10px 0 4px;border-top:1px solid rgba(38,35,30,.12);font-size:13.5px;font-weight:700;line-height:1.2;letter-spacing:.02em;color:var(--svt-pl-ink);cursor:pointer;-webkit-user-select:none;user-select:none}
body.svt-pl label.svt-pl-more::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s ease}
body.svt-pl label.svt-pl-more:hover{text-decoration:underline;text-underline-offset:3px}
body.svt-pl .svt-pl-more__s,body.svt-pl .svt-pl-more__r:checked ~ label.svt-pl-more .svt-pl-more__o{display:none}
body.svt-pl .svt-pl-more__r:checked ~ label.svt-pl-more .svt-pl-more__s{display:inline}
body.svt-pl .svt-pl-more__r:checked ~ label.svt-pl-more::after{transform:translateY(2px) rotate(225deg)}
body.svt-pl .svt-pl-more__r:focus-visible ~ label.svt-pl-more{outline:2px solid var(--svt-click,#4974C4);outline-offset:2px;border-radius:4px}
@media (prefers-reduced-motion:reduce){body.svt-pl label.svt-pl-more::after{transition:none}}
/* 118c: long paragraphs (an intro or a summary that did not split) show four lines. */
body.svt-pl .svt-pl-more__r:not(:checked) ~ .svt-pl-para.is-clamp{max-height:6.4em;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent);mask-image:linear-gradient(180deg,#000 55%,transparent)}
body.svt-pl .svt-pl-para.is-clamp > p:last-child{margin-bottom:0!important}
/* 118c (Michael: "mega condensed on mobile"). What you're getting on a phone:
two compact tiles a row, icon beside the value, six showing. */
@media (min-width:768px){body.svt-pl label.svt-pl-more--specs,body.svt-pl input#svt-pl-more-specs{display:none!important}}
@media (max-width:767px){
body.svt-pl ul.svt-pl-specs{gap:6px}
body.svt-pl ul.svt-pl-specs > li.svt-pl-spec{flex-basis:calc((100% - 6px) / 2);display:grid!important;grid-template-columns:20px minmax(0,1fr);column-gap:8px;row-gap:1px;align-items:center;justify-content:stretch;text-align:left;padding:8px 10px!important;border-radius:10px}
body.svt-pl ul.svt-pl-specs > li.svt-pl-spec.is-wide{flex-basis:100%}
body.svt-pl .svt-pl-spec__ic{grid-column:1;grid-row:1 / 3;width:20px!important;height:20px!important;margin:0!important}
body.svt-pl .svt-pl-spec__v{grid-column:2;grid-row:1;font-size:14px;line-height:1.25}
body.svt-pl .svt-pl-spec__k{grid-column:2;grid-row:2;font-size:11.5px;line-height:1.25}
body.svt-pl .svt-pl-spec.is-wide .svt-pl-spec__v{justify-content:flex-start;gap:4px}
body.svt-pl .svt-pl-more__r:not(:checked) ~ ul.svt-pl-specs > li:nth-child(n+7){display:none!important}
/* The owners card's header: the title on one line. */
body.svt-pl .svt-pl-owners > .svt-pl-head{flex-wrap:wrap;row-gap:4px}
body.svt-pl .svt-pl-owners > .svt-pl-head .svt-pl-title{font-size:14px!important;letter-spacing:.08em!important;white-space:nowrap}
}
/* 118d (Michael): on a phone the SVT Score ring had room to spare beside the
bars; it is now about 92px (the 54px ring at 1.7), desktop unchanged. */
@media (max-width:767px){body.svt-pl .summary .svt-product-scores-row .svt-loop-scores--blend .svt-loop-circle{zoom:1.7}}
/* 118f: a tile showing all of its text does not look openable. */
body.svt-pl .svt-sr.svt-pl-tiles details.svt-sr__row.is-whole > summary.svt-sr__label{cursor:default}
body.svt-pl .svt-sr.svt-pl-tiles details.svt-sr__row.is-whole > summary.svt-sr__label::after{display:block!important;visibility:hidden}
body.svt-pl .svt-sr.svt-pl-tiles details.svt-sr__row.is-whole > summary.svt-sr__label:hover .svt-sr__name{text-decoration:none}
/* 118h (Michael: "they should be evenly spaced... the same size"). Tiles side
by side are one height, unless a tile has been opened, so an opened tile
does not stretch its neighbour. A whole tile's text is set as the snippet
is (size, colour, the 6px under the label), so an open-looking tile and a
folded one read alike; its chevron keeps its space, invisible, so a pill
sits in the same place on both. */
body.svt-pl .svt-sr.svt-pl-tiles details.svt-sr__row.is-whole[open] > summary.svt-sr__label{padding-bottom:0!important;min-height:0!important}
body.svt-pl .svt-sr.svt-pl-tiles details.svt-sr__row.is-whole[open] > .svt-sr__text{padding:6px 14px 12px!important}
body.svt-pl .svt-sr.svt-pl-tiles details.svt-sr__row.is-whole > .svt-sr__text > p{font-size:14.5px!important;line-height:1.5!important;font-weight:400!important;color:var(--svt-body,#33302B)!important}
body.svt-pl .svt-sr.svt-pl-tiles details.svt-sr__row.is-whole.is-muted > .svt-sr__text > p{color:var(--svt-pl-slate)!important}
@media (min-width:768px){
body.svt-pl .svt-sr.svt-pl-tiles > .svt-sr-tiles{align-items:stretch}
body.svt-pl .svt-sr.svt-pl-tiles > .svt-sr-tiles:has(> details.svt-sr__row[open]:not(.is-whole)){align-items:start}
}
@media (max-width:767px){body.svt-pl .svt-sr.svt-pl-tiles details.svt-sr__row.is-whole > .svt-sr__text > p{font-size:14px!important}}
/* A pill sits at the right, beside the chevron's place, on every tile; it
floated mid-tile wherever the label was short. */
body.svt-pl .svt-sr.svt-pl-tiles summary.svt-sr__label .svt-sr__pill{margin-left:auto!important}
body.svt-pl .svt-sr.svt-pl-tiles summary.svt-sr__label:has(.svt-sr__pill)::after{margin-left:0!important}
/* 119c (Michael: "I don't want little pill things... just little blocks, not
pills"): a value chip takes the fact pills' 4px corner, small for its size
as the card's 12px is for the card. */