.post figure {
     position: relative;
     overflow: hidden;
 }

 .post figure::after {
     content: "";
     position: absolute;
     inset: 0;
     background: rgba(0, 0, 0, 0.18);
     pointer-events: none;
     z-index: 1;
 }

 .post figure img {
     position: relative;
     z-index: 0;
 }

 .plana-single-breadcrumb-bar {
     background: var(--section-bg);
     border-bottom: 1px solid var(--border-ui);
     padding: 26px 0;
 }

 .plana-single-breadcrumb-bar .cvn-single-breadcrumbs {
     color: var(--primary);
     font-size: 16px;
     justify-content: flex-start;
     text-align: left;
 }

 .plana-single-breadcrumb-bar .cvn-single-breadcrumbs a,
 .plana-single-breadcrumb-bar .cvn-single-breadcrumbs span,
 .plana-single-breadcrumb-bar .cvn-single-breadcrumbs__divider {
     color: var(--primary);
 }

 .plana-single-breadcrumb-bar .cvn-single-breadcrumbs a:hover {
     color: var(--accent);
 }

 .plana-single-post-meta-row {
     align-items: center;
     display: flex;
     gap: 20px;
     justify-content: space-between;
     margin-top: 8px;
 }

 .plana-single-post-meta {
     align-items: center;
     color: var(--text-sub);
     display: flex;
     flex-wrap: wrap;
     font-size: 15px;
     font-weight: 600;
     gap: 12px;
     justify-content: flex-start;
     letter-spacing: 0;
     line-height: 1.4;
     text-transform: none;
 }

 .plana-single-post-meta__item {
     align-items: center;
     display: inline-flex;
     gap: 8px;
     white-space: nowrap;
 }

 .plana-single-post-meta__item:not(:last-child)::after {
     color: var(--primary-700);
     content: ".";
     margin-left: 4px;
 }

 .plana-single-post-meta__item i {
     align-items: center;
     border: 1px solid var(--accent-border);
     border-radius: var(--radius-full);
     color: var(--primary);
     display: inline-flex;
     font-size: 12px;
     height: 22px;
     justify-content: center;
     line-height: 1;
     width: 22px;
 }

 .plana-single-post-share {
     flex: 0 0 auto;
 }

 .plana-single-post-share .social-icons.share-icons {
     align-items: center;
     display: flex;
     gap: 10px;
     margin: 0;
 }

 .plana-single-post-share .social-icons.share-icons a {
     align-items: center;
     background: var(--primary);
     color: var(--black);
     display: inline-flex;
     font-size: 17px;
     height: 38px;
     justify-content: center;
     line-height: 1;
     min-height: 38px;
     min-width: 38px;
     width: 38px;
 }

 .plana-single-post-share .social-icons.share-icons a:hover {
     background: var(--primary);
     color: var(--on-dark-text) !important;
     transform: none;
 }

 .plana-single-post-share .social-icons.share-icons a i,
 .plana-single-post-share .social-icons.share-icons a svg {
     color: var(--black) !important;
     fill: var(--black) !important;
 }

 .plana-single-post-share .social-icons.share-icons a i::before {
     color: currentColor !important;
 }

 .plana-single-post-share .social-icons.share-icons a:hover i,
 .plana-single-post-share .social-icons.share-icons a:hover i::before,
 .plana-single-post-share .social-icons.share-icons a:hover svg,
 .plana-single-post-share .social-icons.share-icons a:hover svg path {
     color: var(--on-dark-text) !important;
     fill: var(--on-dark-text) !important;
 }

 .plana-related-posts {
     background: var(--surface-bg);
     border: 1px solid var(--border-ui);
     box-shadow: var(--shadow-card);
     color: var(--text-main);
     padding: 30px 28px;
 }

 .plana-related-posts__title {
     color: var(--text-heading);
     font-family: "Playfair Display", serif;
     font-size: 24px;
     font-weight: 600;
     line-height: 1.25;
     margin: 0 0 24px;
 }

 .plana-related-posts__list {
     display: grid;
     gap: 0;
 }

 .plana-related-posts__item {
     display: grid;
     gap: 16px;
     grid-template-columns: 82px 1fr;
     padding: 20px 0;
 }

 .plana-related-posts__item:first-child {
     padding-top: 0;
 }

 .plana-related-posts__item:not(:last-child) {
     border-bottom: 1px solid var(--border-ui-strong);
 }

 .plana-related-posts__thumb {
     aspect-ratio: 1 / 1;
     background: var(--section-bg-brand);
     border-radius: 7px;
     display: block;
     overflow: hidden;
 }

 .plana-related-posts__thumb img {
     display: block;
     height: 100%;
     object-fit: cover;
     transition: transform 200ms ease;
     width: 100%;
 }

 .plana-related-posts__item:hover .plana-related-posts__thumb img {
     transform: scale(1.04);
 }

 .plana-related-posts__body {
     min-width: 0;
 }

 .plana-related-posts__post-title {
     color: var(--primary);
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     margin: 0 0 10px;
     overflow: hidden;
 }

 .plana-related-posts__post-title a {
     color: inherit;
     text-decoration: none;
 }

 .plana-related-posts__post-title a:hover {
     color: var(--accent);
 }

 .plana-related-posts__meta {
     align-items: center;
     color: var(--text-soft-ui);
     display: flex;
     flex-wrap: wrap;
     font-size: 12px;
     gap: 8px 14px;
 }

 .plana-related-posts__meta span {
     align-items: center;
     display: inline-flex;
     gap: 5px;
 }

 .plana-related-posts__meta i {
     color: var(--primary);
     font-size: 11px;
 }

 body.single-post .comments-area {
     /* margin-top: 30px; */
 }

 .single-post .entry-author.author-box {
     display: none;
 }

 body.single-post .comment-respond {
     background: var(--surface-bg);
     border: 1px solid var(--border-ui);
     border-radius: 8px;
     box-shadow: var(--shadow-soft);
     color: var(--text-sub);
     padding: 30px 28px 48px;
 }

 body.single-post .comment-reply-title {
     color: var(--text-heading);
     font-family: "Playfair Display", serif;
     font-size: 26px;
     font-weight: 600;
     line-height: 1.25;
     margin: 0 0 18px;
 }

 body.single-post .comment-reply-title small {
     font-size: 13px;
     font-weight: 500;
     margin-left: 8px;
 }

 body.single-post .comment-reply-title small a,
 body.single-post .logged-in-as a {
     color: var(--primary);
     text-decoration: none;
 }

 body.single-post .comment-reply-title small a:hover,
 body.single-post .logged-in-as a:hover {
     color: var(--accent);
 }

 body.single-post .comment-form {
     display: grid;
     gap: 18px;
     margin: 0;
 }

 body.single-post .comment-form p {
     margin: 0;
 }

 body.single-post .logged-in-as {
     color: var(--text-soft-ui);
     font-size: 14px;
     line-height: 1.6;
 }

 body.single-post .comment-form label {
     color: var(--accent);
     display: block;
     font-size: 14px;
     font-weight: 700;
     margin-bottom: 8px;
 }

 body.single-post .comment-form .required,
 body.single-post .required-field-message .required {
     color: var(--primary);
 }

 body.single-post .comment-form input[type="text"],
 body.single-post .comment-form input[type="email"],
 body.single-post .comment-form input[type="url"],
 body.single-post .comment-form textarea {
     background: rgba(var(--accent-100-rgb), 0.055) !important;
     border: 1px solid var(--accent-border);
     border-radius: 8px;
     box-shadow: inset 0 0 0 1px rgba(247, 242, 233, 0.03);
     color: var(--text-main);
     font-size: 15px;
     line-height: 1.65;
     margin: 0;
     outline: none;
     padding: 13px 15px;
     transition: background 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
     width: 100%;
 }

 body.single-post .comment-form textarea {
     min-height: 170px;
     resize: vertical;
 }

 body.single-post .comment-form input[type="text"]:focus,
 body.single-post .comment-form input[type="email"]:focus,
 body.single-post .comment-form input[type="url"]:focus,
 body.single-post .comment-form textarea:focus {
     background: var(--section-bg);
     border-color: var(--border-ui-strong);
     box-shadow: 0 0 0 3px rgba(var(--primary-500-rgb), 0.14);
 }

 body.single-post .comment-form .form-submit {
     align-items: center;
     display: flex;
     gap: 10px;
     margin: 8px 0 0;
     min-height: 44px;
 }

 body.single-post .comment-form .submit {

     background: var(--primary);
     border: 1px solid var(--primary);
     border-radius: 7px;
     box-shadow: none;
     color: var(--on-dark-text) !important;
     cursor: pointer;
     font-size: 14px;
     font-weight: 700;
     line-height: 1;
     margin-bottom: 15px;
     min-height: 44px;
     padding: 0 20px;
     text-transform: none;
     transition: background 180ms ease, border-color 180ms ease, color 180ms ease;
 }

 body.single-post .comment-form .submit:hover {
     background: var(--accent);
     border-color: var(--accent);
     color: var(--black) !important;
 }

 body.single-post .comment-form-cookies-consent {
     display: flex;
     align-items: center;
     gap: 10px;
 }

 body.single-post .comment-form-cookies-consent label[for="wp-comment-cookies-consent"] {
     margin-bottom: 0px;

 }

 body.single-post .comment-form-cookies-consent input[type="checkbox"] {
     accent-color: var(--primary);
     margin-right: 0px;
 }

 @media (max-width: 1024px) {
     .plana-single-breadcrumb-bar {
         padding: 22px 0;
     }

     .plana-single-breadcrumb-bar .cvn-single-breadcrumbs {
         font-size: 15px;
     }

     .plana-single-post-meta-row {
         align-items: flex-start;
         gap: 16px;
     }

     .plana-single-post-meta {
         font-size: 14px;
         gap: 10px;
     }

     .plana-single-post-share .social-icons.share-icons {
         gap: 8px;
     }

     .plana-related-posts {
         padding: 26px 24px;
     }

     .plana-related-posts__title {
         font-size: 22px;
         margin-bottom: 20px;
     }

     .plana-related-posts__item {
         gap: 14px;
         grid-template-columns: 78px 1fr;
         padding: 18px 0;
     }

     body.single-post .comment-respond {
         padding: 26px 24px 42px;
     }

     body.single-post .comment-reply-title {
         font-size: 24px;
     }

     body.single-post .comment-form textarea {
         min-height: 160px;
     }
 }

 @media (max-width: 767px) {
     .post figure::after {
         background: rgba(0, 0, 0, 0.14);
     }

     .plana-single-breadcrumb-bar {
         padding: 18px 0;
     }

     .plana-single-breadcrumb-bar .cvn-single-breadcrumbs {
         font-size: 14px;
         line-height: 1.5;
     }

     .plana-single-post-meta-row {
         align-items: flex-start;
         flex-direction: column;
         gap: 14px;
     }

     .plana-single-post-meta {
         font-size: 13px;
         gap: 9px;
         justify-content: flex-start;
     }

     .plana-single-post-meta__item {
         white-space: normal;
     }

     .plana-single-post-meta__item i {
         flex: 0 0 22px;
     }

     .plana-single-post-share {
         width: 100%;
     }

     .plana-single-post-share .social-icons.share-icons {
         flex-wrap: wrap;
         gap: 8px;
     }

     .plana-single-post-share .social-icons.share-icons a {
         height: 36px;
         min-height: 36px;
         min-width: 36px;
         width: 36px;
     }

     .plana-related-posts {
         padding: 24px 20px;
     }

     .plana-related-posts__title {
         font-size: 21px;
         margin-bottom: 18px;
     }

     .plana-related-posts__item {
         gap: 12px;
         grid-template-columns: 74px 1fr;
         padding: 16px 0;
     }

     .plana-related-posts__post-title {
         font-size: 14px;
         line-height: 1.45;
         margin-bottom: 8px;
     }

     .plana-related-posts__meta {
         font-size: 11px;
         gap: 6px 10px;
     }

     body.single-post .comment-respond {
         padding: 24px 20px 38px;
     }

     body.single-post .comment-reply-title {
         font-size: 22px;
     }

     body.single-post .comment-form {
         gap: 16px;
     }

     body.single-post .comment-form label {
         font-size: 13px;
     }

     body.single-post .comment-form input[type="text"],
     body.single-post .comment-form input[type="email"],
     body.single-post .comment-form input[type="url"],
     body.single-post .comment-form textarea {
         font-size: 14px;
         padding: 12px 14px;
     }

     body.single-post .comment-form textarea {
         min-height: 150px;
     }

     body.single-post .comment-form .form-submit {
         align-items: stretch;
         flex-direction: column;
     }

     body.single-post .comment-form .submit {
         width: 100%;
     }

     body.single-post .comment-form-cookies-consent {
         align-items: flex-start;
         gap: 9px;
     }

     body.single-post .comment-form-cookies-consent input[type="checkbox"] {
         flex: 0 0 auto;
         margin-top: 3px;
     }
 }