/** Shopify CDN: Minification failed

Line 82:6 Unexpected "{"
Line 82:7 Expected identifier but found "%"
Line 82:32 Unexpected "{"
Line 82:33 Expected identifier but found "%"
Line 148:2 Unexpected "{"
Line 148:3 Expected identifier but found "%"
Line 148:79 Unexpected "{"
Line 148:80 Expected identifier but found "%"
Line 209:4 Unexpected "{"
Line 209:5 Expected identifier but found "%"
... and 31 more hidden warnings

**/
span.t4s-post-text-color {
    font-family: Figtree;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    text-transform: capitalize;
    border-radius: 4px;
    background: #e5c645;
    width: 100%;
    height:26px;
    white-space: nowrap;
    max-width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    color:#092A33;
    padding:4px 16px;
  }

  .t4s-post-content.t4s-rte .article-reltaed-bottom-content{
    margin-bottom:0px;
  }

     .t4s-article-content p:first-child {
  padding:0 !important;
  }

  /* ── Article image span ── */
  .t4s-article-content p span img {
    width: 100%;
    border-radius:6px;
    margin-top: 10px;

  }
  .reading-progress-wrapper .t4s-section-inner{
    margin-top:56px !important;
  }
  .t4s-article-related-dots .slider-dot.active {
    border-radius: 50px;
  }
  /* ── Reading progress bar ── */
  .reading-progress-wrapper {
    position: fixed;
    top:0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #fff;
    z-index: 999 !important;
  }
  @media (max-width: 900px) {
    .toc-mobile {
      position: sticky;
      top: 0;                 /* JS overrides this inline */
      z-index: 98;            /* must be BELOW the header's z-index */
      margin-top: 0;
      border-top: 0;          /* a 1px border reads as "the gap" */
    }
    .toc-mobile .t4s-article-toc {
      margin: 0;
      border-top: 0;
    }
  }
  @media(min-width:1025px){
    .reading-progress-wrapper {
      {% comment %} top: 140px; {% endcomment %}
    }
  }
  .reading-progress-bar {
    height: 100%;
    width: 0%;
    background: #E5C645;
    transition: width 0.1s linear;
  }

  /* ── Article typography ── */
  .t4s-main-article-page ol li::marker {
    font-weight: 400;
    font-size: 14px;
  }
 
  p.article-updated-date {
    margin-bottom: 20px;
    font-family: 'Figtree', sans-serif;
    font-weight: 400;
    font-style: italic;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0;
    color: #6D7375;
  }
  .t4s-article-content p {
    font-family: Figtree;
    font-size: 14px !important;
    font-weight: 400 !important;
    font-style: normal;
    line-height: 20px !important;
    letter-spacing:2%;
    color: #092A33;
    padding: 10px 0 0 0 !important;
  }
  .t4s-article-content p:has(strong) {
    padding: 32px 0 0 0 !important;
  }

  .custom-t4s-container ol {
    margin-top: 20px;
  }

  /* ── Footer content block ── */
  .article-footer-content {
    padding: 20px;
    border-radius: 6px;
    background: #F5EAD3;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 30px 0 0;
  }
  .article-footer-content .rte .metafield-rich_text_field svg {
    margin-left: -8px;
  }
  .article-footer-content .rte .metafield-rich_text_field .hero-card-botom {
    padding:0 !important;
  }
  .article-footer-content .t4s-setts-color-true a {
    background: #F5EAD3 !important;
    border-bottom: 0 !important;
  }

  /* ── Layout utilities ── */
  {% comment %} .t4s-container.custom-t4s-container { padding: 0 !important; } {% endcomment %}
  .artcicle-sharebutton .t4s-socials { justify-content: left !important; gap:5px; }
  .t4s-socials .t4s-col-item.t4s-col-auto { padding: 0; }
  .social-media-label {
    color: #000;
    font-family: Figtree;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    line-height: 130%;
    letter-spacing: 0.32px;
  }

  /* ── Date / read-time row ── */
  .t4s-article-image .article-updated-date {
    display: flex;
    gap: 16px;
    align-items: center;
  }
  .t4s-article-image .t4s-post-time__text.t4s-dib.rrr {
    display: list-item;
  }

  /* ── Pro tip / text content block ── */
  .article-text-content {
    display: flex;
    padding:16px;
    justify-content: center;
    align-items: flex-start;
    align-self: stretch;
    flex-direction: column;
    border-radius: 6px;
    background: #E4EDD3;
    color: #092A33;
    font-family: Figtree;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    line-height: 135%;
    letter-spacing: 0.28px;
    margin: 30px 0 20px;
  }
  @media(max-width:768px){
    .article-text-content {
      padding:16px !important;
      margin:20px 0 10px !important;
    }
    .t4s-article-content .article-text-content h3 {
      margin:0 0 6px!important;
    }
    
    .t4s-article-content p b img {
      margin-top: 10px;
    }
  }

  /* ── Featured product card ── */
  .article-featured-pdp { padding: 20px 0 0; }
  .product-card-wrapper {
    display: flex;
    padding: 0;
    {% comment %} align-items: flex-start; {% endcomment %}
    border-radius: 4px;
    border: 0.3px solid #092A33;
    background: #FFF;
    margin: auto;
  }
  .product-image {
    padding: 10px 11px;
    margin: auto;
  }
  .product-image img {
    width: 160px;
    border-radius: 8px;
  }
  .product-details {
    flex: 1;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: center;
    gap: 10px;
    padding: 16px 20px;
    border-left: 0.21px solid #092A33;
  }
  .article-featured-pdp .product-title a {
    color: #092A33;
    font-family: Figtree;
    font-size: clamp(14px,2.5vw,18px);
    font-weight: 400;
    font-style: normal;
    line-height: 130%;
    border-bottom: 0 !important;
  }
  .article-featured-pdp .price-row-wrap {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    gap:8px;
    {% comment %} justify-content: flex-start; {% endcomment %}
  }
  @media(min-width:769px){.article-featured-pdp .price-row-wrap {    gap: 10px;}}
  .article-featured-pdp .price-row {
    display: flex;
    align-items: center;
    {% comment %} gap: 4px; {% endcomment %}
  }
  .article-featured-pdp .sale-price { font-size:clamp(16px,2.5vw,20px); font-weight: bold; color: #092A33;margin-left: 4px;margin-right: 8px;}
  @media(max-width:768px){.article-featured-pdp .sale-price {margin-left:0;margin-right:0;}}
  .article-featured-pdp .compare-price { text-decoration: line-through; color: #092A33;font-size:clamp(14px,2.5vw,18px); }
  .article-featured-pdp .discount-badge { background: #E5C645; padding: 2px 8px; font-size:clamp(12px,2.5vw,14px); border-radius: 4px; }
  .article-featured-pdp .unit-price { font-size: 14px; color: #666; }
  .article-featured-pdp .view-product-btn {
    display: flex;
    padding: 10px !important;
    justify-content: center;
    align-items: center;
    gap: 4.054px;
    border-radius: 66.188px;
    border: 1.05px solid #092A33;
    font-size: 14px;
    color: #01464F;
    text-decoration: none;
    transition: 0.3s;
    width: 100% !important;
  }
  @media(max-width:768px){
    .article-featured-pdp .view-product-btn {
      padding: 8px;
      width: 100% !important;
    }
    .t4s-article-content .article-text-content p {
         margin-top: 0px !important;
    }
    
  }

  /* ── YouTube section ── */
 
  {% comment %} @media(max-width:768px){.yutube-section { margin: 20px 0 !important;}} {% endcomment %}
  .youtube-video-section { max-width: 1000px; margin: 0 auto; text-align: center; }
  .youtube-video-heading { font-size: 22px; font-weight: 600; margin-bottom: 16px; color: #222; }
  .youtube-video-wrapper {
    position: relative;
    width: 99.5%;
    margin: auto;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    border-radius:6px;
    background: #000;
  }
  .youtube-video-wrapper iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
  }

  /* ── Related articles ── */
  .t4s-article-related-slider .t4s-post-content { padding: 16px 0 0; }
  @media(max-width:768px){.t4s-article-related-slider .t4s-post-content {padding: 14px 0 0 !important;}}
    .t4s-article-related-slider .custom-t4s-post-content { margin-bottom: 12px; }
  @media(max-width:768px){.t4s-article-related-slider .custom-t4s-post-content { margin-bottom: 10px;}}
  .t4s-article-related-slider .article-reltaed-bottom-content { margin-top: 14px; }
  .t4s-article-related .t4s-post-content h5 { -webkit-line-clamp: 2; }
  .t4s-article-related .t4s-post-item:first-child { margin-top: 24px !important;}
  .t4s-article-related .t4s-post-item { padding: 0; margin-top:40px !important; }

  /* ── TOC split: desktop vs mobile ── */
  @media (min-width: 901px) {
  .toc-mobile  { display: none; }
  .toc-desktop { display: block; }
}
@media (max-width: 900px) {
  .toc-desktop { display: none; }
  .toc-mobile  { display: block; }
}

  /* ===============================================================
  DESKTOP  ≥ 901px
  =============================================================== */
  @media (min-width: 901px) {
    .t4s-main-article-page {
      display: grid;
      gap: 57px;
      row-gap: 0;
      align-items: start;
      grid-template-columns: 300px 2fr 1fr;
    }
    .table-of-content-wrapper { grid-column: 1; grid-row: span 2; margin: 0 auto; margin-right: 0; }
    .t4s-article-image         { grid-column: 2 / span 2; grid-row: 1; }
    .t4s-article-content       { grid-column: 2 / span 2; grid-row: 2; padding-top: 24px; }
    .third-div-listing-blog    { grid-column: 4; grid-row: 1 / span 2; }
    .t4s-main-article-page > div:not(
    .t4s-article-image,
    .t4s-article-content,
    .table-of-content-wrapper,
    .third-div-listing-blog
    ) { grid-column: 2 / span 2; grid-row: auto; }

    .t4s-article-related-heading { font-size: 20px !important; text-align: left !important;font-weight:600; }
    .t4s-article-related-dots { display: none !important; }
    {% comment %} .custom-article-content h2,
    .custom-article-content h3 { margin-top: 24px !important; } {% endcomment %}
  }

  /* ── Scrollbar (desktop+tablet) ── */
  @media (min-width: 769px) {
    .t4s-article-toc::-webkit-scrollbar       { width: 6px; }
    .t4s-article-toc::-webkit-scrollbar-track { background: #e9ecef; border-radius: 3px; }
    .t4s-article-toc::-webkit-scrollbar-thumb { background: #adb5bd; border-radius: 3px; }
    .t4s-article-toc::-webkit-scrollbar-thumb:hover { background: #868e96; }
  }

  /* ===============================================================
  STRICT BLOG TYPOGRAPHY  ≥ 768px
  =============================================================== */
  @media (min-width: 768px) {
    .custom-t4s-main-article-page h1,
    .custom-t4s-main-article-page .custom-article--title {
    color: #092A33;
    font-family: Figtree;
    font-size: 28px;
    font-weight: 600;
    font-style: normal;
    line-height: 40px;
    margin: 10px 0 14px;
    }
    .custom-t4s-main-article-page h2 {
      font-size: 24px !important; font-weight: 600 !important; line-height: 130% !important; margin: 30px 0 0px;
    }
    .custom-t4s-main-article-page h3:not(.t4s-toc-heading) {
      font-size: 20px !important; font-weight: 600 !important; line-height: 130% !important; margin: 20px 0 10px;
    }
    .custom-t4s-main-article-page .t4s-product-title{font-size:clamp(14px,2.5vw,16px) !important;}
    .custom-t4s-main-article-page .article-updated-date,
    .custom-t4s-main-article-page .article-updated-date span {
      font-size: clamp(12px, 2.5vw, 14px) !important; font-weight: 400 !important; font-style: italic !important;
    }
  }

  /* ===============================================================
  ≤ 900px  (tablet + mobile layout)
  =============================================================== */
  @media (max-width: 900px) {
    .toc-desktop { display: none; }
    .toc-mobile  { display: block; }

    .t4s-main-article-page {
      display: flex;
      flex-direction: column;
    }
    .t4s-article-toc {
      width: 100%;
      max-width: 100%;
      border-left: 0;
      border-right: 0;
      border-radius: 0;
      padding: 0;
    }
    .t4s-article-image       { order: 1; }
    .table-of-content-wrapper { order: 2; padding: 0 !important;margin-bottom:0 !important; }
    .t4s-article-content     { order: 3; }
    .third-div-listing-blog  { order: 4; max-width: 100%; width: 100%; }
    .t4s-article-related     { order: 5; }
  }

  /* ===============================================================
  ≤ 768px  (mobile TOC)
  =============================================================== */
  @media (max-width: 768px) {
    .table-of-content-wrapper {
      position: sticky !important;
    
      z-index: 50;
    
      padding: 0 !important;
      background: #fff !important;
    }
    .t4s-article-toc {
      margin: 0 !important;
      padding: 0 !important;
      background: transparent !important;
      border: 0 !important;
    }
    .t4s-toc-header {
      padding: 9.5px 24px!important;
      margin-bottom:20px !important;
      border-top: 1px solid #D9D9D9;
      border-bottom: 1px solid #D9D9D9;
    }
    .t4s-toc-nav {
      margin: 0 !important;
      padding: 10px 0 !important;
      overflow-y: auto !important;
      max-height: 290px !important;
    }
    .t4s-toc-nav a { padding:8px !important;}
    .t4s-toc-nav::-webkit-scrollbar       { width: 4px; }
    .t4s-toc-nav::-webkit-scrollbar-thumb { background: #ccc; }

    .t4s-article-toc.collapsed .t4s-toc-nav {
      max-height: 0 !important;
      overflow: hidden !important;
      opacity: 0;
    }
    .t4s-article-toc:not(.collapsed) .t4s-toc-nav {
      max-height: 290px !important;
      opacity: 1;
      background: #fff;
    }
    
     .t4s-article-content  {  padding-top: 14px; }
  }

  /* ===============================================================
  ≤ 767px  (mobile — typography, slider, dots)
  =============================================================== */
  @media (max-width: 767px) {

    .t4s-container.custom-t4s-container {
    padding: 0 16px !important;
}

span.t4s-post-text-color {
    font-size: 12px;
   
    line-height: 100%;
    
    height:24px;
}

    /* Typography */
    .custom-t4s-main-article-page h1,
    .custom-t4s-main-article-page .custom-article--title {
      font-size: 20px !important; font-weight: 600 !important; line-height: 26px !important; margin:10px 0;
    }
    .custom-t4s-main-article-page h2 {
      font-size: 18px !important; font-weight: 600 !important; line-height: 24px !important; margin-top: 1% !important;
    }
    .custom-t4s-main-article-page h3:not(.t4s-toc-heading) {
      font-size: 16px !important; font-weight: 600 !important; line-height: 130% !important;
    }
    .custom-t4s-main-article-page .article-updated-date,
    .custom-t4s-main-article-page .article-updated-date span {
      font-size: 14px !important; font-weight: 400 !important; font-style: italic !important;
    }

    /* Misc mobile */
    .article-footer-content  { padding: 30px 16px; }
    .t4s-article-related .t4s-post-item{margin:0px !important}
    .custom-article-content h2,
    .custom-article-content h3 { margin-top: 20px !important; }

    /* YouTube */
    .youtube-video-heading  { font-size: 18px; margin-bottom: 12px; }
    .youtube-video-wrapper  { border-radius: 8px; }

    /* Product card */
    .article-featured-pdp .product-title a  { font-size: clamp(14px,2.5vw,18px); }
    .article-featured-pdp .product-image    { padding: 10px 11px; align-items: center; width: 110px; }
    .product-image img                      { width: 100px; }
    .article-featured-pdp .product-details  { display: flex; flex-direction: column; gap: 0; padding: 8px 10px; }
    .article-featured-pdp .sale-price       { font-size: 14px; }
    .article-featured-pdp .compare-price    { font-size: 12px; }
    .article-featured-pdp .discount-badge   { font-size: 10px; }
    .article-featured-pdp .price-row{ gap: 4px;}
    @media(max-width:600px){
      .article-featured-pdp .custom-product-card .product-card-wrapper .product-title {
        overflow: hidden;
        max-height: 44px;
        line-height:130%;
      }
    }
    @media(max-width:768px){.article-featured-pdp .product-details{padding:10px 8px !important; gap:8px !important;} }

    /* Related articles slider */
    .t4s-article-related-slider { overflow: hidden; width: 100%; }
    .t4s-article-related-track {
      display: flex !important;
      flex-direction: row !important;
      flex-wrap: nowrap !important;
      width: 100% !important;
      gap: 0 !important;
      transition: transform 0.3s ease;
      will-change: transform;
    }
    .t4s-article-related-track > .t4s-post-item {
      flex: 0 0 100% !important;
      min-width: 100% !important;
      max-width: 100% !important;
      width: 100% !important;
      box-sizing: border-box;
    }
  }
  @media (max-width: 900px) {
    .toc-mobile {
      position: sticky;
      z-index: 100;

      /* 🔥 BREAK OUT OF CONTAINER */
      width: 100vw;
      margin-left: calc(50% - 50vw);

      /* 🔥 APPLY BORDERS HERE (not inside snippet) */
      border-top: 1px solid #D9D9D9;
      margin-bottom:20px;

      background: #fff;
    }
  }
  .t4s-section-inner .protip-title {
    margin:0 0 8px !important
  }


  {% comment %}@media(max-width:650px){.custom-t4s-container .t4s-main-article-page>div:not(:last-child) {padding:0 !important;}}{% endcomment %}
  /* --- Item effect ---*/
  .custom-t4s-container .t4s-eff {
    position: relative;
    z-index: 3;
    display: block;
    vertical-align: top;
    overflow: hidden;
  }


  #shopify-section-{{ section.id }} .t4s-article-cate-true,
  #shopify-section-{{ section.id }} .t4s-article-cate-false,
  #shopify-section-{{ section.id }} [class*="t4s-article-cate-"] {
    display: flex;
    flex-wrap:wrap;
    gap: 8px;
  }

  {% comment %} featured products css {% endcomment %}
  .article-featured-slider{
    position:relative;
    width:100%;
    overflow:hidden;
    margin:24px 0;
  }
  .featured-products-track.grabbing{
    cursor:grabbing;
  }

  .article-featured-slider .featured-product-slide{
    flex:0 0 100% !important;
    min-width:100% !important;
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box;
  }

  .article-featured-slider .product-card-wrapper{
    width:100%;
    margin:0;
  }

  .slider-dots{
    display:flex !important;
    justify-content:center;
    align-items:center;
    gap:10px;
    margin-top:20px;
  }

  .slider-dot{
    width: 8px;
    height: 8px;
    padding: 0;
    border-radius: 4px;
    border: 1px solid #01464F;
    background: transparent;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    transition: background-color .2s ease;

  }

  .slider-dot.active{
    background:#01464F;
  }

  span.compare-price.slider-price {
    font-weight: 300;
    font-style: Light;
    line-height: 130%;
  }
  span.sale-price.slider-price {
    font-style: Bold;
    font-size: 20px;
    leading-trim: NONE;
  }
  .article-featured-pdp .price-row{
    gap:8.4px;
  }
  span.discount-badge {
    font-weight: 500;
  }
  .product-details.blog-unit-cc .unit-cost {
    height: fit-content;
    display: flex;
    align-items: center;
  }
  .product-details.blog-unit-cc .unit-cost p {
    padding: 0 !important;
    margin: 0 !important;
  }
  .product-details.blog-unit-cc .unit-price {
    display: flex;
    align-items: center;
  }
  .custom-featured-cc .slider-dot {
    width: 8px;
    height: 8px;
    border: 1px solid #01464F;
    background: transparent;
  }
  .custom-featured-cc .slider-dot.active {
    background: #01464F;
  }

  .product-details.blog-unit-cc .product-title a{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4;
    min-height: calc(1.4em * 2); /* keeps equal height for all cards */
  }

  @media only screen and (max-width:767px){
    .product-details.blog-unit-cc .unit-cost {
      height: fit-content;
    }
    
    
    .t4s-categories-1 {
      display: flex;
      gap: 8px;
    }

    .article-featured-pdp .product-image a {border-bottom:none !important;}

  }