#sp-language-header {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  align-self: stretch !important;

  margin: 0 !important;
  padding: 0 !important;
}

#sp-language-header .sp-column {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;

  width: 100% !important;
  height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}

#sp-language-header .mod-languages {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  position: static !important;
  transform: none !important;

  background: transparent !important;
  background-image: none !important;

  border: 0 !important;
  border-radius: 0 !important;

  box-shadow: none !important;
}

#sp-language-header .mod-languages ul,
#sp-language-header .mod-languages ul.lang-inline {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;

  gap: 12px !important;

  margin: 0 !important;
  padding: 0 !important;

  position: static !important;

  list-style: none !important;

  background: transparent !important;
  background-image: none !important;

  border: 0 !important;
  border-radius: 0 !important;

  box-shadow: none !important;
}

#sp-language-header .mod-languages li,
#sp-language-header .mod-languages li.lang-active,
#sp-language-header .mod-languages li.active,
#sp-language-header .mod-languages li.current {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: auto !important;
  height: auto !important;

  margin: 0 !important;
  padding: 0 !important;

  list-style: none !important;

  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  border: 0 !important;
  border-radius: 0 !important;

  box-shadow: none !important;

  filter: none !important;
}

#sp-language-header .mod-languages li::before,
#sp-language-header .mod-languages li::after,
#sp-language-header .mod-languages a::before {
  display: none !important;
  content: none !important;
}

#sp-language-header .mod-languages img {
  display: none !important;
}

#sp-language-header .mod-languages a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: auto !important;
  min-width: 0 !important;
  height: auto !important;

  margin: 0 !important;
  padding: 5px 0 !important;

  color: #7a847e !important;

  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  border: 0 !important;
  border-radius: 0 !important;

  box-shadow: none !important;

  font-size: 10px !important;
  font-weight: 650 !important;
  line-height: 1 !important;

  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;

  text-decoration: none !important;

  filter: none !important;

  transition: color 0.18s ease !important;
}

#sp-language-header .mod-languages a:hover {
  color: #3e684a !important;

  background: transparent !important;
  background-color: transparent !important;

  border: 0 !important;
  box-shadow: none !important;
}

#sp-language-header .mod-languages .lang-active,
#sp-language-header .mod-languages .active,
#sp-language-header .mod-languages .current,
#sp-language-header .mod-languages .lang-active > a,
#sp-language-header .mod-languages .active > a,
#sp-language-header .mod-languages .current > a,
#sp-language-header .mod-languages a[aria-current="true"] {
  color: #2f7046 !important;

  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  border: 0 !important;
  border-radius: 0 !important;

  box-shadow: none !important;

  font-weight: 800 !important;

  filter: none !important;
}

#sp-language-header .mod-languages a[hreflang="uk-UA"],
#sp-language-header .mod-languages a[href="/uk"],
#sp-language-header .mod-languages a[href^="/uk/"],
#sp-language-header .mod-languages a[href^="https://shchokin.pro/uk/"] {
  font-size: 0 !important;
}

#sp-language-header .mod-languages a[hreflang="uk-UA"]::after,
#sp-language-header .mod-languages a[href="/uk"]::after,
#sp-language-header .mod-languages a[href^="/uk/"]::after,
#sp-language-header .mod-languages a[href^="https://shchokin.pro/uk/"]::after {
  content: "UA" !important;

  display: inline !important;

  margin: 0 !important;
  padding: 0 !important;

  color: inherit !important;

  background: transparent !important;

  font-size: 10px !important;
  font-weight: inherit !important;
  line-height: 1 !important;

  letter-spacing: 0.08em !important;
}

@media screen and (max-width: 991px) {

  #sp-header .row {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;

    width: 100% !important;
  }

  #sp-logo {
    flex: 0 0 78% !important;
    max-width: 78% !important;

    display: flex !important;
    align-items: center !important;
  }

  #sp-menu {
    flex: 0 0 22% !important;
    max-width: 22% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
  }

  #sp-menu .sp-column,
  #sp-menu .sp-megamenu-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    width: 100% !important;
  }

  #sp-menu .offcanvas-toggler {
    margin: 0 0 0 auto !important;
  }

  #sp-language-header {
    flex: 0 0 100% !important;
    max-width: 100% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;

    margin: -5px 0 0 !important;
    padding: 0 0 8px !important;
  }

  #sp-language-header .sp-column {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
  }

  #sp-language-header .mod-languages {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  #sp-language-header .mod-languages ul,
  #sp-language-header .mod-languages ul.lang-inline {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 18px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;
    box-shadow: none !important;
  }

  #sp-language-header .mod-languages a {
    padding: 6px 1px !important;

    font-size: 10px !important;
    line-height: 1 !important;
  }

  #sp-language-header .mod-languages a[hreflang="uk-UA"]::after,
  #sp-language-header .mod-languages a[href="/uk"]::after,
  #sp-language-header .mod-languages a[href^="/uk/"]::after,
  #sp-language-header .mod-languages a[href^="https://shchokin.pro/uk/"]::after {
    font-size: 10px !important;
  }
}

@media screen and (max-width: 480px) {

  #sp-logo {
    flex: 0 0 82% !important;
    max-width: 82% !important;
  }

  #sp-menu {
    flex: 0 0 18% !important;
    max-width: 18% !important;
  }

  #sp-language-header {
    margin: -5px 0 0 !important;
    padding: 0 0 8px !important;
  }

  #sp-language-header .mod-languages ul,
  #sp-language-header .mod-languages ul.lang-inline {
    gap: 17px !important;
  }
}





/* =========================================================
   SHCHOKIN.PRO BLOG PAGE
========================================================= */

/* PAGE */

.view-category.layout-blog .blog,
.com-content-category-blog{
max-width:1180px;
margin:0 auto;
padding:40px 22px 70px;
color:#17211b
}

/* HERO */

.sh-blog-head{
max-width:1180px;
margin:32px auto 42px;
padding:56px 46px;
display:grid;
grid-template-columns:1.15fr .85fr;
gap:28px;
align-items:center;
border-radius:34px;
background:
radial-gradient(circle at top left,rgba(70,118,88,.16),transparent 36%),
linear-gradient(135deg,#f7f5ef 0%,#edf4ef 58%,#fff 100%);
border:1px solid rgba(23,33,27,.06);
box-shadow:0 22px 65px rgba(23,33,27,.07);
color:#17211b
}

.sh-blog-head-content span{
display:inline-flex;
margin-bottom:16px;
padding:8px 15px;
border-radius:999px;
background:#fff;
font-size:13px;
font-weight:800;
letter-spacing:.13em;
color:#467658;
box-shadow:0 10px 24px rgba(23,33,27,.06)
}

.sh-blog-head h1{
margin:0 0 16px;
font-size:clamp(42px,5vw,76px);
line-height:1;
letter-spacing:-.055em;
font-weight:800
}

.sh-blog-head p{
max-width:760px;
margin:0;
font-size:clamp(17px,1.8vw,21px);
line-height:1.75;
color:rgba(23,33,27,.74)
}

.sh-blog-head-side{
padding:30px;
border-radius:28px;
background:rgba(255,255,255,.78);
border:1px solid rgba(23,33,27,.06);
box-shadow:0 16px 42px rgba(23,33,27,.05)
}

.sh-blog-head-side h3{
margin:0 0 12px;
font-size:28px;
line-height:1.15;
letter-spacing:-.035em
}

.sh-blog-head-side p{
margin:0;
font-size:17px;
line-height:1.75;
color:rgba(23,33,27,.72)
}

/* HIDE JOOMLA CATEGORY TITLE */

.view-category.layout-blog .page-header,
.com-content-category-blog .page-header{
display:none!important
}

/* LEADING ARTICLE */

.view-category.layout-blog .items-leading,
.com-content-category-blog .items-leading{
margin:0 0 28px!important
}

.view-category.layout-blog .items-leading > div,
.com-content-category-blog .items-leading > div{
padding:0!important;
margin:0!important
}

.view-category.layout-blog .items-leading .blog-item,
.view-category.layout-blog .items-leading article,
.com-content-category-blog .items-leading .blog-item,
.com-content-category-blog .items-leading article{
padding:44px!important;
border-radius:32px!important;
background:#fff!important;
border:1px solid rgba(23,33,27,.08)!important;
box-shadow:0 18px 55px rgba(23,33,27,.07)!important;
margin-bottom:28px!important;
overflow:hidden!important
}

/* GRID */

.view-category.layout-blog .items-row,
.com-content-category-blog .items-row{
display:grid!important;
grid-template-columns:repeat(2,1fr)!important;
gap:24px!important;
margin:24px 0!important
}

.view-category.layout-blog .items-row:before,
.view-category.layout-blog .items-row:after,
.com-content-category-blog .items-row:before,
.com-content-category-blog .items-row:after{
display:none!important
}

.view-category.layout-blog .items-row .item,
.view-category.layout-blog .items-row .blog-item,
.view-category.layout-blog .items-row article,
.com-content-category-blog .items-row .item,
.com-content-category-blog .items-row .blog-item,
.com-content-category-blog .items-row article{
width:100%!important;
max-width:100%!important;
height:100%!important;
padding:34px!important;
border-radius:30px!important;
background:#fff!important;
border:1px solid rgba(23,33,27,.08)!important;
box-shadow:0 16px 45px rgba(23,33,27,.06)!important;
margin:0!important;
overflow:hidden!important;
transition:.25s!important
}

.view-category.layout-blog .items-row .item:hover,
.view-category.layout-blog .items-row .blog-item:hover,
.view-category.layout-blog .items-row article:hover,
.com-content-category-blog .items-row .item:hover,
.com-content-category-blog .items-row .blog-item:hover,
.com-content-category-blog .items-row article:hover{
transform:translateY(-3px);
box-shadow:0 22px 60px rgba(23,33,27,.09)!important
}

/* TITLES */

.view-category.layout-blog .item-title,
.view-category.layout-blog .item-title a,
.view-category.layout-blog h2,
.view-category.layout-blog h2 a,
.com-content-category-blog .item-title,
.com-content-category-blog .item-title a,
.com-content-category-blog h2,
.com-content-category-blog h2 a{
display:block!important;
margin:0 0 18px!important;
font-size:clamp(26px,2.4vw,38px)!important;
line-height:1.12!important;
letter-spacing:-.04em!important;
font-weight:800!important;
color:#17211b!important;
text-decoration:none!important
}

.view-category.layout-blog .items-leading .item-title,
.view-category.layout-blog .items-leading .item-title a,
.view-category.layout-blog .items-leading h2,
.view-category.layout-blog .items-leading h2 a,
.com-content-category-blog .items-leading .item-title,
.com-content-category-blog .items-leading .item-title a,
.com-content-category-blog .items-leading h2,
.com-content-category-blog .items-leading h2 a{
font-size:clamp(34px,3.6vw,54px)!important;
line-height:1.06!important
}

/* META */

.view-category.layout-blog .article-info,
.com-content-category-blog .article-info{
display:flex!important;
flex-wrap:wrap!important;
align-items:center!important;
gap:14px!important;
padding:0!important;
margin:0 0 24px!important;
list-style:none!important
}

.view-category.layout-blog .article-info dd,
.com-content-category-blog .article-info dd{
display:flex!important;
align-items:center!important;
gap:14px!important;
margin:0!important;
font-size:14px!important;
color:rgba(23,33,27,.58)!important
}

.view-category.layout-blog .article-info-term,
.com-content-category-blog .article-info-term{
display:none!important
}

/* REMOVE TEMPLATE SLASHES */

.view-category.layout-blog .article-info dd::before,
.view-category.layout-blog .article-info dd::after,
.com-content-category-blog .article-info dd::before,
.com-content-category-blog .article-info dd::after{
display:none!important;
content:none!important
}

/* CATEGORY BADGE */

.view-category.layout-blog .article-info .category-name,
.view-category.layout-blog .article-info .category-name a,
.com-content-category-blog .article-info .category-name,
.com-content-category-blog .article-info .category-name a{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
height:42px!important;
padding:0 22px!important;
border-radius:999px!important;
background:#edf4ef!important;
border:1px solid rgba(70,118,88,.06)!important;
font-size:13px!important;
font-weight:800!important;
letter-spacing:.04em!important;
line-height:1!important;
color:#467658!important;
text-decoration:none!important;
box-shadow:none!important;
margin:0!important
}

/* CLEAN PREVIEW WRAPPERS */

.view-category.layout-blog [class*="-preview"],
.com-content-category-blog [class*="-preview"]{
padding:0!important;
margin:0!important;
border:0!important;
background:transparent!important;
box-shadow:none!important
}

/* HIDE DUPLICATE TITLES */

.view-category.layout-blog [class*="-preview"] h1,
.view-category.layout-blog [class*="-preview"] h2,
.view-category.layout-blog [class*="-preview"] h3,
.view-category.layout-blog [class*="-preview-badge"],
.com-content-category-blog [class*="-preview"] h1,
.com-content-category-blog [class*="-preview"] h2,
.com-content-category-blog [class*="-preview"] h3,
.com-content-category-blog [class*="-preview-badge"]{
display:none!important
}

/* TEXT */

.view-category.layout-blog .item-content,
.view-category.layout-blog .intro,
.view-category.layout-blog p,
.com-content-category-blog .item-content,
.com-content-category-blog .intro,
.com-content-category-blog p{
font-size:17px!important;
line-height:1.75!important;
color:rgba(23,33,27,.72)!important
}

.view-category.layout-blog .items-leading p,
.com-content-category-blog .items-leading p{
font-size:18px!important
}

/* PREVIEW META */

.view-category.layout-blog [class*="-preview-meta"],
.com-content-category-blog [class*="-preview-meta"]{
display:flex!important;
flex-wrap:wrap!important;
gap:10px!important;
margin-top:18px!important
}

.view-category.layout-blog [class*="-preview-meta"] span,
.com-content-category-blog [class*="-preview-meta"] span{
display:inline-flex!important;
padding:7px 13px!important;
border-radius:999px!important;
background:#f7f4ec!important;
font-size:13px!important;
font-weight:700!important;
color:rgba(23,33,27,.68)!important
}

/* BUTTON */

.view-category.layout-blog .readmore,
.com-content-category-blog .readmore{
margin-top:22px!important
}

.view-category.layout-blog .readmore a,
.view-category.layout-blog .btn,
.com-content-category-blog .readmore a,
.com-content-category-blog .btn{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
min-height:48px!important;
padding:0 26px!important;
border-radius:999px!important;
background:#467658!important;
border:0!important;
color:#fff!important;
font-weight:800!important;
font-size:15px!important;
text-decoration:none!important;
transition:.25s!important
}

.view-category.layout-blog .readmore a:hover,
.view-category.layout-blog .btn:hover,
.com-content-category-blog .readmore a:hover,
.com-content-category-blog .btn:hover{
transform:translateY(-2px)!important;
background:#365f45!important
}

/* PAGINATION */

.view-category.layout-blog .pagination,
.com-content-category-blog .pagination{
display:flex!important;
justify-content:center!important;
gap:8px!important;
margin-top:36px!important
}

.view-category.layout-blog .pagination li a,
.view-category.layout-blog .pagination li span,
.com-content-category-blog .pagination li a,
.com-content-category-blog .pagination li span{
border-radius:999px!important;
border:1px solid rgba(23,33,27,.08)!important;
padding:10px 16px!important;
background:#fff!important;
color:#17211b!important
}

.view-category.layout-blog .pagination .active span,
.com-content-category-blog .pagination .active span{
background:#467658!important;
color:#fff!important
}

/* TABLET */

@media(max-width:980px){

.sh-blog-head{
grid-template-columns:1fr;
margin:28px 22px 34px;
padding:38px 32px
}

.view-category.layout-blog .items-row,
.com-content-category-blog .items-row{
grid-template-columns:1fr!important
}

}

/* MOBILE */

@media(max-width:680px){

.view-category.layout-blog .blog,
.com-content-category-blog{
padding:28px 14px 50px!important
}

.sh-blog-head{
margin:22px 14px 28px;
padding:30px 22px
}

.sh-blog-head h1{
font-size:clamp(42px,13vw,64px)!important
}

.view-category.layout-blog .items-leading .blog-item,
.view-category.layout-blog .items-leading article,
.com-content-category-blog .items-leading .blog-item,
.com-content-category-blog .items-leading article,
.view-category.layout-blog .items-row .item,
.view-category.layout-blog .items-row .blog-item,
.view-category.layout-blog .items-row article,
.com-content-category-blog .items-row .item,
.com-content-category-blog .items-row .blog-item,
.com-content-category-blog .items-row article{
padding:26px!important
}

.view-category.layout-blog .readmore a,
.view-category.layout-blog .btn,
.com-content-category-blog .readmore a,
.com-content-category-blog .btn{
width:100%!important
}

}

body.view-article .sh-blog-head{
display:none!important
}

body.view-category.layout-blog .sh-blog-head{
display:grid!important
}











/* =========================================================
   SHCHOKIN.PRO FLOATING ACTION BUTTONS
   Partner / FitLine shop
   Desktop: hover reveal
   Mobile: compact text buttons
========================================================= */

.sh-action-buttons,
.sh-action-buttons *{
box-sizing:border-box;
}

.sh-action-buttons{
position:fixed;
right:24px;
bottom:28px;
z-index:99990;
display:flex;
flex-direction:column;
align-items:flex-end;
gap:12px;
pointer-events:none;
}

.sh-action-btn{
width:58px;
height:58px;
display:flex;
align-items:center;
justify-content:flex-start;
gap:12px;
padding:0 17px;
border-radius:999px;
overflow:hidden;
text-decoration:none!important;
box-shadow:
0 14px 34px rgba(23,33,27,.18),
0 4px 12px rgba(23,33,27,.10);
transition:
width .28s ease,
transform .22s ease,
box-shadow .22s ease,
filter .22s ease;
pointer-events:auto;
-webkit-tap-highlight-color:transparent;
}

.sh-action-btn:hover,
.sh-action-btn:focus-visible{
width:270px;
transform:translateY(-2px);
box-shadow:
0 18px 44px rgba(23,33,27,.22),
0 6px 16px rgba(23,33,27,.12);
outline:none;
}

.sh-action-btn--partner{
background:
radial-gradient(circle at 25% 15%,rgba(255,255,255,.32),transparent 34%),
linear-gradient(135deg,#22c55e 0%,#15803d 100%);
}

.sh-action-btn--vitamins{
background:
radial-gradient(circle at 25% 15%,rgba(255,255,255,.34),transparent 34%),
linear-gradient(135deg,#f59e0b 0%,#84cc16 100%);
}

.sh-action-icon{
width:24px;
min-width:24px;
height:24px;
display:block;
background:#fff;
}

.sh-action-btn--partner .sh-action-icon{
-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M16 11c1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3 1.34 3 3 3Zm-8 0c1.66 0 3-1.34 3-3S9.66 5 8 5 5 6.34 5 8s1.34 3 3 3Zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5C15 14.17 10.33 13 8 13Zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5Z'/%3E%3C/svg%3E") center/contain no-repeat;
mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M16 11c1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3 1.34 3 3 3Zm-8 0c1.66 0 3-1.34 3-3S9.66 5 8 5 5 6.34 5 8s1.34 3 3 3Zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5C15 14.17 10.33 13 8 13Zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5Z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.sh-action-btn--vitamins .sh-action-icon{
-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 2h10l-1 6H8L7 2Zm1.4 8h7.2l-.9 10H9.3L8.4 10Zm1.7 3 .4 4h3l.4-4h-3.8Z'/%3E%3C/svg%3E") center/contain no-repeat;
mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 2h10l-1 6H8L7 2Zm1.4 8h7.2l-.9 10H9.3L8.4 10Zm1.7 3 .4 4h3l.4-4h-3.8Z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.sh-action-text{
display:block;
min-width:max-content;
font-size:15px;
font-weight:800;
line-height:1;
letter-spacing:-.01em;
color:#fff;
white-space:nowrap;
opacity:0;
visibility:hidden;
transform:translateX(8px);
transition:
opacity .18s ease,
visibility .18s ease,
transform .18s ease;
}

.sh-action-btn:hover .sh-action-text,
.sh-action-btn:focus-visible .sh-action-text{
opacity:1;
visibility:visible;
transform:translateX(0);
}

/* TABLET */

@media(max-width:991px){

.sh-action-buttons{
right:18px;
bottom:24px;
gap:10px;
}

.sh-action-btn:hover,
.sh-action-btn:focus-visible{
width:255px;
}

.sh-action-text{
font-size:14px;
}

}

/* MOBILE */

@media(max-width:680px){

.sh-action-buttons{
left:14px!important;
right:auto!important;
bottom:calc(18px + env(safe-area-inset-bottom))!important;
width:calc(100vw - 100px)!important;
max-width:290px!important;
display:flex!important;
flex-direction:column!important;
align-items:flex-start!important;
gap:9px!important;
z-index:99980!important;
}

.sh-action-btn,
.sh-action-btn:hover,
.sh-action-btn:focus-visible{
width:auto!important;
max-width:100%!important;
height:46px!important;
min-height:46px!important;
padding:0 15px!important;
border-radius:999px!important;
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
gap:10px!important;
transform:none!important;
box-shadow:
0 12px 28px rgba(23,33,27,.18),
0 4px 10px rgba(23,33,27,.10)!important;
}

.sh-action-icon{
width:20px!important;
min-width:20px!important;
height:20px!important;
}

.sh-action-text{
display:block!important;
min-width:0!important;
max-width:220px!important;
font-size:13px!important;
font-weight:800!important;
line-height:1.1!important;
letter-spacing:-.01em!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
opacity:1!important;
visibility:visible!important;
transform:none!important;
text-align:left!important;
}

}

/* SMALL MOBILE */

@media(max-width:420px){

.sh-action-buttons{
width:calc(100vw - 92px)!important;
max-width:275px!important;
left:12px!important;
bottom:calc(16px + env(safe-area-inset-bottom))!important;
gap:8px!important;
}

.sh-action-btn,
.sh-action-btn:hover,
.sh-action-btn:focus-visible{
height:44px!important;
min-height:44px!important;
padding:0 13px!important;
gap:9px!important;
}

.sh-action-icon{
width:19px!important;
min-width:19px!important;
height:19px!important;
}

.sh-action-text{
max-width:205px!important;
font-size:12.5px!important;
}

}

/* VERY SMALL MOBILE */

@media(max-width:360px){

.sh-action-buttons{
width:calc(100vw - 86px)!important;
max-width:260px!important;
left:10px!important;
}

.sh-action-btn,
.sh-action-btn:hover,
.sh-action-btn:focus-visible{
height:42px!important;
min-height:42px!important;
padding:0 12px!important;
}

.sh-action-text{
max-width:190px!important;
font-size:12px!important;
}

}









/* =========================================================
   SHCHOKIN.PRO ARTICLE PAGE CLEANUP
   Hide default Joomla article meta/category above article
========================================================= */

body.view-article .article-info,
body.view-article dl.article-info,
body.view-article .article-info-term,
body.view-article .category-name,
body.view-article .createdby,
body.view-article .published,
body.view-article .modified,
body.view-article .hits,
body.view-article .parent-category-name{
display:none!important;
}

/* прибирає зайвий відступ, якщо Joomla залишає порожній блок */
body.view-article .article-info + *,
body.view-article dl.article-info + *{
margin-top:0!important;
}






/* =========================================================
   SHCHOKIN.PRO FLOATING BUTTONS - DESKTOP SCROLL TOP FIX
   Зсуваємо кнопки лівіше, щоб не перекривали кнопку "наверх"
========================================================= */

@media(min-width:681px){

.sh-action-buttons{
right:96px!important;
bottom:32px!important;
}

}

/* На середніх екранах трохи ближче до краю */

@media(min-width:681px) and (max-width:991px){

.sh-action-buttons{
right:86px!important;
bottom:28px!important;
}

}

body.com-content.view-article .article-details > .article-header {
  display: none !important;
}

/* =========================================================
   SHCHOKIN.PRO FOOTER
   UA / RU / EN
   ========================================================= */

#sp-footer {
  position: relative;
  overflow: hidden;
  padding: 0;

  background:
    radial-gradient(
      circle at 86% 10%,
      rgba(66, 123, 154, 0.15),
      transparent 34%
    ),
    radial-gradient(
      circle at 8% 100%,
      rgba(42, 116, 87, 0.11),
      transparent 36%
    ),
    #0f1916;

  color: #dce5e1;
}


/* Top premium line */

#sp-footer::before {
  content: "";
  position: absolute;

  top: 0;
  left: 0;
  right: 0;

  height: 1px;

  background: linear-gradient(
    90deg,
    transparent 4%,
    rgba(72, 145, 111, 0.55) 35%,
    rgba(74, 128, 159, 0.62) 65%,
    transparent 96%
  );
}


/* Main footer spacing */

#sp-footer .container-inner {
  padding-top: 48px;
  padding-bottom: 24px;
}


#sp-footer .sp-module {
  margin-bottom: 0;
}


/* Prevent Helix alignment overrides */

#sp-footer .sp-module,
#sp-footer .sp-module-content,
#sp-footer .custom,
.sh-footer-brand,
.sh-footer-right,
.sh-footer-nav,
.sh-footer-cta {
  text-align: left !important;
}


/* =========================================================
   LEFT COLUMN
   ========================================================= */

.sh-footer-brand {
  max-width: 650px;
  padding-right: 46px;
}


/* NAME */

#sp-footer .sh-footer-brand__name {
  margin: 0 0 14px;

  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;

  font-size: 26px;
  font-weight: 800;
  line-height: 1.15;

  letter-spacing: 0.035em;
}


/* FITLINE / PM TAGS */

.sh-footer-brand__meta {
  display: flex;
  flex-wrap: wrap;

  gap: 8px;

  margin-bottom: 22px;
}


#sp-footer .sh-footer-brand__meta span {
  display: inline-flex;
  align-items: center;

  padding: 7px 12px;

  border: 1px solid rgba(104, 163, 140, 0.20);
  border-radius: 999px;

  background: rgba(255, 255, 255, 0.045);

  color: #a9cbbd !important;
  -webkit-text-fill-color: #a9cbbd !important;

  font-size: 10px;
  font-weight: 700;
  line-height: 1;

  letter-spacing: 0.045em;
}


/* MAIN LEFT TEXT */

#sp-footer .sh-footer-brand__text,
#sp-footer .sh-footer-brand__text span {
  max-width: 610px;

  margin: 0;

  color: #b6c2bd !important;
  -webkit-text-fill-color: #b6c2bd !important;

  opacity: 1 !important;

  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.8 !important;
}


/* PERSONAL REPLY */

#sp-footer .sh-footer-brand__personal {
  display: flex;
  align-items: center;

  gap: 9px;

  margin-top: 20px;

  color: rgba(231, 238, 235, 0.76) !important;
  -webkit-text-fill-color: rgba(231, 238, 235, 0.76) !important;

  font-size: 12px;
  font-weight: 600;
}


.sh-footer-brand__personal i {
  display: block;
  flex: 0 0 auto;

  width: 8px;
  height: 8px;

  border-radius: 50%;

  background: #59ad85;

  box-shadow:
    0 0 0 4px rgba(89, 173, 133, 0.10),
    0 0 14px rgba(89, 173, 133, 0.15);
}


/* =========================================================
   RIGHT COLUMN
   ========================================================= */

.sh-footer-right {
  min-height: 100%;

  padding-left: 44px;

  border-left:
    1px solid rgba(255, 255, 255, 0.075);
}


/* =========================================================
   NAVIGATION
   ========================================================= */

.sh-footer-nav {
  width: 100%;
}


#sp-footer .sh-footer-label {
  margin: 0 0 16px;

  color: #82ad9d !important;
  -webkit-text-fill-color: #82ad9d !important;

  font-size: 9px;
  font-weight: 800;
  line-height: 1;

  letter-spacing: 0.15em;

  text-align: left !important;
}


.sh-footer-nav__links {
  display: grid;

  grid-template-columns:
    repeat(3, minmax(0, max-content));

  gap: 12px 38px;

  justify-content: start;
  align-items: center;
}


#sp-footer .sh-footer-nav__links a {
  position: relative;

  display: inline-block;

  width: fit-content;

  color: rgba(244, 248, 246, 0.90) !important;
  -webkit-text-fill-color: rgba(244, 248, 246, 0.90) !important;

  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;

  text-decoration: none !important;

  transition:
    color 0.2s ease,
    transform 0.2s ease;
}


#sp-footer .sh-footer-nav__links a:hover {
  color: #79b79f !important;
  -webkit-text-fill-color: #79b79f !important;

  transform: translateX(2px);
}


/* =========================================================
   CTA BLOCK
   ========================================================= */

.sh-footer-cta {
  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    auto;

  grid-template-rows:
    auto
    auto
    auto;

  column-gap: 28px;
  row-gap: 5px;

  align-items: center;

  margin-top: 30px;

  padding: 24px 28px;

  border:
    1px solid rgba(77, 140, 155, 0.18);

  border-radius: 20px;

  background:
    radial-gradient(
      circle at 100% 0,
      rgba(69, 123, 154, 0.10),
      transparent 40%
    ),
    linear-gradient(
      135deg,
      rgba(44, 118, 89, 0.10),
      rgba(56, 106, 139, 0.12)
    );

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.025);
}


/* CTA TITLE */

#sp-footer .sh-footer-cta__title,
#sp-footer .sh-footer-cta__title span {
  grid-column: 1;
  grid-row: 1;

  margin: 0;

  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;

  opacity: 1 !important;

  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;

  text-align: left !important;
}


/* CTA DESCRIPTION */

#sp-footer .sh-footer-cta p,
#sp-footer .sh-footer-cta p span {
  grid-column: 1;
  grid-row: 2;

  max-width: 570px;

  margin: 5px 0 0;

  color: #aebbb6 !important;
  -webkit-text-fill-color: #aebbb6 !important;

  opacity: 1 !important;

  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;

  text-align: left !important;
}


/* CTA MAIN BUTTON */

#sp-footer .sh-footer-cta__button {
  grid-column: 2;
  grid-row: 1 / span 2;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  gap: 9px;

  min-width: 150px;

  padding: 12px 18px;

  border: 0;
  border-radius: 12px;

  background:
    linear-gradient(
      135deg,
      #2f8265,
      #467e9d
    );

  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;

  font-size: 12px;
  font-weight: 700;
  line-height: 1;

  text-decoration: none !important;

  box-shadow:
    0 10px 25px rgba(0, 0, 0, 0.17);

  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease;
}


#sp-footer .sh-footer-cta__button span {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}


#sp-footer .sh-footer-cta__button:hover {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;

  transform: translateY(-1px);

  box-shadow:
    0 14px 30px rgba(0, 0, 0, 0.22);
}


/* =========================================================
   OFFICIAL STORE / PARTNER REGISTRATION
   ========================================================= */

.sh-footer-cta__links {
  grid-column: 1 / -1;
  grid-row: 3;

  display: flex;
  flex-wrap: wrap;

  gap: 8px 24px;

  margin-top: 16px;
  padding-top: 15px;

  border-top:
    1px solid rgba(255, 255, 255, 0.06);

  text-align: left !important;
}


#sp-footer .sh-footer-cta__links a {
  color: rgba(222, 235, 230, 0.62) !important;
  -webkit-text-fill-color: rgba(222, 235, 230, 0.62) !important;

  font-size: 10px;
  font-weight: 600;

  text-decoration: none !important;

  transition:
    color 0.2s ease,
    transform 0.2s ease;
}


#sp-footer .sh-footer-cta__links a:hover {
  color: #8bc0ac !important;
  -webkit-text-fill-color: #8bc0ac !important;

  transform: translateX(1px);
}


/* =========================================================
   COPYRIGHT
   ========================================================= */

#sp-footer .sp-copyright {
  display: block;

  margin-top: 28px;

  padding-top: 0;

  border: 0;

  color: rgba(229, 238, 234, 0.40) !important;
  -webkit-text-fill-color: rgba(229, 238, 234, 0.40) !important;

  font-size: 10px;
  font-weight: 400;
  line-height: 1.4;

  letter-spacing: 0.02em;

  text-align: left !important;
}


#sp-footer .sp-copyright a {
  color: rgba(229, 238, 234, 0.48) !important;
  -webkit-text-fill-color: rgba(229, 238, 234, 0.48) !important;

  text-decoration: none !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1199px) {

  .sh-footer-right {
    padding-left: 32px;
  }

  .sh-footer-nav__links {
    grid-template-columns:
      repeat(2, minmax(0, max-content));

    gap: 11px 34px;
  }

  .sh-footer-cta {
    grid-template-columns: 1fr;
  }

  #sp-footer .sh-footer-cta__button {
    grid-column: 1;
    grid-row: auto;

    width: fit-content;

    margin-top: 12px;
  }

  .sh-footer-cta__links {
    grid-column: 1;
    grid-row: auto;
  }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 991px) {

  #sp-footer .container-inner {
    padding-top: 38px;
  }

  .sh-footer-brand {
    max-width: none;
    padding-right: 0;
  }

  .sh-footer-right {
    margin-top: 34px;

    padding-top: 30px;
    padding-left: 0;

    border-top:
      1px solid rgba(255, 255, 255, 0.075);

    border-left: 0;
  }

  .sh-footer-nav__links {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));

    gap: 11px 20px;
  }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 575px) {

  #sp-footer .container-inner {
    padding-top: 32px;
    padding-bottom: 20px;
  }


  #sp-footer .sh-footer-brand__name {
    font-size: 22px;
  }


  #sp-footer .sh-footer-brand__text,
  #sp-footer .sh-footer-brand__text span {
    font-size: 13px !important;
    line-height: 1.7 !important;
  }


  .sh-footer-nav__links {
    grid-template-columns: 1fr;

    gap: 10px;
  }


  .sh-footer-cta {
    display: block;

    margin-top: 25px;

    padding: 19px;

    border-radius: 17px;
  }


  #sp-footer .sh-footer-cta__title,
  #sp-footer .sh-footer-cta__title span {
    font-size: 15px !important;
  }


  #sp-footer .sh-footer-cta p,
  #sp-footer .sh-footer-cta p span {
    margin-top: 7px;

    font-size: 12px !important;
    line-height: 1.65 !important;
  }


  #sp-footer .sh-footer-cta__button {
    width: 100%;

    margin-top: 16px;

    padding: 13px 15px;
  }


  .sh-footer-cta__links {
    display: flex;
    flex-direction: column;

    gap: 8px;

    margin-top: 16px;
    padding-top: 15px;
  }


  #sp-footer .sp-copyright {
    margin-top: 24px;
  }
}

/* =========================================================
   FOOTER LEFT COLUMN EXTRA
   ========================================================= */

#sp-footer .sh-footer-brand__text--secondary {
  margin-top: 14px;

  color: rgba(231, 238, 235, 0.56) !important;
  -webkit-text-fill-color: rgba(231, 238, 235, 0.56) !important;

  font-size: 12px !important;
  line-height: 1.7 !important;
}

.sh-footer-brand__points {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 22px;

  margin-top: 20px;
}

.sh-footer-brand__point {
  display: flex;
  align-items: center;

  gap: 8px;

  color: rgba(231, 238, 235, 0.76) !important;
  -webkit-text-fill-color: rgba(231, 238, 235, 0.76) !important;

  font-size: 11px;
  font-weight: 600;
}

.sh-footer-brand__point i {
  display: block;
  flex: 0 0 auto;

  width: 7px;
  height: 7px;

  border-radius: 50%;

  background: #59ad85;

  box-shadow:
    0 0 0 4px rgba(89, 173, 133, 0.10);
}

@media (max-width: 575px) {

  .sh-footer-brand__points {
    flex-direction: column;
    gap: 9px;
  }

}

#sp-header {
  border-bottom: 0 !important;
  box-shadow: 0 1px 0 rgba(24, 41, 30, 0.10) !important;
}

#sp-main-body {
  padding-top: 36px !important;
}

@media (min-width: 992px) {
  #sp-menu,
  #sp-menu .sp-column,
  #sp-menu .sp-megamenu-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
  }

  #sp-menu .sp-megamenu-parent {
    margin-left: auto !important;
    margin-right: 0 !important;
  }
}

@media (max-width: 991px) {
  #sp-main-body {
    padding-top: 24px !important;
  }
}

@media (max-width: 575px) {
  #sp-main-body {
    padding-top: 20px !important;
  }
}

@media screen and (max-width: 991px) {
  #sp-header {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    border-bottom: 0 !important;
    box-shadow: 0 1px 0 rgba(24, 41, 30, 0.10) !important;
  }

  #sp-language-header {
    position: static !important;
    overflow: visible !important;
    border: 0 !important;
    box-shadow: none !important;
  }
}

body.com-content.view-article .sh-blog-wrap,
body.view-article .sh-blog-wrap {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

@media (min-width: 992px) {
  body.com-content.view-article #sp-main-body,
  body.view-article #sp-main-body {
    padding-top: 24px !important;
  }
}

body.com-content.view-article #sp-component,
body.view-article #sp-component,
body.com-content.view-article #sp-component > .sp-column,
body.view-article #sp-component > .sp-column,
body.com-content.view-article .item-page,
body.view-article .item-page,
body.com-content.view-article .article-details,
body.view-article .article-details,
body.com-content.view-article .com-content-article,
body.view-article .com-content-article,
body.com-content.view-article .com-content-article__body,
body.view-article .com-content-article__body,
body.com-content.view-article [itemprop="articleBody"],
body.view-article [itemprop="articleBody"] {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body.com-content.view-article #system-readmore,
body.view-article #system-readmore {
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

body.com-content.view-article [class*="__preview"] + #system-readmore + *,
body.view-article [class*="__preview"] + #system-readmore + *,
body.com-content.view-article [class*="-preview"] + #system-readmore + *,
body.view-article [class*="-preview"] + #system-readmore + *,
body.com-content.view-article [class*="__preview"] ~ [class*="__title"],
body.view-article [class*="__preview"] ~ [class*="__title"],
body.com-content.view-article [class*="-preview"] ~ [class*="-title"],
body.view-article [class*="-preview"] ~ [class*="-title"] {
  margin-top: 0 !important;
}