.home{
	content-visibility: auto;	
}

.elementor-grid {
	content-visibility: auto;	
}

.elementor-video{
	content-visibility: auto;	
}

/* ══════════════════════════════════════════════════════
   Planify Pro — BetterDocs Search Style Overrides
   Paste into: Appearance → Customize → Additional CSS
══════════════════════════════════════════════════════ */

/* ── Search input field ── */
.betterdocs-searchform input[type="search"],
.betterdocs-searchform input[type="text"],
.betterdocs-searchform .betterdocs-search-field,
.betterdocs-live-search input {
  font-family: 'Poppins', sans-serif !important;
  font-size: 15px !important;
  color: #1D3D67 !important;
  background: #fff !important;
  border: 2px solid #E8ECF0 !important;
  border-radius: 14px !important;
  height: 52px !important;
  box-shadow: 0 4px 20px rgba(29,61,103,0.06) !important;
  transition: border-color 0.2s, box-shadow 0.2s !important;
}

.betterdocs-searchform input:focus,
.betterdocs-searchform .betterdocs-search-field:focus {
  border-color: #E7358A !important;
  box-shadow: 0 4px 24px rgba(231,53,138,0.12) !important;
}

/* ── Results dropdown container ── */
.betterdocs-search-result-wrap {
  background: #fff !important;
  border: 1px solid #E8ECF0 !important;
  border-radius: 14px !important;
  box-shadow: 0 12px 40px rgba(29,61,103,0.12) !important;
  margin-top: 8px !important;
  overflow: hidden !important;
  max-height: 420px !important;
  overflow-y: auto !important;
}

/* ── Each result row ── */
.betterdocs-search-result-wrap .betterdocs-search-result-item,
.betterdocs-search-result-wrap li,
.betterdocs-search-result-wrap > ul > li,
.betterdocs-search-result-wrap > div {
  font-family: 'Poppins', sans-serif !important;
  text-align: left !important;
  padding: 12px 18px !important;
  border-bottom: 1px solid #F3F4F6 !important;
  background: #fff !important;
  transition: background 0.15s !important;
}

/* ── Hover: pink instead of green ── */
.betterdocs-search-result-wrap .betterdocs-search-result-item:hover,
.betterdocs-search-result-wrap li:hover,
.betterdocs-search-result-wrap > ul > li:hover,
.betterdocs-search-result-wrap > div:hover {
  background: #FEF5F9 !important;
  background-color: #FEF5F9 !important;
}

/* ── Result title ── */
.betterdocs-search-result-wrap .betterdocs-search-title,
.betterdocs-search-result-wrap h3,
.betterdocs-search-result-wrap h4,
.betterdocs-search-result-wrap .entry-title,
.betterdocs-search-result-wrap a {
  font-family: 'Poppins', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #1D3D67 !important;
  text-align: left !important;
  text-decoration: none !important;
}

/* ── Category label (e.g. "Bugs & Errors") ── */
.betterdocs-search-result-wrap .betterdocs-category-title,
.betterdocs-search-result-wrap .doc_category,
.betterdocs-search-result-wrap span[class*="category"] {
  font-family: 'Poppins', sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  color: #E7358A !important;
  text-align: left !important;
}

/* Category folder icon */
.betterdocs-search-result-wrap .betterdocs-category-title svg,
.betterdocs-search-result-wrap span[class*="category"] svg {
  fill: #E7358A !important;
  color: #E7358A !important;
}

/* ── Thumbnail images ── */
.betterdocs-search-result-wrap img {
  width: 56px !important;
  height: 56px !important;
  min-width: 56px !important;
  border-radius: 8px !important;
  object-fit: cover !important;
}

/* ── Scrollbar ── */
.betterdocs-search-result-wrap::-webkit-scrollbar {
  width: 6px;
}
.betterdocs-search-result-wrap::-webkit-scrollbar-thumb {
  background: #E8ECF0;
  border-radius: 10px;
}


/* ══════════════════════════════════════════════════════════════════
   Planify Pro — BetterDocs Single Doc Page Redesign
   Paste into: Appearance → Customize → Additional CSS
   (Add below the existing search overrides)
   Updated: Feb 24, 2026 — Fixed double arrows + sidebar cutoff
══════════════════════════════════════════════════════════════════ */

/* ── GLOBAL FONT ── */
.betterdocs-single-wrapper,
.betterdocs-single-wrapper *,
.betterdocs-sidebar,
.betterdocs-sidebar *,
.betterdocs-content-area,
.betterdocs-content-area *,
#betterdocs-sidebar,
#betterdocs-sidebar * {
  font-family: 'Poppins', sans-serif !important;
}

/* ══════════════════════════════════════
   SEARCH BAR (top of doc pages)
══════════════════════════════════════ */
.betterdocs-single-wrapper .betterdocs-searchform,
.betterdocs-single-wrapper .betterdocs-live-search {
  background: #F7F8FA !important;
  border-radius: 16px !important;
  padding: 24px !important;
  margin-bottom: 32px !important;
  border: 1px solid #E8ECF0 !important;
}

.betterdocs-single-wrapper .betterdocs-searchform input[type="search"],
.betterdocs-single-wrapper .betterdocs-searchform input[type="text"],
.betterdocs-single-wrapper .betterdocs-searchform .betterdocs-search-field {
  border: 2px solid #E8ECF0 !important;
  border-radius: 12px !important;
  height: 48px !important;
  font-size: 14px !important;
  background: #fff !important;
  box-shadow: none !important;
  transition: border-color 0.2s !important;
}

.betterdocs-single-wrapper .betterdocs-searchform input:focus {
  border-color: #E7358A !important;
}

.betterdocs-single-wrapper .betterdocs-searchform .search-submit,
.betterdocs-single-wrapper .betterdocs-searchform button[type="submit"] {
  background: #E7358A !important;
  color: #fff !important;
  border: none !important;
  border-radius: 10px !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  padding: 0 20px !important;
  height: 40px !important;
  transition: background 0.15s !important;
}

.betterdocs-single-wrapper .betterdocs-searchform .search-submit:hover,
.betterdocs-single-wrapper .betterdocs-searchform button[type="submit"]:hover {
  background: #d42d7c !important;
}

/* ══════════════════════════════════════
   SIDEBAR
══════════════════════════════════════ */
.betterdocs-sidebar,
#betterdocs-sidebar,
.betterdocs-elementor-single-sidebar {
  background: #fff !important;
  border: 1px solid #E8ECF0 !important;
  border-radius: 16px !important;
  padding: 16px 12px !important;
  box-shadow: 0 2px 12px rgba(29,61,103,0.04) !important;
}

/* ── FIX: Sidebar frame cutoff ── */
.betterdocs-sidebar,
.betterdocs-sidebar.betterdocs-sidebar-layout-1,
.betterdocs-elementor-single-sidebar,
.betterdocs-elementor-single-sidebar.betterdocs-elementor,
.betterdocs-elementor-single-sidebar.betterdocs-sidebar,
#betterdocs-sidebar,
.elementor-widget-betterdocs-sidebar,
.elementor-widget-betterdocs-sidebar .elementor-widget-container,
.elementor-element-2bf3cfc9,
.elementor-element-2bf3cfc9 .elementor-widget-container,
.betterdocs-sidebar .betterdocs-sidebar-content,
.betterdocs-sidebar .betterdocs-sidebar-content.betterdocs-category-sidebar,
.betterdocs-sidebar-layout-1 .betterdocs-sidebar-content,
.betterdocs-sidebar .betterdocs-category-grid-wrapper,
.betterdocs-sidebar .betterdocs-category-grid-inner-wrapper,
.betterdocs-sidebar .betterdocs-body,
.betterdocs-sidebar .betterdocs-single-category-inner,
.betterdocs-sidebar .betterdocs-single-category-wrapper,
.betterdocs-sidebar .betterdocs-single-category-wrapper.active,
.betterdocs-sidebar .betterdocs-articles-list,
.betterdocs-sidebar .betterdocs-nested-category-wrapper,
.betterdocs-sidebar .betterdocs-nested-category-list,
.betterdocs-elementor-single-sidebar .betterdocs-sidebar-content,
.betterdocs-elementor-single-sidebar .betterdocs-category-grid-wrapper,
.betterdocs-elementor-single-sidebar .betterdocs-category-grid-inner-wrapper,
.betterdocs-elementor-single-sidebar .betterdocs-body,
.betterdocs-elementor-single-sidebar .betterdocs-single-category-inner {
  overflow: visible !important;
  max-height: none !important;
  height: auto !important;
  min-height: 0 !important;
}

/* Catch any inline styles BetterDocs JS may inject */
.betterdocs-sidebar *[style*="max-height"],
.betterdocs-sidebar *[style*="overflow: hidden"],
.betterdocs-sidebar *[style*="overflow:hidden"] {
  max-height: none !important;
  overflow: visible !important;
}

/* ── Hide the default folder icons in sidebar ── */
.betterdocs-sidebar .betterdocs-category-icon,
.betterdocs-sidebar .betterdocs-category-icon .betterdocs-category-icon-img,
.betterdocs-sidebar-layout-1 .betterdocs-category-icon,
.betterdocs-sidebar-layout-1 .betterdocs-category-icon .betterdocs-category-icon-img,
.betterdocs-sidebar .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-icon {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* ── Replace doc list Font Awesome icons with colored dot ── */
.betterdocs-sidebar .betterdocs-articles-list li > i.far,
.betterdocs-sidebar .betterdocs-articles-list li > i.fa,
.betterdocs-sidebar .betterdocs-articles-list li > i.fas,
.betterdocs-sidebar-layout-1 .betterdocs-articles-list li > i,
.betterdocs-sidebar .betterdocs-articles-list li > i {
  font-size: 0 !important;
  width: 6px !important;
  height: 6px !important;
  min-width: 6px !important;
  background: #D4D9E1 !important;
  border-radius: 50% !important;
  display: inline-block !important;
  vertical-align: middle !important;
  margin-right: 8px !important;
  margin-left: 4px !important;
  flex-shrink: 0 !important;
}

.betterdocs-sidebar .betterdocs-articles-list li > i::before {
  display: none !important;
}

/* Pink dot on hover */
.betterdocs-sidebar .betterdocs-articles-list li:hover > i,
.betterdocs-sidebar .betterdocs-articles-list li:has(a.active) > i {
  background: #E7358A !important;
}

/* ── Hide SVG icons in article list (if any) ── */
.betterdocs-sidebar .betterdocs-articles-list li > svg,
.betterdocs-sidebar-layout-1 .betterdocs-articles-list li > svg {
  display: none !important;
}

/* ── Category header row ── */
.betterdocs-sidebar .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header,
.betterdocs-sidebar-layout-1 .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header {
  background-color: #fff !important;
  padding: 10px 12px !important;
  border-radius: 8px !important;
  transition: all 0.15s !important;
  border: none !important;
}

.betterdocs-sidebar .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header:hover {
  background-color: #F7F8FA !important;
}

/* ── Active category header ── */
.betterdocs-sidebar .betterdocs-single-category-wrapper.active .betterdocs-single-category-inner .betterdocs-category-header,
.betterdocs-sidebar-layout-1 .betterdocs-single-category-wrapper.active .betterdocs-single-category-inner .betterdocs-category-header {
  background-color: #FCEAF3 !important;
  border-color: #E7358A !important;
}

/* ── Category title text ── */
.betterdocs-sidebar .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-title a,
.betterdocs-sidebar .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-title:not(a),
.betterdocs-sidebar-layout-1 .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-title a,
.betterdocs-sidebar-layout-1 .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-title:not(a) {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #1D3D67 !important;
  line-height: 1.4 !important;
}

.betterdocs-sidebar .betterdocs-single-category-wrapper.active .betterdocs-category-title a,
.betterdocs-sidebar .betterdocs-single-category-wrapper.active .betterdocs-category-title:not(a),
.betterdocs-sidebar-layout-1 .betterdocs-single-category-wrapper.active .betterdocs-category-title a,
.betterdocs-sidebar-layout-1 .betterdocs-single-category-wrapper.active .betterdocs-category-title:not(a) {
  color: #E7358A !important;
}

/* ── Count badge ── */
.betterdocs-sidebar .betterdocs-category-items-counts,
.betterdocs-sidebar-layout-1 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts {
  background-color: #F3F4F6 !important;
  background: #F3F4F6 !important;
  border-radius: 8px !important;
  padding: 0 !important;
  min-width: auto !important;
  width: auto !important;
  height: auto !important;
}

.betterdocs-sidebar .betterdocs-category-items-counts span,
.betterdocs-sidebar-layout-1 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts span {
  font-size: 10px !important;
  font-weight: 700 !important;
  background-color: transparent !important;
  background: transparent !important;
  color: #8E9EB3 !important;
  border-radius: 8px !important;
  padding: 3px 8px !important;
  min-width: auto !important;
  width: auto !important;
  height: auto !important;
  min-height: auto !important;
  line-height: 1.4 !important;
  border: none !important;
  box-shadow: none !important;
  display: inline-block !important;
}

/* Active category count badge → pink */
.betterdocs-sidebar .betterdocs-single-category-wrapper.active .betterdocs-category-items-counts,
.betterdocs-sidebar-layout-1 .betterdocs-single-category-wrapper.active .betterdocs-category-items-counts,
.betterdocs-sidebar.betterdocs-sidebar-layout-1 .betterdocs-sidebar-content .betterdocs-single-category-wrapper.active .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts {
  background-color: #E7358A !important;
  background: #E7358A !important;
}

.betterdocs-sidebar .betterdocs-single-category-wrapper.active .betterdocs-category-items-counts span,
.betterdocs-sidebar-layout-1 .betterdocs-single-category-wrapper.active .betterdocs-category-items-counts span,
.betterdocs-sidebar.betterdocs-sidebar-layout-1 .betterdocs-sidebar-content .betterdocs-single-category-wrapper.active .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts span {
  color: #fff !important;
  background: transparent !important;
  background-color: transparent !important;
}

/* ── Article links ── */
.betterdocs-sidebar .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li,
.betterdocs-sidebar-layout-1 .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li {
  margin: 0 !important;
  padding: 0 !important;
}

.betterdocs-sidebar .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li a,
.betterdocs-sidebar-layout-1 .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li a {
  font-size: 12.5px !important;
  font-weight: 400 !important;
  color: #617795 !important;
  padding: 6px 10px 6px 12px !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  display: block !important;
  transition: all 0.12s !important;
  line-height: 1.45 !important;
  border-left: 2px solid transparent !important;
}

.betterdocs-sidebar .betterdocs-articles-list li a:hover,
.betterdocs-sidebar-layout-1 .betterdocs-articles-list li a:hover {
  background: #FEF5F9 !important;
  color: #E7358A !important;
  border-left-color: #E7358A !important;
}

/* ── Current/active article ── */
.betterdocs-sidebar .betterdocs-articles-list li a.active,
.betterdocs-sidebar-layout-1 .betterdocs-articles-list li a.active {
  background: #FCEAF3 !important;
  color: #E7358A !important;
  font-weight: 600 !important;
  border-left-color: #E7358A !important;
}

/* ── Subcategory headers ── */
.betterdocs-sidebar .betterdocs-nested-category-title,
.betterdocs-sidebar .betterdocs-nested-category-title a,
.betterdocs-sidebar-layout-1 .betterdocs-nested-category-title,
.betterdocs-sidebar-layout-1 .betterdocs-nested-category-title a {
  font-size: 11.5px !important;
  font-weight: 600 !important;
  color: #8E9EB3 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  padding: 10px 10px 4px 12px !important;
  border-left: none !important;
}

.betterdocs-sidebar .betterdocs-nested-category-title a:hover,
.betterdocs-sidebar-layout-1 .betterdocs-nested-category-title a:hover {
  color: #1D3D67 !important;
  background: transparent !important;
  border-left: none !important;
}

/* ══════════════════════════════════════════════════════════════════
   FIX: DOUBLE ARROWS ON SUBCATEGORIES
══════════════════════════════════════════════════════════════════ */

/* Step 1: Nuclear hide */
.betterdocs-sidebar svg.toggle-arrow,
.betterdocs-sidebar .toggle-arrow,
.betterdocs-sidebar-layout-1 svg.toggle-arrow,
.betterdocs-sidebar-layout-1 .toggle-arrow,
.elementor-widget-betterdocs-sidebar svg.toggle-arrow,
.elementor-widget-betterdocs-sidebar .toggle-arrow,
.betterdocs-sidebar-content svg.toggle-arrow,
.betterdocs-sidebar-content .toggle-arrow,
.betterdocs-nested-category-wrapper svg.toggle-arrow,
.betterdocs-nested-category-wrapper .toggle-arrow,
.betterdocs-nested-category-title svg.toggle-arrow,
.betterdocs-nested-category-title .toggle-arrow {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  pointer-events: none !important;
}

/* Step 2: Show ONLY .arrow-right */
.betterdocs-sidebar svg.toggle-arrow.arrow-right,
.betterdocs-sidebar .toggle-arrow.arrow-right,
.betterdocs-sidebar-layout-1 svg.toggle-arrow.arrow-right,
.betterdocs-sidebar-layout-1 .toggle-arrow.arrow-right,
.elementor-widget-betterdocs-sidebar svg.toggle-arrow.arrow-right,
.elementor-widget-betterdocs-sidebar .toggle-arrow.arrow-right,
.betterdocs-sidebar-content svg.toggle-arrow.arrow-right,
.betterdocs-sidebar-content .toggle-arrow.arrow-right,
.betterdocs-nested-category-wrapper svg.toggle-arrow.arrow-right,
.betterdocs-nested-category-wrapper .toggle-arrow.arrow-right,
.betterdocs-nested-category-title svg.toggle-arrow.arrow-right,
.betterdocs-nested-category-title .toggle-arrow.arrow-right {
  display: inline-block !important;
  visibility: visible !important;
  position: static !important;
  width: 10px !important;
  height: 10px !important;
  min-width: 10px !important;
  overflow: visible !important;
  pointer-events: auto !important;
  color: #C4CFD9 !important;
  fill: #C4CFD9 !important;
  margin-right: 6px !important;
  flex-shrink: 0 !important;
  transition: transform 0.2s ease, color 0.2s ease, fill 0.2s ease !important;
  transform: rotate(0deg) !important;
}

/* Step 3: Rotate arrow-right 90deg when open */
.betterdocs-nested-category-wrapper.open svg.toggle-arrow.arrow-right,
.betterdocs-nested-category-wrapper.active svg.toggle-arrow.arrow-right,
.betterdocs-nested-category-wrapper.open .toggle-arrow.arrow-right,
.betterdocs-nested-category-wrapper.active .toggle-arrow.arrow-right,
.betterdocs-nested-category-wrapper.open .betterdocs-nested-category-title svg.toggle-arrow.arrow-right,
.betterdocs-nested-category-wrapper.active .betterdocs-nested-category-title svg.toggle-arrow.arrow-right,
.betterdocs-nested-category-wrapper.open .betterdocs-nested-category-title .toggle-arrow.arrow-right,
.betterdocs-nested-category-wrapper.active .betterdocs-nested-category-title .toggle-arrow.arrow-right {
  transform: rotate(90deg) !important;
  color: #E7358A !important;
  fill: #E7358A !important;
}

/* Step 4: Keep .arrow-down PERMANENTLY hidden */
.betterdocs-sidebar svg.toggle-arrow.arrow-down,
.betterdocs-sidebar .toggle-arrow.arrow-down,
.betterdocs-nested-category-wrapper svg.toggle-arrow.arrow-down,
.betterdocs-nested-category-wrapper .toggle-arrow.arrow-down,
.betterdocs-nested-category-wrapper.open svg.toggle-arrow.arrow-down,
.betterdocs-nested-category-wrapper.active svg.toggle-arrow.arrow-down,
.betterdocs-nested-category-wrapper.open .toggle-arrow.arrow-down,
.betterdocs-nested-category-wrapper.active .toggle-arrow.arrow-down,
.betterdocs-nested-category-wrapper.open .betterdocs-nested-category-title svg.toggle-arrow.arrow-down,
.betterdocs-nested-category-wrapper.active .betterdocs-nested-category-title svg.toggle-arrow.arrow-down {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  pointer-events: none !important;
}

/* ── Nested subcategory list ── */
.betterdocs-sidebar .betterdocs-nested-category-list,
.betterdocs-sidebar-layout-1 .betterdocs-nested-category-list {
  padding-left: 8px !important;
  margin: 0 !important;
  border-left: 1px solid #F3F4F6 !important;
  margin-left: 14px !important;
}

/* ── Category wrapper spacing ── */
.betterdocs-sidebar .betterdocs-single-category-wrapper,
.betterdocs-sidebar-layout-1 .betterdocs-single-category-wrapper {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
  border-bottom: 1px solid #F3F4F6 !important;
  padding-bottom: 2px !important;
}

.betterdocs-sidebar .betterdocs-single-category-wrapper:last-child {
  border-bottom: none !important;
}

/* ══════════════════════════════════════
   BREADCRUMBS
══════════════════════════════════════ */
.betterdocs-breadcrumb,
.betterdocs-entry-header .betterdocs-breadcrumb {
  font-size: 12.5px !important;
  font-weight: 500 !important;
  color: #8E9EB3 !important;
  margin-bottom: 18px !important;
  padding: 0 !important;
}

.betterdocs-breadcrumb a {
  color: #778BA4 !important;
  text-decoration: none !important;
  font-weight: 500 !important;
  transition: color 0.15s !important;
}

.betterdocs-breadcrumb a:hover {
  color: #E7358A !important;
}

.betterdocs-breadcrumb .breadcrumb-delimiter,
.betterdocs-breadcrumb span.separator {
  color: #C4CFD9 !important;
  margin: 0 6px !important;
}

.betterdocs-breadcrumb .breadcrumb-current,
.betterdocs-breadcrumb .current-item {
  color: #1D3D67 !important;
  font-weight: 600 !important;
}

/* ══════════════════════════════════════
   ARTICLE TITLE
══════════════════════════════════════ */
.betterdocs-entry-header .betterdocs-entry-title,
.betterdocs-single-wrapper .docs-single-title,
.betterdocs-content-area h1 {
  font-size: clamp(26px, 3.5vw, 38px) !important;
  font-weight: 900 !important;
  color: #E7358A !important;
  line-height: 1.1 !important;
  letter-spacing: -0.5px !important;
  margin-bottom: 20px !important;
}

/* ══════════════════════════════════════
   TABLE OF CONTENTS
══════════════════════════════════════ */
.betterdocs-toc,
.betterdocs-table-of-contents,
.betterdocs-entry-body .betterdocs-toc {
  background: #F7F8FA !important;
  border: 1px solid #E8ECF0 !important;
  border-radius: 16px !important;
  padding: 22px 26px !important;
  margin-bottom: 32px !important;
}

.betterdocs-toc .toc-title,
.betterdocs-table-of-contents .toc-title,
.betterdocs-toc > h2,
.betterdocs-toc > p {
  font-size: 14px !important;
  font-weight: 800 !important;
  color: #1D3D67 !important;
  margin-bottom: 14px !important;
  letter-spacing: -0.2px !important;
}

.betterdocs-toc .toc-list li a,
.betterdocs-toc ol li a,
.betterdocs-toc ul li a {
  font-size: 13.5px !important;
  color: #617795 !important;
  text-decoration: none !important;
  padding: 5px 0 !important;
  display: block !important;
  transition: color 0.15s !important;
  line-height: 1.55 !important;
  font-weight: 500 !important;
}

.betterdocs-toc .toc-list li a:hover,
.betterdocs-toc ol li a:hover,
.betterdocs-toc ul li a:hover {
  color: #E7358A !important;
}

/* ══════════════════════════════════════
   ARTICLE CONTENT
══════════════════════════════════════ */
.betterdocs-content-area .betterdocs-entry-content,
.betterdocs-content .betterdocs-entry-body,
.betterdocs-single-wrapper .betterdocs-entry-content {
  font-size: 15px !important;
  color: #617795 !important;
  line-height: 1.65 !important;
}

.betterdocs-entry-content h2,
.betterdocs-entry-body h2 {
  font-size: 22px !important;
  font-weight: 800 !important;
  color: #1D3D67 !important;
  margin: 36px 0 14px !important;
  line-height: 1.2 !important;
  letter-spacing: -0.3px !important;
}

.betterdocs-entry-content h3,
.betterdocs-entry-body h3 {
  font-size: 17px !important;
  font-weight: 800 !important;
  color: #1D3D67 !important;
  margin: 28px 0 12px !important;
  line-height: 1.3 !important;
}

.betterdocs-entry-content h4,
.betterdocs-entry-body h4 {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #1D3D67 !important;
  margin: 24px 0 10px !important;
  line-height: 1.4 !important;
}

.betterdocs-entry-content p,
.betterdocs-entry-body p {
  margin-bottom: 16px !important;
  color: #617795 !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
}

.betterdocs-entry-content strong,
.betterdocs-entry-body strong {
  color: #1D3D67 !important;
  font-weight: 700 !important;
}

.betterdocs-entry-content a,
.betterdocs-entry-body a {
  color: #E7358A !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  transition: color 0.15s !important;
}

.betterdocs-entry-content a:hover,
.betterdocs-entry-body a:hover {
  color: #D62E7D !important;
}

/* ── Lists in content ── */
.betterdocs-entry-content ul,
.betterdocs-entry-content ol,
.betterdocs-entry-body ul,
.betterdocs-entry-body ol {
  padding-left: 22px !important;
  margin-bottom: 18px !important;
}

.betterdocs-entry-content li,
.betterdocs-entry-body li {
  font-size: 15px !important;
  color: #617795 !important;
  line-height: 1.65 !important;
  margin-bottom: 8px !important;
}

.betterdocs-entry-content li strong,
.betterdocs-entry-body li strong {
  color: #1D3D67 !important;
  font-weight: 700 !important;
}

/* ── Blockquotes ── */
.betterdocs-entry-content blockquote,
.betterdocs-entry-body blockquote {
  background: #FCEAF3 !important;
  border-left: 4px solid #E7358A !important;
  border-radius: 0 12px 12px 0 !important;
  padding: 18px 22px !important;
  margin: 24px 0 !important;
  font-size: 14px !important;
  color: #1D3D67 !important;
  font-weight: 500 !important;
}

/* ── Images in content ── */
.betterdocs-entry-content img,
.betterdocs-entry-body img {
  border-radius: 12px !important;
  border: 1px solid #E8ECF0 !important;
  margin: 16px 0 !important;
  max-width: 100% !important;
}

/* ── HR dividers ── */
.betterdocs-entry-content hr,
.betterdocs-entry-body hr {
  border: none !important;
  border-top: 1px solid #E8ECF0 !important;
  margin: 28px 0 !important;
}

/* ══════════════════════════════════════
   PRINT ICON
══════════════════════════════════════ */
.betterdocs-print-btn,
.betterdocs-print-icon {
  opacity: 0.4 !important;
  transition: opacity 0.15s !important;
}

.betterdocs-print-btn:hover,
.betterdocs-print-icon:hover {
  opacity: 1 !important;
}

/* ══════════════════════════════════════
   REACTIONS / FEEDBACK
══════════════════════════════════════ */
.betterdocs-article-reactions,
.betterdocs-reactions {
  background: #F7F8FA !important;
  border: 1px solid #E8ECF0 !important;
  border-radius: 14px !important;
  padding: 24px !important;
  margin: 32px 0 !important;
  text-align: center !important;
}

.betterdocs-article-reactions .betterdocs-reaction-title {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #1D3D67 !important;
}

/* ══════════════════════════════════════
   NAVIGATION (Prev/Next)
══════════════════════════════════════ */
.betterdocs-navigation,
.docs-navigation,
.betterdocs-entry-footer .docs-navigation {
  border-top: 1px solid #E8ECF0 !important;
  padding-top: 20px !important;
  margin-top: 32px !important;
}

.betterdocs-navigation a,
.docs-navigation a {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #617795 !important;
  text-decoration: none !important;
  padding: 10px 18px !important;
  border: 1px solid #E8ECF0 !important;
  border-radius: 10px !important;
  background: #fff !important;
  transition: all 0.15s !important;
}

.betterdocs-navigation a:hover,
.docs-navigation a:hover {
  border-color: #E7358A !important;
  color: #E7358A !important;
  background: #FEF5F9 !important;
}

/* ══════════════════════════════════════
   TAGS
══════════════════════════════════════ */
.betterdocs-tags,
.betterdocs-entry-footer .betterdocs-tags {
  margin-top: 20px !important;
}

.betterdocs-tags a {
  font-size: 11px !important;
  font-weight: 500 !important;
  color: #617795 !important;
  background: #F3F4F6 !important;
  padding: 3px 10px !important;
  border-radius: 9999px !important;
  text-decoration: none !important;
  transition: all 0.15s !important;
}

.betterdocs-tags a:hover {
  background: #FCEAF3 !important;
  color: #E7358A !important;
}

/* ══════════════════════════════════════
   READING TIME & LAST UPDATED
══════════════════════════════════════ */
.betterdocs-entry-header .betterdocs-reading-time,
.betterdocs-entry-header .betterdocs-last-updated {
  font-size: 12px !important;
  color: #8E9EB3 !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
}

/* ══════════════════════════════════════
   FEEDBACK FORM (email)
══════════════════════════════════════ */
.betterdocs-feedback-form {
  background: #F7F8FA !important;
  border: 1px solid #E8ECF0 !important;
  border-radius: 14px !important;
  padding: 24px !important;
}

.betterdocs-feedback-form .betterdocs-feedback-form-title {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #1D3D67 !important;
}

.betterdocs-feedback-form input,
.betterdocs-feedback-form textarea {
  border: 2px solid #E8ECF0 !important;
  border-radius: 10px !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 13px !important;
  padding: 10px 14px !important;
  transition: border-color 0.15s !important;
}

.betterdocs-feedback-form input:focus,
.betterdocs-feedback-form textarea:focus {
  border-color: #E7358A !important;
  outline: none !important;
}

.betterdocs-feedback-form button,
.betterdocs-feedback-form input[type="submit"] {
  background: #E7358A !important;
  color: #fff !important;
  border: none !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  padding: 10px 24px !important;
  cursor: pointer !important;
  transition: all 0.15s !important;
  box-shadow: 0 2px 10px rgba(231,53,138,0.3) !important;
}

.betterdocs-feedback-form button:hover,
.betterdocs-feedback-form input[type="submit"]:hover {
  background: #D62E7D !important;
  transform: translateY(-1px) !important;
}

/* ══════════════════════════════════════
   MOBILE RESPONSIVE
══════════════════════════════════════ */
@media (max-width: 768px) {
  .betterdocs-sidebar,
  #betterdocs-sidebar {
    border-radius: 12px !important;
    margin-bottom: 20px !important;
  }

  .betterdocs-single-wrapper .betterdocs-searchform {
    padding: 16px !important;
    border-radius: 12px !important;
  }

  .betterdocs-entry-header .betterdocs-entry-title,
  .betterdocs-content-area h1 {
    font-size: 22px !important;
  }

  .betterdocs-toc {
    padding: 16px !important;
    border-radius: 12px !important;
  }
}

/* ══════════════════════════════════════════════════════════════════
   FIX: Affiliate page .reveal sections invisible (WP Rocket strips script)
   Forces content visible even when JS doesn't execute
   Added: Mar 5, 2026
══════════════════════════════════════════════════════════════════ */
.elementor-element-c666565 .reveal {
  opacity: 1 !important;
  transform: none !important;
}

/* ════════════════════════════════════════════════════════════
   PLANIFY PRO — PRODUCT PAGE CSS OVERRIDE
   Paste into: Appearance → Customize → Additional CSS
   
   Targets Elementor template #1928 (single-product)
   Reskins WooCommerce default widgets to match the blog design.
   All rules use !important to beat Elementor kit-442 globals.
════════════════════════════════════════════════════════════ */

/* ── Design Tokens ── */
:root{
  --pp-pk7:#E7358A;--pp-pk8:#D62E7D;--pp-pk1:#FCEAF3;--pp-pk0:#FEF5F9;--pp-pk2:#F9CCE2;
  --pp-nv9:#1D3D67;--pp-nv7:#4A6485;--pp-nv5:#778BA4;--pp-nv4:#8E9EB3;--pp-nv0:#E8ECF0;
  --pp-gr7:#22C55E;--pp-gr1:#DCFCE7;
  --pp-f:'Poppins',sans-serif;
  --pp-rm:10px;--pp-rl:16px;--pp-rx:24px;--pp-rf:9999px;
}

/* ════════════════════════════════
   PAGE BACKGROUND
════════════════════════════════ */
.single-product .site-content,
.single-product .ast-page-builder-template,
.single-product .ast-plain-container{
  background-color:#F7F8FA !important;
}

/* ════════════════════════════════
   BREADCRUMB
════════════════════════════════ */
.single-product .woocommerce-breadcrumb{
  font-family:var(--pp-f) !important;
  font-size:12px !important;
  font-weight:500 !important;
  color:var(--pp-nv4) !important;
  padding:14px 0 !important;
  margin:0 !important;
}
.single-product .woocommerce-breadcrumb a{
  color:var(--pp-nv5) !important;
  font-weight:500 !important;
  font-size:12px !important;
  text-decoration:none !important;
}
.single-product .woocommerce-breadcrumb a:hover{
  color:var(--pp-pk7) !important;
}

/* ════════════════════════════════
   PRODUCT TITLE (H1)
════════════════════════════════ */
.single-product .product_title.entry-title,
.single-product h1.product_title,
.single-product .elementor-widget-woocommerce-product-title .elementor-heading-title{
  font-family:var(--pp-f) !important;
  font-size:clamp(24px,3vw,32px) !important;
  font-weight:900 !important;
  color:var(--pp-nv9) !important;
  line-height:1.15 !important;
  letter-spacing:-.4px !important;
  margin-bottom:12px !important;
}

/* ════════════════════════════════
   PRODUCT GALLERY
════════════════════════════════ */
.single-product .woocommerce-product-gallery{
  border-radius:var(--pp-rx) !important;
  overflow:hidden !important;
  border:1px solid var(--pp-nv0) !important;
  box-shadow:0 4px 24px rgba(29,61,103,.06) !important;
  background:#fff !important;
}
.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image img{
  border-radius:0 !important;
}
.single-product .woocommerce-product-gallery .flex-control-thumbs{
  display:flex !important;
  gap:8px !important;
  margin-top:12px !important;
  padding:0 12px 12px !important;
}
.single-product .woocommerce-product-gallery .flex-control-thumbs li{
  border-radius:var(--pp-rm) !important;
  overflow:hidden !important;
  border:2px solid transparent !important;
  opacity:.55 !important;
  transition:all .2s !important;
}
.single-product .woocommerce-product-gallery .flex-control-thumbs li:hover,
.single-product .woocommerce-product-gallery .flex-control-thumbs li.flex-active{
  border-color:var(--pp-pk7) !important;
  opacity:1 !important;
}

/* ════════════════════════════════
   SHORT DESCRIPTION
════════════════════════════════ */
.single-product .woocommerce-product-details__short-description,
.single-product .woocommerce-product-details__short-description p{
  font-family:var(--pp-f) !important;
  font-size:14px !important;
  font-weight:400 !important;
  color:var(--pp-nv5) !important;
  line-height:1.7 !important;
}
.single-product .woocommerce-product-details__short-description strong{
  color:var(--pp-nv7) !important;
  font-weight:600 !important;
}
.single-product .woocommerce-product-details__short-description a{
  color:var(--pp-pk7) !important;
  font-weight:600 !important;
  text-decoration:none !important;
}
.single-product .woocommerce-product-details__short-description a:hover{
  color:var(--pp-pk8) !important;
}

/* ════════════════════════════════
   PRODUCT CONTENT (Long Description)
════════════════════════════════ */
.single-product .elementor-widget-woocommerce-product-content .elementor-widget-container{
  background:#fff !important;
  border:1px solid var(--pp-nv0) !important;
  border-radius:var(--pp-rl) !important;
  padding:36px 40px !important;
  box-shadow:0 2px 12px rgba(29,61,103,.03) !important;
}
.single-product .elementor-widget-woocommerce-product-content h2,
.single-product .elementor-widget-woocommerce-product-content h3{
  font-family:var(--pp-f) !important;
  font-weight:800 !important;
  color:var(--pp-nv9) !important;
  letter-spacing:-.2px !important;
}
.single-product .elementor-widget-woocommerce-product-content h2{
  font-size:20px !important;
  margin-bottom:14px !important;
  margin-top:24px !important;
}
.single-product .elementor-widget-woocommerce-product-content h3{
  font-size:16px !important;
  margin-bottom:10px !important;
  margin-top:18px !important;
}
.single-product .elementor-widget-woocommerce-product-content p{
  font-family:var(--pp-f) !important;
  font-size:14px !important;
  font-weight:400 !important;
  color:var(--pp-nv5) !important;
  line-height:1.7 !important;
}
.single-product .elementor-widget-woocommerce-product-content ul,
.single-product .elementor-widget-woocommerce-product-content ol{
  list-style:none !important;
  padding-left:0 !important;
}
.single-product .elementor-widget-woocommerce-product-content li{
  font-family:var(--pp-f) !important;
  font-size:13.5px !important;
  font-weight:500 !important;
  color:var(--pp-nv7) !important;
  line-height:1.6 !important;
  padding:5px 0 !important;
  padding-left:18px !important;
  position:relative !important;
}
.single-product .elementor-widget-woocommerce-product-content li::before{
  content:'' !important;
  width:6px !important;
  height:6px !important;
  border-radius:50% !important;
  background:var(--pp-pk7) !important;
  position:absolute !important;
  left:0 !important;
  top:12px !important;
}
.single-product .elementor-widget-woocommerce-product-content a{
  color:var(--pp-pk7) !important;
  font-weight:600 !important;
  text-decoration:none !important;
}
.single-product .elementor-widget-woocommerce-product-content a:hover{
  color:var(--pp-pk8) !important;
}

/* ════════════════════════════════
   "EDIT ON PLANIFY PRO" BUTTON
════════════════════════════════ */
.single-product .elementor-widget-button .elementor-button{
  background:var(--pp-pk7) !important;
  color:#fff !important;
  font-family:var(--pp-f) !important;
  font-size:14px !important;
  font-weight:700 !important;
  border-radius:var(--pp-rm) !important;
  padding:14px 28px !important;
  box-shadow:0 4px 18px rgba(231,53,138,.28) !important;
  transition:all .25s !important;
  border:none !important;
}
.single-product .elementor-widget-button .elementor-button:hover{
  background:var(--pp-pk8) !important;
  color:#fff !important;
  transform:translateY(-2px) !important;
  box-shadow:0 8px 28px rgba(231,53,138,.32) !important;
}

/* ════════════════════════════════
   CATEGORY TAG (above title)
════════════════════════════════ */
.single-product .ast-woo-product-category,
.single-product .posted_in{
  font-family:var(--pp-f) !important;
  font-size:10px !important;
  font-weight:700 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}
.single-product .ast-woo-product-category a,
.single-product .posted_in a{
  background:var(--pp-pk1) !important;
  color:var(--pp-pk7) !important;
  padding:4px 11px !important;
  border-radius:var(--pp-rf) !important;
  font-size:10px !important;
  font-weight:700 !important;
  text-decoration:none !important;
}
.single-product .ast-woo-product-category a:hover,
.single-product .posted_in a:hover{
  background:var(--pp-pk2) !important;
  color:var(--pp-pk8) !important;
}

/* ════════════════════════════════
   RELATED PRODUCTS SECTION
════════════════════════════════ */
.single-product .related.products > h2,
.single-product .elementor-widget-woocommerce-product-related .elementor-widget-container > h2{
  font-family:var(--pp-f) !important;
  font-size:20px !important;
  font-weight:800 !important;
  color:var(--pp-nv9) !important;
  letter-spacing:-.2px !important;
  margin-bottom:20px !important;
}
.single-product .related.products ul.products li.product,
.single-product .elementor-widget-woocommerce-product-related .product{
  background:#fff !important;
  border:1px solid var(--pp-nv0) !important;
  border-radius:var(--pp-rl) !important;
  overflow:hidden !important;
  transition:transform .2s,box-shadow .2s !important;
  padding:0 !important;
}
.single-product .related.products ul.products li.product:hover,
.single-product .elementor-widget-woocommerce-product-related .product:hover{
  transform:translateY(-4px) !important;
  box-shadow:0 8px 32px rgba(29,61,103,.08) !important;
}
.single-product .related.products .woocommerce-loop-product__title,
.single-product .elementor-widget-woocommerce-product-related .woocommerce-loop-product__title{
  font-family:var(--pp-f) !important;
  font-size:13px !important;
  font-weight:700 !important;
  color:var(--pp-nv9) !important;
  line-height:1.35 !important;
  padding:8px 14px !important;
}
.single-product .related.products .ast-woo-product-category,
.single-product .elementor-widget-woocommerce-product-related .ast-woo-product-category{
  padding:8px 14px 0 !important;
  margin:0 !important;
}
.single-product .related.products .button,
.single-product .elementor-widget-woocommerce-product-related .button,
.single-product .related.products .ast-on-card-button,
.single-product .elementor-widget-woocommerce-product-related .ast-on-card-button{
  font-family:var(--pp-f) !important;
  font-size:11px !important;
  font-weight:600 !important;
  color:var(--pp-pk7) !important;
  background:none !important;
  border:none !important;
  box-shadow:none !important;
  padding:4px 14px 12px !important;
  text-transform:none !important;
}
.single-product .related.products .button:hover,
.single-product .elementor-widget-woocommerce-product-related .button:hover{
  color:var(--pp-pk8) !important;
  background:none !important;
}

/* ════════════════════════════════
   WPR WOO GRID (if used for templates grid)
════════════════════════════════ */
.single-product .wpr-grid-item .wpr-grid-image-wrap{
  border-radius:var(--pp-rl) var(--pp-rl) 0 0 !important;
  overflow:hidden !important;
}
.single-product .wpr-grid-item{
  border:1px solid var(--pp-nv0) !important;
  border-radius:var(--pp-rl) !important;
  overflow:hidden !important;
  background:#fff !important;
  transition:transform .2s,box-shadow .2s !important;
}
.single-product .wpr-grid-item:hover{
  transform:translateY(-3px) !important;
  box-shadow:0 6px 24px rgba(29,61,103,.07) !important;
}
.single-product .wpr-grid-item .wpr-grid-item-title{
  font-family:var(--pp-f) !important;
  font-size:13px !important;
  font-weight:700 !important;
  color:var(--pp-nv9) !important;
}
.single-product .wpr-grid-item .wpr-grid-item-title a{
  color:var(--pp-nv9) !important;
  text-decoration:none !important;
  font-size:13px !important;
  font-weight:700 !important;
}

/* ════════════════════════════════
   SECTION HEADINGS (Elementor headings used as section titles)
════════════════════════════════ */
.single-product .elementor-widget-heading .elementor-heading-title:not(.product_title){
  font-family:var(--pp-f) !important;
  font-size:20px !important;
  font-weight:800 !important;
  color:var(--pp-nv9) !important;
  letter-spacing:-.2px !important;
}

/* ════════════════════════════════
   HIDE "About our Weekly/Meal Planners" BOILERPLATE
   (H5 headings in the product content - these are the
   duplicate boilerplate sections to remove)
════════════════════════════════ */
.single-product .elementor-widget-woocommerce-product-content h5,
.single-product .elementor-widget-woocommerce-product-content h5 ~ p,
.single-product .elementor-widget-woocommerce-product-content h5 ~ ul{
  /* Uncomment to hide boilerplate: */
  /* display:none !important; */
}

/* ════════════════════════════════
   SPACING & LAYOUT POLISH
════════════════════════════════ */
.single-product .elementor-section{
  margin-bottom:0 !important;
}
.single-product .elementor-widget-spacer{
  max-height:40px !important;
}

/* Remove default WooCommerce product page image shadow from Astra */
.single-product .ast-article-single img{
  box-shadow:none !important;
}

/* ════════════════════════════════
   RESPONSIVE
════════════════════════════════ */
@media(max-width:768px){
  .single-product .elementor-widget-woocommerce-product-content .elementor-widget-container{
    padding:24px 20px !important;
  }
  .single-product .product_title.entry-title,
  .single-product h1.product_title{
    font-size:24px !important;
  }
}

/* ════════════════════════════════════════════════════════════
   PRODUCT PAGE — LAYOUT & DESIGN ENHANCEMENT v2
   Gallery LEFT (wider) / Info RIGHT — matching mockup
   Fallback for Elementor container CSS (WP Rocket RUCSS)
   Added: 2026-03-11
════════════════════════════════════════════════════════════ */

/* ── Elementor Container Fallback ── */
.single-product .e-con{
  display:flex !important;
}
.single-product .e-con--flex{
  flex-wrap:wrap !important;
}

/* ── Hero Section — The Product Container ── */
.single-product .elementor-element-7e901797,
.single-product .e-con[data-id="7e901797"]{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  gap:44px !important;
  align-items:flex-start !important;
  max-width:1200px !important;
  margin:0 auto !important;
  padding:40px 24px 48px !important;
  background:#fff !important;
  border-bottom:1px solid var(--pp-nv0,#E8ECF0) !important;
}

/* ── Content/Info Column (originally left) — push RIGHT ── */
.single-product .elementor-element-77cf9ed8,
.single-product .e-con[data-id="77cf9ed8"]{
  order:2 !important;
  flex:0 0 calc(42.5% - 22px) !important;
  max-width:calc(42.5% - 22px) !important;
  min-width:0 !important;
}

/* ── Images Column (originally right) — pull LEFT, wider ── */
.single-product .elementor-element-7e901797 > .e-con:not(.elementor-element-77cf9ed8):not([data-id="77cf9ed8"]),
.single-product .e-con:has(> .elementor-widget-woocommerce-product-images){
  order:1 !important;
  flex:0 0 calc(57.5% - 22px) !important;
  max-width:calc(57.5% - 22px) !important;
  min-width:0 !important;
}

/* ── Product Gallery — match mockup style ── */
.single-product .woocommerce-product-gallery{
  border-radius:24px !important;
  overflow:hidden !important;
  border:1px solid var(--pp-nv0,#E8ECF0) !important;
  box-shadow:0 4px 24px rgba(29,61,103,.06) !important;
  background:#fff !important;
  position:relative !important;
}
.single-product .woocommerce-product-gallery .flex-viewport,
.single-product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper{
  border-radius:0 !important;
}
.single-product .woocommerce-product-gallery img{
  width:100% !important;
  height:auto !important;
}

/* ── Product Info Enhancements ── */
.single-product .elementor-widget-woocommerce-product-price .price{
  font-family:var(--pp-f,'Poppins',sans-serif) !important;
  font-size:0 !important;
  visibility:hidden !important;
  height:0 !important;
  overflow:hidden !important;
}

/* ── CTA Button Enhancement ── */
.single-product .elementor-widget-button .elementor-button{
  width:100% !important;
  height:52px !important;
  justify-content:center !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
}

/* ── Related Products Section ── */
.single-product .related.products,
.single-product .elementor-widget-woocommerce-product-related{
  max-width:1200px !important;
  margin:0 auto !important;
  padding:52px 24px !important;
}
.single-product .related.products ul.products,
.single-product .elementor-widget-woocommerce-product-related .products{
  display:grid !important;
  grid-template-columns:repeat(auto-fill,minmax(200px,1fr)) !important;
  gap:16px !important;
}

/* ── FAQ/Toggle Section ── */
.single-product .elementor-widget-toggle{
  max-width:1200px !important;
  margin:0 auto !important;
}
.single-product .elementor-toggle .elementor-tab-title{
  font-family:var(--pp-f,'Poppins',sans-serif) !important;
  font-size:14px !important;
  font-weight:600 !important;
  color:var(--pp-nv9,#1D3D67) !important;
  border:1px solid var(--pp-nv0,#E8ECF0) !important;
  border-radius:10px !important;
  padding:16px 20px !important;
  margin-bottom:8px !important;
  background:#fff !important;
}
.single-product .elementor-toggle .elementor-tab-content{
  font-family:var(--pp-f,'Poppins',sans-serif) !important;
  font-size:13.5px !important;
  color:var(--pp-nv5,#778BA4) !important;
  line-height:1.65 !important;
  padding:12px 20px 20px !important;
  border:1px solid var(--pp-nv0,#E8ECF0) !important;
  border-top:none !important;
  border-radius:0 0 10px 10px !important;
  background:#fff !important;
  margin-top:-9px !important;
}

/* ── Testimonial Cards ── */
.single-product .elementor-widget-testimonial .elementor-testimonial-wrapper{
  background:#fff !important;
  border:1px solid var(--pp-nv0,#E8ECF0) !important;
  border-radius:16px !important;
  padding:24px !important;
  box-shadow:0 2px 12px rgba(29,61,103,.03) !important;
}
.single-product .elementor-testimonial-content{
  font-family:var(--pp-f,'Poppins',sans-serif) !important;
  font-size:13px !important;
  color:var(--pp-nv7,#4A6485) !important;
  line-height:1.6 !important;
  font-style:normal !important;
}
.single-product .elementor-testimonial-name{
  font-family:var(--pp-f,'Poppins',sans-serif) !important;
  font-size:13px !important;
  font-weight:700 !important;
  color:var(--pp-nv9,#1D3D67) !important;
}

/* ── Section Headings across template ── */
.single-product .elementor-widget-heading:not(:first-child) .elementor-heading-title:not(.product_title){
  font-family:var(--pp-f,'Poppins',sans-serif) !important;
  font-size:clamp(22px,3vw,30px) !important;
  font-weight:800 !important;
  color:var(--pp-nv9,#1D3D67) !important;
  letter-spacing:-.3px !important;
  text-align:center !important;
  margin:0 auto 24px !important;
}

/* ── Full-width sections background ── */
.single-product .elementor[data-elementor-id="1928"] > .elementor-element:nth-child(n+2){
  max-width:100% !important;
  padding:52px 24px !important;
}
.single-product .elementor[data-elementor-id="1928"] > .elementor-element:nth-child(odd):not(:first-child){
  background:#fff !important;
  border-top:1px solid var(--pp-nv0,#E8ECF0) !important;
  border-bottom:1px solid var(--pp-nv0,#E8ECF0) !important;
}

/* ── Inner content max-width ── */
.single-product .elementor[data-elementor-id="1928"] > .elementor-element:nth-child(n+2) > .e-con-inner,
.single-product .elementor[data-elementor-id="1928"] > .elementor-element:nth-child(n+2) > .elementor-widget{
  max-width:1200px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* ── Responsive: Tablet & Mobile ── */
@media(max-width:900px){
  .single-product .elementor-element-7e901797,
  .single-product .e-con[data-id="7e901797"]{
    flex-direction:column !important;
    gap:28px !important;
    padding:24px 16px 32px !important;
  }
  .single-product .elementor-element-77cf9ed8,
  .single-product .e-con[data-id="77cf9ed8"],
  .single-product .elementor-element-7e901797 > .e-con{
    flex:0 0 100% !important;
    max-width:100% !important;
    order:unset !important;
  }
}
@media(max-width:600px){
  .single-product .elementor[data-elementor-id="1928"] > .elementor-element:nth-child(n+2){
    padding:36px 16px !important;
  }
}