/* Reservario brand layer. The original template layout stays intact. */
/* Let headings reflow naturally when rotating a phone or resizing a window. */
.hero-style7 .hero-wrapp { flex-wrap: wrap; }
.hero-style7 .client-box { flex-wrap: wrap; }
.hero-style7 .client-box .rating { line-height: 1.5; }

@media (max-width: 1199px) {
  .feature-grid3, .price-box.style6 { min-width: 0; }
  .price-box.style6 { height: 100%; display: flex; flex-direction: column; }
  .price-box.style6 > .th-btn2 { margin-top: auto; }
  .cta-area6 { min-height: 0; }
}

body.theme6 {
  --brand-blue: #2D61AE;
  --brand-lime: #ADD147;
  --brand-slate: #112335;
  --brand-cloud: #EDF0F2;
  --title-color: var(--brand-slate);
  --body-color: #3f5060;
  --title-font: "Sora", sans-serif;
  --title-font2: "Sora", sans-serif;
  --body-font: "Sora", sans-serif;
  --theme-color: var(--brand-blue);
  --theme-color2: var(--brand-lime);
  --smoke-color3: #dce5f1;
  --smoke-color4: var(--brand-cloud);
}

html {
  scroll-behavior: smooth !important;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto !important;
  }
}

::selection {
  color: #fff;
  background: var(--brand-blue);
}

body.theme6 .loader-wrapper {
  margin: 1rem;
  font-size: clamp(32px, 5.8vw, 84px);
  letter-spacing: 0.035em;
  white-space: nowrap;
  scale: 1.25;
}

body.theme6 .loader::after {
  background-image:
    radial-gradient(circle at 50% 50%, var(--brand-blue) 0%, transparent 50%),
    radial-gradient(circle at 45% 45%, #dce5f1 0%, transparent 45%),
    radial-gradient(circle at 55% 55%, var(--brand-blue) 0%, transparent 45%),
    radial-gradient(circle at 45% 55%, var(--brand-lime) 0%, transparent 45%),
    radial-gradient(circle at 55% 45%, var(--brand-slate) 0%, transparent 45%);
}

.mouseCursor {
  display: none !important;
}

.scroll-top {
  background: #fff;
  border: 2px solid #ccd8e7;
  box-shadow: 0 8px 24px rgba(16, 16, 20, 0.12);
}

.scroll-top::after {
  border: 0;
}

.scroll-top svg {
  background: transparent;
  transform: rotate(-90deg);
}

.scroll-top .progress-circle path {
  stroke: var(--brand-blue);
  stroke-width: 4px;
  stroke-linecap: round;
  transition: stroke-dashoffset 80ms linear;
}

/* Keep the Czech copy exactly as written; do not title-case every word. */
body.theme6 * {
  text-transform: none !important;
}

.header-layout7 .header-logo img,
.mobile-logo img,
.sidemenu-wrapper .about-logo img {
  width: 208px;
  max-height: 48px;
}

.footer-layout7 .about-logo img {
  width: 230px;
  filter: none;
}

.header-layout7 .main-menu .mega-menu,
.header-layout7 .main-menu .sub-menu {
  display: none !important;
}

.header-layout7 .main-menu .menu-item-has-children > a::after {
  display: none;
}

.header-layout7 .main-menu > ul > li > a:hover,
.faq-mail,
.footer-layout7 .copyright-text a {
  color: var(--brand-blue);
}

.header-layout7 .main-menu > ul > li > a,
.feature-grid3 .box-title,
.price-box.style6 .box-title,
.price-box.style6 .available-list li {
  text-transform: none;
}

section[id],
div[id] {
  scroll-margin-top: 110px;
}

.header-layout7 .header-button .th-btn2.style2 {
  color: #fff;
  background: var(--brand-blue);
  border-color: var(--brand-blue);
}

.header-layout7 .header-button .th-btn2.style2:hover {
  color: #fff;
  border-color: var(--brand-blue);
}

.hero-7 {
  background-color: var(--brand-cloud);
  background-image: linear-gradient(rgba(237, 240, 242, 0.84), rgba(237, 240, 242, 0.84)), url("../img/bg/hero_bg_7.png") !important;
  background-position: center;
  background-size: cover;
}

.hero-style7 .hero-title {
  text-transform: none;
}

.hero-style7 .hero-title .title {
  color: var(--brand-blue);
  margin-left: 0;
}

.th-btn2.style4 {
  color: #fff;
  background-color: var(--brand-blue);
}

.th-btn2.style4:hover {
  color: #fff;
  box-shadow: 5px 5px 0 var(--brand-slate);
}

.cta-area5 {
  background: linear-gradient(135deg, var(--brand-cloud) 0%, #dce5f1 100%);
  border-radius: 32px;
  min-height: 560px;
  padding: 130px 50px 110px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cta-area5 .shape-svg path,
.dashboard-area + .shape-mockup path {
  stroke: var(--brand-blue);
}

.cta-area5 .shape-svg {
  opacity: 0.22;
  pointer-events: none;
}

.cta-area5 .row {
  position: relative;
  z-index: 2;
}

.feature-grid3 {
  height: 100%;
  background: #fff !important;
  border: 2px solid rgba(45, 97, 174, 0.32);
  padding: 52px 28px;
}

.feature-grid3:hover {
  border: 2px solid var(--brand-blue);
  box-shadow: 0 14px 34px rgba(45, 97, 174, 0.12);
}

.feature-grid3:hover .box-title,
.feature-grid3:hover .box-text {
  color: var(--brand-slate);
}

.feature-grid3 .box-icon,
.choose-box2 .box-icon,
.choose-box2_wrapp:nth-child(2) .box-icon,
.choose-box2_wrapp:nth-child(3) .box-icon,
.choose-box2_wrapp:nth-child(4) .box-icon {
  background: var(--brand-cloud);
}

.choose-box2 .box-icon i {
  color: var(--brand-slate);
  font-size: 26px;
  line-height: 64px;
  transition: transform 0.4s ease-in-out;
}

.choose-box2:hover .box-icon i {
  transform: rotateY(180deg);
}

.choose-box2:hover .box-title,
.choose-box2:hover .box-text {
  color: var(--brand-slate);
}

#pro-koho .choose-box2_wrapp {
  display: flex;
}

#pro-koho .choose-box2 {
  width: 100%;
  height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.testi-box4:hover {
  background-color: var(--brand-blue);
  border-color: var(--brand-blue);
}

.testi-box4:hover .box-title,
.testi-box4:hover .box-text,
.testi-box4:hover .box-desig,
.testi-box4:hover .date,
.testi-box4:hover .rating {
  color: #fff;
}

.testi-box4 .box-title,
.testi-box4 .box-text,
.testi-box4 .box-desig,
.testi-box4 .date,
.testi-box4 .rating {
  transition: color 0.25s ease;
}

.blog-card.style2 .box-title:hover,
.blog-card.style2 .blog-meta a:hover {
  color: var(--brand-blue);
}

.price-box.style6 {
  border-color: #ccd8e7;
  background: var(--brand-cloud);
}

.price-box.style6 .box-icon i {
  color: #fff;
  font-size: 20px;
  line-height: 52px;
}

.price-box.style6.active .box-icon i {
  color: var(--brand-blue);
}

.price-box.style6.active,
.price-box.style6.active .box-content {
  background: var(--brand-blue);
}

.price-box.style6.active .box-title,
.price-box.style6.active .box-text,
.price-box.style6.active .box-price,
.price-box.style6.active .duration {
  color: #fff;
}

.price-box.style6.active .available-list li {
  color: #fff;
}

.price-box.style6.active .available-list li::after {
  color: #fff;
}

.price-box.style6.active .th-btn2.style4 {
  color: var(--brand-slate);
  background: #fff;
}

.cta-area6 {
  color: var(--brand-slate);
  background: linear-gradient(135deg, var(--brand-cloud) 0%, #dce5f1 100%);
}

.footer-layout7 .footer-bottom .newsletter-form .th-btn3 {
  color: #fff;
  background: var(--brand-blue);
}

.footer-layout7 .footer-bottom .newsletter-form .th-btn3:hover {
  color: var(--brand-slate);
  background: #fff;
}

@media (max-width: 991px) {
  .mouseCursor {
    display: none !important;
  }

  .hero-7 .hero-img7 {
    min-width: 0;
  }

  .hero-style7 .hero-title .title {
    margin-left: 0;
  }

  .cta-area5 {
    min-height: auto;
    padding: 90px 28px 80px;
  }
}

@media (max-width: 575px) {
  .header-layout7 .header-logo img,
  .mobile-logo img {
    width: 170px;
  }
}

/* Brand roles: blue links, lime actions, slate text and cloud surfaces. */
.industry-link { color: var(--brand-blue); font-weight: 600; text-decoration: underline; text-underline-offset: 5px; }
#pro-koho .choose-img2 .img1 img { width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 20px; }
.comparison-scroll { overflow-x: auto; border: 1px solid #ccd8e7; border-radius: 20px; }
.comparison-scroll:focus-visible { outline: 3px solid var(--brand-blue); outline-offset: 4px; }
.comparison-table { width: 100%; min-width: 760px; margin: 0; border-collapse: collapse; color: var(--brand-slate); }
.comparison-table caption { padding: 16px 24px; caption-side: top; color: #3f5060; background: var(--brand-cloud); font-size: 14px; }
.comparison-table th, .comparison-table td { padding: 22px 24px; border: 0; border-bottom: 1px solid #dce5f1; text-align: left; font-size: 15px; line-height: 1.6; vertical-align: middle; }
.comparison-table thead th { background: var(--brand-slate); color: #fff; font-size: 18px; }
.comparison-table thead .our-product { background: var(--brand-slate); color: #fff; font-weight: 700; }
.comparison-table tbody .our-product { background: #f5f8ed; border-inline: 1px solid #dce5cb; }
.comparison-table tbody th { width: 29%; font-weight: 500; }
.comparison-table tr:last-child > * { border-bottom: 0; }
.comparison-note { font-size: 13px; line-height: 1.7; color: #526374; margin: 16px 0 0; }
.comparison-note a { color: var(--brand-blue); text-decoration: underline; }
.comparison-scroll-hint { display: none; font-size: 13px; color: #526374; }
@media (max-width: 800px) { .comparison-scroll-hint { display: block; } .comparison-table th, .comparison-table td { padding: 16px; } }

#brandSlider1 .brand-item {
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
}

#brandSlider1 .brand-item a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 8px;
}

#brandSlider1 .partner-logo {
  width: 180px;
  height: 76px;
  max-width: 100%;
  object-fit: contain;
  filter: grayscale(1);
  opacity: 0.85;
  transition: filter 0.2s, opacity 0.2s;
}

#brandSlider1 .partner-logo--compact {
  height: 100px;
}

#brandSlider1 .partner-logo--stanley {
  width: 123px;
  height: 30px;
}

#brandSlider1 a:hover .partner-logo,
#brandSlider1 a:focus-visible .partner-logo {
  filter: none;
  opacity: 1;
}

#brandSlider1 .partner-logo--inverse,
#brandSlider1 a:hover .partner-logo--inverse,
#brandSlider1 a:focus-visible .partner-logo--inverse {
  filter: brightness(0);
}

#brandSlider1 .partner-name {
  color: var(--brand-slate);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
  text-align: center;
}

.footer-layout7 {
  background-color: var(--brand-slate);
}

.footer-layout7 .copyright-text a,
.footer-layout7 a:hover {
  color: var(--brand-lime);
}

.header-layout7 .header-button .th-btn2.style2,
.th-btn2.style4,
.price-box.style6.active .th-btn2.style4,
.footer-layout7 .footer-bottom .newsletter-form .th-btn3 {
  color: var(--brand-slate);
  background: var(--brand-lime);
  border-color: var(--brand-lime);
}

.header-layout7 .header-button .th-btn2.style2::before,
.th-btn2.style4::before {
  background: var(--brand-lime);
}

.header-layout7 .header-button .th-btn2.style2:hover,
.th-btn2.style4:hover,
.price-box.style6.active .th-btn2.style4:hover {
  color: var(--brand-slate);
  border-color: var(--brand-slate);
  box-shadow: 5px 5px 0 var(--brand-slate);
}

.price-box.style6.active .th-btn2.style4:hover {
  box-shadow: 5px 5px 0 var(--brand-cloud);
}

.price-box.style6 .box-content {
  border-color: #ccd8e7;
}

body.theme6 .preloader-bg {
  background-color: var(--brand-slate);
}

.sub-title.style7 {
  color: var(--brand-blue);
  background: var(--brand-cloud);
}

body.theme6 .th-menu-toggle {
  color: #fff;
  background-color: var(--brand-blue);
}

body.theme6 .th-menu-toggle:hover {
  color: var(--brand-slate);
  background-color: var(--brand-lime);
}

/* Bring the template's decorative card illustrations into the blue palette. */
.cta-area6 .cta-img1 img,
.cta-area6 .cta-img2 img,
.cta-area6 .cta-img3 img {
  filter: hue-rotate(-35deg);
}

.price-box.style6:not(.active) .box-title,
.price-box.style6:not(.active) .box-price {
  color: var(--brand-slate);
}

body.theme6 :is(a, button, input, select, textarea):focus-visible {
  outline: 3px solid var(--brand-blue);
  outline-offset: 4px;
}

body.theme6 .footer-layout7 :is(a, button, input):focus-visible,
.price-box.style6.active a:focus-visible {
  outline-color: var(--brand-lime);
}

.header-logo img,
.mobile-logo img,
.about-logo img {
  height: auto;
}

.price-box.style6 .th-btn2 {
  white-space: normal;
  line-height: 1.4;
  text-align: center;
}

#pro-koho .choose-box2 {
  height: auto;
  min-height: 300px;
}

@media (max-width: 575px) {
  .footer-layout7 .box-title {
    font-size: 28px;
    line-height: 1.4;
  }
}

/* Compact layouts for phones and tablets. */
@media (max-width: 991px) {
  .header-layout7 .menu-area { margin-top: 16px; }
  .hero-style7 { padding: 145px 0 0; }
  .hero-style7 .hero-title { font-size: clamp(36px, 6.5vw, 58px); line-height: 1.15; }
  .hero-style7 .hero-text { margin: 24px auto 28px; font-size: 18px; line-height: 1.7; }
  .hero-style7 .hero-wrapp { flex-direction: column; align-items: center; gap: 24px; }
  .hero-style7 .btn-group { justify-content: center; margin: 0; gap: 12px; }
  .hero-style7 .client-box { justify-content: center; margin-bottom: 0 !important; }
  .hero-7 .hero-img7 { width: 250px; max-width: 75%; margin: 32px auto 0; animation: none; transform: none; }
  .hero-7 .hero-img7 img { width: 100%; }
  .feature-grid3 { padding: 30px 24px; }
  #pro-koho .choose-box2 { min-height: 0; padding: 28px 24px; }
  .cta-area5 { padding: 52px 24px; border-radius: 24px; }
  .cta-area5 .sec-title { font-size: clamp(28px, 4.5vw, 40px); line-height: 1.3; }
  .cta-area5 .sec-title img { width: 32px; height: 32px; object-fit: contain; }
  .cta-area6 { min-height: 0; }
  .cta-wrapp2 { margin-top: 24px; max-width: 520px; margin-inline: auto; }
  .footer-layout7 .about-logo { margin-bottom: 28px; }
  .footer-layout7 .newsletter-form { width: 100%; max-width: 100%; }
  .footer-layout7 .newsletter-form input { min-width: 0; }
  .th-menu-wrapper .th-menu-area { width: min(320px, calc(100vw - 24px)); max-height: 100dvh; overflow-y: auto; }
  .th-menu-wrapper .mobile-logo { padding: 28px 48px 28px 20px; }
  .th-menu-wrapper .mobile-logo img { max-width: 100%; }
  .th-menu-wrapper .th-menu-toggle { right: 8px; top: 12px; }
  .wow { visibility: visible !important; animation: none !important; }
}

@media (max-width: 767px) {
  .hero-style7 { padding-top: 132px; }
  .hero-style7 .hero-title .title { display: block; }
  .hero-style7 .hero-text { font-size: 17px; }
  .hero-style7 .btn-group { width: 100%; max-width: 400px; display: grid; grid-template-columns: 1fr; }
  .hero-style7 .btn-group .th-btn2 { width: 100%; padding: 16px 20px; text-align: center; line-height: 1.4; }
  .hero-style7 .client-box { gap: 12px; }
  .hero-style7 .client-box .rating { font-size: 14px; }
  .hero-style7 .client-thumb-group .thumb { width: 40px; height: 40px; }
  .hero-style7 .client-box .client-thumb-group .thumb:not(:first-child) { margin-left: -18px; }
  .hero-7 .hero-img7 { width: 200px; }
  .sec-title { font-size: 30px; line-height: 1.25; overflow-wrap: break-word; }
  .sub-title.style7 { white-space: normal; line-height: 1.5; font-size: 13px; }
  .title-area { margin-bottom: 28px; }
  .space { padding-top: 56px; padding-bottom: 56px; }
  .space-top { padding-top: 56px; }
  .space-bottom { padding-bottom: 56px; }
  .feature-grid3 { padding: 26px 24px; }
  .feature-grid3 .box-title { font-size: 22px; line-height: 1.35; }
  .feature-grid3 .box-text { margin-bottom: 0; }
  #pro-koho .choose-box2 { text-align: left; }
  #pro-koho .choose-box2 .box-icon { margin-left: 0; }
  #pro-koho .choose-box2 .box-text { margin-bottom: 0; }
  .industry-link { display: inline-block; line-height: 1.7; }
  .price-box.style6 .box-content { padding: 24px 20px; }
  .price-box.style6 .available-list { padding: 20px; }
  .price-box.style6 .box-title { font-size: 24px; }
  .price-box.style6 .available-list li { line-height: 1.6; }
  .testi-box4 { padding: 28px 24px; }
  .accordion-card .accordion-button { font-size: 17px; line-height: 1.5; padding-right: 56px; }
  .cta-area6 .cta-wrapp2 { max-width: 320px; }
  .footer-layout7 .widget-area { padding-top: 48px; }
  .footer-layout7 .widget-area > .container:first-child > .row { row-gap: 24px; }
  .footer-layout7 .widget-area > .container:first-child > .row > div { width: 50%; }
  .footer-layout7 .widget-area > .container:first-child > .row > div:first-child { width: 100%; }
  .footer-layout7 .footer-widget { margin-bottom: 0; }
  .footer-layout7 .widget_title { font-size: 18px; margin-bottom: 18px; }
  .footer-layout7 .widget_nav_menu a { font-size: 14px; line-height: 1.6; padding-block: 6px; }
  .footer-layout7 .widget-area > .container + .container { margin-top: 36px; }
  .footer-layout7 .newsletter-form { display: flex; flex-direction: column; gap: 12px; }
  .footer-layout7 .newsletter-form .form-control, .footer-layout7 .newsletter-form .th-btn3 { width: 100%; margin: 0; }
  .footer-layout7 .box-title { font-size: 26px; line-height: 1.3; }
  .scroll-top { right: 12px; bottom: 16px; width: 42px; height: 42px; }
  .scroll-top:after { line-height: 38px; width: 38px; height: 38px; }
}
@media (prefers-reduced-motion: reduce) {
  .movingX, .movingY, .wow { animation: none !important; visibility: visible !important; }
}

/* Template buttons inherit height:100%; cards must size them by their label. */
.price-box.style6 .th-btn2 { height: auto; min-height: 52px; justify-content: center; align-items: center; }
@media (max-width: 1199px) {
  .price-box.style6 .available-list { flex: 1; display: flex; flex-direction: column; }
  .price-box.style6 .available-list .th-btn2 { margin-top: auto; flex: 0 0 auto; }
}
@media (max-width: 991px) {
  .price-box.style6 .available-list { padding: 24px; }
  .price-box.style6 .available-list ul { margin-bottom: 24px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hero-7 .hero-img7 { min-width: 0; width: 330px; margin-left: -60px; animation: none; }
  .hero-7 .hero-img7 img { width: 100%; }
  .hero-style7 { padding: 190px 0 90px; }
  .hero-style7 .hero-title { font-size: 62px; line-height: 1.15; }
}

.header-layout7 .main-menu > ul > li > a[aria-current="location"] {
  color: var(--brand-blue);
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 8px;
}
.th-menu-wrapper a[aria-current="location"] {
  color: var(--brand-blue);
  background: var(--brand-cloud);
  font-weight: 600;
  box-shadow: inset 3px 0 var(--brand-blue);
}

.reservario-references { background: var(--brand-cloud); }
.reference-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.reference-card { overflow: hidden; border: 1px solid #ccd8e7; border-radius: 24px; background: #fff; display: flex; flex-direction: column; }
.reference-logo { min-height: 180px; padding: 32px; display: flex; justify-content: center; align-items: center; border-bottom: 1px solid #edf0f2; }
.reference-logo img { width: 200px; max-width: 100%; height: 100px; object-fit: contain; }
.reference-logo img[alt="Stanley Franco barber"] { height: 48px; }
.reference-logo-inverse { filter: brightness(0); }
.reference-content { padding: 28px; display: flex; flex-direction: column; flex: 1; }
.reference-category { color: var(--brand-blue); font-size: 13px; margin-bottom: 12px; }
.reference-content h3 { font-size: 24px; line-height: 1.3; }
.reference-content p { font-size: 15px; line-height: 1.7; }
.reference-content a { color: var(--brand-blue); font-weight: 600; font-size: 14px; margin-top: auto; padding-block: 12px; text-decoration: underline; text-underline-offset: 4px; }
.reference-more { margin-top: 40px; text-align: center; }
.reference-more h3 { font-size: 18px; }
.reference-more ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; list-style: none; padding: 0; margin: 20px 0 0; }
.reference-more li { background: #fff; border: 1px solid #ccd8e7; padding: 12px 20px; border-radius: 30px; font-size: 14px; }
.reference-action { margin-top: 40px; text-align: center; }
.reference-action .th-btn2 { height: auto; white-space: normal; }
@media (max-width: 991px) { .reference-grid { gap: 16px; } .reference-content { padding: 22px; } .reference-content h3 { font-size: 21px; } }
@media (max-width: 767px) { .reference-grid { grid-template-columns: 1fr; } .reference-logo { min-height: 150px; padding: 24px; } .reference-more li { max-width: 100%; } }

.hero-style7 .client-thumb-group .thumb img.reservario-avatar { width: 100%; height: 100%; object-fit: cover; aspect-ratio: 1; border-radius: 50%; }
.hero-style7 .reservario-avatar-1 { object-position: 0% center; }
.hero-style7 .reservario-avatar-2 { object-position: 50% center; }
.hero-style7 .reservario-avatar-3 { object-position: 100% center; }

/* Bound avatar sprites independently of their intrinsic image dimensions. */
.hero-style7 .client-thumb-group { display: flex; align-items: center; flex: 0 0 auto; width: auto; }
.hero-style7 .client-thumb-group .thumb { width: 56px; height: 56px; min-width: 56px; flex: 0 0 56px; overflow: hidden; border-radius: 50%; }
.hero-style7 .client-thumb-group .thumb img.reservario-avatar { display: block; width: 100%; height: 100%; max-width: 100%; }
@media (max-width: 767px) {
  .hero-style7 .client-thumb-group .thumb { width: 40px; height: 40px; min-width: 40px; flex-basis: 40px; }
}

/* Real product screenshots retain their original colors and proportions. */
#kontakt .row.gy-4 { align-items: center; }
#kontakt .product-gallery { position: relative; z-index: 2; margin-block: 12px; }
.product-gallery-options { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.product-gallery-options button { border: 1px solid #a8b7c5; border-radius: 24px; padding: 11px 16px; min-height: 44px; font-size: 13px; line-height: 1.4; color: var(--brand-slate); background: #fff; cursor: pointer; }
.product-gallery-options button[aria-pressed="true"] { background: var(--brand-slate); border-color: var(--brand-slate); color: #fff; }
.product-gallery figure { margin: 0; }
.product-gallery-preview { display: flex; align-items: center; justify-content: center; background: #f5f6fa; border: 1px solid #ccd8e7; border-radius: 18px; overflow: hidden; box-shadow: 0 18px 40px #11233518; height: 410px; cursor: zoom-in; }
.product-gallery-preview img { display: block; width: 100%; height: 100%; object-fit: contain; filter: none; }
.product-gallery figcaption { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; margin-top: 14px; color: #3f5060; font-size: 12px; line-height: 1.5; }
@media (max-width: 767px) { .product-gallery-preview { height: 340px; } .product-gallery-options { gap: 6px; } .product-gallery-options button { padding: 10px 13px; } }

#faq-sec { padding-top: 100px; }
@media (max-width: 767px) { #faq-sec { padding-top: 64px; } }

/* UI pass: a single reading axis and predictable card alignment. */
.hero-7 > .shape-mockup { display: none !important; }
.hero-style7 .hero-text, .hero-style7 .btn-group { margin-left: 0; }
.hero-style7 .hero-wrapp { flex-direction: column; align-items: flex-start; }
@media (min-width: 1200px) { .hero-style7 { padding-top: 210px; padding-bottom: 110px; } }
@media (max-width: 991px) { .hero-style7 .hero-wrapp { align-items: center; } }
.price-box.style6 { height: 100%; display: flex; flex-direction: column; }
.price-box.style6 .available-list { flex: 1; display: flex; flex-direction: column; }
.price-box.style6 .available-list ul { margin-bottom: 24px; }
.price-box.style6 .available-list .th-btn2 { margin-top: auto; }
@media (min-width: 768px) { .price-box.style6 .box-content { min-height: var(--price-intro-height, 0px); } }
.comparison-table { isolation: isolate; }
@media (max-width: 800px) {
  .comparison-table thead th:first-child { position: sticky; left: 0; z-index: 3; background: var(--brand-slate); }
  .comparison-table tbody th { position: sticky; left: 0; z-index: 2; background: #fff; box-shadow: 2px 0 0 #dce5f1; width: 140px; min-width: 140px; max-width: 140px; }
  .comparison-table tbody th, .comparison-table thead th:first-child { font-size: 13px; padding: 14px 12px; }
}
@media (min-width: 1200px) { .hero-7 .hero-img7 { min-width: 0; width: 360px; max-width: none; margin-left: -30px; animation: none; } .hero-7 .hero-img7 img { width: 100%; } }

/* Keep the navigation chevron clear of the active left border. */
.th-menu-wrapper .th-mobile-menu ul li a { padding-left: 36px; padding-right: 12px; }
.th-menu-wrapper .th-mobile-menu ul li a::before { left: 16px; }