: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}
@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;
}