/* WearBeauty site components. Colours match the Elementor global palette. */
:root{
  --wb-charcoal:#25232B; --wb-plum:#493447; --wb-plum-2:#5C4359; --wb-blush:#F4E8EC; --wb-ivory:#FAF8F5;
  --wb-rose:#C98297; --wb-rose-text:#9B4F66; --wb-text:#44414A; --wb-muted:#6B6670; --wb-line:#E9E1E4;
  --wb-green:#287D5A; --wb-white:#fff;
  --wb-radius:18px; --wb-shadow:0 24px 60px rgba(37,35,43,.12),0 4px 14px rgba(37,35,43,.06);
  --wb-serif:"Fraunces",Georgia,serif; --wb-sans:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body.wb-site{background:var(--wb-white);color:var(--wb-text);-webkit-font-smoothing:antialiased}
body.wb-site :focus-visible{outline:3px solid var(--wb-plum);outline-offset:3px;border-radius:6px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Helpers used on Elementor elements (Advanced → CSS classes). */
.wb-eyebrow .elementor-heading-title,.wb-eyebrow{font-family:var(--wb-sans)!important;font-size:13px!important;font-weight:700!important;letter-spacing:.12em!important;text-transform:uppercase;color:var(--wb-rose-text)!important}
.wb-shot img,img.wb-shot{border-radius:14px;box-shadow:var(--wb-shadow)}
.wb-frame img{filter:drop-shadow(0 22px 40px rgba(37,35,43,.14))}
.wb-card{transition:transform .2s ease,box-shadow .2s ease}
.wb-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(37,35,43,.10)}
.wb-ticks ul,.wb-ticks{list-style:none}
.wb-link-arrow a,.wb-link-arrow{font-weight:700;color:var(--wb-plum)!important;text-decoration:none}
.wb-link-arrow a::after{content:" →"}
.wb-muted{color:var(--wb-muted)}

/* Buttons rendered by shortcodes. */
.wb-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 22px;border-radius:12px;font:700 16px/1.2 var(--wb-sans);text-decoration:none!important;border:2px solid transparent;transition:background .15s,color .15s,border-color .15s;width:100%;box-sizing:border-box;text-align:center}
.wb-btn-primary{background:var(--wb-plum);color:#fff!important}
.wb-btn-primary:hover,.wb-btn-primary:focus{background:var(--wb-charcoal)}
.wb-btn-outline{border-color:var(--wb-plum);color:var(--wb-plum)!important;background:#fff}
.wb-btn-outline:hover,.wb-btn-outline:focus{background:var(--wb-blush)}

/* Pricing. */
.wb-pricing{font-family:var(--wb-sans)}
.wb-billing{display:flex;width:max-content;max-width:100%;margin:0 auto 36px;background:var(--wb-blush);border-radius:999px;padding:5px;gap:4px}
.wb-billing-opt{appearance:none;border:0;background:transparent;border-radius:999px;padding:10px 20px;font:700 15px/1.2 var(--wb-sans);color:var(--wb-plum);cursor:pointer;display:flex;align-items:center;gap:8px}
.wb-billing-opt.is-on{background:#fff;box-shadow:0 2px 8px rgba(73,52,71,.14);color:var(--wb-charcoal)}
.wb-save{background:var(--wb-green);color:#fff;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700}
.wb-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.wb-plan{display:flex;flex-direction:column;background:#fff;border:1px solid var(--wb-line);border-radius:22px;padding:30px 28px;position:relative}
.wb-plan.is-featured{border:2px solid var(--wb-plum);box-shadow:var(--wb-shadow)}
.wb-plan h3{font-family:var(--wb-serif);font-weight:600;font-size:28px;line-height:1.15;color:var(--wb-charcoal);margin:0 0 8px}
.wb-plan-for{color:var(--wb-muted);font-size:15px;line-height:1.55;margin:0 0 18px;min-height:4.6em}
.wb-price{border-top:1px solid var(--wb-line);border-bottom:1px solid var(--wb-line);padding:18px 0 14px;margin-bottom:16px}
.wb-amount{font-family:var(--wb-serif);font-size:48px;font-weight:600;color:var(--wb-charcoal);letter-spacing:-.02em;line-height:1}
.wb-per{color:var(--wb-muted);font-weight:600;margin-left:4px}
.wb-equiv{display:block;color:var(--wb-green);font-weight:700;font-size:14px;margin-top:8px}
.wb-vat{color:var(--wb-muted);font-size:13px;margin:8px 0 0}
.wb-limits,.wb-feat{list-style:none;margin:0 0 16px;padding:0}
.wb-limits li{color:var(--wb-charcoal);padding:3px 0}
.wb-plus{font-weight:700;color:var(--wb-rose-text);font-size:14px;margin:0 0 8px}
.wb-feat li{position:relative;padding:5px 0 5px 28px;line-height:1.45;font-size:15px}
.wb-feat li::before{content:"";position:absolute;left:0;top:9px;width:18px;height:18px;border-radius:50%;background:var(--wb-blush) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3 3 7-7' fill='none' stroke='%23493447' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.wb-plan-cta{margin-top:auto;padding-top:10px}
.wb-pricing-note{text-align:center;color:var(--wb-muted);font-size:14.5px;line-height:1.6;max-width:760px;margin:28px auto 0}
.wb-pricing.is-compact .wb-plan-for{min-height:0}
@media (max-width:1024px){.wb-plan-grid{grid-template-columns:1fr;max-width:520px;margin:0 auto}.wb-plan-for{min-height:0}}

/* Comparison table. */
.wb-compare-wrap{overflow-x:auto;border:1px solid var(--wb-line);border-radius:18px;background:#fff}
.wb-compare{width:100%;border-collapse:collapse;min-width:640px;font-family:var(--wb-sans);margin:0}
.wb-compare th,.wb-compare td{padding:14px 16px;border-bottom:1px solid var(--wb-line);text-align:center;vertical-align:middle;font-size:15px;background:transparent}
.wb-compare thead th{position:sticky;top:0;background:var(--wb-ivory);font-family:var(--wb-serif);font-size:19px;font-weight:600;color:var(--wb-charcoal)}
.wb-compare thead th span{display:block;font:600 13px var(--wb-sans);color:var(--wb-muted);margin-top:2px}
.wb-compare tbody th{text-align:left;font-weight:700;color:var(--wb-charcoal);width:46%}
.wb-compare tbody th small{display:block;font-weight:400;color:var(--wb-muted);font-size:13.5px;line-height:1.45;margin-top:3px}
.wb-compare tbody tr:last-child th,.wb-compare tbody tr:last-child td{border-bottom:0}
.wb-yes{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#E3F1EA;color:var(--wb-green);font-weight:800}
.wb-no{color:#B7AFB4;font-weight:700}

/* Guided tour. */
.wb-tour{font-family:var(--wb-sans)}
.wb-tour-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:28px}
.wb-tour-tabs button{appearance:none;border:1px solid var(--wb-line);background:#fff;color:var(--wb-plum);border-radius:999px;padding:10px 18px;font:700 14.5px/1.2 var(--wb-sans);cursor:pointer}
.wb-tour-tabs button[aria-selected="true"]{background:var(--wb-plum);border-color:var(--wb-plum);color:#fff}
.wb-tour-panel{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:40px;align-items:center}
.wb-tour-panel[hidden]{display:none}
.wb-tour-shot{margin:0}
.wb-tour-shot img{width:100%;height:auto;display:block}
.wb-tour-shot.is-phone{text-align:center}
.wb-tour-shot.is-phone img{width:auto;max-width:100%;max-height:640px}
.wb-tour-text h3{font-family:var(--wb-serif);font-weight:600;font-size:30px;line-height:1.15;color:var(--wb-charcoal);margin:0 0 18px}
.wb-tour-text ol{list-style:none;counter-reset:wb;margin:0;padding:0}
.wb-tour-text li{counter-increment:wb;position:relative;padding:0 0 16px 46px;line-height:1.55;color:var(--wb-text)}
.wb-tour-text li::before{content:counter(wb);position:absolute;left:0;top:-2px;width:30px;height:30px;border-radius:50%;background:var(--wb-blush);color:var(--wb-plum);display:grid;place-items:center;font-weight:800;font-size:14px}
.wb-tour-note{text-align:center;color:var(--wb-muted);font-size:13.5px;margin:22px 0 0}
@media (max-width:900px){.wb-tour-panel{grid-template-columns:1fr;gap:20px}.wb-tour-tabs{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px}.wb-tour-tabs button{flex:0 0 auto}}

/* Forms (Elementor Pro). */
.wb-site .elementor-form .elementor-field-group .elementor-field{border-radius:10px;border-color:#D9CFD4;min-height:48px;font-family:var(--wb-sans)}
.wb-site .elementor-form .elementor-field-group .elementor-field:focus{border-color:var(--wb-plum);box-shadow:0 0 0 3px rgba(73,52,71,.15)}
.wb-site .elementor-form .elementor-field-label{font-weight:700;color:var(--wb-charcoal)}
.wb-site .elementor-message{border-radius:10px;padding:12px 14px}

/* Accordions (FAQs). */
.wb-faq .e-n-accordion-item,.wb-faq .elementor-accordion-item{border-color:var(--wb-line)!important}

/* WooCommerce: account and checkout match the brand. */
.wb-site.woocommerce-account .woocommerce,.wb-site.woocommerce-checkout .woocommerce{font-family:var(--wb-sans)}
.wb-site .woocommerce a.button,.wb-site .woocommerce button.button,.wb-site .woocommerce input.button,.wb-site .woocommerce #respond input#submit{background:var(--wb-plum);color:#fff;border-radius:12px;font-weight:700;padding:13px 20px}
.wb-site .woocommerce a.button:hover,.wb-site .woocommerce button.button:hover{background:var(--wb-charcoal);color:#fff}
.wb-site .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;border:1px solid var(--wb-line);border-radius:16px;overflow:hidden}
.wb-site .woocommerce-MyAccount-navigation li a{display:block;padding:12px 16px;color:var(--wb-charcoal);text-decoration:none;border-bottom:1px solid var(--wb-line)}
.wb-site .woocommerce-MyAccount-navigation li.is-active a{background:var(--wb-blush);font-weight:700}
.wb-checkout-note{background:var(--wb-blush);border-radius:12px;padding:12px 14px;color:var(--wb-plum);font-size:14.5px;line-height:1.5}

/* Legal and long-form pages. */
.wb-prose{max-width:780px;margin:0 auto;font-size:17px;line-height:1.7}
.wb-prose h2{font-family:var(--wb-serif);font-weight:600;color:var(--wb-charcoal);font-size:28px;margin:1.8em 0 .5em}
.wb-prose h3{font-family:var(--wb-sans);font-weight:800;color:var(--wb-charcoal);font-size:19px;margin:1.4em 0 .4em}
.wb-prose a{color:var(--wb-plum);text-decoration:underline}
.wb-prose table{width:100%;border-collapse:collapse;margin:1em 0;font-size:15px}
.wb-prose th,.wb-prose td{border:1px solid var(--wb-line);padding:10px 12px;text-align:left;vertical-align:top}
.wb-prose th{background:var(--wb-ivory)}
.wb-updated{color:var(--wb-muted);font-size:14px}

/* Icon boxes inside cards read left-aligned, like the "See how it works" link under them. */
.wb-box .wb-ib .elementor-icon-box-wrapper{text-align:left}
.wb-box .wb-ib .elementor-icon-box-icon{display:inline-block}
/* Betheme leftovers we do not use on Elementor pages. */
.elementor-page #Subheader,.elementor-template-full-width #Subheader{display:none}
.wb-shadow{box-shadow:0 18px 44px rgba(37,35,43,.08)}
.wb-form .elementor-field-type-acceptance .elementor-field-subgroup label{font-weight:400;color:var(--wb-text,#44414A)}
.wb-legal .wb-prose{padding:0 24px;box-sizing:content-box}
.wb-legal .wb-prose h1{font-family:Fraunces,serif;font-weight:600;color:#25232B;font-size:46px;line-height:1.1;margin:0 0 .3em}
@media (max-width:767px){.wb-legal .wb-prose h1{font-size:34px}}

/* Beat the Elementor kit's global button colours on our own toggles and tabs. */
.wb-billing button.wb-billing-opt,.wb-billing button.wb-billing-opt:hover,.wb-billing button.wb-billing-opt:focus{background:transparent;color:var(--wb-plum);border:0;box-shadow:none;min-height:0;border-radius:999px!important}
.wb-billing button.wb-billing-opt.is-on,.wb-billing button.wb-billing-opt.is-on:hover{background:var(--wb-plum);color:#fff;box-shadow:0 2px 8px rgba(73,52,71,.18)}
.wb-billing button.wb-billing-opt.is-on .wb-save{background:#fff;color:var(--wb-green)}
.wb-billing button.wb-billing-opt:focus-visible{outline:3px solid var(--wb-charcoal);outline-offset:2px}
.wb-tour-tabs button[role="tab"],.wb-tour-tabs button[role="tab"]:hover,.wb-tour-tabs button[role="tab"]:focus{background:#fff;color:var(--wb-plum);border:1px solid var(--wb-line)}
.wb-tour-tabs button[role="tab"][aria-selected="true"],.wb-tour-tabs button[role="tab"][aria-selected="true"]:hover{background:var(--wb-plum);border-color:var(--wb-plum);color:#fff}
.wb-tour-tabs button[role="tab"]:focus-visible{outline:3px solid var(--wb-charcoal);outline-offset:2px}
/* Keep hidden monthly/yearly prices, buttons and tour panels hidden whatever display the theme gives them. */
[data-wb-pricing] [hidden],[data-wb-tour] [hidden]{display:none!important}
.wb-badge{display:inline-block;background:#E7F2EC;color:#1F6447;font:700 12.5px/1 Manrope,sans-serif;padding:7px 12px;border-radius:999px;letter-spacing:.02em}
.wb-badge-pro{background:#F4E8EC;color:#7A3F52}
.wb-badge-prem{background:#493447;color:#fff}
.wb-jump{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:960px;margin:14px auto 0}
.wb-jump a{display:inline-block;padding:9px 16px;border:1px solid #E2D6DB;border-radius:999px;background:#fff;color:#493447;font-weight:700;font-size:14.5px;line-height:1.2;text-decoration:none}
.wb-jump a:hover,.wb-jump a:focus-visible{background:#493447;color:#fff;border-color:#493447}
.wb-phone img{max-width:300px!important;margin:0 auto;display:block}
.wb-fit{font-size:15.5px;color:#6B6670}
.wb-fit a{font-weight:700;color:#493447}

/* Account and checkout. */
.wb-site .mfn-checkout-steps{display:none!important}
.wb-account-title{font-family:Fraunces,serif;font-weight:600;color:#25232B;font-size:40px;line-height:1.1;margin:8px 0 22px}
@media (max-width:767px){.wb-account-title{font-size:30px}}
.wb-account-intro,.wb-account-hello{font-size:17px;color:var(--wb-text,#44414A);margin:0 0 20px}
.wb-reg-note{background:var(--wb-blush,#F4E8EC);border-radius:12px;padding:12px 14px;font-size:15px;margin:0 0 16px}
.wb-account-callout{background:var(--wb-blush,#F4E8EC);border-radius:16px;padding:18px 20px;margin:0 0 22px}
.wb-account-callout p{margin:0 0 10px}.wb-account-callout p:last-child{margin:0}
.wb-account-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media (max-width:767px){.wb-account-cards{grid-template-columns:1fr}}
.wb-account-cards a{display:block;height:100%;border:1px solid var(--wb-line,#E9E1E4);border-radius:16px;padding:18px 20px;text-decoration:none;color:var(--wb-text,#44414A);background:#fff;transition:box-shadow .2s ease,transform .2s ease}
.wb-account-cards a:hover,.wb-account-cards a:focus-visible{box-shadow:0 14px 30px rgba(37,35,43,.08);transform:translateY(-2px)}
.wb-account-cards strong{display:block;color:#25232B;font-size:17px;margin-bottom:4px}
.wb-account-cards strong::after{content:" \2192";color:var(--wb-plum,#493447)}
.wb-account-cards span{font-size:15px;line-height:1.55}
.wb-site .woocommerce-MyAccount-navigation li a::before,.wb-site .woocommerce-MyAccount-navigation li a i{display:none!important}
.wb-site .woocommerce-MyAccount-navigation li a{padding-left:16px!important}
.wb-site .woocommerce-MyAccount-navigation li:last-child a{border-bottom:0}
@media (prefers-reduced-motion:reduce){.wb-account-cards a{transition:none}.wb-account-cards a:hover{transform:none}}
/* Feature subpages */
.wb-crumbs{font-size:14.5px;color:#6B6670}
.wb-crumbs a{color:#493447;font-weight:700;text-decoration:none}
.wb-crumbs a:hover,.wb-crumbs a:focus-visible{text-decoration:underline}
.wb-card-link{transition:box-shadow .2s,transform .2s}
.wb-card-link:hover,.wb-card-link:focus-within{box-shadow:0 10px 30px rgba(73,52,71,.12);transform:translateY(-2px)}
.wb-card-link .elementor-icon-box-title a{color:#25232B;text-decoration:none}
.wb-more a{font-weight:700;color:#493447;text-decoration:none}
.wb-more a:hover,.wb-more a:focus-visible{text-decoration:underline}
/* Form fields: stop the theme's dark focus colours, match field heights */
.elementor-form .elementor-field-group select,
.elementor-form .elementor-field-group select:focus,
.elementor-form .elementor-field-group .elementor-field-textual:focus{background-color:#fff!important;color:#44414A!important}
.elementor-form .elementor-field-group select{-webkit-appearance:none;appearance:none;background-image:none!important;height:48px;min-height:48px;border-radius:10px;padding-top:10px;padding-bottom:10px;cursor:pointer}
.elementor-form .elementor-field-group select option{background:#fff;color:#25232B}
.elementor-form .elementor-field-group .elementor-field-textual:focus{border-color:#493447!important;box-shadow:0 0 0 3px rgba(201,130,151,.25)!important;outline:none}
.elementor-form .elementor-field-group .elementor-select-wrapper::before{color:#493447}
/* Long header dropdowns (Features, Solutions) split into two columns on desktop */
@media (min-width:1025px){
.elementor-location-header .elementor-nav-menu--main ul.sub-menu:has(> li:nth-child(9)){width:460px!important;max-width:none!important;min-width:0!important;column-count:2;column-gap:0}
.elementor-location-header .elementor-nav-menu--main ul.sub-menu:has(> li:nth-child(9)) > li{break-inside:avoid;display:block}
}
/* Comparison tables */
.wb-vs-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid #E9E1E4;border-radius:20px;background:#fff}
.wb-vs{width:100%;min-width:640px;border-collapse:collapse;font-size:15.5px;line-height:1.5;margin:0}
.wb-vs th,.wb-vs td{padding:14px 18px;text-align:left;vertical-align:top;border:0;border-bottom:1px solid #E9E1E4;color:#44414A}
.wb-vs tbody tr:last-child th,.wb-vs tbody tr:last-child td{border-bottom:0}
.wb-vs thead th{background:#FAF8F5;color:#25232B;font-weight:700;font-size:16px}
.wb-vs thead th:nth-child(2),.wb-vs tbody td:nth-child(2){background:#F4E8EC}
.wb-vs thead th:nth-child(2){color:#493447}
.wb-vs tbody th{font-weight:700;color:#25232B;width:22%}
.wb-vs-wide{min-width:980px}.wb-vs-wide tbody th{width:14%}
.wb-vs-note{font-size:14px;color:#6B6670;margin-top:14px}
.wb-vs-note a{color:#493447;font-weight:700}
.wb-vs .screen-reader-text,.wb-vs-wrap .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
/* Brand fonts everywhere, including WooCommerce pages styled by the theme */
html body,html body button,html body input,html body select,html body textarea{font-family:Manrope,system-ui,-apple-system,"Segoe UI",sans-serif}
html body .woocommerce h1,html body .woocommerce h2,html body .woocommerce h3,html body .wb-account-title{font-family:Fraunces,Georgia,serif}
/* Help guides */
.wb-guide{margin:0;max-width:none}
.wb-guide > :first-child,.wb-guide h2:first-child{margin-top:0}
.wb-guide ol,.wb-guide ul{padding-left:1.4em;margin:.6em 0 1.2em}
.wb-guide li{margin:.45em 0}
.wb-guide ol li::marker{color:#9B4F66;font-weight:800}
.wb-guide code{background:#F4E8EC;color:#493447;border-radius:6px;padding:2px 6px;font-size:.9em;word-break:break-word}
.wb-guide .wb-tip{background:#FAF8F5;border-left:4px solid #C98297;border-radius:10px;padding:14px 18px;margin:1.2em 0}
@media (min-width:1025px){.wb-guide-side{position:sticky;top:110px}}
/* Blog */
.wb-article-wrap{max-width:780px;margin:0 auto}
.wb-article p,.wb-article li{font-size:17.5px}
.wb-article blockquote{border-left:4px solid #C98297;background:#FAF8F5;border-radius:12px;margin:1.2em 0;padding:16px 22px;font-style:normal}
.wb-article blockquote p{margin:0}
.wb-post-info .elementor-icon-list-text,.wb-post-info .elementor-post-info__item{color:#6B6670;font-size:15px}
.wb-blog-grid .elementor-post{background:#fff;border:1px solid #E9E1E4;border-radius:20px;padding:26px;transition:box-shadow .2s,transform .2s}
.wb-blog-grid .elementor-post:hover,.wb-blog-grid .elementor-post:focus-within{box-shadow:0 10px 30px rgba(73,52,71,.12);transform:translateY(-2px)}
.wb-blog-grid .elementor-post__title,.wb-blog-grid .elementor-post__title a{font-family:Fraunces,Georgia,serif!important;font-weight:600;color:#25232B!important;font-size:22px!important;line-height:1.25}
.wb-blog-grid .elementor-post__meta-data{color:#6B6670!important;font-size:14px}
.wb-blog-grid .elementor-post__excerpt p{color:#44414A;font-size:15.5px;line-height:1.6}
.wb-blog-grid .elementor-post__read-more{color:#493447!important;font-weight:700!important;font-size:15px!important}
.wb-blog-grid .elementor-pagination{margin-top:32px;text-align:center}