:root{
  --font-head:var(--site-font-head,var(--e-global-typography-primary-font-family,var(--e-global-typography-accent-font-family,var(--wp--preset--font-family--heading,var(--wp--preset--font-family--system-font,"Roboto Slab",serif)))));
  --font-body:var(--site-font-body,var(--e-global-typography-text-font-family,var(--e-global-typography-secondary-font-family,var(--wp--preset--font-family--body,var(--wp--preset--font-family--system-font,"Montserrat",sans-serif)))));

  --text:#111216;
  --muted:#4a4a4a;
  --accent:#111216;
  --ink:var(--text);

  --h1-size:56px;
  --h2-size:48px;
  --h3-size:32px;
  --h4-size:26px;
  --h5-size:22px;
  --h6-size:18px;
  --h-lh:1.05;
  --h-track:-0.025em;

  --txt-size:18px;
  --txt-lh:1.5;
  --txt-size-sm:16px;

  --btn-size:16px;
  --btn-lh:1.2;

  --checkout-submit-bg:#ffd152;
  --checkout-submit-bg-hover:#f0c141;
  --checkout-submit-color:#111216;
  --checkout-page-bg:#f6f7f4;
  --checkout-card-bg:#fff;
  --checkout-border:rgba(0,0,0,.14);
  --checkout-input-focus-ring:rgba(0,0,0,.12);
  --checkout-card-shadow:0 14px 48px rgba(0,0,0,.07);
  --checkout-badge-bg:#c41e1a;
  --checkout-badge-color:#fff;
}

@media (max-width:767.98px){
  :root{
    --h1-size:36px;
    --h2-size:34px;
    --h3-size:26px;
    --h4-size:22px;
    --h5-size:20px;
    --h6-size:18px;
    --h-lh:1.08;
    --h-track:-0.02em;

    --txt-size:16px;
    --txt-lh:1.45;
    --txt-size-sm:14px;
    --btn-size:14px;
  }
}

html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  font-feature-settings:"liga" 1,"kern" 1;
  scroll-behavior:smooth;
}

body{
  margin:0;
  padding:0;
  font-family:var(--font-body);
  font-size:var(--txt-size);
  line-height:var(--txt-lh);
  font-weight:500;
  font-style:normal;
  letter-spacing:0;
  color:var(--text);
  text-rendering:optimizeLegibility;
  font-variant-numeric:lining-nums proportional-nums;
  font-feature-settings:"lnum" 1,"pnum" 1,"liga" 1,"kern" 1;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6{
  margin:0 0 .6em;
  font-family:var(--font-head);
  font-style:normal;
  font-weight:700;
  line-height:var(--h-lh);
  letter-spacing:var(--h-track);
  color:inherit;
  text-wrap:balance;
  font-variant-numeric:lining-nums proportional-nums;
  font-feature-settings:"lnum" 1,"pnum" 1,"liga" 1,"kern" 1;
}

h1,
.h1{
  font-size:var(--h1-size);
}

h2,
.h2{
  font-size:var(--h2-size);
}

h3,
.h3{
  font-size:var(--h3-size);
}

h4,
.h4{
  font-size:var(--h4-size);
}

h5,
.h5{
  font-size:var(--h5-size);
}

h6,
.h6{
  font-size:var(--h6-size);
}

p,
ul,
ol,
dl,
blockquote,
figure,
figcaption,
label,
legend,
caption,
th,
td,
small{
  margin:0 0 1em;
  font:inherit;
  color:inherit;
}

small{
  font-size:var(--txt-size-sm);
  line-height:1.4;
}

ul,
ol{
  padding-left:1.25em;
}

li + li{
  margin-top:.35em;
}

a{
  color:inherit;
  text-decoration-thickness:.08em;
  text-underline-offset:.14em;
}

a:hover{
  text-decoration-thickness:.1em;
}

b,
strong{
  font-weight:700;
}

em,
i{
  font-style:italic;
}

code,
pre,
kbd,
samp{
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
  font-size:.92em;
}

pre{
  overflow:auto;
  line-height:1.5;
}

blockquote{
  padding-left:1.1em;
  border-left:3px solid rgba(0,0,0,.14);
  color:var(--muted);
}

hr{
  border:0;
  border-top:1px solid rgba(0,0,0,.12);
  margin:1.5em 0;
}

img,
svg,
video{
  max-width:100%;
  height:auto;
}

button,
input,
select,
textarea{
  font:inherit;
}

::selection{
  background:rgba(255,209,82,.35);
  color:var(--text);
}

/* =========================================
   Shared Section Rhythm (ws-quality-grid-like)
========================================= */
:root{
  --ws-section-pad-top:clamp(56px, 7vw, 96px);
  --ws-section-pad-bottom:clamp(48px, 6vw, 80px);
}

:where(
  .ws-addwhat,
  .ws-quality-grid,
  .ws-proc,
  .ws-vfeat,
  .ws-reels,
  .ws-cold,
  .ws-techb,
  .ws-post-products,
  .ws-tpwidget,
  .ws-categories,
  .ws-faq,
  .ws-service-feature,
  .ws-inline-note,
  .ws-rev,
  .ws-avv
){
  padding-top:var(--ws-section-pad-top);
  padding-bottom:var(--ws-section-pad-bottom);
}

/* =========================================
   Shared Dark Block Heading/Description Style
========================================= */
:where(
  .ws-addwhat,
  .ws-quality-grid,
  .ws-proc,
  .ws-vfeat,
  .ws-vgrid,
  .ws-reels,
  .ws-cold,
  .ws-techb,
  .ws-post-products,
  .ws-categories,
  .ws-rev,
  .ws-avv
) :where(
  .ws-addwhat__title,
  .ws-quality-grid__title,
  .ws-proc__title,
  .ws-vfeat__title,
  .ws-vgrid__intro-title,
  .ws-reels__title,
  .ws-cold__title,
  .ws-techb__title,
  .ws-post-products__title,
  .ws-categories__title,
  .ws-rev__title,
  .ws-avv__title
){
  font-family:var(--font-head);
  font-size:var(--h2-size);
  line-height:1.08;
  letter-spacing:var(--h-track);
  font-weight:800;
  color:#fff !important;
  text-wrap:balance;
}

:where(
  .ws-addwhat,
  .ws-quality-grid,
  .ws-proc,
  .ws-vfeat,
  .ws-reels,
  .ws-cold,
  .ws-techb,
  .ws-post-products,
  .ws-categories,
  .ws-rev,
  .ws-avv
) :where(
  .ws-addwhat__sub,
  .ws-quality-grid__desc,
  .ws-proc__sub,
  .ws-vfeat__sub,
  .ws-vgrid__intro-desc,
  .ws-reels__sub,
  .ws-cold__subtitle,
  .ws-techb__subtitle,
  .ws-post-products__sub,
  .ws-categories__sub,
  .ws-rev__sub,
  .ws-avv__sub
){
  font-family:var(--font-body);
  font-size:var(--txt-size);
  line-height:var(--txt-lh);
  font-weight:500;
  color:rgba(255,255,255,.78) !important;
  text-wrap:balance;
}

/* Dark-section titles should not show curly braces from legacy blocks */
:where(
  .ws-addwhat,
  .ws-quality-grid,
  .ws-proc,
  .ws-vgrid,
  .ws-reels,
  .ws-cold,
  .ws-techb,
  .ws-post-products,
  .ws-categories,
  .ws-rev,
  .ws-avv
) :where(
  .ws-addwhat__title,
  .ws-quality-grid__title,
  .ws-proc__title,
  .ws-vgrid__intro-title,
  .ws-reels__title,
  .ws-cold__title,
  .ws-techb__title,
  .ws-post-products__title,
  .ws-categories__title,
  .ws-rev__title,
  .ws-avv__title
)::before,
:where(
  .ws-addwhat,
  .ws-quality-grid,
  .ws-proc,
  .ws-vgrid,
  .ws-reels,
  .ws-cold,
  .ws-techb,
  .ws-post-products,
  .ws-categories,
  .ws-rev,
  .ws-avv
) :where(
  .ws-addwhat__title,
  .ws-quality-grid__title,
  .ws-proc__title,
  .ws-vgrid__intro-title,
  .ws-reels__title,
  .ws-cold__title,
  .ws-techb__title,
  .ws-post-products__title,
  .ws-categories__title,
  .ws-rev__title,
  .ws-avv__title
)::after{
  content:none !important;
}

@media (max-width:640px){
  :root{
    --ws-section-pad-top:44px;
    --ws-section-pad-bottom:40px;
  }
}
