/*
  Shada Migration Services
  Joomla 6 Cassiopeia custom styling
  File: media/templates/site/cassiopeia/css/user.css
  Version: 1.0
*/

/* =========================
   BRAND VARIABLES
========================= */

:root {
  --shada-teal: #0f6d73;
  --shada-teal-dark: #0a4f54;
  --shada-teal-light: #eef7f7;
  --shada-border: #cfe6e6;
  --shada-soft-border: #d9ecec;
  --shada-text: #1f2933;
  --shada-muted: #5f6f7a;
  --shada-bg: #ffffff;
  --shada-soft-bg: #f9fcfc;
  --shada-radius: 10px;
  --shada-shadow: 0 2px 8px rgba(0,0,0,0.06);

  --cassiopeia-color-primary: #0f6d73;
  --cassiopeia-color-link: #0f6d73;
  --cassiopeia-color-hover: #0a4f54;
}

/* =========================
   GLOBAL LAYOUT
========================= */

body {
  background: #ffffff;
  color: var(--shada-text);
  font-size: 17px;
  line-height: 1.7;
}

a {
  color: var(--shada-teal);
}

a:hover,
a:focus {
  color: var(--shada-teal-dark);
}

.grid-child,
.container-header .grid-child,
.container-footer .grid-child {
  max-width: 1280px;
}

.site-grid {
  background: #ffffff;
}

.container-component,
.container-main,
.com-content-article,
.blog,
.category-list,
.categories-list {
  background: #ffffff;
}

/* wider, cleaner article area */
.container-component {
  padding-top: 24px;
  padding-bottom: 36px;
}

main {
  min-width: 0;
}

/* =========================
   HEADER / MENU
========================= */

.container-header {
  background: #ffffff;
  border-bottom: 1px solid var(--shada-soft-border);
  box-shadow: 0 1px 5px rgba(0,0,0,0.04);
}

.container-header .navbar-brand,
.container-header .site-description,
.container-header .mod-menu > li > a,
.container-header .mod-menu > li > span {
  color: var(--shada-text);
}

.container-header .mod-menu > li > a:hover,
.container-header .mod-menu > li.active > a,
.container-header .mod-menu > li.current > a {
  color: var(--shada-teal);
}

.container-header .navbar-toggler {
  border-color: var(--shada-teal);
  color: var(--shada-teal);
}

.brand-logo img,
.navbar-brand img {
  max-height: 74px;
  width: auto;
}

/* =========================
   TYPOGRAPHY
========================= */

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #17252a;
  line-height: 1.25;
  font-weight: 700;
}

h1,
.page-header h1 {
  font-size: clamp(2rem, 3vw, 2.75rem);
  margin-bottom: 1rem;
}

h2 {
  font-size: clamp(1.55rem, 2.2vw, 2.1rem);
  margin-top: 2rem;
}

h3 {
  font-size: clamp(1.25rem, 1.7vw, 1.55rem);
  margin-top: 1.6rem;
}

p {
  margin-bottom: 1rem;
}

hr {
  border-color: var(--shada-soft-border);
}

/* =========================
   ARTICLES
========================= */

.com-content-article,
.item-page {
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
}

.com-content-article p,
.item-page p {
  color: var(--shada-text);
}

.page-header {
  border-bottom: 1px solid var(--shada-soft-border);
  margin-bottom: 1.5rem;
  padding-bottom: 0.75rem;
}

.article-info,
.article-info-term,
dd.category-name,
dd.published,
dd.createdby,
dd.hits {
  color: var(--shada-muted);
  font-size: 0.95rem;
}

/* =========================
   BUTTONS
========================= */

.btn,
button,
input[type="submit"] {
  border-radius: 7px;
}

.btn-primary,
button.btn-primary,
input[type="submit"].btn-primary {
  background: var(--shada-teal);
  border-color: var(--shada-teal);
  color: #ffffff;
}

.btn-primary:hover,
.btn-primary:focus {
  background: var(--shada-teal-dark);
  border-color: var(--shada-teal-dark);
}

.shada-button,
a.shada-button {
  display: inline-block;
  background: var(--shada-teal);
  color: #ffffff;
  padding: 11px 20px;
  border-radius: 7px;
  text-decoration: none;
  font-weight: 600;
}

.shada-button:hover,
a.shada-button:hover {
  background: var(--shada-teal-dark);
  color: #ffffff;
  text-decoration: none;
}

.shada-button-outline,
a.shada-button-outline {
  display: inline-block;
  border: 1px solid var(--shada-teal);
  color: var(--shada-teal);
  background: transparent;
  padding: 11px 20px;
  border-radius: 7px;
  text-decoration: none;
  font-weight: 600;
}

.shada-button-outline:hover,
a.shada-button-outline:hover {
  background: var(--shada-teal);
  color: #ffffff;
}

/* =========================
   REUSABLE SHADA SECTIONS
========================= */

.shada-section {
  background: var(--shada-teal-light);
  border-left: 5px solid var(--shada-teal);
  padding: 24px;
  border-radius: 9px;
  margin: 36px 0 30px;
}

.shada-box {
  background: var(--shada-soft-bg);
  border: 1px solid var(--shada-soft-border);
  border-radius: 9px;
  padding: 24px;
  margin: 26px 0;
  box-shadow: var(--shada-shadow);
}

.shada-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 22px;
}

.shada-card {
  background: var(--shada-soft-bg);
  border: 1px solid var(--shada-border);
  border-radius: 9px;
  padding: 22px;
  box-shadow: var(--shada-shadow);
}

.shada-card h3,
.shada-card h4 {
  margin-top: 0;
}

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

.shada-cta {
  background: var(--shada-teal);
  color: #ffffff;
  padding: 32px;
  border-radius: 10px;
  text-align: center;
  margin: 40px 0 24px;
}

.shada-cta h2,
.shada-cta h3,
.shada-cta p {
  color: #ffffff;
}

/* =========================
   CATEGORY / BLOG LISTS
========================= */

.blog-items,
.items-leading,
.items-row {
  gap: 22px;
}

.blog-item,
.item,
.items-leading > div,
.items-row > div {
  background: var(--shada-soft-bg);
  border: 1px solid var(--shada-border);
  border-radius: 9px;
  padding: 20px;
  box-shadow: var(--shada-shadow);
  margin-bottom: 22px;
}

.blog-item h2,
.blog-item h3,
.item h2,
.item h3 {
  margin-top: 0;
}

.blog-item .item-title a,
.item-title a {
  color: #17252a;
  text-decoration: none;
}

.blog-item .item-title a:hover,
.item-title a:hover {
  color: var(--shada-teal);
  text-decoration: underline;
}

.readmore .btn,
p.readmore .btn {
  background: var(--shada-teal);
  border-color: var(--shada-teal);
  color: #ffffff;
}

.readmore .btn:hover,
p.readmore .btn:hover {
  background: var(--shada-teal-dark);
  border-color: var(--shada-teal-dark);
}

/* Category list tables */
.category-list table,
.table {
  border: 1px solid var(--shada-soft-border);
}

.category-list th,
.table th {
  background: var(--shada-teal-light);
  color: #17252a;
}

/* =========================
   OMNICAT SUPPORT STYLING
========================= */

.omnicat-badge,
.badge-omnicat {
  display: inline-block;
  background: var(--shada-teal-light);
  color: var(--shada-teal-dark);
  border: 1px solid var(--shada-border);
  border-radius: 999px;
  padding: 3px 9px;
  font-size: 0.82rem;
  font-weight: 600;
}

.omnicat-categories,
.article-categories,
.shada-category-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px 0 18px;
}

.omnicat-categories a,
.article-categories a,
.shada-category-tags a {
  background: var(--shada-teal-light);
  border: 1px solid var(--shada-border);
  border-radius: 999px;
  padding: 5px 11px;
  text-decoration: none;
  font-size: 0.9rem;
}

/* =========================
   FORMS
========================= */

input,
select,
textarea,
.form-control,
.form-select {
  border-radius: 7px;
  border-color: #bfd6d6;
}

input:focus,
select:focus,
textarea:focus,
.form-control:focus,
.form-select:focus {
  border-color: var(--shada-teal);
  box-shadow: 0 0 0 0.2rem rgba(15,109,115,0.15);
}

/* =========================
   FOOTER
========================= */

.container-footer {
  background: #0a4f54;
  color: #ffffff;
  margin-top: 40px;
}

.container-footer a {
  color: #ffffff;
  text-decoration: none;
}

.container-footer a:hover {
  text-decoration: underline;
}

.container-footer h3,
.container-footer h4,
.container-footer h5 {
  color: #ffffff;
}

/* =========================
   MOBILE
========================= */

@media (max-width: 768px) {
  body {
    font-size: 16px;
  }

  .container-component {
    padding-top: 14px;
  }

  .com-content-article,
  .item-page {
    max-width: 100%;
  }

  .shada-section,
  .shada-box,
  .shada-card {
    padding: 18px;
  }

  .shada-cta {
    padding: 24px 18px;
  }

  .brand-logo img,
  .navbar-brand img {
    max-height: 58px;
  }
}

/* =========================
   SHADA FULL-WIDTH LAYOUT PATCH
   Added 2026-06-28
   Purpose: remove Cassiopeia right sidebar look and make pages full-width
========================= */

/* Hide right sidebar modules such as the default Main Menu box */
.container-sidebar-right {
  display: none !important;
}

/* Hide left sidebar too if any page accidentally has one */
.container-sidebar-left {
  display: none !important;
}

/* Let the main component use the full available page width */
.site-grid > .container-component {
  grid-column: full-start / full-end !important;
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 28px;
  padding-right: 28px;
}

/* Reduce empty vertical space around the top of pages */
.site-grid {
  row-gap: 0;
}

.container-header + .site-grid {
  margin-top: 0;
}

/* Breadcrumb styling */
.breadcrumb {
  background: #f7f9f9;
  border: 1px solid #eef3f3;
  border-radius: 0;
  padding: 12px 16px;
  margin-bottom: 24px;
}

/* Make article pages feel more like clean full-page content */
.com-content-article,
.item-page {
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
}

/* Make headings less default-Joomla and more Shada-style */
.page-header h1,
.com-content-article h1,
.item-page h1 {
  color: #17252a;
  font-weight: 800;
  letter-spacing: -0.03em;
}

/* Better content box, like table of contents and callout boxes */
.item-page .toc,
.item-page .contents,
.item-page [class*="contents"],
.item-page .well,
.item-page .card {
  border-radius: 9px;
  border-color: #d9ecec;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}

/* Mobile spacing */
@media (max-width: 768px) {
  .site-grid > .container-component {
    padding-left: 16px;
    padding-right: 16px;
  }
}

/* =========================
   SHADA CUSTOM TOP NAVIGATION
   Added 2026-06-28
========================= */

.container-header {
  background: #ffffff;
  border-bottom: 1px solid #d9ecec;
  box-shadow: none;
}

.container-header .container-nav,
.container-header nav {
  max-width: 100%;
}

.shada-top-nav {
  background: #0f6d73;
  width: 100%;
  border-top: 1px solid rgba(255,255,255,0.12);
  border-bottom: 1px solid rgba(0,0,0,0.08);
}

.shada-top-nav ul,
.shada-top-nav li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.shada-nav-list {
  max-width: 1280px;
  margin: 0 auto !important;
  padding: 0 28px !important;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0;
}

.shada-nav-list > li {
  position: relative;
}

.shada-nav-list > li > a {
  display: block;
  padding: 17px 18px;
  color: #ffffff !important;
  text-decoration: none;
  font-size: 0.98rem;
  font-weight: 600;
  line-height: 1.2;
}

.shada-nav-list > li > a:hover,
.shada-nav-list > li:focus-within > a {
  background: #0a4f54;
  color: #ffffff !important;
  text-decoration: none;
}

.shada-has-dropdown > a::after {
  content: "⌄";
  display: inline-block;
  margin-left: 7px;
  font-size: 0.8rem;
}

.shada-has-dropdown > ul {
  position: absolute;
  left: 0;
  top: 100%;
  min-width: 290px;
  background: #ffffff;
  border: 1px solid #d9ecec;
  box-shadow: 0 8px 22px rgba(0,0,0,0.12);
  z-index: 9999;
  display: none;
}

.shada-has-dropdown:hover > ul,
.shada-has-dropdown:focus-within > ul {
  display: block;
}

.shada-has-dropdown > ul > li > a {
  display: block;
  padding: 11px 15px;
  color: #17252a !important;
  text-decoration: none;
  font-size: 0.95rem;
  line-height: 1.35;
  border-bottom: 1px solid #eef3f3;
}

.shada-has-dropdown > ul > li:last-child > a {
  border-bottom: 0;
}

.shada-has-dropdown > ul > li > a:hover,
.shada-has-dropdown > ul > li > a:focus {
  background: #eef7f7;
  color: #0f6d73 !important;
  text-decoration: none;
}

/* keep dropdowns usable near right edge */
.shada-nav-list > li:nth-last-child(-n+2) > ul {
  left: auto;
  right: 0;
}

/* mobile: lightweight horizontal scroll menu */
@media (max-width: 900px) {
  .shada-nav-list {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding: 0 14px !important;
    -webkit-overflow-scrolling: touch;
  }

  .shada-nav-list > li {
    flex: 0 0 auto;
  }

  .shada-nav-list > li > a {
    padding: 15px 14px;
    white-space: nowrap;
  }

  .shada-has-dropdown > ul {
    position: static;
    display: none;
    min-width: 260px;
    box-shadow: none;
    border: 0;
    border-top: 1px solid #d9ecec;
  }

  .shada-has-dropdown:hover > ul,
  .shada-has-dropdown:focus-within > ul {
    display: block;
  }
}


/* =========================
   SHADA NAV FULL-WIDTH BAR FIX
   Added 2026-06-28
========================= */

.container-header .mod-custom.shada-nav-module,
.container-header .shada-nav-module {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: 0;
}

.container-header .mod-custom.shada-nav-module > div,
.container-header .shada-nav-module > div {
  width: 100%;
}

.shada-top-nav {
  width: 100vw;
  max-width: 100vw;
}

.shada-nav-list {
  max-width: 1280px;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* reduce excessive white gap above the menu if Cassiopeia leaves empty header space */
.container-header {
  min-height: 0;
}


/* =========================
   SHADA LOGO SIZE FIX
   Added 2026-06-28
========================= */

/* Control Cassiopeia/default header logo if Joomla outputs it directly */
.container-header .navbar-brand,
.container-header .brand-logo,
.container-header .logo {
  max-width: 280px !important;
}

.container-header .navbar-brand img,
.container-header .brand-logo img,
.container-header img.logo,
.container-header img {
  max-width: 260px !important;
  width: 260px !important;
  height: auto !important;
  max-height: 95px !important;
  object-fit: contain;
}

/* Keep the white header area compact */
.container-header {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.container-header .grid-child,
.container-header .container-topbar,
.container-header .container-nav {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* If our custom Shada header module is used, keep it controlled too */
.shada-header-logo img {
  max-width: 260px !important;
  width: 260px !important;
  height: auto !important;
  max-height: 95px !important;
}

.shada-site-header-inner {
  padding-top: 24px !important;
  padding-bottom: 20px !important;
}


/* =========================
   SHADA FINAL HEADER LAYOUT FIX
   Added 2026-06-28
========================= */

.container-header {
  background: #ffffff !important;
  min-height: 0 !important;
  padding: 0 !important;
}

/* top white header area */
.container-header .container-topbar {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* custom header module wrapper */
.container-header .mod-custom.shada-header-module,
.container-header .shada-header-module {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #ffffff !important;
}

/* actual logo / phone row */
.shada-site-header {
  width: 100% !important;
  background: #ffffff !important;
  min-height: 0 !important;
}

.shada-site-header-inner {
  max-width: 1160px !important;
  margin: 0 auto !important;
  padding: 28px 34px 24px !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 24px !important;
}

/* logo */
.shada-header-logo {
  display: inline-flex !important;
  align-items: center !important;
  text-decoration: none !important;
}

.shada-header-logo img {
  display: block !important;
  width: 255px !important;
  max-width: 255px !important;
  height: auto !important;
  max-height: none !important;
}

/* right side phone / language */
.shada-header-actions {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 24px !important;
  padding-top: 8px !important;
  margin-left: auto !important;
}

.container-header a.shada-phone-button,
a.shada-phone-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  max-width: none !important;
  min-width: 198px !important;
  background: #0f7f83 !important;
  color: #ffffff !important;
  text-decoration: none !important;
  font-weight: 700 !important;
  font-size: 1.05rem !important;
  line-height: 1 !important;
  padding: 11px 22px !important;
  border-radius: 3px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.18) !important;
}

.container-header a.shada-phone-button:hover,
a.shada-phone-button:hover {
  background: #0a666a !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

.shada-header-small-links {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  color: #17252a !important;
  font-size: 1.15rem !important;
  font-weight: 600 !important;
}

.shada-farsi-label {
  color: #17252a !important;
  display: inline-block !important;
}

.shada-search-icon {
  color: #0f7f83 !important;
  font-size: 1.25rem !important;
  line-height: 1 !important;
}

/* keep teal menu directly under white header */
.container-header .container-nav {
  margin-top: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* mobile */
@media (max-width: 700px) {
  .shada-site-header-inner {
    padding: 20px 18px 18px !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  .shada-header-logo img {
    width: 230px !important;
    max-width: 230px !important;
  }

  .shada-header-actions {
    align-items: flex-start !important;
    gap: 14px !important;
    padding-top: 0 !important;
  }
}


/* === SHADA FINAL HEADER TOOLBAR START === */

/* Cassiopeia header reset */
.container-header {
  background: #ffffff !important;
  background-image: none !important;
  min-height: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  border-bottom: 0 !important;
}

/* topbar full width */
.container-header .container-topbar {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* header custom module wrapper */
.container-header .mod-custom.shada-header-module,
.container-header .shada-header-module {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #ffffff !important;
}

/* white logo / phone row */
.shada-site-header {
  width: 100% !important;
  background: #ffffff !important;
}

.shada-site-header-inner {
  max-width: 1160px !important;
  margin: 0 auto !important;
  padding: 26px 34px 22px !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 24px !important;
}

/* logo */
.shada-header-logo {
  display: inline-flex !important;
  align-items: center !important;
  text-decoration: none !important;
}

.shada-header-logo img {
  display: block !important;
  width: 260px !important;
  max-width: 260px !important;
  height: auto !important;
  max-height: 95px !important;
  object-fit: contain !important;
}

/* right side */
.shada-header-actions {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 24px !important;
  padding-top: 8px !important;
  margin-left: auto !important;
}

.container-header a.shada-phone-button,
a.shada-phone-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 198px !important;
  background: #0f7f83 !important;
  color: #ffffff !important;
  text-decoration: none !important;
  font-weight: 700 !important;
  font-size: 1.05rem !important;
  line-height: 1 !important;
  padding: 11px 22px !important;
  border-radius: 3px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.18) !important;
}

.container-header a.shada-phone-button:hover,
.container-header a.shada-phone-button:focus {
  background: #0a666a !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

.shada-header-small-links {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  color: #17252a !important;
  font-size: 1.15rem !important;
  font-weight: 600 !important;
}

.shada-farsi-label {
  color: #17252a !important;
}

.shada-search-icon {
  color: #0f7f83 !important;
  font-size: 1.25rem !important;
  line-height: 1 !important;
}

/* menu row directly below header */
.container-header .container-nav {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* full-width teal navigation */
.container-header .mod-custom.shada-nav-module,
.container-header .shada-nav-module {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.shada-top-nav {
  width: 100% !important;
  max-width: 100% !important;
  background: #0f6d73 !important;
}

.shada-nav-list {
  max-width: 1160px !important;
  margin: 0 auto !important;
  padding: 0 34px !important;
}

/* mobile */
@media (max-width: 700px) {
  .shada-site-header-inner {
    padding: 20px 18px 18px !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  .shada-header-logo img {
    width: 230px !important;
    max-width: 230px !important;
  }

  .shada-header-actions {
    align-items: flex-start !important;
    gap: 14px !important;
    padding-top: 0 !important;
  }

  .shada-nav-list {
    padding: 0 14px !important;
  }
}

/* === SHADA FINAL HEADER TOOLBAR END === */


/* === SHADA SEARCH PANEL START === */

.shada-search-toggle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  line-height: 1 !important;
}

.shada-search-toggle img {
  display: block !important;
  width: 30px !important;
  height: 30px !important;
  max-width: 30px !important;
}

.shada-top-search-panel,
.hidden-top-smart-search {
  display: none !important;
  width: 100% !important;
  max-width: 1130px !important;
  margin: 0 auto 22px auto !important;
  padding: 24px 56px !important;
  background: #ffffff !important;
  border-bottom: 1px solid #e6eeee !important;
  box-shadow: 0 8px 20px rgba(0,0,0,0.10) !important;
  box-sizing: border-box !important;
}

.shada-top-search-panel.shada-search-open,
.hidden-top-smart-search.shada-search-open {
  display: block !important;
}

.shada-top-search-panel form,
.hidden-top-smart-search form,
.shada-top-search-panel .mod-finder,
.hidden-top-smart-search .mod-finder {
  margin: 0 !important;
  padding: 0 !important;
}

.shada-top-search-panel input[name="q"],
.hidden-top-smart-search input[name="q"],
.shada-top-search-panel input[type="search"],
.hidden-top-smart-search input[type="search"],
.shada-top-search-panel input[type="text"],
.hidden-top-smart-search input[type="text"] {
  width: 100% !important;
  height: 54px !important;
  min-height: 54px !important;
  border: 1px solid #0f7f83 !important;
  border-radius: 5px !important;
  background: #ffffff !important;
  color: #17252a !important;
  font-size: 18px !important;
  line-height: 54px !important;
  padding: 0 20px !important;
  box-shadow: none !important;
  outline: none !important;
}

.shada-top-search-panel input[name="q"]::placeholder,
.hidden-top-smart-search input[name="q"]::placeholder,
.shada-top-search-panel input[type="search"]::placeholder,
.hidden-top-smart-search input[type="search"]::placeholder,
.shada-top-search-panel input[type="text"]::placeholder,
.hidden-top-smart-search input[type="text"]::placeholder {
  color: #9ccaca !important;
  opacity: 1 !important;
}

.shada-top-search-panel button,
.hidden-top-smart-search button,
.shada-top-search-panel .btn,
.hidden-top-smart-search .btn {
  display: none !important;
}

@media (max-width: 700px) {
  .shada-top-search-panel,
  .hidden-top-smart-search {
    max-width: calc(100% - 24px) !important;
    margin: 0 12px 18px 12px !important;
    padding: 16px !important;
  }

  .shada-top-search-panel input[name="q"],
  .hidden-top-smart-search input[name="q"],
  .shada-top-search-panel input[type="search"],
  .hidden-top-smart-search input[type="search"],
  .shada-top-search-panel input[type="text"],
  .hidden-top-smart-search input[type="text"] {
    height: 50px !important;
    min-height: 50px !important;
    font-size: 15px !important;
    line-height: 50px !important;
  }
}

/* === SHADA SEARCH PANEL END === */


/* === SHADA SEARCH LAYOUT FIX START === */

/* Put phone and search icon beside/under control neatly */
.shada-header-actions {
  gap: 18px !important;
}

.shada-search-toggle {
  align-self: flex-end !important;
}

/* Smart Search panel */
.shada-top-search-panel,
.hidden-top-smart-search {
  display: none !important;
  width: calc(100% - 120px) !important;
  max-width: 1070px !important;
  margin: 0 auto 22px auto !important;
  padding: 24px 56px !important;
  background: #ffffff !important;
  border: 1px solid #e5eeee !important;
  box-shadow: 0 8px 22px rgba(0,0,0,0.10) !important;
  box-sizing: border-box !important;
}

.shada-top-search-panel.shada-search-open,
.hidden-top-smart-search.shada-search-open {
  display: block !important;
}

/* Joomla Smart Search wrapper */
.shada-top-search-panel .mod-finder,
.hidden-top-smart-search .mod-finder,
.shada-top-search-panel form,
.hidden-top-smart-search form,
.shada-top-search-panel .finder,
.hidden-top-smart-search .finder,
.shada-top-search-panel .awesomplete,
.hidden-top-smart-search .awesomplete {
  width: 100% !important;
  max-width: 100% !important;
}

/* Input field */
.shada-top-search-panel input,
.hidden-top-smart-search input {
  width: 100% !important;
  max-width: 100% !important;
  height: 54px !important;
  min-height: 54px !important;
  border: 1px solid #0f7f83 !important;
  border-radius: 5px !important;
  background: #ffffff !important;
  color: #17252a !important;
  font-size: 18px !important;
  padding: 0 20px !important;
  box-shadow: none !important;
  outline: none !important;
  box-sizing: border-box !important;
}

.shada-top-search-panel input::placeholder,
.hidden-top-smart-search input::placeholder {
  color: #9ccaca !important;
  opacity: 1 !important;
}

/* Hide native advanced link/button for the compact header search */
.shada-top-search-panel button,
.hidden-top-smart-search button,
.shada-top-search-panel .btn,
.hidden-top-smart-search .btn,
.shada-top-search-panel a[href*="advanced"],
.hidden-top-smart-search a[href*="advanced"],
.shada-top-search-panel .mod-finder__advanced,
.hidden-top-smart-search .mod-finder__advanced {
  display: none !important;
}

@media (max-width: 700px) {
  .shada-top-search-panel,
  .hidden-top-smart-search {
    width: calc(100% - 24px) !important;
    margin: 0 12px 18px 12px !important;
    padding: 16px !important;
  }

  .shada-top-search-panel input,
  .hidden-top-smart-search input {
    height: 50px !important;
    min-height: 50px !important;
    font-size: 15px !important;
  }
}

/* === SHADA SEARCH LAYOUT FIX END === */


/* =========================
   SHADA NATIVE TOP MENU DESKTOP
   Native Joomla mod_menu / English Top Menu
   Added 2026-06-28
========================= */

@media (min-width: 901px) {

  .container-header {
    background: #ffffff !important;
    box-shadow: none !important;
    border-bottom: 0 !important;
  }

  .container-header .container-nav {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding: 0 !important;
    background: #0f6d73 !important;
    min-height: 54px !important;
    border-top: 1px solid rgba(255,255,255,0.12) !important;
    border-bottom: 1px solid rgba(0,0,0,0.08) !important;
    overflow: visible !important;
  }

  .container-header .container-nav .grid-child,
  .container-header .container-nav nav {
    max-width: 1280px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 28px !important;
    padding-right: 28px !important;
    overflow: visible !important;
  }

  .container-header #mod-menu1 {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    overflow: visible !important;
  }

  .container-header #mod-menu1 > li.nav-item {
    position: relative !important;
    display: flex !important;
    align-items: stretch !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  .container-header #mod-menu1 > li.nav-item > a,
  .container-header #mod-menu1 > li.nav-item > span {
    display: flex !important;
    align-items: center !important;
    min-height: 54px !important;
    padding: 0 18px !important;
    color: #ffffff !important;
    text-decoration: none !important;
    font-size: 0.98rem !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
  }

  .container-header #mod-menu1 > li.nav-item.parent > a {
    padding-right: 8px !important;
  }

  .container-header #mod-menu1 > li.nav-item > .mod-menu__toggle-sub {
    min-height: 54px !important;
    width: 24px !important;
    padding: 0 10px 0 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
  }

  .container-header #mod-menu1 > li.nav-item > .mod-menu__toggle-sub::after {
    content: "▾";
    color: #ffffff !important;
    font-size: 0.75rem !important;
    line-height: 1 !important;
  }

  .container-header #mod-menu1 > li.nav-item > .mod-menu__toggle-sub > * {
    display: none !important;
  }

  .container-header #mod-menu1 > li.nav-item:hover > a,
  .container-header #mod-menu1 > li.nav-item:focus-within > a,
  .container-header #mod-menu1 > li.nav-item:hover > .mod-menu__toggle-sub,
  .container-header #mod-menu1 > li.nav-item:focus-within > .mod-menu__toggle-sub {
    background: #0a4f54 !important;
    color: #ffffff !important;
    text-decoration: none !important;
  }

  .container-header #mod-menu1 .mod-menu__sub {
    display: none !important;
    position: absolute !important;
    left: 0 !important;
    top: 100% !important;
    min-width: 290px !important;
    margin: 0 !important;
    padding: 6px 0 !important;
    background: #ffffff !important;
    border: 1px solid #d9ecec !important;
    box-shadow: 0 8px 22px rgba(0,0,0,0.12) !important;
    z-index: 10000 !important;
    list-style: none !important;
  }

  .container-header #mod-menu1 > li.nav-item:hover > .mod-menu__sub,
  .container-header #mod-menu1 > li.nav-item:focus-within > .mod-menu__sub,
  .container-header #mod-menu1 > li.nav-item > .mod-menu__toggle-sub[aria-expanded="true"] + .mod-menu__sub {
    display: block !important;
  }

  .container-header #mod-menu1 .mod-menu__sub li {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  .container-header #mod-menu1 .mod-menu__sub a,
  .container-header #mod-menu1 .mod-menu__sub span {
    display: block !important;
    padding: 11px 15px !important;
    color: #17252a !important;
    background: #ffffff !important;
    text-decoration: none !important;
    font-size: 0.95rem !important;
    line-height: 1.35 !important;
    border-bottom: 1px solid #eef3f3 !important;
    white-space: normal !important;
  }

  .container-header #mod-menu1 .mod-menu__sub li:last-child > a {
    border-bottom: 0 !important;
  }

  .container-header #mod-menu1 .mod-menu__sub a:hover,
  .container-header #mod-menu1 .mod-menu__sub a:focus {
    background: #eef7f7 !important;
    color: #0f6d73 !important;
    text-decoration: none !important;
  }

  .container-header #mod-menu1 > li:nth-last-child(-n+2) > .mod-menu__sub {
    left: auto !important;
    right: 0 !important;
  }
}

/* =========================
   END SHADA NATIVE TOP MENU DESKTOP
========================= */


/* =========================
   SHADA NATIVE TOP MENU ALIGNMENT PATCH
   Align menu content with main page content
   Added 2026-06-28
========================= */

@media (min-width: 901px) {
  .container-header #mod-menu1 {
    width: min(100%, 1160px) !important;
    max-width: 1160px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  .container-header #mod-menu1 > li.nav-item:first-child > a {
    padding-left: 0 !important;
  }
}

/* =========================
   END SHADA NATIVE TOP MENU ALIGNMENT PATCH
========================= */


/* =========================
   SHADA DESKTOP HEADER TIGHTEN PATCH
   Logo / phone / search alignment
   Added 2026-06-28
========================= */

@media (min-width: 901px) {

  .container-header .navbar-brand {
    display: none !important;
  }

  .container-header .container-topbar {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
  }

  .container-header .container-topbar > .grid-child,
  .container-header .container-topbar .mod-custom,
  .container-header .container-topbar .mod-custom.shada-header-module,
  .container-header .container-topbar .shada-header-module {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .shada-site-header {
    width: 100% !important;
    background: #ffffff !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .shada-site-header-inner {
    width: min(100%, 1160px) !important;
    max-width: 1160px !important;
    min-height: 135px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 22px 0 18px 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
  }

  .shada-header-logo {
    display: inline-flex !important;
    align-items: center !important;
    text-decoration: none !important;
  }

  .shada-header-logo img {
    width: 225px !important;
    max-width: 225px !important;
    height: auto !important;
    display: block !important;
  }

  .shada-header-actions {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    justify-content: center !important;
    gap: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .container-header a.shada-phone-button,
  a.shada-phone-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 42px !important;
    padding: 0 18px !important;
    border-radius: 3px !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    line-height: 1 !important;
  }

  .shada-search-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .shada-search-toggle img {
    width: 30px !important;
    height: 30px !important;
    display: block !important;
  }

  .container-header .container-nav {
    margin-top: 0 !important;
  }
}

/* =========================
   END SHADA DESKTOP HEADER TIGHTEN PATCH
========================= */


/* === SHADA J6 MODERN FOOTER START === */

.container-bottom-a,
.container-bottom-b {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  display: block;
}

.container-bottom-a > .card,
.container-bottom-b > .card,
.container-footer .card,
.shada-footer-memberships,
.shada-footer-newsletter,
.shada-footer-social,
.shada-footer-main,
.shada-footer-copyright {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  margin: 0 !important;
}

.shada-footer-memberships > .card-body,
.shada-footer-newsletter > .card-body,
.shada-footer-social > .card-body,
.shada-footer-main > .card-body,
.shada-footer-copyright > .card-body {
  padding: 0 !important;
}

.shada-j6-wrap {
  width: min(100% - 36px, 1160px);
  margin-inline: auto;
}

.shada-j6-memberships {
  background: #eef7f7;
  border-top: 1px solid #dceaea;
  border-bottom: 1px solid #dceaea;
  padding: 42px 0 38px;
}

.shada-j6-section-head {
  text-align: center;
  margin-bottom: 28px;
}

.shada-j6-section-head h2,
.shada-j6-newsletter h2,
.shada-j6-footer h2,
.shada-j6-social h2 {
  margin: 0;
  color: #123f44;
  font-weight: 800;
  letter-spacing: .2px;
}

.shada-j6-section-head p {
  margin: 10px 0 0;
  color: #547474;
}

.shada-j6-membership-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 26px;
}

.shada-j6-membership-card {
  display: flex;
  min-height: 190px;
  padding: 26px 20px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 18px;
  text-align: center;
  background: #fff;
  border: 1px solid #dceaea;
  border-radius: 14px;
  color: #123f44;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 10px 28px rgba(18, 63, 68, .08);
}

.shada-j6-membership-card:hover {
  text-decoration: none;
  transform: translateY(-1px);
}

.shada-j6-membership-card img {
  max-height: 72px;
  width: auto;
}

.shada-j6-newsletter {
  background: linear-gradient(135deg, rgba(7, 99, 104, .95), rgba(18, 63, 68, .96));
  color: #fff;
  padding: 54px 0;
}

.shada-j6-newsletter-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(300px, .8fr);
  gap: 36px;
  align-items: center;
}

.shada-j6-kicker {
  margin: 0 0 10px;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: .78rem;
  font-weight: 800;
  color: #9ed6d6;
}

.shada-j6-newsletter h2 {
  color: #fff;
  font-size: clamp(2.2rem, 4vw, 4rem);
  line-height: 1.02;
  margin-bottom: 16px;
}

.shada-j6-newsletter-copy > p {
  max-width: 620px;
  font-size: 1.08rem;
  line-height: 1.7;
}

.shada-j6-newsletter-form {
  margin: 24px 0 14px;
}

.shada-j6-small {
  font-size: .9rem !important;
  color: rgba(255,255,255,.8);
}

.shada-j6-newsletter-card {
  background: #fff;
  color: #123f44;
  border-radius: 16px;
  padding: 30px;
  box-shadow: 0 14px 35px rgba(0,0,0,.18);
}

.shada-j6-newsletter-card h3 {
  margin: 0 0 12px;
  color: #2f8787;
  text-transform: uppercase;
  font-size: .95rem;
  letter-spacing: .05em;
}

.shada-j6-newsletter-card ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.shada-j6-newsletter-card li {
  padding: 14px 0;
  border-bottom: 1px solid #eef7f7;
}

.shada-j6-newsletter-card li:last-child {
  border-bottom: 0;
}

.shada-j6-newsletter-card li::before {
  content: "✓";
  color: #2f8787;
  font-weight: 900;
  margin-right: 8px;
}

.shada-j6-social {
  background: #123f44;
  color: #fff;
  text-align: center;
  padding: 24px 0;
}

.shada-j6-social h2 {
  color: #fff;
  text-transform: uppercase;
  font-size: 1rem;
  letter-spacing: .08em;
  margin-bottom: 16px;
}

.shada-j6-social-links {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
}

.shada-j6-social-links a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 8px 16px;
  border: 1px solid rgba(158,214,214,.32);
  border-radius: 999px;
  color: #9ed6d6;
  text-decoration: none;
  font-weight: 700;
}

.shada-j6-social-links a:hover {
  color: #fff;
  border-color: rgba(255,255,255,.7);
  text-decoration: none;
}

.container-footer.footer {
  background: #0e5558 !important;
  color: #e6f2f2;
  padding: 0 !important;
  margin: 0 !important;
}

.container-footer.footer > .grid-child {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  display: block;
}

.shada-j6-footer {
  padding: 52px 0 36px;
}

.shada-j6-footer-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1.1fr;
  gap: 48px;
}

.shada-j6-footer h2 {
  color: #fff;
  text-transform: uppercase;
  font-size: 1rem;
  letter-spacing: .08em;
  margin: 0 0 16px;
}

.shada-j6-footer ul {
  list-style: none;
  padding: 0;
  margin: 0 0 30px;
}

.shada-j6-footer li {
  margin: 0 0 8px;
}

.shada-j6-footer a {
  color: #e6f2f2;
  text-decoration: none;
}

.shada-j6-footer a:hover {
  color: #fff;
  text-decoration: underline;
}

.shada-j6-footer-contact {
  border-left: 1px solid rgba(255,255,255,.18);
  padding-left: 28px;
}

.shada-j6-footer-contact strong {
  display: block;
  color: #fff;
  margin-bottom: 4px;
}

.shada-j6-marn {
  color: rgba(230,242,242,.78);
  font-size: .85rem;
}

.shada-j6-footer-contact address {
  color: #e6f2f2;
  font-style: normal;
  line-height: 1.75;
  margin: 18px 0;
}

.shada-j6-footer-button {
  display: inline-block;
  margin-top: 12px;
  background: #2f8787;
  color: #fff !important;
  padding: 10px 16px;
  border-radius: 6px;
  font-weight: 800;
}

.shada-j6-footer-button:hover {
  background: #369595;
  text-decoration: none !important;
}

.shada-j6-copyright {
  background: #0b4245;
  color: rgba(230,242,242,.9);
  text-align: center;
  padding: 18px;
  line-height: 1.7;
}

.shada-j6-copyright a {
  color: #fff;
  text-decoration: none;
}

.shada-j6-copyright a:hover {
  text-decoration: underline;
}

@media (max-width: 900px) {
  .shada-j6-membership-grid,
  .shada-j6-newsletter-grid,
  .shada-j6-footer-grid {
    grid-template-columns: 1fr;
  }

  .shada-j6-footer-contact {
    border-left: 0;
    padding-left: 0;
  }
}

/* === SHADA J6 MODERN FOOTER END === */

/* === SHADA GLOBAL FOOTER V4 START === */

.shada-global-footer.sgf-v4 {
  --sgf4-dark: #154f53;
  --sgf4-deep: #123f44;
  --sgf4-deeper: #0e3438;
  --sgf4-teal: #2f9291;
  --sgf4-teal-bright: #3fa5a3;
  --sgf4-soft: #effafa;
  --sgf4-pale: #f7fcfb;
  --sgf4-ink: #123b40;
  --sgf4-muted: #557074;
  --sgf4-line: rgba(18, 63, 68, .13);
  width: 100%;
  color: var(--sgf4-ink);
}

.grid-child.container-bottom-a:has(.shada-global-footer) {
  width: 100vw !important;
  max-width: none !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.container-bottom-a:has(.shada-global-footer) .shada-global-footer-module,
.container-bottom-a:has(.shada-global-footer) .mod-custom {
  width: 100% !important;
  max-width: none !important;
}

.container-bottom-a:has(.shada-global-footer) .card,
.container-bottom-a:has(.shada-global-footer) .card-body {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.sgf-v4 .sgf-v4-wrap {
  width: min(100% - 48px, 1120px);
  margin-inline: auto;
}

.sgf-v4 .sgf-v4-kicker {
  margin: 0 0 10px;
  color: var(--sgf4-teal);
  font-size: .78rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .15em;
}

/* Intro */
.sgf-v4 .sgf-v4-intro {
  background:
    radial-gradient(circle at 8% 18%, rgba(63,165,163,.14), transparent 34%),
    linear-gradient(135deg, #ffffff 0%, #f4fbfa 48%, #e8f7f6 100%);
  border-top: 1px solid var(--sgf4-line);
  border-bottom: 1px solid var(--sgf4-line);
  padding: 54px 0;
}

.sgf-v4 .sgf-v4-intro-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(340px, .8fr);
  gap: 48px;
  align-items: center;
}

.sgf-v4 .sgf-v4-intro-copy h2 {
  max-width: 760px;
  margin: 0 0 14px;
  color: var(--sgf4-deep);
  font-size: clamp(2rem, 3.7vw, 3.45rem);
  line-height: 1.04;
  letter-spacing: -.045em;
}

.sgf-v4 .sgf-v4-intro-copy p:not(.sgf-v4-kicker) {
  max-width: 660px;
  margin: 0;
  color: #48676b;
  font-size: 1.13rem;
  line-height: 1.75;
}

.sgf-v4 .sgf-v4-intro-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 26px;
}

.sgf-v4 .sgf-v4-btn {
  display: inline-flex;
  min-height: 50px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  padding: 12px 24px;
  font-weight: 900;
  text-decoration: none !important;
  transition: transform .18s ease, background-color .18s ease, border-color .18s ease, color .18s ease;
}

.sgf-v4 .sgf-v4-btn:hover {
  transform: translateY(-2px);
}

.sgf-v4 .sgf-v4-btn-primary {
  background: var(--sgf4-teal);
  color: #fff !important;
  border: 1px solid var(--sgf4-teal);
  box-shadow: 0 14px 32px rgba(47,146,145,.18);
}

.sgf-v4 .sgf-v4-btn-primary:hover {
  background: var(--sgf4-deep);
  border-color: var(--sgf4-deep);
}

.sgf-v4 .sgf-v4-btn-light {
  background: #fff;
  color: var(--sgf4-deep) !important;
  border: 1px solid rgba(18,63,68,.18);
}

.sgf-v4 .sgf-v4-btn-light:hover {
  color: var(--sgf4-teal) !important;
  border-color: var(--sgf4-teal);
}

.sgf-v4 .sgf-v4-trust-panel {
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(18,63,68,.11);
  border-radius: 28px;
  padding: 28px;
  box-shadow: 0 18px 44px rgba(18,63,68,.08);
}

.sgf-v4 .sgf-v4-trust-panel h3 {
  margin: 0 0 8px;
  color: var(--sgf4-deep);
  font-size: 1.45rem;
}

.sgf-v4 .sgf-v4-trust-panel p:not(.sgf-v4-kicker) {
  margin: 0 0 20px;
  color: #49696d;
  font-size: 1rem;
  line-height: 1.5;
}

.sgf-v4 .sgf-v4-trust-panel p span {
  color: rgba(18,63,68,.35);
  margin: 0 5px;
}

.sgf-v4 .sgf-v4-trust-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.sgf-v4 .sgf-v4-trust-badges a {
  display: inline-flex;
  width: 98px;
  height: 68px;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  background: #fff;
  border: 1px solid rgba(18,63,68,.1);
}

.sgf-v4 .sgf-v4-trust-badges img {
  max-width: 72px;
  max-height: 42px;
  object-fit: contain;
}

/* Newsletter - based on proven old section */
.sgf-v4 .sgf-v4-newsletter {
  position: relative;
  isolation: isolate;
  min-height: 520px;
  display: flex;
  align-items: center;
  background:
    linear-gradient(90deg, rgba(255,255,255,.72) 0%, rgba(255,255,255,.52) 48%, rgba(255,255,255,.18) 100%),
    url('/images/newsletter/shada_newsletter.jpg') center center / cover no-repeat;
  padding: 64px 0;
}

.sgf-v4 .sgf-v4-newsletter-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(340px, 420px);
  gap: 46px;
  align-items: center;
}

.sgf-v4 .sgf-v4-newsletter-left {
  max-width: 620px;
}

.sgf-v4 .sgf-v4-newsletter-left h2 {
  margin: 0 0 18px;
  color: #07585a;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(3.2rem, 6.2vw, 5.25rem);
  line-height: .92;
  letter-spacing: -.04em;
}

.sgf-v4 .sgf-v4-newsletter-left p {
  max-width: 590px;
  margin: 0 0 24px;
  color: #175e62;
  font-size: 1.12rem;
  line-height: 1.75;
}

.sgf-v4 .sgf-v4-newsletter-left small {
  display: block;
  margin-top: 14px;
  color: rgba(255,255,255,.92);
  font-size: .92rem;
  text-shadow: 0 1px 2px rgba(0,0,0,.18);
}

.sgf-v4 .sgf-v4-newsletter-form {
  max-width: 560px;
}

.sgf-v4 .sgf-v4-newsletter-form .formControlLabel,
.sgf-v4 .sgf-v4-newsletter-form label {
  display: none !important;
}

.sgf-v4 .sgf-v4-newsletter-form .uk-form-row,
.sgf-v4 .sgf-v4-newsletter-form .rsform-block {
  display: block !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
}

.sgf-v4 .sgf-v4-newsletter-form .uk-form-controls,
.sgf-v4 .sgf-v4-newsletter-form .formControls,
.sgf-v4 .sgf-v4-newsletter-form .rsform-block > div {
  margin-left: 0 !important;
  width: 100% !important;
}

.sgf-v4 .sgf-v4-newsletter-form input[type="text"],
.sgf-v4 .sgf-v4-newsletter-form input[type="email"],
.sgf-v4 .sgf-v4-newsletter-form .rsform-input-box {
  width: 100% !important;
  min-height: 52px !important;
  box-sizing: border-box;
  border: 1px solid rgba(18,63,68,.12) !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,.96) !important;
  color: var(--sgf4-ink) !important;
  padding: 12px 16px !important;
  font-size: 1rem !important;
  box-shadow: 0 8px 20px rgba(18,63,68,.06) !important;
}

.sgf-v4 .sgf-v4-newsletter-form input:focus {
  border-color: var(--sgf4-teal) !important;
  outline: 3px solid rgba(47,146,145,.13) !important;
}

.sgf-v4 .sgf-v4-newsletter-form .formValidation,
.sgf-v4 .sgf-v4-newsletter-form .formNoError,
.sgf-v4 .sgf-v4-newsletter-form .formError {
  font-size: .82rem;
  color: #145a5f;
}

.sgf-v4 .sgf-v4-newsletter-form button,
.sgf-v4 .sgf-v4-newsletter-form .rsform-submit-button,
.sgf-v4 .sgf-v4-newsletter-form .shada-newsletter-submit {
  width: 100% !important;
  min-height: 54px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: var(--sgf4-teal) !important;
  color: #fff !important;
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  box-shadow: 0 12px 24px rgba(47,146,145,.18) !important;
}

.sgf-v4 .sgf-v4-newsletter-form button:hover,
.sgf-v4 .sgf-v4-newsletter-form .rsform-submit-button:hover {
  background: var(--sgf4-deep) !important;
}

.sgf-v4 .sgf-v4-newsletter-form iframe {
  max-width: 100% !important;
}

.sgf-v4 .sgf-v4-newsletter-card {
  background: rgba(255,255,255,.93);
  border: 1px solid rgba(255,255,255,.7);
  border-radius: 16px;
  padding: 30px;
  box-shadow: 0 20px 46px rgba(18,63,68,.14);
}

.sgf-v4 .sgf-v4-newsletter-card h3 {
  margin: 0 0 18px;
  color: var(--sgf4-teal);
  font-size: 1rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.sgf-v4 .sgf-v4-newsletter-card ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.sgf-v4 .sgf-v4-newsletter-card li {
  position: relative;
  padding: 14px 0 14px 24px;
  border-bottom: 1px solid #e8f2f2;
  color: #163f45;
  font-size: 1.05rem;
  line-height: 1.45;
}

.sgf-v4 .sgf-v4-newsletter-card li:last-child {
  border-bottom: 0;
}

.sgf-v4 .sgf-v4-newsletter-card li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: var(--sgf4-deep);
  font-weight: 900;
}

/* Connect */
.sgf-v4 .sgf-v4-connect {
  background: var(--sgf4-deep);
  padding: 28px 0 30px;
  text-align: center;
  border-bottom: 1px solid rgba(255,255,255,.06);
}

.sgf-v4 .sgf-v4-connect h2 {
  margin: 0 0 16px;
  color: #fff;
  font-size: 1.16rem;
  font-weight: 800;
  letter-spacing: .02em;
  text-transform: uppercase;
}

.sgf-v4 .sgf-v4-social-icons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(26px, 4vw, 48px);
}

.sgf-v4 .sgf-v4-social-icons a {
  display: inline-flex;
  width: 48px;
  height: 48px;
  align-items: center;
  justify-content: center;
  color: var(--sgf4-teal-bright) !important;
  text-decoration: none !important;
  transition: transform .18s ease, color .18s ease;
}

.sgf-v4 .sgf-v4-social-icons a:hover {
  color: #fff !important;
  transform: translateY(-3px);
}

.sgf-v4 .sgf-v4-social-icons svg {
  width: 38px;
  height: 38px;
  fill: currentColor;
}

/* Main footer - old wide logic */
.sgf-v4 .sgf-v4-main {
  position: relative;
  background: var(--sgf4-dark);
  color: rgba(255,255,255,.88);
  padding: 72px 0 56px;
}

.sgf-v4 .sgf-v4-backtop {
  position: absolute;
  top: 22px;
  right: max(48px, calc((100vw - 1120px) / 2));
  color: rgba(255,255,255,.85) !important;
  text-decoration: none !important;
  font-size: 1.55rem;
  line-height: 1;
}

.sgf-v4 .sgf-v4-main-grid {
  display: grid;
  grid-template-columns: minmax(230px, .9fr) minmax(280px, 1fr) minmax(320px, .95fr);
  gap: clamp(54px, 7vw, 110px);
  align-items: start;
}

.sgf-v4 .sgf-v4-main-column {
  display: grid;
  gap: 32px;
}

.sgf-v4 .sgf-v4-link-group {
  display: grid;
  gap: 14px;
}

.sgf-v4 .sgf-v4-main h3,
.sgf-v4 .sgf-v4-link-group h3 {
  margin: 0 0 8px;
  color: #fff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.15rem;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.sgf-v4 .sgf-v4-link-group a {
  color: rgba(255,255,255,.86) !important;
  text-decoration: none !important;
  font-size: 1.05rem;
  line-height: 1.45;
}

.sgf-v4 .sgf-v4-link-group a:hover {
  color: #fff !important;
  text-decoration: underline !important;
  text-underline-offset: 5px;
}

.sgf-v4 .sgf-v4-contact-column {
  border-left: 2px solid rgba(255,255,255,.16);
  padding-left: 30px;
}

.sgf-v4 .sgf-v4-contact-card h4 {
  margin: 0 0 8px;
  color: #fff;
  font-size: 1.05rem;
  line-height: 1.4;
}

.sgf-v4 .sgf-v4-contact-card p {
  margin: 0 0 16px;
  color: rgba(255,255,255,.84);
  font-size: 1.04rem;
  line-height: 1.7;
}

.sgf-v4 .sgf-v4-agent {
  font-size: .88rem !important;
  color: rgba(255,255,255,.66) !important;
}

.sgf-v4 .sgf-v4-agent span {
  color: rgba(255,255,255,.36);
  margin: 0 5px;
}

.sgf-v4 .sgf-v4-address {
  margin-top: 20px !important;
}

.sgf-v4 .sgf-v4-contact-row {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 12px !important;
}

.sgf-v4 .sgf-v4-contact-row span {
  color: var(--sgf4-teal-bright);
  font-size: 1.1rem;
}

.sgf-v4 .sgf-v4-contact-row a {
  color: #fff !important;
  text-decoration: none !important;
  font-size: 1.07rem;
}

.sgf-v4 .sgf-v4-contact-row a:hover {
  text-decoration: underline !important;
}

.sgf-v4 .sgf-v4-contact-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
}

.sgf-v4 .sgf-v4-contact-actions a {
  display: inline-flex;
  min-height: 46px;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: var(--sgf4-teal);
  color: #fff !important;
  padding: 10px 18px;
  font-weight: 800;
  text-decoration: none !important;
}

.sgf-v4 .sgf-v4-contact-actions a:nth-child(2) {
  background: rgba(255,255,255,.1);
  border: 1px solid rgba(255,255,255,.16);
}

.sgf-v4 .sgf-v4-contact-actions a:hover {
  background: var(--sgf4-teal-bright);
}

/* Legal */
.sgf-v4 .sgf-v4-legal {
  background: var(--sgf4-deeper);
  color: rgba(255,255,255,.72);
  padding: 20px 0;
}

.sgf-v4 .sgf-v4-legal-grid {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
}

.sgf-v4 .sgf-v4-legal p {
  margin: 0;
  font-size: .95rem;
}

.sgf-v4 .sgf-v4-legal a {
  color: rgba(255,255,255,.82) !important;
  text-decoration: none !important;
  margin-left: 22px;
  font-size: .95rem;
}

.sgf-v4 .sgf-v4-legal a:hover {
  color: #fff !important;
  text-decoration: underline !important;
}

/* Responsive */
@media (max-width: 980px) {
  .sgf-v4 .sgf-v4-intro-grid,
  .sgf-v4 .sgf-v4-newsletter-grid,
  .sgf-v4 .sgf-v4-main-grid {
    grid-template-columns: 1fr;
  }

  .sgf-v4 .sgf-v4-contact-column {
    border-left: 0;
    padding-left: 0;
    border-top: 1px solid rgba(255,255,255,.16);
    padding-top: 34px;
  }

  .sgf-v4 .sgf-v4-newsletter {
    background:
      linear-gradient(90deg, rgba(255,255,255,.76), rgba(255,255,255,.42)),
      url('/images/newsletter/shada_newsletter.jpg') center center / cover no-repeat;
  }

  .sgf-v4 .sgf-v4-backtop {
    right: 28px;
  }
}

@media (max-width: 680px) {
  .sgf-v4 .sgf-v4-wrap {
    width: min(100% - 30px, 1120px);
  }

  .sgf-v4 .sgf-v4-intro,
  .sgf-v4 .sgf-v4-newsletter,
  .sgf-v4 .sgf-v4-main {
    padding-block: 46px;
  }

  .sgf-v4 .sgf-v4-intro-actions,
  .sgf-v4 .sgf-v4-btn,
  .sgf-v4 .sgf-v4-contact-actions,
  .sgf-v4 .sgf-v4-contact-actions a {
    width: 100%;
  }

  .sgf-v4 .sgf-v4-social-icons {
    gap: 18px;
  }

  .sgf-v4 .sgf-v4-social-icons svg {
    width: 32px;
    height: 32px;
  }

  .sgf-v4 .sgf-v4-newsletter-card {
    padding: 22px;
  }

  .sgf-v4 .sgf-v4-legal-grid {
    flex-direction: column;
    align-items: flex-start;
  }

  .sgf-v4 .sgf-v4-legal a {
    margin-left: 0;
    margin-right: 18px;
  }
}

/* === SHADA GLOBAL FOOTER V4 END === */

/* === SHADA GLOBAL FOOTER V4 POLISH START === */

/* Wider, calmer footer canvas */
.sgf-v4 .sgf-v4-wrap {
  width: min(100% - 56px, 1220px);
}

/* Slightly reduce intro weight without removing presence */
.sgf-v4 .sgf-v4-intro {
  padding: 48px 0;
}

.sgf-v4 .sgf-v4-intro-grid {
  grid-template-columns: minmax(0, 1.18fr) minmax(360px, .82fr);
  gap: 58px;
}

.sgf-v4 .sgf-v4-intro-copy h2 {
  font-size: clamp(2rem, 3.35vw, 3.18rem);
}

/* Trust panel refinement */
.sgf-v4 .sgf-v4-trust-panel {
  border-radius: 24px;
  padding: 26px 28px;
  box-shadow: 0 18px 42px rgba(18,63,68,.075);
}

.sgf-v4 .sgf-v4-trust-badges a {
  width: 104px;
  height: 66px;
}

/* Newsletter: preserve proven look but make form cleaner */
.sgf-v4 .sgf-v4-newsletter {
  min-height: 540px;
}

.sgf-v4 .sgf-v4-newsletter-grid {
  grid-template-columns: minmax(0, 1.12fr) minmax(360px, 430px);
  gap: 56px;
}

.sgf-v4 .sgf-v4-newsletter-left h2 {
  font-size: clamp(3.35rem, 6.4vw, 5.45rem);
}

.sgf-v4 .sgf-v4-newsletter-form input[type="text"],
.sgf-v4 .sgf-v4-newsletter-form input[type="email"],
.sgf-v4 .sgf-v4-newsletter-form .rsform-input-box {
  min-height: 54px !important;
  border-radius: 7px !important;
  font-size: 1.02rem !important;
}

/* Connect section: closer to the previous pleasant version */
.sgf-v4 .sgf-v4-connect {
  padding: 30px 0 32px;
  background: #14484d;
}

.sgf-v4 .sgf-v4-connect h2 {
  margin-bottom: 18px;
  font-size: 1.2rem;
}

.sgf-v4 .sgf-v4-social-icons {
  gap: clamp(34px, 5vw, 58px);
}

.sgf-v4 .sgf-v4-social-icons a {
  width: 52px;
  height: 52px;
}

.sgf-v4 .sgf-v4-social-icons svg {
  width: 40px;
  height: 40px;
}

/* Main footer: wider and more open */
.sgf-v4 .sgf-v4-main {
  padding: 76px 0 60px;
}

.sgf-v4 .sgf-v4-main-grid {
  grid-template-columns: minmax(250px, .88fr) minmax(300px, 1fr) minmax(350px, .95fr);
  gap: clamp(70px, 8vw, 130px);
}

.sgf-v4 .sgf-v4-link-group {
  gap: 15px;
}

.sgf-v4 .sgf-v4-link-group a {
  font-size: 1.08rem;
  line-height: 1.5;
}

.sgf-v4 .sgf-v4-main h3,
.sgf-v4 .sgf-v4-link-group h3 {
  font-size: 1.18rem;
  margin-bottom: 10px;
}

/* Contact section: remove emoji feeling, improve premium balance */
.sgf-v4 .sgf-v4-contact-column {
  padding-left: 34px;
  border-left-color: rgba(255,255,255,.2);
}

.sgf-v4 .sgf-v4-contact-card h4 {
  font-size: 1.08rem;
}

.sgf-v4 .sgf-v4-contact-card p {
  font-size: 1.06rem;
}

.sgf-v4 .sgf-v4-contact-row {
  display: flex;
  align-items: center;
  gap: 12px;
}

.sgf-v4 .sgf-v4-contact-icon {
  display: inline-flex;
  width: 22px;
  min-width: 22px;
  height: 22px;
  align-items: center;
  justify-content: center;
  color: var(--sgf4-teal-bright);
}

.sgf-v4 .sgf-v4-contact-icon svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.sgf-v4 .sgf-v4-contact-row a {
  font-size: 1.08rem;
}

/* Equal, intentional contact buttons */
.sgf-v4 .sgf-v4-contact-actions {
  display: grid;
  grid-template-columns: minmax(0, 270px);
  gap: 12px;
}

.sgf-v4 .sgf-v4-contact-actions a {
  width: 100%;
  min-height: 48px;
  box-sizing: border-box;
  border-radius: 7px;
  font-size: 1.02rem;
}

.sgf-v4 .sgf-v4-contact-actions a:first-child {
  background: var(--sgf4-teal);
  border: 1px solid var(--sgf4-teal);
}

.sgf-v4 .sgf-v4-contact-actions a:nth-child(2) {
  background: transparent;
  border: 1px solid rgba(255,255,255,.28);
}

.sgf-v4 .sgf-v4-contact-actions a:first-child:hover,
.sgf-v4 .sgf-v4-contact-actions a:nth-child(2):hover {
  background: var(--sgf4-teal-bright);
  border-color: var(--sgf4-teal-bright);
}

/* Legal strip slightly cleaner */
.sgf-v4 .sgf-v4-legal {
  padding: 18px 0;
}

.sgf-v4 .sgf-v4-legal p,
.sgf-v4 .sgf-v4-legal a {
  font-size: .96rem;
}

/* Large screen back-to-top alignment after wider wrap */
.sgf-v4 .sgf-v4-backtop {
  right: max(48px, calc((100vw - 1220px) / 2));
}

/* Responsive correction */
@media (max-width: 980px) {
  .sgf-v4 .sgf-v4-wrap {
    width: min(100% - 38px, 1220px);
  }

  .sgf-v4 .sgf-v4-intro-grid,
  .sgf-v4 .sgf-v4-newsletter-grid,
  .sgf-v4 .sgf-v4-main-grid {
    grid-template-columns: 1fr;
    gap: 36px;
  }

  .sgf-v4 .sgf-v4-contact-column {
    padding-left: 0;
  }

  .sgf-v4 .sgf-v4-contact-actions {
    grid-template-columns: minmax(0, 300px);
  }
}

@media (max-width: 680px) {
  .sgf-v4 .sgf-v4-wrap {
    width: min(100% - 30px, 1220px);
  }

  .sgf-v4 .sgf-v4-contact-actions {
    grid-template-columns: 1fr;
  }
}

/* === SHADA GLOBAL FOOTER V4 POLISH END === */

/* === SHADA FOOTER V4 CONNECT POLISH START === */

/* Move section is handled in module HTML; this refines the visual band */
.sgf-v4 .sgf-v4-connect {
  padding: 18px 0 20px !important;
  background: #14484d !important;
  border-top: 1px solid rgba(255,255,255,.06);
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.sgf-v4 .sgf-v4-connect h2 {
  margin: 0 0 10px !important;
  color: #fff !important;
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  letter-spacing: .025em !important;
  text-transform: uppercase !important;
}

.sgf-v4 .sgf-v4-social-icons {
  gap: clamp(34px, 5vw, 62px) !important;
}

.sgf-v4 .sgf-v4-social-icons a {
  width: 48px !important;
  height: 48px !important;
  color: #329897 !important;
}

.sgf-v4 .sgf-v4-social-icons svg {
  width: 40px !important;
  height: 40px !important;
}

.sgf-v4 .sgf-v4-social-icons a:hover {
  color: #ffffff !important;
  transform: translateY(-2px);
}

/* Reduce visual collision between connect band and newsletter */
.sgf-v4 .sgf-v4-newsletter {
  border-top: 0 !important;
}

/* Mobile */
@media (max-width: 680px) {
  .sgf-v4 .sgf-v4-connect {
    padding: 18px 0 !important;
  }

  .sgf-v4 .sgf-v4-social-icons {
    gap: 20px !important;
  }

  .sgf-v4 .sgf-v4-social-icons a {
    width: 42px !important;
    height: 42px !important;
  }

  .sgf-v4 .sgf-v4-social-icons svg {
    width: 34px !important;
    height: 34px !important;
  }
}

/* === SHADA FOOTER V4 CONNECT POLISH END === */

/* === SHADA ENGLISH GLOBAL TYPOGRAPHY START === */

/* Local Joomla 6 fonts already present in /media/vendor/roboto-fontface/ */
@font-face {
  font-family: "ShadaRoboto";
  src: url("../../../../vendor/roboto-fontface/fonts/roboto/Roboto-Regular.woff2") format("woff2"),
       url("../../../../vendor/roboto-fontface/fonts/roboto/Roboto-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "ShadaRoboto";
  src: url("../../../../vendor/roboto-fontface/fonts/roboto/Roboto-Medium.woff2") format("woff2"),
       url("../../../../vendor/roboto-fontface/fonts/roboto/Roboto-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "ShadaRoboto";
  src: url("../../../../vendor/roboto-fontface/fonts/roboto/Roboto-Bold.woff2") format("woff2"),
       url("../../../../vendor/roboto-fontface/fonts/roboto/Roboto-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "ShadaRoboto";
  src: url("../../../../vendor/roboto-fontface/fonts/roboto/Roboto-Black.woff2") format("woff2"),
       url("../../../../vendor/roboto-fontface/fonts/roboto/Roboto-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "ShadaRobotoSlab";
  src: url("../../../../vendor/roboto-fontface/fonts/roboto-slab/Roboto-Slab-Regular.woff2") format("woff2"),
       url("../../../../vendor/roboto-fontface/fonts/roboto-slab/Roboto-Slab-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "ShadaRobotoSlab";
  src: url("../../../../vendor/roboto-fontface/fonts/roboto-slab/Roboto-Slab-Bold.woff2") format("woff2"),
       url("../../../../vendor/roboto-fontface/fonts/roboto-slab/Roboto-Slab-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* English site font variables */
html[lang^="en"],
html:not([dir="rtl"]) {
  --cassiopeia-font-family-body: "ShadaRoboto", Roboto, Arial, sans-serif;
  --cassiopeia-font-family-headings: "ShadaRobotoSlab", "Roboto Slab", "ShadaRoboto", Roboto, Arial, sans-serif;
  --shada-font-body: "ShadaRoboto", Roboto, Arial, sans-serif;
  --shada-font-heading: "ShadaRobotoSlab", "Roboto Slab", "ShadaRoboto", Roboto, Arial, sans-serif;
}

/* Global English typography */
html[lang^="en"] body,
html:not([dir="rtl"]) body {
  font-family: var(--shada-font-body);
  font-weight: 400;
  line-height: 1.65;
}

html[lang^="en"] h1,
html[lang^="en"] h2,
html[lang^="en"] h3,
html[lang^="en"] h4,
html[lang^="en"] h5,
html[lang^="en"] h6,
html:not([dir="rtl"]) h1,
html:not([dir="rtl"]) h2,
html:not([dir="rtl"]) h3,
html:not([dir="rtl"]) h4,
html:not([dir="rtl"]) h5,
html:not([dir="rtl"]) h6 {
  font-family: var(--shada-font-heading);
  font-weight: 700;
  letter-spacing: -0.015em;
}

/* Navigation, buttons and forms stay clean sans-serif */
html[lang^="en"] button,
html[lang^="en"] input,
html[lang^="en"] select,
html[lang^="en"] textarea,
html[lang^="en"] .btn,
html[lang^="en"] .mod-menu,
html[lang^="en"] .navbar,
html[lang^="en"] .container-header,
html:not([dir="rtl"]) button,
html:not([dir="rtl"]) input,
html:not([dir="rtl"]) select,
html:not([dir="rtl"]) textarea,
html:not([dir="rtl"]) .btn,
html:not([dir="rtl"]) .mod-menu,
html:not([dir="rtl"]) .navbar,
html:not([dir="rtl"]) .container-header {
  font-family: var(--shada-font-body);
}

/* Footer typography alignment */
.sgf-v4,
.sgf-v4 a,
.sgf-v4 p,
.sgf-v4 li,
.sgf-v4 input,
.sgf-v4 button {
  font-family: var(--shada-font-body) !important;
}

.sgf-v4 h1,
.sgf-v4 h2,
.sgf-v4 h3,
.sgf-v4 h4,
.sgf-v4 .sgf-v4-newsletter-left h2,
.sgf-v4 .sgf-v4-main h3,
.sgf-v4 .sgf-v4-link-group h3 {
  font-family: var(--shada-font-heading) !important;
}

/* Remove older Georgia feel from the footer */
.sgf-v4 .sgf-v4-newsletter-left h2 {
  font-weight: 700 !important;
  letter-spacing: -0.045em;
}

.sgf-v4 .sgf-v4-main h3,
.sgf-v4 .sgf-v4-link-group h3 {
  letter-spacing: .025em;
}

/* === SHADA ENGLISH GLOBAL TYPOGRAPHY END === */

/* === SHADA FOOTER FINAL POLISH START === */

/* Softer CTA / registration panel */
.sgf-v4 .sgf-v4-intro {
  padding: 44px 0 !important;
}

.sgf-v4 .sgf-v4-intro-grid {
  gap: 64px !important;
}

.sgf-v4 .sgf-v4-trust-panel {
  background: rgba(255,255,255,.64) !important;
  border: 1px solid rgba(18,63,68,.075) !important;
  border-radius: 22px !important;
  box-shadow: 0 12px 30px rgba(18,63,68,.055) !important;
}

.sgf-v4 .sgf-v4-trust-panel h3 {
  font-size: 1.38rem !important;
}

.sgf-v4 .sgf-v4-trust-badges a {
  width: 98px !important;
  height: 62px !important;
  border-radius: 15px !important;
  background: rgba(255,255,255,.86) !important;
  border-color: rgba(18,63,68,.085) !important;
}

/* Thinner Connect with Shada band, with stronger larger icons */
.sgf-v4 .sgf-v4-connect {
  padding: 12px 0 14px !important;
  background: #14484d !important;
  border-top: 1px solid rgba(255,255,255,.055) !important;
  border-bottom: 1px solid rgba(255,255,255,.075) !important;
}

.sgf-v4 .sgf-v4-connect h2 {
  margin: 0 0 5px !important;
  font-family: var(--shada-font-body) !important;
  font-size: .98rem !important;
  font-weight: 800 !important;
  letter-spacing: .045em !important;
  line-height: 1.2 !important;
}

.sgf-v4 .sgf-v4-social-icons {
  gap: clamp(38px, 5.4vw, 68px) !important;
}

.sgf-v4 .sgf-v4-social-icons a {
  width: 54px !important;
  height: 50px !important;
  color: #3fb0ae !important;
}

.sgf-v4 .sgf-v4-social-icons svg {
  width: 45px !important;
  height: 45px !important;
}

.sgf-v4 .sgf-v4-social-icons a:hover {
  color: #ffffff !important;
  transform: translateY(-2px) scale(1.03) !important;
}

/* Newsletter transition after social band */
.sgf-v4 .sgf-v4-newsletter {
  border-top: 0 !important;
}

/* Footer headings after Roboto Slab change */
.sgf-v4 .sgf-v4-newsletter-left h2 {
  font-size: clamp(3rem, 5.7vw, 4.9rem) !important;
  line-height: .96 !important;
}

.sgf-v4 .sgf-v4-main h3,
.sgf-v4 .sgf-v4-link-group h3 {
  font-size: 1.12rem !important;
  letter-spacing: .035em !important;
}

/* Contact section: calm final balance */
.sgf-v4 .sgf-v4-contact-column {
  border-left-color: rgba(255,255,255,.16) !important;
}

.sgf-v4 .sgf-v4-contact-actions a {
  min-height: 46px !important;
  border-radius: 6px !important;
}

.sgf-v4 .sgf-v4-contact-actions a:first-child {
  background: #319795 !important;
  border-color: #319795 !important;
}

.sgf-v4 .sgf-v4-contact-actions a:nth-child(2) {
  background: rgba(255,255,255,.045) !important;
  border-color: rgba(255,255,255,.24) !important;
}

.sgf-v4 .sgf-v4-contact-actions a:hover {
  background: #43b3b1 !important;
  border-color: #43b3b1 !important;
}

/* Slightly cleaner legal strip */
.sgf-v4 .sgf-v4-legal {
  background: #0e3337 !important;
  padding: 17px 0 !important;
}

/* Mobile correction */
@media (max-width: 680px) {
  .sgf-v4 .sgf-v4-connect {
    padding: 12px 0 13px !important;
  }

  .sgf-v4 .sgf-v4-connect h2 {
    font-size: .92rem !important;
    margin-bottom: 6px !important;
  }

  .sgf-v4 .sgf-v4-social-icons {
    gap: 20px !important;
  }

  .sgf-v4 .sgf-v4-social-icons a {
    width: 42px !important;
    height: 42px !important;
  }

  .sgf-v4 .sgf-v4-social-icons svg {
    width: 34px !important;
    height: 34px !important;
  }

  .sgf-v4 .sgf-v4-newsletter-left h2 {
    font-size: clamp(2.65rem, 13vw, 3.6rem) !important;
  }
}

/* === SHADA FOOTER FINAL POLISH END === */

/* === SHADA MENU V8 BALANCED START === */

@media (min-width: 992px) {

  /*
    Balanced desktop menu.
    Exact target: Joomla rendered menu ul#mod-menu1.
  */

  .container-header .container-nav {
    height: 68px !important;
    min-height: 68px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
  }

  .container-header .container-nav > ul#mod-menu1.mod-menu,
  .container-header ul#mod-menu1.mod-menu,
  ul#mod-menu1.mod-menu {
    height: 68px !important;
    min-height: 68px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: clamp(38px, 3.15vw, 56px) !important;

    padding: 0 !important;
    margin: 0 auto !important;
    max-width: 1160px !important;
    width: auto !important;
  }

  .container-header ul#mod-menu1.mod-menu > li.nav-item {
    height: 68px !important;
    min-height: 68px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 !important;
    margin: 0 !important;
  }

  /* Main menu text — controlled but not oversized */
  .container-header ul#mod-menu1.mod-menu > li.nav-item > a,
  .container-header ul#mod-menu1.mod-menu > li.nav-item > span,
  ul#mod-menu1.mod-menu > li.nav-item > a,
  ul#mod-menu1.mod-menu > li.nav-item > span {
    height: 68px !important;
    min-height: 68px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 2px !important;
    margin: 0 !important;

    font-family: "ShadaRoboto", Roboto, Arial, Helvetica, sans-serif !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    letter-spacing: -0.012em !important;
    line-height: 1.08 !important;

    color: #ffffff !important;
    text-decoration: none !important;
    text-transform: none !important;
    white-space: nowrap !important;
    opacity: 1 !important;
  }

  .container-header ul#mod-menu1.mod-menu > li.nav-item > a:hover,
  ul#mod-menu1.mod-menu > li.nav-item > a:hover {
    color: #ffffff !important;
    opacity: 1 !important;
    background: transparent !important;
  }

  .container-header ul#mod-menu1.mod-menu > li.active > a,
  .container-header ul#mod-menu1.mod-menu > li.current > a,
  ul#mod-menu1.mod-menu > li.active > a,
  ul#mod-menu1.mod-menu > li.current > a {
    box-shadow: inset 0 -3px 0 rgba(255,255,255,.38) !important;
  }

  /* Dropdown arrow button */
  .container-header ul#mod-menu1.mod-menu > li.nav-item > button.mod-menu__toggle-sub,
  ul#mod-menu1.mod-menu > li.nav-item > button.mod-menu__toggle-sub {
    width: 18px !important;
    height: 68px !important;
    min-height: 68px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 !important;
    margin-left: 7px !important;

    color: #ffffff !important;
    background: transparent !important;
    border: 0 !important;
    opacity: .9 !important;
  }

  .container-header ul#mod-menu1.mod-menu > li.nav-item > button.mod-menu__toggle-sub .icon-chevron-down,
  ul#mod-menu1.mod-menu > li.nav-item > button.mod-menu__toggle-sub .icon-chevron-down {
    font-size: 12px !important;
    color: #ffffff !important;
  }

  /* Search after Contact Us — keep spacing, fix vertical centre */
  .container-header ul#mod-menu1.mod-menu > li.shada-menu-search-item {
    height: 68px !important;
    min-height: 68px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin-left: 46px !important;
    padding: 0 !important;

    position: relative !important;
    left: 8px !important;
    top: 0 !important;
  }

  .container-header ul#mod-menu1.mod-menu > li.shada-menu-search-item > #shada-search-toggle.shada-search-trigger-in-menu {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    position: relative !important;
    top: 0 !important;
    transform: translateY(0) !important;

    margin: 0 !important;
    padding: 0 !important;

    border-radius: 999px !important;
    background: rgba(255,255,255,.12) !important;
    border: 1px solid rgba(255,255,255,.30) !important;
    line-height: 1 !important;
    opacity: 1 !important;
  }

  .container-header ul#mod-menu1.mod-menu > li.shada-menu-search-item > #shada-search-toggle:hover,
  .container-header ul#mod-menu1.mod-menu > li.shada-menu-search-item > #shada-search-toggle:focus {
    background: rgba(255,255,255,.20) !important;
    border-color: rgba(255,255,255,.42) !important;
    outline: none !important;
  }

  .container-header ul#mod-menu1.mod-menu > li.shada-menu-search-item #shada-search-icon,
  .container-header ul#mod-menu1.mod-menu > li.shada-menu-search-item img {
    width: 28px !important;
    height: 28px !important;
    display: block !important;
    filter: brightness(0) invert(1) !important;
    opacity: 1 !important;
  }

  /* Keep submenu style because this part is good */
  .container-header ul#mod-menu1.mod-menu .mod-menu__sub {
    min-width: 350px !important;
    padding: 10px 0 !important;
    background: rgba(255,255,255,.99) !important;
    border: 1px solid rgba(18,63,68,.08) !important;
    border-radius: 0 0 13px 13px !important;
    box-shadow: 0 22px 48px rgba(18,63,68,.15) !important;
  }

  .container-header ul#mod-menu1.mod-menu .mod-menu__sub a,
  .container-header ul#mod-menu1.mod-menu .mod-menu__sub span {
    padding: 16px 22px !important;
    color: #25494e !important;

    font-family: "ShadaRoboto", Roboto, Arial, Helvetica, sans-serif !important;
    font-size: 17.5px !important;
    font-weight: 450 !important;
    letter-spacing: -0.005em !important;
    line-height: 1.38 !important;

    background: transparent !important;
    text-decoration: none !important;
  }

  .container-header ul#mod-menu1.mod-menu .mod-menu__sub a:hover {
    color: #0c676b !important;
    background: rgba(47,146,145,.075) !important;
  }

  .shada-menu-search-module,
  .container-header .shada-menu-search-module {
    display: none !important;
  }
}

@media (max-width: 991.98px) {
  .shada-menu-search-module {
    display: none !important;
  }
}

/* === SHADA MENU V8 BALANCED END === */

/* === SHADA SEARCH VERTICAL TUNE START === */

@media (min-width: 992px) {

  /* Keep the V8 spacing, only lift the circle into the visual centre */
  .container-header ul#mod-menu1.mod-menu > li.shada-menu-search-item {
    height: 68px !important;
    min-height: 68px !important;
    align-items: center !important;
  }

  .container-header ul#mod-menu1.mod-menu > li.shada-menu-search-item > #shada-search-toggle.shada-search-trigger-in-menu {
    position: relative !important;
    top: -8px !important;
    transform: none !important;
  }

  .container-header ul#mod-menu1.mod-menu > li.shada-menu-search-item #shada-search-icon,
  .container-header ul#mod-menu1.mod-menu > li.shada-menu-search-item img {
    position: relative !important;
    top: 0 !important;
  }
}

/* === SHADA SEARCH VERTICAL TUNE END === */

/* === SHADA HEADER PHONE V2 START === */

@media (min-width: 992px) {

  /*
    Phone button:
    less empty side space, larger number.
  */

  .container-header a[href^="tel:"],
  .container-header a[href*="tel:"],
  .container-header .btn[href^="tel:"],
  .container-header .btn[href*="tel:"] {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;

    height: 54px !important;
    min-height: 54px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    padding: 0 18px !important;

    font-family: "ShadaRoboto", Roboto, Arial, Helvetica, sans-serif !important;
    font-size: 20.5px !important;
    font-weight: 850 !important;
    letter-spacing: -0.005em !important;
    line-height: 1 !important;

    border-radius: 4px !important;
    background: #0f7f83 !important;
    color: #ffffff !important;
    text-decoration: none !important;

    box-shadow: 0 7px 16px rgba(12, 72, 77, .20) !important;
  }

  .container-header a[href^="tel:"]:hover,
  .container-header a[href*="tel:"]:hover,
  .container-header .btn[href^="tel:"]:hover,
  .container-header .btn[href*="tel:"]:hover {
    background: #0c7377 !important;
    color: #ffffff !important;
    text-decoration: none !important;
  }

  .container-header a[href^="tel:"] i,
  .container-header a[href*="tel:"] i,
  .container-header a[href^="tel:"] .fa,
  .container-header a[href*="tel:"] .fa,
  .container-header a[href^="tel:"] svg,
  .container-header a[href*="tel:"] svg {
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
  }
}

/* === SHADA HEADER PHONE V2 END === */

/* === SHADA LOGO PHONE FINAL POLISH START === */

@media (min-width: 992px) {

  /*
    Logo:
    Bigger without increasing the white header height.
    Targets only likely logo images inside the header.
  */

  .container-header .navbar-brand img,
  .container-header .brand-logo img,
  .container-header a.brand-logo img,
  .container-header img[src*="shada"],
  .container-header img[src*="Shada"],
  .container-header img[src*="logo"],
  .container-header img[src*="Logo"] {
    transform: scale(1.18) !important;
    transform-origin: left center !important;
    max-height: none !important;
  }

  .container-header .navbar-brand,
  .container-header .brand-logo,
  .container-header a.brand-logo {
    overflow: visible !important;
  }

  /*
    Phone button:
    Keep compact width, bigger number, softer pill shape.
  */

  .container-header a[href^="tel:"],
  .container-header a[href*="tel:"],
  .container-header .btn[href^="tel:"],
  .container-header .btn[href*="tel:"] {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;

    height: 56px !important;
    min-height: 56px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;

    padding: 0 20px !important;

    font-family: "ShadaRoboto", Roboto, Arial, Helvetica, sans-serif !important;
    font-size: 21px !important;
    font-weight: 850 !important;
    letter-spacing: -0.01em !important;
    line-height: 1 !important;

    border-radius: 7px !important;
    background: linear-gradient(135deg, #0f8588 0%, #0c7377 100%) !important;
    color: #ffffff !important;
    text-decoration: none !important;

    border: 1px solid rgba(255,255,255,.18) !important;
    box-shadow: 0 8px 18px rgba(12, 72, 77, .20) !important;
  }

  .container-header a[href^="tel:"]:hover,
  .container-header a[href*="tel:"]:hover,
  .container-header .btn[href^="tel:"]:hover,
  .container-header .btn[href*="tel:"]:hover {
    background: linear-gradient(135deg, #0d787c 0%, #09686c 100%) !important;
    color: #ffffff !important;
    text-decoration: none !important;
  }

  .container-header a[href^="tel:"] i,
  .container-header a[href*="tel:"] i,
  .container-header a[href^="tel:"] .fa,
  .container-header a[href*="tel:"] .fa,
  .container-header a[href^="tel:"] svg,
  .container-header a[href*="tel:"] svg {
    font-size: 18px !important;
    width: 18px !important;
    height: 18px !important;
  }
}

/* === SHADA LOGO PHONE FINAL POLISH END === */

/* === SHADA SEARCH FINAL HIGHER START === */

@media (min-width: 992px) {

  /* Final search circle lift */
  .container-header ul#mod-menu1.mod-menu > li.shada-menu-search-item > #shada-search-toggle.shada-search-trigger-in-menu {
    position: relative !important;
    top: -11px !important;
    transform: none !important;
  }
}

/* === SHADA SEARCH FINAL HIGHER END === */

/* === SHADA HOMEPAGE ARTICLE CSS START === */
/* Moved from Joomla article ID 61 on 20260628_054726. */

.shada-home-hero-image {
			width: 100%;
			height: 440px;
			object-fit: cover;
			object-position: center center;
			display: block;
			border-radius: 10px;
			background: #eef7f7;
		}
		
		@media (max-width: 768px) {
			.shada-home-hero-wrap {
				margin-bottom: 20px !important;
			}
			.shada-home-hero-image {
				height: auto !important;
				max-height: none !important;
				object-fit: contain !important;
			}
			.shada-home-hero-title {
				font-size: 28px !important;
				line-height: 1.3 !important;
			}
		}

/* === SHADA HOMEPAGE ARTICLE CSS END === */

/* === SHADA HOMEPAGE J6 POLISH START === */
/* Homepage styling only. No Joomla output is hidden here. Added 20260628_055652. */

@media (min-width: 992px) {

  /* Reduce excessive white space between menu and homepage hero */
  .com-content-article .shada-homepage-j6 {
    margin-top: -38px !important;
  }

  /* Keep the homepage content visually centred and premium */
  .com-content-article .shada-homepage-j6 > div:first-child,
  .com-content-article .shada-homepage-j6 .shada-home-hero-wrap {
    max-width: 1180px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Hero card: cleaner spacing inside native Cassiopeia page */
  .com-content-article .shada-homepage-j6 .shada-home-hero-wrap {
    margin-top: 0 !important;
    margin-bottom: 34px !important;
  }

  .com-content-article .shada-homepage-j6 .shada-home-hero-image {
    width: 100% !important;
    max-height: 430px !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 10px !important;
  }

  /* Make homepage headings feel consistent with the new typography */
  .com-content-article .shada-homepage-j6 h1 {
    font-family: var(--shada-font-heading, "ShadaRobotoSlab", Georgia, serif) !important;
    letter-spacing: -0.025em !important;
    line-height: 1.12 !important;
  }

  .com-content-article .shada-homepage-j6 h2 {
    font-family: var(--shada-font-heading, "ShadaRobotoSlab", Georgia, serif) !important;
    letter-spacing: -0.018em !important;
    line-height: 1.22 !important;
  }

  .com-content-article .shada-homepage-j6 h3 {
    font-family: var(--shada-font-body, "ShadaRoboto", Roboto, Arial, sans-serif) !important;
    line-height: 1.25 !important;
  }

  /* Improve section rhythm without changing content */
  .com-content-article .shada-homepage-j6 section,
  .com-content-article .shada-homepage-j6 .shada-home-section {
    margin-top: 44px !important;
    margin-bottom: 44px !important;
  }

  /* Buttons should align with the new header/footer design */
  .com-content-article .shada-homepage-j6 a[href*="book-consultation"],
  .com-content-article .shada-homepage-j6 a[href*="free-assessment"],
  .com-content-article .shada-homepage-j6 a[href*="contact-us"] {
    font-family: var(--shada-font-body, "ShadaRoboto", Roboto, Arial, sans-serif) !important;
    font-weight: 800 !important;
  }
}

@media (max-width: 991.98px) {
  .com-content-article .shada-homepage-j6 {
    margin-top: -18px !important;
  }

  .com-content-article .shada-homepage-j6 .shada-home-hero-wrap {
    margin-top: 0 !important;
    margin-bottom: 24px !important;
  }

  .com-content-article .shada-homepage-j6 .shada-home-hero-image {
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    border-radius: 8px !important;
  }

  .com-content-article .shada-homepage-j6 h1 {
    font-size: clamp(30px, 8vw, 42px) !important;
    line-height: 1.16 !important;
  }
}

/* === SHADA HOMEPAGE J6 POLISH END === */







/* === SHADA GLOBAL IMPORTED CARD NORMALISE START === */
/* Normalises imported Joomla 3 inline card/grid styling across articles. No Joomla output hidden. Added 20260628_063619. */

/* Imported card containers and sections */
.com-content-article [style*="background: #eef7f7"],
.com-content-article [style*="background:#eef7f7"],
.com-content-article [style*="background: #f9fcfc"],
.com-content-article [style*="background:#f9fcfc"],
.com-content-article [style*="border: 1px solid #cfe6e6"],
.com-content-article [style*="border:1px solid #cfe6e6"],
.com-content-article [style*="border-left: 5px solid #0f6d73"],
.com-content-article [style*="border-left:5px solid #0f6d73"] {
  font-family: "ShadaRoboto", Roboto, Arial, Helvetica, sans-serif !important;
}

/* Imported card headings */
.com-content-article [style*="background: #f9fcfc"] h3,
.com-content-article [style*="background:#f9fcfc"] h3,
.com-content-article [style*="border: 1px solid #cfe6e6"] h3,
.com-content-article [style*="border:1px solid #cfe6e6"] h3,
.com-content-article a[style*="background: #f9fcfc"] h3,
.com-content-article a[style*="background:#f9fcfc"] h3 {
  font-family: "ShadaRoboto", Roboto, Arial, Helvetica, sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
  line-height: 1.25 !important;
  color: #3f4548 !important;
}

/* Imported card paragraphs */
.com-content-article [style*="background: #f9fcfc"] p,
.com-content-article [style*="background:#f9fcfc"] p,
.com-content-article [style*="border: 1px solid #cfe6e6"] p,
.com-content-article [style*="border:1px solid #cfe6e6"] p,
.com-content-article a[style*="background: #f9fcfc"] p,
.com-content-article a[style*="background:#f9fcfc"] p {
  font-family: "ShadaRoboto", Roboto, Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
  line-height: 1.58 !important;
  color: #1f2933 !important;
}

/* Imported clickable cards */
.com-content-article a[style*="background: #f9fcfc"],
.com-content-article a[style*="background:#f9fcfc"],
.com-content-article a[style*="border: 1px solid #cfe6e6"],
.com-content-article a[style*="border:1px solid #cfe6e6"] {
  font-family: "ShadaRoboto", Roboto, Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
  text-decoration: none !important;
}

.com-content-article a[style*="background: #f9fcfc"]:hover,
.com-content-article a[style*="background:#f9fcfc"]:hover,
.com-content-article a[style*="border: 1px solid #cfe6e6"]:hover,
.com-content-article a[style*="border:1px solid #cfe6e6"]:hover {
  border-color: #0f6d73 !important;
  text-decoration: none !important;
}

/* Imported teal buttons */
.com-content-article a[style*="background: #0f6d73"],
.com-content-article a[style*="background:#0f6d73"] {
  font-family: "ShadaRoboto", Roboto, Arial, Helvetica, sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

/* Imported auto-fit grids: improve desktop balance */
@media (min-width: 992px) {
  .com-content-article div[style*="repeat(auto-fit,minmax(260px,1fr))"],
  .com-content-article div[style*="repeat(auto-fit, minmax(260px, 1fr))"] {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* Tablet */
@media (max-width: 991.98px) and (min-width: 641px) {
  .com-content-article div[style*="repeat(auto-fit,minmax(260px,1fr))"],
  .com-content-article div[style*="repeat(auto-fit, minmax(260px, 1fr))"] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Mobile */
@media (max-width: 640px) {
  .com-content-article div[style*="repeat(auto-fit,minmax(260px,1fr))"],
  .com-content-article div[style*="repeat(auto-fit, minmax(260px, 1fr))"] {
    grid-template-columns: 1fr !important;
  }
}

/* Keep main article headings aligned with the global typography decision */
.com-content-article h1,
.com-content-article h2 {
  font-family: "ShadaRobotoSlab", Georgia, serif !important;
}

.com-content-article h3,
.com-content-article h4,
.com-content-article h5,
.com-content-article h6 {
  font-family: "ShadaRoboto", Roboto, Arial, Helvetica, sans-serif !important;
}

/* === SHADA GLOBAL IMPORTED CARD NORMALISE END === */

/* === SHADA J6 MOBILE SERVICE TOOLS START === */
/* Controlled URL-based mobile quick action buttons. Added 20260628_072023. */

.shada-j6-mobile-tools {
  display: none !important;
}

@media (max-width: 768px) {
  body.has-shada-j6-mobile-tools {
    padding-bottom: 78px !important;
  }

  body.has-shada-j6-mobile-tools .shada-j6-mobile-tools {
    position: fixed !important;
    left: 10px !important;
    right: 10px !important;
    bottom: calc(10px + env(safe-area-inset-bottom)) !important;
    z-index: 10050 !important;
    display: flex !important;
    gap: 8px !important;
    padding: 7px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.96) !important;
    box-shadow: 0 -3px 18px rgba(0,0,0,.18) !important;
    box-sizing: border-box !important;
  }

  body.has-shada-j6-mobile-tools .shada-j6-mobile-tools a {
    flex: 1 1 0 !important;
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px 8px !important;
    border-radius: 999px !important;
    background: #0b7a80 !important;
    color: #ffffff !important;
    font-family: "ShadaRoboto", Roboto, Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-decoration: none !important;
    box-shadow: 0 2px 7px rgba(0,0,0,.16) !important;
    box-sizing: border-box !important;
  }

  body.has-shada-j6-mobile-tools .shada-j6-mobile-tools a:hover,
  body.has-shada-j6-mobile-tools .shada-j6-mobile-tools a:focus {
    background: #09666b !important;
    color: #ffffff !important;
    text-decoration: none !important;
  }
}

/* === SHADA J6 MOBILE SERVICE TOOLS END === */

/* === SHADA J6 MOBILE HEADER MENU START === */
/* Mobile-only drawer menu rebuilt cleanly for Cassiopeia. Added 20260628_072527. */

.shada-mobile-nav-shell,
.shada-mobile-menu-overlay,
.shada-mobile-menu-drawer {
  display: none;
}

@media (max-width: 991.98px) {
  .container-header {
    padding-bottom: 0 !important;
  }

  .container-header .container-nav,
  .container-header ul#mod-menu1.mod-menu,
  ul#mod-menu1.mod-menu {
    display: none !important;
  }

  .container-header .shada-phone-button,
  .container-header #shada-search-toggle,
  .container-header .shada-search-toggle {
    display: none !important;
  }

  .container-header .navbar-brand,
  .container-header .brand-logo {
    justify-content: center !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .container-header .navbar-brand img,
  .container-header .brand-logo img,
  .container-header img[src*="Logo"],
  .container-header img[src*="logo"],
  .container-header img[src*="Shada"],
  .container-header img[src*="shada"] {
    max-height: 82px !important;
    width: auto !important;
  }

  .shada-mobile-nav-shell {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    width: 100% !important;
    min-height: 48px !important;
    padding: 7px 14px !important;
    background: #0b7a80 !important;
    box-sizing: border-box !important;
    z-index: 9990 !important;
  }

  .shada-mobile-menu-open {
    width: 42px !important;
    height: 36px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(255,255,255,.7) !important;
    border-radius: 8px !important;
    background: transparent !important;
    color: #ffffff !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    padding: 0 !important;
  }

  .shada-mobile-call {
    flex: 1 1 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 36px !important;
    padding: 8px 10px !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    font-family: "ShadaRoboto", Roboto, Arial, Helvetica, sans-serif !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    line-height: 1 !important;
  }

  .shada-mobile-menu-overlay {
    position: fixed !important;
    inset: 0 !important;
    z-index: 10080 !important;
    background: rgba(0,0,0,.45) !important;
  }

  .shada-mobile-menu-drawer {
    position: fixed !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: min(86vw, 350px) !important;
    z-index: 10090 !important;
    display: block !important;
    overflow-y: auto !important;
    padding: 18px 18px 32px !important;
    background: #083f44 !important;
    color: #ffffff !important;
    box-shadow: 5px 0 24px rgba(0,0,0,.35) !important;
    transform: translateX(-105%) !important;
    transition: transform .24s ease !important;
    box-sizing: border-box !important;
  }

  .shada-mobile-menu-is-open .shada-mobile-menu-overlay {
    display: block !important;
  }

  .shada-mobile-menu-is-open .shada-mobile-menu-drawer {
    transform: translateX(0) !important;
  }

  body:not(.shada-mobile-menu-is-open) .shada-mobile-menu-overlay {
    display: none !important;
  }

  .shada-mobile-menu-close {
    position: absolute !important;
    top: 10px !important;
    right: 12px !important;
    width: 38px !important;
    height: 38px !important;
    border: 1px solid rgba(255,255,255,.45) !important;
    border-radius: 50% !important;
    background: transparent !important;
    color: #ffffff !important;
    font-size: 30px !important;
    line-height: 1 !important;
    padding: 0 !important;
  }

  .shada-mobile-menu-title {
    margin: 0 46px 18px 0 !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid rgba(255,255,255,.25) !important;
    font-family: "ShadaRobotoSlab", Georgia, serif !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
  }

  .shada-mobile-menu-drawer ul,
  .shada-mobile-menu-drawer li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .shada-mobile-menu-drawer .shada-mobile-menu-list {
    display: block !important;
  }

  .shada-mobile-menu-drawer .mod-menu__sub {
    display: block !important;
    margin: 4px 0 12px 12px !important;
    padding-left: 10px !important;
    border-left: 1px solid rgba(255,255,255,.22) !important;
  }

  .shada-mobile-menu-drawer .mod-menu__toggle-sub {
    display: none !important;
  }

  .shada-mobile-menu-drawer a,
  .shada-mobile-menu-drawer span {
    display: block !important;
    padding: 11px 4px !important;
    color: #ffffff !important;
    font-family: "ShadaRoboto", Roboto, Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(255,255,255,.12) !important;
  }

  .shada-mobile-menu-drawer .mod-menu__sub a,
  .shada-mobile-menu-drawer .mod-menu__sub span {
    font-size: 15px !important;
    font-weight: 600 !important;
    opacity: .95 !important;
  }

  .shada-mobile-menu-drawer a:hover,
  .shada-mobile-menu-drawer a:focus {
    color: #ffffff !important;
    background: rgba(255,255,255,.09) !important;
    border-radius: 6px !important;
  }
}

/* === SHADA J6 MOBILE HEADER MENU END === */

/* === SHADA J6 MOBILE HEADER TUNE START === */
/* Hide duplicate desktop phone/search and compact logo area on mobile. Added 20260628_072836. */

@media (max-width: 991.98px) {

  .container-header,
  header.container-header,
  .header.container-header {
    min-height: 0 !important;
    padding: 18px 14px 20px !important;
    margin: 0 !important;
  }

  .container-header .navbar-brand,
  .container-header .brand-logo,
  .container-header a.brand-logo,
  .container-header .logo {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    text-align: center !important;
  }

  .container-header .navbar-brand img,
  .container-header .brand-logo img,
  .container-header a.brand-logo img,
  .container-header .logo img,
  .container-header img[src*="Logo"],
  .container-header img[src*="logo"],
  .container-header img[src*="Shada"],
  .container-header img[src*="shada"] {
    max-height: 86px !important;
    width: auto !important;
    margin: 0 auto !important;
    transform: none !important;
  }

  .shada-phone-button,
  a.shada-phone-button,
  .container-header .shada-phone-button,
  .container-header a.shada-phone-button,
  .container-header a[href^="tel:"],
  .container-header a[href*="tel:"] {
    display: none !important;
    visibility: hidden !important;
  }

  .container-header #shada-search-toggle,
  .container-header .shada-search-toggle,
  .container-header .shada-search-toggle-wrap {
    display: none !important;
    visibility: hidden !important;
  }

  .shada-mobile-nav-shell {
    margin-top: 0 !important;
  }
}

@media (max-width: 480px) {
  .container-header,
  header.container-header,
  .header.container-header {
    padding-top: 14px !important;
    padding-bottom: 16px !important;
  }

  .container-header .navbar-brand img,
  .container-header .brand-logo img,
  .container-header a.brand-logo img,
  .container-header .logo img,
  .container-header img[src*="Logo"],
  .container-header img[src*="logo"],
  .container-header img[src*="Shada"],
  .container-header img[src*="shada"] {
    max-height: 76px !important;
  }

  .shada-mobile-call {
    font-size: 16px !important;
  }
}

/* === SHADA J6 MOBILE HEADER TUNE END === */

/* === SHADA J6 MOBILE ONE PHONE HEADER START === */
/* Mobile only: one phone number in teal bar, compact logo area. Added 20260628_073322. */

@media (max-width: 991.98px) {

  .container-header,
  header.container-header,
  .header.container-header {
    min-height: 0 !important;
    padding: 10px 14px 12px !important;
    margin: 0 !important;
  }

  .container-header .grid-child,
  .container-header .container,
  .container-header .navbar {
    min-height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .container-header .navbar-brand,
  .container-header .brand-logo,
  .container-header a.brand-logo,
  .container-header .logo {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    text-align: center !important;
  }

  .container-header .navbar-brand img,
  .container-header .brand-logo img,
  .container-header a.brand-logo img,
  .container-header .logo img,
  .container-header img[src*="Logo"],
  .container-header img[src*="logo"],
  .container-header img[src*="Shada"],
  .container-header img[src*="shada"] {
    max-height: 72px !important;
    width: auto !important;
    margin: 0 auto !important;
    transform: none !important;
  }

  /* Hide duplicate phone/search in white header area only */
  .container-header .shada-phone-button,
  .container-header a.shada-phone-button,
  .container-header a[href^="tel:"],
  .container-header a[href*="tel:"],
  .container-header #shada-search-toggle,
  .container-header .shada-search-toggle,
  .container-header .shada-search-toggle-wrap {
    display: none !important;
    visibility: hidden !important;
  }

  /* Keep the single phone number in teal mobile bar */
  .shada-mobile-nav-shell {
    min-height: 46px !important;
    padding: 6px 22px !important;
    margin-top: 0 !important;
    background: #0b7f80 !important;
  }

  .shada-mobile-call {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    text-decoration: none !important;
  }
}

@media (max-width: 480px) {

  .container-header,
  header.container-header,
  .header.container-header {
    padding-top: 8px !important;
    padding-bottom: 10px !important;
  }

  .container-header .navbar-brand img,
  .container-header .brand-logo img,
  .container-header a.brand-logo img,
  .container-header .logo img,
  .container-header img[src*="Logo"],
  .container-header img[src*="logo"],
  .container-header img[src*="Shada"],
  .container-header img[src*="shada"] {
    max-height: 66px !important;
  }

  .shada-mobile-call {
    font-size: 19px !important;
  }
}

/* === SHADA J6 MOBILE ONE PHONE HEADER END === */

/* === SHADA J6 MOBILE OLD STYLE HEADER START === */
/* Mobile header: compact logo area, old-style teal bar, white phone icon. Added 20260628_073829. */

@media (max-width: 991.98px) {

  .container-header,
  header.container-header,
  .header.container-header {
    min-height: 0 !important;
    padding: 8px 14px 8px !important;
    margin: 0 !important;
  }

  .container-header .grid-child,
  .container-header .container,
  .container-header .navbar,
  .container-header .navbar-collapse {
    min-height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .container-header .navbar-brand,
  .container-header .brand-logo,
  .container-header a.brand-logo,
  .container-header .logo {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
  }

  .container-header .navbar-brand img,
  .container-header .brand-logo img,
  .container-header a.brand-logo img,
  .container-header .logo img,
  .container-header img[src*="Logo"],
  .container-header img[src*="logo"],
  .container-header img[src*="Shada"],
  .container-header img[src*="shada"] {
    max-height: 78px !important;
    width: auto !important;
    margin: 0 !important;
    transform: none !important;
  }

  .container-header .shada-phone-button,
  .container-header a.shada-phone-button,
  .container-header a[href^="tel:"],
  .container-header a[href*="tel:"],
  .container-header #shada-search-toggle,
  .container-header .shada-search-toggle,
  .container-header .shada-search-toggle-wrap {
    display: none !important;
    visibility: hidden !important;
  }

  .shada-mobile-nav-shell {
    min-height: 46px !important;
    padding: 6px 42px !important;
    margin-top: 0 !important;
    background: #0b7f80 !important;
  }

  .shada-mobile-menu-open {
    width: 48px !important;
    height: 36px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    display: inline-flex !important;
    flex-direction: column !important;
    gap: 5px !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
  }

  .shada-mobile-menu-open span {
    display: block !important;
    width: 31px !important;
    height: 4px !important;
    border-radius: 3px !important;
    background: #202020 !important;
  }

  .shada-mobile-call {
    justify-content: center !important;
    gap: 18px !important;
    min-height: 38px !important;
    padding: 5px 8px !important;
    color: #ffffff !important;
    font-family: "ShadaRoboto", Roboto, Arial, Helvetica, sans-serif !important;
    font-size: 24px !important;
    font-weight: 400 !important;
    letter-spacing: .5px !important;
    text-decoration: none !important;
    line-height: 1 !important;
  }

  .shada-mobile-phone-icon {
    position: relative !important;
    display: inline-block !important;
    width: 20px !important;
    height: 30px !important;
    border: 4px solid #ffffff !important;
    border-radius: 4px !important;
    box-sizing: border-box !important;
  }

  .shada-mobile-phone-icon::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    bottom: 2px !important;
    width: 5px !important;
    height: 5px !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    transform: translateX(-50%) !important;
  }

  .shada-mobile-phone-text {
    display: inline-block !important;
  }
}

@media (max-width: 480px) {

  .container-header,
  header.container-header,
  .header.container-header {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
  }

  .container-header .navbar-brand img,
  .container-header .brand-logo img,
  .container-header a.brand-logo img,
  .container-header .logo img,
  .container-header img[src*="Logo"],
  .container-header img[src*="logo"],
  .container-header img[src*="Shada"],
  .container-header img[src*="shada"] {
    max-height: 72px !important;
  }

  .shada-mobile-nav-shell {
    padding-left: 34px !important;
    padding-right: 34px !important;
  }

  .shada-mobile-call {
    font-size: 22px !important;
    gap: 15px !important;
  }
}

/* === SHADA J6 MOBILE OLD STYLE HEADER END === */

/* === SHADA J6 MOBILE LOGO GAP TIGHTEN START === */
/* Mobile only: reduce space between logo and teal phone/menu bar. Added 20260628_074036. */

@media (max-width: 991.98px) {

  .container-header,
  header.container-header,
  .header.container-header {
    padding-top: 6px !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  .container-header .grid-child,
  .container-header .container,
  .container-header .navbar,
  .container-header .navbar-collapse,
  .container-header .mod-custom,
  .container-header .shada-header-logo {
    min-height: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 0 !important;
  }

  .container-header .shada-header-logo p,
  .container-header p {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .container-header .navbar-brand,
  .container-header .brand-logo,
  .container-header a.brand-logo,
  .container-header .logo {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 0 !important;
  }

  .container-header .navbar-brand img,
  .container-header .brand-logo img,
  .container-header a.brand-logo img,
  .container-header .logo img,
  .container-header img[src*="Logo"],
  .container-header img[src*="logo"],
  .container-header img[src*="Shada"],
  .container-header img[src*="shada"] {
    display: block !important;
    max-height: 74px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .shada-mobile-nav-shell {
    margin-top: 0 !important;
  }
}

@media (max-width: 480px) {

  .container-header,
  header.container-header,
  .header.container-header {
    padding-top: 5px !important;
    padding-bottom: 0 !important;
  }

  .container-header .navbar-brand img,
  .container-header .brand-logo img,
  .container-header a.brand-logo img,
  .container-header .logo img,
  .container-header img[src*="Logo"],
  .container-header img[src*="logo"],
  .container-header img[src*="Shada"],
  .container-header img[src*="shada"] {
    max-height: 70px !important;
  }
}

/* === SHADA J6 MOBILE LOGO GAP TIGHTEN END === */

/* === SHADA J6 STRONG MOBILE HEADER GAP FIX START === */
/* Strong mobile-only pull-up for teal menu/phone bar. Added 20260628_074158. */

@media (max-width: 991.98px) {

  .container-header,
  header.container-header,
  .header.container-header {
    padding-top: 4px !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    min-height: 0 !important;
  }

  .container-header .grid-child,
  .container-header .container,
  .container-header .navbar,
  .container-header .navbar-brand,
  .container-header .brand-logo,
  .container-header .logo,
  .container-header .mod-custom,
  .container-header .shada-header-logo {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    min-height: 0 !important;
  }

  .container-header p,
  .container-header .shada-header-logo p {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
  }

  .container-header img {
    margin-bottom: 0 !important;
  }

  /* Main fix: force teal bar upward closer to logo */
  .shada-mobile-nav-shell {
    margin-top: -42px !important;
    position: relative !important;
    z-index: 9995 !important;
  }
}

@media (max-width: 480px) {

  .shada-mobile-nav-shell {
    margin-top: -38px !important;
  }
}

/* === SHADA J6 STRONG MOBILE HEADER GAP FIX END === */

/* === SHADA J6 MOBILE DRAWER SEARCH START === */
/* Search form inside mobile drawer. Added 20260628_074406. */

@media (max-width: 991.98px) {

  .shada-mobile-drawer-search {
    display: flex !important;
    gap: 7px !important;
    margin: 0 0 18px 0 !important;
    padding: 0 0 16px 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.25) !important;
  }

  .shada-mobile-drawer-search input[type="search"] {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    height: 42px !important;
    padding: 9px 11px !important;
    border: 1px solid rgba(255,255,255,.45) !important;
    border-radius: 7px !important;
    background: rgba(255,255,255,.96) !important;
    color: #1f2d33 !important;
    font-family: "ShadaRoboto", Roboto, Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    box-sizing: border-box !important;
  }

  .shada-mobile-drawer-search button {
    flex: 0 0 auto !important;
    height: 42px !important;
    padding: 9px 12px !important;
    border: 0 !important;
    border-radius: 7px !important;
    background: #ffffff !important;
    color: #0b7a80 !important;
    font-family: "ShadaRoboto", Roboto, Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
  }
}

/* === SHADA J6 MOBILE DRAWER SEARCH END === */

/* === SHADA HIDE OLD MOBILE DRAWER SEARCH START === */
/* Hide cloned desktop search icon inside mobile drawer; keep real drawer search box. Added 20260628_074611. */

@media (max-width: 991.98px) {

  .shada-mobile-menu-drawer .shada-menu-search-item,
  .shada-mobile-menu-drawer li.shada-menu-search-item,
  .shada-mobile-menu-drawer .shada-search-trigger-in-menu,
  .shada-mobile-menu-drawer .shada-search-toggle,
  .shada-mobile-menu-drawer a[aria-label="Search Website"],
  .shada-mobile-menu-drawer a[title="Search"] {
    display: none !important;
    visibility: hidden !important;
  }

  .shada-mobile-menu-drawer .shada-mobile-drawer-search {
    display: flex !important;
    visibility: visible !important;
  }
}

/* === SHADA HIDE OLD MOBILE DRAWER SEARCH END === */

/* === SHADA J6 MOBILE HAMBURGER STYLE START === */
/* Mobile only: restore cleaner rounded hamburger style. Added 20260628_074814. */

@media (max-width: 991.98px) {

  .shada-mobile-menu-open {
    width: 42px !important;
    height: 36px !important;
    min-width: 42px !important;
    border: 1.5px solid rgba(255,255,255,.88) !important;
    border-radius: 9px !important;
    background: rgba(255,255,255,.08) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.08) !important;
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    padding: 0 !important;
  }

  .shada-mobile-menu-open span {
    display: block !important;
    width: 23px !important;
    height: 3px !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }

  .shada-mobile-menu-open:hover,
  .shada-mobile-menu-open:focus {
    background: rgba(255,255,255,.16) !important;
    border-color: #ffffff !important;
    outline: none !important;
  }
}

@media (max-width: 480px) {

  .shada-mobile-menu-open {
    width: 40px !important;
    height: 35px !important;
    min-width: 40px !important;
  }

  .shada-mobile-menu-open span {
    width: 22px !important;
    height: 3px !important;
  }
}

/* === SHADA J6 MOBILE HAMBURGER STYLE END === */

/* === SHADA PAGE 01 OUR SERVICES H1 HERO SPACING START === */
body.itemid-101 main h1,
body.itemid-101 .com-content-article > h1,
body.itemid-101 .com-content-article .page-header h1 {
  margin-top: 1.2rem;
  margin-bottom: 0.65rem;
  padding-bottom: 0.55rem;
  border-bottom: 1px solid rgba(15, 109, 115, 0.16);
  font-size: clamp(2rem, 3.4vw, 2.7rem);
  line-height: 1.15;
}

body.itemid-101 main h1 + *,
body.itemid-101 .com-content-article > h1 + *,
body.itemid-101 .com-content-article .page-header + * {
  margin-top: 0.7rem !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}

body.itemid-101 .shada-step-card:first-of-type,
body.itemid-101 .uk-card:first-of-type,
body.itemid-101 article .card:first-of-type {
  margin-top: 0.85rem !important;
}

@media (max-width: 768px) {
  body.itemid-101 main h1,
  body.itemid-101 .com-content-article > h1,
  body.itemid-101 .com-content-article .page-header h1 {
    margin-top: 0.9rem;
    margin-bottom: 0.55rem;
    padding-bottom: 0.45rem;
    font-size: 2rem;
  }

  body.itemid-101 main h1 + *,
  body.itemid-101 .com-content-article > h1 + *,
  body.itemid-101 .com-content-article .page-header + * {
    margin-top: 0.55rem !important;
  }
}
/* === SHADA PAGE 01 OUR SERVICES H1 HERO SPACING END === */

/* === SHADA GLOBAL MOBILE ARTICLE CARDS START === */
@media (max-width: 768px) {

  /*
   * Global mobile card standard:
   * - Applies only inside main article content
   * - Does not target header, footer, mobile CTA bar, or logo/membership areas
   */

  main .com-content-article .uk-grid,
  main article .uk-grid,
  main .item-page .uk-grid,
  main .com-content-article [class*="uk-child-width-"],
  main article [class*="uk-child-width-"] {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    margin-left: 0 !important;
  }

  main .com-content-article .uk-grid > *,
  main article .uk-grid > *,
  main .item-page .uk-grid > *,
  main .com-content-article [class*="uk-child-width-"] > *,
  main article [class*="uk-child-width-"] > * {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding-left: 0 !important;
    box-sizing: border-box !important;
  }

  main .com-content-article .row,
  main article .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  main .com-content-article .row > [class*="col-"],
  main article .row > [class*="col-"] {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  main .com-content-article .uk-card,
  main article .uk-card,
  main .com-content-article article .card,
  main article .card,
  main .com-content-article .service-card,
  main article .service-card,
  main .com-content-article .shada-service-card,
  main article .shada-service-card {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 18px !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  main .com-content-article .uk-card img:not([src*="logo"]):not([src*="membership"]):not([src*="mohammadAzimi"]),
  main article .uk-card img:not([src*="logo"]):not([src*="membership"]):not([src*="mohammadAzimi"]),
  main .com-content-article .card img:not([src*="logo"]):not([src*="membership"]):not([src*="mohammadAzimi"]),
  main article .card img:not([src*="logo"]):not([src*="membership"]):not([src*="mohammadAzimi"]),
  main .com-content-article .service-card img:not([src*="logo"]):not([src*="membership"]):not([src*="mohammadAzimi"]),
  main article .service-card img:not([src*="logo"]):not([src*="membership"]):not([src*="mohammadAzimi"]),
  main .com-content-article .shada-service-card img:not([src*="logo"]):not([src*="membership"]):not([src*="mohammadAzimi"]),
  main article .shada-service-card img:not([src*="logo"]):not([src*="membership"]):not([src*="mohammadAzimi"]) {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block !important;
  }

  main .com-content-article .uk-card-body,
  main article .uk-card-body,
  main .com-content-article .card-body,
  main article .card-body,
  main .com-content-article .service-card-body,
  main article .service-card-body,
  main .com-content-article .shada-service-card-body,
  main article .shada-service-card-body {
    padding: 20px 20px 22px 20px !important;
  }

  main .com-content-article .uk-card h2,
  main .com-content-article .uk-card h3,
  main article .uk-card h2,
  main article .uk-card h3,
  main .com-content-article .card h2,
  main .com-content-article .card h3,
  main article .card h2,
  main article .card h3,
  main .com-content-article .service-card h2,
  main .com-content-article .service-card h3,
  main article .service-card h2,
  main article .service-card h3,
  main .com-content-article .shada-service-card h2,
  main .com-content-article .shada-service-card h3,
  main article .shada-service-card h2,
  main article .shada-service-card h3 {
    font-size: 1.45rem !important;
    line-height: 1.22 !important;
    margin-top: 0 !important;
    margin-bottom: 0.75rem !important;
  }

  main .com-content-article .uk-card p,
  main article .uk-card p,
  main .com-content-article .card p,
  main article .card p,
  main .com-content-article .service-card p,
  main article .service-card p,
  main .com-content-article .shada-service-card p,
  main article .shada-service-card p {
    font-size: 1rem !important;
    line-height: 1.6 !important;
    margin-bottom: 1rem !important;
  }

  main .com-content-article .uk-card .uk-button,
  main article .uk-card .uk-button,
  main .com-content-article .card .btn,
  main article .card .btn,
  main .com-content-article .service-card .btn,
  main article .service-card .btn,
  main .com-content-article .shada-service-card .btn,
  main article .shada-service-card .btn,
  main .com-content-article .service-card .uk-button,
  main article .service-card .uk-button,
  main .com-content-article .shada-service-card .uk-button,
  main article .shada-service-card .uk-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 48px !important;
    min-width: 170px !important;
    max-width: 100% !important;
    padding: 12px 20px !important;
    white-space: nowrap !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  body:has(.shada-j6-mobile-tools) main article,
  body:has(.shada-j6-mobile-tools) main .com-content-article {
    padding-bottom: 110px !important;
  }
}

@media (max-width: 420px) {
  main .com-content-article .uk-card-body,
  main article .uk-card-body,
  main .com-content-article .card-body,
  main article .card-body,
  main .com-content-article .service-card-body,
  main article .service-card-body,
  main .com-content-article .shada-service-card-body,
  main article .shada-service-card-body {
    padding: 18px 18px 20px 18px !important;
  }

  main .com-content-article .uk-card h2,
  main .com-content-article .uk-card h3,
  main article .uk-card h2,
  main article .uk-card h3,
  main .com-content-article .card h2,
  main .com-content-article .card h3,
  main article .card h2,
  main article .card h3,
  main .com-content-article .service-card h2,
  main .com-content-article .service-card h3,
  main article .service-card h2,
  main article .service-card h3,
  main .com-content-article .shada-service-card h2,
  main .com-content-article .shada-service-card h3,
  main article .shada-service-card h2,
  main article .shada-service-card h3 {
    font-size: 1.35rem !important;
  }
}
/* === SHADA GLOBAL MOBILE ARTICLE CARDS END === */

/* === SHADA GLOBAL SECTION CARD SYSTEM START === */

/*
 * Shada global content section and card system.
 * Used for rebuilt Joomla 6 article pages.
 * Purpose:
 * - Replace old inline Joomla 3 card layouts
 * - Standardise mobile cards
 * - Prevent cropped images
 * - Keep reviewer/FAQ/CTA layouts controlled separately
 */

.shada-page {
  font-size: 17px;
  line-height: 1.7;
}

.shada-section {
  margin: 40px 0;
}

.shada-section--soft {
  background: #eef7f7;
  border-left: 5px solid #0f6d73;
  border-radius: 10px;
  padding: 30px;
}

.shada-section h2 {
  margin-top: 0;
  margin-bottom: 15px;
}

.shada-section h3 {
  margin-top: 0;
}

.shada-hero-split {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 30px;
  align-items: flex-start;
}

.shada-hero-image {
  width: 100%;
  height: auto;
  border-radius: 10px;
  display: block;
}

.shada-lead {
  font-size: 1.08rem;
  margin-bottom: 20px;
}

.shada-button-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 22px;
}

.shada-button,
.shada-card__button {
  background: #0f6d73;
  color: #ffffff !important;
  text-decoration: none !important;
  padding: 12px 20px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  line-height: 1.25;
  min-height: 46px;
  box-sizing: border-box;
}

.shada-button:hover,
.shada-button:focus,
.shada-card:hover .shada-card__button,
.shada-card:focus .shada-card__button {
  color: #ffffff !important;
  text-decoration: none !important;
  filter: brightness(0.95);
}

.shada-card-grid {
  display: grid;
  gap: 22px;
  margin-top: 25px;
}

.shada-card-grid--2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.shada-card-grid--3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.shada-card-grid--auto {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.shada-card {
  background: #f9fcfc;
  border: 1px solid #d9e7e7;
  border-radius: 10px;
  box-sizing: border-box;
}

.shada-card--image {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  color: inherit !important;
  text-decoration: none !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.shada-card--image:hover,
.shada-card--image:focus {
  color: inherit !important;
  text-decoration: none !important;
  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.08);
}

.shada-card__media {
  background: #ffffff;
  width: 100%;
  aspect-ratio: 16 / 9;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.shada-card__image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
  display: block;
}

.shada-card__body {
  padding: 20px;
  flex: 1 1 auto;
}

.shada-card__body h3 {
  margin-top: 0;
  margin-bottom: 10px;
}

.shada-card__body p {
  margin-bottom: 14px;
}

.shada-card__body p:last-child {
  margin-bottom: 0;
}

.shada-card--text {
  padding: 22px;
}

.shada-card--text p:last-child {
  margin-bottom: 0;
}

.shada-reviewer-card {
  background: #f9fcfc;
  border: 1px solid #d9e7e7;
  border-radius: 10px;
  padding: 25px;
  display: flex;
  gap: 20px;
  align-items: center;
  flex-wrap: wrap;
}

.shada-reviewer-card__image {
  width: 100px;
  height: 100px;
  object-fit: cover;
  object-position: center top;
  border-radius: 50%;
  border: 2px solid #d9e7e7;
  flex: 0 0 100px;
}

.shada-reviewer-card__body {
  flex: 1 1 350px;
  min-width: 0;
}

.shada-reviewer-card__body h3 {
  margin-top: 0;
  margin-bottom: 10px;
}

.shada-faq-list {
  display: flex;
  flex-direction: column;
  gap: 18px;
  margin-top: 25px;
}

.shada-faq-item {
  background: #f9fcfc;
  border: 1px solid #cfe6e6;
  border-radius: 8px;
  padding: 22px;
}

.shada-faq-item h3 {
  margin-top: 0;
}

.shada-faq-item p:last-child {
  margin-bottom: 0;
}

.shada-cta-panel {
  background: #d9ecec;
  border-radius: 10px;
  padding: 35px;
  margin: 45px 0 20px 0;
  text-align: center;
}

.shada-cta-panel h2 {
  margin-top: 0;
  margin-bottom: 15px;
}

.shada-cta-panel p {
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
}

.shada-cta-panel__buttons {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 20px;
}

@media (max-width: 900px) {
  .shada-card-grid--3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  .shada-page {
    font-size: 16px;
    line-height: 1.65;
    padding-bottom: 105px;
  }

  .shada-section {
    margin: 28px 0;
  }

  .shada-section--soft {
    padding: 22px;
    border-radius: 10px;
  }

  .shada-hero-split,
  .shada-card-grid,
  .shada-card-grid--2,
  .shada-card-grid--3,
  .shada-card-grid--auto {
    grid-template-columns: 1fr !important;
  }

  .shada-card-grid {
    gap: 18px;
  }

  .shada-card__media {
    aspect-ratio: 16 / 9;
  }

  .shada-card__image {
    object-fit: contain;
  }

  .shada-card__body,
  .shada-card--text,
  .shada-faq-item {
    padding: 20px;
  }

  .shada-card__body h3,
  .shada-card--text h3,
  .shada-faq-item h3 {
    font-size: 1.35rem;
    line-height: 1.25;
  }

  .shada-card__button {
    min-width: 160px;
  }

  .shada-reviewer-card {
    align-items: flex-start;
    padding: 22px;
  }

  .shada-reviewer-card__image {
    width: 88px;
    height: 88px;
    flex-basis: 88px;
  }

  .shada-cta-panel {
    padding: 26px 22px;
    margin-bottom: 35px;
  }
}

@media (max-width: 520px) {
  .shada-section--soft {
    padding: 20px;
  }

  .shada-button-row,
  .shada-cta-panel__buttons {
    flex-direction: column;
    align-items: stretch;
  }

  .shada-button,
  .shada-card__button {
    width: 100%;
    min-width: 0;
  }

  .shada-reviewer-card {
    text-align: center;
    justify-content: center;
  }

  .shada-reviewer-card__body {
    flex-basis: 100%;
  }

  .shada-card__body,
  .shada-card--text,
  .shada-faq-item {
    padding: 18px;
  }
}

/* === SHADA GLOBAL SECTION CARD SYSTEM END === */

/* === SHADA PAGE 01 BOTTOM GAP FIX START === */
@media (max-width: 768px) {
  body.itemid-202 .shada-page {
    padding-bottom: 18px !important;
  }

  body.itemid-202 .shada-cta-panel {
    margin-bottom: 18px !important;
  }

  body.itemid-202 main article,
  body.itemid-202 main .com-content-article {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  body.itemid-202 .container-component,
  body.itemid-202 .com-content-article__body {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }
}
/* === SHADA PAGE 01 BOTTOM GAP FIX END === */

/* === SHADA GLOBAL CARD BUTTON ALIGNMENT START === */

/*
 * Keeps CTA buttons aligned at the bottom of image cards,
 * even when card text lengths are different.
 */

.shada-card-grid > .shada-card--image {
  height: 100%;
}

.shada-card--image {
  display: flex;
  flex-direction: column;
}

.shada-card--image .shada-card__body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

.shada-card--image .shada-card__body p {
  flex: 1 1 auto;
}

.shada-card--image .shada-card__button {
  margin-top: auto;
  align-self: flex-start;
}

@media (max-width: 520px) {
  .shada-card--image .shada-card__button {
    align-self: stretch;
  }
}

/* === SHADA GLOBAL CARD BUTTON ALIGNMENT END === */

/* === SHADA HOMEPAGE HERO GAP FIX START === */
body.itemid-101 .shada-page {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

body.itemid-101 .shada-cta-panel {
  margin-bottom: 18px !important;
}

body.itemid-101 main article,
body.itemid-101 main .com-content-article,
body.itemid-101 .container-component,
body.itemid-101 .com-content-article__body {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

@media (max-width: 768px) {
  body.itemid-101 .shada-page {
    padding-bottom: 18px !important;
  }

  body.itemid-101 .shada-cta-panel {
    margin-bottom: 18px !important;
  }
}
/* === SHADA HOMEPAGE HERO GAP FIX END === */

/* === SHADA HOMEPAGE DIRECT HERO GAP FIX START === */
body.itemid-101 .shada-page,
body.itemid-101 .shada-homepage,
body.itemid-101 .com-content-article,
body.itemid-101 .com-content-article__body,
body.itemid-101 .container-component,
body.itemid-101 main article {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

body.itemid-101 .shada-page > .shada-section:last-child,
body.itemid-101 .shada-cta-panel {
  margin-bottom: 18px !important;
  padding-bottom: 22px !important;
}

@media (max-width: 768px) {
  body.itemid-101 .shada-page,
  body.itemid-101 .shada-homepage {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  body.itemid-101 .shada-page > .shada-section:last-child,
  body.itemid-101 .shada-cta-panel {
    margin-bottom: 12px !important;
    padding-bottom: 18px !important;
  }
}
/* === SHADA HOMEPAGE DIRECT HERO GAP FIX END === */

/* === SHADA HOMEPAGE LIVE HERO STRUCTURE START === */

/*
 * Homepage is intentionally different from standard internal article pages:
 * the hero image sits full-width above the H1, matching the live homepage layout.
 */

body.itemid-101 .shada-home-hero {
  max-width: 1120px;
  margin: 0 auto 34px auto;
  padding: 0;
}

body.itemid-101 .shada-home-hero__image {
  display: block;
  width: 100%;
  height: auto;
  max-height: none;
  object-fit: contain;
  border-radius: 8px;
  margin: 0 0 24px 0;
}

body.itemid-101 .shada-home-hero__content {
  padding: 0 0 8px 0;
}

body.itemid-101 .shada-home-hero .shada-kicker {
  margin: 0 0 12px 0;
  color: #0f6d73;
  font-weight: 600;
}

body.itemid-101 .shada-home-hero h1 {
  margin-top: 0;
  margin-bottom: 20px;
}

body.itemid-101 .shada-home-hero p {
  max-width: 1080px;
}

/* Remove excess homepage gap before footer / footer module area. */
body.itemid-101 .shada-page {
  padding-bottom: 18px !important;
}

body.itemid-101 .shada-cta-panel {
  margin-bottom: 18px !important;
}

body.itemid-101 main article,
body.itemid-101 main .com-content-article,
body.itemid-101 .container-component,
body.itemid-101 .com-content-article__body {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

@media (max-width: 768px) {
  body.itemid-101 .shada-home-hero {
    margin-bottom: 24px;
  }

  body.itemid-101 .shada-home-hero__image {
    border-radius: 8px;
    margin-bottom: 18px;
  }

  body.itemid-101 .shada-home-hero h1 {
    margin-bottom: 16px;
  }
}

/* === SHADA HOMEPAGE LIVE HERO STRUCTURE END === */

/* === SHADA HOMEPAGE HERO CARD STYLE START === */

/*
 * Homepage-only hero card.
 * Keeps homepage different from internal pages:
 * full-width hero image first, then text and buttons below.
 */

body.itemid-101 .shada-home-hero {
  max-width: 1120px;
  margin: 0 auto 34px auto !important;
  padding: 26px 30px 30px 30px !important;
  background: #f9fcfc !important;
  border: 1px solid #cfe6e6 !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 24px rgba(15, 109, 115, 0.08) !important;
}

body.itemid-101 .shada-home-hero__image {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  border-radius: 8px !important;
  margin: 0 0 26px 0 !important;
}

body.itemid-101 .shada-home-hero__content {
  padding: 0 !important;
}

body.itemid-101 .shada-home-hero .shada-kicker {
  margin-top: 0 !important;
}

body.itemid-101 .shada-home-hero h1 {
  margin-top: 0 !important;
}

body.itemid-101 .shada-page {
  padding-bottom: 18px !important;
}

body.itemid-101 .shada-cta-panel {
  margin-bottom: 18px !important;
}

body.itemid-101 main article,
body.itemid-101 main .com-content-article,
body.itemid-101 .container-component,
body.itemid-101 .com-content-article__body {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

@media (max-width: 768px) {
  body.itemid-101 .shada-home-hero {
    padding: 14px 14px 20px 14px !important;
    margin-bottom: 24px !important;
    border-radius: 12px !important;
  }

  body.itemid-101 .shada-home-hero__image {
    margin-bottom: 18px !important;
    border-radius: 8px !important;
  }
}

/* === SHADA HOMEPAGE HERO CARD STYLE END === */

/* === SHADA HOMEPAGE HERO WIDTH FIX START === */

body.itemid-101 .shada-home-hero {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

/* === SHADA HOMEPAGE HERO WIDTH FIX END === */

/* === SHADA HOMEPAGE MOBILE HERO BUTTON STYLE START === */

@media (max-width: 768px) {
  body.itemid-101 .shada-home-hero .shada-button-row {
    gap: 14px !important;
  }

  body.itemid-101 .shada-home-hero .shada-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    text-align: center !important;
    min-height: 56px !important;
    padding: 14px 18px !important;
    border-radius: 8px !important;
  }

  body.itemid-101 .shada-home-hero .shada-button.shada-button--outline {
    background: #ffffff !important;
    color: #0f6d73 !important;
    border: 2px solid #0f6d73 !important;
  }
}

/* === SHADA HOMEPAGE MOBILE HERO BUTTON STYLE END === */

/* === SHADA UNIVERSAL SERVICE PAGE TEMPLATE START === */

/*
 * Universal template for individual service pages.
 *
 * Use on:
 * - Australian Citizenship
 * - Immigration Advice
 * - Visa Cancellation
 * - Appeals Tribunal
 * - Ministerial Intervention
 * - Letter of Advice
 * - Protection Visa Matters
 *
 * Font family is controlled by the approved global typography system:
 * - body: var(--shada-font-body)
 * - headings: var(--shada-font-heading)
 */

:root {
  --shada-service-body-size: 1.08rem;
  --shada-service-body-line: 1.72;
  --shada-service-lead-size: 1.16rem;
  --shada-service-toc-size: 1.04rem;
  --shada-service-button-size: 1.02rem;
}

.shada-service-page {
  padding-bottom: 0 !important;
}

.shada-service-intro-grid {
  display: grid;
  grid-template-columns: minmax(0, 2.05fr) minmax(280px, 0.95fr);
  gap: 24px;
  align-items: start;
  margin: 0 0 28px 0;
}

.shada-service-summary-card,
.shada-service-toc {
  background: #f9fcfc;
  border: 1px solid #cfe6e6;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(15, 109, 115, 0.07);
}

.shada-service-summary-card {
  overflow: hidden;
  height: auto;
  min-height: 0;
}

.shada-service-summary-card__image {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  border-radius: 0;
}

.shada-service-summary-card__body {
  padding: 24px 26px 22px 26px;
}

.shada-service-summary-title {
  font-family: var(--shada-font-heading) !important;
  font-size: clamp(1.75rem, 2.2vw, 2.25rem) !important;
  line-height: 1.22 !important;
  font-weight: 800 !important;
  color: #17252a !important;
  margin: 0 0 18px 0 !important;
}

.shada-service-page p,
.shada-service-page li {
  font-size: var(--shada-service-body-size);
  line-height: var(--shada-service-body-line);
}

.shada-service-page .shada-lead {
  font-size: var(--shada-service-lead-size);
  line-height: 1.7;
}

.shada-check-list {
  margin: 16px 0 20px 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.shada-check-list li {
  position: relative;
  margin: 0 0 8px 0 !important;
  padding-left: 28px !important;
  line-height: 1.55;
}

.shada-check-list li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: #0f6d73;
  font-weight: 800;
}

.shada-service-toc {
  padding: 20px;
  position: sticky;
  top: 98px;
  height: auto;
  min-height: 0;
}

.shada-service-toc__title {
  font-size: 1.12rem;
  line-height: 1.35;
  margin: 0 0 14px 0;
  color: #17252a;
  font-weight: 800;
}

.shada-service-toc nav {
  display: grid;
  gap: 8px;
}

.shada-service-toc a {
  display: block;
  padding: 11px 12px;
  border-radius: 8px;
  color: #0f6d73 !important;
  text-decoration: none !important;
  font-weight: 650;
  font-size: var(--shada-service-toc-size);
  line-height: 1.35;
  background: #ffffff;
  border: 1px solid rgba(15, 109, 115, 0.12);
}

.shada-service-toc a:hover,
.shada-service-toc a:focus {
  background: #eef7f7;
  border-color: rgba(15, 109, 115, 0.28);
}

.shada-service-text-media {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(260px, 0.8fr);
  gap: 26px;
  align-items: center;
}

.shada-service-side-image {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  border-radius: 10px;
  border: 1px solid #d9ecec;
  background: #ffffff;
}

.shada-service-page .shada-button,
.shada-service-page .shada-card__button {
  font-size: var(--shada-service-button-size);
  line-height: 1.25;
  font-weight: 700;
}

.shada-service-related-card {
  text-decoration: none !important;
  color: inherit !important;
  display: flex !important;
  flex-direction: column;
}

.shada-service-related-card p {
  flex: 1 1 auto;
}

.shada-service-related-card .shada-card__button {
  align-self: flex-start;
  margin-top: auto;
}

.shada-service-page > .shada-section:last-child {
  margin-bottom: 12px !important;
}

.shada-service-page .shada-cta-panel {
  margin-bottom: 0 !important;
}

.com-content-article:has(.shada-service-page),
.com-content-article__body:has(.shada-service-page),
.container-component:has(.shada-service-page) {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

@media (max-width: 900px) {
  .shada-service-intro-grid,
  .shada-service-text-media {
    grid-template-columns: 1fr;
  }

  .shada-service-toc {
    position: static;
  }
}

@media (max-width: 768px) {
  :root {
    --shada-service-body-size: 1.05rem;
    --shada-service-lead-size: 1.08rem;
    --shada-service-toc-size: 1.02rem;
    --shada-service-button-size: 1.02rem;
  }

  .shada-service-summary-title {
    font-size: 1.65rem !important;
    line-height: 1.24 !important;
    margin-bottom: 16px !important;
  }

  .shada-service-intro-grid {
    gap: 18px;
    margin-bottom: 22px;
  }

  .shada-service-summary-card__body {
    padding: 18px 16px 18px 16px;
  }

  .shada-service-toc {
    padding: 16px;
  }

  .shada-service-page .shada-button {
    min-height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
}

@media (max-width: 520px) {
  .shada-service-page .shada-button-row,
  .shada-service-page .shada-cta-panel__buttons {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .shada-service-page .shada-button,
  .shada-service-page .shada-card__button {
    width: 100%;
    text-align: center;
    justify-content: center;
  }
}

/* === SHADA UNIVERSAL SERVICE PAGE TEMPLATE END === */

/* === SHADA UNIVERSAL SERVICE FONT SCALE OVERRIDE START === */

/*
 * Central font-size scale for all individual service pages.
 * This does NOT change font family.
 * It only makes service-page body text closer to homepage readability.
 */

:root {
  --shada-service-body-size: 1.15rem;
  --shada-service-body-line: 1.72;
  --shada-service-lead-size: 1.23rem;
  --shada-service-toc-size: 1.08rem;
  --shada-service-button-size: 1.06rem;
}

@media (max-width: 768px) {
  :root {
    --shada-service-body-size: 1.11rem;
    --shada-service-lead-size: 1.16rem;
    --shada-service-toc-size: 1.06rem;
    --shada-service-button-size: 1.05rem;
  }
}

/* === SHADA UNIVERSAL SERVICE FONT SCALE OVERRIDE END === */

/* === SHADA SERVICE CTA DOUBLE BOX FIX START === */

/*
 * Service pages should not show a CTA panel inside another visible card.
 * Keep the inner CTA panel and remove the outer shada-section box styling.
 */

.shada-service-page .shada-section:has(.shada-cta-panel) {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.shada-service-page .shada-section:has(.shada-cta-panel)::before {
  display: none !important;
}

.shada-service-page .shada-section:has(.shada-cta-panel) .shada-cta-panel {
  margin: 0 !important;
}

/* === SHADA SERVICE CTA DOUBLE BOX FIX END === */

/* === SHADA GLOBAL SERVICE MOBILE SPACING FIX START === */

/*
 * Global mobile spacing correction for individual service pages.
 * Fixes excessive white space caused by broad mobile article padding rules.
 * Applies only to pages using .shada-service-page.
 */

@media (max-width: 900px) {

  body:has(.shada-service-page) main article,
  body:has(.shada-service-page) main .com-content-article,
  body:has(.shada-service-page) main .item-page,
  body:has(.shada-service-page) .container-component,
  body:has(.shada-service-page) .com-content-article__body {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  .shada-service-page {
    padding-bottom: 12px !important;
    margin-bottom: 0 !important;
  }

  .shada-service-page .shada-service-intro-grid {
    display: block !important;
    margin-bottom: 22px !important;
  }

  .shada-service-page .shada-service-summary-card {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 18px !important;
    overflow: hidden !important;
  }

  .shada-service-page .shada-service-summary-card::before,
  .shada-service-page .shada-service-summary-card::after {
    content: none !important;
    display: none !important;
  }

  .shada-service-page .shada-service-summary-card__body {
    height: auto !important;
    min-height: 0 !important;
    padding-bottom: 16px !important;
    margin-bottom: 0 !important;
  }

  .shada-service-page .shada-service-summary-card__body > *:last-child,
  .shada-service-page .shada-service-summary-card .shada-button-row {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  .shada-service-page .shada-service-toc {
    margin-top: 0 !important;
    margin-bottom: 22px !important;
  }

  .shada-service-page .shada-section {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }

  .shada-service-page .shada-section:has(.shada-cta-panel) {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }

  .shada-service-page .shada-section:has(.shada-cta-panel)::before,
  .shada-service-page .shada-section:has(.shada-cta-panel)::after {
    content: none !important;
    display: none !important;
  }

  .shada-service-page .shada-cta-panel {
    margin: 0 !important;
    padding: 28px 22px !important;
  }

  .shada-service-page > .shada-section:last-child {
    margin-bottom: 16px !important;
  }
}

@media (max-width: 520px) {
  .shada-service-page {
    padding-bottom: 8px !important;
  }

  .shada-service-page .shada-section {
    margin-top: 22px !important;
    margin-bottom: 22px !important;
  }

  .shada-service-page .shada-section:has(.shada-cta-panel) {
    margin-top: 22px !important;
    margin-bottom: 22px !important;
  }

  .shada-service-page .shada-cta-panel {
    padding: 26px 20px !important;
  }
}

/* === SHADA GLOBAL SERVICE MOBILE SPACING FIX END === */

/* === SHADA LETTER OF ADVICE LAYOUT FIX START === */
.shada-service-page--letter-of-advice .shada-letter-profile-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}

.shada-service-page--letter-of-advice .shada-letter-profile-image {
  width: 100%;
  max-width: 260px;
  max-height: 320px;
  object-fit: cover;
  border-radius: 14px;
  border: 1px solid rgba(15, 109, 115, 0.16);
  box-shadow: 0 12px 28px rgba(12, 70, 74, 0.12);
}

.shada-service-page--letter-of-advice .shada-letter-adviser-card {
  align-items: center;
}

@media (max-width: 900px) {
  .shada-service-page--letter-of-advice .shada-letter-profile-image {
    max-width: 220px;
    max-height: 270px;
  }
}
/* === SHADA LETTER OF ADVICE LAYOUT FIX END === */

/* === SHADA VISA CANCELLATION REVIEW IMAGE FIX START === */
.shada-service-page--visa-cancellation .shada-service-text-media {
  grid-template-columns: minmax(0, 1.45fr) minmax(220px, 0.55fr);
  align-items: center;
}

.shada-service-page--visa-cancellation .shada-service-text-media .shada-letter-profile-image {
  width: 100%;
  max-width: 240px;
  max-height: 300px;
  object-fit: cover;
  display: block;
  margin: 0 auto;
  border-radius: 14px;
  box-shadow: 0 12px 28px rgba(12, 70, 74, 0.12);
}

@media (max-width: 900px) {
  .shada-service-page--visa-cancellation .shada-service-text-media {
    grid-template-columns: 1fr;
  }

  .shada-service-page--visa-cancellation .shada-service-text-media .shada-letter-profile-image {
    max-width: 220px;
    max-height: 270px;
    margin-top: 12px;
  }
}
/* === SHADA VISA CANCELLATION REVIEW IMAGE FIX END === */

/* === SHADA REFUGEE PROTECTION PAGE FIX START === */
.shada-service-page--refugee-protection .shada-service-text-media {
  grid-template-columns: minmax(0, 1.45fr) minmax(220px, 0.55fr);
  align-items: center;
}

.shada-service-page--refugee-protection .shada-principal-profile-image {
  width: 100%;
  max-width: 240px;
  max-height: 300px;
  object-fit: cover;
  display: block;
  margin: 0 auto;
  border-radius: 14px;
  border: 1px solid rgba(15, 109, 115, 0.16);
  box-shadow: 0 12px 28px rgba(12, 70, 74, 0.12);
}

@media (max-width: 900px) {
  .shada-service-page--refugee-protection .shada-service-text-media {
    grid-template-columns: 1fr;
  }

  .shada-service-page--refugee-protection .shada-principal-profile-image {
    max-width: 220px;
    max-height: 270px;
    margin-top: 12px;
  }
}
/* === SHADA REFUGEE PROTECTION PAGE FIX END === */

/* === SHADA MIGRATION TO AUSTRALIA GATEWAY FIX START === */
.shada-service-page--migration-gateway .shada-gateway-logo-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 180px;
  padding: 22px;
  background: linear-gradient(135deg, rgba(15,109,115,0.08), rgba(255,255,255,0.92));
  border: 1px solid rgba(15,109,115,0.14);
  border-radius: 18px;
}

.shada-service-page--migration-gateway .shada-gateway-logo {
  max-width: 260px;
  width: 100%;
  height: auto;
  max-height: 150px;
  object-fit: contain;
  display: block;
}

.shada-service-page--migration-gateway .shada-gateway-pathway-card {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

.shada-service-page--migration-gateway .shada-gateway-pathway-card p {
  flex: 1 1 auto;
}

.shada-service-page--migration-gateway .shada-gateway-pathway-card .shada-card__button {
  margin-top: auto;
}

.shada-service-page--migration-gateway .shada-gateway-choice-grid {
  align-items: stretch;
}

@media (max-width: 900px) {
  .shada-service-page--migration-gateway .shada-gateway-logo-wrap {
    min-height: 130px;
    padding: 18px;
  }

  .shada-service-page--migration-gateway .shada-gateway-logo {
    max-width: 220px;
    max-height: 120px;
  }
}
/* === SHADA MIGRATION TO AUSTRALIA GATEWAY FIX END === */

/* === SHADA MIGRATION GATEWAY CORRECTED DESIGN START === */
.shada-service-page--migration-gateway .shada-gateway-hero {
  display: block;
}

.shada-service-page--migration-gateway .shada-gateway-hero .shada-service-summary-card {
  max-width: none;
}

.shada-service-page--migration-gateway .shada-gateway-image-card {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding: 0;
}

.shada-service-page--migration-gateway .shada-gateway-image-card img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  display: block;
}

.shada-service-page--migration-gateway .shada-gateway-image-card__body {
  padding: 20px;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

.shada-service-page--migration-gateway .shada-gateway-image-card__body p {
  flex: 1 1 auto;
}

.shada-service-page--migration-gateway .shada-gateway-image-card__body .shada-card__button {
  margin-top: auto;
}

.shada-service-page--migration-gateway .shada-why-shada-grid {
  align-items: center;
}

.shada-service-page--migration-gateway .shada-gateway-logo-panel {
  min-height: 210px;
  padding: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, rgba(15,109,115,0.08), rgba(255,255,255,0.96));
  border: 1px solid rgba(15,109,115,0.16);
  border-radius: 18px;
}

.shada-service-page--migration-gateway .shada-gateway-logo {
  max-width: 300px;
  width: 100%;
  max-height: 150px;
  object-fit: contain;
  display: block;
}

.shada-service-page--migration-gateway .shada-gateway-logo-fallback {
  text-align: center;
  color: #0f6d73;
}

.shada-service-page--migration-gateway .shada-gateway-logo-fallback strong {
  display: block;
  font-size: 1.45rem;
  line-height: 1.25;
  margin-bottom: 8px;
}

.shada-service-page--migration-gateway .shada-gateway-logo-fallback span {
  display: block;
  font-size: 0.95rem;
  color: #486366;
}

.shada-service-page--migration-gateway .shada-fit-card {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

.shada-service-page--migration-gateway .shada-fit-card p {
  flex: 1 1 auto;
}

.shada-service-page--migration-gateway .shada-fit-card .shada-card__button {
  margin-top: auto;
}

@media (max-width: 900px) {
  .shada-service-page--migration-gateway .shada-gateway-logo-panel {
    min-height: 145px;
    padding: 20px;
  }

  .shada-service-page--migration-gateway .shada-gateway-logo {
    max-width: 230px;
    max-height: 120px;
  }
}
/* === SHADA MIGRATION GATEWAY CORRECTED DESIGN END === */

/* === SHADA MIGRATION TO AUSTRALIA GATEWAY ALIGNMENT START === */
.shada-service-page--migration-to-australia .shada-service-intro-grid {
  grid-template-columns: 1fr;
}

.shada-service-page--migration-to-australia .shada-service-summary-card {
  display: grid;
  grid-template-columns: minmax(320px, 0.92fr) minmax(0, 1fr);
  align-items: center;
}

.shada-service-page--migration-to-australia .shada-service-summary-card__image {
  width: 100%;
  height: 100%;
  min-height: 285px;
  object-fit: cover;
}

.shada-service-page--migration-to-australia .shada-mta-image-card {
  padding: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

.shada-service-page--migration-to-australia .shada-mta-image-card img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  display: block;
}

.shada-service-page--migration-to-australia .shada-mta-image-card__body {
  padding: 20px;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

.shada-service-page--migration-to-australia .shada-mta-image-card__body p {
  flex: 1 1 auto;
}

.shada-service-page--migration-to-australia .shada-mta-image-card__body .shada-card__button,
.shada-service-page--migration-to-australia .shada-mta-fit-card .shada-card__button {
  margin-top: auto;
}

.shada-service-page--migration-to-australia .shada-mta-fit-card {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

.shada-service-page--migration-to-australia .shada-mta-fit-card p {
  flex: 1 1 auto;
}

.shada-service-page--migration-to-australia .shada-mta-logo-panel {
  min-height: 220px;
  padding: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, rgba(15,109,115,0.08), rgba(255,255,255,0.96));
  border: 1px solid rgba(15,109,115,0.16);
  border-radius: 18px;
}

.shada-service-page--migration-to-australia .shada-mta-logo {
  display: block;
  width: 100%;
  max-width: 320px;
  max-height: 160px;
  object-fit: contain;
}

.shada-service-page--migration-to-australia .shada-mta-logo-fallback {
  text-align: center;
  color: #0f6d73;
}

.shada-service-page--migration-to-australia .shada-mta-logo-fallback strong {
  display: block;
  font-size: 1.45rem;
  line-height: 1.25;
  margin-bottom: 8px;
}

.shada-service-page--migration-to-australia .shada-mta-logo-fallback span {
  display: block;
  font-size: 0.95rem;
  color: #486366;
}

@media (max-width: 900px) {
  .shada-service-page--migration-to-australia .shada-service-summary-card {
    grid-template-columns: 1fr;
  }

  .shada-service-page--migration-to-australia .shada-service-summary-card__image {
    min-height: 210px;
  }

  .shada-service-page--migration-to-australia .shada-mta-logo-panel {
    min-height: 150px;
    padding: 20px;
  }

  .shada-service-page--migration-to-australia .shada-mta-logo {
    max-width: 240px;
    max-height: 120px;
  }
}
/* === SHADA MIGRATION TO AUSTRALIA GATEWAY ALIGNMENT END === */

/* === SHADA MIGRATION TO AUSTRALIA IMAGE LOGO SIX CARD FIX START === */
.shada-service-page--migration-to-australia .shada-service-intro-grid {
  grid-template-columns: 1fr;
}

.shada-service-page--migration-to-australia .shada-service-summary-card {
  display: grid;
  grid-template-columns: minmax(320px, 0.92fr) minmax(0, 1fr);
  align-items: center;
}

.shada-service-page--migration-to-australia .shada-service-summary-card__image {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: #eef7f7;
  padding: 16px;
  align-self: center;
}

.shada-service-page--migration-to-australia .shada-mta-image-card {
  padding: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

.shada-service-page--migration-to-australia .shada-mta-image-card__media {
  height: 230px;
  background: #eef7f7;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.shada-service-page--migration-to-australia .shada-mta-image-card__media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: block;
}

.shada-service-page--migration-to-australia .shada-mta-image-card__body {
  padding: 20px;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

.shada-service-page--migration-to-australia .shada-mta-image-card__body p {
  flex: 1 1 auto;
}

.shada-service-page--migration-to-australia .shada-mta-image-card__body .shada-card__button,
.shada-service-page--migration-to-australia .shada-mta-fit-card .shada-card__button {
  margin-top: auto;
}

.shada-service-page--migration-to-australia .shada-mta-fit-card {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

.shada-service-page--migration-to-australia .shada-mta-fit-card p {
  flex: 1 1 auto;
}

.shada-service-page--migration-to-australia .shada-mta-logo-panel {
  min-height: 220px;
  padding: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, rgba(15,109,115,0.08), rgba(255,255,255,0.96));
  border: 1px solid rgba(15,109,115,0.16);
  border-radius: 18px;
}

.shada-service-page--migration-to-australia .shada-mta-logo {
  display: block;
  width: 100%;
  max-width: 320px;
  max-height: 160px;
  object-fit: contain;
}

.shada-service-page--migration-to-australia .shada-mta-logo-fallback {
  text-align: center;
  color: #0f6d73;
}

.shada-service-page--migration-to-australia .shada-mta-logo-fallback strong {
  display: block;
  font-size: 1.45rem;
  line-height: 1.25;
  margin-bottom: 8px;
}

.shada-service-page--migration-to-australia .shada-mta-logo-fallback span {
  display: block;
  font-size: 0.95rem;
  color: #486366;
}

@media (max-width: 900px) {
  .shada-service-page--migration-to-australia .shada-service-summary-card {
    grid-template-columns: 1fr;
  }

  .shada-service-page--migration-to-australia .shada-service-summary-card__image {
    padding: 12px;
  }

  .shada-service-page--migration-to-australia .shada-mta-image-card__media {
    height: 190px;
  }

  .shada-service-page--migration-to-australia .shada-mta-logo-panel {
    min-height: 150px;
    padding: 20px;
  }

  .shada-service-page--migration-to-australia .shada-mta-logo {
    max-width: 240px;
    max-height: 120px;
  }
}

@media (max-width: 560px) {
  .shada-service-page--migration-to-australia .shada-mta-image-card__media {
    height: 170px;
  }
}
/* === SHADA MIGRATION TO AUSTRALIA IMAGE LOGO SIX CARD FIX END === */

/* === SHADA MTA ICON + HERO POLISH FIX START === */
.shada-service-page--migration-to-australia .shada-service-intro-grid {
  grid-template-columns: 1fr;
}

.shada-service-page--migration-to-australia .shada-service-summary-card {
  display: grid;
  grid-template-columns: minmax(320px, 0.9fr) minmax(0, 1fr);
  align-items: center;
  gap: 0;
}

.shada-service-page--migration-to-australia .shada-mta-hero-media {
  margin: 0;
  padding: 0;
  background: transparent;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
}

.shada-service-page--migration-to-australia .shada-mta-hero-media img {
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: center;
  display: block;
  border-radius: 14px;
}

.shada-service-page--migration-to-australia .shada-mta-image-card {
  padding: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

.shada-service-page--migration-to-australia .shada-mta-image-card__media {
  min-height: 210px;
  background: #eef7f7;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.shada-service-page--migration-to-australia .shada-mta-image-card__media img {
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: center;
  display: block;
}

.shada-service-page--migration-to-australia .shada-mta-image-card__body {
  padding: 20px;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

.shada-service-page--migration-to-australia .shada-mta-image-card__body p,
.shada-service-page--migration-to-australia .shada-mta-fit-card p {
  flex: 1 1 auto;
}

.shada-service-page--migration-to-australia .shada-mta-image-card__body .shada-card__button,
.shada-service-page--migration-to-australia .shada-mta-fit-card .shada-card__button {
  margin-top: auto;
}

.shada-service-page--migration-to-australia .shada-mta-fit-card {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  position: relative;
}

.shada-service-page--migration-to-australia .shada-mta-icon {
  width: 46px;
  height: 46px;
  border-radius: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
  background: rgba(15, 109, 115, 0.09);
  color: #0f6d73;
  border: 1px solid rgba(15, 109, 115, 0.18);
}

.shada-service-page--migration-to-australia .shada-mta-icon svg {
  width: 26px;
  height: 26px;
  stroke: currentColor;
  stroke-width: 1.8;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.shada-service-page--migration-to-australia .shada-mta-fit-card:hover .shada-mta-icon {
  background: #0f6d73;
  color: #fff;
}

.shada-service-page--migration-to-australia .shada-mta-logo-panel {
  min-height: 220px;
  padding: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, rgba(15,109,115,0.08), rgba(255,255,255,0.96));
  border: 1px solid rgba(15,109,115,0.16);
  border-radius: 18px;
}

.shada-service-page--migration-to-australia .shada-mta-logo {
  display: block;
  width: 100%;
  max-width: 320px;
  max-height: 160px;
  object-fit: contain;
}

.shada-service-page--migration-to-australia .shada-mta-logo-fallback {
  text-align: center;
  color: #0f6d73;
}

.shada-service-page--migration-to-australia .shada-mta-logo-fallback strong {
  display: block;
  font-size: 1.45rem;
  line-height: 1.25;
  margin-bottom: 8px;
}

.shada-service-page--migration-to-australia .shada-mta-logo-fallback span {
  display: block;
  font-size: 0.95rem;
  color: #486366;
}

@media (max-width: 900px) {
  .shada-service-page--migration-to-australia .shada-service-summary-card {
    grid-template-columns: 1fr;
  }

  .shada-service-page--migration-to-australia .shada-mta-hero-media img {
    border-radius: 14px 14px 0 0;
  }

  .shada-service-page--migration-to-australia .shada-mta-image-card__media {
    min-height: auto;
  }

  .shada-service-page--migration-to-australia .shada-mta-logo-panel {
    min-height: 150px;
    padding: 20px;
  }

  .shada-service-page--migration-to-australia .shada-mta-logo {
    max-width: 240px;
    max-height: 120px;
  }
}
/* === SHADA MTA ICON + HERO POLISH FIX END === */

/* === SHADA MTA PREMIUM POLISH START === */
.shada-service-page--migration-to-australia .shada-service-intro-grid {
  grid-template-columns: 1fr;
}

.shada-service-page--migration-to-australia .shada-service-summary-card {
  display: grid;
  grid-template-columns: minmax(320px, 0.94fr) minmax(0, 1fr);
  align-items: center;
  gap: 28px;
  padding: 28px;
}

.shada-service-page--migration-to-australia .shada-mta-hero-media {
  margin: 0;
  padding: 0;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}

.shada-service-page--migration-to-australia .shada-mta-hero-media img {
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: center;
  display: block;
  border-radius: 14px;
  box-shadow: 0 10px 26px rgba(12, 70, 74, 0.10);
}

.shada-service-page--migration-to-australia .shada-mta-image-card {
  padding: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

.shada-service-page--migration-to-australia .shada-mta-image-card__media {
  margin: 18px 18px 0 18px;
  background: #eef7f7;
  border-radius: 14px;
  overflow: hidden;
  min-height: 230px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.shada-service-page--migration-to-australia .shada-mta-image-card__media img {
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: center;
  display: block;
}

.shada-service-page--migration-to-australia .shada-mta-image-card__body {
  padding: 22px;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

.shada-service-page--migration-to-australia .shada-mta-image-card__body p,
.shada-service-page--migration-to-australia .shada-mta-fit-card p {
  flex: 1 1 auto;
}

.shada-service-page--migration-to-australia .shada-mta-image-card__body .shada-card__button,
.shada-service-page--migration-to-australia .shada-mta-fit-card .shada-card__button {
  margin-top: auto;
}

.shada-service-page--migration-to-australia .shada-mta-fit-card {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  position: relative;
  padding-top: 28px;
}

.shada-service-page--migration-to-australia .shada-mta-icon {
  width: 60px;
  height: 60px;
  border-radius: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
  background: rgba(15, 109, 115, 0.10);
  color: #0f6d73;
  border: 1px solid rgba(15, 109, 115, 0.22);
  box-shadow: 0 8px 18px rgba(12, 70, 74, 0.08);
}

.shada-service-page--migration-to-australia .shada-mta-icon svg {
  width: 34px;
  height: 34px;
  stroke: currentColor;
  stroke-width: 1.7;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.shada-service-page--migration-to-australia .shada-mta-fit-card:hover .shada-mta-icon {
  background: #0f6d73;
  color: #fff;
}

.shada-service-page--migration-to-australia .shada-mta-logo-panel {
  min-height: 240px;
  padding: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, rgba(15,109,115,0.08), rgba(255,255,255,0.96));
  border: 1px solid rgba(15,109,115,0.16);
  border-radius: 18px;
}

.shada-service-page--migration-to-australia .shada-mta-logo {
  display: block;
  width: 100%;
  max-width: 340px;
  max-height: 170px;
  object-fit: contain;
}

.shada-service-page--migration-to-australia .shada-mta-logo-fallback {
  text-align: center;
  color: #0f6d73;
}

.shada-service-page--migration-to-australia .shada-mta-logo-fallback strong {
  display: block;
  font-size: 1.45rem;
  line-height: 1.25;
  margin-bottom: 8px;
}

.shada-service-page--migration-to-australia .shada-mta-logo-fallback span {
  display: block;
  font-size: 0.95rem;
  color: #486366;
}

@media (max-width: 900px) {
  .shada-service-page--migration-to-australia .shada-service-summary-card {
    grid-template-columns: 1fr;
    gap: 18px;
    padding: 20px;
  }

  .shada-service-page--migration-to-australia .shada-mta-image-card__media {
    margin: 16px 16px 0 16px;
    min-height: auto;
  }

  .shada-service-page--migration-to-australia .shada-mta-icon {
    width: 56px;
    height: 56px;
  }

  .shada-service-page--migration-to-australia .shada-mta-icon svg {
    width: 31px;
    height: 31px;
  }

  .shada-service-page--migration-to-australia .shada-mta-logo-panel {
    min-height: 160px;
    padding: 22px;
  }

  .shada-service-page--migration-to-australia .shada-mta-logo {
    max-width: 260px;
    max-height: 130px;
  }
}
/* === SHADA MTA PREMIUM POLISH END === */

/* === SHADA MOBILE LIVE-STYLE CTA START === */
.shada-mobile-cta-live {
  display: none;
}

@media (max-width: 768px) {
  body {
    padding-bottom: calc(88px + env(safe-area-inset-bottom));
  }

  .shada-mobile-cta-live {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    padding: 10px 14px calc(10px + env(safe-area-inset-bottom));
    background: rgba(255, 255, 255, 0.96);
    border-top: 4px solid #078f93;
    box-shadow: 0 -8px 24px rgba(10, 70, 74, 0.14);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }

  .shada-mobile-cta-live__button {
    min-height: 54px;
    border-radius: 14px;
    background: #078f93;
    color: #ffffff !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    text-align: center;
    text-decoration: none !important;
    font-weight: 700;
    font-size: 1.05rem;
    line-height: 1.1;
    letter-spacing: 0.01em;
    box-shadow: 0 5px 14px rgba(7, 143, 147, 0.20);
  }

  .shada-mobile-cta-live__button:hover,
  .shada-mobile-cta-live__button:focus {
    background: #056f73;
    color: #ffffff !important;
    text-decoration: none !important;
  }

  .shada-mobile-cta-live__button:focus-visible {
    outline: 3px solid rgba(7, 143, 147, 0.30);
    outline-offset: 2px;
  }
}

@media (max-width: 380px) {
  .shada-mobile-cta-live {
    gap: 6px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .shada-mobile-cta-live__button {
    min-height: 50px;
    border-radius: 12px;
    font-size: 0.96rem;
  }
}
/* === SHADA MOBILE LIVE-STYLE CTA END === */

/* === SHADA MIGRATION SUBPAGE TEMPLATE START === */
.shada-migration-subpage .shada-subpage-hero-media {
  margin: 0;
  padding: 0;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}

.shada-migration-subpage .shada-subpage-hero-media img {
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: center;
  display: block;
  border-radius: 14px;
  box-shadow: 0 10px 26px rgba(12, 70, 74, 0.10);
}

.shada-migration-subpage .shada-migration-visual-card {
  padding: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

.shada-migration-subpage .shada-migration-visual-card__media {
  margin: 18px 18px 0 18px;
  background: #eef7f7;
  border-radius: 14px;
  overflow: hidden;
  min-height: 210px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.shada-migration-subpage .shada-migration-visual-card__media img {
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: center;
  display: block;
}

.shada-migration-subpage .shada-migration-visual-card__body {
  padding: 22px;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

.shada-migration-subpage .shada-migration-visual-card__body p {
  flex: 1 1 auto;
}

.shada-migration-subpage .shada-migration-visual-card__body .shada-card__button {
  margin-top: auto;
}

.shada-migration-subpage .shada-step-card-mini {
  counter-increment: shada-step-counter;
}

.shada-migration-subpage .shada-step-card-mini::before {
  content: counter(shada-step-counter);
  width: 38px;
  height: 38px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
  background: rgba(15, 109, 115, 0.10);
  color: #0f6d73;
  border: 1px solid rgba(15, 109, 115, 0.18);
  font-weight: 800;
}

.shada-migration-subpage .shada-step-grid {
  counter-reset: shada-step-counter;
}

.shada-migration-subpage .shada-faq-list details.shada-card {
  padding: 20px 22px;
}

.shada-migration-subpage .shada-faq-list summary {
  cursor: pointer;
  font-weight: 800;
  color: #263f43;
}

.shada-migration-subpage .shada-faq-list summary + p {
  margin-top: 12px;
}

@media (max-width: 900px) {
  .shada-migration-subpage .shada-migration-visual-card__media {
    margin: 16px 16px 0 16px;
    min-height: auto;
  }
}
/* === SHADA MIGRATION SUBPAGE TEMPLATE END === */

/* === SHADA GLOBAL CARD CTA CONSISTENCY FIX START === */

/*
  Canonical service/gateway card rules.
  This block intentionally sits at the end of user.css to override older per-page card experiments.
*/

/* CTA panels: buttons centred, not left aligned */
.shada-service-page .shada-cta-panel {
  text-align: center !important;
}

.shada-service-page .shada-cta-panel .shada-button-row {
  justify-content: center !important;
  align-items: center !important;
}

/* Related cards and visual cards: one card structure */
.shada-service-page .shada-service-related-card,
.shada-service-page .shada-migration-visual-card,
.shada-service-page .shada-mta-image-card {
  display: flex !important;
  flex-direction: column !important;
  min-height: 100% !important;
  padding: 20px !important;
  overflow: hidden !important;
  border-radius: 14px !important;
}

/* Image area: padded inside the card, not stuck to the top/left edges */
.shada-service-page .shada-migration-visual-card__media,
.shada-service-page .shada-mta-image-card__media {
  margin: 0 0 20px 0 !important;
  padding: 0 !important;
  width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  aspect-ratio: auto !important;
  background: transparent !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  display: block !important;
}

/* Card images: show the whole designed image, no cropping */
.shada-service-page .shada-migration-visual-card__media img,
.shada-service-page .shada-mta-image-card__media img,
.shada-service-page .shada-service-related-card > img,
.shada-service-page .shada-card > img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center center !important;
  border-radius: 12px !important;
  margin: 0 !important;
}

/* Card body spacing: consistent across gateway pages */
.shada-service-page .shada-migration-visual-card__body,
.shada-service-page .shada-mta-image-card__body {
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
}

/* Card titles and text */
.shada-service-page .shada-service-related-card h3,
.shada-service-page .shada-migration-visual-card h3,
.shada-service-page .shada-mta-image-card h3 {
  margin-top: 0 !important;
}

.shada-service-page .shada-service-related-card p,
.shada-service-page .shada-migration-visual-card p,
.shada-service-page .shada-mta-image-card p {
  flex: 1 1 auto !important;
}

/* Card buttons: consistent bottom alignment */
.shada-service-page .shada-service-related-card .shada-card__button,
.shada-service-page .shada-migration-visual-card .shada-card__button,
.shada-service-page .shada-mta-image-card .shada-card__button {
  align-self: flex-start !important;
  margin-top: auto !important;
}

/* Text-only cards without images still follow the same inner rhythm */
.shada-service-page .shada-card--text {
  padding: 24px !important;
}

/* Mobile: maintain the same system with slightly tighter spacing */
@media (max-width: 768px) {
  .shada-service-page .shada-service-related-card,
  .shada-service-page .shada-migration-visual-card,
  .shada-service-page .shada-mta-image-card {
    padding: 16px !important;
  }

  .shada-service-page .shada-migration-visual-card__media,
  .shada-service-page .shada-mta-image-card__media {
    margin-bottom: 16px !important;
  }

  .shada-service-page .shada-cta-panel .shada-button-row {
    flex-direction: column !important;
    width: 100% !important;
  }

  .shada-service-page .shada-cta-panel .shada-button-row .shada-button {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }
}

/* === SHADA GLOBAL CARD CTA CONSISTENCY FIX END === */

/* === SHADA BUSINESS MIGRATION PAGE SPACING FIX START === */
.shada-service-page.shada-migration-subpage--business {
  margin-bottom: clamp(28px, 4vw, 56px);
}

.shada-service-page.shada-migration-subpage--business .shada-cta-panel {
  margin-bottom: clamp(24px, 3vw, 42px);
}

@media (max-width: 768px) {
  .shada-service-page.shada-migration-subpage--business {
    margin-bottom: 24px;
  }

  .shada-service-page.shada-migration-subpage--business .shada-cta-panel {
    margin-bottom: 22px;
  }
}
/* === SHADA BUSINESS MIGRATION PAGE SPACING FIX END === */

/* === SHADA FAMILY MIGRATION FOOTER GAP FIX START === */
.shada-service-page.shada-migration-subpage--family {
  margin-bottom: clamp(28px, 4vw, 54px);
}

.shada-service-page.shada-migration-subpage--family .shada-cta-panel {
  margin-bottom: clamp(26px, 3vw, 44px);
}

@media (max-width: 768px) {
  .shada-service-page.shada-migration-subpage--family {
    margin-bottom: 22px;
  }

  .shada-service-page.shada-migration-subpage--family .shada-cta-panel {
    margin-bottom: 20px;
  }
}
/* === SHADA FAMILY MIGRATION FOOTER GAP FIX END === */

/* === SHADA SKILLED MIGRATION FOOTER GAP FIX START === */
.shada-service-page.shada-migration-subpage:not(.shada-migration-subpage--family):not(.shada-migration-subpage--business) {
  margin-bottom: clamp(28px, 4vw, 54px);
}

.shada-service-page.shada-migration-subpage:not(.shada-migration-subpage--family):not(.shada-migration-subpage--business) .shada-cta-panel {
  margin-bottom: clamp(26px, 3vw, 44px);
}

@media (max-width: 768px) {
  .shada-service-page.shada-migration-subpage:not(.shada-migration-subpage--family):not(.shada-migration-subpage--business) {
    margin-bottom: 22px;
  }

  .shada-service-page.shada-migration-subpage:not(.shada-migration-subpage--family):not(.shada-migration-subpage--business) .shada-cta-panel {
    margin-bottom: 20px;
  }
}
/* === SHADA SKILLED MIGRATION FOOTER GAP FIX END === */

/* === SHADA EMPLOYER SPONSORED FOOTER GAP FIX START === */
.shada-service-page.shada-migration-subpage--employer {
  margin-bottom: clamp(28px, 4vw, 54px);
}

.shada-service-page.shada-migration-subpage--employer .shada-cta-panel {
  margin-bottom: clamp(26px, 3vw, 44px);
}

@media (max-width: 768px) {
  .shada-service-page.shada-migration-subpage--employer {
    margin-bottom: 22px;
  }

  .shada-service-page.shada-migration-subpage--employer .shada-cta-panel {
    margin-bottom: 20px;
  }
}
/* === SHADA EMPLOYER SPONSORED FOOTER GAP FIX END === */

/* === SHADA ASSESSMENT TOOLS PAGE FIX START === */
.shada-service-page.shada-assessment-tools-page,
.shada-service-page.shada-assessment-tool-page {
  margin-bottom: clamp(28px, 4vw, 54px);
}

.shada-service-page.shada-assessment-tools-page .shada-cta-panel,
.shada-service-page.shada-assessment-tool-page .shada-cta-panel {
  margin-bottom: clamp(26px, 3vw, 44px);
}

.shada-assessment-card {
  position: relative;
}

.shada-assessment-badge {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  margin-bottom: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(15, 109, 115, 0.10);
  color: #0f6d73;
  border: 1px solid rgba(15, 109, 115, 0.18);
  font-size: 0.82rem;
  font-weight: 800;
  line-height: 1.2;
}

.shada-points-calculator-page .shada-card > form,
.shada-points-calculator-page .shada-card .rsform {
  max-width: 100%;
}

@media (max-width: 768px) {
  .shada-service-page.shada-assessment-tools-page,
  .shada-service-page.shada-assessment-tool-page {
    margin-bottom: 22px;
  }

  .shada-service-page.shada-assessment-tools-page .shada-cta-panel,
  .shada-service-page.shada-assessment-tool-page .shada-cta-panel {
    margin-bottom: 20px;
  }
}
/* === SHADA ASSESSMENT TOOLS PAGE FIX END === */

/* === SHADA RESOURCES PAGE GLOBAL TEMPLATE FIX START === */
.shada-service-page.shada-resources-page {
  margin-bottom: clamp(28px, 4vw, 54px);
}

.shada-resources-page .shada-resources-hero {
  padding-top: clamp(18px, 3vw, 34px);
}

.shada-resources-page .shada-service-summary-card {
  max-width: 100%;
}

.shada-service-page.shada-resources-page .shada-cta-panel {
  margin-bottom: clamp(26px, 3vw, 44px);
}

@media (max-width: 768px) {
  .shada-service-page.shada-resources-page {
    margin-bottom: 22px;
  }
}
/* === SHADA RESOURCES PAGE GLOBAL TEMPLATE FIX END === */

/* === SHADA RESOURCES HERO TWO COLUMN FIX START === */
.shada-resources-page .shada-resources-hero .shada-service-summary-card {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);
  gap: clamp(28px, 4vw, 54px);
  align-items: center;
  padding: clamp(26px, 4vw, 44px);
}

.shada-resources-page .shada-resources-hero .shada-subpage-hero-media {
  margin: 0;
}

.shada-resources-page .shada-resources-hero .shada-subpage-hero-media img {
  width: 100%;
  aspect-ratio: 16 / 9;
  max-height: 360px;
  object-fit: cover;
  border-radius: 14px;
}

.shada-resources-page .shada-resources-hero .shada-service-summary-card__body {
  padding: 0;
}

@media (max-width: 900px) {
  .shada-resources-page .shada-resources-hero .shada-service-summary-card {
    grid-template-columns: 1fr;
  }

  .shada-resources-page .shada-resources-hero .shada-subpage-hero-media img {
    max-height: none;
  }
}
/* === SHADA RESOURCES HERO TWO COLUMN FIX END === */

/* === SHADA RESOURCES HERO H1 AND CARD FIX START === */
.shada-resources-page .shada-resources-page-header {
  margin: 0 0 clamp(18px, 2.5vw, 30px);
  padding-bottom: clamp(12px, 1.8vw, 18px);
  border-bottom: 1px solid rgba(15, 109, 115, 0.14);
}

.shada-resources-page .shada-resources-page-header h1 {
  margin: 0;
  color: #172a32;
  font-size: clamp(2.05rem, 4vw, 3.35rem);
  line-height: 1.08;
  letter-spacing: -0.035em;
}

.shada-resources-page > .shada-resources-hero {
  padding-top: 0;
  margin-bottom: clamp(24px, 4vw, 42px);
  background: transparent;
  border: 0;
  box-shadow: none;
}

.shada-resources-page > .shada-resources-hero .shada-service-summary-card {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);
  gap: clamp(28px, 4vw, 54px);
  align-items: center;
  padding: clamp(26px, 4vw, 44px);
  background: #f7fbfb;
  border: 1px solid rgba(15, 109, 115, 0.18);
  border-left: 5px solid #0f6d73;
  border-radius: 14px;
}

.shada-resources-page > .shada-resources-hero .shada-subpage-hero-media {
  margin: 0;
}

.shada-resources-page > .shada-resources-hero .shada-subpage-hero-media img {
  width: 100%;
  aspect-ratio: 16 / 9;
  max-height: 360px;
  object-fit: cover;
  border-radius: 14px;
}

.shada-resources-page > .shada-resources-hero .shada-service-summary-card__body {
  padding: 0;
}

@media (max-width: 900px) {
  .shada-resources-page > .shada-resources-hero .shada-service-summary-card {
    grid-template-columns: 1fr;
  }

  .shada-resources-page > .shada-resources-hero .shada-subpage-hero-media img {
    max-height: none;
  }
}
/* === SHADA RESOURCES HERO H1 AND CARD FIX END === */

/* === SHADA RESOURCES HERO NO LEFT STRIPE FIX START === */
.shada-resources-page > .shada-resources-hero .shada-service-summary-card {
  border-left: 1px solid rgba(15, 109, 115, 0.18) !important;
}

.shada-resources-page > .shada-resources-hero {
  border-left: 0 !important;
}
/* === SHADA RESOURCES HERO NO LEFT STRIPE FIX END === */

/* === SHADA OUR SERVICES HERO NO LEFT STRIPE FIX START === */
.shada-services-page .shada-service-summary-card,
.shada-our-services-page .shada-service-summary-card,
.shada-service-page--services .shada-service-summary-card {
  border-left: 1px solid rgba(15, 109, 115, 0.18) !important;
}

.shada-services-page .shada-service-intro-grid,
.shada-our-services-page .shada-service-intro-grid,
.shada-service-page--services .shada-service-intro-grid {
  border-left: 0 !important;
}
/* === SHADA OUR SERVICES HERO NO LEFT STRIPE FIX END === */

/* === SHADA OUR SERVICES HERO STRIPE FORCE FIX START === */
body.itemid-202 .shada-service-intro-grid,
body.itemid-202 .shada-service-summary-card,
body.itemid-202 .shada-service-intro-grid > *,
body.itemid-202 .shada-page > section:first-of-type,
body.itemid-202 .shada-page > section:first-of-type .shada-card,
body.itemid-202 .shada-page > section:first-of-type .shada-service-summary-card {
  border-left-width: 1px !important;
  border-left-style: solid !important;
  border-left-color: rgba(15, 109, 115, 0.18) !important;
}

body.itemid-202 .shada-service-intro-grid::before,
body.itemid-202 .shada-service-summary-card::before,
body.itemid-202 .shada-page > section:first-of-type::before,
body.itemid-202 .shada-page > section:first-of-type .shada-card::before {
  display: none !important;
  content: none !important;
}

body.itemid-202 .shada-service-intro-grid {
  border-left: 0 !important;
}
/* === SHADA OUR SERVICES HERO STRIPE FORCE FIX END === */

/* === SHADA MOBILE MIGRATION SUBPAGE LAYOUT FIX START === */
@media (max-width: 768px) {

  /* Applies to Skilled, Business, Family, Employer Sponsored and similar migration subpages */
  .shada-service-page.shada-migration-subpage {
    padding-bottom: 110px;
  }

  .shada-service-page.shada-migration-subpage .shada-service-intro-grid {
    display: block;
    margin-bottom: 22px;
  }

  .shada-service-page.shada-migration-subpage .shada-service-summary-card {
    margin-bottom: 18px;
  }

  .shada-service-page.shada-migration-subpage .shada-subpage-hero-media {
    margin-bottom: 18px;
  }

  .shada-service-page.shada-migration-subpage .shada-service-toc {
    position: relative !important;
    top: auto !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    z-index: 1;
  }

  .shada-service-page.shada-migration-subpage .shada-section {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 26px;
  }

  .shada-service-page.shada-migration-subpage .shada-section:first-of-type {
    margin-top: 0 !important;
  }

  .shada-service-page.shada-migration-subpage .shada-button-row {
    margin-bottom: 0;
  }

  .shada-service-page.shada-migration-subpage .shada-button,
  .shada-service-page.shada-migration-subpage .shada-card__button {
    white-space: normal;
    line-height: 1.25;
  }

  body {
    padding-bottom: 92px;
  }
}
/* === SHADA MOBILE MIGRATION SUBPAGE LAYOUT FIX END === */

/* === SHADA MOBILE ASSESSMENT TOOLS LAYOUT FIX START === */
@media (max-width: 768px) {

  /* Applies to /free-assessment and individual assessment tool pages */
  .shada-service-page.shada-assessment-tools-page,
  .shada-service-page.shada-assessment-tool-page {
    padding-bottom: 110px;
  }

  .shada-service-page.shada-assessment-tools-page .shada-service-intro-grid,
  .shada-service-page.shada-assessment-tool-page .shada-service-intro-grid {
    display: block;
    margin-bottom: 22px;
  }

  .shada-service-page.shada-assessment-tools-page .shada-service-summary-card,
  .shada-service-page.shada-assessment-tool-page .shada-service-summary-card {
    margin-bottom: 18px;
  }

  .shada-service-page.shada-assessment-tools-page .shada-service-toc,
  .shada-service-page.shada-assessment-tool-page .shada-service-toc {
    position: relative !important;
    top: auto !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    z-index: 1;
  }

  .shada-service-page.shada-assessment-tools-page .shada-section,
  .shada-service-page.shada-assessment-tool-page .shada-section {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 26px;
  }

  .shada-service-page.shada-assessment-tools-page .shada-button,
  .shada-service-page.shada-assessment-tools-page .shada-card__button,
  .shada-service-page.shada-assessment-tool-page .shada-button,
  .shada-service-page.shada-assessment-tool-page .shada-card__button {
    white-space: normal;
    line-height: 1.25;
  }

  body.itemid-203 {
    padding-bottom: 92px;
  }

  /* Hide the middle mobile "Assessment" button only on the Assessment Tools hub */
  body.itemid-203 #mod-custom131 a:nth-child(2),
  body.itemid-203 .mod-custom131 a:nth-child(2),
  body.itemid-203 .custom131 a:nth-child(2),
  body.itemid-203 [id*="mod-custom131"] a:nth-child(2) {
    display: none !important;
  }

  /* Let the remaining Book + Contact buttons share the row neatly */
  body.itemid-203 #mod-custom131,
  body.itemid-203 .mod-custom131,
  body.itemid-203 .custom131,
  body.itemid-203 [id*="mod-custom131"] {
    grid-template-columns: 1fr 1fr !important;
  }
}
/* === SHADA MOBILE ASSESSMENT TOOLS LAYOUT FIX END === */

/* === SHADA ASSESSMENT TOOLS MOBILE CTA CENTER FIX START === */
@media (max-width: 768px) {
  body.itemid-203 #mod-custom131,
  body.itemid-203 .mod-custom131,
  body.itemid-203 .custom131,
  body.itemid-203 [id*="mod-custom131"] {
    display: grid !important;
    grid-template-columns: minmax(120px, 1fr) minmax(120px, 1fr) !important;
    gap: 14px !important;
    justify-content: center !important;
    align-items: center !important;
    max-width: 540px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: calc(100% - 32px) !important;
  }

  body.itemid-203 #mod-custom131 a,
  body.itemid-203 .mod-custom131 a,
  body.itemid-203 .custom131 a,
  body.itemid-203 [id*="mod-custom131"] a {
    width: 100% !important;
    text-align: center !important;
  }

  body.itemid-203 #mod-custom131 a:nth-child(2),
  body.itemid-203 .mod-custom131 a:nth-child(2),
  body.itemid-203 .custom131 a:nth-child(2),
  body.itemid-203 [id*="mod-custom131"] a:nth-child(2) {
    display: none !important;
  }
}
/* === SHADA ASSESSMENT TOOLS MOBILE CTA CENTER FIX END === */

/* === SHADA ASSESSMENT TOOLS MOBILE CTA THREE BUTTON RESET START === */
@media (max-width: 768px) {
  body.itemid-203 #mod-custom131 a:nth-child(2),
  body.itemid-203 .mod-custom131 a:nth-child(2),
  body.itemid-203 .custom131 a:nth-child(2),
  body.itemid-203 [id*="mod-custom131"] a:nth-child(2) {
    display: flex !important;
  }

  body.itemid-203 #mod-custom131,
  body.itemid-203 .mod-custom131,
  body.itemid-203 .custom131,
  body.itemid-203 [id*="mod-custom131"] {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr !important;
    gap: 10px !important;
    width: calc(100% - 24px) !important;
    max-width: 620px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
/* === SHADA ASSESSMENT TOOLS MOBILE CTA THREE BUTTON RESET END === */

/* === SHADA ABOUT PAGE GLOBAL TEMPLATE FIX START === */
.shada-about-page {
  margin-bottom: clamp(28px, 4vw, 54px);
}

.shada-about-page .shada-about-page-header {
  margin: 0 0 clamp(18px, 2.5vw, 30px);
  padding-bottom: clamp(12px, 1.8vw, 18px);
  border-bottom: 1px solid rgba(15, 109, 115, 0.14);
}

.shada-about-page .shada-about-page-header h1 {
  margin: 0;
  color: #172a32;
  font-size: clamp(2.05rem, 4vw, 3.35rem);
  line-height: 1.08;
  letter-spacing: -0.035em;
}

.shada-about-page .shada-person-card {
  display: grid;
  grid-template-columns: minmax(220px, 0.75fr) minmax(0, 1.25fr);
  gap: clamp(24px, 4vw, 46px);
  align-items: center;
}

.shada-about-page .shada-person-card__image {
  margin: 0;
}

.shada-about-page .shada-person-card__image img {
  width: 100%;
  max-height: 420px;
  object-fit: cover;
  border-radius: 16px;
  border: 1px solid rgba(15, 109, 115, 0.16);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.08);
}

.shada-about-page .shada-person-card__body h2,
.shada-about-page .shada-person-card__body h3 {
  margin-top: 0;
}

.shada-about-page .shada-eyebrow {
  margin: 0 0 10px;
  color: #0f6d73;
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.shada-about-page .shada-about-approach-card {
  position: relative;
  padding-top: 30px;
}

.shada-about-page .shada-about-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  margin-bottom: 14px;
  border-radius: 14px;
  background: rgba(15, 109, 115, 0.10);
  color: #0f6d73;
  border: 1px solid rgba(15, 109, 115, 0.18);
  font-weight: 900;
  font-size: 0.92rem;
  letter-spacing: 0.03em;
}

@media (max-width: 768px) {
  .shada-about-page {
    padding-bottom: 110px;
  }

  .shada-about-page .shada-person-card {
    grid-template-columns: 1fr;
  }

  .shada-about-page .shada-person-card__image img {
    max-height: none;
  }
}
/* === SHADA ABOUT PAGE GLOBAL TEMPLATE FIX END === */

/* === SHADA ABOUT US MINIMAL PROFESSIONAL APPROACH FIX START === */
body.itemid-207 .shada-about-approach-grid,
body.itemid-207 #professional-approach .shada-card-grid,
body.itemid-207 section[id*="professional"] .shada-card-grid,
body.itemid-207 section[id*="approach"] .shada-card-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(18px, 3vw, 28px) !important;
}

@media (max-width: 768px) {
  body.itemid-207 .shada-about-approach-grid,
  body.itemid-207 #professional-approach .shada-card-grid,
  body.itemid-207 section[id*="professional"] .shada-card-grid,
  body.itemid-207 section[id*="approach"] .shada-card-grid {
    grid-template-columns: 1fr !important;
  }
}
/* === SHADA ABOUT US MINIMAL PROFESSIONAL APPROACH FIX END === */

/* === SHADA ABOUT US PROFESSIONAL 2X2 AND RELATED BUTTON FIX START === */

/* Professional Approach: force 2 + 2 layout */
body.itemid-194 #professional-approach .shada-card-grid,
body.itemid-194 #professional-approach .row,
body.itemid-194 #professional-approach [class*="grid"],
body.itemid-194 #professional-approach [class*="cards"],
body.itemid-194 .shada-professional-approach-block .shada-card-grid,
body.itemid-194 .shada-professional-approach-block .row,
body.itemid-194 .shada-professional-approach-block [class*="grid"],
body.itemid-194 .shada-professional-approach-block [class*="cards"] {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(18px, 3vw, 28px) !important;
}

body.itemid-194 #professional-approach .shada-card-grid > *,
body.itemid-194 #professional-approach .row > *,
body.itemid-194 #professional-approach [class*="grid"] > *,
body.itemid-194 #professional-approach [class*="cards"] > *,
body.itemid-194 .shada-professional-approach-block .shada-card-grid > *,
body.itemid-194 .shada-professional-approach-block .row > *,
body.itemid-194 .shada-professional-approach-block [class*="grid"] > *,
body.itemid-194 .shada-professional-approach-block [class*="cards"] > * {
  width: auto !important;
  max-width: none !important;
  flex: initial !important;
  float: none !important;
}

/* Related Information: make links look like cards with visible buttons */
body.itemid-194 #related-information a,
body.itemid-194 .shada-related-information-block a {
  text-decoration: none;
}

body.itemid-194 #related-information .shada-card__button,
body.itemid-194 .shada-related-information-block .shada-card__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin-top: 14px;
  padding: 10px 16px;
  border-radius: 8px;
  background: #0f6d73;
  color: #ffffff;
  font-weight: 800;
  line-height: 1.2;
}

@media (max-width: 768px) {
  body.itemid-194 #professional-approach .shada-card-grid,
  body.itemid-194 #professional-approach .row,
  body.itemid-194 #professional-approach [class*="grid"],
  body.itemid-194 #professional-approach [class*="cards"],
  body.itemid-194 .shada-professional-approach-block .shada-card-grid,
  body.itemid-194 .shada-professional-approach-block .row,
  body.itemid-194 .shada-professional-approach-block [class*="grid"],
  body.itemid-194 .shada-professional-approach-block [class*="cards"] {
    grid-template-columns: 1fr !important;
  }
}

/* === SHADA ABOUT US PROFESSIONAL 2X2 AND RELATED BUTTON FIX END === */

/* === SHADA ABOUT US CARD BUTTON ALIGNMENT FINAL FIX START === */

/* Scope only to /resources/about-us */
body.itemid-194 #professional-approach .shada-card-grid,
body.itemid-194 .shada-professional-approach-block .shada-card-grid,
body.itemid-194 #related-information .shada-card-grid,
body.itemid-194 .shada-related-information-block .shada-card-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(18px, 3vw, 28px) !important;
  align-items: stretch !important;
}

/* Force any old Bootstrap/inline column behaviour to stop */
body.itemid-194 #professional-approach .shada-card-grid > *,
body.itemid-194 .shada-professional-approach-block .shada-card-grid > *,
body.itemid-194 #related-information .shada-card-grid > *,
body.itemid-194 .shada-related-information-block .shada-card-grid > * {
  width: auto !important;
  max-width: none !important;
  flex: initial !important;
  float: none !important;
}

/* All cards equal behaviour */
body.itemid-194 #professional-approach .shada-card,
body.itemid-194 .shada-professional-approach-block .shada-card,
body.itemid-194 #related-information .shada-card,
body.itemid-194 .shada-related-information-block .shada-card,
body.itemid-194 #related-information a,
body.itemid-194 .shada-related-information-block a {
  height: 100% !important;
  min-height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

/* Card paragraphs grow equally, buttons stay aligned */
body.itemid-194 #professional-approach .shada-card p,
body.itemid-194 .shada-professional-approach-block .shada-card p,
body.itemid-194 #related-information .shada-card p,
body.itemid-194 .shada-related-information-block .shada-card p,
body.itemid-194 #related-information a p,
body.itemid-194 .shada-related-information-block a p {
  flex: 1 1 auto !important;
}

/* Buttons aligned to bottom */
body.itemid-194 #related-information .shada-card__button,
body.itemid-194 .shada-related-information-block .shada-card__button {
  margin-top: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  padding: 10px 18px !important;
  border-radius: 8px !important;
  background: #0f6d73 !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
}

/* Better button labels visually still align even if text length differs */
body.itemid-194 #related-information a,
body.itemid-194 .shada-related-information-block a {
  text-decoration: none !important;
}

/* Mobile returns to one card per row */
@media (max-width: 768px) {
  body.itemid-194 #professional-approach .shada-card-grid,
  body.itemid-194 .shada-professional-approach-block .shada-card-grid,
  body.itemid-194 #related-information .shada-card-grid,
  body.itemid-194 .shada-related-information-block .shada-card-grid {
    grid-template-columns: 1fr !important;
  }
}

/* === SHADA ABOUT US CARD BUTTON ALIGNMENT FINAL FIX END === */

/* === SHADA FAQ PAGE CSS-ONLY VISUAL CLEANUP START === */

/* Scope only to /resources/faq */
body.itemid-195 .com-content-article,
body.itemid-195 .item-page {
  font-size: 17px;
  line-height: 1.7;
}

/* FAQ table of contents */
body.itemid-195 nav[aria-label="FAQ Contents"] {
  background: #f8fcfc !important;
  border: 1px solid #d9ecec !important;
  border-radius: 12px !important;
  padding: 20px 24px !important;
  margin: 28px 0 36px 0 !important;
}

body.itemid-195 nav[aria-label="FAQ Contents"] a {
  color: #0f6d73 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

body.itemid-195 nav[aria-label="FAQ Contents"] a:hover {
  text-decoration: underline !important;
}

/* FAQ section panels */
body.itemid-195 #about-shada,
body.itemid-195 #registered-agent,
body.itemid-195 #consultations-fees,
body.itemid-195 #visa-pathways,
body.itemid-195 #citizenship-pr,
body.itemid-195 #refusal-cancellation-review,
body.itemid-195 #privacy-communication {
  background: #eef7f7 !important;
  border-left: 5px solid #0f6d73 !important;
  border-radius: 12px !important;
  padding: clamp(22px, 4vw, 34px) !important;
  margin: 42px 0 !important;
}

/* Question cards inside FAQ sections */
body.itemid-195 #about-shada > div > div,
body.itemid-195 #registered-agent > div > div,
body.itemid-195 #consultations-fees > div > div,
body.itemid-195 #visa-pathways > div > div,
body.itemid-195 #citizenship-pr > div > div,
body.itemid-195 #refusal-cancellation-review > div > div,
body.itemid-195 #privacy-communication > div > div {
  background: #f9fcfc !important;
  border: 1px solid #cfe6e6 !important;
  border-radius: 10px !important;
  padding: 22px !important;
}

/* Consistent question heading spacing */
body.itemid-195 h2 {
  margin-top: 0 !important;
  color: #173f43 !important;
}

body.itemid-195 h3 {
  color: #173f43 !important;
  line-height: 1.35 !important;
}

/* CTA buttons */
body.itemid-195 a[href="/contact-us"],
body.itemid-195 a[href="/book-consultation"],
body.itemid-195 a[href="/free-assessment"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  padding: 10px 18px !important;
  border-radius: 8px !important;
  background: #0f6d73 !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
}

/* Mobile spacing */
@media (max-width: 768px) {
  body.itemid-195 nav[aria-label="FAQ Contents"] {
    padding: 18px !important;
  }

  body.itemid-195 #about-shada,
  body.itemid-195 #registered-agent,
  body.itemid-195 #consultations-fees,
  body.itemid-195 #visa-pathways,
  body.itemid-195 #citizenship-pr,
  body.itemid-195 #refusal-cancellation-review,
  body.itemid-195 #privacy-communication {
    padding: 22px !important;
    margin: 30px 0 !important;
  }
}

/* === SHADA FAQ PAGE CSS-ONLY VISUAL CLEANUP END === */

/* === SHADA FAQ AGREED SUBPAGE STRUCTURE START === */

body.itemid-195 .shada-faq-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 345px !important;
  gap: clamp(24px, 4vw, 36px) !important;
  align-items: start !important;
}

body.itemid-195 .shada-faq-main {
  min-width: 0 !important;
}

body.itemid-195 .shada-faq-sidebar {
  position: sticky !important;
  top: 96px !important;
  align-self: start !important;
}

body.itemid-195 .shada-faq-hero-card {
  background: #f9fcfc !important;
  border: 1px solid #d9ecec !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  margin: 20px 0 36px 0 !important;
}

body.itemid-195 .shada-faq-hero-card img {
  width: 100% !important;
  display: block !important;
  border-radius: 0 !important;
}

body.itemid-195 .shada-faq-hero-content {
  padding: clamp(22px, 4vw, 30px) !important;
}

body.itemid-195 .shada-faq-hero-content h2 {
  margin-top: 0 !important;
  margin-bottom: 16px !important;
}

body.itemid-195 .shada-service-toc {
  background: #f9fcfc !important;
  border: 1px solid #d9ecec !important;
  border-radius: 12px !important;
  padding: 22px !important;
  margin: 20px 0 0 0 !important;
}

body.itemid-195 .shada-service-toc h2 {
  margin: 0 0 16px 0 !important;
  font-size: 18px !important;
}

body.itemid-195 .shada-service-toc a {
  display: block !important;
  background: #ffffff !important;
  border: 1px solid #d9ecec !important;
  border-radius: 8px !important;
  padding: 12px 14px !important;
  margin-bottom: 10px !important;
  color: #0f6d73 !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  line-height: 1.35 !important;
}

body.itemid-195 .shada-service-toc a:hover {
  background: #eef7f7 !important;
}

body.itemid-195 .shada-button,
body.itemid-195 a.shada-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  padding: 10px 18px !important;
  border-radius: 8px !important;
  background: #0f6d73 !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
}

/* Keep existing FAQ sections visually consistent */
body.itemid-195 .shada-faq-main > div[id] {
  border-radius: 12px !important;
  margin: 40px 0 !important;
}

/* Mobile: one column */
@media (max-width: 992px) {
  body.itemid-195 .shada-faq-layout {
    grid-template-columns: 1fr !important;
  }

  body.itemid-195 .shada-faq-sidebar {
    position: relative !important;
    top: auto !important;
    order: -1 !important;
  }

  body.itemid-195 .shada-service-toc {
    margin-top: 0 !important;
  }
}

/* === SHADA FAQ AGREED SUBPAGE STRUCTURE END === */

/* === SHADA FAQ TOP ONLY AGREED LAYOUT START === */

/* Scope only to /resources/faq */
body.itemid-195 .shada-faq-top-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 345px !important;
  gap: clamp(24px, 4vw, 36px) !important;
  align-items: start !important;
  margin: 20px 0 36px 0 !important;
}

body.itemid-195 .shada-faq-hero-card {
  background: #f9fcfc !important;
  border: 1px solid #d9ecec !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  margin: 0 !important;
}

body.itemid-195 .shada-faq-hero-card img {
  width: 100% !important;
  display: block !important;
  border-radius: 0 !important;
}

body.itemid-195 .shada-faq-hero-content {
  padding: clamp(22px, 4vw, 30px) !important;
}

body.itemid-195 .shada-faq-sidebar {
  align-self: start !important;
  position: sticky !important;
  top: 96px !important;
}

body.itemid-195 .shada-service-toc {
  background: #f9fcfc !important;
  border: 1px solid #d9ecec !important;
  border-radius: 12px !important;
  padding: 22px !important;
  margin: 0 !important;
}

body.itemid-195 .shada-service-toc h2 {
  margin: 0 0 16px 0 !important;
  font-size: 18px !important;
}

body.itemid-195 .shada-service-toc a {
  display: block !important;
  background: #ffffff !important;
  border: 1px solid #d9ecec !important;
  border-radius: 8px !important;
  padding: 12px 14px !important;
  margin-bottom: 10px !important;
  color: #0f6d73 !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  line-height: 1.35 !important;
}

body.itemid-195 .shada-service-toc a:hover {
  background: #eef7f7 !important;
}

body.itemid-195 .shada-button,
body.itemid-195 a.shada-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  padding: 10px 18px !important;
  border-radius: 8px !important;
  background: #0f6d73 !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
}

@media (max-width: 992px) {
  body.itemid-195 .shada-faq-top-grid {
    grid-template-columns: 1fr !important;
  }

  body.itemid-195 .shada-faq-sidebar {
    position: relative !important;
    top: auto !important;
  }
}

/* === SHADA FAQ TOP ONLY AGREED LAYOUT END === */
/* === SHADA FAQ SAMPLE LAYOUT FIX START 2026-06-29 ===
   Scope: FAQ page only, Menu Item 195 / Article 42.
   Purpose: make /resources/faq follow the same top-card + right TOC structure as /our-services/immigration-advice.
*/
body.itemid-195 .shada-faq-page {
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
}

body.itemid-195 .shada-faq-page .shada-faq-intro-grid,
body.itemid-195 .shada-faq-page .shada-faq-top-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 320px) !important;
  gap: 28px !important;
  align-items: start !important;
  margin-bottom: 32px !important;
}

body.itemid-195 .shada-faq-page .shada-faq-summary-card,
body.itemid-195 .shada-faq-page .shada-faq-hero-card {
  min-width: 0 !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
}

body.itemid-195 .shada-faq-page .shada-faq-toc,
body.itemid-195 .shada-faq-page .shada-service-toc.shada-faq-toc {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: start !important;
  position: static !important;
  top: auto !important;
  z-index: 1 !important;
  margin: 0 !important;
  max-width: none !important;
}

body.itemid-195 .shada-faq-page .shada-faq-toc h1,
body.itemid-195 .shada-faq-page .shada-faq-toc h2,
body.itemid-195 .shada-faq-page .shada-faq-toc h3 {
  font-size: var(--shada-service-toc-size, 1rem) !important;
  line-height: 1.3 !important;
}

body.itemid-195 .shada-faq-page .shada-faq-section {
  clear: both !important;
  max-width: 100% !important;
}

body.itemid-195 .shada-faq-page .shada-faq-related-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 22px !important;
}

body.itemid-195 .shada-faq-page .shada-faq-related-grid > * {
  min-width: 0 !important;
  max-width: 100% !important;
}

@media (max-width: 992px) {
  body.itemid-195 .shada-faq-page .shada-faq-intro-grid,
  body.itemid-195 .shada-faq-page .shada-faq-top-grid {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }

  body.itemid-195 .shada-faq-page .shada-faq-summary-card,
  body.itemid-195 .shada-faq-page .shada-faq-hero-card {
    grid-column: 1 !important;
    grid-row: 1 !important;
    order: 1 !important;
  }

  body.itemid-195 .shada-faq-page .shada-faq-toc,
  body.itemid-195 .shada-faq-page .shada-service-toc.shada-faq-toc {
    grid-column: 1 !important;
    grid-row: 2 !important;
    order: 2 !important;
    position: static !important;
    top: auto !important;
    margin-top: 0 !important;
    margin-bottom: 24px !important;
  }
}

@media (max-width: 768px) {
  body.itemid-195 .com-content-article,
  body.itemid-195 .item-page,
  body.itemid-195 .shada-faq-page {
    padding-bottom: calc(120px + env(safe-area-inset-bottom)) !important;
  }

  body.itemid-195 .shada-faq-page .shada-faq-intro-grid,
  body.itemid-195 .shada-faq-page .shada-faq-top-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  body.itemid-195 .shada-faq-page .shada-faq-related-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  body.itemid-195 .shada-faq-page .shada-faq-related-grid > *,
  body.itemid-195 .shada-faq-page .shada-faq-related-card {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  body.itemid-195 .shada-faq-page .shada-faq-card-stack {
    display: flex !important;
    flex-direction: column !important;
  }

  body.itemid-195 .shada-faq-page .shada-card,
  body.itemid-195 .shada-faq-page .shada-faq-item,
  body.itemid-195 .shada-faq-page .shada-service-related-card {
    width: 100% !important;
    max-width: 100% !important;
  }
}
/* === SHADA FAQ SAMPLE LAYOUT FIX END 2026-06-29 === */



/* === SHADA FAQ REVIEWER SAMPLE STRUCTURE PATCH START 2026-06-29 === */
/* Scope: FAQ page only — Menu Item 195 */
body.itemid-195 .shada-faq-reviewer-section {
  margin-top: 40px !important;
  margin-bottom: 32px !important;
}

body.itemid-195 .shada-faq-reviewer-section .shada-service-text-media {
  max-width: 960px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (max-width: 768px) {
  body.itemid-195 .com-content-article,
  body.itemid-195 .item-page,
  body.itemid-195 .shada-faq-page {
    margin-bottom: 0 !important;
  }

  body.itemid-195 .container-component {
    padding-bottom: 18px !important;
    margin-bottom: 0 !important;
  }

  body.itemid-195 .shada-faq-reviewer-section {
    margin-bottom: 20px !important;
  }

  body.itemid-195 .container-footer {
    margin-top: 0 !important;
    padding-bottom: calc(88px + env(safe-area-inset-bottom)) !important;
  }
}
/* === SHADA FAQ REVIEWER SAMPLE STRUCTURE PATCH END 2026-06-29 === */
/* === SHADA OUR VISION LAYOUT PATCH START 2026-06-29 === */
/* Scope: /our-vision only, menu item 357. */
body.itemid-357 .shada-vision-values-grid,
body.itemid-357 .shada-vision-support-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 22px !important;
  align-items: stretch !important;
}

body.itemid-357 .shada-vision-values-grid > *,
body.itemid-357 .shada-vision-support-grid > * {
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

body.itemid-357 .shada-vision-support-grid > .shada-card,
body.itemid-357 .shada-vision-support-grid > .shada-service-related-card {
  display: flex !important;
  flex-direction: column !important;
}

body.itemid-357 .shada-vision-support-grid .shada-card__button {
  margin-top: auto !important;
  align-self: flex-start !important;
}

@media (max-width: 768px) {
  body.itemid-357 .shada-vision-values-grid,
  body.itemid-357 .shada-vision-support-grid {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  body.itemid-357 .shada-vision-values-grid > *,
  body.itemid-357 .shada-vision-support-grid > * {
    grid-column: auto !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}
/* === SHADA OUR VISION LAYOUT PATCH END 2026-06-29 === */


/* === SHADA OUR VISION BUTTON SPACING PATCH START 2026-06-29 === */
/* Scope: Our Vision support cards only. Overrides earlier margin-top:auto rule. */
body[class*="itemid-"] main .com-content-article .shada-vision-support-grid .shada-card .shada-card__button,
body[class*="itemid-"] main .com-content-article .shada-vision-support-grid .shada-service-related-card .shada-card__button {
  display: inline-flex !important;
  margin-top: 22px !important;
  align-self: flex-start !important;
}

body[class*="itemid-"] main .com-content-article .shada-vision-support-grid .shada-card p:last-of-type,
body[class*="itemid-"] main .com-content-article .shada-vision-support-grid .shada-service-related-card p:last-of-type {
  margin-bottom: 0 !important;
}

@media (max-width: 768px) {
  body[class*="itemid-"] main .com-content-article .shada-vision-support-grid .shada-card .shada-card__button,
  body[class*="itemid-"] main .com-content-article .shada-vision-support-grid .shada-service-related-card .shada-card__button {
    margin-top: 20px !important;
  }
}
/* === SHADA OUR VISION BUTTON SPACING PATCH END 2026-06-29 === */

/* === SHADA ZOO GATEWAY HEADER OVERRIDE START === */
/* Ensure Blog/News Zoo gateway pages show the Shada logo/phone header. Added 20260702. */

@media (min-width: 992px) {
  body.com_zoo.view-frontpage .container-header .container-topbar,
  body.com_zoo.view-frontpage .container-header .container-topbar > .grid-child,
  body.com_zoo.view-frontpage .container-header .container-topbar .mod-custom,
  body.com_zoo.view-frontpage .container-header .container-topbar .mod-custom.shada-header-module,
  body.com_zoo.view-frontpage .container-header .shada-site-header,
  body.com_zoo.view-frontpage .container-header .shada-site-header-inner {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  body.com_zoo.view-frontpage .container-header .container-topbar {
    width: 100% !important;
    max-width: 100% !important;
    background: #ffffff !important;
  }

  body.com_zoo.view-frontpage .container-header .shada-site-header {
    width: 100% !important;
    background: #ffffff !important;
  }

  body.com_zoo.view-frontpage .container-header .shada-site-header-inner {
    width: min(100%, 1160px) !important;
    max-width: 1160px !important;
    min-height: 135px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 22px 0 18px 0 !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  body.com_zoo.view-frontpage .container-header .shada-header-logo,
  body.com_zoo.view-frontpage .container-header .shada-header-logo img,
  body.com_zoo.view-frontpage .container-header .shada-header-actions,
  body.com_zoo.view-frontpage .container-header a.shada-phone-button {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  body.com_zoo.view-frontpage .container-header .shada-header-logo img {
    width: 225px !important;
    max-width: 225px !important;
    height: auto !important;
  }

  body.com_zoo.view-frontpage .container-header .shada-header-actions {
    flex-direction: column !important;
    align-items: flex-end !important;
    justify-content: center !important;
    gap: 18px !important;
  }

  body.com_zoo.view-frontpage .container-header a.shada-phone-button {
    align-items: center !important;
    justify-content: center !important;
  }
}

/* === SHADA ZOO GATEWAY HEADER OVERRIDE END === */

/* === SHADA ZOO ARTICLE TABLE STYLE START === */
/* Styling for rebuilt Zoo article data tables. Added 20260702. */

body.com_zoo.view-item .shada-zoo-table-wrap {
  width: 100%;
  overflow-x: auto;
  margin: 26px 0 34px;
  border: 1px solid #d9e5e6;
  border-radius: 8px;
  background: #ffffff;
}

body.com_zoo.view-item table.shada-zoo-data-table {
  width: 100%;
  min-width: 760px;
  border-collapse: collapse;
  margin: 0;
  background: #ffffff;
  font-size: 0.95rem;
  line-height: 1.45;
}

body.com_zoo.view-item table.shada-zoo-data-table th {
  background: #0b6f76;
  color: #ffffff;
  font-weight: 700;
  text-align: left;
  padding: 12px 14px;
  border: 1px solid #0b6f76;
  white-space: nowrap;
}

body.com_zoo.view-item table.shada-zoo-data-table td {
  padding: 10px 14px;
  border: 1px solid #d9e5e6;
  vertical-align: top;
}

body.com_zoo.view-item table.shada-zoo-data-table td:nth-child(2),
body.com_zoo.view-item table.shada-zoo-data-table td:nth-child(3),
body.com_zoo.view-item table.shada-zoo-data-table td:nth-child(4) {
  text-align: right;
  white-space: nowrap;
}

body.com_zoo.view-item table.shada-zoo-data-table tr:nth-child(even) td {
  background: #f7fbfb;
}

@media (max-width: 767px) {
  body.com_zoo.view-item .shada-zoo-table-wrap {
    margin-left: -4px;
    margin-right: -4px;
    border-radius: 6px;
  }

  body.com_zoo.view-item table.shada-zoo-data-table {
    font-size: 0.88rem;
  }

  body.com_zoo.view-item table.shada-zoo-data-table th,
  body.com_zoo.view-item table.shada-zoo-data-table td {
    padding: 9px 10px;
  }
}

/* === SHADA ZOO ARTICLE TABLE STYLE END === */

/* === SHADA ZOO FULL ARTICLE TEMPLATE START === */
/* Controlled article layout for Zoo Blog/News item pages. Added 20260702. */

body.com_zoo.view-item .yoo-zoo {
  max-width: 1040px;
  margin: 0 auto;
}

body.com_zoo.view-item .shada-zoo-article {
  font-family: var(--shada-font-body, "ShadaRoboto", Roboto, Arial, Helvetica, sans-serif);
  font-size: 17px;
  line-height: 1.72;
  color: #243536;
  background: #ffffff;
}

body.com_zoo.view-item .shada-zoo-article__header {
  margin: 0 0 26px;
  padding: 0 0 20px;
  border-bottom: 1px solid #d9e5e6;
}

body.com_zoo.view-item .shada-zoo-article__title {
  font-family: var(--shada-font-heading, "ShadaRobotoSlab", Georgia, "Times New Roman", serif);
  font-size: clamp(2rem, 3.1vw, 3rem);
  line-height: 1.15;
  font-weight: 700;
  color: #0b3f43;
  margin: 0 0 14px;
}

body.com_zoo.view-item .shada-zoo-article__meta {
  font-size: 0.96rem;
  line-height: 1.45;
  color: #687879;
  margin: 0 0 18px;
}

body.com_zoo.view-item .shada-zoo-article__meta a {
  color: #0b6f76;
  text-decoration: none;
}

body.com_zoo.view-item .shada-zoo-article__meta a:hover,
body.com_zoo.view-item .shada-zoo-article__meta a:focus {
  text-decoration: underline;
}

body.com_zoo.view-item .shada-zoo-article__lead {
  font-size: 1.15rem;
  line-height: 1.72;
  color: #385052;
  margin: 0;
}

body.com_zoo.view-item .shada-zoo-article__content {
  font-family: var(--shada-font-body, "ShadaRoboto", Roboto, Arial, Helvetica, sans-serif);
  font-size: 17px;
  line-height: 1.75;
}

body.com_zoo.view-item .shada-zoo-article__content p {
  margin: 0 0 1.15em;
}

body.com_zoo.view-item .shada-zoo-article__content h2,
body.com_zoo.view-item .shada-zoo-article__content h3 {
  font-family: var(--shada-font-heading, "ShadaRobotoSlab", Georgia, "Times New Roman", serif);
  color: #0b3f43;
  line-height: 1.25;
  margin: 1.8em 0 0.75em;
}

body.com_zoo.view-item .shada-zoo-article__content h2 {
  font-size: 1.75rem;
}

body.com_zoo.view-item .shada-zoo-article__content h3 {
  font-size: 1.42rem;
}

body.com_zoo.view-item .shada-zoo-article__content ul,
body.com_zoo.view-item .shada-zoo-article__content ol {
  margin: 0 0 1.3em 1.35em;
  padding: 0;
}

body.com_zoo.view-item .shada-zoo-article__content li {
  margin: 0.35em 0;
}

/* Imported article images */
body.com_zoo.view-item .shada-zoo-article__content img.thumb-large.pull-right-small,
body.com_zoo.view-item .shada-zoo-article__content img.pull-right-small,
body.com_zoo.view-item .shada-zoo-article__content img[align="right"] {
  float: right;
  width: auto;
  max-width: 320px;
  height: auto;
  margin: 4px 0 22px 30px;
  border-radius: 8px;
  box-shadow: 0 8px 22px rgba(0,0,0,0.12);
}

/* Zoo media position, where present */
body.com_zoo.view-item .shada-zoo-article__feature--right {
  float: right;
  max-width: 320px;
  margin: 4px 0 22px 30px;
}

body.com_zoo.view-item .shada-zoo-article__feature--left {
  float: left;
  max-width: 320px;
  margin: 4px 30px 22px 0;
}

body.com_zoo.view-item .shada-zoo-article__feature img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
  box-shadow: 0 8px 22px rgba(0,0,0,0.12);
}

/* Larger, readable Zoo data tables */
body.com_zoo.view-item table.shada-zoo-data-table {
  font-family: var(--shada-font-body, "ShadaRoboto", Roboto, Arial, Helvetica, sans-serif);
  font-size: 17px;
  line-height: 1.55;
}

body.com_zoo.view-item table.shada-zoo-data-table th,
body.com_zoo.view-item table.shada-zoo-data-table td {
  padding: 12px 15px;
}

body.com_zoo.view-item .shada-zoo-article__taxonomy,
body.com_zoo.view-item .shada-zoo-article__bottom,
body.com_zoo.view-item .shada-zoo-article__related,
body.com_zoo.view-item .shada-zoo-article__author {
  clear: both;
  margin-top: 34px;
}

body.com_zoo.view-item .shada-zoo-article__related h2 {
  font-family: var(--shada-font-heading, "ShadaRobotoSlab", Georgia, "Times New Roman", serif);
  color: #0b3f43;
  font-size: 1.55rem;
  margin: 0 0 14px;
}

@media (max-width: 767px) {
  body.com_zoo.view-item .yoo-zoo {
    max-width: 100%;
  }

  body.com_zoo.view-item .shada-zoo-article {
    font-size: 16px;
    line-height: 1.68;
  }

  body.com_zoo.view-item .shada-zoo-article__title {
    font-size: clamp(1.75rem, 8vw, 2.35rem);
  }

  body.com_zoo.view-item .shada-zoo-article__lead {
    font-size: 1.04rem;
  }

  body.com_zoo.view-item .shada-zoo-article__content img.thumb-large.pull-right-small,
  body.com_zoo.view-item .shada-zoo-article__content img.pull-right-small,
  body.com_zoo.view-item .shada-zoo-article__content img[align="right"],
  body.com_zoo.view-item .shada-zoo-article__feature--right,
  body.com_zoo.view-item .shada-zoo-article__feature--left {
    float: none;
    display: block;
    max-width: 100%;
    width: 100%;
    margin: 0 0 22px;
  }

  body.com_zoo.view-item table.shada-zoo-data-table {
    font-size: 15.5px;
  }
}

/* === SHADA ZOO FULL ARTICLE TEMPLATE END === */

/* === SHADA ZOO RELATED + AUTHOR CLEANUP START === */
/* Polishes lower section of Zoo Blog/News article pages. Added 20260702. */

body.com_zoo.view-item .shada-zoo-article__related,
body.com_zoo.view-item .shada-zoo-article__author {
  border-top: 1px solid #d9e5e6;
  padding-top: 28px;
}

body.com_zoo.view-item .shada-zoo-article__related {
  margin-top: 42px;
}

body.com_zoo.view-item .shada-zoo-article__related h2,
body.com_zoo.view-item .shada-zoo-article__author h3 {
  font-family: var(--shada-font-heading, "ShadaRobotoSlab", Georgia, "Times New Roman", serif);
  color: #0b3f43;
  font-size: 1.55rem;
  line-height: 1.25;
  margin: 0 0 18px;
}

body.com_zoo.view-item .shada-zoo-article__related ul,
body.com_zoo.view-item .shada-zoo-article__related .uk-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

body.com_zoo.view-item .shada-zoo-article__related li {
  margin: 0 0 10px;
}

body.com_zoo.view-item .shada-zoo-article__related a {
  display: block;
  padding: 13px 16px;
  border: 1px solid #d9e5e6;
  border-radius: 8px;
  background: #f7fbfb;
  color: #0b6f76;
  font-weight: 700;
  text-decoration: none;
}

body.com_zoo.view-item .shada-zoo-article__related a:hover,
body.com_zoo.view-item .shada-zoo-article__related a:focus {
  background: #eef7f7;
  border-color: #b8d4d6;
  color: #084f55;
  text-decoration: none;
}

body.com_zoo.view-item .shada-zoo-article__author {
  margin-top: 34px;
  padding: 26px;
  border: 1px solid #d9e5e6;
  border-radius: 12px;
  background: #f7fbfb;
}

body.com_zoo.view-item .shada-zoo-article__author a {
  color: #0b6f76;
  font-weight: 700;
}

body.com_zoo.view-item .shada-zoo-article__author p {
  margin: 0 0 1em;
}

body.com_zoo.view-item .shada-zoo-article__author .uk-nbfc,
body.com_zoo.view-item .shada-zoo-article__author .uk-panel {
  font-family: var(--shada-font-body, "ShadaRoboto", Roboto, Arial, Helvetica, sans-serif);
  font-size: 16.5px;
  line-height: 1.72;
  color: #243536;
}

@media (max-width: 767px) {
  body.com_zoo.view-item .shada-zoo-article__author {
    padding: 20px;
  }

  body.com_zoo.view-item .shada-zoo-article__related a {
    padding: 12px 14px;
  }
}

/* === SHADA ZOO RELATED + AUTHOR CLEANUP END === */

/* === SHADA ZOO CATEGORY TEMPLATE START === */
/* Controlled layout for Zoo Blog/News category pages. Added 20260702. */

body.com_zoo.task-category .shada-zoo-category {
  max-width: 1040px;
  margin: 0 auto;
  font-family: var(--shada-font-body, "ShadaRoboto", Roboto, Arial, Helvetica, sans-serif);
  color: #243536;
}

body.com_zoo.task-category .shada-zoo-category__hero {
  margin: 0 0 26px;
  padding: 0 0 22px;
  border-bottom: 1px solid #d9e5e6;
}

body.com_zoo.task-category .shada-zoo-category__eyebrow {
  margin: 0 0 10px;
  color: #0b6f76;
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

body.com_zoo.task-category .shada-zoo-category__title {
  margin: 0 0 14px;
  font-family: var(--shada-font-heading, "ShadaRobotoSlab", Georgia, "Times New Roman", serif);
  font-size: clamp(2rem, 3vw, 3rem);
  line-height: 1.15;
  color: #0b3f43;
}

body.com_zoo.task-category .shada-zoo-category__lead {
  max-width: 860px;
  font-size: 1.13rem;
  line-height: 1.72;
  color: #385052;
}

body.com_zoo.task-category .shada-zoo-category__intro {
  margin: 0 0 34px;
  font-size: 17px;
  line-height: 1.75;
}

body.com_zoo.task-category .shada-zoo-category__description p {
  margin: 0 0 1.15em;
}

body.com_zoo.task-category .shada-zoo-category__description h2,
body.com_zoo.task-category .shada-zoo-category__description h3 {
  font-family: var(--shada-font-heading, "ShadaRobotoSlab", Georgia, "Times New Roman", serif);
  color: #0b3f43;
  line-height: 1.25;
}

body.com_zoo.task-category .shada-zoo-category__description h3 {
  font-size: 1.35rem;
  margin: 0 0 14px;
}

body.com_zoo.task-category .shada-zoo-category__description > div,
body.com_zoo.task-category .shada-zoo-category__description [style*="background"] {
  margin-top: 28px !important;
  padding: 24px 26px !important;
  border: 1px solid #d9e5e6 !important;
  border-left: 6px solid #0b6f76 !important;
  border-radius: 10px !important;
  background: #f7fbfb !important;
}

body.com_zoo.task-category .shada-zoo-category__description ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 14px;
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
}

body.com_zoo.task-category .shada-zoo-category__description li {
  margin: 0;
}

body.com_zoo.task-category .shada-zoo-category__description li a {
  display: block;
  padding: 12px 14px;
  border: 1px solid #d9e5e6;
  border-radius: 8px;
  background: #ffffff;
  color: #0b6f76;
  font-weight: 800;
  text-decoration: none;
}

body.com_zoo.task-category .shada-zoo-category__description li a:hover,
body.com_zoo.task-category .shada-zoo-category__description li a:focus {
  background: #eef7f7;
  border-color: #b8d4d6;
  color: #084f55;
  text-decoration: none;
}

body.com_zoo.task-category .shada-zoo-category__articles {
  margin-top: 38px;
  padding-top: 28px;
  border-top: 1px solid #d9e5e6;
}

body.com_zoo.task-category .shada-zoo-category__section-head {
  margin: 0 0 22px;
}

body.com_zoo.task-category .shada-zoo-category__section-head h2 {
  margin: 0 0 8px;
  font-family: var(--shada-font-heading, "ShadaRobotoSlab", Georgia, "Times New Roman", serif);
  color: #0b3f43;
  font-size: 1.65rem;
  line-height: 1.25;
}

body.com_zoo.task-category .shada-zoo-category__section-head p {
  margin: 0;
  color: #526668;
  font-size: 1rem;
  line-height: 1.65;
}

body.com_zoo.task-category .shada-zoo-category__items {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}

body.com_zoo.task-category .shada-zoo-category__item {
  margin: 0;
}

/* Make category teaser cards use the full width cleanly */
body.com_zoo.task-category .shada-zoo-card {
  margin: 0;
}

@media (max-width: 767px) {
  body.com_zoo.task-category .shada-zoo-category__description ul {
    grid-template-columns: 1fr;
  }

  body.com_zoo.task-category .shada-zoo-category__intro {
    font-size: 16px;
    line-height: 1.68;
  }

  body.com_zoo.task-category .shada-zoo-category__description > div,
  body.com_zoo.task-category .shada-zoo-category__description [style*="background"] {
    padding: 20px !important;
  }
}

/* === SHADA ZOO CATEGORY TEMPLATE END === */

/* === SHADA ZOO CATEGORY ROLLUP START === */
/* Latest child-category article cards for Zoo parent category pages. Added 20260702. */

body.com_zoo.task-category .shada-zoo-category__rollup {
  margin-top: 38px;
  padding-top: 30px;
  border-top: 1px solid #d9e5e6;
}

body.com_zoo.task-category .shada-zoo-rollup-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
}

body.com_zoo.task-category .shada-zoo-rollup-card {
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
  gap: 18px;
  padding: 18px;
  border: 1px solid #d9e5e6;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 8px 20px rgba(0,0,0,0.045);
}

body.com_zoo.task-category .shada-zoo-rollup-card__image {
  display: block;
  overflow: hidden;
  border-radius: 9px;
  background: #eef7f7;
}

body.com_zoo.task-category .shada-zoo-rollup-card__image img {
  display: block;
  width: 100%;
  height: 135px;
  object-fit: cover;
}

body.com_zoo.task-category .shada-zoo-rollup-card__meta {
  margin: 0 0 7px;
  color: #0b6f76;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.com_zoo.task-category .shada-zoo-rollup-card__title {
  margin: 0 0 9px;
  font-family: var(--shada-font-heading, "ShadaRobotoSlab", Georgia, "Times New Roman", serif);
  font-size: 1.12rem;
  line-height: 1.28;
}

body.com_zoo.task-category .shada-zoo-rollup-card__title a {
  color: #0b3f43;
  text-decoration: none;
}

body.com_zoo.task-category .shada-zoo-rollup-card__title a:hover,
body.com_zoo.task-category .shada-zoo-rollup-card__title a:focus {
  color: #0b6f76;
  text-decoration: underline;
}

body.com_zoo.task-category .shada-zoo-rollup-card p {
  margin: 0 0 12px;
  color: #385052;
  font-size: 0.96rem;
  line-height: 1.58;
}

body.com_zoo.task-category .shada-zoo-rollup-card__link {
  color: #0b6f76;
  font-weight: 800;
  text-decoration: none;
}

body.com_zoo.task-category .shada-zoo-rollup-card__link:hover,
body.com_zoo.task-category .shada-zoo-rollup-card__link:focus {
  text-decoration: underline;
}

@media (max-width: 900px) {
  body.com_zoo.task-category .shada-zoo-rollup-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 560px) {
  body.com_zoo.task-category .shada-zoo-rollup-card {
    grid-template-columns: 1fr;
  }

  body.com_zoo.task-category .shada-zoo-rollup-card__image img {
    height: auto;
  }
}

/* === SHADA ZOO CATEGORY ROLLUP END === */

/* === SHADA ZOO ROLLUP CARD IMAGE POLISH START === */
/* Prevents category roll-up image panels from stretching taller than the thumbnail. Added 20260702. */

body.com_zoo.task-category .shada-zoo-rollup-card {
  align-items: start;
}

body.com_zoo.task-category .shada-zoo-rollup-card__image {
  height: 135px;
}

body.com_zoo.task-category .shada-zoo-rollup-card__image img {
  height: 135px;
  object-fit: cover;
}

body.com_zoo.task-category .shada-zoo-rollup-card:not(:has(.shada-zoo-rollup-card__image)) {
  grid-template-columns: 1fr;
}

@media (max-width: 560px) {
  body.com_zoo.task-category .shada-zoo-rollup-card__image,
  body.com_zoo.task-category .shada-zoo-rollup-card__image img {
    height: auto;
  }
}

/* === SHADA ZOO ROLLUP CARD IMAGE POLISH END === */

/* === SHADA ZOO ROLLUP READ ARTICLE BUTTON START === */
/* Turns category roll-up "Read article" links into proper buttons. Added 20260702. */

body.com_zoo.task-category .shada-zoo-rollup-card__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin-top: 6px;
  padding: 9px 15px;
  border-radius: 999px;
  background: #0b6f76;
  color: #ffffff !important;
  font-weight: 800;
  font-size: 0.94rem;
  line-height: 1.2;
  text-decoration: none !important;
  box-shadow: 0 6px 14px rgba(11,111,118,0.18);
}

body.com_zoo.task-category .shada-zoo-rollup-card__link::after {
  content: " →";
  margin-left: 4px;
}

body.com_zoo.task-category .shada-zoo-rollup-card__link:hover,
body.com_zoo.task-category .shada-zoo-rollup-card__link:focus {
  background: #084f55;
  color: #ffffff !important;
  text-decoration: none !important;
}

/* === SHADA ZOO ROLLUP READ ARTICLE BUTTON END === */

/* === SHADA ZOO CATEGORY HUB REFINEMENT START === */
/* Refines Migration Resources category page into left intro + right TOC card. Added 20260702. */

body.com_zoo.task-category .shada-zoo-category {
  font-family: var(--shada-font-body, "ShadaRoboto", Roboto, Arial, Helvetica, sans-serif) !important;
}

body.com_zoo.task-category .shada-zoo-category__title,
body.com_zoo.task-category .shada-zoo-category__description h2,
body.com_zoo.task-category .shada-zoo-category__description h3,
body.com_zoo.task-category .shada-zoo-category__section-head h2 {
  font-family: var(--shada-font-heading, "ShadaRobotoSlab", Georgia, "Times New Roman", serif) !important;
}

body.com_zoo.task-category .shada-zoo-category__hero {
  margin-bottom: 24px;
  padding-bottom: 20px;
}

body.com_zoo.task-category .shada-zoo-category__title {
  margin-bottom: 10px;
}

body.com_zoo.task-category .shada-zoo-category__intro {
  margin: 0 0 34px;
  font-size: 17px;
  line-height: 1.58;
}

body.com_zoo.task-category .shada-zoo-category__description {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);
  gap: 30px;
  align-items: start;
}

body.com_zoo.task-category .shada-zoo-category__description > p {
  grid-column: 1;
  margin: 0 0 1.05em;
  max-width: 760px;
  line-height: 1.58;
}

body.com_zoo.task-category .shada-zoo-category__description > div,
body.com_zoo.task-category .shada-zoo-category__description [style*="background"] {
  grid-column: 2;
  grid-row: 1 / span 4;
  margin-top: 0 !important;
  padding: 24px 26px !important;
  border: 1px solid #d9e5e6 !important;
  border-left: 6px solid #0b6f76 !important;
  border-radius: 12px !important;
  background: #f7fbfb !important;
  box-shadow: 0 8px 22px rgba(0,0,0,0.04);
}

body.com_zoo.task-category .shada-zoo-category__description h3 {
  font-size: 1.35rem;
  line-height: 1.22;
  margin: 0 0 12px !important;
}

body.com_zoo.task-category .shada-zoo-category__description > div p {
  margin: 0 0 16px;
  line-height: 1.55;
}

body.com_zoo.task-category .shada-zoo-category__description ul {
  grid-template-columns: 1fr;
  gap: 10px;
  margin-top: 14px;
}

body.com_zoo.task-category .shada-zoo-category__description li a {
  padding: 12px 14px;
  line-height: 1.25;
}

body.com_zoo.task-category .shada-zoo-category__rollup,
body.com_zoo.task-category .shada-zoo-category__articles {
  margin-top: 34px;
  padding-top: 28px;
}

@media (max-width: 900px) {
  body.com_zoo.task-category .shada-zoo-category__description {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  body.com_zoo.task-category .shada-zoo-category__description > p,
  body.com_zoo.task-category .shada-zoo-category__description > div,
  body.com_zoo.task-category .shada-zoo-category__description [style*="background"] {
    grid-column: 1;
    grid-row: auto;
  }
}

@media (max-width: 767px) {
  body.com_zoo.task-category .shada-zoo-category__intro {
    font-size: 16px;
    line-height: 1.58;
  }

  body.com_zoo.task-category .shada-zoo-category__description > div,
  body.com_zoo.task-category .shada-zoo-category__description [style*="background"] {
    padding: 20px !important;
  }
}

/* === SHADA ZOO CATEGORY HUB REFINEMENT END === */

/* === SHADA ZOO CATEGORY INTRO BALANCE START === */
/* Tightens left intro text and balances it against the right TOC card. Added 20260702. */

body.com_zoo.task-category .shada-zoo-category__description {
  gap: 36px;
}

body.com_zoo.task-category .shada-zoo-category__description > p {
  font-size: 17px;
  line-height: 1.52;
  margin: 0 0 18px;
}

body.com_zoo.task-category .shada-zoo-category__description > p:first-of-type {
  margin-top: 6px;
}

body.com_zoo.task-category .shada-zoo-category__description > p + p {
  margin-top: 18px;
}

body.com_zoo.task-category .shada-zoo-category__description > div,
body.com_zoo.task-category .shada-zoo-category__description [style*="background"] {
  max-width: 460px;
  justify-self: end;
}

body.com_zoo.task-category .shada-zoo-category__rollup {
  margin-top: 30px;
}

body.com_zoo.task-category .shada-zoo-category__section-head {
  margin-bottom: 20px;
}

body.com_zoo.task-category .shada-zoo-category__section-head h2 {
  font-size: 1.58rem;
}

body.com_zoo.task-category .shada-zoo-category__section-head p {
  font-size: 0.98rem;
  line-height: 1.5;
}

@media (max-width: 900px) {
  body.com_zoo.task-category .shada-zoo-category__description > div,
  body.com_zoo.task-category .shada-zoo-category__description [style*="background"] {
    max-width: 100%;
    justify-self: stretch;
  }
}

/* === SHADA ZOO CATEGORY INTRO BALANCE END === */

/* === SHADA ZOO CATEGORY IMAGE BANNER START === */
/* Displays mapped images for Migration Blog and Immigration News category pages. Added 20260702. */

body.com_zoo.task-category .shada-zoo-category__image {
  margin: 0 0 28px;
  overflow: hidden;
  border: 1px solid #d9e5e6;
  border-radius: 14px;
  background: #f7fbfb;
  box-shadow: 0 10px 26px rgba(0,0,0,0.045);
}

body.com_zoo.task-category .shada-zoo-category__image img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 420px;
  object-fit: cover;
}

@media (max-width: 767px) {
  body.com_zoo.task-category .shada-zoo-category__image {
    margin-bottom: 22px;
    border-radius: 10px;
  }

  body.com_zoo.task-category .shada-zoo-category__image img {
    max-height: none;
  }
}

/* === SHADA ZOO CATEGORY IMAGE BANNER END === */

/* === SHADA ZOO CATEGORY FAQ-STYLE LAYOUT START === */
/* Makes Zoo category pages match the visual structure of the FAQ page: left content card + right nav card. Added 20260702. */

body.com_zoo.task-category .shada-zoo-category__intro--faq-style {
  display: grid;
  grid-template-columns: minmax(0, 2.05fr) minmax(300px, 0.9fr);
  gap: 28px;
  align-items: start;
  margin: 0 0 36px;
}

body.com_zoo.task-category .shada-zoo-category__main-card {
  overflow: hidden;
  border: 1px solid #d9e5e6;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 8px 22px rgba(0,0,0,0.035);
}

body.com_zoo.task-category .shada-zoo-category__main-card .shada-zoo-category__image {
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: #f7fbfb;
}

body.com_zoo.task-category .shada-zoo-category__main-card .shada-zoo-category__image img {
  display: block;
  width: 100%;
  height: auto;
  max-height: none !important;
  object-fit: contain;
}

body.com_zoo.task-category .shada-zoo-category__main-card .shada-zoo-category__description {
  display: block !important;
  padding: 24px 28px 26px;
  font-size: 17px;
  line-height: 1.6;
  color: #243536;
}

body.com_zoo.task-category .shada-zoo-category__main-card .shada-zoo-category__description p {
  margin: 0 0 1.1em !important;
  max-width: none !important;
  line-height: 1.6 !important;
}

body.com_zoo.task-category .shada-zoo-category__main-card .shada-zoo-category__description p:last-child {
  margin-bottom: 0 !important;
}

body.com_zoo.task-category .shada-zoo-category__nav-card {
  padding: 24px 24px 26px;
  border: 1px solid #d9e5e6;
  border-radius: 12px;
  background: #f7fbfb;
  box-shadow: 0 8px 22px rgba(0,0,0,0.035);
}

body.com_zoo.task-category .shada-zoo-category__nav-card h3 {
  margin: 0 0 14px;
  font-family: var(--shada-font-heading, "ShadaRobotoSlab", Georgia, "Times New Roman", serif);
  color: #0b3f43;
  font-size: 1.25rem;
  line-height: 1.25;
}

body.com_zoo.task-category .shada-zoo-category__nav-card p {
  margin: 0 0 18px;
  color: #385052;
  font-size: 0.98rem;
  line-height: 1.55;
}

body.com_zoo.task-category .shada-zoo-category__nav-card ul {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.com_zoo.task-category .shada-zoo-category__nav-card li {
  margin: 0;
}

body.com_zoo.task-category .shada-zoo-category__nav-card a {
  display: block;
  padding: 12px 14px;
  border: 1px solid #d9e5e6;
  border-radius: 8px;
  background: #ffffff;
  color: #0b6f76;
  font-weight: 800;
  line-height: 1.28;
  text-decoration: none;
}

body.com_zoo.task-category .shada-zoo-category__nav-card a:hover,
body.com_zoo.task-category .shada-zoo-category__nav-card a:focus,
body.com_zoo.task-category .shada-zoo-category__nav-card a.is-active {
  background: #eef7f7;
  border-color: #b8d4d6;
  color: #084f55;
  text-decoration: none;
}

@media (max-width: 900px) {
  body.com_zoo.task-category .shada-zoo-category__intro--faq-style {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  body.com_zoo.task-category .shada-zoo-category__main-card .shada-zoo-category__description {
    padding: 22px;
    font-size: 16px;
  }

  body.com_zoo.task-category .shada-zoo-category__nav-card {
    padding: 22px;
  }
}

/* === SHADA ZOO CATEGORY FAQ-STYLE LAYOUT END === */

/* === SHADA STATE ALLOCATION TABLE START === */
/* Responsive table for 2025-26 state and territory nomination allocation article. Added 20260702. */

body.com_zoo.view-item .shada-state-allocation-table-wrap {
  margin: 26px 0 34px;
}

body.com_zoo.view-item .shada-state-allocation-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 16.5px;
  line-height: 1.45;
}

body.com_zoo.view-item .shada-state-allocation-table th,
body.com_zoo.view-item .shada-state-allocation-table td {
  padding: 13px 15px;
  border: 1px solid #d9e5e6;
  text-align: left;
  vertical-align: top;
}

body.com_zoo.view-item .shada-state-allocation-table thead th {
  background: #0b6f76;
  color: #ffffff;
  font-weight: 800;
}

body.com_zoo.view-item .shada-state-allocation-table tbody th {
  color: #0b3f43;
  font-weight: 800;
}

body.com_zoo.view-item .shada-state-allocation-table tbody tr:nth-child(even) {
  background: #f7fbfb;
}

body.com_zoo.view-item .shada-state-allocation-table .shada-table-total-row th {
  background: #eef7f7;
  color: #0b3f43;
}

@media (max-width: 680px) {
  body.com_zoo.view-item .shada-state-allocation-table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  body.com_zoo.view-item .shada-state-allocation-table {
    min-width: 560px;
    font-size: 15.5px;
  }
}

/* === SHADA STATE ALLOCATION TABLE END === */

/* === SHADA ZOO PAGINATION STYLE START === */
/* Improves Zoo Blog/News category pagination buttons. Added 20260702. */

body.com_zoo.task-category .pagination,
body.com_zoo.task-category ul.pagination,
body.com_zoo.task-category .pagination-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin: 34px 0 10px;
  padding: 0;
  list-style: none;
}

body.com_zoo.task-category .pagination li,
body.com_zoo.task-category .pagination-list li {
  margin: 0;
  padding: 0;
  list-style: none;
}

body.com_zoo.task-category .pagination a,
body.com_zoo.task-category .pagination span,
body.com_zoo.task-category .pagination-list a,
body.com_zoo.task-category .pagination-list span,
body.com_zoo.task-category .page-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  min-height: 38px;
  padding: 9px 14px;
  border: 1px solid #d9e5e6;
  border-radius: 999px;
  background: #ffffff;
  color: #0b6f76;
  font-weight: 800;
  line-height: 1;
  text-decoration: none !important;
  box-shadow: 0 5px 14px rgba(0,0,0,0.045);
}

body.com_zoo.task-category .pagination a:hover,
body.com_zoo.task-category .pagination a:focus,
body.com_zoo.task-category .pagination-list a:hover,
body.com_zoo.task-category .pagination-list a:focus,
body.com_zoo.task-category .page-link:hover,
body.com_zoo.task-category .page-link:focus {
  border-color: #b8d4d6;
  background: #eef7f7;
  color: #084f55;
}

body.com_zoo.task-category .pagination .active a,
body.com_zoo.task-category .pagination .active span,
body.com_zoo.task-category .pagination-list .active a,
body.com_zoo.task-category .pagination-list .active span,
body.com_zoo.task-category .page-item.active .page-link {
  border-color: #0b6f76;
  background: #0b6f76;
  color: #ffffff !important;
  box-shadow: 0 7px 16px rgba(11,111,118,0.18);
}

body.com_zoo.task-category .pagination .disabled a,
body.com_zoo.task-category .pagination .disabled span,
body.com_zoo.task-category .pagination-list .disabled a,
body.com_zoo.task-category .pagination-list .disabled span,
body.com_zoo.task-category .page-item.disabled .page-link {
  opacity: 0.48;
  cursor: not-allowed;
  box-shadow: none;
}

@media (max-width: 560px) {
  body.com_zoo.task-category .pagination,
  body.com_zoo.task-category ul.pagination,
  body.com_zoo.task-category .pagination-list {
    gap: 6px;
  }

  body.com_zoo.task-category .pagination a,
  body.com_zoo.task-category .pagination span,
  body.com_zoo.task-category .pagination-list a,
  body.com_zoo.task-category .pagination-list span,
  body.com_zoo.task-category .page-link {
    min-width: 34px;
    min-height: 34px;
    padding: 8px 11px;
    font-size: 0.92rem;
  }
}

/* === SHADA ZOO PAGINATION STYLE END === */

/* === SHADA STRONG ZOO PAGINATION FIX START === */
/* Targets Zoo/UIkit pagination markup used on Blog and News category pages. Added 20260702. */

body.com_zoo .uk-pagination,
body.com_zoo ul.uk-pagination,
body.com_zoo .pagination,
body.com_zoo ul.pagination,
body.com_zoo div.pagination {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 9px !important;
  margin: 38px auto 12px !important;
  padding: 0 !important;
  list-style: none !important;
  text-align: center !important;
}

body.com_zoo .uk-pagination > li,
body.com_zoo .pagination > li,
body.com_zoo div.pagination > * {
  display: inline-flex !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body.com_zoo .uk-pagination > li > a,
body.com_zoo .uk-pagination > li > span,
body.com_zoo .pagination > li > a,
body.com_zoo .pagination > li > span,
body.com_zoo div.pagination a,
body.com_zoo div.pagination span,
body.com_zoo .pagination a,
body.com_zoo .pagination span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 10px 15px !important;
  border: 1px solid #d9e5e6 !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #0b6f76 !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: 0 6px 16px rgba(0,0,0,0.055) !important;
}

body.com_zoo .uk-pagination > li > a:hover,
body.com_zoo .uk-pagination > li > a:focus,
body.com_zoo .pagination a:hover,
body.com_zoo .pagination a:focus,
body.com_zoo div.pagination a:hover,
body.com_zoo div.pagination a:focus {
  border-color: #b8d4d6 !important;
  background: #eef7f7 !important;
  color: #084f55 !important;
}

body.com_zoo .uk-pagination > .uk-active > span,
body.com_zoo .uk-pagination > .active > span,
body.com_zoo .uk-pagination > .active > a,
body.com_zoo .pagination > .active > span,
body.com_zoo .pagination > .active > a,
body.com_zoo div.pagination span.pagenav,
body.com_zoo div.pagination strong,
body.com_zoo .pagination strong {
  border-color: #0b6f76 !important;
  background: #0b6f76 !important;
  color: #ffffff !important;
  box-shadow: 0 8px 18px rgba(11,111,118,0.2) !important;
}

body.com_zoo .uk-pagination > .uk-disabled > span,
body.com_zoo .uk-pagination > .disabled > span,
body.com_zoo .pagination > .disabled > span,
body.com_zoo .pagination > .disabled > a,
body.com_zoo div.pagination span.disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
  box-shadow: none !important;
}

@media (max-width: 560px) {
  body.com_zoo .uk-pagination,
  body.com_zoo .pagination,
  body.com_zoo div.pagination {
    gap: 6px !important;
  }

  body.com_zoo .uk-pagination > li > a,
  body.com_zoo .uk-pagination > li > span,
  body.com_zoo .pagination > li > a,
  body.com_zoo .pagination > li > span,
  body.com_zoo div.pagination a,
  body.com_zoo div.pagination span {
    min-width: 35px !important;
    min-height: 35px !important;
    padding: 8px 11px !important;
    font-size: 0.92rem !important;
  }
}

/* === SHADA STRONG ZOO PAGINATION FIX END === */

/* === SHADA COMPACT ZOO PAGINATION OVERRIDE START === */
/* Makes Zoo pagination smaller, cleaner and less bulky. Added 20260702. */

.yoo-zoo ul.uk-pagination,
main ul.uk-pagination,
ul.uk-pagination {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 5px !important;
  margin: 30px auto 10px !important;
  padding: 0 !important;
  list-style: none !important;
}

.yoo-zoo ul.uk-pagination li,
main ul.uk-pagination li,
ul.uk-pagination li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.yoo-zoo ul.uk-pagination li a,
.yoo-zoo ul.uk-pagination li span,
main ul.uk-pagination li a,
main ul.uk-pagination li span,
ul.uk-pagination li a,
ul.uk-pagination li span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 34px !important;
  height: 34px !important;
  padding: 0 11px !important;
  border: 1px solid #d5e4e5 !important;
  border-radius: 7px !important;
  background: #ffffff !important;
  color: #0b6f76 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

.yoo-zoo ul.uk-pagination li a:hover,
main ul.uk-pagination li a:hover,
ul.uk-pagination li a:hover {
  background: #eef7f7 !important;
  border-color: #b8d4d6 !important;
  color: #084f55 !important;
}

.yoo-zoo ul.uk-pagination li.uk-active span,
main ul.uk-pagination li.uk-active span,
ul.uk-pagination li.uk-active span {
  background: #0b6f76 !important;
  border-color: #0b6f76 !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

@media (max-width: 560px) {
  .yoo-zoo ul.uk-pagination,
  main ul.uk-pagination,
  ul.uk-pagination {
    gap: 4px !important;
  }

  .yoo-zoo ul.uk-pagination li a,
  .yoo-zoo ul.uk-pagination li span,
  main ul.uk-pagination li a,
  main ul.uk-pagination li span,
  ul.uk-pagination li a,
  ul.uk-pagination li span {
    min-width: 32px !important;
    height: 32px !important;
    padding: 0 9px !important;
    font-size: 13px !important;
  }
}

/* === SHADA COMPACT ZOO PAGINATION OVERRIDE END === */

/* === SHADA BLOG NEWS LANDING PAGE START === */
/* Text landing panel + right sidebar for Zoo Blog and News frontpage pages. Added 20260702. */

.shada-zoo-frontpage {
  max-width: 1240px;
  margin: 0 auto;
}

.shada-zoo-frontpage-hero {
  margin: 0 0 30px;
  padding: 34px 38px;
  border: 1px solid #d9e5e6;
  border-radius: 14px;
  background:
    radial-gradient(circle at top right, rgba(11,111,118,0.08), transparent 34%),
    linear-gradient(135deg, #ffffff 0%, #f7fbfb 100%);
  box-shadow: 0 10px 26px rgba(0,0,0,0.035);
}

.shada-zoo-frontpage-hero__eyebrow {
  margin: 0 0 12px;
  color: #0b6f76;
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.shada-zoo-frontpage-hero h1 {
  margin: 0 0 14px;
  color: #0b3f43;
  font-family: var(--shada-font-heading, "ShadaRobotoSlab", Georgia, "Times New Roman", serif);
  font-size: clamp(2rem, 3.2vw, 3rem);
  line-height: 1.12;
}

.shada-zoo-frontpage-hero__intro {
  max-width: 850px;
  margin: 0 0 12px;
  color: #243536;
  font-size: 1.08rem;
  line-height: 1.65;
}

.shada-zoo-frontpage-hero__subintro {
  max-width: 850px;
  margin: 0 0 22px;
  color: #385052;
  font-size: 1rem;
  line-height: 1.6;
}

.shada-zoo-frontpage-hero__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.shada-zoo-frontpage-hero__chips a {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 8px 14px;
  border: 1px solid #c8dfe1;
  border-radius: 999px;
  background: #ffffff;
  color: #0b6f76;
  font-weight: 800;
  line-height: 1.2;
  text-decoration: none;
}

.shada-zoo-frontpage-hero__chips a:hover,
.shada-zoo-frontpage-hero__chips a:focus {
  background: #eef7f7;
  border-color: #b8d4d6;
  color: #084f55;
  text-decoration: none;
}

.shada-zoo-frontpage-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 310px;
  gap: 28px;
  align-items: start;
}

.shada-zoo-frontpage-section-title {
  margin: 0 0 18px;
  padding-bottom: 14px;
  border-bottom: 1px solid #d9e5e6;
  color: #0b3f43;
  font-family: var(--shada-font-heading, "ShadaRobotoSlab", Georgia, "Times New Roman", serif);
  font-size: 1.65rem;
  line-height: 1.25;
}

.shada-zoo-frontpage-list > .yoo-zoo {
  max-width: none !important;
  margin: 0 !important;
}

.shada-zoo-frontpage-sidebar {
  display: grid;
  gap: 24px;
}

.shada-zoo-frontpage-sidecard {
  overflow: hidden;
  border: 1px solid #d9e5e6;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 8px 22px rgba(0,0,0,0.035);
}

.shada-zoo-frontpage-sidecard h3 {
  margin: 0;
  padding: 15px 18px;
  background: #0b6f76;
  color: #ffffff;
  font-family: var(--shada-font-heading, "ShadaRobotoSlab", Georgia, "Times New Roman", serif);
  font-size: 1.12rem;
  line-height: 1.25;
}

.shada-zoo-frontpage-sidecard ul {
  margin: 0;
  padding: 12px 18px 14px;
  list-style: none;
}

.shada-zoo-frontpage-sidecard li {
  margin: 0;
  border-bottom: 1px solid #d9e5e6;
}

.shada-zoo-frontpage-sidecard li:last-child {
  border-bottom: 0;
}

.shada-zoo-frontpage-sidecard li a {
  display: block;
  padding: 10px 0;
  color: #0b6f76;
  font-weight: 700;
  line-height: 1.35;
  text-decoration: none;
}

.shada-zoo-frontpage-sidecard li a:hover,
.shada-zoo-frontpage-sidecard li a:focus {
  color: #084f55;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.shada-zoo-frontpage-topic-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 16px 18px 18px;
}

.shada-zoo-frontpage-topic-list span {
  display: inline-flex;
  padding: 7px 10px;
  border: 1px solid #d9e5e6;
  border-radius: 999px;
  background: #f7fbfb;
  color: #0b6f76;
  font-size: 0.92rem;
  font-weight: 800;
  line-height: 1.2;
}

@media (max-width: 980px) {
  .shada-zoo-frontpage-layout {
    grid-template-columns: 1fr;
  }

  .shada-zoo-frontpage-sidebar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .shada-zoo-frontpage-hero {
    padding: 26px 22px;
    border-radius: 12px;
  }

  .shada-zoo-frontpage-sidebar {
    grid-template-columns: 1fr;
  }

  .shada-zoo-frontpage-hero__chips a {
    width: 100%;
    justify-content: center;
  }
}

/* === SHADA BLOG NEWS LANDING PAGE END === */

/* === SHADA BLOG NEWS LANDING POLISH START === */
/* Final visual tightening for Blog/News landing pages. Added 20260702. */

.shada-zoo-frontpage-hero {
  padding: 28px 34px !important;
  margin-bottom: 26px !important;
}

.shada-zoo-frontpage-hero h1 {
  font-size: clamp(1.9rem, 2.8vw, 2.65rem) !important;
  margin-bottom: 12px !important;
}

.shada-zoo-frontpage-hero__intro {
  font-size: 1.02rem !important;
  line-height: 1.58 !important;
  margin-bottom: 10px !important;
}

.shada-zoo-frontpage-hero__subintro {
  font-size: 0.98rem !important;
  line-height: 1.55 !important;
  margin-bottom: 18px !important;
}

.shada-zoo-frontpage-hero__chips {
  gap: 8px !important;
}

.shada-zoo-frontpage-hero__chips a {
  min-height: 32px !important;
  padding: 7px 12px !important;
  font-size: 0.95rem !important;
}

.shada-zoo-frontpage-layout {
  gap: 24px !important;
}

.shada-zoo-frontpage-section-title {
  margin-bottom: 16px !important;
  font-size: 1.55rem !important;
}

.shada-zoo-frontpage-sidebar {
  gap: 22px !important;
}

.shada-zoo-frontpage-sidecard h3 {
  padding: 13px 17px !important;
}

.shada-zoo-frontpage-sidecard ul {
  padding: 10px 17px 12px !important;
}

.shada-zoo-frontpage-sidecard li a {
  padding: 9px 0 !important;
}

.shada-zoo-frontpage-topic-list {
  padding: 14px 17px 16px !important;
}

.shada-zoo-frontpage-list .shada-zoo-card {
  border-color: #d9e5e6 !important;
}

.shada-zoo-frontpage-list .shada-zoo-card:hover,
.shada-zoo-frontpage-list .shada-zoo-card:focus-within {
  border-color: #0b6f76 !important;
}

@media (max-width: 680px) {
  .shada-zoo-frontpage-hero {
    padding: 24px 20px !important;
  }
}

/* === SHADA BLOG NEWS LANDING POLISH END === */

/* === SHADA ZOO MODULE SIDEBAR START === */
/* Styles ZOO Category and ZOO Tag modules loaded into zoo-blog-sidebar / zoo-news-sidebar. Added 20260702. */

.shada-zoo-frontpage-sidecard--module .shada-zoo-frontpage-module-body {
  padding: 12px 18px 14px;
}

.shada-zoo-frontpage-sidecard--module ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.shada-zoo-frontpage-sidecard--module li {
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: 1px solid #d9e5e6;
  list-style: none !important;
}

.shada-zoo-frontpage-sidecard--module li:last-child {
  border-bottom: 0;
}

.shada-zoo-frontpage-sidecard--module li a,
.shada-zoo-frontpage-sidecard--module a {
  color: #0b6f76;
  font-weight: 700;
  text-decoration: none;
}

.shada-zoo-frontpage-sidecard--module li a {
  display: block;
  padding: 9px 0;
}

.shada-zoo-frontpage-sidecard--module a:hover,
.shada-zoo-frontpage-sidecard--module a:focus {
  color: #084f55;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* ZOO Tag module often outputs tag links without list structure. */
.shada-zoo-frontpage-module-mod_zootag .shada-zoo-frontpage-module-body {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 14px 17px 16px;
}

.shada-zoo-frontpage-module-mod_zootag .shada-zoo-frontpage-module-body a {
  display: inline-flex;
  padding: 7px 10px;
  border: 1px solid #d9e5e6;
  border-radius: 999px;
  background: #f7fbfb;
  color: #0b6f76;
  font-size: 0.92rem;
  font-weight: 800;
  line-height: 1.2;
  text-decoration: none;
}

.shada-zoo-frontpage-module-mod_zootag .shada-zoo-frontpage-module-body a:hover,
.shada-zoo-frontpage-module-mod_zootag .shada-zoo-frontpage-module-body a:focus {
  background: #eef7f7;
  border-color: #b8d4d6;
  color: #084f55;
  text-decoration: none;
}

/* === SHADA ZOO MODULE SIDEBAR END === */

/* === SHADA ZOO MODULE SIDEBAR POLISH START === */
/* Improves real ZOO Category and ZOO Tag module output on Blog/News landing sidebars. Added 20260702. */

.shada-zoo-frontpage-module-mod_zootag .shada-zoo-frontpage-module-body {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  padding: 16px 18px 18px !important;
}

.shada-zoo-frontpage-module-mod_zootag .shada-zoo-frontpage-module-body a {
  display: inline-flex !important;
  width: auto !important;
  max-width: 100% !important;
  min-height: 30px !important;
  padding: 7px 11px !important;
  border: 1px solid #d9e5e6 !important;
  border-radius: 999px !important;
  background: #f7fbfb !important;
  color: #0b6f76 !important;
  font-size: 0.9rem !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  white-space: normal !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

.shada-zoo-frontpage-module-mod_zootag .shada-zoo-frontpage-module-body a:hover,
.shada-zoo-frontpage-module-mod_zootag .shada-zoo-frontpage-module-body a:focus {
  background: #eef7f7 !important;
  border-color: #b8d4d6 !important;
  color: #084f55 !important;
  text-decoration: none !important;
}

.shada-zoo-frontpage-module-mod_zoocategory .shada-zoo-frontpage-module-body {
  padding: 12px 18px 14px !important;
}

.shada-zoo-frontpage-module-mod_zoocategory .shada-zoo-frontpage-module-body a {
  display: block !important;
  padding: 9px 0 !important;
  color: #0b6f76 !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
}

.shada-zoo-frontpage-module-mod_zoocategory .shada-zoo-frontpage-module-body a:hover,
.shada-zoo-frontpage-module-mod_zoocategory .shada-zoo-frontpage-module-body a:focus {
  color: #084f55 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

/* === SHADA ZOO MODULE SIDEBAR POLISH END === */

/* === SHADA ZOO TAG CHIP CLEANUP START === */
/* Removes list divider lines from ZOO Tag module and makes Popular Topics clean chips. Added 20260702. */

.shada-zoo-frontpage-module-mod_zootag .shada-zoo-frontpage-module-body ul,
.shada-zoo-frontpage-module-mod_zootag .shada-zoo-frontpage-module-body .zoo-list,
.shada-zoo-frontpage-module-mod_zootag .shada-zoo-frontpage-module-body .zoo-tag-cloud {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.shada-zoo-frontpage-module-mod_zootag .shada-zoo-frontpage-module-body li {
  display: inline-flex !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: 0 !important;
  list-style: none !important;
}

.shada-zoo-frontpage-module-mod_zootag .shada-zoo-frontpage-module-body li a,
.shada-zoo-frontpage-module-mod_zootag .shada-zoo-frontpage-module-body a {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  max-width: 100% !important;
  min-height: 30px !important;
  margin: 0 !important;
  padding: 7px 11px !important;
  border: 1px solid #d9e5e6 !important;
  border-radius: 999px !important;
  background: #f7fbfb !important;
  color: #0b6f76 !important;
  font-size: 0.9rem !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

.shada-zoo-frontpage-module-mod_zootag .shada-zoo-frontpage-module-body li a:hover,
.shada-zoo-frontpage-module-mod_zootag .shada-zoo-frontpage-module-body a:hover {
  background: #eef7f7 !important;
  border-color: #b8d4d6 !important;
  color: #084f55 !important;
  text-decoration: none !important;
}

/* === SHADA ZOO TAG CHIP CLEANUP END === */

/* === SHADA FINAL ZOO TAG LINE REMOVAL START === */
/* Strong final override to remove inherited divider lines from ZOO Tag module chips. Added 20260702. */

.shada-zoo-frontpage-sidecard.shada-zoo-frontpage-module-mod_zootag .shada-zoo-frontpage-module-body,
.shada-zoo-frontpage-sidecard.shada-zoo-frontpage-module-mod_zootag .shada-zoo-frontpage-module-body * {
  border-bottom: 0 !important;
  box-shadow: none !important;
}

.shada-zoo-frontpage-sidecard.shada-zoo-frontpage-module-mod_zootag .shada-zoo-frontpage-module-body {
  display: block !important;
  padding: 16px 18px 18px !important;
}

.shada-zoo-frontpage-sidecard.shada-zoo-frontpage-module-mod_zootag .shada-zoo-frontpage-module-body ul,
.shada-zoo-frontpage-sidecard.shada-zoo-frontpage-module-mod_zootag .shada-zoo-frontpage-module-body ol,
.shada-zoo-frontpage-sidecard.shada-zoo-frontpage-module-mod_zootag .shada-zoo-frontpage-module-body .zoo-list,
.shada-zoo-frontpage-sidecard.shada-zoo-frontpage-module-mod_zootag .shada-zoo-frontpage-module-body .zoo-tag-cloud {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  border: 0 !important;
}

.shada-zoo-frontpage-sidecard.shada-zoo-frontpage-module-mod_zootag .shada-zoo-frontpage-module-body li {
  display: inline-flex !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  border: 0 !important;
}

.shada-zoo-frontpage-sidecard.shada-zoo-frontpage-module-mod_zootag .shada-zoo-frontpage-module-body li::before,
.shada-zoo-frontpage-sidecard.shada-zoo-frontpage-module-mod_zootag .shada-zoo-frontpage-module-body li::after {
  display: none !important;
  content: none !important;
}

.shada-zoo-frontpage-sidecard.shada-zoo-frontpage-module-mod_zootag .shada-zoo-frontpage-module-body li a,
.shada-zoo-frontpage-sidecard.shada-zoo-frontpage-module-mod_zootag .shada-zoo-frontpage-module-body a {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  max-width: 100% !important;
  min-height: 30px !important;
  margin: 0 !important;
  padding: 7px 11px !important;
  border: 1px solid #d9e5e6 !important;
  border-radius: 999px !important;
  background: #f7fbfb !important;
  color: #0b6f76 !important;
  font-size: 0.9rem !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  white-space: normal !important;
  text-decoration: none !important;
}

.shada-zoo-frontpage-sidecard.shada-zoo-frontpage-module-mod_zootag .shada-zoo-frontpage-module-body li a:hover,
.shada-zoo-frontpage-sidecard.shada-zoo-frontpage-module-mod_zootag .shada-zoo-frontpage-module-body a:hover {
  background: #eef7f7 !important;
  border-color: #b8d4d6 !important;
  color: #084f55 !important;
  text-decoration: none !important;
}

/* === SHADA FINAL ZOO TAG LINE REMOVAL END === */

/* === SHADA ZOO AUTHOR PAGE START === */
body.com_zoo.view-item .shada-zoo-author-page{max-width:1040px;margin:0 auto;padding:18px 0 42px}
body.com_zoo.view-item .shada-zoo-author-hero{display:grid;grid-template-columns:210px minmax(0,1fr);gap:30px;align-items:start;padding:30px;margin-bottom:34px;border:1px solid #d9e5e6;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.055)}
body.com_zoo.view-item .shada-zoo-author-hero__media img{display:block;width:190px;max-width:100%;height:auto;border-radius:14px;border:1px solid #d9e5e6}
body.com_zoo.view-item .shada-zoo-author-hero__eyebrow,body.com_zoo.view-item .shada-zoo-author-articles__eyebrow{margin:0 0 8px;color:#0f766e;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
body.com_zoo.view-item .shada-zoo-author-hero__title{margin:0 0 14px;color:#12343b;font-size:clamp(2rem,4vw,3.1rem);line-height:1.08;font-weight:850}
body.com_zoo.view-item .shada-zoo-author-hero__title a{color:inherit;text-decoration:none}
body.com_zoo.view-item .shada-zoo-author-hero__bio{color:#263f46;font-size:1.04rem;line-height:1.75}
body.com_zoo.view-item .shada-zoo-author-hero__bio p,body.com_zoo.view-item .shada-zoo-author-hero__bio div{margin-top:0}
body.com_zoo.view-item .shada-zoo-author-hero__meta{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:16px;color:#38545b;font-size:.96rem}
body.com_zoo.view-item .shada-zoo-author-hero__meta a{color:#0f766e;font-weight:700;text-decoration:none}
body.com_zoo.view-item .shada-zoo-author-articles{margin-top:30px}
body.com_zoo.view-item .shada-zoo-author-articles__head{margin-bottom:18px}
body.com_zoo.view-item .shada-zoo-author-articles__head h2{margin:0;color:#12343b;font-size:clamp(1.55rem,3vw,2.25rem);line-height:1.18}
body.com_zoo.view-item .shada-zoo-author-articles__grid{display:grid;gap:18px}
body.com_zoo.view-item .shada-zoo-author-card{display:grid;grid-template-columns:230px minmax(0,1fr);gap:22px;align-items:start;padding:18px;border:1px solid #dce8e9;border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(0,0,0,.04)}
body.com_zoo.view-item .shada-zoo-author-card__image img{display:block;width:100%;height:145px;object-fit:cover;border-radius:12px;border:1px solid #e1ecec}
body.com_zoo.view-item .shada-zoo-author-card__meta{margin-bottom:8px;color:#60757b;font-size:.88rem}
body.com_zoo.view-item .shada-zoo-author-card__title{margin:0 0 10px;color:#12343b;font-size:1.28rem;line-height:1.25}
body.com_zoo.view-item .shada-zoo-author-card__title a{color:inherit;text-decoration:none}
body.com_zoo.view-item .shada-zoo-author-card__title a:hover{color:#0f766e}
body.com_zoo.view-item .shada-zoo-author-card__text{color:#344f56;font-size:.98rem;line-height:1.65}
body.com_zoo.view-item .shada-zoo-author-card__text p{margin-top:0}
body.com_zoo.view-item .shada-zoo-author-card__link{margin-top:12px}
body.com_zoo.view-item .shada-zoo-author-card__link a,body.com_zoo.view-item .shada-zoo-author-card a[href*="item"]{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:999px;background:#0f766e;color:#fff;font-size:.9rem;font-weight:750;text-decoration:none}
body.com_zoo.view-item .shada-zoo-author-card__link a:hover,body.com_zoo.view-item .shada-zoo-author-card a[href*="item"]:hover{background:#115e59;color:#fff}
@media(max-width:767px){body.com_zoo.view-item .shada-zoo-author-hero,body.com_zoo.view-item .shada-zoo-author-card{grid-template-columns:1fr}body.com_zoo.view-item .shada-zoo-author-hero{padding:22px}body.com_zoo.view-item .shada-zoo-author-hero__media img{width:150px}body.com_zoo.view-item .shada-zoo-author-card__image img{height:auto;max-height:260px}}
/* === SHADA ZOO AUTHOR PAGE END === */

/* === SHADA AUTHOR MANUAL CARD CLEANUP START === */
body.com_zoo.view-item .shada-zoo-author-card__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin-top: 12px;
  padding: 8px 14px;
  border-radius: 999px;
  background: #0f766e;
  color: #ffffff !important;
  font-size: 0.9rem;
  font-weight: 750;
  text-decoration: none !important;
}

body.com_zoo.view-item .shada-zoo-author-card__button:hover {
  background: #115e59;
  color: #ffffff !important;
}

body.com_zoo.view-item .shada-zoo-author-card__image {
  display: block;
  text-decoration: none;
}
/* === SHADA AUTHOR MANUAL CARD CLEANUP END === */

/* === SHADA AUTHOR CARD LINK POLISH START === */

/* Stop older broad rule from turning the title/image links into green pills */
body.com_zoo.view-item .shada-zoo-author-card__title a {
  display: inline !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #12343b !important;
  font-size: inherit !important;
  font-weight: 850 !important;
  line-height: inherit !important;
  text-decoration: none !important;
}

body.com_zoo.view-item .shada-zoo-author-card__title a:hover {
  color: #0f766e !important;
  background: transparent !important;
  text-decoration: none !important;
}

body.com_zoo.view-item .shada-zoo-author-card__image,
body.com_zoo.view-item .shada-zoo-author-card__image:hover {
  display: block !important;
  padding: 0 !important;
  border-radius: 12px !important;
  background: transparent !important;
  text-decoration: none !important;
}

body.com_zoo.view-item .shada-zoo-author-card__button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin-top: 12px;
  padding: 8px 14px !important;
  border-radius: 999px !important;
  background: #0f766e !important;
  color: #ffffff !important;
  font-size: 0.9rem !important;
  font-weight: 750 !important;
  text-decoration: none !important;
}

body.com_zoo.view-item .shada-zoo-author-card__button:hover {
  background: #115e59 !important;
  color: #ffffff !important;
}

/* === SHADA AUTHOR CARD LINK POLISH END === */

/* === SHADA AUTHOR PAGINATION START === */
body.com_zoo.view-item .shada-zoo-author-pagination__summary {
  margin: 8px 0 0;
  color: #5f747a;
  font-size: 0.95rem;
}

body.com_zoo.view-item .shada-zoo-author-pagination {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin-top: 22px;
}

body.com_zoo.view-item .shada-zoo-author-pagination__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  min-height: 38px;
  padding: 8px 13px;
  border: 1px solid #cfe0e2;
  border-radius: 999px;
  background: #ffffff;
  color: #12343b;
  font-size: 0.92rem;
  font-weight: 750;
  line-height: 1;
  text-decoration: none;
}

body.com_zoo.view-item .shada-zoo-author-pagination__link:hover {
  border-color: #0f766e;
  color: #0f766e;
  text-decoration: none;
}

body.com_zoo.view-item .shada-zoo-author-pagination__link.is-active {
  border-color: #0f766e;
  background: #0f766e;
  color: #ffffff;
  cursor: default;
}
/* === SHADA AUTHOR PAGINATION END === */

/* === SHADA AUTHOR PAGINATION MATCH CATEGORY STYLE START === */
body.com_zoo.view-item .shada-zoo-author-pagination__summary {
  margin: 8px 0 0;
  color: #5f747a;
  font-size: 0.95rem;
}

body.com_zoo.view-item .shada-pagination.shada-zoo-author-pagination {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  margin: 30px 0 0;
  padding: 0;
}

body.com_zoo.view-item .shada-pagination .shada-pagination__link {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 58px;
  height: 42px;
  padding: 0 16px !important;
  border: 1px solid #d3e3e5 !important;
  border-radius: 7px !important;
  background: #ffffff !important;
  color: #0f766e !important;
  font-size: 0.95rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

body.com_zoo.view-item .shada-pagination .shada-pagination__link:hover {
  border-color: #0f766e !important;
  background: #f2fbfa !important;
  color: #0f766e !important;
  text-decoration: none !important;
}

body.com_zoo.view-item .shada-pagination .shada-pagination__link.is-active {
  border-color: #0f766e !important;
  background: #0f766e !important;
  color: #ffffff !important;
  cursor: default;
}

@media (max-width: 767px) {
  body.com_zoo.view-item .shada-pagination.shada-zoo-author-pagination {
    gap: 8px;
  }

  body.com_zoo.view-item .shada-pagination .shada-pagination__link {
    min-width: 46px;
    height: 40px;
    padding: 0 12px !important;
  }
}
/* === SHADA AUTHOR PAGINATION MATCH CATEGORY STYLE END === */

/* === SHADA BLOG NEWS LANDING RESTRUCTURE START === */

body.com_zoo.task-frontpage .shada-zoo-frontpage {
  max-width: 1204px;
  margin: 0 auto;
  padding: 22px 0 44px;
}

body.com_zoo.task-frontpage .shada-zoo-frontpage-top {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 26px;
  align-items: stretch;
  margin-bottom: 30px;
}

body.com_zoo.task-frontpage .shada-zoo-frontpage-hero--clean {
  min-height: 100%;
  margin: 0;
  padding: 28px 32px;
  border: 1px solid #d6e5e7;
  border-radius: 14px;
  background: linear-gradient(120deg, #ffffff 0%, #ffffff 62%, #eaf7f6 100%);
  box-shadow: 0 10px 24px rgba(0,0,0,0.035);
}

body.com_zoo.task-frontpage .shada-zoo-frontpage-hero--clean .shada-zoo-frontpage-hero__eyebrow {
  margin: 0 0 10px;
  color: #0f766e;
  font-size: 0.78rem;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.com_zoo.task-frontpage .shada-zoo-frontpage-hero--clean .shada-zoo-frontpage-hero__title {
  margin: 0 0 12px;
  color: #12343b;
  font-size: clamp(2rem, 4vw, 3.15rem);
  line-height: 1.12;
  font-weight: 850;
}

body.com_zoo.task-frontpage .shada-zoo-frontpage-hero--clean .shada-zoo-frontpage-hero__intro,
body.com_zoo.task-frontpage .shada-zoo-frontpage-hero--clean .shada-zoo-frontpage-hero__subintro {
  max-width: 880px;
  color: #304f56;
  font-size: 1rem;
  line-height: 1.65;
}

body.com_zoo.task-frontpage .shada-zoo-frontpage-hero--clean .shada-zoo-frontpage-hero__intro {
  margin: 0 0 10px;
}

body.com_zoo.task-frontpage .shada-zoo-frontpage-hero--clean .shada-zoo-frontpage-hero__subintro {
  margin: 0;
}

body.com_zoo.task-frontpage .shada-zoo-frontpage-popular {
  min-width: 0;
}

body.com_zoo.task-frontpage .shada-zoo-frontpage-popular__module,
body.com_zoo.task-frontpage .shada-zoo-frontpage-popular__fallback {
  height: 100%;
  overflow: hidden;
  border: 1px solid #d6e5e7;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 10px 24px rgba(0,0,0,0.035);
}

body.com_zoo.task-frontpage .shada-zoo-frontpage-popular h3,
body.com_zoo.task-frontpage .shada-zoo-frontpage-popular .card-header,
body.com_zoo.task-frontpage .shada-zoo-frontpage-popular .module-title {
  display: block;
  margin: 0;
  padding: 15px 17px;
  background: #0f766e;
  color: #ffffff;
  font-size: 1.05rem;
  line-height: 1.25;
  font-weight: 850;
}

body.com_zoo.task-frontpage .shada-zoo-frontpage-popular ul {
  margin: 0;
  padding: 16px 17px 18px;
  list-style: none;
}

body.com_zoo.task-frontpage .shada-zoo-frontpage-popular li {
  margin: 0;
  padding: 10px 0;
  border-bottom: 1px solid #dce8e9;
}

body.com_zoo.task-frontpage .shada-zoo-frontpage-popular li:last-child {
  border-bottom: 0;
}

body.com_zoo.task-frontpage .shada-zoo-frontpage-popular a {
  color: #0f766e;
  font-size: 1rem;
  font-weight: 800;
  text-decoration: none;
}

body.com_zoo.task-frontpage .shada-zoo-frontpage-popular a:hover {
  color: #115e59;
  text-decoration: underline;
}

body.com_zoo.task-frontpage .shada-zoo-frontpage-latest-full {
  width: 100%;
}

body.com_zoo.task-frontpage .shada-zoo-frontpage-latest-full__head {
  margin: 0 0 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid #d9e5e6;
}

body.com_zoo.task-frontpage .shada-zoo-frontpage-latest-full__head h2 {
  margin: 0;
  color: #12343b;
  font-size: clamp(1.45rem, 3vw, 2.15rem);
  line-height: 1.18;
  font-weight: 850;
}

/* Make the latest article list use full available width */
body.com_zoo.task-frontpage .shada-zoo-frontpage-latest-full__items,
body.com_zoo.task-frontpage .shada-zoo-frontpage-latest-full__items .items,
body.com_zoo.task-frontpage .shada-zoo-frontpage-latest-full__items .pos-content,
body.com_zoo.task-frontpage .shada-zoo-frontpage-latest-full__items .uk-grid {
  max-width: none;
  width: 100%;
}

body.com_zoo.task-frontpage .shada-zoo-frontpage-latest-full__items .shada-zoo-card {
  max-width: none;
}

@media (max-width: 960px) {
  body.com_zoo.task-frontpage .shada-zoo-frontpage-top {
    grid-template-columns: 1fr;
  }

  body.com_zoo.task-frontpage .shada-zoo-frontpage-popular__module,
  body.com_zoo.task-frontpage .shada-zoo-frontpage-popular__fallback {
    height: auto;
  }
}

@media (max-width: 767px) {
  body.com_zoo.task-frontpage .shada-zoo-frontpage {
    padding: 16px 0 34px;
  }

  body.com_zoo.task-frontpage .shada-zoo-frontpage-hero--clean {
    padding: 22px;
  }
}

/* === SHADA BLOG NEWS LANDING RESTRUCTURE END === */

/* === SHADA BLOG NEWS LANDING SAFE RESTRUCTURE START === */

body.com_zoo.task-frontpage .shada-zoo-frontpage--safe-top {
  max-width: 1204px;
  margin: 0 auto;
}

body.com_zoo.task-frontpage .shada-zoo-frontpage-top-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 26px;
  align-items: stretch;
  margin-bottom: 30px;
}

body.com_zoo.task-frontpage .shada-zoo-frontpage-hero--nochips {
  height: 100%;
  margin: 0 !important;
}

body.com_zoo.task-frontpage .shada-zoo-frontpage-hero--nochips .shada-zoo-frontpage-hero__chips {
  display: none !important;
}

body.com_zoo.task-frontpage .shada-zoo-frontpage-sidebar--top {
  width: 100%;
  min-width: 0;
}

body.com_zoo.task-frontpage .shada-zoo-frontpage-sidebar--top .shada-zoo-frontpage-sidecard {
  height: 100%;
  margin: 0;
}

body.com_zoo.task-frontpage .shada-zoo-frontpage-latest-wide {
  width: 100%;
}

body.com_zoo.task-frontpage .shada-zoo-frontpage-latest-wide .shada-zoo-frontpage-section-title {
  margin-top: 0;
}

body.com_zoo.task-frontpage .shada-zoo-frontpage-list--wide {
  width: 100%;
}

body.com_zoo.task-frontpage .shada-zoo-frontpage-list--wide .shada-zoo-card,
body.com_zoo.task-frontpage .shada-zoo-frontpage-list--wide article {
  max-width: none;
}

@media (max-width: 960px) {
  body.com_zoo.task-frontpage .shada-zoo-frontpage-top-grid {
    grid-template-columns: 1fr;
  }

  body.com_zoo.task-frontpage .shada-zoo-frontpage-sidebar--top .shada-zoo-frontpage-sidecard {
    height: auto;
  }
}

/* === SHADA BLOG NEWS LANDING SAFE RESTRUCTURE END === */

/* === SHADA BLOG NEWS TWO CARD LANDING START === */

.shada-zoo-frontpage.shada-zoo-frontpage--two-card {
  max-width: 1204px;
  margin: 0 auto;
  padding: 22px 0 44px;
}

.shada-zoo-frontpage--two-card .shada-zoo-frontpage-top-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 320px !important;
  gap: 26px !important;
  align-items: stretch !important;
  margin: 0 0 30px !important;
}

.shada-zoo-frontpage--two-card .shada-zoo-frontpage-hero--with-buttons {
  height: 100%;
  margin: 0 !important;
  padding: 28px 32px !important;
  border: 1px solid #d6e5e7 !important;
  border-radius: 14px !important;
  background: linear-gradient(120deg, #ffffff 0%, #ffffff 62%, #eaf7f6 100%) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,0.035) !important;
}

.shada-zoo-frontpage--two-card .shada-zoo-frontpage-hero__copy {
  max-width: none !important;
}

.shada-zoo-frontpage--two-card .shada-zoo-frontpage-hero--with-buttons h1 {
  margin-bottom: 12px !important;
}

.shada-zoo-frontpage--two-card .shada-zoo-frontpage-hero--with-buttons .shada-zoo-frontpage-hero__intro,
.shada-zoo-frontpage--two-card .shada-zoo-frontpage-hero--with-buttons .shada-zoo-frontpage-hero__subintro {
  max-width: 850px;
}

.shada-zoo-frontpage--two-card .shada-zoo-frontpage-category-buttons {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 9px !important;
  margin-top: 22px !important;
}

.shada-zoo-frontpage--two-card .shada-zoo-frontpage-category-buttons a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 7px 13px !important;
  border: 1px solid #cfe0e2 !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #0f766e !important;
  font-size: 0.88rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

.shada-zoo-frontpage--two-card .shada-zoo-frontpage-category-buttons a:hover {
  border-color: #0f766e !important;
  background: #f2fbfa !important;
  color: #0f766e !important;
  text-decoration: none !important;
}

.shada-zoo-frontpage--two-card .shada-zoo-frontpage-popular-card {
  min-width: 0 !important;
  width: 100% !important;
}

.shada-zoo-frontpage--two-card .shada-zoo-frontpage-popular-card .shada-zoo-frontpage-sidecard {
  height: 100% !important;
  margin: 0 !important;
}

.shada-zoo-frontpage--two-card .shada-zoo-frontpage-latest-wide {
  width: 100%;
}

.shada-zoo-frontpage--two-card .shada-zoo-frontpage-latest-wide .shada-zoo-frontpage-section-title {
  margin-top: 0 !important;
}

.shada-zoo-frontpage--two-card .shada-zoo-frontpage-list--wide {
  width: 100%;
}

.shada-zoo-frontpage--two-card .shada-zoo-frontpage-list--wide .shada-zoo-card,
.shada-zoo-frontpage--two-card .shada-zoo-frontpage-list--wide article {
  max-width: none;
}

@media (max-width: 960px) {
  .shada-zoo-frontpage--two-card .shada-zoo-frontpage-top-grid {
    grid-template-columns: 1fr !important;
  }

  .shada-zoo-frontpage--two-card .shada-zoo-frontpage-popular-card .shada-zoo-frontpage-sidecard {
    height: auto !important;
  }
}

@media (max-width: 767px) {
  .shada-zoo-frontpage.shada-zoo-frontpage--two-card {
    padding: 16px 0 34px;
  }

  .shada-zoo-frontpage--two-card .shada-zoo-frontpage-hero--with-buttons {
    padding: 22px !important;
  }
}

/* === SHADA BLOG NEWS TWO CARD LANDING END === */

/* === SHADA BLOG NEWS LANDING SPACING FIX START === */
.shada-zoo-frontpage--two-card .shada-zoo-frontpage-top-grid {
  margin-bottom: 42px !important;
}

.shada-zoo-frontpage--two-card .shada-zoo-frontpage-latest-wide {
  clear: both;
}

.shada-zoo-frontpage--two-card .shada-zoo-frontpage-latest-wide .shada-zoo-frontpage-section-title {
  margin-top: 0 !important;
  margin-bottom: 18px !important;
}
/* === SHADA BLOG NEWS LANDING SPACING FIX END === */

/* === SHADA BLOG NEWS TOPIC HEADING AND BUTTON POLISH START === */

.shada-zoo-frontpage--two-card .shada-zoo-frontpage-topic-block {
  margin-top: 24px;
  padding-top: 18px;
  border-top: 1px solid rgba(15, 118, 110, 0.15);
}

.shada-zoo-frontpage--two-card .shada-zoo-frontpage-topic-heading {
  margin: 0 0 13px !important;
  color: #12343b !important;
  font-size: 1.05rem !important;
  line-height: 1.25 !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
}

.shada-zoo-frontpage--two-card .shada-zoo-frontpage-category-buttons {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 0 !important;
}

.shada-zoo-frontpage--two-card .shada-zoo-frontpage-category-buttons a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  min-height: 38px !important;
  padding: 9px 15px !important;
  border: 1px solid #b9d8d8 !important;
  border-radius: 999px !important;
  background: #f7fcfb !important;
  color: #0f766e !important;
  font-size: 0.9rem !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: 0 4px 12px rgba(15, 118, 110, 0.045) !important;
  transition: background 0.16s ease, color 0.16s ease, border-color 0.16s ease, transform 0.16s ease;
}

.shada-zoo-frontpage--two-card .shada-zoo-frontpage-category-buttons a:hover {
  border-color: #0f766e !important;
  background: #0f766e !important;
  color: #ffffff !important;
  text-decoration: none !important;
  transform: translateY(-1px);
}

.shada-zoo-frontpage--two-card .shada-zoo-frontpage-category-buttons__arrow {
  font-weight: 900;
  opacity: 0.8;
}

/* === SHADA BLOG NEWS TOPIC HEADING AND BUTTON POLISH END === */

/* SHADA PERSIAN MIGRATION CSS BEGIN
 * Source SHA256: 291f74faad702c9732c1d098e2f91efb39eb6822688bf2e92f5e58132366c122
 * Managed Persian migration CSS.
 */
/* ARTICLE CLEANING CSS */
/*
 * Native styling for cleaned Persian Joomla article content.
 * This file is staged only and has not yet been installed.
 */

html[lang="fa-IR"] .shada-text-center {
    text-align: center;
}

html[lang="fa-IR"] .shada-text-left {
    text-align: left;
}

html[lang="fa-IR"] .shada-text-small {
    font-size: 0.8rem;
    line-height: 1.4;
}

html[lang="fa-IR"] .shada-text-large {
    font-size: 1.25rem;
}

html[lang="fa-IR"] .shada-clear-both {
    clear: both;
}

html[lang="fa-IR"] .shada-list-none {
    list-style: none;
}

html[lang="fa-IR"] .shada-align-top {
    vertical-align: top;
}

html[lang="fa-IR"] .shada-float-right {
    float: right;
    margin: 0.25rem 0 0.75rem 0.75rem;
}

html[lang="fa-IR"] .shada-thumb-large {
    display: block;
    max-width: 100%;
    height: auto;
}

html[lang="fa-IR"] .shada-image-float-left {
    float: left;
    margin: 0.25rem 0.75rem 0.75rem 0;
}

html[lang="fa-IR"] .shada-image-framed {
    padding: 0.2rem;
    border: 1px solid #d9dee3;
    background: #fff;
}

html[lang="fa-IR"] .shada-button {
    display: inline-block;
    padding: 0.55rem 0.9rem;
    border: 1px solid var(--cassiopeia-color-primary);
    border-radius: 0.3rem;
    color: var(--cassiopeia-color-primary);
    text-decoration: none;
}

html[lang="fa-IR"] .shada-button:hover,
html[lang="fa-IR"] .shada-button:focus,
html[lang="fa-IR"] .shada-button-primary {
    background: var(--cassiopeia-color-primary);
    color: #fff;
}

html[lang="fa-IR"] .shada-button-large {
    padding: 0.75rem 1.1rem;
    font-size: 1.05rem;
}

html[lang="fa-IR"] .shada-button-block {
    display: block;
    width: 100%;
    text-align: center;
}

html[lang="fa-IR"] .shada-button-assessment {
    font-weight: 700;
}

html[lang="fa-IR"] .shada-embed {
    display: block;
    max-width: 100%;
    border: 0;
}

html[lang="fa-IR"] .shada-embed-centred {
    margin-inline: auto;
}

html[lang="fa-IR"] .shada-embed-video {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
}

html[lang="fa-IR"] .shada-embed-map {
    width: 100%;
}

@media (max-width: 767.98px) {
    html[lang="fa-IR"] .shada-float-right,
    html[lang="fa-IR"] .shada-image-float-left {
        float: none;
        display: block;
        margin: 0.75rem auto;
    }
}

/* WIDGETKIT NATIVE CSS */
/*
 * Native replacements for migrated Persian Widgetkit content.
 * Scoped to Persian pages.
 */

html[lang="fa-IR"] .shada-native-widget {
    margin-block: 1.5rem;
}

html[lang="fa-IR"] .shada-native-widget img {
    display: block;
    max-width: 100%;
    height: auto;
}

html[lang="fa-IR"] .shada-native-accordion-item {
    margin-block: 0.65rem;
    border: 1px solid #d9dee3;
    border-radius: 0.35rem;
    background: #fff;
}

html[lang="fa-IR"] .shada-native-accordion-item > summary {
    padding: 0.9rem 1rem;
    cursor: pointer;
    font-weight: 700;
}

html[lang="fa-IR"] .shada-native-accordion-content {
    padding: 0 1rem 1rem;
}

html[lang="fa-IR"] .shada-native-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

html[lang="fa-IR"] .shada-native-card {
    overflow: hidden;
    border: 1px solid #d9dee3;
    border-radius: 0.4rem;
    background: #fff;
}

html[lang="fa-IR"] .shada-native-card-body {
    padding: 1rem;
}

html[lang="fa-IR"] .shada-native-card-title {
    margin-top: 0;
    font-size: 1.15rem;
}

html[lang="fa-IR"] .shada-native-media img {
    width: 100%;
    object-fit: cover;
}

html[lang="fa-IR"] .shada-panel-secondary {
    background: #f3f5f7;
}

html[lang="fa-IR"] .shada-panel-box {
    box-shadow: 0 0.2rem 0.75rem rgba(0, 0, 0, 0.08);
}

html[lang="fa-IR"] .shada-native-button,
html[lang="fa-IR"] .shada-filter-button,
html[lang="fa-IR"] .shada-native-tab {
    display: inline-block;
    padding: 0.55rem 0.9rem;
    border: 1px solid var(--cassiopeia-color-primary);
    border-radius: 0.3rem;
    background: #fff;
    color: var(--cassiopeia-color-primary);
    text-decoration: none;
    cursor: pointer;
}

html[lang="fa-IR"] .shada-native-button:hover,
html[lang="fa-IR"] .shada-native-button:focus,
html[lang="fa-IR"] .shada-filter-button.is-active,
html[lang="fa-IR"] .shada-native-tab.is-active {
    background: var(--cassiopeia-color-primary);
    color: #fff;
}

html[lang="fa-IR"] .shada-native-tablist,
html[lang="fa-IR"] .shada-native-filter {
    display: flex;
    gap: 0.5rem;
    margin-block-end: 1rem;
    padding-block-end: 0.35rem;
    overflow-x: auto;
}

html[lang="fa-IR"] .shada-native-tab,
html[lang="fa-IR"] .shada-filter-button {
    flex: 0 0 auto;
}

html[lang="fa-IR"] .shada-native-tabpanel {
    padding: 1rem;
    border: 1px solid #d9dee3;
    border-radius: 0.4rem;
}

html[lang="fa-IR"] .shada-native-tabpanel[hidden] {
    display: none;
}

html[lang="fa-IR"] .shada-native-grid-stack .shada-native-card {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
}

html[lang="fa-IR"] .shada-info-panel {
    margin-block: 1rem;
    padding: 1rem;
    border: 1px solid #cfd9e2;
    border-radius: 0.35rem;
    background: #f5f8fa;
}

html[lang="fa-IR"] .shada-info-panel-large {
    padding: 1.4rem;
}

html[lang="fa-IR"] .shada-ltr,
html[lang="fa-IR"] .shada-ltr-text {
    direction: ltr;
    unicode-bidi: isolate;
}

html[lang="fa-IR"] .shada-float-left-small {
    float: left;
    margin: 0.25rem 0.75rem 0.5rem 0;
}

html[lang="fa-IR"] .shada-thumb {
    max-width: 180px;
    height: auto;
}

html[lang="fa-IR"] .shada-meta-small {
    padding-right: 6px;
    font-size: 0.75rem;
}

html[lang="fa-IR"] .shada-data-table {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
}

html[lang="fa-IR"] .shada-data-table th,
html[lang="fa-IR"] .shada-data-table td {
    padding: 0.55rem;
    border: 1px solid #d9dee3;
}

html[lang="fa-IR"] .shada-list-flat {
    margin: 0;
    padding: 0;
    list-style: none;
}

html[lang="fa-IR"] .shada-panel {
    border: 1px solid #d9dee3;
    border-radius: 0.35rem;
}

html[lang="fa-IR"] .shada-panel-heading {
    padding: 0.75rem 1rem;
    background: #f3f5f7;
}

html[lang="fa-IR"] .shada-panel-body {
    padding: 1rem;
}

html[lang="fa-IR"] .shada-panel-title {
    margin: 0;
}

html[lang="fa-IR"] .shada-icon::before {
    display: inline-block;
    margin-inline-end: 0.35rem;
}

html[lang="fa-IR"] .shada-icon-phone::before {
    content: "☎";
}

html[lang="fa-IR"] .shada-icon-email::before {
    content: "✉";
}

html[lang="fa-IR"] .shada-icon-print::before {
    content: "⎙";
}

@media (min-width: 768px) {
    html[lang="fa-IR"] .shada-native-columns-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    html[lang="fa-IR"] .shada-native-columns-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    html[lang="fa-IR"] .shada-native-columns-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    html[lang="fa-IR"] .shada-native-grid-stack .shada-native-card {
        grid-template-columns: 1fr;
    }

    html[lang="fa-IR"] .shada-float-left-small {
        float: none;
        display: block;
        margin: 0.75rem auto;
    }
}

/* SEMANTIC ADDENDUM */
/*
 * Shada Persian migration semantic addendum
 * Staged only — not installed.
 */

html[lang^="fa" i] .shada-contact-panel {
    margin-block: 1.25rem;
}

html[lang^="fa" i] .shada-panel-primary {
    border-inline-start: 0.25rem solid
        var(--cassiopeia-color-primary, #0f6b6d);
    background: rgba(15, 107, 109, 0.06);
}

html[lang^="fa" i] .shada-info {
    color: inherit;
}

html[lang^="fa" i] .shada-info-panel-info {
    border-inline-start-color:
        var(--cassiopeia-color-primary, #0f6b6d);
}

html[lang^="fa" i] .shada-native-action {
    margin-block-start: 1rem;
}

html[lang^="fa" i] .shada-native-card-content {
    min-width: 0;
}

html[lang^="fa" i] .shada-native-columns-1 {
    grid-template-columns: minmax(0, 1fr);
}

html[lang^="fa" i] .shada-native-media-link {
    display: block;
    color: inherit;
    text-decoration: none;
}

html[lang^="fa" i] .shada-native-tab-content {
    min-width: 0;
}

html[lang^="fa" i] .shada-native-tabs {
    width: 100%;
    min-width: 0;
}

html[lang^="fa" i] .shada-native-widget-accordion,
html[lang^="fa" i] .shada-native-widget-grid,
html[lang^="fa" i] .shada-native-widget-grid-stack,
html[lang^="fa" i] .shada-native-widget-switcher {
    min-width: 0;
}
/* SHADA PERSIAN MIGRATION CSS END */

/* SHADA-MULTILINGUAL-HEADER-FIX START */

/*
 * Keep phone numbers readable inside RTL pages.
 */
.container-topbar a[href^="tel:"],
.container-topbar [class*="phone"] {
    direction: ltr !important;
    unicode-bidi: isolate !important;
}

html[lang^="fa"] .container-topbar a[href^="tel:"] {
    text-align: left !important;
}

/*
 * Keep Joomla Language Switcher flags compact.
 */
.container-topbar .mod-languages,
.container-topbar .shada-language-switcher {
    width: auto !important;
    flex: 0 0 auto !important;
    margin-block: 0 !important;
    padding-block: 0 !important;
}

.container-topbar .mod-languages ul,
.container-topbar .shada-language-switcher ul,
.mod-languages ul.lang-inline {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    gap: 0.5rem !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.container-topbar .mod-languages li,
.container-topbar .shada-language-switcher li,
.mod-languages ul.lang-inline > li {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

.container-topbar .mod-languages img,
.container-topbar .shada-language-switcher img,
.mod-languages ul.lang-inline img {
    display: block !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 22px !important;
    min-height: 22px !important;
    max-height: 22px !important;
    object-fit: cover !important;
    margin: 0 !important;
}

/*
 * Persian desktop navigation.
 * The English module is excluded by Joomla
 * assignments; these rules style only fa-menu.
 */
@media (min-width: 992px) {
    html[lang^="fa"] #mod-menu137 {
        display: flex !important;
        flex-flow: row nowrap !important;
        align-items: center !important;
        justify-content: flex-start !important;
        width: 100% !important;
        direction: rtl !important;
    }

    html[lang^="fa"] #mod-menu137 > li {
        flex: 0 0 auto !important;
    }

    html[lang^="fa"] #mod-menu137 > li > a,
    html[lang^="fa"] #mod-menu137 > li > button,
    html[lang^="fa"] #mod-menu137 > li > .mm-toggler {
        color: #ffffff !important;
        white-space: nowrap !important;
        font-size: 0.96rem !important;
        padding-inline: 0.65rem !important;
    }
}

/* SHADA-MULTILINGUAL-HEADER-FIX END */

/* SHADA-MOBILE-DRAWER-CTA-GUARD-R1 START */
@media (max-width: 991.98px) {
    body.shada-mobile-menu-is-open .shada-mobile-cta-live {
        display: none !important;
    }

    body.shada-mobile-menu-is-open .shada-mobile-menu-drawer {
        padding-bottom: calc(
            1.5rem + env(safe-area-inset-bottom)
        ) !important;
    }
}
/* SHADA-MOBILE-DRAWER-CTA-GUARD-R1 END */

/* SHADA-PERSIAN-IRANSANS-R2 START */

/*
 * Exact IRANSans webfont files reused from the
 * existing Shada Persian website installation.
 */

@font-face {
    font-family: "ShadaIRANSans";
    src:
        url("/media/fonts/shada-persian-iransans/woff2/IRANSansWeb_UltraLight.woff2")
            format("woff2"),
        url("/media/fonts/shada-persian-iransans/woff/IRANSansWeb_UltraLight.woff")
            format("woff");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "ShadaIRANSans";
    src:
        url("/media/fonts/shada-persian-iransans/woff2/IRANSansWeb_Light.woff2")
            format("woff2"),
        url("/media/fonts/shada-persian-iransans/woff/IRANSansWeb_Light.woff")
            format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "ShadaIRANSans";
    src:
        url("/media/fonts/shada-persian-iransans/woff2/IRANSansWeb.woff2")
            format("woff2"),
        url("/media/fonts/shada-persian-iransans/woff/IRANSansWeb.woff")
            format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "ShadaIRANSans";
    src:
        url("/media/fonts/shada-persian-iransans/woff2/IRANSansWeb_Medium.woff2")
            format("woff2"),
        url("/media/fonts/shada-persian-iransans/woff/IRANSansWeb_Medium.woff")
            format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "ShadaIRANSans";
    src:
        url("/media/fonts/shada-persian-iransans/woff2/IRANSansWeb_Bold.woff2")
            format("woff2"),
        url("/media/fonts/shada-persian-iransans/woff/IRANSansWeb_Bold.woff")
            format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "ShadaIRANSans";
    src:
        url("/media/fonts/shada-persian-iransans/woff2/IRANSansWeb_Black.woff2")
            format("woff2"),
        url("/media/fonts/shada-persian-iransans/woff/IRANSansWeb_Black.woff")
            format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

html[lang^="fa"] body {
    font-family:
        "ShadaIRANSans",
        Tahoma,
        Arial,
        sans-serif !important;
}

html[lang^="fa"] :where(
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    li,
    dt,
    dd,
    label,
    button,
    input,
    textarea,
    select,
    option,
    .mod-menu a,
    .breadcrumb,
    .page-header,
    .item-page,
    .blog,
    .card,
    .card-title,
    .card-body,
    .shada-mobile-menu-drawer,
    .shada-mobile-menu-drawer a,
    .shada-mobile-cta-live,
    .shada-mobile-cta-live a
) {
    font-family:
        "ShadaIRANSans",
        Tahoma,
        Arial,
        sans-serif !important;
}

/* Preserve icon fonts and icon pseudo-elements. */
html[lang^="fa"] :where(
    .fa,
    [class^="fa-"],
    [class*=" fa-"],
    .icon,
    [class^="icon-"],
    [class*=" icon-"]
) {
    font-family: inherit;
}

/* SHADA-PERSIAN-IRANSANS-R2 END */

/* SHADA-LANGUAGE-SELECTOR-R3 START */

.shada-language-selector {
    position: relative;
    z-index: 1050;
    display: inline-block;
    margin: 0;
    line-height: 1;
}

.shada-language-selector__toggle {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 0.52rem;
    min-height: 42px;
    padding: 0.52rem 0.84rem !important;
    color: #1f2933 !important;
    background: #ffffff !important;
    border: 1px solid rgba(8, 127, 131, 0.25) !important;
    border-radius: 999px !important;
    box-shadow:
        0 3px 12px
        rgba(15, 65, 68, 0.09) !important;
    font-size: 0.95rem;
    font-weight: 600;
    line-height: 1;
    text-decoration: none !important;
    white-space: nowrap;
}

.shada-language-selector__toggle:hover,
.shada-language-selector__toggle:focus-visible,
.shada-language-selector__toggle[aria-expanded="true"] {
    color: #087f83 !important;
    border-color:
        rgba(8, 127, 131, 0.62) !important;
    box-shadow:
        0 0 0 3px rgba(8, 127, 131, 0.12),
        0 5px 16px rgba(15, 65, 68, 0.12) !important;
}

.shada-language-selector__toggle::after {
    margin-inline-start: 0.12rem;
}

.shada-language-selector__flag {
    display: inline-block !important;
    width: 29px !important;
    height: 18px !important;
    margin: 0 !important;
    padding: 0;
    background: #ffffff;
    border-radius: 2px;
    box-shadow:
        0 0 0 1px
        rgba(15, 23, 42, 0.14);
    object-fit: contain !important;
    object-position: center;
    flex: 0 0 auto;
}

.shada-language-selector__menu {
    min-width: 11rem;
    margin-top: 0.45rem !important;
    padding: 0.4rem !important;
    background: #ffffff;
    border:
        1px solid
        rgba(8, 127, 131, 0.16);
    border-radius: 12px;
    box-shadow:
        0 12px 30px
        rgba(15, 65, 68, 0.18);
    overflow: hidden;
}

.shada-language-selector__menu li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.shada-language-selector__item {
    display: grid !important;
    grid-template-columns:
        1rem
        29px
        minmax(0, 1fr);
    align-items: center;
    gap: 0.55rem;
    min-height: 42px;
    padding: 0.58rem 0.65rem !important;
    color: #1f2933 !important;
    border-radius: 8px;
    font-size: 0.94rem;
    font-weight: 500;
    text-decoration: none !important;
    white-space: nowrap;
}

.shada-language-selector__item:hover,
.shada-language-selector__item:focus {
    color: #087f83 !important;
    background:
        rgba(8, 127, 131, 0.08) !important;
}

.shada-language-selector__item.active {
    color: #ffffff !important;
    background: #087f83 !important;
}

.shada-language-selector__check {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1rem;
    font-weight: 700;
}

.shada-language-selector__check--empty {
    visibility: hidden;
}

html[dir="ltr"]
.shada-language-selector__menu {
    left: 0;
    right: auto;
    text-align: left;
}

html[dir="rtl"]
.shada-language-selector__menu {
    right: 0;
    left: auto;
    direction: rtl;
    text-align: right;
}

html[lang^="fa"]
.shada-language-selector,
html[lang^="fa"]
.shada-language-selector__toggle,
html[lang^="fa"]
.shada-language-selector__item {
    font-family:
        "ShadaIRANSans",
        Tahoma,
        Arial,
        sans-serif !important;
}

@media (max-width: 575.98px) {
    .shada-language-selector__toggle {
        min-height: 38px;
        padding: 0.44rem 0.68rem !important;
        gap: 0.42rem;
        font-size: 0.88rem;
    }

    .shada-language-selector__flag {
        width: 26px !important;
        height: 16px !important;
    }

    .shada-language-selector__menu {
        min-width: 9.75rem;
    }

    .shada-language-selector__item {
        grid-template-columns:
            0.9rem
            26px
            minmax(0, 1fr);
        font-size: 0.9rem;
    }
}

/* SHADA-LANGUAGE-SELECTOR-R3 END */

/* SHADA-LANGUAGE-SELECTOR-R3D2 START */

/*
 * Correct the dropdown list structure while
 * retaining the approved R3C selector design.
 */

.shada-language-selector
> .shada-language-selector__menu,
.shada-language-selector
> .shada-language-selector__menu.show {
    position: absolute !important;
    top: calc(100% + 0.5rem) !important;
    bottom: auto !important;

    inset-inline-start: 0 !important;
    inset-inline-end: auto !important;

    transform: none !important;

    width: 12rem !important;
    min-width: 12rem !important;
    max-width: calc(100vw - 1rem) !important;

    margin: 0 !important;
    padding: 0.42rem !important;

    flex-direction: column !important;
    flex-wrap: nowrap !important;

    background: #ffffff !important;

    border:
        1px solid
        rgba(8, 127, 131, 0.18) !important;

    border-radius: 12px !important;

    box-shadow:
        0 14px 34px
        rgba(15, 65, 68, 0.20) !important;

    list-style: none !important;
    overflow: hidden !important;
}

.shada-language-selector
> .shada-language-selector__menu {
    display: none !important;
}

.shada-language-selector
> .shada-language-selector__menu.show {
    display: block !important;
}

.shada-language-selector__menu
> li {
    display: block !important;
    float: none !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}

.shada-language-selector__menu
> li + li {
    margin-top: 0.2rem !important;
}

.shada-language-selector__menu
.shada-language-selector__item {
    display: grid !important;

    grid-template-columns:
        1rem
        29px
        minmax(0, 1fr) !important;

    align-items: center !important;
    gap: 0.58rem !important;

    width: 100% !important;
    min-width: 0 !important;
    min-height: 42px;

    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 0.58rem 0.65rem !important;

    border: 0 !important;
    border-radius: 8px !important;

    line-height: 1.35;
    text-decoration: none !important;
    white-space: nowrap;
}

.shada-language-selector__menu
.shada-language-selector__item
> span:last-child {
    display: block !important;

    min-width: 0 !important;

    visibility: visible !important;
    opacity: 1 !important;

    overflow: visible !important;
    text-overflow: clip !important;
}

.shada-language-selector__menu
.shada-language-selector__item.active {
    color: #075f63 !important;

    background:
        rgba(8, 127, 131, 0.12) !important;
}

.shada-language-selector__menu
.shada-language-selector__item.active
> span {
    color: inherit !important;
}

html[dir="ltr"]
.shada-language-selector
> .shada-language-selector__menu {
    left: 0 !important;
    right: auto !important;

    direction: ltr;
    text-align: left;
}

html[dir="rtl"]
.shada-language-selector
> .shada-language-selector__menu {
    right: 0 !important;
    left: auto !important;

    direction: rtl;
    text-align: right;
}

@media (max-width: 575.98px) {
    .shada-language-selector
    > .shada-language-selector__menu,
    .shada-language-selector
    > .shada-language-selector__menu.show {
        width: 10.75rem !important;
        min-width: 10.75rem !important;
    }

    .shada-language-selector__menu
    .shada-language-selector__item {
        grid-template-columns:
            0.9rem
            26px
            minmax(0, 1fr) !important;

        min-height: 40px;

        padding:
            0.54rem
            0.58rem !important;

        font-size: 0.9rem;
    }
}

/* SHADA-LANGUAGE-SELECTOR-R3D2 END */

/* SHADA-LANGUAGE-SELECTOR-STATE-R3F START */

.shada-language-selector__menu[hidden] {
    display: none !important;
}

.shada-language-selector__toggle::after {
    content: "";
    display: inline-block;

    width: 0;
    height: 0;

    margin-inline-start: 0.15rem;

    border-style: solid;
    border-width:
        0.32rem
        0.27rem
        0;

    border-color:
        currentColor
        transparent
        transparent;

    transition: transform 150ms ease;
}

.shada-language-selector__toggle[
    aria-expanded="true"
]::after {
    transform: rotate(180deg);
}

.shada-language-selector__toggle[
    aria-expanded="false"
] + .shada-language-selector__menu {
    display: none !important;
}

.shada-language-selector__toggle[
    aria-expanded="true"
] + .shada-language-selector__menu {
    display: block !important;
}

/* SHADA-LANGUAGE-SELECTOR-STATE-R3F END */

/* SHADA-HEADER-FINAL-CONSOLIDATED-R3T START */

/*
 * Final static header layout.
 *
 * Search is rendered directly inside the Joomla
 * menu. No logo, phone, selector or search element
 * is repositioned after the first browser paint.
 *
 * This block replaces R3Q, R3R2 and R3S.
 */


/* Remove Joomla/custom-module wrappers from layout. */

.container-header
.container-topbar
> #mod-custom121,

.container-header
#mod-custom121
> .shada-site-header,

.container-header
#mod-custom121
.shada-site-header-inner {
    display: contents !important;
}


/* Desktop and tablet static utility header. */

@media (min-width: 768px) {

    .container-header
    .container-topbar {
        display: grid !important;

        grid-template-columns:
            minmax(0, 1fr)
            auto
            minmax(0, 1fr) !important;

        grid-template-rows:
            7.5rem
            4.75rem !important;

        align-items: center !important;

        position: relative !important;
        overflow: visible !important;

        box-sizing: border-box !important;

        width: 100% !important;
        min-height: 12.25rem !important;

        margin: 0 !important;

        padding:
            0
            clamp(
                1rem,
                3vw,
                3rem
            ) !important;

        direction: ltr !important;

        background: #fff !important;
    }

    .container-header
    .container-topbar::before {
        content: "";

        position: absolute;

        top: 7.5rem;
        right: 0;
        left: 0;

        border-top:
            1px solid
            rgba(
                0,
                116,
                124,
                0.15
            );

        pointer-events: none;
    }

    .container-header
    .shada-header-logo {
        grid-column: 2;
        grid-row: 1;

        justify-self: center;
        align-self: center;

        display: block !important;

        position: static !important;
        inset: auto !important;

        margin: 0 !important;

        transform: none !important;

        z-index: auto !important;
    }

    .container-header
    .shada-header-actions {
        grid-column: 1;
        grid-row: 2;

        justify-self: start;
        align-self: center;

        display: flex !important;
        align-items: center !important;

        position: static !important;
        inset: auto !important;

        width: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        direction: ltr !important;
        unicode-bidi: isolate !important;

        transform: none !important;

        z-index: auto !important;
    }

    .container-header
    .shada-phone-button {
        position: static !important;
        inset: auto !important;

        margin: 0 !important;

        direction: ltr !important;
        unicode-bidi: isolate !important;

        transform: none !important;
    }

    .container-header
    #shada-language-selector-138 {
        grid-column: 3;
        grid-row: 2;

        justify-self: end;
        align-self: center;

        position: relative !important;
        inset: auto !important;

        width: max-content !important;
        max-width:
            calc(
                100vw - 2rem
            ) !important;

        margin: 0 !important;
        padding: 0 !important;

        transform: none !important;

        z-index: 1400 !important;
    }

    html[lang^="en"]
    #shada-language-selector-138 {
        direction: ltr;
    }

    html[lang^="fa"]
    #shada-language-selector-138 {
        direction: rtl;
    }

    #shada-language-selector-138
    > .shada-language-selector__menu {
        right: 0 !important;
        left: auto !important;

        inset-inline-start: auto !important;
        inset-inline-end: auto !important;
    }
}


/* Final desktop dimensions and exact vertical centring. */

@media (min-width: 992px) {

    /*
     * Smaller phone button.
     */
    .container-header
    a.shada-phone-button {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        box-sizing: border-box !important;

        height: 42px !important;
        min-height: 42px !important;

        padding:
            0
            0.95rem !important;

        line-height: 1 !important;
    }

    /*
     * Teal navigation bar.
     */
    .container-header
    .container-nav {
        display: flex !important;
        align-items: center !important;

        box-sizing: border-box !important;

        height: 58px !important;
        min-height: 58px !important;

        margin: 0 !important;

        padding-top: 0 !important;
        padding-bottom: 0 !important;

        overflow: visible !important;
    }

    /*
     * English and Persian menu lists.
     */
    .container-header
    .container-nav
    ul#mod-menu1.mod-menu,

    .container-header
    .container-nav
    ul#mod-menu137.mod-menu {
        display: flex !important;
        align-items: center !important;

        box-sizing: border-box !important;

        height: 58px !important;
        min-height: 58px !important;

        margin-top: 0 !important;
        margin-bottom: 0 !important;

        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .container-header
    .container-nav
    ul#mod-menu1.mod-menu
    > li,

    .container-header
    .container-nav
    ul#mod-menu137.mod-menu
    > li {
        display: flex !important;
        align-items: center !important;

        box-sizing: border-box !important;

        height: 58px !important;
        min-height: 58px !important;

        margin-top: 0 !important;
        margin-bottom: 0 !important;

        padding-top: 0 !important;
        padding-bottom: 0 !important;

        position: relative !important;
        top: auto !important;
        bottom: auto !important;

        transform: none !important;
    }

    /*
     * Remove inherited vertical offsets and make
     * every direct menu control use the full bar
     * height with its contents centred.
     */
    .container-header
    .container-nav
    ul#mod-menu1.mod-menu
    > li
    > a,

    .container-header
    .container-nav
    ul#mod-menu1.mod-menu
    > li
    > button,

    .container-header
    .container-nav
    ul#mod-menu1.mod-menu
    > li
    > .mod-menu__heading,

    .container-header
    .container-nav
    ul#mod-menu137.mod-menu
    > li
    > a,

    .container-header
    .container-nav
    ul#mod-menu137.mod-menu
    > li
    > button,

    .container-header
    .container-nav
    ul#mod-menu137.mod-menu
    > li
    > .mod-menu__heading {
        display: flex !important;
        align-items: center !important;

        box-sizing: border-box !important;

        height: 58px !important;
        min-height: 58px !important;

        margin-top: 0 !important;
        margin-bottom: 0 !important;

        padding-top: 0 !important;
        padding-bottom: 0 !important;

        position: static !important;
        inset: auto !important;

        line-height: 1.2 !important;

        transform: none !important;
        vertical-align: middle !important;
    }

    /*
     * Identical search item alignment for the
     * English and Persian menus.
     */
    .container-header
    .container-nav
    ul#mod-menu1.mod-menu
    > li.shada-menu-search-item,

    .container-header
    .container-nav
    ul#mod-menu137.mod-menu
    > li.shada-menu-search-item {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        box-sizing: border-box !important;

        width: 56px !important;
        min-width: 56px !important;

        height: 58px !important;
        min-height: 58px !important;

        margin: 0 !important;
        padding: 0 !important;

        position: static !important;
        inset: auto !important;

        transform: none !important;
    }

    /*
     * Same visible circle on English and Persian.
     */
    .container-header
    .container-nav
    ul#mod-menu1.mod-menu
    > li.shada-menu-search-item
    > #shada-search-toggle,

    .container-header
    .container-nav
    ul#mod-menu137.mod-menu
    > li.shada-menu-search-item
    > #shada-search-toggle {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        box-sizing: border-box !important;
        flex: 0 0 40px !important;

        width: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;

        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;

        margin: 0 !important;
        padding: 0 !important;

        position: static !important;
        inset: auto !important;

        border:
            1px solid
            rgba(
                255,
                255,
                255,
                0.32
            ) !important;

        border-radius: 50% !important;

        background:
            rgba(
                255,
                255,
                255,
                0.13
            ) !important;

        color: #fff !important;

        opacity: 1 !important;
        visibility: visible !important;

        box-shadow: none !important;

        transform: none !important;
        transition:
            background-color 0.15s ease,
            border-color 0.15s ease !important;
    }

    .container-header
    .container-nav
    ul#mod-menu1.mod-menu
    > li.shada-menu-search-item
    > #shada-search-toggle:hover,

    .container-header
    .container-nav
    ul#mod-menu1.mod-menu
    > li.shada-menu-search-item
    > #shada-search-toggle:focus,

    .container-header
    .container-nav
    ul#mod-menu137.mod-menu
    > li.shada-menu-search-item
    > #shada-search-toggle:hover,

    .container-header
    .container-nav
    ul#mod-menu137.mod-menu
    > li.shada-menu-search-item
    > #shada-search-toggle:focus {
        background:
            rgba(
                255,
                255,
                255,
                0.22
            ) !important;

        border-color:
            rgba(
                255,
                255,
                255,
                0.52
            ) !important;
    }

    /*
     * Force the same clear white icon in both
     * language menus, overriding inherited RTL
     * opacity/filter rules.
     */
    .container-header
    .container-nav
    ul#mod-menu1.mod-menu
    #shada-search-icon,

    .container-header
    .container-nav
    ul#mod-menu137.mod-menu
    #shada-search-icon {
        display: block !important;

        width: 22px !important;
        min-width: 22px !important;
        max-width: 22px !important;

        height: 22px !important;
        min-height: 22px !important;
        max-height: 22px !important;

        margin: 0 !important;
        padding: 0 !important;

        opacity: 1 !important;
        visibility: visible !important;

        filter:
            brightness(0)
            invert(1) !important;

        mix-blend-mode: normal !important;

        object-fit: contain !important;

        transform: none !important;
    }
}


/* Preserve the approved mobile layout. */

@media (max-width: 767.98px) {

    .container-header
    .container-topbar {
        display: grid !important;

        grid-template-columns:
            1fr !important;

        grid-template-rows:
            6.5rem
            4rem !important;

        align-items: center !important;

        position: relative !important;
        overflow: visible !important;

        box-sizing: border-box !important;

        width: 100% !important;
        min-height: 10.5rem !important;

        margin: 0 !important;

        padding:
            0
            0.75rem !important;

        direction: ltr !important;

        background: #fff !important;
    }

    .container-header
    .container-topbar::before {
        content: "";

        position: absolute;

        top: 6.5rem;
        right: 0;
        left: 0;

        border-top:
            1px solid
            rgba(
                0,
                116,
                124,
                0.15
            );

        pointer-events: none;
    }

    .container-header
    .shada-header-logo {
        grid-column: 1;
        grid-row: 1;

        justify-self: center;
        align-self: center;

        position: static !important;
        inset: auto !important;

        margin: 0 !important;

        transform: none !important;
    }

    .container-header
    .shada-header-actions {
        display: none !important;
    }

    .container-header
    #shada-language-selector-138 {
        grid-column: 1;
        grid-row: 2;

        justify-self: end;
        align-self: center;

        position: relative !important;
        inset: auto !important;

        width: max-content !important;

        margin: 0 !important;
        padding: 0 !important;

        transform: none !important;

        z-index: 1400 !important;
    }

    /*
     * The approved mobile drawer has its own
     * dedicated search form.
     */
    .container-header
    .container-nav
    li.shada-menu-search-item {
        display: none !important;
    }
}

/* SHADA-R3T-EXACT-SEARCH-CENTRE START */

/*
 * Centre the search control independently of
 * inherited menu flex alignment.
 *
 * The search item's 58px box becomes the containing
 * block. The 40px circle is positioned at its exact
 * physical centre in both LTR and RTL menus.
 */

@media (min-width: 992px) {

    .container-header
    .container-nav
    ul#mod-menu1.mod-menu
    > li.shada-menu-search-item,

    .container-header
    .container-nav
    ul#mod-menu137.mod-menu
    > li.shada-menu-search-item {
        position: relative !important;

        align-self: stretch !important;
        align-items: center !important;
        justify-content: center !important;

        height: 58px !important;
        min-height: 58px !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: visible !important;
    }

    .container-header
    .container-nav
    ul#mod-menu1.mod-menu
    > li.shada-menu-search-item
    > #shada-search-toggle,

    .container-header
    .container-nav
    ul#mod-menu137.mod-menu
    > li.shada-menu-search-item
    > #shada-search-toggle {
        position: absolute !important;

        top: 50% !important;
        right: auto !important;
        bottom: auto !important;
        left: 50% !important;

        width: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;

        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;

        margin: 0 !important;
        padding: 0 !important;

        transform:
            translate(
                -50%,
                -50%
            ) !important;

        opacity: 1 !important;
        visibility: visible !important;
    }

    .container-header
    .container-nav
    ul#mod-menu1.mod-menu
    #shada-search-icon,

    .container-header
    .container-nav
    ul#mod-menu137.mod-menu
    #shada-search-icon {
        display: block !important;

        width: 22px !important;
        height: 22px !important;

        margin: 0 !important;
        padding: 0 !important;

        opacity: 1 !important;
        visibility: visible !important;

        filter:
            brightness(0)
            invert(1) !important;

        transform: none !important;
    }
}

/* SHADA-R3T-EXACT-SEARCH-CENTRE END */
/* SHADA-R3T-PERSIAN-MENU-R3U3 START */

/*
 * Final Persian desktop menu typography and
 * dropdown-chevron spacing.
 *
 * The label and arrow are kept together as one
 * compact flex group instead of being distributed
 * across the menu control.
 */

@media (min-width: 992px) {

    /*
     * Increase only Persian top-level menu labels.
     * Exclude the separate search control.
     */
    html[lang^="fa"]
    .container-header
    #mod-menu137
    > li:not(.shada-menu-search-item)
    > a,

    html[lang^="fa"]
    .container-header
    #mod-menu137
    > li:not(.shada-menu-search-item)
    > button,

    html[lang^="fa"]
    .container-header
    #mod-menu137
    > li:not(.shada-menu-search-item)
    > .mod-menu__heading,

    html[lang^="fa"]
    .container-header
    #mod-menu137
    > li:not(.shada-menu-search-item)
    > .nav-header {
        display: flex !important;
        align-items: center !important;

        /*
         * Prevent inherited space-between rules from
         * separating the arrow from its label.
         */
        justify-content: flex-start !important;

        gap: 0.18rem !important;
        column-gap: 0.18rem !important;
        row-gap: 0 !important;

        box-sizing: border-box !important;

        width: auto !important;
        min-width: 0 !important;

        height: 58px !important;
        min-height: 58px !important;

        margin: 0 !important;

        padding-top: 0 !important;
        padding-bottom: 0 !important;

        direction: rtl !important;
        text-align: right !important;

        font-size: 1.1rem !important;
        font-weight: 600 !important;
        line-height: 1.35 !important;

        letter-spacing: 0 !important;
        white-space: nowrap !important;

        position: static !important;
        inset: auto !important;

        transform: none !important;
    }

    /*
     * Existing Joomla chevron element.
     */
    html[lang^="fa"]
    .container-header
    #mod-menu137
    .icon-chevron-down,

    html[lang^="fa"]
    .container-header
    #mod-menu137
    .icon-chevron-up {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        flex:
            0
            0
            0.55rem !important;

        box-sizing: border-box !important;

        width: 0.55rem !important;
        min-width: 0.55rem !important;
        max-width: 0.55rem !important;

        height: 0.55rem !important;
        min-height: 0.55rem !important;
        max-height: 0.55rem !important;

        /*
         * Parent gap now controls all spacing.
         */
        margin: 0 !important;
        margin-inline: 0 !important;
        margin-inline-start: 0 !important;
        margin-inline-end: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;

        padding: 0 !important;

        position: static !important;
        inset: auto !important;

        color:
            rgba(
                255,
                255,
                255,
                0.92
            ) !important;

        font-family: initial !important;
        font-size: 0 !important;
        line-height: 0 !important;

        opacity: 1 !important;
        visibility: visible !important;

        overflow: visible !important;

        box-shadow: none !important;
    }

    /*
     * Font-independent chevron.
     */
    html[lang^="fa"]
    .container-header
    #mod-menu137
    .icon-chevron-down::before,

    html[lang^="fa"]
    .container-header
    #mod-menu137
    .icon-chevron-up::before {
        content: "" !important;

        display: block !important;

        box-sizing: border-box !important;

        width: 0.4rem !important;
        height: 0.4rem !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;

        border-right:
            1.6px solid
            currentColor !important;

        border-bottom:
            1.6px solid
            currentColor !important;

        background: transparent !important;

        opacity: 1 !important;
        visibility: visible !important;

        transform-origin: center !important;
    }

    html[lang^="fa"]
    .container-header
    #mod-menu137
    .icon-chevron-down::before {
        transform:
            translateY(-14%)
            rotate(45deg) !important;
    }

    html[lang^="fa"]
    .container-header
    #mod-menu137
    .icon-chevron-up::before {
        transform:
            translateY(14%)
            rotate(225deg) !important;
    }

    html[lang^="fa"]
    .container-header
    #mod-menu137
    .icon-chevron-down::after,

    html[lang^="fa"]
    .container-header
    #mod-menu137
    .icon-chevron-up::after {
        content: none !important;
        display: none !important;
    }
}

/* SHADA-R3U3-PERSIAN-SECOND-LEVEL START */

/*
 * Persian desktop second-level menu typography.
 * Match the visual prominence of the English
 * submenu while retaining the existing dropdown
 * dimensions, colours and behaviour.
 */

@media (min-width: 992px) {

    html[lang^="fa"]
    .container-header
    #mod-menu137
    > li
    > ul
    > li
    > a,

    html[lang^="fa"]
    .container-header
    #mod-menu137
    > li
    > ul
    > li
    > button,

    html[lang^="fa"]
    .container-header
    #mod-menu137
    > li
    > ul
    > li
    > .mod-menu__heading,

    html[lang^="fa"]
    .container-header
    #mod-menu137
    > li
    > ul
    > li
    > .nav-header {
        font-family:
            "ShadaIRANSans",
            Arial,
            sans-serif !important;

        font-size: 1.125rem !important;
        font-weight: 600 !important;
        line-height: 1.55 !important;

        letter-spacing: 0 !important;

        text-align: right !important;
    }
}

/* SHADA-R3U3-PERSIAN-SECOND-LEVEL END */

/* SHADA-R3U3-PERSIAN-DESKTOP-MENU-CENTRE START */

/*
 * Centre the complete Persian desktop-navigation
 * group while preserving its RTL item order.
 *
 * The group is centred physically in the navigation
 * bar rather than being anchored to the right edge.
 */

@media (min-width: 992px) {

    html[lang^="fa"]
    .container-header
    .container-nav {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;

        padding-inline-start: 1rem !important;
        padding-inline-end: 1rem !important;

        overflow: visible !important;
    }

    html[lang^="fa"]
    .container-header
    .container-nav
    #mod-menu137 {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        direction: rtl !important;

        flex: 0 1 auto !important;

        width: max-content !important;
        min-width: 0 !important;
        max-width:
            calc(
                100vw - 2rem
            ) !important;

        margin-left: auto !important;
        margin-right: auto !important;
        margin-inline: auto !important;

        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-inline: 0 !important;

        transform: none !important;
    }

    html[lang^="fa"]
    .container-header
    .container-nav
    #mod-menu137
    > li {
        flex: 0 0 auto !important;

        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    /*
     * Preserve normal submenu alignment. Only the
     * top-level navigation group is centred.
     */
    html[lang^="fa"]
    .container-header
    .container-nav
    #mod-menu137
    > li
    > ul {
        direction: rtl !important;
        text-align: right !important;
    }
}

/* SHADA-R3U3-PERSIAN-DESKTOP-MENU-CENTRE END */

/* SHADA-R3T-PERSIAN-MENU-R3U3 END */
/* SHADA-R3T-PERSIAN-LIVE-LOGO-R3V3 START */

/*
 * Persian branding:
 * Persian wording on the physical left and the
 * Shada bird on the physical right.
 *
 * This section also establishes the correct mobile
 * stacking order for the language dropdown.
 */


/* Language-specific logo visibility. */

.container-header
.shada-header-logo--fa {
    display: none !important;
}

html:not([lang^="fa"])
.container-header
.shada-header-logo--en {
    display: block !important;
}

html[lang^="fa"]
.container-header
.shada-header-logo--en {
    display: none !important;
}

html[lang^="fa"]
.container-header
.shada-header-logo--fa {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 0.7rem !important;

    position: relative !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: min(92vw, 34rem) !important;

    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #087c83 !important;

    direction: ltr !important;

    opacity: 1 !important;
    visibility: visible !important;

    text-decoration: none !important;

    transform: none !important;

    z-index: 20 !important;
}

html[lang^="fa"]
.container-header
.shada-header-logo-fa__text {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #087c83 !important;

    direction: rtl !important;
    unicode-bidi: isolate !important;

    font-family:
        "ShadaIRANSans",
        Arial,
        sans-serif !important;

    font-size:
        clamp(
            1.35rem,
            2.2vw,
            1.9rem
        ) !important;

    font-weight: 700 !important;
    line-height: 1.15 !important;

    letter-spacing: 0 !important;
    white-space: nowrap !important;

    opacity: 1 !important;
    visibility: visible !important;
}

html[lang^="fa"]
.container-header
.shada-header-logo-fa__icon {
    display: block !important;

    flex: 0 0 auto !important;

    width: auto !important;
    height: 4.25rem !important;
    max-width: 5.5rem !important;

    margin: 0 !important;
    padding: 0 !important;

    opacity: 1 !important;
    visibility: visible !important;

    object-fit: contain !important;

    transform: none !important;
}


/* Mobile logo visibility and language-menu stacking. */

@media (max-width: 767.98px) {

    /*
     * Keep all header layers visible outside their
     * own boxes. This is required for the language
     * dropdown to overlap the navigation safely.
     */
    .container-header,
    .container-header
    .container-topbar,
    .container-header
    .mod-languages {
        overflow: visible !important;
    }

    /*
     * The topbar must paint above the navigation
     * while its language dropdown is open.
     */
    .container-header
    .container-topbar {
        position: relative !important;

        isolation: isolate !important;

        z-index: 3000 !important;
    }

    .container-header
    .container-nav {
        position: relative !important;

        z-index: 100 !important;
    }

    /*
     * Explicitly place the Persian logo in the
     * first mobile grid row. These declarations
     * override older generic mobile-logo rules.
     */
    html[lang^="fa"]
    .container-header
    .shada-header-logo--fa {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        grid-column: 1 !important;
        grid-row: 1 !important;

        justify-self: center !important;
        align-self: center !important;

        position: relative !important;

        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        inset: auto !important;

        gap: 0.55rem !important;

        box-sizing: border-box !important;

        width: max-content !important;
        min-width: 0 !important;
        max-width:
            calc(
                100vw - 1rem
            ) !important;

        height: auto !important;
        min-height: 0 !important;

        margin: 0 auto !important;
        padding: 0 !important;

        opacity: 1 !important;
        visibility: visible !important;

        overflow: visible !important;

        transform: none !important;

        z-index: 3200 !important;
    }

    html[lang^="fa"]
    .container-header
    .shada-header-logo-fa__text {
        display: block !important;

        flex: 0 1 auto !important;

        min-width: 0 !important;

        font-size:
            clamp(
                1.15rem,
                5.2vw,
                1.45rem
            ) !important;

        font-weight: 700 !important;
        line-height: 1.2 !important;

        white-space: nowrap !important;

        opacity: 1 !important;
        visibility: visible !important;
    }

    html[lang^="fa"]
    .container-header
    .shada-header-logo-fa__icon {
        display: block !important;

        flex:
            0
            0
            auto !important;

        width: auto !important;
        height: 3.4rem !important;
        max-width: 4.5rem !important;

        opacity: 1 !important;
        visibility: visible !important;
    }

    /*
     * Language selector and all of its wrappers must
     * remain above the teal navigation bar.
     */
    .container-header
    .container-topbar
    > *:has(#shada-language-selector-138),

    .container-header
    .mod-languages:has(#shada-language-selector-138),

    .container-header
    #shada-language-selector-138 {
        position: relative !important;

        overflow: visible !important;

        z-index: 3400 !important;
    }

    /*
     * Keep the dropdown anchored to the physical
     * right and above all navigation layers.
     *
     * The hidden attribute/display state remains
     * controlled by the approved selector script.
     */
    .container-header
    #shada-language-selector-138
    > .shada-language-selector__menu {
        position: absolute !important;

        top:
            calc(
                100% + 0.4rem
            ) !important;

        right: 0 !important;
        bottom: auto !important;
        left: auto !important;

        inset-inline-start: auto !important;
        inset-inline-end: auto !important;

        min-width: max-content !important;

        overflow: visible !important;

        z-index: 3600 !important;
    }
}

/* SHADA-R3V3-MOBILE-OPEN-STATE START */

/*
 * Final mobile logo and language-selector open state.
 *
 * Both language logos are explicitly positioned in
 * the first mobile row.
 *
 * When the selector opens, the white topbar expands
 * and physically pushes the teal mobile bar down.
 * This avoids stacking and clipping conflicts.
 */

@media (max-width: 767.98px) {

    /*
     * Do not isolate the topbar into a restricted
     * stacking context.
     */
    .container-header,
    .container-header
    .container-topbar {
        overflow: visible !important;
        isolation: auto !important;
    }

    .container-header
    .container-topbar {
        position: relative !important;

        z-index: 10000 !important;

        transition:
            min-height 0.15s ease,
            padding-bottom 0.15s ease !important;
    }

    .container-header
    .container-nav {
        position: relative !important;

        z-index: 10 !important;
    }

    /*
     * English mobile logo.
     */
    html:not([lang^="fa"])
    .container-header
    .shada-header-logo--en {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        grid-column: 1 !important;
        grid-row: 1 !important;

        justify-self: center !important;
        align-self: center !important;

        position: relative !important;

        inset: auto !important;

        box-sizing: border-box !important;

        width: auto !important;
        max-width:
            calc(
                100vw - 2rem
            ) !important;

        height: auto !important;

        margin: 0 auto !important;
        padding: 0 !important;

        opacity: 1 !important;
        visibility: visible !important;

        overflow: visible !important;

        transform: none !important;

        z-index: 11000 !important;
    }

    html:not([lang^="fa"])
    .container-header
    .shada-header-logo--en
    img {
        display: block !important;

        width: auto !important;
        max-width: min(78vw, 14rem) !important;

        height: 3.5rem !important;
        max-height: 3.5rem !important;

        margin: 0 !important;
        padding: 0 !important;

        opacity: 1 !important;
        visibility: visible !important;

        object-fit: contain !important;

        transform: none !important;
    }

    /*
     * Persian mobile logo.
     */
    html[lang^="fa"]
    .container-header
    .shada-header-logo--fa {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        grid-column: 1 !important;
        grid-row: 1 !important;

        justify-self: center !important;
        align-self: center !important;

        position: relative !important;

        inset: auto !important;

        box-sizing: border-box !important;

        width: max-content !important;
        max-width:
            calc(
                100vw - 1rem
            ) !important;

        height: auto !important;

        margin: 0 auto !important;
        padding: 0 !important;

        opacity: 1 !important;
        visibility: visible !important;

        overflow: visible !important;

        transform: none !important;

        z-index: 11000 !important;
    }

    /*
     * Selector wrapper and menu.
     */
    .container-header
    #shada-language-selector-138 {
        position: relative !important;

        overflow: visible !important;

        z-index: 12000 !important;
    }

    .container-header
    #shada-language-selector-138
    > .shada-language-selector__menu {
        position: absolute !important;

        top:
            calc(
                100% + 0.35rem
            ) !important;

        right: 0 !important;
        bottom: auto !important;
        left: auto !important;

        inset-inline-start: auto !important;
        inset-inline-end: auto !important;

        display: block;

        min-width: max-content !important;

        margin: 0 !important;

        overflow: visible !important;

        background: #fff !important;

        opacity: 1;
        visibility: visible;

        z-index: 13000 !important;
    }

    .container-header
    #shada-language-selector-138
    > .shada-language-selector__menu[hidden] {
        display: none !important;
    }

    /*
     * When the selector is open, reserve physical
     * space for its dropdown. The navigation is
     * pushed down rather than allowed to cover it.
     */
    .container-header
    .container-topbar:has(
        #shada-language-selector-138
        > .shada-language-selector__menu:not([hidden])
    ),

    .container-header
    .container-topbar:has(
        #shada-language-selector-138
        .shada-language-selector__toggle[
            aria-expanded="true"
        ]
    ) {
        min-height: 15rem !important;

        padding-bottom: 4.5rem !important;
    }
}

/* SHADA-R3V3-MOBILE-OPEN-STATE END */
/* SHADA-R3V5-MOBILE-LOGO-SELECTOR-POLISH-V2 START */

/*
 * Final mobile header refinement.
 *
 * - Enlarge the English logo using its exact selector.
 * - Use compact rounded-rectangle language controls.
 * - Preserve clear white space above the teal bar.
 * - Keep active and alternative languages identical.
 */

@media (max-width: 767.98px) {

    /*
     * Larger English mobile logo.
     */
    html:not([lang^="fa"])
    .container-header
    .shada-header-logo--en {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: auto !important;
        max-width:
            calc(
                100vw - 1.5rem
            ) !important;

        height: auto !important;

        margin: 0 auto !important;
        padding: 0 !important;

        opacity: 1 !important;
        visibility: visible !important;
    }

    html:not([lang^="fa"])
    .container-header
    .shada-header-logo--en
    > img {
        display: block !important;

        width: auto !important;
        max-width:
            min(
                84vw,
                17rem
            ) !important;

        height: 4.1rem !important;
        max-height: 4.1rem !important;

        margin: 0 !important;
        padding: 0 !important;

        opacity: 1 !important;
        visibility: visible !important;

        object-fit: contain !important;

        transform: none !important;
    }

    /*
     * Reserve a separate selector row with white
     * clearance between the selector and teal bar.
     */
    .container-header
    .container-topbar {
        grid-template-rows:
            7.25rem
            4.75rem !important;

        min-height: 12rem !important;
    }

    .container-header
    #shada-language-selector-138 {
        align-self: start !important;

        box-sizing: border-box !important;

        width:
            min(
                10.75rem,
                calc(
                    100vw - 2rem
                )
            ) !important;

        max-width:
            calc(
                100vw - 2rem
            ) !important;

        margin-top: 0.35rem !important;
        margin-bottom: 0 !important;
    }

    /*
     * The dropdown list is only a transparent
     * positioning wrapper.
     */
    .container-header
    #shada-language-selector-138
    > .shada-language-selector__menu {
        box-sizing: border-box !important;

        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;
        border-radius: 14px !important;

        background: transparent !important;

        box-shadow: none !important;

        overflow: visible !important;
    }

    .container-header
    #shada-language-selector-138
    > .shada-language-selector__menu
    > li {
        display: block !important;

        box-sizing: border-box !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;

        background: transparent !important;

        list-style: none !important;
    }

    /*
     * Shared compact rounded-rectangle design.
     */
    .container-header
    #shada-language-selector-138
    > .shada-language-selector__toggle,

    .container-header
    #shada-language-selector-138
    > .shada-language-selector__menu
    > li
    > a,

    .container-header
    #shada-language-selector-138
    > .shada-language-selector__menu
    > li
    > button,

    .container-header
    #shada-language-selector-138
    > .shada-language-selector__menu
    > a,

    .container-header
    #shada-language-selector-138
    .shada-language-selector__option {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        gap: 0.38rem !important;

        box-sizing: border-box !important;

        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;

        height: 2.85rem !important;
        min-height: 2.85rem !important;
        max-height: 2.85rem !important;

        margin: 0 !important;

        padding:
            0.3rem
            0.65rem !important;

        border:
            1.5px solid
            rgba(
                0,
                132,
                137,
                0.78
            ) !important;

        border-radius: 14px !important;

        background: #fff !important;

        color: #087d82 !important;

        font-size: 0.92rem !important;
        font-weight: 700 !important;
        line-height: 1.1 !important;

        text-decoration: none !important;
        white-space: nowrap !important;

        opacity: 1 !important;
        visibility: visible !important;

        box-shadow:
            0 0 0 2px
            rgba(
                0,
                132,
                137,
                0.10
            ) !important;

        transform: none !important;
    }

    html[lang^="fa"]
    .container-header
    #shada-language-selector-138
    > .shada-language-selector__toggle,

    html[lang^="fa"]
    .container-header
    #shada-language-selector-138
    > .shada-language-selector__menu
    > li
    > a,

    html[lang^="fa"]
    .container-header
    #shada-language-selector-138
    .shada-language-selector__option {
        font-family:
            "ShadaIRANSans",
            Arial,
            sans-serif !important;
    }

    /*
     * Matching compact flags.
     */
    .container-header
    #shada-language-selector-138
    > .shada-language-selector__toggle
    img,

    .container-header
    #shada-language-selector-138
    > .shada-language-selector__menu
    img {
        display: block !important;

        flex: 0 0 1.95rem !important;

        box-sizing: border-box !important;

        width: 1.95rem !important;
        min-width: 1.95rem !important;
        max-width: 1.95rem !important;

        height: 1.28rem !important;
        min-height: 1.28rem !important;
        max-height: 1.28rem !important;

        margin: 0 !important;
        padding: 0 !important;

        border:
            1px solid
            rgba(
                0,
                0,
                0,
                0.14
            ) !important;

        border-radius: 0.12rem !important;

        object-fit: cover !important;

        box-shadow:
            0 1px 2px
            rgba(
                0,
                0,
                0,
                0.14
            ) !important;
    }

    /*
     * When open, create enough physical white space
     * for both compact controls and a lower gap.
     */
    .container-header
    .container-topbar:has(
        #shada-language-selector-138
        > .shada-language-selector__menu:not([hidden])
    ),

    .container-header
    .container-topbar:has(
        #shada-language-selector-138
        .shada-language-selector__toggle[
            aria-expanded="true"
        ]
    ) {
        min-height: 14.75rem !important;

        padding-bottom: 2.5rem !important;
    }
}

/* SHADA-R3V5-MOBILE-LOGO-SELECTOR-POLISH-V2 END */

/* SHADA-R3T-PERSIAN-LIVE-LOGO-R3V3 END */

/* SHADA-HEADER-FINAL-CONSOLIDATED-R3T END */

/* SHADA-FA-FOOTER-LTR-CSS-R4 START */

/*
 * Temporary Persian-site footer policy:
 *
 * The complete existing English global footer,
 * including all text, links, forms, buttons, images
 * and lower-footer content, remains unchanged.
 *
 * On fa-IR pages only, the footer is isolated from
 * the surrounding RTL document and rendered LTR.
 *
 * The lower links/address section will be revised
 * after the Persian website content is completed.
 */

html[lang^="fa"]
.container-bottom-a {
    direction: ltr !important;
    unicode-bidi: isolate !important;
}

html[lang^="fa"]
.container-bottom-a
> *,

html[lang^="fa"]
.container-bottom-a
.mod-custom,

html[lang^="fa"]
.container-bottom-a
.custom {
    direction: ltr !important;
    unicode-bidi: isolate !important;
}

/*
 * Ensure English form controls remain usable and
 * display their content in the expected direction.
 */
html[lang^="fa"]
.container-bottom-a
form,

html[lang^="fa"]
.container-bottom-a
label,

html[lang^="fa"]
.container-bottom-a
input,

html[lang^="fa"]
.container-bottom-a
textarea,

html[lang^="fa"]
.container-bottom-a
select,

html[lang^="fa"]
.container-bottom-a
option,

html[lang^="fa"]
.container-bottom-a
button {
    direction: ltr !important;
    unicode-bidi: isolate !important;
}

html[lang^="fa"]
.container-bottom-a
input,

html[lang^="fa"]
.container-bottom-a
textarea,

html[lang^="fa"]
.container-bottom-a
select {
    text-align: left !important;
}

/*
 * Protect telephone numbers, email addresses and
 * other Latin identifiers from bidirectional changes.
 */
html[lang^="fa"]
.container-bottom-a
a[href^="tel:"],

html[lang^="fa"]
.container-bottom-a
a[href^="mailto:"],

html[lang^="fa"]
.container-bottom-a
input[type="email"],

html[lang^="fa"]
.container-bottom-a
input[type="tel"] {
    direction: ltr !important;
    unicode-bidi: isolate !important;
}

/* SHADA-FA-FOOTER-LTR-CSS-R4 END */

/* SHADA-MOBILE-LANGUAGE-COMPACT-MATCH-R3V10 START */

/*
 * Final compact mobile language controls.
 *
 * The active-language button and alternative-language
 * dropdown use identical dimensions, borders, flags,
 * typography and physical-right alignment.
 */

@media (max-width: 767.98px) {

    html body
    .container-header
    .container-topbar
    #shada-language-selector-138 {
        --shada-language-compact-width: 10.75rem;
        --shada-language-compact-height: 2.85rem;
        --shada-language-compact-radius: 14px;

        box-sizing: border-box !important;

        position: relative !important;

        width:
            var(--shada-language-compact-width) !important;

        min-width:
            var(--shada-language-compact-width) !important;

        max-width:
            var(--shada-language-compact-width) !important;

        inline-size:
            var(--shada-language-compact-width) !important;

        min-inline-size:
            var(--shada-language-compact-width) !important;

        max-inline-size:
            var(--shada-language-compact-width) !important;

        justify-self: end !important;

        margin-top: 0.35rem !important;
        margin-right: 0 !important;
        margin-left: 0 !important;

        overflow: visible !important;
    }

    /*
     * Exact shared outer dimensions.
     */
    html body
    .container-header
    .container-topbar
    #shada-language-selector-138
    > .shada-language-selector__toggle,

    html body
    .container-header
    .container-topbar
    #shada-language-selector-138
    > .shada-language-selector__menu {
        box-sizing: border-box !important;

        width:
            var(--shada-language-compact-width) !important;

        min-width:
            var(--shada-language-compact-width) !important;

        max-width:
            var(--shada-language-compact-width) !important;

        inline-size:
            var(--shada-language-compact-width) !important;

        min-inline-size:
            var(--shada-language-compact-width) !important;

        max-inline-size:
            var(--shada-language-compact-width) !important;

        height:
            var(--shada-language-compact-height) !important;

        min-height:
            var(--shada-language-compact-height) !important;

        max-height:
            var(--shada-language-compact-height) !important;

        block-size:
            var(--shada-language-compact-height) !important;

        min-block-size:
            var(--shada-language-compact-height) !important;

        max-block-size:
            var(--shada-language-compact-height) !important;

        margin: 0 !important;
        padding: 0 !important;

        border:
            2px solid
            rgba(0, 131, 134, 0.48) !important;

        border-radius:
            var(--shada-language-compact-radius) !important;

        background: #ffffff !important;

        transform: none !important;
    }

    /*
     * Active-language button.
     */
    html body
    .container-header
    .container-topbar
    #shada-language-selector-138
    > .shada-language-selector__toggle {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        gap: 0.42rem !important;

        padding:
            0 0.75rem !important;

        overflow: hidden !important;

        box-shadow:
            0 0 0 0.3rem
            rgba(0, 131, 134, 0.10) !important;
    }

    /*
     * Alternative-language dropdown.
     */
    html body
    .container-header
    .container-topbar
    #shada-language-selector-138
    > .shada-language-selector__menu {
        position: absolute !important;

        top:
            calc(
                var(--shada-language-compact-height)
                + 0.35rem
            ) !important;

        right: 0 !important;
        bottom: auto !important;
        left: auto !important;

        inset-inline-start: auto !important;
        inset-inline-end: auto !important;

        overflow: hidden !important;

        box-shadow:
            0 0.35rem 0.9rem
            rgba(17, 59, 62, 0.15) !important;

        z-index: 13000 !important;
    }

    html body
    .container-header
    .container-topbar
    #shada-language-selector-138
    > .shada-language-selector__menu[hidden] {
        display: none !important;
    }

    html body
    .container-header
    .container-topbar
    #shada-language-selector-138
    > .shada-language-selector__menu
    > li {
        box-sizing: border-box !important;

        display: block !important;

        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;

        height: 100% !important;
        min-height: 100% !important;
        max-height: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;

        background: transparent !important;

        list-style: none !important;

        overflow: hidden !important;
    }

    html body
    .container-header
    .container-topbar
    #shada-language-selector-138
    > .shada-language-selector__menu
    > li
    > a,

    html body
    .container-header
    .container-topbar
    #shada-language-selector-138
    > .shada-language-selector__menu
    > li
    > button,

    html body
    .container-header
    .container-topbar
    #shada-language-selector-138
    > .shada-language-selector__menu
    .shada-language-selector__option {
        box-sizing: border-box !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        gap: 0.42rem !important;

        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;

        height: 100% !important;
        min-height: 100% !important;
        max-height: 100% !important;

        margin: 0 !important;
        padding:
            0 0.75rem !important;

        border: 0 !important;

        border-radius:
            calc(
                var(--shada-language-compact-radius)
                - 2px
            ) !important;

        background: #ffffff !important;

        font-size: 1rem !important;
        font-weight: 700 !important;
        line-height: 1.2 !important;

        text-align: center !important;
        white-space: nowrap !important;

        overflow: hidden !important;

        transform: none !important;
    }

    /*
     * Matching flag dimensions.
     */
    html body
    .container-header
    .container-topbar
    #shada-language-selector-138
    > .shada-language-selector__toggle
    img,

    html body
    .container-header
    .container-topbar
    #shada-language-selector-138
    > .shada-language-selector__menu
    img {
        box-sizing: border-box !important;

        display: block !important;

        width: 1.95rem !important;
        min-width: 1.95rem !important;
        max-width: 1.95rem !important;

        height: 1.28rem !important;
        min-height: 1.28rem !important;
        max-height: 1.28rem !important;

        flex: 0 0 1.95rem !important;

        object-fit: cover !important;

        border-radius: 0.18rem !important;
    }

    html body
    .container-header
    .container-topbar
    #shada-language-selector-138
    .shada-language-selector__label {
        font-size: 1rem !important;
        font-weight: 700 !important;
        line-height: 1.2 !important;

        white-space: nowrap !important;
    }
}

/* SHADA-MOBILE-LANGUAGE-COMPACT-MATCH-R3V10 END */


/* SHADA ARTICLE 810 GUIDED STEPPER V1 START */

body.shada-guide-810-page .shada-native-widget-switcher[aria-label="راهنمای مهاجرت به استرالیا"] {
    --shada-guide-border: #d9dee3;
    --shada-guide-soft: #f5f8fa;
    --shada-guide-primary: var(--cassiopeia-color-primary, #0f6b6d);
}

body.shada-guide-810-page .shada-guide-progress {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-block: 0 1rem;
    padding: 0.8rem 1rem;
    border: 1px solid var(--shada-guide-border);
    border-radius: 0.5rem;
    background: var(--shada-guide-soft);
}

body.shada-guide-810-page .shada-guide-progress-text {
    font-weight: 700;
}

body.shada-guide-810-page .shada-guide-view-toggle {
    border: 0;
    background: transparent;
    color: var(--shada-guide-primary);
    font: inherit;
    text-decoration: underline;
    cursor: pointer;
}

body.shada-guide-810-page .shada-guide-controls {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    margin-block-start: 1rem;
}

body.shada-guide-810-page .shada-guide-control {
    padding: 0.65rem 1rem;
    border: 1px solid var(--shada-guide-primary);
    border-radius: 0.35rem;
    background: #fff;
    color: var(--shada-guide-primary);
    font: inherit;
    cursor: pointer;
}

body.shada-guide-810-page .shada-guide-control:hover,
body.shada-guide-810-page .shada-guide-control:focus {
    background: var(--shada-guide-primary);
    color: #fff;
}

body.shada-guide-810-page .shada-guide-control[disabled] {
    opacity: 0.45;
    cursor: not-allowed;
}

body.shada-guide-810-page .shada-guide-mobile-heading {
    display: none;
}

@media (min-width: 992px) {
    body.shada-guide-810-page .shada-native-tabs {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(15rem, 19rem);
        gap: 1.5rem;
        align-items: start;
    }

    body.shada-guide-810-page .shada-native-tablist {
        grid-column: 2;
        grid-row: 1 / span 20;
        position: sticky;
        top: 1rem;
        display: flex;
        flex-direction: column;
        max-height: calc(100vh - 2rem);
        margin: 0;
        padding: 0.75rem;
        overflow-y: auto;
        overflow-x: hidden;
        border: 1px solid var(--shada-guide-border);
        border-radius: 0.55rem;
        background: #fff;
    }

    body.shada-guide-810-page .shada-native-tab {
        width: 100%;
        text-align: right;
        white-space: normal;
    }

    body.shada-guide-810-page .shada-native-tabpanel {
        grid-column: 1;
        min-width: 0;
    }

    body.shada-guide-810-page .shada-guide-progress,
    body.shada-guide-810-page .shada-guide-controls {
        grid-column: 1;
    }

    body.shada-guide-810-page.shada-guide-show-all .shada-native-tabpanel {
        display: block !important;
        margin-block-end: 1.25rem;
    }

    body.shada-guide-810-page.shada-guide-show-all .shada-native-tablist {
        align-self: start;
    }
}

@media (max-width: 991.98px) {
    body.shada-guide-810-page .shada-native-tablist {
        display: none;
    }

    body.shada-guide-810-page .shada-guide-mobile-heading {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.75rem;
        width: 100%;
        margin-block: 0.6rem;
        padding: 0.8rem 1rem;
        border: 1px solid var(--shada-guide-border);
        border-radius: 0.45rem;
        background: #fff;
        color: var(--shada-guide-primary);
        font: inherit;
        font-weight: 700;
        text-align: right;
        cursor: pointer;
    }

    body.shada-guide-810-page .shada-guide-mobile-heading::after {
        content: "＋";
        flex: 0 0 auto;
        font-size: 1.15rem;
    }

    body.shada-guide-810-page .shada-guide-mobile-heading[aria-expanded="true"] {
        background: var(--shada-guide-primary);
        color: #fff;
    }

    body.shada-guide-810-page .shada-guide-mobile-heading[aria-expanded="true"]::after {
        content: "−";
    }

    body.shada-guide-810-page .shada-native-tabpanel {
        margin-block-end: 0.75rem;
    }

    body.shada-guide-810-page.shada-guide-show-all .shada-native-tabpanel {
        display: block !important;
    }

    body.shada-guide-810-page.shada-guide-show-all .shada-guide-mobile-heading {
        display: none;
    }
}

/* SHADA ARTICLE 810 GUIDED STEPPER V1 END */



/* SHADA ARTICLE 810 TABLES & MEDIA SPACING V1 START */

body.shada-guide-810-page .shada-native-tabpanel > .shada-native-media-link {
    margin-block-end: 1.35rem;
}

body.shada-guide-810-page .shada-native-tab-content > :first-child {
    margin-block-start: 0;
}

body.shada-guide-810-page .shada-native-tab-content > h2:first-child,
body.shada-guide-810-page .shada-native-tab-content > h3:first-child,
body.shada-guide-810-page .shada-native-tab-content > h4:first-child {
    padding-block-start: 0.25rem;
}

body.shada-guide-810-page .shada-table-wrap {
    width: 100%;
    margin-block: 1.25rem;
    overflow-x: auto;
    border: 1px solid #d9dee3;
    border-radius: 0.5rem;
    background: #fff;
    -webkit-overflow-scrolling: touch;
}

body.shada-guide-810-page .shada-semantic-table {
    width: 100%;
    min-width: 46rem;
    border-collapse: collapse;
    border-spacing: 0;
}

body.shada-guide-810-page .shada-semantic-table caption {
    padding: 0.9rem 1rem;
    background: var(--cassiopeia-color-primary, #0f6b6d);
    color: #fff;
    font-weight: 700;
    text-align: start;
}

body.shada-guide-810-page .shada-semantic-table th,
body.shada-guide-810-page .shada-semantic-table td {
    padding: 0.75rem 0.8rem;
    border-block-end: 1px solid #d9dee3;
    border-inline-end: 1px solid #e7ebee;
    vertical-align: top;
}

body.shada-guide-810-page .shada-semantic-table thead th {
    background: #eef4f4;
    font-weight: 700;
}

body.shada-guide-810-page .shada-semantic-table tbody th {
    background: #f8fafb;
    font-weight: 600;
}

body.shada-guide-810-page .shada-semantic-table tbody tr:last-child > * {
    border-block-end: 0;
}

body.shada-guide-810-page .shada-english-test-tables {
    direction: ltr;
    unicode-bidi: isolate;
    text-align: left;
}

body.shada-guide-810-page .shada-english-test-table th:not(:first-child),
body.shada-guide-810-page .shada-english-test-table td {
    text-align: center;
}

body.shada-guide-810-page .shada-table-intro {
    margin-block-start: 1.25rem;
    font-size: 1.08rem;
}

@media (max-width: 767.98px) {
    body.shada-guide-810-page .shada-table-wrap {
        border: 0;
        overflow: visible;
        background: transparent;
    }

    body.shada-guide-810-page .shada-semantic-table {
        min-width: 0;
    }

    body.shada-guide-810-page .shada-semantic-table thead {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
    }

    body.shada-guide-810-page .shada-semantic-table,
    body.shada-guide-810-page .shada-semantic-table tbody,
    body.shada-guide-810-page .shada-semantic-table tr,
    body.shada-guide-810-page .shada-semantic-table th,
    body.shada-guide-810-page .shada-semantic-table td {
        display: block;
        width: 100%;
    }

    body.shada-guide-810-page .shada-semantic-table caption {
        display: block;
        border-radius: 0.45rem 0.45rem 0 0;
    }

    body.shada-guide-810-page .shada-semantic-table tr {
        margin-block-end: 1rem;
        border: 1px solid #d9dee3;
        border-radius: 0.45rem;
        background: #fff;
        overflow: hidden;
    }

    body.shada-guide-810-page .shada-semantic-table tbody th {
        background: #eef4f4;
    }

    body.shada-guide-810-page .shada-semantic-table th,
    body.shada-guide-810-page .shada-semantic-table td {
        border-inline-end: 0;
        text-align: start;
    }

    body.shada-guide-810-page .shada-english-test-table td::before {
        display: inline-block;
        min-width: 6.5rem;
        margin-inline-end: 0.5rem;
        font-weight: 700;
    }

    body.shada-guide-810-page .shada-english-test-table td:nth-of-type(1)::before {
        content: "Listening";
    }

    body.shada-guide-810-page .shada-english-test-table td:nth-of-type(2)::before {
        content: "Reading";
    }

    body.shada-guide-810-page .shada-english-test-table td:nth-of-type(3)::before {
        content: "Writing";
    }

    body.shada-guide-810-page .shada-english-test-table td:nth-of-type(4)::before {
        content: "Speaking";
    }

    body.shada-guide-810-page .shada-english-test-table th,
    body.shada-guide-810-page .shada-english-test-table td {
        text-align: left;
    }

    body.shada-guide-810-page .shada-fee-table td::before {
        display: block;
        margin-block-end: 0.25rem;
        font-weight: 700;
    }

    body.shada-guide-810-page .shada-fee-table td:nth-of-type(1)::before {
        content: "متقاضی اصلی";
    }

    body.shada-guide-810-page .shada-fee-table td:nth-of-type(2)::before {
        content: "عضو خانواده ۱۸ سال یا بیشتر";
    }

    body.shada-guide-810-page .shada-fee-table td:nth-of-type(3)::before {
        content: "عضو خانواده زیر ۱۸ سال";
    }
}

/* SHADA ARTICLE 810 TABLES & MEDIA SPACING V1 END */



/* SHADA ARTICLE 810 POINTS, ENGLISH & FUNCTIONAL TABLES V1 START */

body.shada-guide-810-page .shada-guide-table-title {
    margin-block: 1.65rem 0.8rem;
    font-size: clamp(1.4rem, 2vw, 1.85rem);
    line-height: 1.35;
    font-weight: 800;
}

body.shada-guide-810-page .shada-english-test-table a,
body.shada-guide-810-page .shada-functional-english-table a {
    font-weight: 700;
    text-decoration-thickness: 0.08em;
    text-underline-offset: 0.16em;
}

body.shada-guide-810-page .shada-functional-english-section {
    margin-block-start: 2rem;
}

body.shada-guide-810-page .shada-functional-english-table {
    min-width: 42rem;
}

body.shada-guide-810-page .shada-points-test-table {
    min-width: 52rem;
}

body.shada-guide-810-page .shada-points-test-table th:first-child {
    width: 24%;
}

body.shada-guide-810-page .shada-points-value {
    width: 6rem;
    text-align: center;
    font-weight: 800;
    white-space: nowrap;
}

@media (max-width: 767.98px) {
    body.shada-guide-810-page .shada-guide-table-title {
        font-size: 1.4rem;
    }

    body.shada-guide-810-page .shada-functional-english-table,
    body.shada-guide-810-page .shada-points-test-table {
        min-width: 0;
    }

    body.shada-guide-810-page .shada-functional-english-table td::before {
        content: "Minimum overall score";
        display: block;
        margin-block-end: 0.25rem;
        font-weight: 700;
    }

    body.shada-guide-810-page .shada-points-test-table td:nth-of-type(1)::before {
        content: "شرط";
        display: block;
        margin-block-end: 0.25rem;
        font-weight: 700;
    }

    body.shada-guide-810-page .shada-points-test-table td:nth-of-type(2)::before {
        content: "امتیاز";
        display: block;
        margin-block-end: 0.25rem;
        font-weight: 700;
    }
}

/* SHADA ARTICLE 810 POINTS, ENGLISH & FUNCTIONAL TABLES V1 END */



/* SHADA ARTICLE 810 DIRECTION & POINTS CATEGORY COLOURS V1 START */

/* Keep Persian explanatory content RTL; only the English tables remain LTR. */
body.shada-guide-810-page .shada-english-test-tables {
    direction: rtl;
    text-align: right;
}

body.shada-guide-810-page .shada-english-test-tables > .shada-guide-table-title,
body.shada-guide-810-page .shada-english-test-tables > p[lang="en"],
body.shada-guide-810-page .shada-english-test-tables > .shada-table-wrap[lang="en"] {
    direction: ltr;
    text-align: left;
}

body.shada-guide-810-page .shada-functional-english-section,
body.shada-guide-810-page .shada-functional-english-section p,
body.shada-guide-810-page .shada-english-test-tables > .shada-info-panel[lang="fa"] {
    direction: rtl;
    unicode-bidi: isolate;
    text-align: right;
}

body.shada-guide-810-page .shada-functional-english-section .shada-guide-table-title {
    text-align: right;
}

/* Give the right-hand category column more room. */
body.shada-guide-810-page .shada-points-test-table th:first-child {
    width: 32%;
    min-width: 17rem;
}

body.shada-guide-810-page .shada-points-test-table td:nth-child(2) {
    width: auto;
}

/* Group related points rows using subtle category bands. */
body.shada-guide-810-page .shada-points-test-table tr.shada-points-group-age > * {
    background: #eef6fb;
}

body.shada-guide-810-page .shada-points-test-table tr.shada-points-group-english > * {
    background: #edf7f0;
}

body.shada-guide-810-page .shada-points-test-table tr.shada-points-group-overseas > * {
    background: #fff6e8;
}

body.shada-guide-810-page .shada-points-test-table tr.shada-points-group-australian > * {
    background: #f4effb;
}

body.shada-guide-810-page .shada-points-test-table tr.shada-points-group-qualification > * {
    background: #fdf1f4;
}

body.shada-guide-810-page .shada-points-test-table tr.shada-points-group-study > * {
    background: #eef8f7;
}

body.shada-guide-810-page .shada-points-test-table tr.shada-points-group-professional > *,
body.shada-guide-810-page .shada-points-test-table tr.shada-points-group-community > * {
    background: #f7f7ec;
}

body.shada-guide-810-page .shada-points-test-table tr.shada-points-group-regional > * {
    background: #edf5f9;
}

body.shada-guide-810-page .shada-points-test-table tr.shada-points-group-partner > * {
    background: #faf1e9;
}

body.shada-guide-810-page .shada-points-test-table tr.shada-points-group-nomination > * {
    background: #edf4ec;
}

body.shada-guide-810-page .shada-points-test-table tbody th {
    font-weight: 750;
}

@media (max-width: 767.98px) {
    body.shada-guide-810-page .shada-points-test-table th:first-child {
        width: 100%;
        min-width: 0;
    }
}

/* SHADA ARTICLE 810 DIRECTION & POINTS CATEGORY COLOURS V1 END */



/* SHADA APPROVED ENGLISH TESTS ARTICLE 737 V1 START */
.shada-english-reference-page {
    max-width: 76rem;
    margin-inline: auto;
    color: #17242b;
}

.shada-english-reference-page .shada-english-hero {
    padding: clamp(1.5rem, 4vw, 3rem);
    border: 1px solid #d8e5e6;
    border-radius: 1rem;
    background: linear-gradient(135deg, #eef8f8 0%, #ffffff 70%);
}

.shada-english-reference-page .shada-eyebrow,
.shada-english-reference-page .shada-level-kicker {
    margin: 0 0 0.4rem;
    color: #0f7377;
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.shada-english-reference-page .shada-english-hero h1 {
    margin: 0;
    font-size: clamp(2rem, 4vw, 3.4rem);
    line-height: 1.08;
}

.shada-english-reference-page .shada-hero-lead {
    max-width: 58rem;
    margin-block: 1rem;
    font-size: clamp(1.05rem, 1.7vw, 1.3rem);
}

.shada-english-reference-page .shada-update-banner {
    margin-block-start: 1.25rem;
    padding: 1rem 1.1rem;
    border-inline-start: 0.35rem solid #0f7377;
    border-radius: 0.4rem;
    background: #fff;
}

.shada-english-reference-page .shada-level-nav {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.75rem;
    margin-block: 1.25rem 2rem;
}

.shada-english-reference-page .shada-level-nav a {
    display: flex;
    min-height: 6rem;
    padding: 1rem;
    border: 1px solid #d6dfe3;
    border-radius: 0.7rem;
    background: #fff;
    color: inherit;
    flex-direction: column;
    justify-content: center;
    text-decoration: none;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.shada-english-reference-page .shada-level-nav a:hover,
.shada-english-reference-page .shada-level-nav a:focus-visible {
    transform: translateY(-2px);
    box-shadow: 0 0.45rem 1.2rem rgba(19, 54, 65, 0.12);
}

.shada-english-reference-page .shada-level-nav span {
    margin-block-start: 0.25rem;
    color: #566970;
    font-size: 0.88rem;
}

.shada-english-reference-page .shada-reference-intro,
.shada-english-reference-page .shada-reference-notes,
.shada-english-reference-page .shada-official-source {
    margin-block: 2rem;
    padding: clamp(1.25rem, 3vw, 2rem);
    border: 1px solid #dbe3e6;
    border-radius: 0.8rem;
    background: #fff;
}

.shada-english-reference-page .shada-english-level {
    margin-block: 2rem;
    padding: clamp(1.2rem, 3vw, 2rem);
    border: 1px solid #d8e1e4;
    border-top-width: 0.45rem;
    border-radius: 0.8rem;
    background: #fff;
}

.shada-english-reference-page .shada-tone-slate { border-top-color: #5a6870; }
.shada-english-reference-page .shada-tone-amber { border-top-color: #bc7b16; }
.shada-english-reference-page .shada-tone-green { border-top-color: #2b8554; }
.shada-english-reference-page .shada-tone-blue { border-top-color: #2876a8; }
.shada-english-reference-page .shada-tone-purple { border-top-color: #7552a3; }

.shada-english-reference-page .shada-level-header {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    justify-content: space-between;
}

.shada-english-reference-page .shada-level-header h2 {
    margin: 0;
    font-size: clamp(1.5rem, 2.5vw, 2.15rem);
}

.shada-english-reference-page .shada-level-badge {
    display: inline-flex;
    padding: 0.45rem 0.75rem;
    border-radius: 999px;
    background: #edf3f4;
    font-weight: 800;
    white-space: nowrap;
}

.shada-english-reference-page .shada-reference-table-wrap {
    width: 100%;
    margin-block-start: 1.25rem;
    overflow-x: auto;
    border: 1px solid #d7e0e3;
    border-radius: 0.65rem;
    -webkit-overflow-scrolling: touch;
}

.shada-english-reference-page .shada-reference-table {
    width: 100%;
    min-width: 47rem;
    border-collapse: collapse;
}

.shada-english-reference-page .shada-reference-table caption {
    padding: 0.85rem 1rem;
    background: #243d46;
    color: #fff;
    font-size: 1.02rem;
    font-weight: 800;
    text-align: left;
}

.shada-english-reference-page .shada-reference-table th,
.shada-english-reference-page .shada-reference-table td {
    padding: 0.72rem 0.8rem;
    border-block-end: 1px solid #dbe3e6;
    border-inline-end: 1px solid #e7ecee;
    vertical-align: top;
}

.shada-english-reference-page .shada-reference-table thead th {
    background: #edf3f4;
    font-weight: 800;
}

.shada-english-reference-page .shada-reference-table tbody th {
    background: #f8fafb;
    font-weight: 700;
    text-align: left;
}

.shada-english-reference-page .shada-reference-table td {
    text-align: center;
}

.shada-english-reference-page .shada-reference-table a {
    font-weight: 700;
    text-decoration-thickness: 0.08em;
    text-underline-offset: 0.16em;
}

.shada-english-reference-page .shada-functional-table td {
    text-align: left;
}

.shada-english-reference-page .shada-primary-link {
    display: inline-flex;
    padding: 0.75rem 1rem;
    border-radius: 0.45rem;
    background: #0f7377;
    color: #fff;
    font-weight: 800;
    text-decoration: none;
}

@media (max-width: 900px) {
    .shada-english-reference-page .shada-level-nav {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .shada-english-reference-page .shada-level-nav {
        grid-template-columns: 1fr;
    }

    .shada-english-reference-page .shada-level-nav a {
        min-height: auto;
    }

    .shada-english-reference-page .shada-level-header {
        flex-direction: column;
    }

    .shada-english-reference-page .shada-reference-table {
        min-width: 42rem;
    }
}
/* SHADA APPROVED ENGLISH TESTS ARTICLE 737 V1 END */


/* SHADA ARTICLE 825 ENGLISH VISUAL REFINEMENT V13.3 START */

.shada-native-widget-switcher[
    aria-label="Australian Skilled Migration Guide"
] {
    direction: ltr;
}

body:not(.shada-guide-825-page)
.shada-native-widget-switcher[
    aria-label="Australian Skilled Migration Guide"
] > .shada-native-tabs > .shada-native-tablist {
    visibility: hidden;
}

body.shada-guide-825-page
.shada-native-widget-switcher[
    aria-label="Australian Skilled Migration Guide"
] {
    --shada-guide-825-border: #b8d6d8;
    --shada-guide-825-border-soft: #d9e8e9;
    --shada-guide-825-soft: #eef7f7;
    --shada-guide-825-softest: #f8fbfb;
    --shada-guide-825-primary: #0f777c;
    --shada-guide-825-primary-dark: #095e62;
    --shada-guide-825-text: #1f2d33;
    direction: ltr;
}

body.shada-guide-825-page
.shada-native-widget-switcher[
    aria-label="Australian Skilled Migration Guide"
] .shada-native-tabs,
body.shada-guide-825-page
.shada-native-widget-switcher[
    aria-label="Australian Skilled Migration Guide"
] .shada-native-tablist,
body.shada-guide-825-page
.shada-native-widget-switcher[
    aria-label="Australian Skilled Migration Guide"
] .shada-native-tabpanel,
body.shada-guide-825-page
.shada-native-widget-switcher[
    aria-label="Australian Skilled Migration Guide"
] .shada-native-tab-content,
body.shada-guide-825-page
.shada-native-widget-switcher[
    aria-label="Australian Skilled Migration Guide"
] .shada-table-wrap,
body.shada-guide-825-page
.shada-native-widget-switcher[
    aria-label="Australian Skilled Migration Guide"
] table {
    direction: ltr;
}

body.shada-guide-825-page
.shada-native-widget-switcher[
    aria-label="Australian Skilled Migration Guide"
] .shada-native-tab-content,
body.shada-guide-825-page
.shada-native-widget-switcher[
    aria-label="Australian Skilled Migration Guide"
] .shada-native-tab-content p,
body.shada-guide-825-page
.shada-native-widget-switcher[
    aria-label="Australian Skilled Migration Guide"
] .shada-native-tab-content li,
body.shada-guide-825-page
.shada-native-widget-switcher[
    aria-label="Australian Skilled Migration Guide"
] .shada-native-tab-content h2,
body.shada-guide-825-page
.shada-native-widget-switcher[
    aria-label="Australian Skilled Migration Guide"
] .shada-native-tab-content h3,
body.shada-guide-825-page
.shada-native-widget-switcher[
    aria-label="Australian Skilled Migration Guide"
] .shada-native-tab-content h4,
body.shada-guide-825-page
.shada-native-widget-switcher[
    aria-label="Australian Skilled Migration Guide"
] th,
body.shada-guide-825-page
.shada-native-widget-switcher[
    aria-label="Australian Skilled Migration Guide"
] td,
body.shada-guide-825-page
.shada-native-widget-switcher[
    aria-label="Australian Skilled Migration Guide"
] caption {
    text-align: left;
}

body.shada-guide-825-page
.shada-native-widget-switcher[
    aria-label="Australian Skilled Migration Guide"
] .shada-native-tabpanel[hidden] {
    display: none !important;
}

/* Main section images */
body.shada-guide-825-page
.shada-native-widget-switcher[
    aria-label="Australian Skilled Migration Guide"
] .shada-native-media-link {
    display: block;
    width: min(100%, 600px);
    margin: 0 auto 1.15rem;
    padding: 0.35rem;
    overflow: hidden;
    border: 1px solid var(--shada-guide-825-border-soft);
    border-radius: 0.9rem;
    background: #fff;
    box-shadow:
        0 0.5rem 1.35rem
        rgba(24, 55, 58, 0.13);
}

body.shada-guide-825-page
.shada-native-widget-switcher[
    aria-label="Australian Skilled Migration Guide"
] .shada-native-media {
    display: block;
    width: 100%;
    overflow: hidden;
    border-radius: 0.65rem;
}

body.shada-guide-825-page
.shada-native-widget-switcher[
    aria-label="Australian Skilled Migration Guide"
] .shada-native-media img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    border-radius: 0.65rem;
}

/* Panel heading below the image */
body.shada-guide-825-page
.shada-guide-825-section-title {
    margin: 0 0 1rem;
    padding: 0 0 0.65rem;
    border-bottom: 2px solid var(--shada-guide-825-primary);
    color: #173238;
    font-size: clamp(1.25rem, 1.8vw, 1.65rem);
    line-height: 1.25;
    text-align: left;
}

/* Light Shada-section cards */
body.shada-guide-825-page
.shada-native-widget-switcher[
    aria-label="Australian Skilled Migration Guide"
] .shada-info-panel {
    margin-block: 1.15rem;
    padding: 1.25rem 1.4rem;
    border: 0;
    border-left: 5px solid var(--shada-guide-825-primary);
    border-radius: 0.65rem;
    background: var(--shada-guide-825-soft);
    color: var(--shada-guide-825-text);
    box-shadow: none;
}

body.shada-guide-825-page
.shada-native-widget-switcher[
    aria-label="Australian Skilled Migration Guide"
] .shada-info-panel p:first-child {
    margin-top: 0;
}

body.shada-guide-825-page
.shada-native-widget-switcher[
    aria-label="Australian Skilled Migration Guide"
] .shada-info-panel p:last-child {
    margin-bottom: 0;
}

body.shada-guide-825-page
.shada-native-widget-switcher[
    aria-label="Australian Skilled Migration Guide"
] .shada-info-panel a {
    color: var(--shada-guide-825-primary-dark);
    font-weight: 700;
    text-decoration: underline;
}

body.shada-guide-825-page
.shada-native-widget-switcher[
    aria-label="Australian Skilled Migration Guide"
] .shada-info-panel a:hover,
body.shada-guide-825-page
.shada-native-widget-switcher[
    aria-label="Australian Skilled Migration Guide"
] .shada-info-panel a:focus-visible {
    color: #063f42;
}

/* Legal review note */
body.shada-guide-825-page
.shada-native-widget-switcher[
    aria-label="Australian Skilled Migration Guide"
] .shada-guide-review {
    position: relative;
    padding-top: 3rem;
}

body.shada-guide-825-page
.shada-native-widget-switcher[
    aria-label="Australian Skilled Migration Guide"
] .shada-guide-review::before {
    content: "Review note";
    position: absolute;
    top: 1rem;
    left: 1.4rem;
    color: var(--shada-guide-825-primary-dark);
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

/* Warning notes under tables */
body.shada-guide-825-page
.shada-native-widget-switcher[
    aria-label="Australian Skilled Migration Guide"
] .shada-info-panel-warning {
    border-left-color: #c88b18;
    background: #fff8e8;
    color: #3e3219;
}

body.shada-guide-825-page
.shada-native-widget-switcher[
    aria-label="Australian Skilled Migration Guide"
] .shada-info-panel-warning a {
    color: #8a5d09;
}

/* Table section headings */
body.shada-guide-825-page
.shada-native-widget-switcher[
    aria-label="Australian Skilled Migration Guide"
] .shada-points-table-section,
body.shada-guide-825-page
.shada-native-widget-switcher[
    aria-label="Australian Skilled Migration Guide"
] .shada-english-test-tables,
body.shada-guide-825-page
.shada-native-widget-switcher[
    aria-label="Australian Skilled Migration Guide"
] .shada-functional-english-section {
    margin-block: 1.35rem;
}

body.shada-guide-825-page
.shada-native-widget-switcher[
    aria-label="Australian Skilled Migration Guide"
] .shada-guide-table-title {
    margin: 0 0 0.65rem;
    color: #173238;
    font-size: clamp(1.08rem, 1.45vw, 1.3rem);
    line-height: 1.3;
}

/* Semantic table wrapper */
body.shada-guide-825-page
.shada-native-widget-switcher[
    aria-label="Australian Skilled Migration Guide"
] .shada-table-wrap {
    width: 100%;
    margin-block: 1rem 1.25rem;
    overflow-x: auto;
    border: 1px solid var(--shada-guide-825-border);
    border-radius: 0.65rem;
    background: #fff;
    box-shadow:
        0 0.3rem 0.9rem
        rgba(24, 55, 58, 0.08);
    -webkit-overflow-scrolling: touch;
}

/* All six English tables */
body.shada-guide-825-page
.shada-native-widget-switcher[
    aria-label="Australian Skilled Migration Guide"
] .shada-semantic-table {
    width: 100%;
    min-width: 690px;
    margin: 0;
    border: 0;
    border-collapse: separate;
    border-spacing: 0;
    background: #fff;
    color: var(--shada-guide-825-text);
    font-size: 0.96rem;
    line-height: 1.4;
}

body.shada-guide-825-page
.shada-native-widget-switcher[
    aria-label="Australian Skilled Migration Guide"
] .shada-semantic-table caption {
    caption-side: top;
    margin: 0;
    padding: 0.9rem 1rem;
    border-bottom: 1px solid var(--shada-guide-825-border);
    background: var(--shada-guide-825-soft);
    color: var(--shada-guide-825-primary-dark);
    font-weight: 800;
    text-align: left;
}

body.shada-guide-825-page
.shada-native-widget-switcher[
    aria-label="Australian Skilled Migration Guide"
] .shada-semantic-table th,
body.shada-guide-825-page
.shada-native-widget-switcher[
    aria-label="Australian Skilled Migration Guide"
] .shada-semantic-table td {
    padding: 0.72rem 0.82rem;
    border: 0;
    border-right: 1px solid var(--shada-guide-825-border-soft);
    border-bottom: 1px solid var(--shada-guide-825-border-soft);
    vertical-align: top;
}

body.shada-guide-825-page
.shada-native-widget-switcher[
    aria-label="Australian Skilled Migration Guide"
] .shada-semantic-table tr > :last-child {
    border-right: 0;
}

body.shada-guide-825-page
.shada-native-widget-switcher[
    aria-label="Australian Skilled Migration Guide"
] .shada-semantic-table tbody tr:last-child > * {
    border-bottom: 0;
}

body.shada-guide-825-page
.shada-native-widget-switcher[
    aria-label="Australian Skilled Migration Guide"
] .shada-semantic-table thead th {
    border-color: rgba(255, 255, 255, 0.24);
    background: var(--shada-guide-825-primary);
    color: #fff;
    font-weight: 800;
    text-align: left;
    white-space: nowrap;
}

body.shada-guide-825-page
.shada-native-widget-switcher[
    aria-label="Australian Skilled Migration Guide"
] .shada-semantic-table tbody th[scope="row"] {
    background: #f1f7f7;
    color: #173238;
    font-weight: 750;
}

body.shada-guide-825-page
.shada-native-widget-switcher[
    aria-label="Australian Skilled Migration Guide"
] .shada-semantic-table tbody tr:nth-child(even) td {
    background: #fafcfc;
}

body.shada-guide-825-page
.shada-native-widget-switcher[
    aria-label="Australian Skilled Migration Guide"
] .shada-semantic-table tbody tr:hover td,
body.shada-guide-825-page
.shada-native-widget-switcher[
    aria-label="Australian Skilled Migration Guide"
] .shada-semantic-table tbody tr:hover th[scope="row"] {
    background: #edf7f7;
}

/* Points and fee columns */
body.shada-guide-825-page
.shada-native-widget-switcher[
    aria-label="Australian Skilled Migration Guide"
] .shada-points-value,
body.shada-guide-825-page
.shada-native-widget-switcher[
    aria-label="Australian Skilled Migration Guide"
] .shada-points-test-table td:last-child {
    width: 5.5rem;
    color: var(--shada-guide-825-primary-dark);
    font-weight: 800;
    text-align: center;
    white-space: nowrap;
}

body.shada-guide-825-page
.shada-native-widget-switcher[
    aria-label="Australian Skilled Migration Guide"
] .shada-fee-table th:last-child,
body.shada-guide-825-page
.shada-native-widget-switcher[
    aria-label="Australian Skilled Migration Guide"
] .shada-fee-table td:last-child {
    text-align: right;
    white-space: nowrap;
}

/* English test score columns */
body.shada-guide-825-page
.shada-native-widget-switcher[
    aria-label="Australian Skilled Migration Guide"
] .shada-english-test-table th:not(:first-child),
body.shada-guide-825-page
.shada-native-widget-switcher[
    aria-label="Australian Skilled Migration Guide"
] .shada-english-test-table td:not(:first-child),
body.shada-guide-825-page
.shada-native-widget-switcher[
    aria-label="Australian Skilled Migration Guide"
] .shada-functional-english-table th:not(:first-child),
body.shada-guide-825-page
.shada-native-widget-switcher[
    aria-label="Australian Skilled Migration Guide"
] .shada-functional-english-table td:not(:first-child) {
    text-align: center;
}

/* Progress and controls */
body.shada-guide-825-page
.shada-guide-825-progress {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-block: 0 1rem;
    padding: 0.8rem 1rem;
    border: 1px solid var(--shada-guide-825-border);
    border-radius: 0.5rem;
    background: var(--shada-guide-825-soft);
}

body.shada-guide-825-page
.shada-guide-825-progress-text {
    color: #173238;
    font-weight: 700;
}

body.shada-guide-825-page
.shada-guide-825-view-toggle {
    border: 0;
    background: transparent;
    color: var(--shada-guide-825-primary);
    font: inherit;
    font-weight: 700;
    text-decoration: underline;
    cursor: pointer;
}

body.shada-guide-825-page
.shada-guide-825-controls {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    margin-block-start: 1rem;
}

body.shada-guide-825-page
.shada-guide-825-control {
    padding: 0.65rem 1rem;
    border: 1px solid var(--shada-guide-825-primary);
    border-radius: 0.35rem;
    background: #fff;
    color: var(--shada-guide-825-primary);
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

body.shada-guide-825-page
.shada-guide-825-control:hover,
body.shada-guide-825-page
.shada-guide-825-control:focus-visible {
    background: var(--shada-guide-825-primary);
    color: #fff;
}

body.shada-guide-825-page
.shada-guide-825-control[disabled] {
    opacity: 0.45;
    cursor: not-allowed;
}

body.shada-guide-825-page
.shada-guide-825-mobile-heading {
    display: none;
}

/* Desktop layout and teal TOC */
@media (min-width: 992px) {
    body.shada-guide-825-page
    .shada-native-widget-switcher[
        aria-label="Australian Skilled Migration Guide"
    ] .shada-native-tabs {
        display: grid;
        grid-template-columns:
            minmax(0, 1fr)
            minmax(22rem, 24rem);
        gap: 1.5rem;
        align-items: start;
    }

    body.shada-guide-825-page
    .shada-native-widget-switcher[
        aria-label="Australian Skilled Migration Guide"
    ] .shada-native-tablist {
        grid-column: 2;
        grid-row: 1 / span 20;
        position: sticky;
        top: 1rem;
        display: flex;
        flex-direction: column;
        gap: 0.42rem;
        max-height: calc(100vh - 2rem);
        margin: 0;
        padding: 0.8rem;
        overflow-y: auto;
        overflow-x: hidden;
        border: 1px solid var(--shada-guide-825-border);
        border-radius: 0.55rem;
        background: #fff;
        visibility: visible;
    }

    body.shada-guide-825-page
    .shada-native-widget-switcher[
        aria-label="Australian Skilled Migration Guide"
    ] .shada-native-tab {
        display: block;
        width: 100%;
        margin: 0;
        padding: 0.68rem 0.8rem;
        border: 1px solid var(--shada-guide-825-primary) !important;
        border-radius: 0.4rem !important;
        background: #fff !important;
        color: var(--shada-guide-825-primary-dark) !important;
        font-family: ShadaRoboto, Roboto, Arial, sans-serif;
        font-size: 15.12px;
        font-weight: 650;
        line-height: 20.412px;
        letter-spacing: normal;
        text-align: left !important;
        white-space: nowrap !important;
        cursor: pointer;
        box-shadow: none !important;
    }

    body.shada-guide-825-page
    .shada-native-widget-switcher[
        aria-label="Australian Skilled Migration Guide"
    ] .shada-native-tab:hover,
    body.shada-guide-825-page
    .shada-native-widget-switcher[
        aria-label="Australian Skilled Migration Guide"
    ] .shada-native-tab:focus-visible {
        border-color: var(--shada-guide-825-primary-dark) !important;
        background: var(--shada-guide-825-soft) !important;
        color: var(--shada-guide-825-primary-dark) !important;
    }

    body.shada-guide-825-page
    .shada-native-widget-switcher[
        aria-label="Australian Skilled Migration Guide"
    ] .shada-native-tab.is-active,
    body.shada-guide-825-page
    .shada-native-widget-switcher[
        aria-label="Australian Skilled Migration Guide"
    ] .shada-native-tab[
        aria-selected="true"
    ] {
        border-color: var(--shada-guide-825-primary) !important;
        background: var(--shada-guide-825-primary) !important;
        color: #fff !important;
    }

    body.shada-guide-825-page
    .shada-native-widget-switcher[
        aria-label="Australian Skilled Migration Guide"
    ] .shada-native-tabpanel {
        grid-column: 1;
        min-width: 0;
    }

    body.shada-guide-825-page
    .shada-guide-825-progress,
    body.shada-guide-825-page
    .shada-guide-825-controls {
        grid-column: 1;
    }

    body.shada-guide-825-page.shada-guide-825-show-all
    .shada-native-widget-switcher[
        aria-label="Australian Skilled Migration Guide"
    ] .shada-native-tabpanel {
        display: block !important;
        margin-block-end: 1.25rem;
    }

    body.shada-guide-825-page.shada-guide-825-show-all
    .shada-native-widget-switcher[
        aria-label="Australian Skilled Migration Guide"
    ] .shada-native-tablist {
        align-self: start;
    }
}

/* Mobile accordion */
@media (max-width: 991.98px) {
    body.shada-guide-825-page
    .shada-native-widget-switcher[
        aria-label="Australian Skilled Migration Guide"
    ] .shada-native-tablist {
        display: none;
        visibility: visible;
    }

    body.shada-guide-825-page
    .shada-guide-825-mobile-heading {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.75rem;
        width: 100%;
        margin-block: 0.6rem;
        padding: 0.8rem 1rem;
        border: 1px solid var(--shada-guide-825-primary);
        border-radius: 0.45rem;
        background: #fff;
        color: var(--shada-guide-825-primary-dark);
        font: inherit;
        font-weight: 700;
        text-align: left;
        cursor: pointer;
    }

    body.shada-guide-825-page
    .shada-guide-825-mobile-heading::after {
        content: "+";
        flex: 0 0 auto;
        font-size: 1.15rem;
    }

    body.shada-guide-825-page
    .shada-guide-825-mobile-heading[
        aria-expanded="true"
    ] {
        background: var(--shada-guide-825-primary);
        color: #fff;
    }

    body.shada-guide-825-page
    .shada-guide-825-mobile-heading[
        aria-expanded="true"
    ]::after {
        content: "−";
    }

    body.shada-guide-825-page
    .shada-native-widget-switcher[
        aria-label="Australian Skilled Migration Guide"
    ] .shada-native-media-link {
        width: min(100%, 34rem);
        padding: 0.25rem;
        border-radius: 0.7rem;
    }

    body.shada-guide-825-page
    .shada-native-widget-switcher[
        aria-label="Australian Skilled Migration Guide"
    ] .shada-table-wrap {
        border-radius: 0.5rem;
    }

    body.shada-guide-825-page
    .shada-native-widget-switcher[
        aria-label="Australian Skilled Migration Guide"
    ] .shada-semantic-table {
        min-width: 640px;
        font-size: 0.9rem;
    }

    body.shada-guide-825-page
    .shada-native-widget-switcher[
        aria-label="Australian Skilled Migration Guide"
    ] .shada-semantic-table th,
    body.shada-guide-825-page
    .shada-native-widget-switcher[
        aria-label="Australian Skilled Migration Guide"
    ] .shada-semantic-table td {
        padding: 0.62rem 0.68rem;
    }

    body.shada-guide-825-page
    .shada-native-widget-switcher[
        aria-label="Australian Skilled Migration Guide"
    ] .shada-native-tabpanel {
        margin-block-end: 0.75rem;
    }

    body.shada-guide-825-page.shada-guide-825-show-all
    .shada-native-widget-switcher[
        aria-label="Australian Skilled Migration Guide"
    ] .shada-native-tabpanel {
        display: block !important;
    }

    body.shada-guide-825-page.shada-guide-825-show-all
    .shada-guide-825-mobile-heading {
        display: none;
    }
}

/* SHADA ARTICLE 825 ENGLISH VISUAL REFINEMENT V13.3 END */






/* SHADA ARTICLE 810 SAFE PRESENTATION V14.2 START */

body.shada-guide-810-page
.shada-native-widget-switcher[aria-label="راهنمای مهاجرت به استرالیا"]
.shada-native-media-link {
    display: block;
    width: min(100%, 600px);
    margin: 0 auto 1.15rem;
    padding: 0.35rem;
    overflow: hidden;
    border: 1px solid #d9e8e9;
    border-radius: 0.9rem;
    background: #fff;
    box-shadow: 0 0.5rem 1.35rem rgba(24, 55, 58, 0.13);
}

body.shada-guide-810-page
.shada-native-widget-switcher[aria-label="راهنمای مهاجرت به استرالیا"]
.shada-native-media {
    display: block;
    width: 100%;
    overflow: hidden;
    border-radius: 0.65rem;
}

body.shada-guide-810-page
.shada-native-widget-switcher[aria-label="راهنمای مهاجرت به استرالیا"]
.shada-native-media img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    object-fit: contain;
    border-radius: 0.65rem;
}

body.shada-guide-810-page
.shada-native-widget-switcher[aria-label="راهنمای مهاجرت به استرالیا"]
.shada-guide-810-section-title {
    direction: rtl;
    margin: 0 0 1rem;
    padding: 0 0 0.65rem;
    border-bottom: 2px solid #0f777c;
    color: #173238;
    font-size: clamp(1.25rem, 1.8vw, 1.65rem);
    font-weight: 700;
    line-height: 1.45;
    text-align: right;
}

@media (max-width: 991.98px) {
    body.shada-guide-810-page
    .shada-native-widget-switcher[aria-label="راهنمای مهاجرت به استرالیا"]
    .shada-native-media-link {
        width: min(100%, 34rem);
        padding: 0.25rem;
        border-radius: 0.7rem;
    }
}

/* SHADA ARTICLE 810 SAFE PRESENTATION V14.2 END */

/* SHADA-PERSIAN-RTL-CHECKLIST-FIX-V1-1 START */
/*
 * Put Persian checklist ticks on the physical right,
 * immediately before the RTL text. English pages are untouched.
 */
html[lang^="fa"] .shada-check-list,
html[dir="rtl"] .shada-check-list,
.farsi .shada-check-list {
  direction: rtl !important;
  text-align: right !important;
  list-style: none !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

html[lang^="fa"] .shada-check-list > li,
html[dir="rtl"] .shada-check-list > li,
.farsi .shada-check-list > li {
  position: relative !important;
  display: block !important;
  direction: rtl !important;
  text-align: right !important;
  list-style: none !important;
  padding-right: 1.75rem !important;
  padding-left: 0 !important;
}

html[lang^="fa"] .shada-check-list > li::before,
html[dir="rtl"] .shada-check-list > li::before,
.farsi .shada-check-list > li::before {
  position: absolute !important;
  right: 0 !important;
  left: auto !important;
  top: 0.05em !important;
  margin: 0 !important;
  transform: none !important;
  float: none !important;
}
/* SHADA-PERSIAN-RTL-CHECKLIST-FIX-V1-1 END */

/* SHADA DESKTOP MENU FIXED SEARCH SLOT V1 START */
/*
 * Keep the desktop search control in a dedicated fixed slot beside the
 * navigation list. It is intentionally outside ul#mod-menu1, so adding a
 * new menu item cannot wrap the search control onto a second line.
 * Mobile navigation remains unchanged.
 */
@media (min-width: 992px) {
  .container-header .shada-desktop-menu-shell {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 52px !important;
    align-items: center !important;
    column-gap: clamp(18px, 2vw, 30px) !important;

    width: 100% !important;
    max-width: 1280px !important;
    height: 58px !important;
    min-height: 58px !important;

    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  .container-header
  .shada-desktop-menu-shell
  > ul#mod-menu1.mod-menu {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;

    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 58px !important;
    min-height: 58px !important;

    gap: clamp(14px, 1.75vw, 28px) !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  .container-header
  .shada-desktop-menu-shell
  > ul#mod-menu1.mod-menu
  > li.nav-item {
    flex: 0 0 auto !important;
  }

  .container-header
  .shada-desktop-menu-shell
  > ul#mod-menu1.mod-menu
  > li.nav-item
  > a,
  .container-header
  .shada-desktop-menu-shell
  > ul#mod-menu1.mod-menu
  > li.nav-item
  > span {
    font-size: clamp(17px, 1.55vw, 19px) !important;
  }

  .container-header
  .shada-desktop-menu-shell
  > .shada-menu-search-slot {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    width: 52px !important;
    min-width: 52px !important;
    height: 58px !important;
    min-height: 58px !important;

    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    inset: auto !important;
  }

  .container-header
  .shada-desktop-menu-shell
  > .shada-menu-search-slot
  > #shada-search-toggle.shada-search-trigger-in-menu {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;

    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    inset: auto !important;
    transform: none !important;

    border-radius: 999px !important;
    background: rgba(255,255,255,.12) !important;
    border: 1px solid rgba(255,255,255,.30) !important;
    line-height: 1 !important;
    opacity: 1 !important;
  }

  .container-header
  .shada-desktop-menu-shell
  > .shada-menu-search-slot
  > #shada-search-toggle:hover,
  .container-header
  .shada-desktop-menu-shell
  > .shada-menu-search-slot
  > #shada-search-toggle:focus {
    background: rgba(255,255,255,.20) !important;
    border-color: rgba(255,255,255,.42) !important;
    outline: none !important;
  }

  .container-header
  .shada-desktop-menu-shell
  > .shada-menu-search-slot
  #shada-search-icon {
    display: block !important;
    width: 22px !important;
    height: 22px !important;
    position: static !important;
    inset: auto !important;
    transform: none !important;
    filter: brightness(0) invert(1) !important;
    opacity: 1 !important;
  }
}

@media (max-width: 991.98px) {
  .container-header .shada-desktop-menu-shell {
    display: none !important;
  }
}
/* SHADA DESKTOP MENU FIXED SEARCH SLOT V1 END */

/* SHADA DESKTOP SEARCH GRID ROW LOCK V1.1 START */
/*
 * The search slot is already outside ul#mod-menu1.
 * Explicit grid placement prevents older menu rules or browser auto-placement
 * from moving the fixed search column into a second row.
 * Desktop only. Mobile remains unchanged.
 */
@media (min-width: 992px) {
  .container-header
  .container-nav
  .shada-desktop-menu-shell {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 52px !important;
    grid-template-rows: 58px !important;
    align-items: center !important;

    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;

    overflow: visible !important;
  }

  .container-header
  .container-nav
  .shada-desktop-menu-shell
  > ul#mod-menu1.mod-menu {
    grid-column: 1 / 2 !important;
    grid-row: 1 !important;

    align-self: center !important;
    justify-self: stretch !important;

    min-width: 0 !important;
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;

    margin: 0 !important;
    transform: none !important;
  }

  .container-header
  .container-nav
  .shada-desktop-menu-shell
  > .shada-menu-search-slot {
    grid-column: 2 / 3 !important;
    grid-row: 1 !important;

    align-self: center !important;
    justify-self: end !important;

    width: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;

    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;

    margin: 0 !important;
    padding: 0 !important;

    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    inset: auto !important;

    transform: none !important;
    overflow: visible !important;
  }

  .container-header
  .container-nav
  .shada-desktop-menu-shell
  > .shada-menu-search-slot
  > #shada-search-toggle.shada-search-trigger-in-menu {
    align-self: center !important;

    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    inset: auto !important;

    margin: 0 !important;
    transform: none !important;
  }

  .container-header
  .container-nav
  .shada-desktop-menu-shell
  > .shada-menu-search-slot
  #shada-search-icon {
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    inset: auto !important;

    margin: 0 !important;
    transform: none !important;
  }
}
/* SHADA DESKTOP SEARCH GRID ROW LOCK V1.1 END */

/* SHADA DAMA GRID FIX V1.0.5 — START */
/*
 * Compatibility bridge for the customised Cassiopeia grid on testing.
 * The earlier V1.0.4 selector depended on an optional body class. This version
 * uses Joomla's stable com_dama + view-occupations body classes.
 */
html body.com_dama.view-occupations .site-grid {
    display: grid !important;
    grid-template-columns:
        [full-start] minmax(0, 1fr)
        [main-start] minmax(0, 1280px)
        [main-end] minmax(0, 1fr)
        [full-end] !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
}

html body.com_dama.view-occupations .site-grid > .container-below-top,
html body.com_dama.view-occupations .site-grid > .container-main-top,
html body.com_dama.view-occupations .site-grid > .container-component,
html body.com_dama.view-occupations .site-grid > .container-main-bottom {
    grid-column: main-start / main-end !important;
    width: 100% !important;
    max-width: 1280px !important;
    min-width: 0 !important;
    justify-self: stretch !important;
}

html body.com_dama.view-occupations .container-component,
html body.com_dama.view-occupations .container-component > main,
html body.com_dama.view-occupations main[role="main"] {
    display: block !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 1280px !important;
    min-width: 0 !important;
}

html body.com_dama.view-occupations .dama-directory {
    display: block !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 1280px !important;
    min-width: 0 !important;
    margin-inline: auto !important;
}

html body.com_dama.view-occupations .dama-directory > *,
html body.com_dama.view-occupations .dama-directory__hero,
html body.com_dama.view-occupations .dama-directory__stats,
html body.com_dama.view-occupations .dama-directory__filters,
html body.com_dama.view-occupations .dama-directory__result-summary,
html body.com_dama.view-occupations .dama-directory__results,
html body.com_dama.view-occupations .dama-directory__pagination,
html body.com_dama.view-occupations .dama-directory__notice {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    grid-column: 1 / -1 !important;
}

html body.com_dama.view-occupations .dama-directory__hero {
    display: block !important;
}

html body.com_dama.view-occupations .dama-directory__stats {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 1rem !important;
}

html body.com_dama.view-occupations .dama-directory__stats > * {
    display: block !important;
    box-sizing: border-box !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
}

html body.com_dama.view-occupations .dama-directory__filters {
    display: grid !important;
    grid-template-columns:
        minmax(0, 1.35fr)
        minmax(0, 1fr)
        minmax(0, 1fr) !important;
    gap: 1rem !important;
    align-items: end !important;
}

html body.com_dama.view-occupations .dama-directory__field,
html body.com_dama.view-occupations .dama-directory__field input,
html body.com_dama.view-occupations .dama-directory__field select {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
}

html body.com_dama.view-occupations .dama-directory__results {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
}

html body.com_dama.view-occupations .dama-directory__occupation-card,
html body.com_dama.view-occupations .dama-directory__card {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
}

@media (max-width: 1200px) {
    html body.com_dama.view-occupations .site-grid {
        grid-template-columns:
            [full-start] 1rem
            [main-start] minmax(0, 1fr)
            [main-end] 1rem
            [full-end] !important;
    }
}

@media (max-width: 760px) {
    html body.com_dama.view-occupations .site-grid {
        grid-template-columns:
            [full-start] .5rem
            [main-start] minmax(0, 1fr)
            [main-end] .5rem
            [full-end] !important;
    }

    html body.com_dama.view-occupations .dama-directory__stats,
    html body.com_dama.view-occupations .dama-directory__filters {
        grid-template-columns: 1fr !important;
    }
}
/* SHADA DAMA GRID FIX V1.0.5 — END */

/* SHADA DAMA OCCUPATION DETAIL LAYOUT V1.0.9 — START */
html body.com_dama.view-occupation .site-grid,
html body.com_dama[class*="view-occupation"] .site-grid {
    display: grid !important;
    grid-template-columns:
        [full-start] minmax(0, 1fr)
        [main-start] minmax(0, 1280px)
        [main-end] minmax(0, 1fr)
        [full-end] !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
}

html body.com_dama.view-occupation .site-grid > .container-below-top,
html body.com_dama.view-occupation .site-grid > .container-main-top,
html body.com_dama.view-occupation .site-grid > .container-component,
html body.com_dama.view-occupation .site-grid > .container-main-bottom,
html body.com_dama[class*="view-occupation"] .site-grid > .container-below-top,
html body.com_dama[class*="view-occupation"] .site-grid > .container-main-top,
html body.com_dama[class*="view-occupation"] .site-grid > .container-component,
html body.com_dama[class*="view-occupation"] .site-grid > .container-main-bottom {
    grid-column: main-start / main-end !important;
    width: 100% !important;
    max-width: 1280px !important;
    min-width: 0 !important;
    justify-self: stretch !important;
}

html body.com_dama.view-occupation .container-component,
html body.com_dama.view-occupation .container-component > main,
html body.com_dama.view-occupation main[role="main"],
html body.com_dama[class*="view-occupation"] .container-component,
html body.com_dama[class*="view-occupation"] .container-component > main,
html body.com_dama[class*="view-occupation"] main[role="main"] {
    display: block !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 1280px !important;
    min-width: 0 !important;
}

html body.com_dama.view-occupation .container-below-top,
html body.com_dama.view-occupation .mod-breadcrumbs,
html body.com_dama.view-occupation nav[aria-label*="Breadcrumb"],
html body.com_dama.view-occupation .breadcrumb,
html body.com_dama[class*="view-occupation"] .container-below-top,
html body.com_dama[class*="view-occupation"] .mod-breadcrumbs,
html body.com_dama[class*="view-occupation"] nav[aria-label*="Breadcrumb"],
html body.com_dama[class*="view-occupation"] .breadcrumb {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 1280px !important;
    min-width: 0 !important;
}

html body.com_dama.view-occupation .breadcrumb,
html body.com_dama[class*="view-occupation"] .breadcrumb {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: .35rem !important;
}

html body.com_dama.view-occupation .breadcrumb > *,
html body.com_dama[class*="view-occupation"] .breadcrumb > * {
    display: inline-flex !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
}

html body.com_dama.view-occupation .dama-occupation,
html body.com_dama.view-occupation .dama-occupation-detail,
html body.com_dama.view-occupation .dama-detail,
html body.com_dama.view-occupation .com-dama-occupation,
html body.com_dama[class*="view-occupation"] .dama-occupation,
html body.com_dama[class*="view-occupation"] .dama-occupation-detail,
html body.com_dama[class*="view-occupation"] .dama-detail,
html body.com_dama[class*="view-occupation"] .com-dama-occupation {
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    max-width: 1280px !important;
    min-width: 0 !important;
    margin-inline: auto !important;
}

html body.com_dama.view-occupation main[role="main"] > *,
html body.com_dama[class*="view-occupation"] main[role="main"] > * {
    box-sizing: border-box !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

html body.com_dama.view-occupation .dama-occupation > *,
html body.com_dama.view-occupation .dama-occupation-detail > *,
html body.com_dama.view-occupation .dama-detail > *,
html body.com_dama[class*="view-occupation"] .dama-occupation > *,
html body.com_dama[class*="view-occupation"] .dama-occupation-detail > *,
html body.com_dama[class*="view-occupation"] .dama-detail > * {
    box-sizing: border-box !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

@media (max-width: 1200px) {
    html body.com_dama.view-occupation .site-grid,
    html body.com_dama[class*="view-occupation"] .site-grid {
        grid-template-columns:
            [full-start] 1rem
            [main-start] minmax(0, 1fr)
            [main-end] 1rem
            [full-end] !important;
    }
}

@media (max-width: 760px) {
    html body.com_dama.view-occupation .site-grid,
    html body.com_dama[class*="view-occupation"] .site-grid {
        grid-template-columns:
            [full-start] .5rem
            [main-start] minmax(0, 1fr)
            [main-end] .5rem
            [full-end] !important;
    }

    html body.com_dama.view-occupation .breadcrumb,
    html body.com_dama[class*="view-occupation"] .breadcrumb {
        gap: .25rem !important;
    }
}
/* SHADA DAMA OCCUPATION DETAIL LAYOUT V1.0.9 — END */

/* SHADA DAMA REGION DETAIL LAYOUT V1.1.0 — START */
html body.com_dama.view-region .site-grid,
html body.com_dama[class*="view-region"] .site-grid {
    display: grid !important;
    grid-template-columns:
        [full-start] minmax(0, 1fr)
        [main-start] minmax(0, 1280px)
        [main-end] minmax(0, 1fr)
        [full-end] !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
}

html body.com_dama.view-region .site-grid > .container-below-top,
html body.com_dama.view-region .site-grid > .container-main-top,
html body.com_dama.view-region .site-grid > .container-component,
html body.com_dama.view-region .site-grid > .container-main-bottom,
html body.com_dama[class*="view-region"] .site-grid > .container-below-top,
html body.com_dama[class*="view-region"] .site-grid > .container-main-top,
html body.com_dama[class*="view-region"] .site-grid > .container-component,
html body.com_dama[class*="view-region"] .site-grid > .container-main-bottom {
    grid-column: main-start / main-end !important;
    width: 100% !important;
    max-width: 1280px !important;
    min-width: 0 !important;
    justify-self: stretch !important;
}

html body.com_dama.view-region .container-component,
html body.com_dama.view-region .container-component > main,
html body.com_dama.view-region main[role="main"],
html body.com_dama[class*="view-region"] .container-component,
html body.com_dama[class*="view-region"] .container-component > main,
html body.com_dama[class*="view-region"] main[role="main"] {
    display: block !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 1280px !important;
    min-width: 0 !important;
}

html body.com_dama.view-region .container-below-top,
html body.com_dama.view-region .mod-breadcrumbs,
html body.com_dama.view-region nav[aria-label*="Breadcrumb"],
html body.com_dama.view-region .breadcrumb,
html body.com_dama[class*="view-region"] .container-below-top,
html body.com_dama[class*="view-region"] .mod-breadcrumbs,
html body.com_dama[class*="view-region"] nav[aria-label*="Breadcrumb"],
html body.com_dama[class*="view-region"] .breadcrumb {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 1280px !important;
    min-width: 0 !important;
}

html body.com_dama.view-region .breadcrumb,
html body.com_dama[class*="view-region"] .breadcrumb {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: .35rem !important;
}

html body.com_dama.view-region .breadcrumb > *,
html body.com_dama[class*="view-region"] .breadcrumb > * {
    display: inline-flex !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
}

html body.com_dama.view-region .dama-region,
html body.com_dama.view-region .dama-region-detail,
html body.com_dama.view-region .dama-detail,
html body.com_dama.view-region .com-dama-region,
html body.com_dama[class*="view-region"] .dama-region,
html body.com_dama[class*="view-region"] .dama-region-detail,
html body.com_dama[class*="view-region"] .dama-detail,
html body.com_dama[class*="view-region"] .com-dama-region {
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    max-width: 1280px !important;
    min-width: 0 !important;
    margin-inline: auto !important;
}

html body.com_dama.view-region main[role="main"] > *,
html body.com_dama[class*="view-region"] main[role="main"] > * {
    box-sizing: border-box !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

@media (max-width: 1200px) {
    html body.com_dama.view-region .site-grid,
    html body.com_dama[class*="view-region"] .site-grid {
        grid-template-columns:
            [full-start] 1rem
            [main-start] minmax(0, 1fr)
            [main-end] 1rem
            [full-end] !important;
    }
}

@media (max-width: 760px) {
    html body.com_dama.view-region .site-grid,
    html body.com_dama[class*="view-region"] .site-grid {
        grid-template-columns:
            [full-start] .5rem
            [main-start] minmax(0, 1fr)
            [main-end] .5rem
            [full-end] !important;
    }

    html body.com_dama.view-region .breadcrumb,
    html body.com_dama[class*="view-region"] .breadcrumb {
        gap: .25rem !important;
    }
}
/* SHADA DAMA REGION DETAIL LAYOUT V1.1.0 — END */

/* SHADA ACCOUNTANT DAMA H1 CTA REDUCTION V1.3.3 START */
.shada-occupation-heading-row {
    display: flex;
    gap: 1.5rem;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.shada-occupation-heading-row > h1 {
    flex: 1 1 auto;
    min-width: 0;
    margin-bottom: 0;
}

.shada-occupation-heading-row
    > .omnicat-occupation-hero__dama-row {
    flex: 0 0 auto;
}

.omnicat-occupation-hero__dama-row {
    display: flex;
    align-items: center;
    margin: 0;
}

.omnicat-occupation-hero__dama-tile {
    display: inline-flex;
    gap: 0.46rem;
    align-items: center;
    justify-content: center;
    min-height: 43px;
    max-width: 100%;
    padding: 0.52rem 0.66rem;
    border: 1px solid #cc8800;
    border-radius: 7px;
    color: #142f45;
    background: #efa500;
    font-size: 0.9375rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0;
    text-decoration: none;
    box-shadow: 0 5px 14px rgba(20, 47, 69, 0.13);
    transition:
        background-color 0.18s ease,
        border-color 0.18s ease,
        box-shadow 0.18s ease,
        transform 0.18s ease;
}

.omnicat-occupation-hero__dama-tile:hover,
.omnicat-occupation-hero__dama-tile:focus {
    color: #10283a;
    background: #d99100;
    border-color: #b97800;
    text-decoration: none;
    box-shadow: 0 8px 18px rgba(20, 47, 69, 0.19);
    transform: translateY(-1px);
}

.omnicat-occupation-hero__dama-icon,
.omnicat-occupation-hero__dama-arrow {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    color: currentColor;
}

.omnicat-occupation-hero__dama-icon {
    width: 20px;
    height: 20px;
}

.omnicat-occupation-hero__dama-arrow {
    width: 18px;
    height: 18px;
    margin-left: 0.08rem;
    transition: transform 0.18s ease;
}

.omnicat-occupation-hero__dama-icon svg,
.omnicat-occupation-hero__dama-arrow svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.9;
}

.omnicat-occupation-hero__dama-text {
    min-width: 0;
    white-space: nowrap;
}

.omnicat-occupation-hero__dama-tile:hover
    .omnicat-occupation-hero__dama-arrow,
.omnicat-occupation-hero__dama-tile:focus
    .omnicat-occupation-hero__dama-arrow {
    transform: translate(2px, -2px);
}

@media (max-width: 1040px) {
    .shada-occupation-heading-row {
        flex-wrap: wrap;
        gap: 0.85rem;
    }

    .shada-occupation-heading-row
        > .omnicat-occupation-hero__dama-row {
        flex-basis: 100%;
    }
}

@media (max-width: 480px) {
    .shada-occupation-heading-row {
        gap: 0.72rem;
    }

    .omnicat-occupation-hero__dama-tile {
        min-height: 40px;
        padding: 0.48rem 0.58rem;
        font-size: 0.875rem;
    }

    .omnicat-occupation-hero__dama-icon {
        width: 23px;
        height: 23px;
    }

    .omnicat-occupation-hero__dama-arrow {
        width: 17px;
        height: 17px;
    }
}
/* SHADA ACCOUNTANT DAMA H1 CTA REDUCTION V1.3.3 END */

/* SHADA ACCOUNTANT DAMA H1 NO-FLICKER V1.3.2 START */
/*
 * Prevent the DAMA status from rendering in its temporary source position.
 * It becomes visible only after the synchronous script places it in the
 * final heading row.
 */
.omnicat-occupation-hero__dama-row[
    data-shada-dama-heading-status="221111"
] {
    display: none;
}

.shada-occupation-heading-row
    > .omnicat-occupation-hero__dama-row[
        data-shada-dama-heading-status="221111"
    ] {
    display: flex;
}
/* SHADA ACCOUNTANT DAMA H1 NO-FLICKER V1.3.2 END */

/* SHADA DAMA LEGACY GRID TRACK CLEANUP V1.5.2 START */

/*
 * Canonical desktop grid width for public com_dama views: 1280px.
 * The original V1.0.5, V1.0.9 and V1.1.0 layout blocks are retained,
 * including their mobile and component-specific rules. Only their legacy
 * 1160px desktop grid tracks were corrected in place.
 */

/* SHADA DAMA LEGACY GRID TRACK CLEANUP V1.5.2 END */

/* SHADA GLOBAL BREADCRUMB ACTUAL REDUCTION V1.5.4 START */

html body .mod-breadcrumbs,
html body .breadcrumb,
html body ol.mod-breadcrumbs,
html body ol.breadcrumb {
    box-sizing: border-box !important;
    min-height: 0 !important;
    margin-block: 0 !important;
    padding-block: 6px !important;
    padding-inline: 12px !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
}

html body .mod-breadcrumbs > *,
html body .breadcrumb > *,
html body .mod-breadcrumbs .mod-breadcrumbs__item,
html body .breadcrumb .breadcrumb-item,
html body .mod-breadcrumbs a,
html body .breadcrumb a,
html body .mod-breadcrumbs span,
html body .breadcrumb span {
    font-size: 14px !important;
    line-height: 1.35 !important;
}

html body .mod-breadcrumbs > li + li::before,
html body .breadcrumb > li + li::before,
html body .breadcrumb-item + .breadcrumb-item::before {
    padding-inline: 0.3rem !important;
    font-size: 13px !important;
}

html body .mod-breadcrumbs .icon-location,
html body .breadcrumb .icon-location,
html body .mod-breadcrumbs .fa-location-dot,
html body .breadcrumb .fa-location-dot,
html body .mod-breadcrumbs .fa-map-marker-alt,
html body .breadcrumb .fa-map-marker-alt,
html body .mod-breadcrumbs svg:not(.shada-breadcrumb-home-icon),
html body .breadcrumb svg:not(.shada-breadcrumb-home-icon) {
    width: 14px !important;
    height: 14px !important;
    font-size: 14px !important;
    line-height: 1 !important;
}

html[dir="rtl"] body .mod-breadcrumbs,
html[dir="rtl"] body .breadcrumb {
    direction: rtl;
    text-align: right;
}

@media (max-width: 760px) {
    html body .mod-breadcrumbs,
    html body .breadcrumb,
    html body ol.mod-breadcrumbs,
    html body ol.breadcrumb {
        padding-block: 5px !important;
        padding-inline: 10px !important;
        font-size: 13px !important;
        line-height: 1.4 !important;
    }

    html body .mod-breadcrumbs > *,
    html body .breadcrumb > *,
    html body .mod-breadcrumbs .mod-breadcrumbs__item,
    html body .breadcrumb .breadcrumb-item,
    html body .mod-breadcrumbs a,
    html body .breadcrumb a,
    html body .mod-breadcrumbs span,
    html body .breadcrumb span {
        font-size: 13px !important;
        line-height: 1.4 !important;
    }

    html body .mod-breadcrumbs .icon-location,
    html body .breadcrumb .icon-location,
    html body .mod-breadcrumbs .fa-location-dot,
    html body .breadcrumb .fa-location-dot,
    html body .mod-breadcrumbs .fa-map-marker-alt,
    html body .breadcrumb .fa-map-marker-alt,
    html body .mod-breadcrumbs svg:not(.shada-breadcrumb-home-icon),
    html body .breadcrumb svg:not(.shada-breadcrumb-home-icon) {
        width: 13px !important;
        height: 13px !important;
        font-size: 13px !important;
    }
}

/* SHADA GLOBAL BREADCRUMB ACTUAL REDUCTION V1.5.4 END */

/* SHADA BREADCRUMB SPACING COMPACT V1.6.0 START */
/* Tighten breadcrumb spacing after V1.5.9 teal/home alignment */
.mod-breadcrumbs.breadcrumb,
ol.mod-breadcrumbs.breadcrumb {
  column-gap: 0 !important;
  row-gap: 0.1rem !important;
}

.mod-breadcrumbs.breadcrumb > li,
ol.mod-breadcrumbs.breadcrumb > li {
  margin: 0 !important;
  padding: 0 !important;
}

.mod-breadcrumbs.breadcrumb > li > a,
.mod-breadcrumbs.breadcrumb > li > span,
ol.mod-breadcrumbs.breadcrumb > li > a,
ol.mod-breadcrumbs.breadcrumb > li > span {
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1.15 !important;
}

.mod-breadcrumbs.breadcrumb > li + li,
ol.mod-breadcrumbs.breadcrumb > li + li {
  margin-inline-start: 0.24rem !important;
}

.mod-breadcrumbs.breadcrumb > li + li::before,
ol.mod-breadcrumbs.breadcrumb > li + li::before {
  margin-inline: 0.22rem !important;
  padding: 0 !important;
}

.mod-breadcrumbs.breadcrumb > li:first-child > a,
ol.mod-breadcrumbs.breadcrumb > li:first-child > a {
  gap: 0 !important;
}

.mod-breadcrumbs.breadcrumb > li:first-child > a::before,
ol.mod-breadcrumbs.breadcrumb > li:first-child > a::before {
  margin-inline-end: 0.16rem !important;
  vertical-align: middle !important;
  position: relative !important;
  top: -0.01em !important;
}

@media (max-width: 767.98px) {
  .mod-breadcrumbs.breadcrumb > li + li,
  ol.mod-breadcrumbs.breadcrumb > li + li {
    margin-inline-start: 0.18rem !important;
  }

  .mod-breadcrumbs.breadcrumb > li + li::before,
  ol.mod-breadcrumbs.breadcrumb > li + li::before {
    margin-inline: 0.18rem !important;
  }

  .mod-breadcrumbs.breadcrumb > li:first-child > a::before,
  ol.mod-breadcrumbs.breadcrumb > li:first-child > a::before {
    margin-inline-end: 0.12rem !important;
  }
}
/* SHADA BREADCRUMB SPACING COMPACT V1.6.0 END */

/* SHADA STRUCTURAL BREADCRUMB STYLE V1.6.1 START */

/*
 * The pin item is removed in the Cassiopeia module override.
 * The house is real SVG markup, not a CSS pseudo-element.
 */
html body .mod-breadcrumbs,
html body .breadcrumb,
html body ol.mod-breadcrumbs,
html body ol.breadcrumb {
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

html body .mod-breadcrumbs a,
html body .breadcrumb a {
    color: #078b8d !important;
    text-decoration: none !important;
}

html body .mod-breadcrumbs a:hover,
html body .breadcrumb a:hover {
    color: #056f72 !important;
    text-decoration: underline !important;
    text-underline-offset: 0.16em !important;
}

html body .mod-breadcrumbs .active,
html body .breadcrumb .active,
html body .mod-breadcrumbs [aria-current="page"],
html body .breadcrumb [aria-current="page"] {
    color: #4b5158 !important;
}

html body .mod-breadcrumbs > li + li::before,
html body .breadcrumb > li + li::before,
html body .breadcrumb-item + .breadcrumb-item::before {
    color: #697078 !important;
}

html body .shada-breadcrumb-home-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 21px !important;
    min-width: 21px !important;
    height: 21px !important;
    padding: 0 !important;
    color: #078b8d !important;
    line-height: 1 !important;
    text-decoration: none !important;
    vertical-align: middle !important;
    transform: translateY(-1px) !important;
}

html body .shada-breadcrumb-home-icon {
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    fill: currentColor !important;
}

html body .shada-breadcrumb-home-link:hover {
    color: #056f72 !important;
    text-decoration: none !important;
}

html body .shada-breadcrumb-home-link:focus-visible {
    outline: 2px solid currentColor !important;
    outline-offset: 3px !important;
    border-radius: 3px !important;
}

@media (max-width: 760px) {
    html body .shada-breadcrumb-home-link {
        width: 19px !important;
        min-width: 19px !important;
        height: 19px !important;
    }

    html body .shada-breadcrumb-home-icon {
        width: 18px !important;
        height: 18px !important;
    }
}

/* SHADA STRUCTURAL BREADCRUMB STYLE V1.6.1 END */

/* SHADA BREADCRUMB HOME ICON SIZE V1.6.2 START */

html body .shada-breadcrumb-home-link {
    width: 25px !important;
    min-width: 25px !important;
    height: 25px !important;
    transform: translateY(-1px) !important;
}

html body .shada-breadcrumb-home-icon {
    width: 24px !important;
    height: 24px !important;
}

@media (max-width: 760px) {
    html body .shada-breadcrumb-home-link {
        width: 22px !important;
        min-width: 22px !important;
        height: 22px !important;
    }

    html body .shada-breadcrumb-home-icon {
        width: 21px !important;
        height: 21px !important;
    }
}

/* SHADA BREADCRUMB HOME ICON SIZE V1.6.2 END */

/* SHADA BREADCRUMB ICON SPECIFICITY FIX V1.6.3 START */

/*
 * The generic compact-breadcrumb SVG rule now excludes the structurally
 * rendered home icon. V1.6.2 therefore controls its intended size:
 * 24px desktop and 21px mobile.
 */

/* SHADA BREADCRUMB ICON SPECIFICITY FIX V1.6.3 END */

/* SHADA BREADCRUMB EXACT TOP GAP V1.6.5 START */

/*
 * Chrome measurement confirmed the visible 41px gap is produced by:
 *   24px padding-top on .grid-child.container-below-top
 * + 17px margin-top on nav.mod-breadcrumbs__wrapper.
 *
 * Target the actual controlling elements rather than an unmatched :has()
 * selector.
 */
html body .site-grid > .grid-child.container-below-top {
    padding-top: 16px !important;
}

html body .site-grid > .grid-child.container-below-top
    > nav.mod-breadcrumbs__wrapper {
    margin-top: 0 !important;
}

@media (max-width: 760px) {
    html body .site-grid > .grid-child.container-below-top {
        padding-top: 12px !important;
    }

    html body .site-grid > .grid-child.container-below-top
        > nav.mod-breadcrumbs__wrapper {
        margin-top: 0 !important;
    }
}

/* SHADA BREADCRUMB EXACT TOP GAP V1.6.5 END */

/* SHADA BREADCRUMB ACTUAL TOP GAP V1.6.5 START */

/*
 * Chrome measurement identified two real contributors:
 * 1. the direct site-grid child containing the breadcrumb has 24px top padding;
 * 2. its breadcrumb nav has a 17px top margin.
 *
 * Target the rendered structure itself rather than the unmatched V1.6.4
 * container selector.
 */
html body .site-grid > div:has(> nav > ol.mod-breadcrumbs),
html body .site-grid > div:has(> nav > ol.breadcrumb),
html body .site-grid > div:has(> nav ol.mod-breadcrumbs),
html body .site-grid > div:has(> nav ol.breadcrumb) {
    padding-top: 14px !important;
}

html body .site-grid nav:has(> ol.mod-breadcrumbs),
html body .site-grid nav:has(> ol.breadcrumb) {
    margin-top: 6px !important;
}

@media (max-width: 760px) {
    html body .site-grid > div:has(> nav > ol.mod-breadcrumbs),
    html body .site-grid > div:has(> nav > ol.breadcrumb),
    html body .site-grid > div:has(> nav ol.mod-breadcrumbs),
    html body .site-grid > div:has(> nav ol.breadcrumb) {
        padding-top: 10px !important;
    }

    html body .site-grid nav:has(> ol.mod-breadcrumbs),
    html body .site-grid nav:has(> ol.breadcrumb) {
        margin-top: 4px !important;
    }
}

/* SHADA BREADCRUMB ACTUAL TOP GAP V1.6.5 END */

/* SHADA DAMA OVERVIEW SIZE AND SPACING V1.0.58 START */
.shada-dama-reciprocal-heading-row {
    box-sizing: border-box;
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: clamp(0.85rem, 2vw, 1.5rem);
    width: 100%;
}

.shada-dama-reciprocal-heading-row > h1 {
    flex: 1 1 auto;
    min-width: 0;
}

.shada-dama-reciprocal-cta {
    box-sizing: border-box;
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    gap: 0.48rem;
    min-height: 43px;
    margin: 0;
    padding: 0.52rem 0.82rem;
    border: 1px solid #d89500;
    border-radius: 0.55rem;
    background: #efa500;
    color: #142f45;
    box-shadow: none;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.15;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    transform: translateZ(0);
    transition:
        background-color 160ms ease,
        border-color 160ms ease,
        box-shadow 160ms ease;
}

.shada-dama-reciprocal-cta:hover,
.shada-dama-reciprocal-cta:focus-visible {
    border-color: #c88600;
    background: #f4ae10;
    color: #142f45;
    box-shadow: 0 0.3rem 0.9rem rgb(20 47 69 / 14%);
    text-decoration: none;
}

.shada-dama-reciprocal-cta:focus-visible {
    outline: 3px solid rgb(15 115 119 / 30%);
    outline-offset: 3px;
}

.shada-dama-reciprocal-cta__icon,
.shada-dama-reciprocal-cta__arrow {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
}

.shada-dama-reciprocal-cta__icon svg {
    width: 20px;
    height: 20px;
}

.shada-dama-reciprocal-cta__arrow svg {
    width: 18px;
    height: 18px;
}

.shada-dama-reciprocal-cta svg {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.shada-dama-reciprocal-cta__arrow {
    transition: transform 160ms ease;
}

.shada-dama-reciprocal-cta:hover
    .shada-dama-reciprocal-cta__arrow,
.shada-dama-reciprocal-cta:focus-visible
    .shada-dama-reciprocal-cta__arrow {
    transform: translate(0.08rem, -0.08rem);
}

.shada-dama-overview-label {
    display: block;
    margin-bottom: clamp(1rem, 1.8vw, 1.45rem);
    color: #087b82;
    font-size: clamp(1.35rem, 1.7vw, 1.65rem);
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: 0.055em;
}

.shada-dama-hero-title-without-code {
    max-width: 100%;
}

@media (max-width: 760px) {
    .shada-dama-reciprocal-heading-row {
        flex-wrap: wrap;
    }

    .shada-dama-reciprocal-heading-row > h1 {
        flex-basis: 100%;
        width: 100%;
    }

    .shada-dama-reciprocal-cta {
        min-height: 40px;
        max-width: 100%;
        padding: 0.48rem 0.75rem;
        font-size: 14px;
        white-space: normal;
    }
}

/* SHADA DAMA OVERVIEW SIZE AND SPACING RULE V1.0.58 */
body main .shada-dama-overview-label {
    font-size: clamp(1.008rem, 1.344vw, 1.26rem) !important;
    line-height: 1.18 !important;
    letter-spacing: 0.035em !important;
    margin-bottom: 0.35rem !important;
    padding-bottom: 0 !important;
}

body main .shada-dama-hero-title-without-code {
    margin-top: 0 !important;
}

@media (max-width: 760px) {
    body main .shada-dama-overview-label {
        font-size: clamp(0.812rem, 3.36vw, 1.008rem) !important;
        line-height: 1.2 !important;
        margin-bottom: 0.25rem !important;
    }
}
/* SHADA DAMA OVERVIEW SIZE AND SPACING V1.0.58 END */