.blogh_heading {
    font-size: 24px;
}

.shortcode-placeholder {
    position: sticky;
    top: 20px;
}

body.admin-bar .shortcode-placeholder {
    top: 52px;
}

#container{
    background: var(--bg,#fbfbfa);
}

div#ez-toc-container {
    border: 0;
    box-shadow: none;
    background: transparent !important;
    padding: 0px 0px;
    width: 100%;
    margin: 0;
}

.sp_wrapper .title_nav {
    letter-spacing: .07em;
  text-transform: uppercase;
  color: var(--ink-3,#7a807c);
  margin-bottom: 12px;
  padding-left: 12px;
  font-size: 11px;
  font-weight: 700;
}

.shortcode-placeholder .sp_wrapper {
    background: transparent !important;
  border-radius: 0px;
  border: 0;
}

.ez-toc-list a {
    text-decoration: none !important;
}

.ez-toc-list>li:not(:last-child) a {
   
}

#ez-toc-container ul ul,
.ez-toc div.ez-toc-widget-container ul ul {
    margin-left: 0 !important;
}

.ez-toc-link {
    width: 100%;
    display: inline-block;
}

ul.ez-toc-list.ez-toc-list-level-1>li>a {
    padding-left: 0px;
}

.ez-toc-list-level-3>li>a {
    /* padding-left: 50px; */
    font-size: 13px;
}

.ez-toc-link.is-active {
    font-weight: 600 !important;
    color: var(--wp--preset--color--primary-color) !important;
}

.post-tags {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.post-tags {
    gap: 10px 24px;
    font-size: 14px;
    padding-top: 15px;
    margin-top: 30px;
}

.post-featured-image img {
    object-fit: cover;
}
.related_post_fw {
    padding-top: 40px;
}
@media (min-width:992px) {
    .related_post_fw {
        padding-top: 80px;
    }
    .blogh_heading {
        font-size: 32px;
    }
    .post-tags {
        gap: 8px 8px;
        font-size: 18px;
        padding-top: 20px;
        margin: 28px 0 32px;
    }
}
.related_post_fw .splide {
    padding: 0 !important;
}
.toc-empty .col-lg-8 {
    flex-grow: 1;
    max-width: 800px;
    margin: 0 auto;
}

.toc-empty .col-lg-4 {
    display: none;
}

.single-content{
    background: var(--bg,#fbfbfa);
  padding: 36px 0px 80px !important;
  max-width:1060px;
}

.clanek-breadcrumb {
  color: var(--ink-3,#7a807c);
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-bottom: 18px;
  font-size: 12px;
  display: flex;
}

.clanek-meta {
  color: var(--ink-3,#7a807c);
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;

  margin-bottom: 14px;
  font-size: 13px;
  display: flex;
}


.clanek-meta__cat {
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--brand-deep,#1f6b3a);
  background: var(--brand-soft,#e7f7df);
  border-radius: 20px;
  padding: 3px 10px;
  font-size: 11px;
  font-weight: 700;
}

.clanek-meta__read {
  align-items: center;
  display: inline-flex;
}

.clanek-title {
  color: var(--ink,#121613);
  letter-spacing: -.02em;
  margin: 0 0 18px;
  font-size: clamp(22px,3vw,32px);
  font-weight: 800;
  line-height: 1.25;
}

.single-content article p {
  color: var(--ink-2,#4b524d);
  margin: 0 0 16px;
  font-size: 15px;
  line-height: 1.75;
}

.single-content h2 {
  color: var(--ink,#121613);
  letter-spacing: -.01em;
  margin: 40px 0 14px;
  scroll-margin-top: 100px;
  font-size: 20px;
  font-weight: 800;
}
.single-content h3 {
color: var(--ink,#121613);
  margin: 24px 0 8px;
  font-size: 15px;
  font-weight: 700;
}

.single-content ul{
  margin: 0 0 20px !important;
  padding-left: 22px !important;
}

.single-content ul li {
  color: var(--ink-2,#4b524d);
  margin-bottom: 6px;
  font-size: 15px;
  line-height: 1.7;
}

body .page_wrapper.page_default ul.wp-block-list li::before, body.single-post .post-content ul.wp-block-list li::before {
  content: '';
  width: 5px !important;
  height: 5px !important;
  background: var(--ink-2,#4b524d) !important;
  border-radius: 50%;

  position: absolute;
  left: 0px;
  top: 12px !important;
}

.single-content img {
  aspect-ratio: 16/7;
  object-fit: cover;
  background: var(--bg-2,#f4f4f2);
  border-radius: 14px;
  width: 100%;
  display: block;
}

body .single-content .stk-img-figcaption {
  color: var(--ink-3,#7a807c) !important;
  text-align: center;
  margin-top: 8px;
  font-size: 12px;
  line-height: 1.5;
}

/* .single-content ul li{
  text-align: left;
  cursor: pointer;
  width: 100%;
  border: none;
  border-left: 2px solid #0000;
  border-radius: 8px;
  padding: 0px 12px;
  font-size: 15px !important;
  line-height: 1.7 !important;
  transition: background .14s,color .14s,border-color .14s;
  display: block;
  padding: 7px 12px !important;
  margin-bottom: 2px !important;
} */

.single-content .ez-toc-list li{
  text-align: left;
  cursor: pointer;
  width: 100%;
  color: var(--ink-2,#4b524d);
  background: 0 0;
  border: none;
    border-left-width: medium;
    border-left-style: none;
    border-left-color: currentcolor;
  border-left: 2px solid #0000;
    border-left-color: rgba(0, 0, 0, 0);
  border-radius: 8px;
  padding: 7px 12px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  transition: background .14s,color .14s,border-color .14s;
  display: block;
}

#ez-toc-container li.is-active a{
  font-weight: 700 !important;
}

.single-content #ez-toc-container ul {
  margin: 0 0 0px !important;
  padding-left: 0px !important;
}

.single-content .clanek-toc ul li a:hover{
  /* background: var(--bg-2,#f4f4f2) !important; */
  color: var(--ink,#121613) !important;
}

.single-content .col-lg-4{
    align-self: flex-start;
  position: sticky;
  top: 150px;
  /* scroll-margin-top: 150px; */
}

#ez-toc-container a:visited {
  color: unset !important;
}

#ez-toc-container li.is-active{
  color: var(--brand-deep,#1f6b3a) !important;
  background: var(--brand-soft,#e7f7df) !important;
  border-left-color: var(--brand-deep,#1f6b3a) !important;
  font-weight: 700 !important;
}

.tag-link{
  color: var(--ink-2,#4b524d);
  background: var(--bg-2,#f4f4f2);
  border-radius: 20px;
  padding: 5px 13px;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  transition: background .15s,color .15s;
}
.tag-link:hover {
  background: var(--brand-soft,#e7f7df);
  color: var(--brand-deep,#1f6b3a);
}



.related_post_fw{
  background: var(--wp--preset--color--bg-2,#f4f4f2);
  border-top: 1px solid var(--wp--preset--color--line,#e7e7e3);
  padding: 52px 0 56px;
}

.blog-card h2 a, .blog-card h3 a {
  color: var(--wp--preset--color--ink,#121613) !important;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
  
}
.blog-card h3{
  margin-bottom: 4px;
}
.blog-card p{
  color: var(--wp--preset--color--ink-3,#7a807c);
  flex: 1;
  margin: 0;
  font-size: 13px;
  line-height: 1.55;
}

.blog-card .blog-meta{
  margin-bottom: 4px !important;
}

.blog-card .blog-card__foot {
  border-top: none !important;
}
.blog-card__date span, .blog-card .blog-card__read a{
  color: var(--wp--preset--color--ink-3,#7a807c) !important;
  font-size: 12px !important;
}
.blog-card .blog-card__foot{
  display: inline-flex !important;
  gap: 6px;
  justify-content: flex-start;
  margin-top: 4px;
}

.blog-card .blog-card__body{
  padding: 16px 18px 18px !important;
}

.blog-card{
  color: inherit;
  border: 1px solid var(--wp--preset--color--line,#e7e7e3);
  background: #fff;
  border-radius: 14px;
  flex-direction: column;
  text-decoration: none;
  transition: box-shadow .18s,transform .18s;
  display: flex;
  overflow: hidden;
}
.blog-card:hover{
transform: translateY(-3px);
  box-shadow: 0 6px 24px #00000017;
border-color: #e7e7e3 !important;
}
.related_post_fw h2 {
  letter-spacing: -.02em;
  color: var(--wp--preset--color--ink,#121613);
  margin: 0 0 22px;
  font-size: 22px;
  font-weight: 800;
}

.product_list{
  padding: 48px 0px;
}


.related_post_fw .splide--slide:hover .splide__arrows .splide__arrow:disabled {
  opacity: .3 !important;
}
.related_post_fw .splide:hover .splide__arrows button {
  opacity: 1 !important;
  transform: translateY(-50%) !important;
}
.related_post_fw .splide__arrows button {
  opacity: 0 !important;
  transition: .3s !important;
  transform: translateY(10px) !important;
}

.product_list {
  border-top: 1px solid var(--line,#e7e7e3);
}


.product_list__title {
  letter-spacing: -.02em;
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 700;
}

ol{
  margin: 0 0 20px;
  padding-left: 22px !important;
  list-style: decimal;
}

ol li {
  color: var(--ink-2,#4b524d);
  margin-bottom: 6px;
  font-size: 15px;
  line-height: 1.7;
}




.faq__list {
  border-top:1px solid #e7e7e3;
}
.faq__item {
  border-bottom:1px solid #e7e7e3;
}
.faq__q {
  text-align:left;
  width:100%;
  color:#121613;
  cursor:pointer;
  background:0 0;
  border:0;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  padding:20px 0;
  font-size:16px;
  font-weight:600;
  transition:color .15s;
  display:flex
}
.faq__q:hover {
  color:#1f6b3a;
}
.faq__q-icon {
  background:#f4f4f2;
  width:28px;
  height:28px;
  color:#4b524d;
  border-radius:999px;
  flex-shrink:0;
  justify-content:center;
  align-items:center;
  transition:all .2s;
  display:flex
}
.faq__item.is-open .faq__q-icon {
  background:#1f6b3a;
  color:#fff;
  transform:rotate(45deg)
}
.faq__q-icon svg {
  stroke-width:2px;
  width:14px;
  height:14px
}
.faq__a {
  max-height:0;
  transition:max-height .3s;
  overflow:hidden
}
.faq__item.is-open .faq__a {
  max-height:400px
}
.faq__a-inner {
  color:#4b524d;
  padding:0 0 20px;
  font-size:15px;
  line-height:1.65
}

.clanek-h2 {
  color: var(--ink,#121613) !important;
  letter-spacing: -.01em !important;
  margin: 40px 0 14px !important;
  scroll-margin-top: 100px !important;
  font-size: 20px !important;
  font-weight: 800 !important;
}



.clanek-tip {
  background:#d3ffdf;
  border:1px solid #a5e296;
  border-radius:18px;
  align-items:flex-start;
  gap:18px;
  margin:32px 0;
  padding:24px 26px;
  display:flex;
  box-shadow:0 4px 20px -8px #64c85040
}
.clanek-tip__icon {
  color:#fff;
  background:#1f6b3a;
  border-radius:50%;
  flex-shrink:0;
  justify-content:center;
  align-items:center;
  width:44px;
  height:44px;
  display:flex
}
.clanek-tip__body {
  flex:1
}
.clanek-tip__body strong {
  color:#1f6b3a;
  /* text-transform:uppercase; */
  letter-spacing:.07em;
  align-items:center;
  gap:8px;
  margin-bottom:8px;
  font-size:12px;
  font-weight:800;
  /* display:flex */
}
.clanek-tip__body > strong {
  text-transform: uppercase;
}
.clanek-tip__body p {
  color:#2d3a30;
  margin:0;
  font-size:14px;
  line-height:1.7
}






.clanek-products {
  background:var(--bg-2,#f4f4f2);
  border-radius:14px;
  flex-direction:column;
  gap:20px;
  margin:24px 0;
  padding:20px 20px 6px;
  display:flex
}
.clanek-products__group-label {
  text-transform:uppercase;
  letter-spacing:.06em;
  color:var(--ink-3,#7a807c);
  margin-bottom:10px;
  font-size:11px;
  font-weight:700
}
.clanek-prod-card {
  border:1px solid var(--line,#e7e7e3);
  background:#fff;
  border-radius:10px;
  align-items:center;
  gap:14px;
  margin-bottom:10px;
  padding:12px 14px;
  display:flex
}
.clanek-prod-card__img {
  object-fit:contain;
  background:var(--bg-2);
  border-radius:8px;
  flex-shrink:0;
  width:52px !important;
  height:52px !important;
}
.clanek-prod-card__body {
  flex:1;
  align-items:center;
  gap:14px;
  min-width:0;
  display:flex
}
.clanek-prod-card__text {
  flex-direction:column;
  flex:1;
  gap:2px;
  min-width:0;
  display:flex
}
.clanek-prod-card__name {
  color:var(--ink,#121613);
  font-size:13px;
  font-weight:700
}
.clanek-prod-card__note {
  color:var(--ink-3,#7a807c);
  font-size:12px
}
.clanek-prod-card__btn {
  color:var(--brand-deep,#1f6b3a);
  white-space:nowrap;
  background:var(--brand-soft,#e7f7df);
  border-radius:8px;
  flex-shrink:0;
  align-items:center;
  max-height:32px;
  padding:7px 14px;
  font-size:12px;
  font-weight:700;
  text-decoration:none;
  transition:background .15s;
  display:flex
}
.clanek-prod-card__btn:hover {
  background:var(--brand-leaf,#bef0b0)
}



.rank-math-breadcrumb p {
  color: var(--ink-3,#7a807c);
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-bottom: 18px;
  font-size: 12px;
  display: flex;
}

.rank-math-breadcrumb {
  color: var(--ink-3,#7a807c);
  font-size: 12px;
}

.rank-math-breadcrumb a {
  color: var(--ink-3,#7a807c);
  text-transform: uppercase;
  letter-spacing: .04em;
  font-weight: 600;
  text-decoration: none;
}

.rank-math-breadcrumb span:last-child {
  color: var(--ink-2,#4b524d);
  text-transform: none;
  letter-spacing: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 240px;
  font-weight: 400;
  overflow: hidden;
}






.clanek-toc {
  align-self:start;
  position:sticky;
  top:90px;
}
.clanek-body {
  min-width: 0;
}

.wrap {
  padding-inline: 80px;
  margin: 0 auto;
}
.clanek-wrap {
  grid-template-columns: minmax(0,650px) 1fr;
  align-items: start;
  gap: 56px;
  max-width: 1060px;
  display: grid;
}



@media (width <= 900px) {
  .clanek-wrap {
    grid-template-columns: 1fr;
    gap: 0;
  }
  
  .wrap {
  padding-inline: 16px;
}
}

.clanek-meta__dot {
  opacity: .4;
}

article table tr td{
  vertical-align: top;
}

article table td{
  border: 1px solid #ccc;
  padding: 5px;
}

article table{
  width: 100%
}