/*
 * Electric Toothbrush React lander — the template's inline <style> block,
 * extracted VERBATIM from single-product-electric-toothbrush-react.php so the
 * unified router can load/unload it on client-side navigations (it is listed in
 * inc/react-product-registry.php and printed by sb_react_product_print_styles).
 * Cascade position matches the old inline block: after electric-toothbrush-new.css.
 */
.button-parent-add button.btn { margin-top: 0; }
.button-parent-add { margin-top: 1rem; }
.fa-dollar.product-selection-price-dollar-symbol, span.woocommerce-Price-currencySymbol { font-size: 18px; }
#wrapper .ship-world-wide .btn { font-size: 18px; border-radius: 8px; letter-spacing: 0; }
.order-btn, .buy-now-btn, button.btn.btn-primary-blue.btn-lg { text-transform: capitalize; }
button.btn.btn-primary-blue.btn-lg { letter-spacing: 0; }
.pro-electrci-tooth-brush del { position: relative; text-decoration: none; }
.pro-electrci-tooth-brush del:before { width: 70px; left: 0px; content: ""; position: absolute; height: 2px; background: #565759; top: 10px; margin-left: auto; margin-right: auto; left: -2px; right: 0; }
.flex-row-div { display: flex; align-items: center; justify-content: center; gap: 6px; }
.medium-12.landing-product .price-content ~ .subscription-tagline { margin-top: 0px; }
/* WCAG focus */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, [tabindex]:focus-visible { outline: 2px solid #3c98cc; outline-offset: 2px; }
a.added_to_cart.wc-forward { display: none; }
@media screen and (max-width: 767px) {
    .postid-427575.product-electric-toothbrush #product-list.teethWhieteingSystemWrapper:not(.grid-changed) .medium-12.thb-dark-column.small-12.landing-product > .vc_column-inner .featureTag { font-weight: 700; font-size: 14px; border-radius: 20px; text-transform: uppercase; line-height: 1; border-radius: 10px 0 10px 0; margin-left: 0; top: 0px !important; border-top-left-radius: 8px; border-bottom-right-radius: 12px; }
    .postid-427575.product-electric-toothbrush #product-list.productLandingPageContainer .medium-12.thb-dark-column.small-12.landing-product > .vc_column-inner .product-selection-box { left: 0px !important; }
}
