/*
Theme Name: Holamed Child
Theme URI: https://like-themes.com
Description: Holamed Child Theme for custom modifications and PHP 8.5 compatibility.
Author: Like-Themes
Author URI: https://like-themes.com
Template: holamed
Version: 1.1.0
Text Domain: holamed
*/

/* ==========================================================================
   BRAND DESIGN SYSTEM: Primary #C8A33E & Secondary #444867
   ========================================================================== */
:root {
  --primary: #C8A33E;
  --primary-rgb: 200, 163, 62;
  --primary-hover: #b59130;
  --primary-light: #faf5e8;
  --primary-glow: rgba(200, 163, 62, 0.35);

  --secondary: #444867;
  --secondary-rgb: 68, 72, 103;
  --secondary-hover: #363953;
  --secondary-light: #f3f4f8;
  --secondary-dark: #272a3e;

  /* Native Theme Overrides */
  --main: #C8A33E !important;
  --main-darker: #b59130 !important;
  --main-lighter: #dcbb5f !important;
  --main-semi: rgba(200, 163, 62, 0.5) !important;
  --second: #444867 !important;
  --second-semi: rgba(68, 72, 103, 0.5) !important;
}

/* Global button, badge & accent color harmonization */
.color-main,
.text-main,
.heading.color-main h1,
.heading.color-main h2,
.heading.color-main h3,
.heading.color-main h4,
.heading.color-main h5,
.heading.color-main h6,
.heading.subcolor-main .subheader,
.ltx-color-main {
  color: #C8A33E !important;
}

.color-second,
.text-second,
.ltx-color-second {
  color: #444867 !important;
}

.btn-main,
.btn-theme,
.btn.color-main,
a.btn.color-main {
  background-color: #C8A33E !important;
  border-color: #C8A33E !important;
  color: #ffffff !important;
}

.btn-main:hover,
.btn-theme:hover,
.btn.color-main:hover,
a.btn.color-main:hover {
  background-color: #444867 !important;
  border-color: #444867 !important;
  color: #ffffff !important;
}

.btn.color-second,
a.btn.color-second,
.btn.color-black,
a.btn.color-black {
  background-color: #444867 !important;
  border-color: #444867 !important;
  color: #ffffff !important;
}

.btn.color-second:hover,
a.btn.color-second:hover,
.btn.color-black:hover,
a.btn.color-black:hover {
  background-color: #C8A33E !important;
  border-color: #C8A33E !important;
  color: #ffffff !important;
}

/* Navigation active & hover indicators */
.nav-menu li.current-menu-item>a,
.nav-menu li.current-menu-ancestor>a,
.nav-menu li:hover>a {
  color: #C8A33E !important;
}

/* Category pills and highlights */
.category-pill,
.badge-primary {
  background: #C8A33E !important;
  color: #ffffff !important;
}

/* Section Subheader accent lines and typography */
.subheader {
  color: #C8A33E !important;
}


/* ==========================================================================
   BLOG ARCHIVE: Full Width & Equal Height 3-Columns Grid
   ========================================================================== */

/* 1. Full width container - eliminate sidebar empty space */
.inner-page .ltx-blog-wrap,
.row.with-sidebar .ltx-blog-wrap,
.row.centered .ltx-blog-wrap {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  padding-right: 15px !important;
  padding-left: 15px !important;
  float: none !important;
}

.inner-page .row.with-sidebar,
.inner-page .row.centered {
  margin-left: -15px !important;
  margin-right: -15px !important;
}

/* 2. Grid Container for 3 columns */
.blog-block.layout-three-cols,
.blog-block.layout-two-cols {
  margin-top: 0 !important;
  width: 100% !important;
}

.blog-block.layout-three-cols .row,
.blog-block .row.layout-three-cols-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 30px !important;
  height: auto !important;
  position: relative !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Clear pseudo-elements from Bootstrap row that break CSS Grid */
.blog-block.layout-three-cols .row:before,
.blog-block.layout-three-cols .row:after,
.blog-block .row.layout-three-cols-grid:before,
.blog-block .row.layout-three-cols-grid:after {
  display: none !important;
}

/* Tablet: 2 Columns */
@media (max-width: 991px) {

  .blog-block.layout-three-cols .row,
  .blog-block .row.layout-three-cols-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 24px !important;
  }
}

/* Mobile: 1 Column */
@media (max-width: 640px) {

  .blog-block.layout-three-cols .row,
  .blog-block .row.layout-three-cols-grid {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
}

/* 3. Grid Items & Equal Height Cards */
.blog-block.layout-three-cols .item,
.blog-block .row.layout-three-cols-grid .item {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

.blog-block.layout-three-cols article,
.blog-block .row.layout-three-cols-grid article {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  height: 100% !important;
  margin-top: 0 !important;
  padding: 0 !important;
  border-radius: 12px !important;
  background-color: #ffffff !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06) !important;
  border: 1px solid #edf2f7 !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
  overflow: hidden !important;
  position: relative !important;
}

.blog-block.layout-three-cols article:hover,
.blog-block .row.layout-three-cols-grid article:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 28px rgba(200, 163, 62, 0.16) !important;
}

/* 4. Aspect Ratio & Images */
.blog-block.layout-three-cols article .photo,
.blog-block .row.layout-three-cols-grid article .photo {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 4 / 3 !important;
  overflow: hidden !important;
  border-radius: 12px 12px 0 0 !important;
  margin-bottom: 0 !important;
  background: #f8fafc !important;
}

.blog-block.layout-three-cols article .photo img,
.blog-block .row.layout-three-cols-grid article .photo img {
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center !important;
  border-radius: 12px 12px 0 0 !important;
  transition: transform 0.4s ease !important;
  display: block !important;
}

.blog-block.layout-three-cols article .photo img.default-featured-img,
.blog-block .row.layout-three-cols-grid article .photo img.default-featured-img {
  object-fit: cover !important;
}

.single-post-featured-image img.default-featured-img {
  width: 100% !important;
  max-width: 800px !important;
  height: auto !important;
  aspect-ratio: 16 / 10 !important;
  object-fit: cover !important;
}

.blog-block.layout-three-cols article:hover .photo img,
.blog-block .row.layout-three-cols-grid article:hover .photo img {
  transform: scale(1.03) !important;
}

/* 5. Category Pill Badge */
.blog-block.layout-three-cols article .ltx-cats,
.blog-block .row.layout-three-cols-grid article .ltx-cats {
  position: absolute !important;
  top: 14px !important;
  left: 14px !important;
  z-index: 2 !important;
  margin: 0 !important;
}

.blog-block.layout-three-cols article .ltx-cats a,
.blog-block .row.layout-three-cols-grid article .ltx-cats a {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: blur(4px) !important;
  color: #0077b6 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  padding: 5px 13px !important;
  border-radius: 20px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
  transition: all 0.2s ease !important;
  text-decoration: none !important;
  line-height: 1.2 !important;
}

.blog-block.layout-three-cols article .ltx-cats a:hover,
.blog-block .row.layout-three-cols-grid article .ltx-cats a:hover {
  background: #C8A33E !important;
  color: #ffffff !important;
}

/* 6. Description, Title & Meta alignment */
.blog-block.layout-three-cols article .description,
.blog-block .row.layout-three-cols-grid article .description {
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
  padding: 22px 22px 18px 22px !important;
  background: #ffffff !important;
}

.blog-block.layout-three-cols article .header,
.blog-block .row.layout-three-cols-grid article .header {
  text-decoration: none !important;
  display: block !important;
}

.blog-block.layout-three-cols article .header h3,
.blog-block .row.layout-three-cols-grid article .header h3 {
  font-size: 19px !important;
  line-height: 1.4 !important;
  font-weight: 700 !important;
  color: #1e293b !important;
  margin: 0 0 16px 0 !important;
  transition: color 0.2s ease !important;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.blog-block.layout-three-cols article .header:hover h3,
.blog-block .row.layout-three-cols-grid article .header:hover h3 {
  color: #C8A33E !important;
}

/* Post Info strictly pinned to card bottom */
.blog-block.layout-three-cols article .blog-info,
.blog-block .row.layout-three-cols-grid article .blog-info {
  margin-top: auto !important;
  padding-top: 14px !important;
  border-top: 1px solid #f1f5f9 !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  font-size: 13px !important;
  color: #64748b !important;
}

.blog-block.layout-three-cols article .blog-info ul,
.blog-block .row.layout-three-cols-grid article .blog-info ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
}

.blog-block.layout-three-cols article .blog-info li,
.blog-block .row.layout-three-cols-grid article .blog-info li {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  margin: 0 !important;
  font-size: 13px !important;
  color: #64748b !important;
}

.blog-block.layout-three-cols article .blog-info i,
.blog-block .row.layout-three-cols-grid article .blog-info i {
  color: #C8A33E !important;
}

/* 7. Pagination Styling */
.blog-block .blog-pagination,
.blog-block nav.pagination,
.ltx-blog-wrap nav.pagination {
  margin-top: 40px !important;
  text-align: center !important;
  width: 100% !important;
}

/* 8. Hide legacy fixed call button (zeng.jpg) */
.contact,
.contact .call {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* ==========================================================================
   BLOG SINGLE POST: Modern Harmonious Single Post Redesign
   ========================================================================== */

/* 1. Main Container & Centered Unified Column (~960px) */
.single-post-main .inner-page .ltx-blog-wrap,
.single-post-main .row .ltx-blog-wrap {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  padding: 0 15px !important;
}

.blog-post-modern {
  width: 100% !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
}

.single-post-article {
  width: 100% !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* 2. Post Header */
.single-post-header {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto 36px auto !important;
  text-align: left !important;
}

.single-post-categories {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-bottom: 16px !important;
}

.single-post-categories .category-pill {
  display: inline-block !important;
  background: #e0f2fe !important;
  color: #444867 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  padding: 5px 14px !important;
  border-radius: 20px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  line-height: 1.3 !important;
}

.single-post-categories .category-pill:hover {
  background: #C8A33E !important;
  color: #ffffff !important;
}

.single-post-title {
  font-size: 40px !important;
  line-height: 1.28 !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  margin: 0 0 24px 0 !important;
  letter-spacing: -0.5px !important;
}

@media (max-width: 768px) {
  .single-post-title {
    font-size: 26px !important;
    line-height: 1.32 !important;
  }
}

/* Author & Meta Bar */
.single-post-meta {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 20px !important;
  padding: 16px 22px !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  font-size: 14px !important;
  color: #64748b !important;
  width: 100% !important;
}

.meta-author {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.meta-author .author-avatar img {
  border-radius: 50% !important;
  width: 44px !important;
  height: 44px !important;
  object-fit: cover !important;
  border: 2px solid #C8A33E !important;
}

.meta-author .author-details {
  display: flex !important;
  flex-direction: column !important;
  line-height: 1.25 !important;
}

.meta-author .author-label {
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  color: #94a3b8 !important;
}

.meta-author .author-name a {
  font-weight: 700 !important;
  color: #0f172a !important;
  text-decoration: none !important;
  font-size: 14px !important;
}

.meta-divider {
  width: 1px !important;
  height: 32px !important;
  background: #cbd5e1 !important;
}

@media (max-width: 640px) {
  .meta-divider {
    display: none !important;
  }
}

.meta-items {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 18px !important;
}

.meta-item {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.meta-item i {
  color: #C8A33E !important;
}

.meta-item a {
  color: #64748b !important;
  text-decoration: none !important;
}

.meta-item a:hover {
  color: #C8A33E !important;
}

/* 3. Hero Media (Featured Image) */
.single-post-hero {
  width: 100% !important;
  max-width: 960px !important;
  margin: 0 auto 36px auto !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: center !important;
}

.single-post-hero.ltx-post-gallery-wrap {
  aspect-ratio: 16 / 9 !important;
  background: #f1f5f9 !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;
}

.single-post-featured-image {
  width: 100% !important;
  aspect-ratio: auto !important;
  max-height: none !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.single-post-featured-image img.hero-media-img {
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 580px !important;
  object-fit: contain !important;
  object-position: center !important;
  margin: 0 auto !important;
  display: inline-block !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;
}

/* 4. Reading Column & Article Text */
.single-post-body {
  width: 100% !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
}

.single-post-content {
  width: 100% !important;
  max-width: 100% !important;
}

.single-post-content>p,
.single-post-content>ul,
.single-post-content>ol,
.single-post-content>hr,
.single-post-content>.page-links {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.single-post-content p:not(.sami-cta-desc):not(.aesthetic-cta-desc) {
  font-size: 18px !important;
  line-height: 1.82 !important;
  color: #334155 !important;
  margin-bottom: 26px !important;
}

@media (max-width: 768px) {
  .single-post-content p:not(.sami-cta-desc):not(.aesthetic-cta-desc) {
    font-size: 17px !important;
    line-height: 1.75 !important;
    margin-bottom: 22px !important;
  }
}

.single-post-content strong,
.single-post-content b {
  font-weight: 700 !important;
  color: #0f172a !important;
}

.single-post-content ul,
.single-post-content ol {
  font-size: 17px !important;
  line-height: 1.75 !important;
  color: #334155 !important;
  margin-bottom: 28px !important;
  padding-left: 28px !important;
}

.single-post-content li {
  margin-bottom: 10px !important;
}

.single-post-content blockquote {
  background: #f8fafc !important;
  border-left: 5px solid #C8A33E !important;
  border-radius: 0 12px 12px 0 !important;
  padding: 24px 30px !important;
  margin: 36px 0 !important;
  font-style: italic !important;
  font-size: 19px !important;
  line-height: 1.65 !important;
  color: #1e293b !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03) !important;
  width: 100% !important;
}

/* 5. Headings & Subheadings with Distinct Left Borders */
.single-post-content h2:not(.sami-cta-title):not(.aesthetic-cta-title),
.single-post-content h2.wp-block-heading:not(.sami-cta-title):not(.aesthetic-cta-title),
.blog-post h2:not(.sami-cta-title):not(.aesthetic-cta-title),
article.single-post-article h2:not(.sami-cta-title):not(.aesthetic-cta-title) {
  font-size: 28px !important;
  line-height: 1.35 !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  margin-top: 48px !important;
  margin-bottom: 22px !important;
  padding-left: 18px !important;
  border-left: 5px solid #C8A33E !important;
  /* Brand cyan */
  display: block !important;
  background: transparent !important;
  clear: both !important;
  width: 100% !important;
}

@media (max-width: 768px) {

  .single-post-content h2:not(.sami-cta-title):not(.aesthetic-cta-title),
  .single-post-content h2.wp-block-heading:not(.sami-cta-title):not(.aesthetic-cta-title),
  .blog-post h2:not(.sami-cta-title):not(.aesthetic-cta-title),
  article.single-post-article h2:not(.sami-cta-title):not(.aesthetic-cta-title) {
    font-size: 23px !important;
    margin-top: 36px !important;
    padding-left: 14px !important;
    border-left-width: 4px !important;
  }
}

.single-post-content h3:not(.sami-cta-title):not(.aesthetic-cta-title),
.single-post-content h3.wp-block-heading:not(.sami-cta-title):not(.aesthetic-cta-title),
.blog-post h3:not(.sami-cta-title):not(.aesthetic-cta-title),
article.single-post-article h3:not(.sami-cta-title):not(.aesthetic-cta-title) {
  font-size: 22px !important;
  line-height: 1.4 !important;
  font-weight: 700 !important;
  color: #444867 !important;
  margin-top: 36px !important;
  margin-bottom: 18px !important;
  padding-left: 14px !important;
  border-left: 4px solid #C8A33E !important;
  display: block !important;
  clear: both !important;
  width: 100% !important;
}

@media (max-width: 768px) {

  .single-post-content h3:not(.sami-cta-title):not(.aesthetic-cta-title),
  .single-post-content h3.wp-block-heading:not(.sami-cta-title):not(.aesthetic-cta-title),
  .blog-post h3:not(.sami-cta-title):not(.aesthetic-cta-title),
  article.single-post-article h3:not(.sami-cta-title):not(.aesthetic-cta-title) {
    font-size: 19px !important;
    padding-left: 12px !important;
  }
}

.single-post-content h4,
.single-post-content h4.wp-block-heading,
.blog-post h4,
article.single-post-article h4 {
  font-size: 19px !important;
  line-height: 1.45 !important;
  font-weight: 700 !important;
  color: #334155 !important;
  margin-top: 28px !important;
  margin-bottom: 14px !important;
  padding-left: 12px !important;
  border-left: 3px solid #C8A33E !important;
  display: block !important;
  clear: both !important;
  width: 100% !important;
}

.single-post-content h5,
.single-post-content h6,
.blog-post h5,
.blog-post h6 {
  font-size: 17px !important;
  line-height: 1.45 !important;
  font-weight: 700 !important;
  color: #475569 !important;
  margin-top: 24px !important;
  margin-bottom: 12px !important;
  padding-left: 10px !important;
  border-left: 3px solid #94a3b8 !important;
  display: block !important;
  clear: both !important;
  width: 100% !important;
}

/* 6. Centered Images (All Gutenberg Figures & Inline Images) */
.single-post-content .wp-block-image,
.single-post-content div.wp-block-image,
.single-post-content figure,
.single-post-content figure.wp-block-image,
.single-post-content figure.aligncenter,
.single-post-content .aligncenter,
.single-post-content p:has(img) {
  display: block !important;
  margin-top: 36px !important;
  margin-bottom: 36px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  clear: both !important;
  width: 100% !important;
  max-width: 100% !important;
}

.single-post-content .wp-block-image img,
.single-post-content figure img,
.single-post-content img {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 100% !important;
  height: auto !important;
  object-fit: cover !important;
  border-radius: 12px !important;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.08) !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.single-post-content a.content-lightbox-link {
  display: inline-block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  cursor: zoom-in !important;
  text-align: center !important;
}

.single-post-content a.content-lightbox-link:hover img {
  transform: scale(1.02) !important;
  box-shadow: 0 10px 30px rgba(200, 163, 62, 0.2) !important;
}

.single-post-content figcaption {
  font-size: 14px !important;
  color: #64748b !important;
  margin-top: 10px !important;
  font-style: italic !important;
  text-align: center !important;
  display: block !important;
}

/* 7. Tables: 100% Full Width, Modern & Responsive */
.single-post-content table,
.single-post-content .wp-block-table,
.single-post-content .wp-block-table table,
table {
  width: 100% !important;
  max-width: 100% !important;
  margin: 36px 0 !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
  border: 1px solid #e2e8f0 !important;
  display: table !important;
}

.single-post-content .wp-block-table {
  overflow-x: auto !important;
  border-radius: 12px !important;
  width: 100% !important;
}

.single-post-content table th,
.single-post-content table thead td {
  background: #C8A33E !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  padding: 16px 20px !important;
  text-align: left !important;
  font-size: 15px !important;
  border: none !important;
}

.single-post-content table td {
  padding: 14px 20px !important;
  border-bottom: 1px solid #f1f5f9 !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  color: #334155 !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
}

.single-post-content table tr:nth-child(even) td {
  background: #f8fafc !important;
}

.single-post-content table tr:hover td {
  background: #f0f9ff !important;
}

/* 8. Before / After Comparison Grid */
.before-after-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 24px !important;
  margin: 40px auto !important;
  width: 100% !important;
  max-width: 100% !important;
}

@media (max-width: 640px) {
  .before-after-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
}

.ba-item {
  position: relative !important;
  margin: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.08) !important;
  background: #f1f5f9 !important;
  aspect-ratio: 4 / 3 !important;
  display: flex !important;
}

.ba-item figure,
.ba-item a,
.ba-item img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  margin: 0 !important;
  border-radius: 14px !important;
  display: block !important;
}

.ba-badge {
  position: absolute !important;
  top: 14px !important;
  left: 14px !important;
  padding: 6px 14px !important;
  border-radius: 20px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.6px !important;
  z-index: 10 !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2) !important;
  pointer-events: none !important;
}

.ba-badge.ba-before {
  background: rgba(15, 23, 42, 0.88) !important;
  color: #ffffff !important;
}

.ba-badge.ba-after {
  background: #C8A33E !important;
  color: #ffffff !important;
}

/* 9. Responsive Video Wrapper (16:9) */
.responsive-video-wrap {
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  margin: 40px auto !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 10px 32px rgba(0, 0, 0, 0.12) !important;
  background: #000000 !important;
}

.responsive-video-wrap iframe {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
}

/* 10. Table of Contents (LuckyWP TOC Card) */
.single-post-content .lwptoc {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 14px !important;
  padding: 24px 28px !important;
  margin: 36px 0 !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03) !important;
  width: 100% !important;
  max-width: 100% !important;
}

.single-post-content .lwptoc_header {
  border-bottom: 2px solid #e2e8f0 !important;
  padding-bottom: 12px !important;
  margin-bottom: 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.single-post-content .lwptoc_title {
  font-size: 19px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
}

.single-post-content .lwptoc_toggle_label {
  font-size: 13px !important;
  color: #C8A33E !important;
  text-decoration: none !important;
  font-weight: 600 !important;
}

.single-post-content .lwptoc_item a {
  color: #334155 !important;
  text-decoration: none !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  transition: color 0.2s ease !important;
}

.single-post-content .lwptoc_item a:hover {
  color: #C8A33E !important;
}

.single-post-content .lwptoc_item_number {
  color: #C8A33E !important;
  font-weight: 700 !important;
  margin-right: 6px !important;
}

/* 11. Tags & Social Share Bar */
.single-post-footer {
  width: 100% !important;
  max-width: 1200px !important;
  margin: 48px auto 0 auto !important;
}

.tags-share-bar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 20px !important;
  padding: 24px 0 !important;
  border-top: 1px solid #e2e8f0 !important;
  border-bottom: 1px solid #e2e8f0 !important;
  margin-bottom: 48px !important;
}

.post-tags-list {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.post-tags-list .tags-title {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #475569 !important;
  margin-right: 4px !important;
}

.post-tags-list a {
  display: inline-block !important;
  background: #f1f5f9 !important;
  color: #475569 !important;
  font-size: 13px !important;
  padding: 5px 14px !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.post-tags-list a:hover {
  background: #C8A33E !important;
  color: #ffffff !important;
}

.post-share-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.post-share-wrap .share-title {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #475569 !important;
}

/* 12. Author Bio Box */
.ltx-author-bio {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 16px !important;
  padding: 32px !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04) !important;
  margin-bottom: 48px !important;
  width: 100% !important;
}

/* 13. Modern Comments Section */
.single-post-comments {
  width: 100% !important;
  max-width: 1200px !important;
  margin: 60px auto 0 auto !important;
}

.single-post-comments .comments-title {
  font-size: 26px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  margin-bottom: 28px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.single-post-comments .comments-title i {
  color: #C8A33E !important;
}

.single-post-comments .comment-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 40px 0 !important;
}

.single-post-comments .comment_item {
  margin-bottom: 24px !important;
  list-style: none !important;
}

.single-post-comments .comment-single {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 14px !important;
  padding: 24px 28px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
  display: block !important;
  position: relative !important;
}

.single-post-comments .comment-author-avatar {
  display: none !important;
}

.single-post-comments .comment-content {
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

.single-post-comments .comment-author,
article.single-post-article .single-post-comments .comment-author {
  font-size: 17.5px !important;
  font-weight: 700 !important;
  color: #444867 !important;
  margin: 0 0 4px 0 !important;
  border-left: none !important;
  padding-left: 0 !important;
}

.single-post-comments .comment-author a,
article.single-post-article .single-post-comments .comment-author a {
  color: #444867 !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.single-post-comments .comment-author a:hover,
article.single-post-article .single-post-comments .comment-author a:hover {
  color: #C8A33E !important;
}

.single-post-comments .comment-date-time {
  font-size: 13px !important;
  color: #94a3b8 !important;
  margin-bottom: 12px !important;
  display: block !important;
}

.single-post-comments .comment-text {
  font-size: 16px !important;
  line-height: 1.65 !important;
  color: #334155 !important;
  margin-bottom: 12px !important;
}

.single-post-comments .comment-reply a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #C8A33E !important;
  text-decoration: none !important;
  padding: 4px 14px !important;
  border: 1px solid #bae6fd !important;
  border-radius: 20px !important;
  background: #f0f9ff !important;
  transition: all 0.2s ease !important;
}

.single-post-comments .comment-reply a:hover {
  background: #C8A33E !important;
  color: #ffffff !important;
  border-color: #C8A33E !important;
}

.single-post-comments .comment-list .children {
  padding-left: 48px !important;
  border-left: 2px solid #e2e8f0 !important;
  margin-top: 20px !important;
  list-style: none !important;
}

@media (max-width: 640px) {
  .single-post-comments .comment-list .children {
    padding-left: 18px !important;
  }

  .single-post-comments .comment-single {
    flex-direction: column !important;
    gap: 12px !important;
  }
}

/* Comment Form Card */
.comments-form-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 16px !important;
  padding: 36px !important;
  margin-top: 48px !important;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.05) !important;
}

@media (max-width: 640px) {
  .comments-form-card {
    padding: 24px 18px !important;
  }
}

.comments-form-card .comment-reply-title {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  margin-bottom: 12px !important;
}

.comments-form-card .comments_notes {
  font-size: 14px !important;
  color: #64748b !important;
  margin-bottom: 24px !important;
}

.comments-form-card .form-group {
  margin-bottom: 20px !important;
}

.comments-form-card .field-label {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #334155 !important;
  margin-bottom: 6px !important;
  display: block !important;
}

.comments-form-card .form-control,
.comments-form-card input[type="text"],
.comments-form-card input[type="email"],
.comments-form-card textarea {
  width: 100% !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
  font-size: 15px !important;
  color: #1e293b !important;
  background: #f8fafc !important;
  transition: border-color 0.2s, box-shadow 0.2s, background-color 0.2s !important;
}

.comments-form-card .form-control:focus,
.comments-form-card input[type="text"]:focus,
.comments-form-card input[type="email"]:focus,
.comments-form-card textarea:focus {
  border-color: #C8A33E !important;
  box-shadow: 0 0 0 3px rgba(200, 163, 62, 0.15) !important;
  background: #ffffff !important;
  outline: none !important;
}

.comments-form-card .btn-comment-submit {
  background: #C8A33E !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  padding: 12px 28px !important;
  border-radius: 8px !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  display: inline-block !important;
}

.comments-form-card .btn-comment-submit:hover {
  background: #444867 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 16px rgba(200, 163, 62, 0.25) !important;
}


/* ==========================================================================
   Dr. Sami Samin - Premium Before & After Comparison Redesign
   Primary #C8A33E & Secondary #444867
   ========================================================================== */
.ltx-before-after .ltx-wrap .row.ltx-ba-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.ltx-before-after .ltx-wrap .ltx-ba-side-col {
  margin-top: -135px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 10 !important;
}

.sami-ba-side-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  padding: 26px 18px !important;
  border-radius: 20px !important;
  width: 100% !important;
  max-width: 160px !important;
  background: rgba(255, 255, 255, 0.07) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  box-shadow: 0 14px 35px rgba(0, 0, 0, 0.3) !important;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  user-select: none !important;
}

.sami-ba-side-card:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.42) !important;
}

.sami-ba-side-before {
  border-left: 3.5px solid #94a3b8 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.sami-ba-side-before .sami-ba-side-icon {
  width: 46px !important;
  height: 46px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(255, 255, 255, 0.1) !important;
  color: #e2e8f0 !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  margin-bottom: 12px !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25) !important;
}

.sami-ba-side-before .sami-ba-side-tag {
  font-size: 16px !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  margin-bottom: 4px !important;
  display: block !important;
  line-height: 1.2 !important;
}

.sami-ba-side-before .sami-ba-side-desc {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #94a3b8 !important;
  letter-spacing: 0.4px !important;
  display: block !important;
  line-height: 1.3 !important;
}

.sami-ba-side-after {
  border-right: 3.5px solid #C8A33E !important;
  border-top: 1px solid rgba(200, 163, 62, 0.35) !important;
  background: linear-gradient(135deg, rgba(200, 163, 62, 0.18) 0%, rgba(255, 255, 255, 0.05) 100%) !important;
  box-shadow: 0 14px 35px rgba(200, 163, 62, 0.2), 0 14px 35px rgba(0, 0, 0, 0.3) !important;
}

.sami-ba-side-after .sami-ba-side-icon {
  width: 46px !important;
  height: 46px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(135deg, rgba(200, 163, 62, 0.4) 0%, rgba(200, 163, 62, 0.18) 100%) !important;
  color: #f7d5a5 !important;
  border: 1px solid rgba(200, 163, 62, 0.55) !important;
  margin-bottom: 12px !important;
  box-shadow: 0 4px 16px rgba(200, 163, 62, 0.35) !important;
}

.sami-ba-side-after .sami-ba-side-tag {
  font-size: 16px !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: #f7d5a5 !important;
  margin-bottom: 4px !important;
  display: block !important;
  line-height: 1.2 !important;
}

.sami-ba-side-after .sami-ba-side-desc {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #e6c89e !important;
  letter-spacing: 0.4px !important;
  display: block !important;
  line-height: 1.3 !important;
}

/* In-Image Floating Badges */
.ltx-before-after .ltx-wrap .ltx-ba-wrap .sami-ba-pill {
  position: absolute !important;
  top: 24px !important;
  z-index: 10 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  padding: 8px 20px !important;
  border-radius: 40px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 1.6px !important;
  text-transform: uppercase !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  pointer-events: none !important;
  user-select: none !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.38) !important;
  line-height: 1 !important;
  width: auto !important;
}

.ltx-before-after .ltx-wrap .ltx-ba-wrap .sami-ba-pill-before {
  left: 24px !important;
  background: rgba(15, 23, 42, 0.8) !important;
  color: #f8fafc !important;
  border: 1px solid rgba(255, 255, 255, 0.28) !important;
}

.ltx-before-after .ltx-wrap .ltx-ba-wrap .sami-ba-pill-before .sami-ba-pill-dot {
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background-color: #94a3b8 !important;
  display: inline-block !important;
  box-shadow: 0 0 6px rgba(148, 163, 184, 0.8) !important;
}

.ltx-before-after .ltx-wrap .ltx-ba-wrap .sami-ba-pill-after {
  right: 24px !important;
  background: rgba(200, 163, 62, 0.92) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.45) !important;
  box-shadow: 0 10px 30px rgba(200, 163, 62, 0.45), 0 8px 22px rgba(0, 0, 0, 0.28) !important;
}

.ltx-before-after .ltx-wrap .ltx-ba-wrap .sami-ba-pill-after .sami-ba-pill-dot {
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background-color: #ffffff !important;
  display: inline-block !important;
  box-shadow: 0 0 8px rgba(255, 255, 255, 0.95) !important;
}

.ltx-before-after .ltx-wrap .ltx-ba-wrap .handle {
  z-index: 14 !important;
}

@media (max-width: 991px) {
  .ltx-before-after .ltx-wrap .ltx-ba-side-col {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .ltx-before-after .ltx-wrap .ltx-ba-wrap .sami-ba-pill {
    top: 14px !important;
    padding: 6px 14px !important;
    font-size: 11.5px !important;
    letter-spacing: 1.2px !important;
  }

  .ltx-before-after .ltx-wrap .ltx-ba-wrap .sami-ba-pill-before {
    left: 14px !important;
  }

  .ltx-before-after .ltx-wrap .ltx-ba-wrap .sami-ba-pill-after {
    right: 14px !important;
  }
}


/* ==========================================================================
   FOOTER WIDGETS DESIGN: Column 1, 2, 3, 4 Harmonization
   ========================================================================== */
#ltx-widgets-footer {
  background-color: #1e2132 !important;
  padding-top: 60px !important;
  padding-bottom: 50px !important;
}

#ltx-widgets-footer .header-widget {
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  letter-spacing: 0.5px !important;
  margin-bottom: 22px !important;
  position: relative !important;
  padding-bottom: 10px !important;
}

#ltx-widgets-footer .header-widget:after {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 35px !important;
  height: 2.5px !important;
  background: #C8A33E !important;
  border-radius: 2px !important;
}

/* Column 1: Doctor Bio & Badges */
.footer-bio-text {
  font-size: 13.5px !important;
  line-height: 1.7 !important;
  color: #94a3b8 !important;
  margin-bottom: 18px !important;
}

.footer-cert-badges {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-top: 14px !important;
}

.footer-cert-badges .badge-cert {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 5px 12px !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(200, 163, 62, 0.3) !important;
  border-radius: 20px !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  color: #e2e8f0 !important;
  backdrop-filter: blur(8px) !important;
  line-height: 1.4 !important;
}

.footer-cert-badges .badge-cert i {
  color: #C8A33E !important;
  font-size: 12px !important;
}

/* Column 2: Navigation Links */
.footer-nav-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.footer-nav-list li {
  margin-bottom: 10px !important;
}

.footer-nav-list li a {
  color: #cbd5e1 !important;
  font-size: 13.5px !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  transition: all 0.25s ease !important;
}

.footer-nav-list li a i {
  color: #C8A33E !important;
  font-size: 12px !important;
  transition: transform 0.25s ease !important;
}

.footer-nav-list li a:hover {
  color: #C8A33E !important;
  transform: translateX(4px) !important;
}

/* Column 3: Recent Articles & More */
.footer-blog-more {
  margin-top: 16px !important;
}

.footer-more-link {
  color: #C8A33E !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  transition: all 0.25s ease !important;
}

.footer-more-link:hover {
  color: #f7d5a5 !important;
  transform: translateX(4px) !important;
}

/* Column 4: Contact & Appointments Card */
.footer-contact-card {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

.footer-contact-item {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
}

.footer-contact-item>i {
  color: #C8A33E !important;
  font-size: 17px !important;
  margin-top: 3px !important;
  width: 20px !important;
  text-align: center !important;
  flex-shrink: 0 !important;
}

.footer-contact-item .contact-detail {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

.footer-contact-item .contact-detail strong {
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  color: #C8A33E !important;
  font-weight: 700 !important;
  display: block !important;
  margin-bottom: 2px !important;
}

.footer-contact-item .contact-detail span,
.footer-contact-item .contact-detail a {
  font-size: 13.5px !important;
  color: #cbd5e1 !important;
  line-height: 1.45 !important;
  display: block !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.footer-contact-item .contact-detail a:hover {
  color: #C8A33E !important;
}

.footer-cta-wrapper {
  margin-top: 8px !important;
}

.footer-cta-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  background: #C8A33E !important;
  color: #ffffff !important;
  padding: 10px 22px !important;
  border-radius: 25px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  box-shadow: 0 4px 16px rgba(200, 163, 62, 0.3) !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
}

.footer-cta-btn:hover {
  background: #444867 !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(68, 72, 103, 0.4) !important;
}

/* Comments section button and UI harmonization */
.comments-form-card .btn-comment-submit {
  background: #C8A33E !important;
  color: #ffffff !important;
  border-radius: 25px !important;
  padding: 12px 32px !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  box-shadow: 0 4px 16px rgba(200, 163, 62, 0.3) !important;
}

.comments-form-card .btn-comment-submit:hover {
  background: #444867 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(68, 72, 103, 0.35) !important;
}

.comment-reply-link {
  background: rgba(200, 163, 62, 0.1) !important;
  color: #C8A33E !important;
  border: 1px solid rgba(200, 163, 62, 0.35) !important;
  border-radius: 20px !important;
  padding: 4px 14px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  transition: all 0.25s ease !important;
}

.comment-reply-link:hover {
  background: #C8A33E !important;
  color: #ffffff !important;
  border-color: #C8A33E !important;
}


/* ==========================================================================
   Sami Samin - Modern Aesthetic Service Pages Design System
   ========================================================================== */

.sami-service-container {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 15px;
  color: #334155;
  font-size: 16px;
  line-height: 1.8;
}

/* Hero enhancements */
.sami-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 16px;
  background: rgba(200, 163, 62, 0.12);
  border: 1px solid rgba(200, 163, 62, 0.35);
  border-radius: 30px;
  color: #C8A33E;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 16px;
}

.sami-hero-lead {
  font-size: 17px;
  line-height: 1.8;
  color: #475569;
  margin-bottom: 24px;
}

/* Quick Facts / Procedure Specs Grid */
.sami-specs-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  margin: 25px 0 45px 0;
}

@media (max-width: 991px) {
  .sami-specs-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}

@media (max-width: 575px) {
  .sami-specs-grid {
    grid-template-columns: 1fr;
  }
}

.sami-spec-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 22px 18px;
  text-align: center;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
  position: relative;
  overflow: hidden;
}

.sami-spec-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #C8A33E, #444867);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.sami-spec-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(68, 72, 103, 0.08);
  border-color: rgba(200, 163, 62, 0.4);
}

.sami-spec-card:hover::before {
  opacity: 1;
}

.sami-spec-icon {
  width: 48px;
  height: 48px;
  margin: 0 auto 12px;
  border-radius: 50%;
  background: rgba(200, 163, 62, 0.12);
  color: #C8A33E;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}

.sami-spec-title {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  color: #64748b;
  font-weight: 600;
  margin-bottom: 6px;
}

.sami-spec-val {
  font-size: 17px;
  font-weight: 700;
  color: #444867;
  margin: 0;
  line-height: 1.3;
}

.sami-spec-desc {
  font-size: 12px;
  color: #94a3b8;
  margin-top: 5px;
  line-height: 1.4;
}

/* Section Header */
.sami-sec-header {
  text-align: center;
  max-width: 760px;
  margin: 0 auto 36px;
}

.sami-sec-badge {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: #C8A33E;
  margin-bottom: 10px;
}

.sami-sec-title {
  font-size: 28px;
  font-weight: 700;
  color: #444867;
  margin: 0 0 14px;
  line-height: 1.35;
}

.sami-sec-desc {
  font-size: 15.5px;
  color: #64748b;
  line-height: 1.7;
  margin: 0;
}

/* Intro Highlight Card */
.sami-intro-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-left: 5px solid #C8A33E;
  border-radius: 12px;
  padding: 28px 32px;
  margin: 25px 0 45px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
}

.sami-intro-card p {
  font-size: 16.5px;
  line-height: 1.8;
  color: #334155;
  margin-bottom: 16px;
}

.sami-intro-card p:last-child {
  margin-bottom: 0;
}

/* Feature Advantages Grid */
.sami-features-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-bottom: 50px;
}

@media (max-width: 991px) {
  .sami-features-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

.sami-feature-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  padding: 30px 26px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
}

.sami-feature-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 30px rgba(68, 72, 103, 0.09);
  border-color: rgba(200, 163, 62, 0.4);
}

.sami-feature-icon-wrap {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(200, 163, 62, 0.15) 0%, rgba(68, 72, 103, 0.1) 100%);
  color: #C8A33E;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  margin-bottom: 18px;
}

.sami-feature-title {
  font-size: 18px;
  font-weight: 700;
  color: #444867;
  margin: 0 0 10px;
}

.sami-feature-text {
  font-size: 14.5px;
  line-height: 1.7;
  color: #64748b;
  margin: 0;
}

/* Comparison Table */
.sami-compare-wrap {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  overflow: hidden;
  margin: 30px 0 50px;
  box-shadow: 0 6px 25px rgba(0, 0, 0, 0.04);
}

.sami-compare-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 15px;
}

.sami-compare-table th,
.sami-compare-table td {
  padding: 16px 22px;
  border-bottom: 1px solid #f1f5f9;
  vertical-align: middle;
}

.sami-compare-table thead th {
  background: #f8fafc;
  font-size: 15.5px;
  font-weight: 700;
  color: #444867;
  text-align: left;
}

.sami-compare-table thead th.highlight-col {
  background: rgba(200, 163, 62, 0.12);
  color: #C8A33E;
  border-top: 3px solid #C8A33E;
}

.sami-compare-table tbody tr:last-child td {
  border-bottom: none;
}

.sami-compare-table td.highlight-col {
  background: rgba(200, 163, 62, 0.04);
  font-weight: 600;
  color: #1e293b;
}

.compare-badge-good {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #10b981;
  font-weight: 600;
}

.compare-badge-warn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #f59e0b;
}

@media (max-width: 767px) {
  .sami-compare-wrap {
    overflow-x: auto;
  }

  .sami-compare-table th,
  .sami-compare-table td {
    padding: 12px 14px;
    font-size: 13.5px;
  }
}

/* Indications Grid */
.sami-indications-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
  margin-bottom: 50px;
}

@media (max-width: 767px) {
  .sami-indications-grid {
    grid-template-columns: 1fr;
  }
}

.sami-indication-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 20px 22px;
  display: flex;
  align-items: flex-start;
  gap: 16px;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.02);
  transition: all 0.25s ease;
}

.sami-indication-card:hover {
  border-color: #C8A33E;
  transform: translateX(4px);
}

.sami-indication-check {
  width: 32px;
  height: 32px;
  min-width: 32px;
  border-radius: 50%;
  background: rgba(200, 163, 62, 0.15);
  color: #C8A33E;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}

.sami-indication-content h4 {
  margin: 0 0 5px;
  font-size: 16px;
  font-weight: 700;
  color: #444867;
}

.sami-indication-content p {
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
  color: #64748b;
}

/* Surgeon Quote Section */
.sami-surgeon-card {
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  border: 1px solid #e2e8f0;
  border-radius: 18px;
  padding: 34px 38px;
  display: flex;
  align-items: center;
  gap: 28px;
  margin-bottom: 50px;
}

@media (max-width: 767px) {
  .sami-surgeon-card {
    flex-direction: column;
    text-align: center;
    padding: 26px 20px;
  }
}

.sami-surgeon-avatar {
  width: 110px;
  height: 110px;
  min-width: 110px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid #C8A33E;
  box-shadow: 0 6px 20px rgba(200, 163, 62, 0.25);
}

.sami-surgeon-quote {
  font-size: 16px;
  font-style: italic;
  line-height: 1.8;
  color: #334155;
  margin: 0 0 14px;
}

.sami-surgeon-meta {
  font-size: 15px;
  font-weight: 700;
  color: #444867;
}

.sami-surgeon-sub {
  font-size: 13px;
  color: #64748b;
  margin-top: 3px;
}

/* Modern FAQ Items */
.sami-faq-wrap {
  margin-bottom: 50px;
}

.sami-faq-item {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  margin-bottom: 14px;
  overflow: hidden;
  transition: all 0.3s ease;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.02);
}

.sami-faq-item:hover {
  border-color: rgba(200, 163, 62, 0.5);
  box-shadow: 0 6px 20px rgba(68, 72, 103, 0.06);
}

.sami-faq-question {
  padding: 20px 24px;
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 16.5px;
  font-weight: 700;
  color: #444867;
  margin: 0;
}

.sami-faq-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  min-width: 32px;
  border-radius: 8px;
  background: rgba(200, 163, 62, 0.12);
  color: #C8A33E;
  font-size: 13px;
  font-weight: 800;
}

.sami-faq-answer {
  padding: 0 24px 22px 72px;
  font-size: 15px;
  line-height: 1.75;
  color: #475569;
}

@media (max-width: 575px) {
  .sami-faq-question {
    padding: 16px 18px;
    font-size: 15px;
    gap: 12px;
  }

  .sami-faq-answer {
    padding: 0 18px 18px 18px;
  }
}

/* Call to Action Banner */
.sami-cta-banner {
  background: linear-gradient(135deg, #444867 0%, #2b2e42 100%);
  padding: 50px 36px;
  border-radius: 18px;
  text-align: center;
  color: #ffffff;
  box-shadow: 0 15px 40px rgba(68, 72, 103, 0.25);
  position: relative;
  overflow: hidden;
}

.sami-cta-banner::before {
  content: '';
  position: absolute;
  top: -50px;
  right: -50px;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(200, 163, 62, 0.2) 0%, transparent 70%);
}

.sami-cta-tag {
  display: inline-block;
  padding: 5px 16px;
  background: rgba(200, 163, 62, 0.18);
  border: 1px solid #C8A33E;
  border-radius: 30px;
  font-size: 12px;
  color: #f5d0a9;
  font-weight: 700;
  letter-spacing: 1.2px;
  margin-bottom: 16px;
}

.sami-cta-title {
  color: #ffffff;
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 12px;
  line-height: 1.3;
}

.sami-cta-desc {
  max-width: 680px;
  margin: 0 auto 30px;
  font-size: 15.5px;
  line-height: 1.75;
  color: #cbd5e1;
}

.sami-cta-actions {
  display: flex;
  justify-content: center;
  gap: 14px;
  flex-wrap: wrap;
}

.sami-cta-btn-gold {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 13px 26px;
  background: #C8A33E;
  color: #ffffff !important;
  border-radius: 30px;
  font-weight: 700;
  font-size: 14.5px;
  text-decoration: none !important;
  box-shadow: 0 6px 20px rgba(200, 163, 62, 0.4);
  transition: all 0.3s ease;
}

.sami-cta-btn-gold:hover {
  background: #d8b24a;
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(200, 163, 62, 0.5);
}

.sami-cta-btn-wp {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 13px 26px;
  background: #25d366;
  color: #ffffff !important;
  border-radius: 30px;
  font-weight: 700;
  font-size: 14.5px;
  text-decoration: none !important;
  box-shadow: 0 6px 20px rgba(37, 211, 102, 0.35);
  transition: all 0.3s ease;
}

.sami-cta-btn-wp:hover {
  background: #22bf5b;
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(37, 211, 102, 0.45);
}

.sami-cta-btn-insta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 13px 26px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: #ffffff !important;
  border-radius: 30px;
  font-weight: 700;
  font-size: 14.5px;
  text-decoration: none !important;
  transition: all 0.3s ease;
}

.sami-cta-btn-insta:hover {
  background: rgba(255, 255, 255, 0.22);
  transform: translateY(-2px);
}


/* ==========================================================================
   E-E-A-T AUTHOR & MEDICAL VERIFICATION CARD (Single Post Bottom)
   Harmonized with Primary #C8A33E and Secondary #444867
   ========================================================================== */
.eeat-author-card {
  margin: 48px 0 32px 0 !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 20px -2px rgba(68, 72, 103, 0.08) !important;
  overflow: hidden !important;
  font-family: inherit !important;
}

.eeat-card-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
  padding: 14px 24px !important;
  background: #f8fafc !important;
  border-bottom: 1px solid #e2e8f0 !important;
}

.eeat-verified-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: rgba(200, 163, 62, 0.12) !important;
  color: #C8A33E !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  padding: 5px 12px !important;
  border-radius: 20px !important;
  border: 1px solid rgba(200, 163, 62, 0.35) !important;
}

.eeat-verified-badge i {
  color: #C8A33E !important;
  font-size: 13px !important;
}

.eeat-meta-row {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 18px !important;
  font-size: 13.5px !important;
  color: #64748b !important;
}

.eeat-meta-item {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.eeat-meta-item i {
  color: #C8A33E !important;
  font-size: 14px !important;
}

.eeat-meta-item a {
  color: #64748b !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.eeat-meta-item a:hover {
  color: #C8A33E !important;
}

.eeat-card-body {
  display: flex !important;
  align-items: flex-start !important;
  gap: 24px !important;
  padding: 28px 24px !important;
}

.eeat-author-avatar-wrap {
  position: relative !important;
  flex-shrink: 0 !important;
}

.eeat-avatar-circle {
  width: 72px !important;
  height: 72px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #444867 0%, #2b2e42 100%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 32px !important;
  box-shadow: 0 6px 16px rgba(68, 72, 103, 0.25) !important;
  border: 3px solid #C8A33E !important;
}

.eeat-verified-check {
  position: absolute !important;
  bottom: -2px !important;
  right: -2px !important;
  width: 22px !important;
  height: 22px !important;
  border-radius: 50% !important;
  background: #10b981 !important;
  color: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 11px !important;
  border: 2px solid #ffffff !important;
}

.eeat-author-content {
  flex: 1 1 auto !important;
}

.eeat-author-heading {
  margin-bottom: 10px !important;
}

.eeat-role-label {
  display: block !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.6px !important;
  color: #C8A33E !important;
  margin-bottom: 2px !important;
}

.eeat-author-name {
  border-left: none !important;
  padding-left: 0 !important;
  font-size: 21px !important;
  font-weight: 800 !important;
  color: #444867 !important;
  margin: 0 0 4px 0 !important;
  line-height: 1.25 !important;
}

.eeat-author-spec {
  font-size: 14px !important;
  color: #475569 !important;
  font-weight: 500 !important;
  margin: 0 !important;
}

.eeat-affiliations {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 12px 0 14px 0 !important;
}

.eeat-chip {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 6px !important;
  padding: 4px 10px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #334155 !important;
}

.eeat-chip i {
  color: #C8A33E !important;
  font-size: 12px !important;
}

.eeat-bio-text {
  font-size: 14.5px !important;
  line-height: 1.65 !important;
  color: #475569 !important;
  margin: 0 0 14px 0 !important;
}

.eeat-review-statement {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  background: #f0fdf4 !important;
  border: 1px solid #bbf7d0 !important;
  border-radius: 8px !important;
  padding: 10px 14px !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
  color: #166534 !important;
}

.eeat-review-statement i {
  color: #16a34a !important;
  font-size: 15px !important;
  margin-top: 2px !important;
  flex-shrink: 0 !important;
}

@media (max-width: 640px) {
  .eeat-card-header {
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  .eeat-card-body {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    padding: 20px 16px !important;
  }

  .eeat-affiliations {
    justify-content: center !important;
  }

  .eeat-review-statement {
    text-align: left !important;
  }
}


/* ==========================================================================
   Sami Samin - Simplified Service Article & Hero Styling
   Primary: #C8A33E | Secondary: #444867
   ========================================================================== */

.sami-service-hero-img img {
  border-radius: 16px !important;
  box-shadow: 0 16px 40px rgba(68, 72, 103, 0.12) !important;
  width: 100% !important;
  height: auto !important;
  object-fit: cover !important;
  display: block !important;
}

.sami-service-lead {
  font-size: 17px !important;
  line-height: 1.75 !important;
  color: #475569 !important;
  margin-bottom: 24px !important;
}

.sami-service-article {
  max-width: 880px !important;
  margin: 0 auto !important;
  font-size: 16.5px !important;
  line-height: 1.85 !important;
  color: #334155 !important;
  font-family: inherit !important;
}

.sami-service-article p {
  font-size: 16.5px !important;
  line-height: 1.85 !important;
  color: #334155 !important;
  margin-bottom: 22px !important;
}

.sami-service-article h2,
.sami-service-article h3 {
  color: #444867 !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  margin-top: 40px !important;
  margin-bottom: 16px !important;
  border-left: 4px solid #C8A33E !important;
  padding-left: 16px !important;
  letter-spacing: -0.2px !important;
}

.sami-service-article h2 {
  font-size: 24px !important;
}

.sami-service-article h3 {
  font-size: 20px !important;
}

.sami-service-article h4 {
  font-size: 18px !important;
  color: #444867 !important;
  font-weight: 700 !important;
  margin-top: 32px !important;
  margin-bottom: 12px !important;
  border-left: 3px solid #C8A33E !important;
  padding-left: 12px !important;
}

.sami-service-article ul,
.sami-service-article ol {
  margin: 18px 0 24px 20px !important;
  padding-left: 16px !important;
}

.sami-service-article li {
  margin-bottom: 10px !important;
  line-height: 1.75 !important;
  color: #334155 !important;
}

.sami-service-article strong,
.sami-service-article b {
  color: #1e293b !important;
  font-weight: 700 !important;
}

.sami-service-article .service-note-box {
  background: #fbf9f5 !important;
  border: 1px solid #f1e9d8 !important;
  border-left: 4px solid #C8A33E !important;
  border-radius: 8px !important;
  padding: 20px 24px !important;
  margin: 28px 0 !important;
}

.sami-service-article .service-note-box p:last-child {
  margin-bottom: 0 !important;
}

/* Consultation Bottom Banner */
.sami-cta-banner {
  background: linear-gradient(135deg, #444867 0%, #2f3248 100%) !important;
  padding: 50px 36px !important;
  border-radius: 20px !important;
  text-align: center !important;
  color: #ffffff !important;
  box-shadow: 0 20px 50px rgba(68, 72, 103, 0.22) !important;
  margin: 40px auto 20px auto !important;
  max-width: 1000px !important;
}

.sami-cta-badge {
  display: inline-block !important;
  padding: 6px 18px !important;
  border: 1px solid #C8A33E !important;
  border-radius: 20px !important;
  font-size: 12px !important;
  color: #f7d5a5 !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  margin-bottom: 16px !important;
}

.sami-cta-title {
  color: #ffffff !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  margin-top: 0 !important;
  margin-bottom: 12px !important;
  line-height: 1.3 !important;
}

.sami-cta-desc {
  max-width: 700px !important;
  margin: 0 auto 30px auto !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
  color: #cbd5e1 !important;
}

.sami-cta-btn-group {
  display: flex !important;
  justify-content: center !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
}

.sami-cta-btn-gold {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 13px 26px !important;
  background: #C8A33E !important;
  color: #ffffff !important;
  border-radius: 30px !important;
  font-weight: 700 !important;
  font-size: 14.5px !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
}

.sami-cta-btn-gold:hover {
  background: #b59232 !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
}

.sami-cta-btn-wa {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 13px 26px !important;
  background: #25d366 !important;
  color: #ffffff !important;
  border-radius: 30px !important;
  font-weight: 700 !important;
  font-size: 14.5px !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
}

.sami-cta-btn-wa:hover {
  background: #1eb956 !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
}

.sami-cta-btn-ig {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 13px 26px !important;
  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important;
  color: #ffffff !important;
  border-radius: 30px !important;
  font-weight: 700 !important;
  font-size: 14.5px !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
}

.sami-cta-btn-ig:hover {
  opacity: 0.92 !important;
  transform: translateY(-2px) !important;
}

@media (max-width: 767px) {
  .sami-service-article {
    font-size: 15.5px !important;
    line-height: 1.75 !important;
    padding: 0 16px !important;
  }

  .sami-service-article h2 {
    font-size: 21px !important;
    margin-top: 32px !important;
  }

  .sami-service-article h3 {
    font-size: 18.5px !important;
    margin-top: 28px !important;
  }

  .sami-cta-banner {
    padding: 36px 20px !important;
  }

  .sami-cta-title {
    font-size: 23px !important;
  }

  .sami-cta-btn-group {
    flex-direction: column !important;
  }

  .sami-cta-btn-group a {
    width: 100% !important;
    justify-content: center !important;
  }
}


/* ==========================================================================
   CLEAN SEAMLESS SERVICE ARTICLE CONTAINER & TYPOGRAPHY
   ========================================================================== */
.inner-page.text-page {
  background: #ffffff !important;
  padding-top: 24px !important;
  padding-bottom: 50px !important;
}

.sami-service-article-wrapper,
.wpb_column.sami-service-article-wrapper {
  max-width: 1200px !important;
  width: 100% !important;
  margin: 0 auto !important;
  float: none !important;
  padding: 0 15px !important;
  box-sizing: border-box !important;
}

.sami-service-article-wrapper>.vc_column-inner {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 10px 0 !important;
  box-sizing: border-box !important;
}

.sami-service-header-block {
  margin-bottom: 28px !important;
  text-align: left !important;
}

.sami-service-badge {
  display: inline-flex !important;
  align-items: center !important;
  padding: 5px 16px !important;
  background: rgba(200, 163, 62, 0.12) !important;
  color: #C8A33E !important;
  border: 1px solid rgba(200, 163, 62, 0.35) !important;
  border-radius: 20px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  margin-bottom: 16px !important;
}

.sami-service-h1 {
  font-size: 34px !important;
  font-weight: 700 !important;
  color: #0b2545 !important;
  line-height: 1.3 !important;
  margin-top: 0 !important;
  margin-bottom: 18px !important;
  letter-spacing: -0.5px !important;
}

.sami-service-lead {
  font-size: 17px !important;
  line-height: 1.8 !important;
  color: #475569 !important;
  margin-bottom: 24px !important;
  font-weight: 400 !important;
}

.sami-service-hero-btns {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
  margin-bottom: 28px !important;
}

.sami-cta-btn-gold {
  background: linear-gradient(135deg, #C8A33E 0%, #b59130 100%) !important;
  color: #ffffff !important;
  padding: 12px 26px !important;
  border-radius: 30px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  box-shadow: 0 4px 14px rgba(200, 163, 62, 0.25) !important;
  transition: all 0.25s ease !important;
}

.sami-cta-btn-gold:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(200, 163, 62, 0.4) !important;
  color: #ffffff !important;
}

.sami-cta-btn-wa {
  background: #25D366 !important;
  color: #ffffff !important;
  padding: 12px 26px !important;
  border-radius: 30px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  box-shadow: 0 4px 14px rgba(37, 211, 102, 0.2) !important;
  transition: all 0.25s ease !important;
}

.sami-cta-btn-wa:hover {
  background: #1eb956 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(37, 211, 102, 0.35) !important;
  color: #ffffff !important;
}

.sami-service-article-wrapper .wpb_single_image {
  margin: 10px auto 32px auto !important;
  text-align: center !important;
}

.sami-service-article-wrapper .wpb_single_image img {
  border-radius: 14px !important;
  box-shadow: 0 8px 25px rgba(11, 37, 69, 0.08) !important;
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
  margin: 0 auto !important;
}


  .sami-service-article-wrapper h2:not(.sami-cta-title):not(.aesthetic-cta-title),
  .sami-service-article-wrapper h3:not(.sami-cta-title):not(.aesthetic-cta-title) {
    color: #0b2545 !important;
    font-weight: 700 !important;
    margin-top: 32px !important;
    margin-bottom: 14px !important;
    line-height: 1.35 !important;
  }


    .sami-service-article-wrapper p:not(.sami-cta-desc):not(.aesthetic-cta-desc):not(.sami-service-lead) {
      font-size: 16px !important;
      line-height: 1.8 !important;
      color: #334155 !important;
      margin-bottom: 18px !important;
    }


      .sami-service-article-wrapper ul:not(.sami-cta-btn-group) {
        margin: 18px 0 24px 0 !important;
        padding-left: 0 !important;
        list-style: none !important;
      }

        .sami-service-article-wrapper ul:not(.sami-cta-btn-group) li {
          position: relative !important;
          padding-left: 26px !important;
          margin-bottom: 10px !important;
          font-size: 15.5px !important;
          line-height: 1.7 !important;
          color: #334155 !important;
        }

          .sami-service-article-wrapper ul:not(.sami-cta-btn-group) li:before {
            content: "\f00c" !important;
            font-family: "Font Awesome 5 Free" !important;
            font-weight: 900 !important;
            color: #C8A33E !important;
            position: absolute !important;
            left: 0 !important;
            top: 2px !important;
            font-size: 13px !important;
          }


            /* Call to Action Banner High-Contrast & Typography */
            .sami-cta-banner,
            .aesthetic-cta-banner {
              background: linear-gradient(135deg, #1b2033 0%, #0b2545 100%) !important;
              padding: 48px 36px !important;
              border-radius: 16px !important;
              text-align: center !important;
              color: #ffffff !important;
              box-shadow: 0 14px 36px rgba(11, 37, 69, 0.18) !important;
              margin: 44px auto 20px auto !important;
              position: relative !important;
              overflow: hidden !important;
              width: 100% !important;
              box-sizing: border-box !important;
            }

              .sami-service-article-wrapper .sami-cta-banner h2,
              .sami-service-article-wrapper .aesthetic-cta-banner h2,
              .single-post-article .sami-cta-banner h2,
              article.single-post-article .sami-cta-banner h2,
              .sami-cta-banner h2,
              .sami-cta-banner h3,
              .sami-cta-banner .sami-cta-title,
              .aesthetic-cta-banner h2,
              .aesthetic-cta-banner h3,
              .aesthetic-cta-banner .aesthetic-cta-title {
                color: #ffffff !important;
                font-size: 28px !important;
                font-weight: 700 !important;
                margin-top: 0 !important;
                margin-bottom: 12px !important;
                line-height: 1.3 !important;
                text-shadow: 0 2px 6px rgba(0, 0, 0, 0.3) !important;
                border-left: none !important;
                padding-left: 0 !important;
              }

              .sami-service-article-wrapper .sami-cta-banner p,
              .sami-service-article-wrapper .aesthetic-cta-banner p,
              .single-post-article .sami-cta-banner p,
              article.single-post-article .sami-cta-banner p,
              .sami-cta-banner p,
              .sami-cta-banner .sami-cta-desc,
              .aesthetic-cta-banner p,
              .aesthetic-cta-banner .aesthetic-cta-desc {
                color: #e2e8f0 !important;
                font-size: 16px !important;
                line-height: 1.7 !important;
                max-width: 720px !important;
                margin: 0 auto 26px auto !important;
              }

              .sami-cta-banner p:empty,
              .aesthetic-cta-banner p:empty {
                display: none !important;
                margin: 0 !important;
                padding: 0 !important;
              }

              .sami-cta-banner .sami-cta-badge,
              .aesthetic-cta-banner .aesthetic-cta-badge {
                display: inline-block !important;
                padding: 5px 16px !important;
                border: 1px solid rgba(200, 163, 62, 0.5) !important;
                background: rgba(200, 163, 62, 0.15) !important;
                color: #f7d5a5 !important;
                border-radius: 20px !important;
                font-size: 12px !important;
                font-weight: 700 !important;
                letter-spacing: 1.2px !important;
                text-transform: uppercase !important;
                margin-bottom: 14px !important;
              }

              .sami-cta-btn-group,
              .aesthetic-cta-btn-group {
                display: flex !important;
                justify-content: center !important;
                gap: 14px !important;
                flex-wrap: wrap !important;
              }

              @media (max-width: 767px) {
                .sami-service-h1 {
                  font-size: 26px !important;
                }

                .sami-cta-banner {
                  padding: 34px 20px !important;
                }

                .sami-cta-banner .sami-cta-title {
                  font-size: 22px !important;
                }

                .sami-service-hero-btns {
                  flex-direction: column !important;
                }

                .sami-service-hero-btns a {
                  width: 100% !important;
                  justify-content: center !important;
                }

                .sami-cta-btn-group {
                  flex-direction: column !important;
                }

                .sami-cta-btn-group a {
                  width: 100% !important;
                  justify-content: center !important;
                }
              }


              /* ==========================================================================
   Footer Copyright & Medical Disclaimer Styling
   ========================================================================== */
              #ltx-widgets-footer+.copyright-block,
              .copyright-block {
                background-color: #1a1c2b !important;
                position: relative !important;
                margin-top: 0 !important;
                top: auto !important;
                bottom: auto !important;
                width: 100% !important;
                clear: both !important;
                background-color: #151722 !important;
                border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
                padding: 24px 0 22px 0 !important;
                text-align: center !important;
                z-index: 10 !important;
              }

              #ltx-widgets-footer {
                padding-bottom: 65px !important;
                margin-bottom: 0 !important;
              }

              .footer-copyright-content {
                display: flex !important;
                flex-direction: column !important;
                align-items: center !important;
                justify-content: center !important;
                gap: 8px !important;
              }

              .footer-copy-text {
                font-size: 14px !important;
                color: #e2e8f0 !important;
                margin: 0 !important;
                line-height: 1.5 !important;
                letter-spacing: 0.3px !important;
              }

              .footer-copy-text strong {
                color: #C8A33E !important;
                font-weight: 700 !important;
              }

              .footer-medical-disclaimer {
                font-size: 12.5px !important;
                color: rgba(226, 232, 240, 0.65) !important;
                margin: 0 !important;
                line-height: 1.5 !important;
                display: inline-flex !important;
                align-items: center !important;
                gap: 7px !important;
                max-width: 820px !important;
              }

              .footer-medical-disclaimer i {
                color: #C8A33E !important;
                font-size: 13.5px !important;
                flex-shrink: 0 !important;
              }

              @media (max-width: 767px) {
                .copyright-block {
                  padding: 20px 16px !important;
                }

                .footer-copy-text {
                  font-size: 13px !important;
                }

                .footer-medical-disclaimer {
                  font-size: 11.5px !important;
                  text-align: center !important;
                  line-height: 1.45 !important;
                }
              }

              /* ==========================================================================
   WPBakery Custom Styling Standard: Homepage Elements
   ========================================================================== */

              /* --- 1. Doctor Bio Text Section --- */
              .sami-doctor-bio-content .sami-bio-lead {
                font-size: 16px;
                line-height: 1.8;
                color: #475569;
                margin-bottom: 20px;
              }

              .sami-doctor-bio-content .sami-bio-sub {
                font-size: 15px;
                line-height: 1.7;
                color: #64748b;
                margin-bottom: 25px;
              }

              /* --- 2. Feature Cards Section --- */
              .sami-feature-col {
                margin-bottom: 20px;
              }

              .sami-feature-card {
                background: #ffffff;
                border: 1px solid #e2e8f0;
                border-radius: 12px;
                padding: 28px 22px;
                text-align: center;
                height: 100%;
                box-sizing: border-box;
                transition: transform 0.25s ease, box-shadow 0.25s ease;
              }

              .sami-feature-card:hover {
                transform: translateY(-4px);
                box-shadow: 0 12px 24px rgba(11, 37, 69, 0.08);
              }

              .sami-feature-card .sami-card-icon {
                width: 56px;
                height: 56px;
                border-radius: 50%;
                color: #c8a33e;
                display: flex;
                align-items: center;
                justify-content: center;
                margin: 0 auto 18px;
                font-size: 24px;
              }

              .sami-feature-card .sami-card-title {
                font-size: 18px;
                font-weight: 700;
                color: #0b2545;
                margin-bottom: 12px;
                line-height: 1.35;
              }

              .sami-feature-card .sami-card-desc {
                font-size: 14px;
                line-height: 1.6;
                color: #64748b;
                margin: 0;
              }

              /* --- 3. Before/After Subheading --- */
              .sami-ba-subheading p {
                text-align: center;
                font-size: 16px;
                margin-bottom: 30px;
                color: #ffffff;
              }

              @media (max-width: 767px) {
                .sami-doctor-bio-content .sami-bio-lead {
                  font-size: 15px;
                  line-height: 1.7;
                }

                .sami-feature-card {
                  padding: 22px 18px;
                }

                .sami-feature-card .sami-card-title {
                  font-size: 17px;
                }
              }


              /* ==========================================================================
   WPBakery Custom Styling Standard: Service Articles (Multilingual)
   ========================================================================== */
              .aesthetic-service-article,
              .sami-service-article {
                width: 100% !important;
                max-width: 100% !important;
                margin: 0 auto;
                font-size: 16px;
                line-height: 1.8;
                color: #334155;
              }

              .aesthetic-service-article p,
              .sami-service-article p {
                margin-bottom: 18px;
              }

              .aesthetic-service-article .service-note-box,
              .sami-service-article .service-note-box {
                background: #ffffff;
                border: 1px solid #e2e8f0;
                border-left: 4px solid #C8A33E;
                border-radius: 10px;
                padding: 22px 26px;
                margin: 24px 0;
              }

              .aesthetic-service-article .service-note-box h4,
              .sami-service-article .service-note-box h4 {
                color: #0b2545;
                font-size: 19px;
                font-weight: 700;
                margin-top: 0;
                margin-bottom: 10px;
              }

              .aesthetic-service-article .service-note-box p,
              .sami-service-article .service-note-box p {
                margin-bottom: 0;
                color: #475569;
              }

              .aesthetic-service-article ul,
              .sami-service-article ul {
                padding-left: 0;
                margin: 20px 0;
                list-style: none;
              }

              .aesthetic-service-article li,
              .sami-service-article li {
                position: relative;
                padding-left: 26px;
                margin-bottom: 10px;
                font-size: 15.5px;
                line-height: 1.7;
                color: #334155;
              }

              .aesthetic-service-article li i,
              .sami-service-article li i {
                position: absolute;
                left: 0;
                top: 4px;
                color: #C8A33E;
              }

              .aesthetic-service-article h3,
              .sami-service-article h3 {
                color: #0b2545;
                font-size: 20px;
                font-weight: 700;
                margin-top: 32px;
                margin-bottom: 14px;
              }

              .aesthetic-cta-banner {
                background: linear-gradient(135deg, #0b2545 0%, #1e3a8a 100%) !important;
                padding: 48px 36px !important;
                border-radius: 16px !important;
                text-align: center !important;
                color: #ffffff !important;
                width: 100% !important;
                max-width: 100% !important;
                margin: 40px auto 20px auto !important;
                box-sizing: border-box !important;
              }

              .aesthetic-cta-badge {
                display: inline-block !important;
                padding: 6px 16px !important;
                border: 1px solid #C8A33E !important;
                border-radius: 20px !important;
                font-size: 13px !important;
                color: #f5d0a9 !important;
                font-weight: 600 !important;
                letter-spacing: 1px !important;
                margin-bottom: 16px !important;
                text-transform: uppercase !important;
              }

              .aesthetic-cta-title {
                color: #ffffff !important;
                font-size: 30px !important;
                font-weight: 700 !important;
                margin-top: 0 !important;
                margin-bottom: 12px !important;
              }

              .aesthetic-cta-desc {
                max-width: 720px !important;
                margin: 0 auto 28px auto !important;
                font-size: 16px !important;
                line-height: 1.7 !important;
                color: #cbd5e1 !important;
              }

              .aesthetic-cta-btn-group {
                display: flex !important;
                justify-content: center !important;
                gap: 14px !important;
                flex-wrap: wrap !important;
              }


              /* ==========================================================================
   FEATURE CARDS & DOCTOR SECTION ENHANCEMENTS
   ========================================================================== */
              .sami-feature-card .sami-card-icon {
                width: 56px;
                height: 56px;
                border-radius: 50%;
                background-color: rgba(200, 163, 62, 0.1);
                color: #c8a33e;
                display: flex;
                align-items: center;
                justify-content: center;
                margin: 0 auto 18px;
                font-size: 24px;
                transition: all 0.3s ease;
              }

              .sami-feature-card:hover .sami-card-icon {
                background-color: #c8a33e;
                color: #ffffff;
              }

              .sami-cert-link-wrap {
                margin-top: 10px;
                margin-bottom: 22px;
              }

              .sami-cert-link {
                color: #C8A33E !important;
                font-weight: 700;
                font-size: 14.5px;
                text-decoration: none !important;
                display: inline-flex;
                align-items: center;
                gap: 6px;
                transition: color 0.2s ease;
              }

              .sami-cert-link:hover {
                color: #444867 !important;
              }

              /* ==========================================================================
   FOOTER & DARK SECTION CONTRAST
   ========================================================================== */
              #ltx-widgets-footer,
              .copyright-block {
                background-color: #1e2132 !important;
              }

              #ltx-widgets-footer a:not(.btn):hover,
              .copyright-block a:hover {
                color: #C8A33E !important;
              }

              /* ==========================================================================
   GUTENBERG RESPONSIVE EMBED BLOCKS (16:9)
   ========================================================================== */
              .wp-block-embed,
              figure.wp-block-embed,
              .responsive-embed {
                margin: 34px auto !important;
                max-width: 100% !important;
                position: relative !important;
              }

              .wp-block-embed .wp-block-embed__wrapper {
                position: relative !important;
                width: 100% !important;
                border-radius: 14px !important;
                overflow: hidden !important;
                box-shadow: 0 12px 32px rgba(30, 33, 50, 0.15) !important;
                background: #000000 !important;
              }

              .wp-block-embed .wp-block-embed__wrapper iframe,
              .wp-block-embed .wp-block-embed__wrapper video,
              .wp-block-embed iframe,
              .responsive-embed iframe {
                width: 100% !important;
                aspect-ratio: 16/9 !important;
                border: none !important;
                border-radius: 14px !important;
                display: block !important;
              }

              /* ==========================================================================
   SINGLE POST & SINGLE SERVICE ARTICLE CENTERING (STRICTLY SCOPED)
   ========================================================================== */
              body.single-post .single-post-main,
              body.single-post .single-post-article,
              body.single-post .blog-post-modern,
              body.single-post .ltx-blog-wrap,
              body.single-post .single-post-body,
              body.single-post .single-post-header,
              body.single-post .single-post-footer,
              body.single-post .single-post-comments {
                width: 100% !important;
                max-width: 1200px !important;
                margin-left: auto !important;
                margin-right: auto !important;
                float: none !important;
              }

              body.single-services .sami-service-article-wrapper,
              body.page .sami-service-article-wrapper {
                width: 100% !important;
                max-width: 1200px !important;
                margin-left: auto !important;
                margin-right: auto !important;
                float: none !important;
              }

/* ==========================================================================
   HOMEPAGE ZOOM SLIDER NAVIGATION ARROWS FIX
   ========================================================================== */
.zs-enabled .zs-arrows {
  position: absolute;
  top: 50%;
  width: 100%;
  z-index: 15;
  pointer-events: none;
}

.zs-enabled .zs-arrows .container {
  position: relative;
  pointer-events: none;
}

.zs-enabled .zs-arrows .arrow-left,
.zs-enabled .zs-arrows .arrow-right {
  pointer-events: auto;
  cursor: pointer;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  width: 50px !important;
  height: 50px !important;
  line-height: 50px !important;
  border-radius: 50% !important;
  background-color: #ffffff !important;
  color: var(--secondary, #444867) !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.12) !important;
  opacity: 0.75 !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.zs-enabled .zs-arrows .arrow-left:hover,
.zs-enabled .zs-arrows .arrow-right:hover {
  background-color: var(--primary, #C8A33E) !important;
  color: #ffffff !important;
  opacity: 1 !important;
  transform: scale(1.08) !important;
  box-shadow: 0 6px 20px rgba(200, 163, 62, 0.35) !important;
}

.zs-enabled .zs-arrows .arrow-left:before,
.zs-enabled .zs-arrows .arrow-right:before {
  font-family: ltx-holamed !important;
  font-size: 18px !important;
  line-height: 1 !important;
  display: inline-block !important;
  text-rendering: auto !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  margin: 0 !important;
}

.zs-enabled .zs-arrows .arrow-left {
  left: 0px !important;
}

.zs-enabled .zs-arrows .arrow-left:before {
  content: "\e803" !important;
  transform: scaleX(-1) !important;
  margin-right: 2px !important;
}

.zs-enabled .zs-arrows .arrow-right {
  right: 0px !important;
}

.zs-enabled .zs-arrows .arrow-right:before {
  content: "\e803" !important;
  transform: none !important;
  margin-left: 2px !important;
}