/*
Theme Name: Ratinger — тема
Theme URI: https://ratinger.com.ua/
Author: STARK
Description: Легка адаптивна тема для інтернет-магазину Ratinger.
Version: 1.45
Text Domain: ratinger-light
*/
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@600&display=swap');
:root{
  --rt-bg:#f6f7f4;--rt-card:#fff;--rt-text:#18211d;--rt-muted:#66716b;
  --rt-green:#0ea678;--rt-green-dark:#08785a;--rt-line:#dde4df;--rt-warm:#f0c451;
  --rt-max:1300px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--rt-text);background:#fff;line-height:1.55}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
.rt-wrap{width:min(var(--rt-max),calc(100% - 32px));margin:auto}
.rt-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--rt-line)}
.rt-header__in{min-height:76px;display:flex;align-items:center;gap:28px}
.rt-logo img{display:block;width:190px;max-height:42px;object-fit:contain}
.rt-nav{margin-left:auto;display:flex;gap:24px;align-items:center;font-size:15px}
.rt-cart-link{background:var(--rt-text);color:#fff;padding:11px 16px;border-radius:999px}
.rt-hero{background:
linear-gradient(90deg,rgba(246,247,244,.98) 0%,rgba(246,247,244,.93) 46%,rgba(246,247,244,.20) 72%),
url('https://ratinger.com.ua/wp-content/uploads/2020/07/3blok-1foto-optimized.jpg') center/cover no-repeat;
min-height:600px;display:flex;align-items:center}
.rt-hero__content{max-width:630px;padding:74px 0}
.rt-kicker{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--rt-green-dark);background:#e9f8f2;padding:8px 12px;border-radius:999px}
.rt-hero h1{font-size:clamp(42px,6vw,72px);line-height:1.02;letter-spacing:-.045em;margin:18px 0}
.rt-hero p{font-size:19px;color:var(--rt-muted);max-width:560px}
.rt-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.rt-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:14px 20px;font-weight:800;border:1px solid var(--rt-text)}
.rt-btn--primary{background:var(--rt-green);border-color:var(--rt-green);color:#fff}
.rt-section{padding:80px 0}
.rt-section--soft{background:var(--rt-bg)}
.rt-section h2{font-size:clamp(32px,4vw,48px);line-height:1.08;letter-spacing:-.03em;margin:0 0 14px}
.rt-lead{color:var(--rt-muted);font-size:18px;max-width:700px;margin:0 0 34px}
.rt-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.rt-benefit{padding:24px;border:1px solid var(--rt-line);border-radius:18px;background:#fff}
.rt-benefit b{display:block;font-size:19px;margin-bottom:6px}
.rt-footer{padding:36px 0;background:#111915;color:#dfe7e2;margin-top:60px}
.rt-footer__in{display:flex;gap:25px;justify-content:space-between;flex-wrap:wrap}
.rt-content{padding:50px 0}
@media(max-width:800px){
 .rt-nav a:not(.rt-cart-link){display:none}
 .rt-header__in{min-height:64px}
 .rt-logo img{width:155px}
 .rt-hero{min-height:560px;background-position:65% center}
 .rt-hero__content{padding:54px 0}
 .rt-benefits{grid-template-columns:1fr}
 .rt-section{padding:58px 0}
}

/* account */
.rt-account-link{font-weight:700}


/* =========================================
   RATINGER GLOBAL TYPOGRAPHY
   Roboto Condensed — local WOFF2
   400 / 700, Cyrillic + Ukrainian
   ========================================= */
@font-face{
  font-family:'Roboto Condensed';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url('assets/fonts/RobotoCondensed-Regular.woff2') format('woff2');
}
@font-face{
  font-family:'Roboto Condensed';
  font-style:normal;
  font-weight:700;
  font-display:swap;
  src:url('assets/fonts/RobotoCondensed-Bold.woff2') format('woff2');
}

:root{
  --ratinger-font:'Roboto Condensed','Arial Narrow',Arial,sans-serif;
  --ratinger-heading-font:'Manrope','Segoe UI',Arial,sans-serif;
  --ratinger-h1:50px;
  --ratinger-h2:40px;
  --ratinger-h3:24px;
  --ratinger-text:17px;
  --ratinger-heading-line:1.08;
  --ratinger-text-line:1.35;
}

html,body,button,input,select,textarea{
  font-family:var(--ratinger-font);
}
body{
  font-size:var(--ratinger-text);
  line-height:var(--ratinger-text-line);
  font-weight:400;
}
h1,h2,h3,h4,h5,h6{
  font-family:var(--ratinger-heading-font);
  font-weight:700;
  line-height:var(--ratinger-heading-line);
  letter-spacing:0;
}
h1{font-size:var(--ratinger-h1)}
h2{font-size:var(--ratinger-h2)}
h3{font-size:var(--ratinger-h3)}
p,li{line-height:var(--ratinger-text-line)}

.rt-hero h1,.ratinger-hero h1{
  font-family:var(--ratinger-heading-font);
  font-size:var(--ratinger-h1);
  line-height:var(--ratinger-heading-line);
  font-weight:700;
  letter-spacing:0;
}
.rt-section h2{
  font-family:var(--ratinger-heading-font);
  font-size:var(--ratinger-h2);
  line-height:var(--ratinger-heading-line);
  font-weight:700;
  letter-spacing:0;
}

/* Магазин: компактные цифры и единая типографика */
.rt-btn,.rt-kicker,.rt-cart-link,.rt-nav,
.rs-btn,.rs-more,.rs-price,.rs-card h3{
  font-family:var(--ratinger-font);
}
.rt-btn,.rt-kicker,.rt-cart-link,.rs-btn,.rs-more,.rs-price,.rs-card h3{
  font-weight:700;
}
.rs-price{
  font-variant-numeric:tabular-nums;
  letter-spacing:-.01em;
}

@media(max-width:800px){
  :root{--ratinger-h1:38px;--ratinger-h2:32px;--ratinger-h3:22px;--ratinger-text:16px}
}
@media(max-width:480px){
  :root{--ratinger-h1:34px;--ratinger-h2:29px}
}

/* Ratinger hero 0.3.2 */
.ratinger-hero{
  position:relative;
  overflow:hidden;
  min-height:520px;
  display:flex;
  align-items:center;
  background:
    radial-gradient(circle at 18% 24%, rgba(19,178,128,.10), transparent 32%),
    linear-gradient(90deg,#f8fbfb 0%,#f4f9f9 48%,#eef6f7 100%);
}
.ratinger-hero::after{
  content:"";
  position:absolute;
  inset:0 0 0 44%;
  background:url("/wp-content/uploads/2026/09/ratinger_glav600.webp") center right/cover no-repeat;
  pointer-events:none;
}
.ratinger-hero__inner{
  position:relative;
  z-index:2;
  width:min(var(--rt-max,1300px),calc(100% - 48px));
  margin:0 auto;
  padding:74px 0 68px;
}
.ratinger-hero__content{max-width:560px}
.ratinger-hero__eyebrow{
  display:inline-flex;
  padding:8px 13px;
  border:1px solid rgba(14,168,120,.24);
  border-radius:999px;
  background:rgba(255,255,255,.76);
  font-size:13px;
  font-weight:600;
  letter-spacing:.04em;
  color:#0b7f60;
}
.ratinger-hero h1{
  max-width:590px;
  margin:18px 0 16px;
  font-size:50px;
  line-height:1.08;
  letter-spacing:-.018em;
  font-weight:600;
}
.ratinger-hero__text{
  max-width:520px;
  margin:0 0 28px;
  font-size:15.5px;
  line-height:1.45;
  color:#4d5c58;
}
.ratinger-hero__actions{display:flex;gap:12px;flex-wrap:wrap}
.ratinger-hero__credit{
  margin-top:26px;
  font-size:12px;
  line-height:1.35;
  color:#71807c;
}
.ratinger-hero__credit strong{font-weight:600;color:#34443f}
@media(max-width:900px){
  .ratinger-hero{min-height:650px;align-items:flex-start}
  .ratinger-hero::after{
    inset:auto 0 0 20%;
    height:340px;
    background-position:center right;
    opacity:.92;
  }
  .ratinger-hero__inner{padding:48px 0 330px}
  .ratinger-hero__content{max-width:620px}
  .ratinger-hero h1{font-size:42px}
}
@media(max-width:600px){
  .ratinger-hero{min-height:610px}
  .ratinger-hero::after{left:0;height:285px;background-position:58% center}
  .ratinger-hero__inner{width:min(100% - 32px,var(--rt-max,1300px));padding:38px 0 275px}
  .ratinger-hero h1{font-size:36px;line-height:1.03}
  .ratinger-hero__text{font-size:16px}
}

/* Ratinger Theme 1.0 — wider display headings */
@font-face{
  font-family:'Roboto Ratinger';
  font-style:normal;
  font-weight:500;
  font-display:swap;
  src:url('assets/fonts/Roboto-Medium.woff2') format('woff2');
}
:root{--ratinger-heading-font:'Roboto Ratinger',Roboto,Arial,sans-serif}
h1,h2,.rt-hero h1,.rt-section h2,.ratinger-hero h1,.ratinger-products-title{
  font-family:var(--ratinger-heading-font);
  font-weight:500;
  letter-spacing:-.025em;
}
.rt-hero h1,.ratinger-hero h1{line-height:1.05}
.rt-section h2,.ratinger-products-title{line-height:1.08}

/* Ratinger Theme 1.2 — full-width photographic hero */
.ratinger-hero{
  min-height:520px;
  background:url("/wp-content/uploads/2026/09/ratinger_glav600.webp") center center/cover no-repeat;
}
.ratinger-hero::after{display:none}
.ratinger-hero__inner{
  width:min(1240px,calc(100% - 56px));
  padding:76px 0 68px;
}
.ratinger-hero__content{max-width:700px}
.ratinger-hero__eyebrow{display:none}
.ratinger-hero h1{
  max-width:700px;
  margin:0 0 18px;
  font-size:50px;
  line-height:1.08;
  letter-spacing:-.018em;
  font-weight:600;
}
.ratinger-hero__text{
  max-width:none;
  width:max-content;
  margin:0 0 28px;
  font-size:17px;
  line-height:1.25;
  white-space:nowrap;
}
.ratinger-hero__credit{display:none}
@media(max-width:1100px){
  .ratinger-hero__content{max-width:600px}
  .ratinger-hero h1{max-width:600px;font-size:46px}
  .ratinger-hero__text{white-space:normal;max-width:560px;width:auto}
}
@media(max-width:900px){
  .ratinger-hero{
    min-height:620px;
    background-position:64% center;
  }
  .ratinger-hero__inner{padding:44px 0 330px}
  .ratinger-hero__content{max-width:620px}
  .ratinger-hero h1{font-size:42px}
}
@media(max-width:600px){
  .ratinger-hero{
    min-height:590px;
    background-position:67% bottom;
    background-size:auto 100%;
  }
  .ratinger-hero__inner{width:min(100% - 32px,1240px);padding:34px 0 300px}
  .ratinger-hero h1{font-size:35px;line-height:1.06}
  .ratinger-hero__text{font-size:16px;line-height:1.3}
}


/* Ratinger Theme 1.3 — global layout */
:root{
  --rt-max:1300px;
  --rt-side-desktop:32px;
  --rt-side-tablet:24px;
  --rt-side-mobile:16px;
}
.rt-container,
.site-container,
.ratinger-container,
header .inner,
footer .inner{
  width:min(var(--rt-max),calc(100% - (var(--rt-side-desktop) * 2)));
  margin-left:auto;
  margin-right:auto;
}
@media(max-width:1024px){
  .rt-container,
  .site-container,
  .ratinger-container,
  header .inner,
  footer .inner{
    width:calc(100% - (var(--rt-side-tablet) * 2));
  }
}
@media(max-width:640px){
  .rt-container,
  .site-container,
  .ratinger-container,
  header .inner,
  footer .inner{
    width:calc(100% - (var(--rt-side-mobile) * 2));
  }
}


/* =========================================================
   Ratinger Theme 1.4 — unified typography
   One family only: Roboto Condensed 400 / 700
   ========================================================= */
:root{
  --ratinger-font:'Roboto Condensed','Arial Narrow',Arial,sans-serif;
  --ratinger-heading-font:'Roboto Condensed','Arial Narrow',Arial,sans-serif;
  --ratinger-h1:48px;
  --ratinger-h2:38px;
  --ratinger-h3:24px;
  --ratinger-text:17px;
}

html,body,button,input,select,textarea,
h1,h2,h3,h4,h5,h6,
.rt-hero h1,.rt-section h2,.ratinger-hero h1,.ratinger-products-title,
.ratinger-hero-code h1,.ratinger-hero-code__lead,
.ratinger-hero-code__btn,.ratinger-hero-code__benefit{
  font-family:var(--ratinger-font)!important;
}

body{
  font-weight:400;
}

h1,h2,h3,h4,h5,h6,
.rt-hero h1,.rt-section h2,.ratinger-hero h1,.ratinger-products-title{
  font-weight:700!important;
  letter-spacing:-.015em!important;
}

h1,.rt-hero h1,.ratinger-hero h1{
  font-size:var(--ratinger-h1)!important;
  line-height:1.04!important;
}

h2,.rt-section h2,.ratinger-products-title{
  font-size:var(--ratinger-h2)!important;
  line-height:1.07!important;
}

/* Hero created through Ratinger Builder */
.ratinger-hero-code{
  min-height:440px!important;
}
.ratinger-hero-code__inner{
  width:min(var(--rt-max,1300px),calc(100% - 64px))!important;
}
.ratinger-hero-code__content{
  max-width:880px!important;
}
.ratinger-hero-code h1{
  max-width:880px!important;
  margin:0 0 18px!important;
  font-size:48px!important;
  line-height:1.04!important;
  font-weight:700!important;
  letter-spacing:-.018em!important;
}
.ratinger-hero-code h1 br{
  display:none!important;
}
.ratinger-hero-code__lead{
  max-width:820px!important;
  margin:0 0 24px!important;
  font-size:18px!important;
  line-height:1.25!important;
  font-weight:400!important;
}
.ratinger-hero-code__benefits{
  margin-top:26px!important;
}
.ratinger-hero-code__benefit{
  font-weight:700!important;
}

/* Make the first screen more compact so the next section appears sooner */
.ratinger-hero-code__btn{
  min-height:50px!important;
  padding:0 24px!important;
}

@media(max-width:1024px){
  .ratinger-hero-code__inner{
    width:calc(100% - 48px)!important;
  }
  .ratinger-hero-code__content{
    max-width:720px!important;
  }
  .ratinger-hero-code h1{
    max-width:720px!important;
    font-size:44px!important;
  }
  .ratinger-hero-code__lead{
    max-width:680px!important;
    white-space:normal!important;
  }
}

@media(max-width:640px){
  :root{
    --ratinger-h1:34px;
    --ratinger-h2:29px;
    --ratinger-text:16px;
  }
  .ratinger-hero-code{
    min-height:500px!important;
  }
  .ratinger-hero-code__inner{
    width:calc(100% - 32px)!important;
  }
  .ratinger-hero-code h1{
    font-size:34px!important;
    line-height:1.05!important;
  }
  .ratinger-hero-code h1 br{
    display:none!important;
  }
  .ratinger-hero-code__lead{
    font-size:16px!important;
    line-height:1.3!important;
  }
}


/* =========================================================
   Ratinger Theme 1.5 — final Roboto typography test
   One family: Roboto. Local WOFF2. Weights 400 / 600.
   ========================================================= */
@font-face{
  font-family:'Roboto Ratinger';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url('assets/fonts/Roboto-Regular.woff2') format('woff2');
}
@font-face{
  font-family:'Roboto Ratinger';
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url('assets/fonts/Roboto-Semibold.woff2') format('woff2');
}

:root{
  --ratinger-font:'Roboto Ratinger',Roboto,Arial,sans-serif;
  --ratinger-heading-font:'Roboto Ratinger',Roboto,Arial,sans-serif;
  --ratinger-h1:48px;
  --ratinger-h2:38px;
  --ratinger-h3:24px;
  --ratinger-text:17px;
}

html,body,button,input,select,textarea,
h1,h2,h3,h4,h5,h6,
.rt-hero h1,.rt-section h2,.ratinger-hero h1,.ratinger-products-title,
.ratinger-hero-code h1,.ratinger-hero-code__lead,
.ratinger-hero-code__btn,.ratinger-hero-code__benefit{
  font-family:var(--ratinger-font)!important;
}

body,
.ratinger-hero-code__lead,
p,li{
  font-weight:400!important;
}

h1,h2,h3,h4,h5,h6,
.rt-hero h1,.rt-section h2,.ratinger-hero h1,.ratinger-products-title,
.ratinger-hero-code h1{
  font-weight:600!important;
  letter-spacing:-.012em!important;
}

h1,.rt-hero h1,.ratinger-hero h1{
  font-size:var(--ratinger-h1)!important;
  line-height:1.06!important;
}

h2,.rt-section h2,.ratinger-products-title{
  font-size:var(--ratinger-h2)!important;
  line-height:1.08!important;
}

/* Builder hero: wider letterforms, but not an excessively long text column */
.ratinger-hero-code{
  min-height:440px!important;
}
.ratinger-hero-code__inner{
  width:min(var(--rt-max,1300px),calc(100% - 64px))!important;
}
.ratinger-hero-code__content{
  max-width:760px!important;
}
.ratinger-hero-code h1{
  max-width:760px!important;
  margin:0 0 18px!important;
  font-size:48px!important;
  line-height:1.06!important;
  font-weight:600!important;
}
.ratinger-hero-code__lead{
  max-width:760px!important;
  margin:0 0 24px!important;
  font-size:18px!important;
  line-height:1.3!important;
  font-weight:400!important;
}

/* IMPORTANT: manual <br> in HTML blocks works again.
   Previous 1.4 intentionally hid BR; that was the reason manual line breaks did not work. */
.ratinger-hero-code h1 br{
  display:inline!important;
}

.ratinger-hero-code__btn,
.ratinger-hero-code__benefit{
  font-weight:600!important;
}

@media(max-width:1024px){
  .ratinger-hero-code__inner{
    width:calc(100% - 48px)!important;
  }
  .ratinger-hero-code__content,
  .ratinger-hero-code h1,
  .ratinger-hero-code__lead{
    max-width:680px!important;
  }
  .ratinger-hero-code h1{
    font-size:44px!important;
  }
}

@media(max-width:640px){
  :root{
    --ratinger-h1:34px;
    --ratinger-h2:29px;
    --ratinger-text:16px;
  }
  .ratinger-hero-code__inner{
    width:calc(100% - 32px)!important;
  }
  .ratinger-hero-code h1{
    font-size:34px!important;
    line-height:1.08!important;
  }
}


/* =========================================================
   Ratinger Theme 1.6 — Montserrat
   Roboto is no longer used by the theme.
   ========================================================= */
:root{
  --ratinger-font:Montserrat,'Montserrat',Arial,sans-serif;
  --ratinger-heading-font:Montserrat,'Montserrat',Arial,sans-serif;
}

html,body,button,input,select,textarea,
h1,h2,h3,h4,h5,h6,
.rt-hero h1,.rt-section h2,.ratinger-hero h1,.ratinger-products-title,
.ratinger-hero-code h1,.ratinger-hero-code__lead,
.ratinger-hero-code__btn,.ratinger-hero-code__benefit{
  font-family:Montserrat,'Montserrat',Arial,sans-serif!important;
}

body,p,li,.ratinger-hero-code__lead{
  font-weight:400!important;
}

h1,h2,h3,h4,h5,h6,
.rt-hero h1,.rt-section h2,.ratinger-hero h1,.ratinger-products-title,
.ratinger-hero-code h1,
.ratinger-hero-code__btn,
.ratinger-hero-code__benefit{
  font-weight:600!important;
}

.ratinger-hero-code h1{
  letter-spacing:-.025em!important;
  line-height:1.06!important;
}

/* manual line breaks from Builder HTML remain enabled */
.ratinger-hero-code h1 br{
  display:inline!important;
}


/* =========================================================
   Ratinger Theme 1.7 — Builder pages without top gap
   ========================================================= */

/* When Ratinger Builder is enabled, the theme must not add its
   normal page padding before the first Builder section. */
.ratinger-builder-enabled .rt-content{
  padding-top:0!important;
  padding-bottom:0;
}

/* Remove default vertical spacing from the page/article wrapper. */
.ratinger-builder-enabled .rt-content > .rt-container,
.ratinger-builder-enabled .rt-content article,
.ratinger-builder-enabled .entry-content{
  margin-top:0!important;
  padding-top:0!important;
}

/* If the standard page title is hidden, reserve no space for it. */
.ratinger-builder-hide-title .entry-header,
.ratinger-builder-hide-title .page-header{
  display:none!important;
  margin:0!important;
  padding:0!important;
}

/* First Builder block starts immediately after the site header. */
.ratinger-builder-enabled .rbu-blocks > .rbu-section:first-child{
  margin-top:0!important;
}


/* =========================================================
   Ratinger Theme 1.8 — floating glass header
   ========================================================= */

.rt-header-shell{
  position:sticky;
  top:0;
  z-index:1000;
  padding:12px 18px 0;
  pointer-events:none;
}

.admin-bar .rt-header-shell{
  top:32px;
}

.rt-header{
  position:relative;
  top:auto;
  z-index:1000;
  width:min(var(--rt-max,1300px),100%);
  margin:0 auto;
  border:1px solid rgba(255,255,255,.72);
  border-radius:24px;
  background:
    linear-gradient(
      115deg,
      rgba(255,255,255,.90) 0%,
      rgba(248,255,252,.78) 38%,
      rgba(239,251,247,.72) 68%,
      rgba(255,255,255,.88) 100%
    );
  backdrop-filter:blur(18px) saturate(140%);
  -webkit-backdrop-filter:blur(18px) saturate(140%);
  box-shadow:
    0 12px 34px rgba(5,120,88,.12),
    0 3px 12px rgba(10,70,55,.06),
    0 1px 0 rgba(22,184,135,.16),
    inset 0 1px 0 rgba(255,255,255,.95);
  pointer-events:auto;
  transition:
    transform .25s ease,
    box-shadow .25s ease,
    background .25s ease;
}

.rt-header::after{
  content:"";
  position:absolute;
  left:28px;
  right:28px;
  bottom:-1px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(13,183,132,.34),transparent);
  pointer-events:none;
}

.rt-header.is-scrolled{
  background:
    linear-gradient(
      115deg,
      rgba(255,255,255,.94),
      rgba(244,253,250,.88),
      rgba(255,255,255,.92)
    );
  box-shadow:
    0 16px 38px rgba(5,120,88,.15),
    0 4px 14px rgba(10,70,55,.07),
    inset 0 1px 0 rgba(255,255,255,.98);
}

.rt-header__in{
  width:100%;
  min-height:76px;
  padding:0 22px;
  display:flex;
  align-items:center;
  gap:22px;
}

.rt-logo{
  flex:0 0 auto;
  display:flex;
  align-items:center;
}

.rt-logo .custom-logo-link{
  display:flex;
  align-items:center;
}

.rt-logo__img,
.rt-logo img,
.rt-logo .custom-logo{
  display:block;
  width:auto;
  height:auto;
  max-width:230px;
  max-height:48px;
  object-fit:contain;
}

.rt-nav{
  margin:0 auto;
  display:block;
}

.rt-nav__menu{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  align-items:center;
  gap:0;
}

.rt-nav__menu > li{
  position:relative;
  margin:0;
  padding:0;
}

.rt-nav__menu > li + li::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:1px;
  height:25px;
  transform:translateY(-50%);
  background:linear-gradient(transparent,rgba(38,75,63,.13),transparent);
}

.rt-nav__menu a{
  display:flex;
  align-items:center;
  min-height:44px;
  padding:0 22px;
  border-radius:13px;
  color:#17231f;
  font-family:Montserrat,Arial,sans-serif;
  font-size:14px;
  line-height:1;
  font-weight:500;
  white-space:nowrap;
  transition:background .2s ease,color .2s ease,transform .2s ease;
}

.rt-nav__menu a:hover,
.rt-nav__menu .current-menu-item > a{
  color:#078e68;
  background:rgba(255,255,255,.56);
}

.rt-header__tools{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:9px;
}

.rt-cart-summary{
  display:flex;
  align-items:center;
  gap:11px;
  color:#078e68;
}

.rt-cart-summary__total{
  min-width:76px;
  text-align:right;
  font-family:Montserrat,Arial,sans-serif;
  font-size:14px;
  line-height:1;
  font-weight:600;
  white-space:nowrap;
}

.rt-cart-summary__icon,
.rt-account-mini,
.rt-lang__button{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  height:44px;
  border:1px solid rgba(255,255,255,.86);
  background:
    linear-gradient(145deg,rgba(255,255,255,.85),rgba(236,249,245,.68));
  box-shadow:
    0 6px 18px rgba(27,73,58,.07),
    inset 0 1px 0 rgba(255,255,255,.95);
  color:#087f60;
}

.rt-cart-summary__icon,
.rt-account-mini{
  width:44px;
  border-radius:14px;
}

.rt-cart-summary:hover .rt-cart-summary__icon,
.rt-account-mini:hover,
.rt-lang__button:hover{
  background:rgba(255,255,255,.96);
  box-shadow:
    0 8px 22px rgba(7,142,104,.12),
    inset 0 1px 0 rgba(255,255,255,1);
}

.rt-cart-summary__count{
  position:absolute;
  right:-5px;
  top:-6px;
  min-width:18px;
  height:18px;
  padding:0 5px;
  border:2px solid #fff;
  border-radius:999px;
  background:linear-gradient(135deg,#0d9e75,#13bb88);
  color:#fff;
  display:grid;
  place-items:center;
  font-family:Montserrat,Arial,sans-serif;
  font-size:10px;
  line-height:1;
  font-weight:600;
  box-shadow:0 4px 10px rgba(7,142,104,.22);
}

.rt-cart-summary__count[data-empty]{
  opacity:0;
  transform:scale(.6);
}

.rt-account-mini{
  text-decoration:none;
}

.rt-lang{
  position:relative;
}

.rt-lang__button{
  gap:10px;
  min-width:76px;
  padding:0 14px;
  border-radius:14px;
  cursor:pointer;
  font-family:Montserrat,Arial,sans-serif;
  font-size:13px;
  font-weight:600;
}

.rt-lang__dropdown{
  position:absolute;
  right:0;
  top:calc(100% + 10px);
  min-width:76px;
  padding:7px;
  border:1px solid rgba(255,255,255,.8);
  border-radius:14px;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  box-shadow:0 14px 32px rgba(17,68,53,.14);
  opacity:0;
  visibility:hidden;
  transform:translateY(-5px);
  transition:.18s ease;
}

.rt-lang.is-open .rt-lang__dropdown{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}

.rt-lang__dropdown a,
.rt-lang__dropdown span{
  display:block;
  padding:8px 10px;
  border-radius:9px;
  font-family:Montserrat,Arial,sans-serif;
  font-size:12px;
  font-weight:600;
}

.rt-lang__dropdown a:hover,
.rt-lang__dropdown .is-current{
  background:#edf9f5;
  color:#078e68;
}

.rt-lang__dropdown .is-disabled{
  opacity:.38;
  cursor:default;
}

.rt-menu-toggle{
  display:none;
  width:44px;
  height:44px;
  padding:0;
  border:1px solid rgba(255,255,255,.86);
  border-radius:14px;
  background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(236,249,245,.68));
  box-shadow:0 6px 18px rgba(27,73,58,.07);
  cursor:pointer;
}

.rt-menu-toggle span{
  display:block;
  width:19px;
  height:2px;
  margin:4px auto;
  border-radius:3px;
  background:#167d61;
  transition:.2s ease;
}

.rt-mobile-menu{
  display:none;
}

/* Keep page Hero directly beneath the floating header without a huge blank gap. */
.ratinger-builder-enabled .rt-header-shell + .rt-content,
.rt-header-shell + main{
  margin-top:0;
}

@media(max-width:1120px){
  .rt-nav__menu a{padding:0 14px}
  .rt-cart-summary__total{display:none}
  .rt-logo__img,
  .rt-logo img,
  .rt-logo .custom-logo{max-width:195px}
}

@media(max-width:900px){
  .rt-header-shell{
    padding:9px 10px 0;
  }

  .admin-bar .rt-header-shell{
    top:46px;
  }

  .rt-header{
    border-radius:19px;
  }

  .rt-header__in{
    min-height:64px;
    padding:0 12px 0 15px;
    gap:10px;
  }

  .rt-logo__img,
  .rt-logo img,
  .rt-logo .custom-logo{
    max-width:165px;
    max-height:39px;
  }

  .rt-nav{display:none}
  .rt-account-mini{display:none}
  .rt-lang__button{min-width:64px;height:40px;padding:0 11px}
  .rt-cart-summary__icon{width:40px;height:40px}
  .rt-menu-toggle{display:block;width:40px;height:40px}

  .rt-header__tools{
    margin-left:auto;
    gap:7px;
  }

  .rt-mobile-menu{
    display:grid;
    grid-template-rows:0fr;
    overflow:hidden;
    transition:grid-template-rows .25s ease;
  }

  .rt-header.is-menu-open .rt-mobile-menu{
    grid-template-rows:1fr;
  }

  .rt-mobile-menu__inner{
    min-height:0;
    overflow:hidden;
    padding:0 14px;
  }

  .rt-header.is-menu-open .rt-mobile-menu__inner{
    padding-bottom:14px;
  }

  .rt-mobile-menu__links{
    list-style:none;
    margin:0;
    padding:6px 0 8px;
  }

  .rt-mobile-menu__links li{
    margin:0;
  }

  .rt-mobile-menu__links a,
  .rt-mobile-account{
    display:flex;
    align-items:center;
    min-height:45px;
    padding:0 13px;
    border-radius:12px;
    font-family:Montserrat,Arial,sans-serif;
    font-size:14px;
    font-weight:500;
  }

  .rt-mobile-menu__links a:hover,
  .rt-mobile-account:hover{
    background:rgba(255,255,255,.66);
    color:#078e68;
  }

  .rt-mobile-account{
    border-top:1px solid rgba(30,80,62,.08);
  }

  .rt-header.is-menu-open .rt-menu-toggle span:nth-child(1){
    transform:translateY(6px) rotate(45deg);
  }
  .rt-header.is-menu-open .rt-menu-toggle span:nth-child(2){
    opacity:0;
  }
  .rt-header.is-menu-open .rt-menu-toggle span:nth-child(3){
    transform:translateY(-6px) rotate(-45deg);
  }
}

@media(max-width:520px){
  .rt-header-shell{padding-left:7px;padding-right:7px}
  .rt-logo__img,
  .rt-logo img,
  .rt-logo .custom-logo{max-width:145px}
  .rt-lang{display:none}
}

@media(max-width:782px){
  .admin-bar .rt-header-shell{top:46px}
}


/* =========================================================
   Ratinger Theme 1.9 — front page fix, compact sticky header, footer
   ========================================================= */

/* Static WordPress front page now renders its own content/Builder. */
.rt-front-content,
.rt-front-page{
  margin:0;
  padding:0;
}
.ratinger-builder-enabled .rt-front-content,
.ratinger-builder-enabled .rt-front-page{
  padding-top:0!important;
}
.ratinger-builder-hide-title .rt-front-title{
  display:none!important;
}

/* Menu readability */
.rt-nav__menu a{
  font-size:16px;
}

/* Header becomes slimmer after scroll */
.rt-header,
.rt-header__in,
.rt-logo__img,
.rt-logo img,
.rt-logo .custom-logo,
.rt-cart-summary__icon,
.rt-account-mini,
.rt-lang__button,
.rt-menu-toggle{
  transition:min-height .28s ease,height .28s ease,max-height .28s ease,max-width .28s ease,
             padding .28s ease,border-radius .28s ease,box-shadow .28s ease,background .28s ease;
}

.rt-header.is-scrolled{
  border-radius:19px;
}
.rt-header.is-scrolled .rt-header__in{
  min-height:60px;
  padding-top:0;
  padding-bottom:0;
}
.rt-header.is-scrolled .rt-logo__img,
.rt-header.is-scrolled .rt-logo img,
.rt-header.is-scrolled .rt-logo .custom-logo{
  max-width:190px;
  max-height:38px;
}
.rt-header.is-scrolled .rt-nav__menu a{
  min-height:38px;
  font-size:15px;
  padding-left:18px;
  padding-right:18px;
}
.rt-header.is-scrolled .rt-cart-summary__icon,
.rt-header.is-scrolled .rt-account-mini,
.rt-header.is-scrolled .rt-lang__button{
  height:38px;
}
.rt-header.is-scrolled .rt-cart-summary__icon,
.rt-header.is-scrolled .rt-account-mini{
  width:38px;
  border-radius:12px;
}
.rt-header.is-scrolled .rt-lang__button{
  min-width:66px;
  border-radius:12px;
}
.rt-header.is-scrolled .rt-cart-summary__total{
  font-size:13px;
}

/* ---------------- Footer ---------------- */
.rt-footer{
  position:relative;
  margin-top:0;
  padding:70px 18px 22px;
  overflow:hidden;
  background:linear-gradient(180deg,#f8fbfa 0%,#edf7f3 100%);
}
.rt-footer__glow{
  position:absolute;
  left:50%;
  top:15px;
  width:min(900px,85vw);
  height:120px;
  transform:translateX(-50%);
  border-radius:50%;
  background:rgba(16,183,132,.15);
  filter:blur(55px);
  pointer-events:none;
}
.rt-footer__card{
  position:relative;
  width:min(var(--rt-max,1300px),100%);
  margin:0 auto;
  padding:42px 42px 20px;
  border:1px solid rgba(255,255,255,.84);
  border-radius:28px;
  background:
    linear-gradient(120deg,rgba(255,255,255,.91),rgba(244,253,250,.77),rgba(255,255,255,.88));
  backdrop-filter:blur(18px) saturate(135%);
  -webkit-backdrop-filter:blur(18px) saturate(135%);
  box-shadow:
    0 22px 55px rgba(8,102,77,.11),
    0 3px 14px rgba(8,80,61,.06),
    inset 0 1px 0 rgba(255,255,255,.98);
}
.rt-footer__card::before{
  content:"";
  position:absolute;
  left:34px;
  right:34px;
  top:-1px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(10,185,134,.45),transparent);
}
.rt-footer__top{
  display:grid;
  grid-template-columns:1.45fr .7fr .8fr 1fr;
  gap:44px;
  align-items:start;
}
.rt-footer__logo{
  display:inline-flex;
  margin-bottom:18px;
}
.rt-footer__logo-img{
  display:block;
  width:auto;
  max-width:220px;
  max-height:50px;
  object-fit:contain;
}
.rt-footer__brand p,
.rt-footer__contact p{
  margin:0;
  max-width:390px;
  color:#65726d;
  font-size:14px;
  line-height:1.55;
}
.rt-footer__chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:20px;
}
.rt-footer__chips span{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 12px;
  border:1px solid rgba(15,160,116,.12);
  border-radius:999px;
  background:rgba(255,255,255,.65);
  color:#087d5f;
  font-size:12px;
  font-weight:500;
  box-shadow:0 5px 14px rgba(7,113,84,.05);
}
.rt-footer h3{
  margin:4px 0 17px;
  color:#17251f;
  font-size:15px;
  line-height:1.2;
  font-weight:600;
}
.rt-footer__navcol{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.rt-footer__navcol a{
  color:#64716c;
  font-size:13px;
  font-weight:400;
  transition:color .2s ease,transform .2s ease;
}
.rt-footer__navcol a:hover{
  color:#07916a;
  transform:translateX(2px);
}
.rt-footer__contact strong{
  display:block;
  margin-bottom:8px;
  color:#17251f;
  font-size:14px;
  font-weight:600;
}
.rt-footer__cta{
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  min-width:172px;
  min-height:44px;
  margin-top:18px;
  padding:0 16px 0 18px;
  border-radius:14px;
  color:#fff!important;
  font-size:13px;
  font-weight:600;
  background:linear-gradient(110deg,#078460,#0aae7d,#0a9870);
  background-size:170% 170%;
  box-shadow:0 10px 22px rgba(7,145,104,.17),inset 0 1px 0 rgba(255,255,255,.28);
  transition:transform .2s ease,background-position .25s ease,box-shadow .2s ease;
}
.rt-footer__cta:hover{
  transform:translateY(-2px);
  background-position:100% 50%;
  box-shadow:0 14px 28px rgba(7,145,104,.23),inset 0 1px 0 rgba(255,255,255,.3);
}
.rt-footer__cta span{
  font-size:19px;
  line-height:1;
}
.rt-footer__bottom{
  display:flex;
  justify-content:space-between;
  gap:20px;
  margin-top:34px;
  padding-top:18px;
  border-top:1px solid rgba(35,89,70,.09);
  color:#84908b;
  font-size:11px;
}
.rt-footer__made{
  color:#5f726a;
}

@media(max-width:1000px){
  .rt-footer__top{grid-template-columns:1.4fr 1fr 1fr;gap:34px}
  .rt-footer__contact{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding-top:8px}
  .rt-footer__contact h3{display:none}
  .rt-footer__contact p{max-width:none}
  .rt-footer__cta{margin-top:0}
}

@media(max-width:900px){
  .rt-nav__menu a{font-size:15px}
  .rt-header.is-scrolled .rt-header__in{min-height:55px}
  .rt-header.is-scrolled .rt-logo__img,
  .rt-header.is-scrolled .rt-logo img,
  .rt-header.is-scrolled .rt-logo .custom-logo{max-width:145px;max-height:34px}
}

@media(max-width:720px){
  .rt-footer{padding:48px 10px 14px}
  .rt-footer__card{padding:30px 22px 16px;border-radius:22px}
  .rt-footer__top{grid-template-columns:1fr 1fr;gap:30px 24px}
  .rt-footer__brand{grid-column:1/-1}
  .rt-footer__contact{grid-column:1/-1;display:block}
  .rt-footer__contact p{margin-top:8px}
  .rt-footer__cta{margin-top:17px}
  .rt-footer__bottom{display:grid;gap:6px;margin-top:26px}
}

@media(max-width:480px){
  .rt-footer__top{grid-template-columns:1fr;gap:25px}
  .rt-footer__brand,.rt-footer__contact{grid-column:auto}
  .rt-footer__logo-img{max-width:185px}
}


/* =========================================================
   Ratinger Theme 1.10 — header overlaps the first Builder hero
   ========================================================= */

/*
  On the front page we let the first Builder section rise under the
  glass header. This is the clean "overlap" effect the design needs:
  the hero background continues behind the header instead of leaving
  a separate strip between the header and the hero.
*/
body.home.ratinger-builder-enabled,
body.ratinger-builder-enabled.ratinger-has-hero-v4{
  --rt-header-overlap: 92px;
}

body.home.ratinger-builder-enabled .rt-header-shell,
body.ratinger-builder-enabled.ratinger-has-hero-v4 .rt-header-shell{
  position:sticky;
  top:0;
  z-index:1000;
  margin-bottom:calc(var(--rt-header-overlap) * -1);
}

/* Keep the first hero's content clear of the floating header while
   allowing its BACKGROUND to extend underneath it. */
body.home.ratinger-builder-enabled .rbu-blocks > .rbu-section:first-child,
body.ratinger-builder-enabled.ratinger-has-hero-v4 .rbu-blocks > .rbu-section:first-child{
  position:relative;
  z-index:1;
  padding-top:var(--rt-header-overlap);
}

/* The HTML hero itself must not create a second artificial top gap. */
body.home.ratinger-builder-enabled .rbu-blocks > .rbu-section:first-child .ratinger-hero-v2,
body.home.ratinger-builder-enabled .rbu-blocks > .rbu-section:first-child .ratinger-main-hero,
body.home.ratinger-builder-enabled .rbu-blocks > .rbu-section:first-child .ratinger-hero-code,
body.ratinger-builder-enabled.ratinger-has-hero-v4 .rbu-blocks > .rbu-section:first-child .ratinger-hero-v2,
body.ratinger-builder-enabled.ratinger-has-hero-v4 .rbu-blocks > .rbu-section:first-child .ratinger-main-hero,
body.ratinger-builder-enabled.ratinger-has-hero-v4 .rbu-blocks > .rbu-section:first-child .ratinger-hero-code{
  margin-top:0!important;
}

/* Admin bar correction */
body.admin-bar.home.ratinger-builder-enabled .rt-header-shell,
body.admin-bar.ratinger-builder-enabled.ratinger-has-hero-v4 .rt-header-shell{
  top:32px;
}

@media(max-width:782px){
  body.admin-bar.home.ratinger-builder-enabled .rt-header-shell,
body.admin-bar.ratinger-builder-enabled.ratinger-has-hero-v4 .rt-header-shell{
    top:46px;
  }
}

@media(max-width:900px){
  body.home.ratinger-builder-enabled,
  body.ratinger-builder-enabled.ratinger-has-hero-v4{
    --rt-header-overlap: 78px;
  }
}


/* =========================================================
   Ratinger Theme 1.11 — sticky header anti-jitter
   ========================================================= */

/*
  Important: the sticky shell keeps a stable layout height.
  The compact state only changes the visual contents of the header.
  This prevents the browser from recalculating document geometry
  exactly when the scroll threshold is crossed.
*/
.rt-header-shell{
  min-height:88px;
}

.rt-header{
  will-change:transform, box-shadow, background-color;
  transform:translateZ(0);
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}

.rt-header__in,
.rt-logo__img,
.rt-logo img,
.rt-logo .custom-logo,
.rt-cart-summary__icon,
.rt-account-mini,
.rt-lang__button,
.rt-menu-toggle{
  transition:
    min-height .24s ease,
    height .24s ease,
    max-height .24s ease,
    max-width .24s ease,
    padding .24s ease,
    font-size .24s ease,
    border-radius .24s ease,
    box-shadow .24s ease;
}

/* Keep shell geometry fixed when compact state is active. */
.rt-header.is-scrolled{
  transform:translateZ(0);
}

/* Do not animate top/margins on sticky header: these are common jump sources. */
.rt-header-shell,
.rt-header{
  transition-property:box-shadow, background-color, border-color, opacity;
}

@media(max-width:900px){
  .rt-header-shell{
    min-height:73px;
  }
}


/* =========================================================
   Ratinger Theme 1.12 — footer refinement
   ========================================================= */

.rt-footer__top{
  grid-template-columns:1.35fr .95fr .8fr 1.15fr;
  gap:40px;
}

.rt-footer__contact{
  display:block;
}

.rt-footer__contact h3{
  display:block;
}

.rt-footer__contact-line{
  display:flex;
  align-items:center;
  gap:11px;
  margin:0 0 12px;
  padding:0;
  color:inherit;
  text-decoration:none;
}

a.rt-footer__contact-line:hover strong{
  color:#9be0c9;
}

.rt-footer__contact-icon{
  flex:0 0 auto;
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:11px;
  background:rgba(255,255,255,.055);
  color:#91d8c0;
  font-size:16px;
}

.rt-footer__contact-line > span:last-child{
  display:grid;
  gap:2px;
}

.rt-footer__contact-line small{
  color:rgba(223,231,226,.53);
  font-family:Montserrat,Arial,sans-serif;
  font-size:10px;
  line-height:1.2;
  font-weight:400;
}

.rt-footer__contact-line strong{
  color:#e8efeb;
  font-family:Montserrat,Arial,sans-serif;
  font-size:13px;
  line-height:1.28;
  font-weight:500;
  transition:color .2s ease;
}

.rt-footer__made a{
  color:#79cdb0;
  font-weight:600;
  text-decoration:none;
}

.rt-footer__made a:hover{
  color:#a2e4ce;
}

@media(max-width:1120px){
  .rt-footer__top{
    grid-template-columns:1.2fr 1fr 1fr;
  }

  .rt-footer__contact{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
    padding-top:8px;
  }

  .rt-footer__contact h3{
    grid-column:1/-1;
    margin-bottom:0;
  }

  .rt-footer__contact-line{
    margin:0;
  }
}

@media(max-width:760px){
  .rt-footer__top{
    grid-template-columns:1fr 1fr;
  }

  .rt-footer__brand{
    grid-column:1/-1;
  }

  .rt-footer__contact{
    grid-column:1/-1;
    grid-template-columns:1fr;
  }
}

@media(max-width:520px){
  .rt-footer__top{
    grid-template-columns:1fr;
  }

  .rt-footer__brand{
    grid-column:auto;
  }
}


/* =========================================================
   Ratinger Theme 1.13 — compact glass footer
   ========================================================= */

/* overall card tighter */
.rt-footer__card{
  padding:34px 38px 22px;
}

.rt-footer__top{
  grid-template-columns:1.25fr .95fr .85fr 1.1fr;
  gap:28px;
  align-items:start;
}

/* glass "capsule" headings */
.rt-footer__navcol h3,
.rt-footer__contact h3{
  display:inline-flex;
  align-items:center;
  width:fit-content;
  min-height:34px;
  margin:0 0 14px;
  padding:0 14px;
  border:1px solid rgba(255,255,255,.78);
  border-radius:999px;
  background:
    linear-gradient(
      110deg,
      rgba(255,255,255,.68),
      rgba(225,248,240,.42),
      rgba(255,255,255,.60)
    );
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  box-shadow:
    0 6px 18px rgba(18,96,72,.07),
    inset 0 1px 0 rgba(255,255,255,.9);
  color:#21312b;
  font-size:13px;
  line-height:1;
  font-weight:600;
}

/* links a bit larger and tighter vertically */
.rt-footer__navcol a{
  margin-bottom:8px;
  font-size:13px;
  line-height:1.35;
}

/* desktop contacts made much more readable */
.rt-footer__contact{
  display:block;
}

.rt-footer__contact-line{
  gap:10px;
  margin:0 0 10px;
}

.rt-footer__contact-icon{
  width:36px;
  height:36px;
  border-color:rgba(23,159,118,.16);
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.80),
      rgba(223,246,238,.62)
    );
  color:#0a9a72;
  box-shadow:
    0 5px 14px rgba(8,125,91,.08),
    inset 0 1px 0 rgba(255,255,255,.94);
}

.rt-footer__contact-line small{
  color:#7f8d87;
  font-size:10px;
  line-height:1.2;
}

.rt-footer__contact-line strong{
  color:#26352f;
  font-size:13px;
  line-height:1.28;
  font-weight:600;
}

a.rt-footer__contact-line:hover strong{
  color:#078e68;
}

/* bottom */
.rt-footer__bottom{
  margin-top:22px;
}

/* tablet */
@media(max-width:1120px){
  .rt-footer__top{
    grid-template-columns:1.1fr 1fr 1fr;
    gap:24px;
  }

  .rt-footer__contact{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
    padding-top:2px;
  }

  .rt-footer__contact h3{
    grid-column:1/-1;
  }
}

/* Mobile: two columns for info/shop, centered contacts below */
@media(max-width:760px){

  .rt-footer{
    padding-left:10px;
    padding-right:10px;
  }

  .rt-footer__card{
    padding:26px 18px 20px;
    border-radius:28px;
  }

  .rt-footer__top{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:26px 16px;
  }

  .rt-footer__brand{
    grid-column:1/-1;
  }

  .rt-footer__brand p{
    font-size:14px;
    line-height:1.5;
  }

  .rt-footer__chips{
    gap:8px;
  }

  .rt-footer__chips span{
    font-size:12px;
    padding:8px 11px;
  }

  .rt-footer__navcol{
    min-width:0;
  }

  .rt-footer__navcol h3,
  .rt-footer__contact h3{
    min-height:36px;
    margin-bottom:13px;
    padding:0 13px;
    font-size:14px;
  }

  .rt-footer__navcol a{
    margin-bottom:9px;
    font-size:14px;
    line-height:1.35;
  }

  .rt-footer__contact{
    grid-column:1/-1;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:10px;
    padding-top:4px;
    text-align:center;
  }

  .rt-footer__contact h3{
    align-self:center;
    margin-bottom:4px;
  }

  .rt-footer__contact-line{
    width:min(100%,360px);
    justify-content:flex-start;
    margin:0;
    padding:9px 12px;
    border:1px solid rgba(255,255,255,.66);
    border-radius:15px;
    background:
      linear-gradient(
        120deg,
        rgba(255,255,255,.54),
        rgba(229,248,241,.36),
        rgba(255,255,255,.46)
      );
    box-shadow:
      0 6px 18px rgba(22,97,73,.05),
      inset 0 1px 0 rgba(255,255,255,.84);
    text-align:left;
  }

  .rt-footer__contact-icon{
    width:40px;
    height:40px;
    font-size:17px;
  }

  .rt-footer__contact-line small{
    font-size:11px;
  }

  .rt-footer__contact-line strong{
    font-size:15px;
  }

  .rt-footer__bottom{
    margin-top:20px;
    padding-top:16px;
    gap:8px;
    font-size:12px;
  }
}

/* Narrow phones still keep the two useful link groups side-by-side */
@media(max-width:520px){
  .rt-footer__top{
    grid-template-columns:1fr 1fr;
    gap:24px 12px;
  }

  .rt-footer__brand,
  .rt-footer__contact{
    grid-column:1/-1;
  }

  .rt-footer__navcol h3{
    padding:0 10px;
    font-size:13px;
  }

  .rt-footer__navcol a{
    font-size:13px;
  }

  .rt-footer__contact-line{
    width:100%;
  }
}


/* =========================================================
   Ratinger Theme 1.16 — mobile menu typography / separators
   ========================================================= */

@media(max-width:900px){

  .rt-mobile-menu__links,
  .rt-mobile-menu__links li{
    width:100%;
  }

  .rt-mobile-menu__links li{
    position:relative;
    text-align:center;
  }

  .rt-mobile-menu__links li + li::before{
    content:"";
    position:absolute;
    left:14%;
    right:14%;
    top:0;
    height:1px;
    background:
      linear-gradient(
        90deg,
        transparent,
        rgba(20,120,88,.16) 18%,
        rgba(20,120,88,.24) 50%,
        rgba(20,120,88,.16) 82%,
        transparent
      );
  }

  .rt-mobile-menu__links a,
  .rt-mobile-account{
    justify-content:center;
    text-align:center;

    min-height:54px;
    padding:0 16px;

    font-size:20px;
    line-height:1.2;
    font-weight:500;
  }

  .rt-mobile-account{
    position:relative;
    margin-top:0;
    border-top:0;
  }

  .rt-mobile-account::before{
    content:"";
    position:absolute;
    left:14%;
    right:14%;
    top:0;
    height:1px;
    background:
      linear-gradient(
        90deg,
        transparent,
        rgba(20,120,88,.16) 18%,
        rgba(20,120,88,.24) 50%,
        rgba(20,120,88,.16) 82%,
        transparent
      );
  }
}


/* =========================================================
   Ratinger Theme 1.17 — remove inherited gap before footer
   ========================================================= */
.rt-footer{
  margin-top:0!important;
}


/* =========================================================
   Ratinger Theme 1.18 — Blog + article components
   ========================================================= */
.rt-blog-page{padding-top:18px!important;}
.rt-blog-shell{
  width:min(var(--rt-max,1300px),calc(100% - 64px));
  margin:0 auto;
  padding:18px 0 28px;
}
.rt-blog-hero{max-width:900px;margin:0 0 30px}
.rt-blog-kicker{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;background:#eaf8f3;color:#087a5b;font-weight:700;font-size:14px;margin-bottom:14px}
.rt-blog-hero h1{margin:0 0 12px;font-size:42px!important;line-height:1.06!important;letter-spacing:-.025em}
.rt-blog-hero p{margin:0;color:#5f6f69;font-size:18px;line-height:1.45;max-width:720px}
.rt-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.rt-blog-card{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #e5ece8;border-radius:22px;overflow:hidden;box-shadow:0 12px 35px rgba(21,57,46,.06);transition:transform .2s ease,box-shadow .2s ease}
.rt-blog-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(21,57,46,.10)}
.rt-blog-card__image{display:block;aspect-ratio:16/10;background:#f1f5f3;overflow:hidden}
.rt-blog-card__image img{display:block;width:100%;height:100%;object-fit:cover}
.rt-blog-card__body{display:flex;flex-direction:column;flex:1;padding:20px}
.rt-blog-card__meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px;color:#0b8b68;font-weight:700;margin-bottom:8px}
.rt-blog-card__views{color:#7b8984;font-weight:600}
.rt-blog-card__dot{color:#b3bdb9;font-weight:400}
.rt-blog-card h2{font-size:25px!important;line-height:1.12!important;margin:0 0 10px!important}
.rt-blog-card h2 a{color:#17221f;text-decoration:none}
.rt-blog-card__excerpt{color:#65726e;font-size:16px;line-height:1.45;margin:0 0 18px}
.rt-blog-card__more{margin-top:auto;color:#07835f;font-weight:700;text-decoration:none}
.rt-blog-pagination{margin:34px 0 20px}
.rt-blog-pagination .nav-links{display:flex;gap:8px;flex-wrap:wrap}
.rt-blog-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border-radius:12px;background:#f2f6f4;color:#1c2d27;text-decoration:none}
.rt-blog-pagination .current{background:#0a8d68;color:#fff}

.rt-article-shell{width:min(var(--rt-max,1300px),calc(100% - 64px));margin:0 auto;padding:42px 0 20px}

/* Standard two-column article layout. Sidebar is a real grid column and can be
   enabled/disabled + resized from Appearance → Ratinger — макет. */
.rt-article-shell.has-sidebar{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,var(--rt-article-sidebar,24%));gap:34px;align-items:start}
.rt-article-shell.no-sidebar{display:block}
.rt-article-main{min-width:0;width:100%}
.rt-article-sidebar{min-width:0;position:sticky;top:94px;display:grid;gap:18px;align-self:start}
.rt-article-hero{position:relative;margin:0 0 44px}
.rt-article-cover{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:22px;background:#eef3f1}
.rt-article-cover--placeholder{display:block;aspect-ratio:16/9;border-radius:22px;background:linear-gradient(135deg,#edf8f4,#f4f8f6)}
.rt-article-titlecard{position:relative;z-index:2;width:calc(100% - 42px);margin:-22px auto 0;padding:22px 26px 20px;border-radius:22px;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.82);box-shadow:0 14px 38px rgba(26,59,49,.12);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.rt-article-meta{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:8px;font-size:14px;color:#61706b}
.rt-article-meta a{color:#0b8766;text-decoration:none;font-weight:700}
.rt-article-titlecard h1{margin:0!important;font-size:40px!important;line-height:1.08!important}
.rt-article-views{color:#74817c}

.rt-article-content{width:100%;max-width:none;font-size:18px;line-height:1.6;color:#26332f}
.rt-article-content h2{font-size:28px!important;margin:38px 0 14px!important}
.rt-article-content h3{font-size:20px!important;margin:27px 0 10px!important}
.rt-article-content p{margin:0 0 18px}
.rt-article-content ul,.rt-article-content ol{margin:0 0 20px;padding-left:24px}
.rt-article-content li{margin-bottom:7px}
.rt-article-content img{max-width:100%;height:auto;border-radius:18px}
.rt-article-content figure{margin:28px 0}
.rt-article-content figcaption{font-size:14px;color:#73807c;margin-top:8px}
.rt-article-content a{color:#087f60}

.rt-side-card{background:#fff;border:1px solid #e0e9e5;border-radius:20px;padding:20px;box-shadow:0 12px 35px rgba(19,56,45,.05)}
.rt-side-card h3{margin:0 0 12px;font-size:22px!important;line-height:1.15!important}
.rt-side-latest{list-style:none;margin:0;padding:0}
.rt-side-latest li{margin:0;padding:9px 0;border-bottom:1px solid #edf2f0;color:#64716d}
.rt-side-latest li:last-child{border-bottom:0;padding-bottom:0}
.rt-side-latest a{color:#24332e;text-decoration:none;line-height:1.35}
.rt-side-shop{background:#0b8a68;color:#fff;border-color:#0b8a68}
.rt-side-shop h3,.rt-side-shop p{color:#fff!important}
.rt-side-shop p{margin:0 0 15px;line-height:1.45}
.rt-side-shop__btn{display:inline-flex;align-items:center;min-height:44px;padding:0 15px;border-radius:13px;background:#fff;color:#087054!important;text-decoration:none;font-weight:700}

@media(max-width:980px){
  .rt-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rt-article-shell.has-sidebar{grid-template-columns:1fr;gap:26px}
  .rt-article-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr));order:2}
  .rt-article-main{order:1}
}
@media(max-width:700px){
  .rt-blog-page{padding-top:8px!important}
  .rt-blog-shell,.rt-article-shell{width:calc(100% - 32px);padding-top:18px}
  .rt-blog-grid{grid-template-columns:1fr;gap:18px}
  .rt-blog-hero h1{font-size:34px!important}
  .rt-blog-hero p{font-size:16px}
  .rt-article-sidebar{grid-template-columns:1fr}
  .rt-article-hero{margin-bottom:34px}
  .rt-article-cover,.rt-article-cover--placeholder{border-radius:18px;aspect-ratio:4/3}
  .rt-article-titlecard{width:calc(100% - 20px);margin-top:-18px;padding:18px 18px 17px;border-radius:18px}
  .rt-article-titlecard h1{font-size:30px!important}
  .rt-article-content{font-size:17px;line-height:1.55}
  .rt-article-content h2{font-size:24px!important}
  .rt-article-content h3{font-size:18px!important}
}

/* Reusable article HTML blocks */
.rt-article-note,.rt-article-tip,.rt-article-warning,.rt-article-cta{margin:28px 0;padding:20px 22px;border-radius:18px;border:1px solid #dce9e4;background:#f5faf8}
.rt-article-note strong,.rt-article-tip strong,.rt-article-warning strong{display:block;margin-bottom:6px}
.rt-article-tip{border-color:#cce9de;background:#eef9f5}
.rt-article-warning{border-color:#f0dfb8;background:#fff9eb}
.rt-article-cta{background:linear-gradient(145deg,#0a8b67,#087558);color:#fff;border:0}
.rt-article-cta h2,.rt-article-cta h3,.rt-article-cta p{color:#fff!important}
.rt-article-cta a{display:inline-flex;min-height:46px;align-items:center;padding:0 18px;border-radius:13px;background:#fff;color:#076b50!important;text-decoration:none;font-weight:700}

@media(max-width:980px){
  .rt-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rt-article-sidebar{float:none;width:100%;min-width:0;margin:0 0 28px;position:static;grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .rt-blog-page{padding-top:8px!important}
  .rt-blog-shell,.rt-article-shell{width:calc(100% - 32px);padding-top:18px}
  .rt-blog-grid{grid-template-columns:1fr;gap:18px}
  .rt-blog-hero h1{font-size:34px!important}
  .rt-blog-hero p{font-size:16px}
  .rt-article-sidebar{grid-template-columns:1fr}
  .rt-article-hero{margin-bottom:34px}
  .rt-article-cover,.rt-article-cover--placeholder{border-radius:18px;aspect-ratio:4/3}
  .rt-article-titlecard{width:calc(100% - 20px);margin-top:-18px;padding:18px 18px 17px;border-radius:18px}
  .rt-article-titlecard h1{font-size:30px!important}
  .rt-article-content{font-size:17px;line-height:1.55}
  .rt-article-content h2{font-size:24px!important}
  .rt-article-content h3{font-size:18px!important}
}


/* =========================================================
   Ratinger 1.27 — article answer / contents / FAQ components
   ========================================================= */
.rt-article-answer{
  margin:0 0 24px;
  padding:20px 22px;
  border:1px solid #cfe9df;
  border-radius:18px;
  background:linear-gradient(145deg,#f1fbf7,#f8fcfa);
  box-shadow:0 8px 24px rgba(22,88,67,.06);
}
.rt-article-answer__label{
  display:inline-flex;
  align-items:center;
  margin:0 0 10px;
  padding:5px 10px;
  border-radius:999px;
  background:#dff5ec;
  color:#08785a;
  font-size:13px;
  line-height:1.2;
  font-weight:700;
}
.rt-article-answer p{margin:0!important}

.rt-article-toc{
  margin:0 0 32px;
  padding:20px 22px;
  border:1px solid #e0e9e5;
  border-radius:18px;
  background:#fff;
}
.rt-article-toc__title{
  margin:0 0 12px!important;
  font-size:18px!important;
  line-height:1.25!important;
  font-weight:800;
}
.rt-article-toc ul{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px 22px;
  margin:0!important;
  padding:0!important;
  list-style:none;
}
.rt-article-toc li{margin:0!important}
.rt-article-toc a{
  display:block;
  position:relative;
  padding-left:18px;
  color:#34423d!important;
  text-decoration:none!important;
}
.rt-article-toc a::before{
  content:'→';
  position:absolute;
  left:0;
  color:#0a8b67;
  font-weight:800;
}
.rt-article-toc a:hover{color:#08785a!important}

.rt-article-content h2[id],
.rt-article-content h3[id]{scroll-margin-top:100px}

.rt-article-faq{
  display:grid;
  gap:8px;
  margin:18px 0 30px;
}
.rt-article-faq details,
.rt-article-faq__item{
  overflow:hidden;
  margin:0;
  border:1px solid #dce9e4;
  border-radius:14px;
  background:#fff;
  box-shadow:0 5px 16px rgba(22,69,55,.04);
}
.rt-article-faq summary,
.rt-article-faq__button{
  position:relative;
  display:flex;
  width:100%;
  align-items:center;
  min-height:48px;
  padding:12px 46px 12px 16px;
  border:0;
  background:transparent;
  color:#23312c;
  font:inherit;
  font-size:17px;
  line-height:1.35;
  font-weight:800;
  text-align:left;
  cursor:pointer;
  list-style:none;
}
.rt-article-faq summary::-webkit-details-marker{display:none}
.rt-article-faq summary::after,
.rt-article-faq__button::after{
  content:'+';
  position:absolute;
  right:15px;
  top:50%;
  width:23px;
  height:23px;
  transform:translateY(-50%);
  border-radius:50%;
  background:#e8f7f1;
  color:#08785a;
  font-size:18px;
  line-height:21px;
  font-weight:500;
  text-align:center;
}
.rt-article-faq details[open] summary::after,
.rt-article-faq__item.is-open .rt-article-faq__button::after{content:'−'}
.rt-article-faq details[open] summary,
.rt-article-faq__item.is-open .rt-article-faq__button{color:#08785a}
.rt-article-faq details > div,
.rt-article-faq__answer{
  padding:0 16px 13px;
  color:#4a5853;
}
.rt-article-faq details > div p:last-child,
.rt-article-faq__answer p:last-child{margin-bottom:0!important}
.rt-article-faq__answer[hidden]{display:none!important}

@media(max-width:700px){
  .rt-article-answer,.rt-article-toc{padding:17px 18px;border-radius:16px}
  .rt-article-toc ul{grid-template-columns:1fr;gap:7px}
  .rt-article-faq summary,.rt-article-faq__button{font-size:15px;min-height:46px;padding:11px 42px 11px 14px}
  .rt-article-faq summary::after,.rt-article-faq__button::after{right:12px;width:22px;height:22px;font-size:17px;line-height:20px}
  .rt-article-faq details > div,.rt-article-faq__answer{padding:0 14px 12px}
}


/* =========================================================
   Ratinger 1.28 — semantic callouts + contextual sidebar
   ========================================================= */
.rt-article-note{
  --rt-note-accent:#0a8b67;
  --rt-note-bg1:#f0fbf7;
  --rt-note-bg2:#fbfefd;
  position:relative;
  overflow:hidden;
  margin:28px 0;
  padding:20px 22px 20px 27px;
  border:1px solid color-mix(in srgb,var(--rt-note-accent) 22%,#dce9e4);
  border-radius:18px;
  background:linear-gradient(135deg,var(--rt-note-bg1),var(--rt-note-bg2));
  box-shadow:0 9px 26px rgba(29,67,55,.055);
}
.rt-article-note::before{
  content:'';
  position:absolute;
  inset:0 auto 0 0;
  width:5px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--rt-note-accent) 70%,white),var(--rt-note-accent));
}
.rt-article-note::after{
  content:'';
  position:absolute;
  width:150px;height:150px;
  right:-70px;top:-90px;
  border-radius:50%;
  background:color-mix(in srgb,var(--rt-note-accent) 7%,transparent);
  pointer-events:none;
}
.rt-article-note strong{display:block;margin:0 0 6px;color:var(--rt-note-accent);font-size:16px}
.rt-article-note p:last-child{margin-bottom:0!important}
.rt-article-note--good,.rt-article-tip{--rt-note-accent:#0a8b67;--rt-note-bg1:#eefaf5;--rt-note-bg2:#fbfefd}
.rt-article-note--warning,.rt-article-warning{--rt-note-accent:#bc8612;--rt-note-bg1:#fff8e8;--rt-note-bg2:#fffdf7}
.rt-article-note--danger{--rt-note-accent:#bf3d38;--rt-note-bg1:#fff1f0;--rt-note-bg2:#fffafa}
.rt-article-note--info{--rt-note-accent:#397d77;--rt-note-bg1:#eff8f7;--rt-note-bg2:#fbfdfd}

/* Keep legacy helpers visually consistent with the new system. */
.rt-article-tip,.rt-article-warning{
  position:relative;overflow:hidden;padding-left:27px;
}
.rt-article-tip::before,.rt-article-warning::before{
  content:'';position:absolute;inset:0 auto 0 0;width:5px;border-radius:18px 0 0 18px;
}
.rt-article-tip::before{background:#0a8b67}
.rt-article-warning::before{background:#bc8612}

.rt-side-products{padding:18px}
.rt-side-products__eyebrow{
  display:inline-flex;margin:0 0 7px;padding:5px 9px;border-radius:999px;
  background:#e8f7f1;color:#08785a;font-size:12px;font-weight:800;
}
.rt-side-products h3{margin-bottom:14px!important}
.rt-side-products__list{display:grid;gap:12px}
.rt-side-product{
  display:grid;grid-template-columns:66px minmax(0,1fr);gap:12px;align-items:center;
  padding:11px;border:1px solid #e2ece8;border-radius:16px;
  background:linear-gradient(145deg,#fff,#f8fcfa);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.rt-side-product:hover{transform:translateY(-1px);border-color:#cce5dc;box-shadow:0 10px 24px rgba(25,76,60,.07)}
.rt-side-product__media{
  display:flex;align-items:center;justify-content:center;width:66px;height:76px;
  overflow:hidden;border-radius:13px;background:#f2f7f5;
}
.rt-side-product__media img{display:block;width:100%;height:100%;object-fit:contain;padding:4px}
.rt-side-product__body h4{margin:0 0 5px;font-size:15px;line-height:1.15;color:#1e2d28}
.rt-side-product__body p{margin:0 0 7px;font-size:13px;line-height:1.34;color:#61706b}
.rt-side-product__body a{display:inline-flex;gap:5px;align-items:center;color:#08785a;text-decoration:none;font-size:13px;font-weight:800}
.rt-side-product__body a span{transition:transform .18s ease}
.rt-side-product__body a:hover span{transform:translateX(2px)}

@media(max-width:980px){
  .rt-side-products__list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .rt-article-note{padding:17px 18px 17px 23px;border-radius:16px}
  .rt-side-products__list{grid-template-columns:1fr}
  .rt-side-product{grid-template-columns:72px minmax(0,1fr)}
}

/* =========================================================
   Ratinger 1.29 — softer article cards + complete product rail
   ========================================================= */
.rt-article-cta{
  position:relative;
  overflow:hidden;
  margin:28px 0;
  padding:22px 24px;
  border:1px solid rgba(255,255,255,.82);
  border-radius:20px;
  background:linear-gradient(135deg,rgba(242,250,247,.96),rgba(255,255,255,.98));
  box-shadow:0 12px 32px rgba(26,70,56,.08);
  color:#24322e;
}
.rt-article-cta::before{
  content:'';
  position:absolute;
  inset:0 auto 0 0;
  width:5px;
  background:linear-gradient(180deg,#8bd9be,#159970);
}
.rt-article-cta h2,.rt-article-cta h3,.rt-article-cta p{color:#24322e!important}
.rt-article-cta h2,.rt-article-cta h3{margin-top:0!important}
.rt-article-cta a{
  background:#0b8a68;
  color:#fff!important;
  border:1px solid #0b8a68;
  box-shadow:0 7px 18px rgba(11,138,104,.16);
}
.rt-article-cta a:hover{background:#087558;color:#fff!important}

.rt-side-shop{
  background:linear-gradient(135deg,rgba(241,249,246,.98),rgba(255,255,255,.98));
  color:#24322e;
  border:1px solid #dce9e4;
}
.rt-side-shop h3,.rt-side-shop p{color:#24322e!important}
.rt-side-shop__btn{
  background:#0b8a68;
  color:#fff!important;
  border:1px solid #0b8a68;
}

.rt-side-products{padding:0;background:transparent;border:0;box-shadow:none}
.rt-side-products__eyebrow{margin-left:2px}
.rt-side-products h3{margin:0 0 13px 2px!important}
.rt-side-products__list{gap:10px}
.rt-side-product{
  border:1px solid rgba(215,231,225,.95);
  box-shadow:0 8px 22px rgba(28,69,56,.045);
}
.rt-side-product--universal{background:linear-gradient(145deg,#f7fbf9,#eef8f4)}
.rt-side-product--color{background:linear-gradient(145deg,#fffaf3,#f8f3ff)}
.rt-side-product--black{background:linear-gradient(145deg,#f4f5f5,#e9eeee);border-color:#d8dfdc}
.rt-side-product--baby{background:linear-gradient(145deg,#f1fbf5,#f8fdfb)}
.rt-side-product--professional{background:linear-gradient(145deg,#f5f8fb,#eef4f7)}
.rt-side-product--black .rt-side-product__media{background:#e7ecea}
.rt-side-product--color .rt-side-product__media{background:#fbf6ef}
.rt-side-product--baby .rt-side-product__media{background:#eaf8f1}
.rt-side-product--professional .rt-side-product__media{background:#edf3f6}

.rt-article-answer__label{font-size:0}
.rt-article-answer__label::after{content:'Коротко про головне';font-size:13px}
html[lang^="ru"] .rt-article-answer__label::after{content:'Коротко о главном'}

@media(max-width:700px){
  .rt-article-cta{padding:18px 20px;border-radius:17px}
}

/* =========================================================
   Ratinger 1.31 — soft article UI + split sticky sidebar
   ========================================================= */

/* The whole sidebar must NOT be sticky. Latest posts scroll away normally. */
.rt-article-sidebar{
  position:static !important;
  top:auto !important;
  display:block !important;
  align-self:start;
}
.rt-side-latest-card{
  position:static !important;
  margin:0 0 20px !important;
}

/* Only the recommendations + shop CTA stick after latest articles have left the screen. */
.rt-article-sidebar__sticky{
  position:sticky !important;
  top:94px;
  display:grid;
  gap:18px;
  align-self:start;
}

/* Large in-article CTA/recommendation blocks: calm mint/blue/peach wash. */
.rt-article-cta{
  position:relative;
  overflow:hidden;
  color:#24322e !important;
  background:
    radial-gradient(circle at 8% 18%,rgba(154,222,197,.34),transparent 34%),
    radial-gradient(circle at 88% 14%,rgba(174,215,235,.31),transparent 37%),
    radial-gradient(circle at 76% 94%,rgba(255,205,176,.34),transparent 39%),
    linear-gradient(135deg,#f7fcfa 0%,#f8fbfc 50%,#fffaf7 100%) !important;
  border:1px solid rgba(214,230,224,.95) !important;
  box-shadow:0 10px 28px rgba(37,75,62,.07) !important;
}
.rt-article-cta::before,
.rt-article-cta::after{display:none !important}
.rt-article-cta h2,
.rt-article-cta h3,
.rt-article-cta p{color:#24322e !important}
.rt-article-cta a{
  background:#0b8a68 !important;
  color:#fff !important;
  border-color:#0b8a68 !important;
  box-shadow:none !important;
}
.rt-article-cta a:hover{background:#087558 !important;color:#fff !important}

/* Semantic notes stay light; only advice/warning/danger use the left stripe. */
.rt-article-note,
.rt-article-tip,
.rt-article-warning{
  background:linear-gradient(135deg,var(--rt-note-bg1,#f3faf7),var(--rt-note-bg2,#fff)) !important;
  box-shadow:0 8px 24px rgba(37,75,62,.05);
}
.rt-article-note--good::before,
.rt-article-tip::before{display:block !important;background:#0a8b67 !important}
.rt-article-note--warning::before,
.rt-article-warning::before{display:block !important;background:#d2a02b !important}
.rt-article-note--danger::before{display:block !important;background:#c94a44 !important}
.rt-article-note--info::before{display:none !important}

/* Recommendation block itself has no outer card. */
.rt-side-products{
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
.rt-side-products__eyebrow{margin:0 0 7px !important}
.rt-side-products h3{margin:0 0 13px !important}
.rt-side-products__list{display:grid;gap:18px}

/* Product rows are open and airy — no grey/green cards around them. */
.rt-side-product{
  display:grid !important;
  grid-template-columns:82px minmax(0,1fr) !important;
  gap:14px !important;
  align-items:start !important;
  width:100% !important;
  margin:0 !important;
  padding:0 0 3px !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  outline:0 !important;
  transform:none !important;
}
.rt-side-product:hover{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  transform:none !important;
}
.rt-side-product__media{
  width:82px !important;
  height:94px !important;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border:0 !important;
  border-radius:14px !important;
  box-shadow:none !important;
  background:transparent !important;
}
.rt-side-product__media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  padding:1px !important;
  background:transparent !important;
}
.rt-side-product__body{min-width:0;padding:0 !important}
.rt-side-product__body h4{font-size:15px;line-height:1.18;margin:1px 0 5px !important}
.rt-side-product__body p{font-size:13px;line-height:1.34;margin:0 0 6px !important;color:#65726d}
.rt-side-product__body > a{font-size:13px;font-weight:800;color:#08785a;text-decoration:none}

/* Only the small type label carries a gentle family colour. */
.rt-side-product__tag{
  display:inline-flex !important;
  align-items:center;
  width:max-content;
  max-width:100%;
  margin:0 0 5px !important;
  padding:3px 8px !important;
  border:0 !important;
  border-radius:999px !important;
  box-shadow:none !important;
  font-size:11px;
  line-height:1.25;
  font-weight:800;
}
.rt-side-product--universal .rt-side-product__tag{background:#eaf7f1 !important;color:#08785a !important}
.rt-side-product--color .rt-side-product__tag{background:#fff0df !important;color:#9b6734 !important}
.rt-side-product--black .rt-side-product__tag{background:#e8ebeb !important;color:#3b4240 !important}
.rt-side-product--baby .rt-side-product__tag{background:#e8f8ef !important;color:#16815f !important}
.rt-side-product--professional .rt-side-product__tag{background:#eaf2f7 !important;color:#4a7188 !important}

/* Sidebar final CTA follows the same quiet gradient language. */
.rt-side-shop{
  color:#24322e !important;
  background:
    radial-gradient(circle at 13% 12%,rgba(154,222,197,.30),transparent 35%),
    radial-gradient(circle at 90% 18%,rgba(174,215,235,.27),transparent 39%),
    radial-gradient(circle at 72% 96%,rgba(255,205,176,.31),transparent 40%),
    linear-gradient(135deg,#f8fcfa,#fffaf7) !important;
  border:1px solid #dce9e4 !important;
  box-shadow:0 10px 28px rgba(37,75,62,.06) !important;
}
.rt-side-shop h3,.rt-side-shop p{color:#24322e !important}
.rt-side-shop__btn{
  background:#0b8a68 !important;
  color:#fff !important;
  border-color:#0b8a68 !important;
}

@media(max-width:980px){
  .rt-article-sidebar{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:18px !important;
  }
  .rt-side-latest-card{margin-bottom:0 !important}
  .rt-article-sidebar__sticky{
    position:static !important;
    top:auto !important;
    display:grid;
    grid-template-columns:1fr;
    gap:18px;
  }
  .rt-side-products__list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .rt-side-products__list{grid-template-columns:1fr}
  .rt-side-product{grid-template-columns:78px minmax(0,1fr) !important}
}

/* =========================================================
   Ratinger 1.32 — sticky recommendations + compact article TOC
   ========================================================= */

/* Let the sidebar column span the full article height so the inner sticky
   block can remain fixed while the reader moves through the article. */
@media(min-width:981px){
  .rt-article-shell.has-sidebar{
    align-items:stretch !important;
  }
  .rt-article-sidebar{
    position:relative !important;
    height:100% !important;
    min-height:100% !important;
    align-self:stretch !important;
  }
  .rt-article-sidebar__sticky{
    position:sticky !important;
    top:94px !important;
    z-index:2;
  }
}

/* “У цій статті” — narrower, centered and calmer. */
.rt-article-toc{
  width:min(68%,760px) !important;
  margin:0 auto 32px !important;
  padding:18px 22px !important;
  border-color:#e3ebe7 !important;
  box-shadow:0 7px 22px rgba(37,75,62,.04) !important;
}
.rt-article-toc a{
  padding-left:19px !important;
}
.rt-article-toc a::before{
  content:'' !important;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#0a8b67;
  top:50%;
  transform:translateY(-50%);
  left:1px;
  font-size:0 !important;
  line-height:0 !important;
}

@media(max-width:980px){
  .rt-article-toc{
    width:100% !important;
    margin:0 0 28px !important;
  }
  .rt-article-sidebar{
    height:auto !important;
    min-height:0 !important;
  }
}


/* =========================================================
   Ratinger 1.33 — tighter sidebar products + lighter title glass
   ========================================================= */

/* Hero H1 card: more transparent glass so the featured photo remains visible. */
.rt-article-titlecard{
  background:rgba(255,255,255,.56) !important;
  border-color:rgba(255,255,255,.58) !important;
  box-shadow:0 12px 32px rgba(26,59,49,.10) !important;
  backdrop-filter:blur(12px) saturate(118%) !important;
  -webkit-backdrop-filter:blur(12px) saturate(118%) !important;
}

/* Sidebar products: keep the bottle height, but give the copy more horizontal room. */
.rt-side-products__list{
  gap:15px !important;
}
.rt-side-product{
  grid-template-columns:76px minmax(0,1fr) !important;
  gap:6px !important;
  align-items:center !important;
}
.rt-side-product__media{
  width:76px !important;
  height:94px !important;
  margin-left:-4px !important;
}
.rt-side-product__media img{
  padding:0 !important;
}
.rt-side-product__body{
  padding-left:0 !important;
}
.rt-side-product__tag{
  margin-bottom:3px !important;
}
.rt-side-product__body h4{
  margin:0 0 3px !important;
  font-size:15px !important;
  line-height:1.14 !important;
}
.rt-side-product__body p{
  margin:0 0 4px !important;
  font-size:13px !important;
  line-height:1.28 !important;
}
.rt-side-product__body > a{
  line-height:1.2 !important;
}

@media(max-width:700px){
  .rt-article-titlecard{
    background:rgba(255,255,255,.64) !important;
  }
  .rt-side-product{
    grid-template-columns:74px minmax(0,1fr) !important;
    gap:7px !important;
  }
  .rt-side-product__media{
    width:74px !important;
    height:92px !important;
    margin-left:0 !important;
  }
}


/* =========================================================
   Ratinger 1.34 — compact article FAQ
   IMPORTANT: article markup uses existing theme component classes.
   Do not duplicate FAQ/CTA/note presentation inside article HTML.
   ========================================================= */
.rt-article-faq{gap:8px !important;margin:18px 0 30px !important}
.rt-article-faq details,.rt-article-faq__item{border-radius:14px !important;box-shadow:0 5px 16px rgba(22,69,55,.04) !important}
.rt-article-faq summary,.rt-article-faq__button{min-height:48px !important;padding:12px 46px 12px 16px !important;font-size:15.5px !important;line-height:1.32 !important;font-weight:700 !important}
.rt-article-faq summary::after,.rt-article-faq__button::after{right:15px !important;width:23px !important;height:23px !important;font-size:18px !important;line-height:21px !important}
.rt-article-faq details > div,.rt-article-faq__answer{padding:0 16px 13px !important}
@media(max-width:700px){
  .rt-article-faq summary,.rt-article-faq__button{min-height:46px !important;padding:11px 42px 11px 14px !important;font-size:15px !important}
  .rt-article-faq summary::after,.rt-article-faq__button::after{right:12px !important;width:22px !important;height:22px !important;font-size:17px !important;line-height:20px !important}
  .rt-article-faq details > div,.rt-article-faq__answer{padding:0 14px 12px !important}
}

/* === Ratinger Article FAQ — v1.35 soft compact ===
   Keep FAQ visually secondary and compact.
   Article HTML uses existing rt-article-faq classes; styling lives in theme only.
*/
.rt-article-content .rt-article-faq{
  display:grid !important;
  gap:6px !important;
  margin-top:14px !important;
}

.rt-article-content .rt-article-faq__item{
  margin:0 !important;
  padding:0 !important;
  border:1px solid rgba(31, 126, 96, .14) !important;
  border-radius:13px !important;
  background:rgba(255,255,255,.72) !important;
  box-shadow:none !important;
  overflow:hidden !important;
}

.rt-article-content .rt-article-faq__button{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  width:100% !important;
  min-height:42px !important;
  height:auto !important;
  margin:0 !important;
  padding:9px 40px 9px 14px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#26352f !important;
  font-size:15px !important;
  font-weight:600 !important;
  line-height:1.25 !important;
  text-align:left !important;
  cursor:pointer !important;
}

.rt-article-content .rt-article-faq__button::after{
  content:'+' !important;
  position:absolute !important;
  right:12px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:20px !important;
  height:20px !important;
  border-radius:50% !important;
  background:rgba(11,138,104,.08) !important;
  color:#0b8a68 !important;
  font-size:16px !important;
  font-weight:500 !important;
  line-height:1 !important;
}

.rt-article-content .rt-article-faq__button[aria-expanded="true"]::after{
  content:'−' !important;
}

.rt-article-content .rt-article-faq__answer{
  padding:0 14px 11px !important;
  border:0 !important;
  background:transparent !important;
  color:#4a5953 !important;
  font-size:14.5px !important;
  line-height:1.55 !important;
}

.rt-article-content .rt-article-faq__answer p{
  margin:0 !important;
}

@media (max-width: 767px){
  .rt-article-content .rt-article-faq{
    gap:5px !important;
    margin-top:12px !important;
  }
  .rt-article-content .rt-article-faq__item{
    border-radius:11px !important;
  }
  .rt-article-content .rt-article-faq__button{
    min-height:38px !important;
    padding:8px 36px 8px 12px !important;
    font-size:14px !important;
    line-height:1.2 !important;
  }
  .rt-article-content .rt-article-faq__button::after{
    right:10px !important;
    width:18px !important;
    height:18px !important;
    font-size:14px !important;
  }
  .rt-article-content .rt-article-faq__answer{
    padding:0 12px 10px !important;
    font-size:14px !important;
  }
}

/* =========================================================
   Ratinger 1.37 — FAQ narrower + compact rows
   FAQ presentation belongs to the theme; article HTML only uses classes.
   ========================================================= */
@media (min-width: 768px){
  .rt-article-content .rt-article-faq{
    width:68% !important;
    max-width:760px !important;
    margin:14px auto 30px !important;
    gap:6px !important;
  }
  .rt-article-content .rt-article-faq__button{
    min-height:34px !important;
    padding:6px 34px 6px 13px !important;
    font-size:17px !important;
    line-height:1.18 !important;
  }
  .rt-article-content .rt-article-faq__button::after{
    right:10px !important;
    width:14px !important;
    height:14px !important;
    font-size:12px !important;
    line-height:1 !important;
  }
  .rt-article-content .rt-article-faq__answer{
    padding:0 13px 9px !important;
    font-size:14.5px !important;
    line-height:1.45 !important;
  }
}

@media (max-width: 767px){
  .rt-article-content .rt-article-faq{
    width:100% !important;
    margin:12px 0 26px !important;
    gap:5px !important;
  }
  .rt-article-content .rt-article-faq__button{
    min-height:34px !important;
    padding:7px 32px 7px 11px !important;
    font-size:16px !important;
    line-height:1.18 !important;
  }
  .rt-article-content .rt-article-faq__button::after{
    right:9px !important;
    width:14px !important;
    height:14px !important;
    font-size:12px !important;
  }
  .rt-article-content .rt-article-faq__answer{
    padding:0 11px 8px !important;
    font-size:14px !important;
    line-height:1.45 !important;
  }
}

/* =========================================================
   Ratinger 1.38 — FAQ ultra compact + larger toggle
   Keep FAQ width from 1.37; only reduce row height and center FAQ H2.
   ========================================================= */
.rt-article-content h2#faq{
  text-align:center !important;
}

@media (min-width:768px){
  .rt-article-content .rt-article-faq__button{
    min-height:32px !important;
    padding:4px 48px 4px 14px !important;
    font-size:17px !important;
    line-height:1.15 !important;
  }
  .rt-article-content .rt-article-faq__button::after{
    right:10px !important;
    width:28px !important;
    height:28px !important;
    font-size:20px !important;
    line-height:28px !important;
  }
  .rt-article-content .rt-article-faq__answer{
    padding:0 14px 8px !important;
  }
}

@media (max-width:767px){
  .rt-article-content .rt-article-faq__button{
    min-height:30px !important;
    padding:4px 44px 4px 11px !important;
    font-size:16px !important;
    line-height:1.15 !important;
  }
  .rt-article-content .rt-article-faq__button::after{
    right:8px !important;
    width:26px !important;
    height:26px !important;
    font-size:19px !important;
    line-height:26px !important;
  }
  .rt-article-content .rt-article-faq__answer{
    padding:0 11px 7px !important;
  }
}