/* ══════════════════════════════════════════════════════════════
       HERO
    ══════════════════════════════════════════════════════════════ */
    .kt-blog-hero {
      position: relative;
      overflow: hidden;
      background: var(--blue-deep);
      padding: 80px 24px 100px;
    }

    .kt-blog-hero::before {
      content: '';
      position: absolute;
      inset: 0;
      background:
        radial-gradient(ellipse 55% 80% at 92% 15%, rgba(59,112,224,.60) 0%, transparent 65%),
        radial-gradient(ellipse 50% 60% at 5%  88%, rgba(23,157,46,.20) 0%, transparent 60%),
        radial-gradient(ellipse 70% 50% at 50% 115%, rgba(19,38,96,.85) 0%, transparent 70%);
      pointer-events: none;
    }

    .kt-blog-hero::after {
      content: '';
      position: absolute;
      inset: 0;
      background-image:
        linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
      background-size: 52px 52px;
      pointer-events: none;
    }

    .kt-blog-hero-wave {
      position: absolute;
      bottom: -1px;
      left: 0;
      right: 0;
      line-height: 0;
      z-index: 2;
    }
    .kt-blog-hero-wave svg { display: block; width: 100%; height: 56px; }

    .kt-blog-hero-inner {
      max-width: 820px;
      margin: 0 auto;
      position: relative;
      z-index: 3;
    }

    .kt-blog-meta-row {
      display: flex;
      align-items: center;
      gap: 10px;
      flex-wrap: wrap;
      margin-bottom: 24px;
    }

    .kt-blog-category-badge {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      background: rgba(23,157,46,.20);
      border: 1px solid rgba(49,166,59,.38);
      color: #82efaa;
      font-size: 0.67rem;
      font-weight: 700;
      letter-spacing: .10em;
      text-transform: uppercase;
      padding: 4px 12px 4px 8px;
      border-radius: 100px;
    }
    .kt-blog-category-badge svg { width: 13px; height: 13px; }

    .kt-blog-meta-sep {
      width: 3px; height: 3px;
      border-radius: 50%;
      background: rgba(255,255,255,.25);
    }

    .kt-blog-meta-item {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      font-size: 0.75rem;
      color: rgba(255,255,255,.50);
    }
    .kt-blog-meta-item svg { width: 12px; height: 12px; opacity: .65; }

    .kt-blog-hero-title {
      font-family: 'Lora', serif;
      font-size: clamp(1.85rem, 4.2vw, 2.80rem);
      font-weight: 700;
      color: #fff;
      line-height: 1.22;
      margin-bottom: 18px;
      letter-spacing: -.022em;
    }

    .kt-blog-hero-lead {
      font-size: clamp(.95rem, 1.8vw, 1.06rem);
      color: rgba(255,255,255,.70);
      font-weight: 300;
      max-width: 610px;
      line-height: 1.72;
    }

    /* ══════════════════════════════════════════════════════════════
       WRAPPER & LAYOUT
    ══════════════════════════════════════════════════════════════ */
    .kt-blog-wrapper {
      max-width: 1400px;
      margin: 0 auto;
      padding: 0 24px;
    }

    .kt-blog-layout {
      display: grid;
      grid-template-columns: 1fr 296px;
      gap: 60px;
      padding: 64px 0 96px;
      align-items: start;
    }

    /* ══════════════════════════════════════════════════════════════
       ARTICLE
    ══════════════════════════════════════════════════════════════ */
    .kt-blog-article { min-width: 0; }

    .kt-blog-article h2 {
      font-family: 'Lora', serif;
      font-size: clamp(1.38rem, 2.6vw, 1.82rem);
      font-weight: 700;
      color: var(--blue-deep);
      line-height: 1.26;
      margin: 56px 0 14px;
      letter-spacing: -.022em;
      position: relative;
      padding-left: 20px;
    }
    .kt-blog-article h2::before {
      content: '';
      position: absolute;
      left: 0;
      top: 5px;
      bottom: 5px;
      width: 3px;
      background: linear-gradient(to bottom, var(--primary-blue-light), var(--primary-blue));
      border-radius: 2px;
    }
    .kt-blog-article h2:first-child { margin-top: 0; }

    .kt-blog-article h3 {
      font-family: 'Lora', serif;
      font-size: clamp(1.04rem, 1.9vw, 1.20rem);
      font-weight: 600;
      color: var(--primary-blue-dark);
      margin: 36px 0 10px;
      line-height: 1.38;
      letter-spacing: -.012em;
    }

    .kt-blog-article p {
      font-size: .99rem;
      color: var(--g700);
      margin-bottom: 18px;
      line-height: 1.82;
    }

    .kt-blog-article strong { color: var(--g800); font-weight: 600; }

    /* ══════════════════════════════════════════════════════════════
       LISTS
    ══════════════════════════════════════════════════════════════ */
    .kt-blog-list {
      list-style: none;
      padding: 0;
      margin: 4px 0 24px;
      display: flex;
      flex-direction: column;
      gap: 10px;
    }

    .kt-blog-list li {
      display: flex;
      align-items: flex-start;
      gap: 12px;
      font-size: .96rem;
      color: var(--g700);
      line-height: 1.70;
    }

    .kt-blog-list li::before {
      content: '';
      width: 6px; height: 6px;
      border-radius: 50%;
      background: var(--primary-green);
      flex-shrink: 0;
      margin-top: 9px;
    }

    .kt-blog-list--check li::before {
      content: '';
      width: 20px; height: 20px;
      border-radius: 50%;
      background: rgba(23,157,46,.10);
      border: 1.5px solid rgba(23,157,46,.28);
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6l2.8 2.8 4.2-4.6' stroke='%23179d2e' stroke-width='1.7' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: center;
      background-size: 12px;
      margin-top: 3px;
    }

    /* ══════════════════════════════════════════════════════════════
       FIGURE / PICTURE
    ══════════════════════════════════════════════════════════════ */
    .kt-blog-figure {
      margin: 38px 0;
      border-radius: 16px;
      overflow: hidden;
      border: 1px solid var(--brd);
      box-shadow: 0 4px 28px rgba(19,38,96,.08);
    }

    .kt-blog-figure picture { display: block; }

    .kt-blog-figure-placeholder {
      width: 100%;
      aspect-ratio: 16 / 6.5;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 10px;
      background: linear-gradient(145deg, var(--surf) 0%, #dbe9ff 100%);
    }
    .kt-blog-figure-placeholder svg {
      width: 36px; height: 36px;
      color: var(--primary-blue-light);
      opacity: .40;
    }
    .kt-blog-figure-placeholder span {
      font-size: 0.74rem;
      color: var(--g400);
      font-style: italic;
    }

    .kt-blog-figure figcaption {
      background: var(--surf);
      padding: 9px 18px;
      font-size: 0.74rem;
      color: var(--g500);
      border-top: 1px solid var(--brd);
      display: flex;
      align-items: center;
      gap: 6px;
    }
    .kt-blog-figure figcaption svg { width: 12px; height: 12px; color: var(--g400); flex-shrink: 0; }

    .kt-blog-figure--inline {
      float: right;
      width: 44%;
      margin: 4px 0 24px 30px;
    }
    .kt-blog-figure--inline .kt-blog-figure-placeholder { aspect-ratio: 4 / 3; }

    /* ══════════════════════════════════════════════════════════════
       INFO BOXES
    ══════════════════════════════════════════════════════════════ */
    .kt-blog-infobox {
      display: grid;
      grid-template-columns: 3px 1fr;
      border-radius: 14px;
      overflow: hidden;
      margin: 28px 0;
      box-shadow: 0 2px 12px rgba(0,0,0,.045);
    }

    .kt-blog-infobox-main {
      padding: 18px 22px;
      display: flex;
      gap: 14px;
      align-items: flex-start;
    }

    .kt-blog-infobox-icon {
      width: 34px; height: 34px;
      border-radius: 9px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }
    .kt-blog-infobox-icon svg { width: 17px; height: 17px; }

    .kt-blog-infobox-body strong {
      display: block;
      font-size: 0.85rem;
      font-weight: 700;
      margin-bottom: 4px;
    }
    .kt-blog-infobox-body p { font-size: 0.87rem; line-height: 1.62; margin: 0; }

    .kt-blog-infobox--info    { background: #f3f7ff; border: 1px solid rgba(41,94,195,.13); }
    .kt-blog-infobox--info    .kt-blog-infobox-stripe { background: var(--primary-blue); }
    .kt-blog-infobox--info    .kt-blog-infobox-icon   { background: rgba(41,94,195,.10); }
    .kt-blog-infobox--info    .kt-blog-infobox-icon svg { color: var(--primary-blue); }
    .kt-blog-infobox--info    .kt-blog-infobox-body strong { color: var(--primary-blue-dark); }
    .kt-blog-infobox--info    .kt-blog-infobox-body p { color: var(--g600); }

    .kt-blog-infobox--warning { background: #fffbf0; border: 1px solid rgba(216,145,3,.18); }
    .kt-blog-infobox--warning .kt-blog-infobox-stripe { background: var(--primary-orange); }
    .kt-blog-infobox--warning .kt-blog-infobox-icon   { background: rgba(216,145,3,.12); }
    .kt-blog-infobox--warning .kt-blog-infobox-icon svg { color: var(--primary-orange-dark); }
    .kt-blog-infobox--warning .kt-blog-infobox-body strong { color: var(--primary-orange-dark); }
    .kt-blog-infobox--warning .kt-blog-infobox-body p { color: #7a5200; }

    .kt-blog-infobox--success { background: #f1faf3; border: 1px solid rgba(23,157,46,.16); }
    .kt-blog-infobox--success .kt-blog-infobox-stripe { background: var(--primary-green); }
    .kt-blog-infobox--success .kt-blog-infobox-icon   { background: rgba(23,157,46,.12); }
    .kt-blog-infobox--success .kt-blog-infobox-icon svg { color: var(--primary-green); }
    .kt-blog-infobox--success .kt-blog-infobox-body strong { color: var(--primary-green-dark); }
    .kt-blog-infobox--success .kt-blog-infobox-body p { color: #1b4a22; }

    .kt-blog-infobox--danger  { background: #fff5f5; border: 1px solid rgba(221,23,21,.15); }
    .kt-blog-infobox--danger  .kt-blog-infobox-stripe { background: var(--primary-red); }
    .kt-blog-infobox--danger  .kt-blog-infobox-icon   { background: rgba(221,23,21,.10); }
    .kt-blog-infobox--danger  .kt-blog-infobox-icon svg { color: var(--primary-red); }
    .kt-blog-infobox--danger  .kt-blog-infobox-body strong { color: var(--primary-red-dark); }
    .kt-blog-infobox--danger  .kt-blog-infobox-body p { color: #6b1010; }

    /* ══════════════════════════════════════════════════════════════
       RECIPE CARD
    ══════════════════════════════════════════════════════════════ */
    .kt-blog-recipe-card {
      background: #fff;
      border: 1.5px solid rgba(23,157,46,.18);
      border-radius: 16px;
      overflow: hidden;
      margin: 32px 0;
      box-shadow: 0 2px 16px rgba(23,157,46,.07);
    }

    .kt-blog-recipe-header {
      background: linear-gradient(100deg, var(--primary-green-dark) 0%, var(--primary-green) 100%);
      padding: 13px 22px;
      display: flex;
      align-items: center;
      gap: 9px;
    }
    .kt-blog-recipe-header svg { width: 17px; height: 17px; color: rgba(255,255,255,.85); }
    .kt-blog-recipe-header h3 {
      font-family: 'Plus Jakarta Sans', sans-serif;
      font-size: 0.86rem;
      font-weight: 700;
      color: #fff;
      margin: 0;
      letter-spacing: .01em;
    }

    .kt-blog-recipe-body {
      padding: 20px 22px 22px;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 9px 24px;
    }

    .kt-blog-recipe-item {
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 8px 10px;
      border-radius: 9px;
      background: var(--g50);
      border: 1px solid var(--g200);
    }

    .kt-blog-recipe-qty {
      font-size: 0.76rem;
      font-weight: 700;
      color: var(--primary-green-dark);
      background: rgba(23,157,46,.10);
      padding: 2px 8px;
      border-radius: 6px;
      min-width: 54px;
      text-align: center;
      flex-shrink: 0;
    }

    .kt-blog-recipe-name {
      font-size: 0.85rem;
      color: var(--g700);
      line-height: 1.35;
    }

    /* ══════════════════════════════════════════════════════════════
       DIVIDER
    ══════════════════════════════════════════════════════════════ */
    .kt-blog-divider {
      border: none;
      height: 1px;
      background: linear-gradient(90deg, transparent, var(--brd) 20%, var(--brd) 80%, transparent);
      margin: 52px 0;
    }

    /* ══════════════════════════════════════════════════════════════
       SIDEBAR
    ══════════════════════════════════════════════════════════════ */
    .kt-blog-sidebar {
      position: sticky;
      top: 155px;
      display: flex;
      flex-direction: column;
      gap: 18px;
    }

    .kt-blog-sidebar-card {
      background: #fff;
      border: 1px solid var(--brd);
      border-radius: 14px;
      overflow: hidden;
      box-shadow: 0 1px 6px rgba(19,38,96,.05);
    }

    .kt-blog-sidebar-card-header {
      padding: 11px 17px;
      border-bottom: 1px solid var(--brd);
      display: flex;
      align-items: center;
      gap: 7px;
      background: var(--surf);
    }
    .kt-blog-sidebar-card-header svg { width: 13px; height: 13px; color: var(--primary-blue); }
    .kt-blog-sidebar-card-header h4 {
      font-size: 0.69rem;
      font-weight: 700;
      color: var(--blue-deep);
      letter-spacing: .09em;
      text-transform: uppercase;
    }

    .kt-blog-toc {
      list-style: none;
      padding: 10px 12px;
      display: flex;
      flex-direction: column;
      gap: 1px;
    }

    .kt-blog-toc-link {
      display: flex;
      align-items: center;
      gap: 9px;
      font-size: 0.82rem;
      color: var(--g600);
      text-decoration: none;
      padding: 6px 8px;
      border-radius: 8px;
      line-height: 1.42;
      transition: background var(--tf), color var(--tf);
    }
    .kt-blog-toc-link:hover { background: var(--surf-hover); color: var(--primary-blue); }
    .kt-blog-toc-link:hover .kt-blog-toc-num { background: rgba(41,94,195,.18); }

    .kt-blog-toc-num {
      font-size: 0.62rem;
      font-weight: 700;
      color: var(--primary-blue-light);
      background: rgba(41,94,195,.09);
      border-radius: 5px;
      padding: 1px 6px;
      flex-shrink: 0;
      min-width: 22px;
      text-align: center;
      transition: background var(--tf);
    }

    .kt-blog-sidebar-tags {
      padding: 13px 15px;
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
    }

    .kt-blog-tag {
      font-size: 0.72rem;
      font-weight: 600;
      color: var(--primary-blue);
      background: var(--surf);
      border: 1px solid rgba(41,94,195,.14);
      padding: 3px 11px;
      border-radius: 100px;
      text-decoration: none;
      transition: background var(--tf), border-color var(--tf), color var(--tf);
    }
    .kt-blog-tag:hover { background: var(--primary-blue); color: #fff; border-color: var(--primary-blue); }

    /* CTA box */
    .kt-blog-cta-box {
      border-radius: 14px;
      overflow: hidden;
      border: 1px solid var(--brd);
      box-shadow: 0 1px 6px rgba(19,38,96,.05);
    }

    .kt-blog-cta-bg {
      background: linear-gradient(145deg, var(--blue-deep) 0%, var(--primary-blue-dark) 55%, var(--primary-blue) 100%);
      padding: 24px 20px 22px;
      position: relative;
      overflow: hidden;
    }
    .kt-blog-cta-bg::before {
      content: '';
      position: absolute;
      top: -36px; right: -36px;
      width: 120px; height: 120px;
      border-radius: 50%;
      background: rgba(255,255,255,.06);
    }
    .kt-blog-cta-bg::after {
      content: '';
      position: absolute;
      bottom: -18px; left: -18px;
      width: 72px; height: 72px;
      border-radius: 50%;
      background: rgba(23,157,46,.12);
    }

    .kt-blog-cta-bg h4 {
      font-family: 'Lora', serif;
      font-size: .98rem;
      font-weight: 700;
      color: #fff;
      margin-bottom: 7px;
      line-height: 1.34;
      position: relative;
      z-index: 1;
    }
    .kt-blog-cta-bg p {
      font-size: 0.81rem;
      color: rgba(255,255,255,.66);
      margin-bottom: 18px;
      line-height: 1.55;
      position: relative;
      z-index: 1;
    }

    .kt-blog-cta-btn {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      background: #fff;
      color: var(--primary-blue-dark);
      font-size: 0.80rem;
      font-weight: 700;
      padding: 8px 16px;
      border-radius: 9px;
      text-decoration: none;
      position: relative;
      z-index: 1;
      box-shadow: 0 2px 10px rgba(0,0,0,.18);
      transition: transform var(--tf), box-shadow var(--tf), background var(--tf);
    }
    .kt-blog-cta-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 18px rgba(0,0,0,.20); background: var(--surf); }
    .kt-blog-cta-btn svg { width: 12px; height: 12px; }

    .kt-blog-cta-stats {
      display: grid;
      grid-template-columns: 1fr 1fr;
      background: #fff;
    }

    .kt-blog-cta-stat {
      padding: 13px 16px;
      text-align: center;
    }
    .kt-blog-cta-stat:first-child { border-right: 1px solid var(--brd); }

    .kt-blog-cta-stat-val {
      display: block;
      font-size: 1.12rem;
      font-weight: 700;
      color: var(--primary-blue);
      line-height: 1;
      margin-bottom: 3px;
    }
    .kt-blog-cta-stat-label {
      font-size: 0.67rem;
      color: var(--g500);
      font-weight: 500;
      letter-spacing: .02em;
    }

    /* ══════════════════════════════════════════════════════════════
       RELATED POSTS
    ══════════════════════════════════════════════════════════════ */
    .kt-blog-related {
      background: var(--surf);
      border-top: 1px solid var(--brd);
      padding: 72px 0 84px;
    }

    .kt-blog-related-inner {
      max-width: 1400px;
      margin: 0 auto;
      padding: 0 24px;
    }

    .kt-blog-related-eyebrow {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 9px;
    }
    .kt-blog-related-eyebrow-line {
      height: 1.5px; width: 28px;
      background: var(--primary-blue);
      border-radius: 1px;
    }
    .kt-blog-related-eyebrow span {
      font-size: 0.68rem;
      font-weight: 700;
      letter-spacing: .13em;
      text-transform: uppercase;
      color: var(--primary-blue);
    }

    .kt-blog-related-title {
      font-family: 'Lora', serif;
      font-size: clamp(1.30rem, 2.5vw, 1.70rem);
      font-weight: 700;
      color: var(--blue-deep);
      letter-spacing: -.02em;
      margin-bottom: 6px;
    }

    .kt-blog-related-sub {
      font-size: 0.86rem;
      color: var(--g500);
      margin-bottom: 36px;
    }

    .kt-blog-related-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 22px;
    }

    /* ── BLOG CARD ── */
    .kt-blog-card {
      background: #fff;
      border: 1px solid var(--brd);
      border-radius: 16px;
      overflow: hidden;
      text-decoration: none;
      display: flex;
      flex-direction: column;
      transition: transform var(--tm), box-shadow var(--tm), border-color var(--tm);
      box-shadow: 0 1px 4px rgba(19,38,96,.06);
    }
    .kt-blog-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 16px 40px rgba(19,38,96,.11);
      border-color: rgba(41,94,195,.20);
    }

    .kt-blog-card-thumb {
      aspect-ratio: 16 / 9;
      position: relative;
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .kt-blog-card-thumb-bg { position: absolute; inset: 0; }

    .kt-blog-card-thumb-badge {
      position: absolute;
      bottom: 11px; left: 11px;
      font-size: 0.63rem;
      font-weight: 700;
      letter-spacing: .07em;
      text-transform: uppercase;
      padding: 3px 10px;
      border-radius: 100px;
      color: #fff;
      z-index: 2;
    }
    .kt-blog-card-thumb-badge--blue   { background: rgba(31,69,160,.82); }
    .kt-blog-card-thumb-badge--green  { background: rgba(16,118,31,.82); }
    .kt-blog-card-thumb-badge--orange { background: rgba(177,111,1,.88); }

    .kt-blog-card-active-marker {
      position: absolute;
      top: 0; left: 0; right: 0;
      height: 3px;
      background: linear-gradient(90deg, var(--primary-green), var(--primary-green-light));
      z-index: 3;
    }

    .kt-blog-card-active-tag {
      position: absolute;
      top: 13px; right: 11px;
      background: var(--primary-green);
      color: #fff;
      font-size: 0.62rem;
      font-weight: 700;
      letter-spacing: .06em;
      text-transform: uppercase;
      padding: 3px 9px;
      border-radius: 100px;
      z-index: 2;
    }

    .kt-blog-card--active {
      border-color: rgba(23,157,46,.22);
      box-shadow: 0 1px 4px rgba(23,157,46,.08);
    }
    .kt-blog-card--active:hover {
      border-color: rgba(23,157,46,.35);
      box-shadow: 0 16px 40px rgba(23,157,46,.11);
    }

    .kt-blog-card-content {
      padding: 18px 19px 20px;
      flex: 1;
      display: flex;
      flex-direction: column;
    }

    .kt-blog-card-content h3 {
      font-family: 'Lora', serif;
      font-size: 0.95rem;
      font-weight: 700;
      color: var(--blue-deep);
      line-height: 1.42;
      margin-bottom: 7px;
      letter-spacing: -.01em;
      transition: color var(--tf);
    }
    .kt-blog-card:hover .kt-blog-card-content h3 { color: var(--primary-blue); }

    .kt-blog-card-content p {
      font-size: 0.82rem;
      color: var(--g500);
      line-height: 1.60;
      flex: 1;
      margin-bottom: 15px;
    }

    .kt-blog-card-footer {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding-top: 12px;
      border-top: 1px solid var(--g100);
    }

    .kt-blog-card-read {
      font-size: 0.76rem;
      font-weight: 700;
      color: var(--primary-blue);
      display: inline-flex;
      align-items: center;
      gap: 5px;
      transition: gap var(--tf);
    }
    .kt-blog-card:hover .kt-blog-card-read { gap: 8px; }
    .kt-blog-card-read svg { width: 12px; height: 12px; transition: transform var(--tf); }
    .kt-blog-card:hover .kt-blog-card-read svg { transform: translateX(2px); }

    .kt-blog-card-min {
      font-size: 0.70rem;
      color: var(--g400);
      display: inline-flex;
      align-items: center;
      gap: 4px;
      font-weight: 500;
    }
    .kt-blog-card-min svg { width: 11px; height: 11px; }

    /* ══════════════════════════════════════════════════════════════
       RESPONSIVE
    ══════════════════════════════════════════════════════════════ */
    @media (max-width: 1100px) {
      .kt-blog-layout { grid-template-columns: 1fr; gap: 44px; }
      .kt-blog-sidebar { position: static; display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
      .kt-blog-cta-box { grid-column: 1 / -1; }
    }

    @media (max-width: 860px) {
      .kt-blog-related-grid { grid-template-columns: 1fr; max-width: 440px; }
      .kt-blog-sidebar { grid-template-columns: 1fr; }
    }

    @media (max-width: 640px) {
      .kt-blog-hero { padding: 56px 20px 84px; }
      .kt-blog-wrapper { padding: 0 16px; }
      .kt-blog-layout { padding: 40px 0 64px; }
      .kt-blog-figure--inline { float: none; width: 100%; margin: 24px 0; }
      .kt-blog-recipe-body { grid-template-columns: 1fr; }
      .kt-blog-related { padding: 52px 0 64px; }
    }