/* Reset & Base */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body.CardioQimlaBodyMain {
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    background-color: #060708; /* Deep Carbon Black */
    color: #e0e0e0;
    line-height: 1.6;
    overflow-x: hidden;
}

.CardioQimlaContainer {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Header & Nav */
.CardioQimlaHeaderMain {
    background-color: #0a0b0c;
    border-bottom: 2px solid #FFC55E; /* Amber line */
    position: sticky;
    top: 0;
    z-index: 1000;
}

.CardioQimlaHeaderContainer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    max-width: 1200px;
    margin: 0 auto;
}

.CardioQimlaLogoText {
    font-size: 24px;
    font-weight: 800;
    color: #FFC55E;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.CardioQimlaNavigation {
    display: block;
}

.CardioQimlaNavList {
    display: flex;
    list-style: none;
    gap: 20px;
}

.CardioQimlaNavLink {
    text-decoration: none;
    color: #ffffff;
    font-weight: 500;
    transition: color 0.3s ease;
}

.CardioQimlaNavLink:hover {
    color: #FFC55E;
}

/* Mobile Menu Burger (No JS) */
.CardioQimlaNavCheckbox {
    display: none;
}

.CardioQimlaBurgerLabel {
    display: none;
    flex-direction: column;
    gap: 5px;
    cursor: pointer;
}

.CardioQimlaBurgerLabel span {
    width: 25px;
    height: 3px;
    background-color: #FFC55E;
}

/* Hero Section */
.CardioQimlaHeroSection {
    padding: 80px 20px;
    background: radial-gradient(circle at center, #121416 0%, #060708 100%);
}

.CardioQimlaHeroGrid {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 40px;
}

.CardioQimlaHeroImageCol {
    flex: 1;
    min-width: 300px;
}

.CardioQimlaMainHeroImg {
    width: 100%;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
    border: 1px solid #222;
}

.CardioQimlaMiniGallery {
    display: flex;
    gap: 10px;
    margin-top: 15px;
}

.CardioQimlaGalItem {
    width: 30%;
    height: auto;
    border-radius: 4px;
    border: 1px solid #333;
    object-fit: cover;
}

.CardioQimlaHeroTextCol {
    flex: 1.2;
    min-width: 300px;
}

.CardioQimlaHeroTitle {
    font-size: 42px;
    color: #ffffff;
    margin-bottom: 20px;
    line-height: 1.2;
}

.CardioQimlaHeroSub {
    font-size: 20px;
    color: #FFC55E;
    margin-bottom: 20px;
    font-weight: 600;
}

.CardioQimlaHeroDesc {
    margin-bottom: 15px;
    color: #ccc;
}

.CardioQimlaCtaButton {
    display: inline-block;
    padding: 15px 35px;
    background-color: #FFC55E;
    color: #060708;
    text-decoration: none;
    font-weight: 700;
    border-radius: 5px;
    margin-top: 20px;
    transition: all 0.3s ease;
    text-transform: uppercase;
}

.CardioQimlaCtaButton:hover {
    background-color: #ffd68a;
    box-shadow: 0 0 15px rgba(255, 197, 94, 0.4);
    transform: translateY(-2px);
}

/* Section Common Titles */
.CardioQimlaSectionTitle {
    font-size: 32px;
    color: #ffffff;
    text-align: center;
    margin-bottom: 40px;
    position: relative;
}

.CardioQimlaSectionTitle::after {
    content: '';
    display: block;
    width: 60px;
    height: 3px;
    background: #FFC55E;
    margin: 10px auto 0;
}

/* Reviews */
.CardioQimlaReviewsSection {
    padding: 60px 0;
    background-color: #0a0c0e;
}

.CardioQimlaReviewsGrid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.CardioQimlaReviewCard {
    flex: 1;
    min-width: 280px;
    background: #111315;
    padding: 30px;
    border-radius: 8px;
    border-left: 4px solid #FFC55E;
}

.CardioQimlaRevText {
    font-style: italic;
    margin-bottom: 15px;
    color: #ddd;
}

.CardioQimlaRevAuthor {
    font-weight: bold;
    color: #FFC55E;
}

/* Target Section */
.CardioQimlaTargetSection {
    padding: 80px 0;
}

.CardioQimlaFlexRow {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    align-items: center;
}

.CardioQimlaTextContent {
    flex: 1;
    min-width: 300px;
}

.CardioQimlaIntroText {
    font-size: 18px;
    margin-bottom: 25px;
}

.CardioQimlaCheckList {
    list-style: none;
}

.CardioQimlaCheckList li {
    padding-left: 30px;
    margin-bottom: 12px;
    position: relative;
}

.CardioQimlaCheckList li::before {
    content: '→';
    position: absolute;
    left: 0;
    color: #FFC55E;
    font-weight: bold;
}

.CardioQimlaImageSide {
    flex: 1;
    min-width: 300px;
    position: relative;
}

.CardioQimlaSideImg {
    width: 100%;
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.6);
}

.CardioQimlaPriceBadge {
    position: absolute;
    bottom: -20px;
    right: 20px;
    background: #FFC55E;
    color: #000;
    padding: 20px;
    border-radius: 8px;
    text-align: center;
    box-shadow: 0 5px 20px rgba(0,0,0,0.4);
}

.CardioQimlaPriceVal {
    display: block;
    font-size: 24px;
    font-weight: 800;
}

.CardioQimlaPriceSub {
    font-size: 12px;
    text-transform: uppercase;
}

/* Pricing */
.CardioQimlaPricingSection {
    padding: 80px 0;
    background-color: #0a0c0e;
}

.CardioQimlaPriceGrid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}

.CardioQimlaPriceCard {
    flex: 1;
    min-width: 250px;
    max-width: 280px;
    background: #111315;
    padding: 40px 20px;
    border-radius: 10px;
    text-align: center;
    border: 1px solid #222;
    transition: transform 0.3s;
}

.CardioQimlaPriceCard:hover {
    transform: translateY(-10px);
    border-color: #FFC55E;
}

.CardioQimlaPriceCardFeatured {
    border: 2px solid #FFC55E;
    background: #15181b;
}

.CardioQimlaPackageName {
    font-size: 22px;
    color: #FFC55E;
    margin-bottom: 15px;
}

.CardioQimlaPriceAmount {
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 25px;
    color: #fff;
}

.CardioQimlaPackageDetails {
    list-style: none;
    margin-bottom: 30px;
    text-align: left;
}

.CardioQimlaPackageDetails li {
    margin-bottom: 10px;
    font-size: 14px;
    color: #bbb;
    padding-left: 20px;
    position: relative;
}

.CardioQimlaPackageDetails li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: #FFC55E;
}

.CardioQimlaPriceBtn {
    display: block;
    padding: 12px;
    background: transparent;
    border: 1px solid #FFC55E;
    color: #FFC55E;
    text-decoration: none;
    border-radius: 4px;
    font-weight: 600;
    transition: 0.3s;
}

.CardioQimlaPriceBtn:hover {
    background: #FFC55E;
    color: #000;
}

/* Expert Section */
.CardioQimlaExpertSection {
    padding: 80px 0;
}

.CardioQimlaExpertBox {
    background: #111315;
    padding: 50px;
    border-radius: 15px;
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}

.CardioQimlaQuote {
    font-size: 24px;
    font-style: italic;
    color: #fff;
    margin-bottom: 25px;
}

.CardioQimlaExpertName {
    font-size: 20px;
    font-weight: bold;
    color: #FFC55E;
    margin-bottom: 5px;
}

.CardioQimlaExpertBio {
    font-size: 16px;
    color: #aaa;
    margin-bottom: 30px;
}

.CardioQimlaSummary {
    cursor: pointer;
    color: #FFC55E;
    font-weight: 600;
    outline: none;
    margin-bottom: 15px;
}

.CardioQimlaDetailsContent {
    text-align: left;
    margin-top: 20px;
    background: #0a0c0e;
    padding: 20px;
    border-radius: 8px;
}

/* Benefits */
.CardioQimlaBenefitsSection {
    padding: 80px 0;
    background-color: #0a0c0e;
}

.CardioQimlaBenefitsFlex {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    align-items: center;
}

.CardioQimlaBenefitsText {
    flex: 1;
}

.CardioQimlaBenefitsImg {
    flex: 1;
}

.CardioQimlaBenefitPhoto {
    width: 100%;
    border-radius: 10px;
}

.CardioQimlaBenefitsList {
    list-style: none;
    margin-top: 20px;
}

.CardioQimlaBenefitsList li {
    margin-bottom: 15px;
    font-size: 17px;
}

.CardioQimlaBenefitsList strong {
    color: #FFC55E;
}

/* FAQ */
.CardioQimlaFaqSection {
    padding: 80px 0;
}

.CardioQimlaFaqList {
    max-width: 800px;
    margin: 0 auto;
}

.CardioQimlaFaqItem {
    background: #111315;
    margin-bottom: 15px;
    border-radius: 5px;
    overflow: hidden;
}

.CardioQimlaFaqSummary {
    padding: 20px;
    cursor: pointer;
    font-weight: 600;
    color: #FFC55E;
    outline: none;
}

.CardioQimlaFaqAnswer {
    padding: 0 20px 20px;
    color: #ccc;
}

/* Extra Text Sections */
.CardioQimlaTextSectionExtra {
    padding: 80px 0;
}

.CardioQimlaDarkerBg {
    background-color: #0a0c0e;
}

.CardioQimlaRichText p {
    margin-bottom: 20px;
    font-size: 17px;
    color: #ccc;
}

.CardioQimlaBulletList {
    margin-top: 15px;
    padding-left: 20px;
}

.CardioQimlaBulletList li {
    margin-bottom: 8px;
    color: #FFC55E;
}

/* Form */
.CardioQimlaFormSection {
    padding: 80px 0;
    background: radial-gradient(circle at top, #111315 0%, #060708 100%);
}

.CardioQimlaFormWrapper {
    max-width: 600px;
    margin: 0 auto;
    background: #0a0c0e;
    padding: 40px;
    border-radius: 12px;
    border: 1px solid #222;
}

.CardioQimlaFormSub {
    text-align: center;
    margin-bottom: 30px;
    color: #aaa;
}

.CardioQimlaFormGroup {
    margin-bottom: 20px;
}

.CardioQimlaFormGroup label {
    display: block;
    margin-bottom: 8px;
    color: #FFC55E;
}

.CardioQimlaFormGroup input, 
.CardioQimlaFormGroup textarea {
    width: 100%;
    padding: 12px;
    background: #111315;
    border: 1px solid #333;
    color: #fff;
    border-radius: 4px;
}

.CardioQimlaCheckboxGroup {
    margin-bottom: 25px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 14px;
}

.CardioQimlaSubmitBtn {
    width: 100%;
    padding: 15px;
    background: #FFC55E;
    color: #000;
    border: none;
    border-radius: 4px;
    font-weight: 700;
    cursor: pointer;
    text-transform: uppercase;
    transition: 0.3s;
}

.CardioQimlaSubmitBtn:hover {
    background: #ffd68a;
    box-shadow: 0 0 10px rgba(255, 197, 94, 0.3);
}

/* Footer */
.CardioQimlaFooterMain {
    background-color: #030405;
    padding: 60px 0 30px;
    border-top: 1px solid #222;
}

.CardioQimlaFooterTop {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 30px;
    margin-bottom: 40px;
}

.CardioQimlaFooterLogo {
    font-size: 28px;
    font-weight: 900;
    color: #FFC55E;
}

.CardioQimlaFooterContacts a {
    color: #FFC55E;
    text-decoration: none;
}

.CardioQimlaFooterBottom {
    border-top: 1px solid #1a1a1a;
    padding-top: 30px;
    text-align: center;
    font-size: 14px;
    color: #666;
}

.CardioQimlaFooterLinks {
    margin-top: 15px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
}

.CardioQimlaFooterLinks a {
    color: #999;
    text-decoration: none;
    transition: 0.3s;
}

.CardioQimlaFooterLinks a:hover {
    color: #FFC55E;
}

/* Responsive */
@media (max-width: 768px) {
    .CardioQimlaNavigation {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: #0a0b0c;
        padding: 20px;
        border-bottom: 2px solid #FFC55E;
    }

    .CardioQimlaNavList {
        flex-direction: column;
        align-items: center;
    }

    .CardioQimlaBurgerLabel {
        display: flex;
    }

    .CardioQimlaNavCheckbox:checked ~ .CardioQimlaNavigation {
        display: block;
    }

    .CardioQimlaHeroTitle {
        font-size: 32px;
    }

    .CardioQimlaHeroGrid, .CardioQimlaFlexRow, .CardioQimlaBenefitsFlex {
        flex-direction: column;
    }

    .CardioQimlaHeroImageCol, .CardioQimlaHeroTextCol, .CardioQimlaTextContent, .CardioQimlaImageSide, .CardioQimlaBenefitsText, .CardioQimlaBenefitsImg {
        width: 100%;
    }
}

/* =========================
   THANK YOU PAGE — CardioQimla
   Додай в кінець ./assets/style.css
   ========================= */

.CardioQimlaThanksMain{
  padding: 60px 0 90px;
  background: radial-gradient(circle at top, #121416 0%, #060708 60%, #060708 100%);
}

.CardioQimlaThanksCard{
  max-width: 820px;
  margin: 0 auto;
  background: linear-gradient(180deg, rgba(17,19,21,0.92) 0%, rgba(10,12,14,0.92) 100%);
  border: 1px solid #222;
  border-radius: 14px;
  padding: 34px 28px;
  box-shadow: 0 18px 55px rgba(0,0,0,0.55);
  position: relative;
  overflow: hidden;
}

.CardioQimlaThanksCard::before{
  content:"";
  position:absolute;
  inset:-2px;
  background: radial-gradient(circle at 20% 0%, rgba(255,197,94,0.22), transparent 55%),
              radial-gradient(circle at 85% 20%, rgba(255,197,94,0.10), transparent 55%);
  pointer-events:none;
}

.CardioQimlaThanksTop{
  position: relative;
  display:flex;
  justify-content: space-between;
  align-items:center;
  gap: 12px;
  margin-bottom: 18px;
}

.CardioQimlaThanksUpdated{
  color:#9aa0a6;
  font-size: 13px;
}

.CardioQimlaThanksBadge{
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .8px;
  color: #060708;
  background: #FFC55E;
  padding: 8px 10px;
  border-radius: 999px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.35);
}

.CardioQimlaThanksIcon{
  position: relative;
  width: 84px;
  height: 84px;
  margin: 10px auto 14px;
  filter: drop-shadow(0 12px 30px rgba(0,0,0,0.55));
}

.CardioQimlaThanksIcon svg{ width:100%; height:100%; }

.CardioQimlaThanksCircleBg{
  fill: rgba(255,197,94,0.14);
  stroke: rgba(255,197,94,0.7);
  stroke-width: 2;
}

.CardioQimlaThanksCheck{
  fill: none;
  stroke: #FFC55E;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 60;
  stroke-dashoffset: 60;
  animation: CardioQimlaThanksDraw .9s ease forwards .15s;
}

@keyframes CardioQimlaThanksDraw{
  to { stroke-dashoffset: 0; }
}

.CardioQimlaThanksTitle{
  position: relative;
  text-align:center;
  color:#fff;
  font-size: 34px;
  line-height: 1.15;
  margin: 0 0 12px;
}

.CardioQimlaThanksLead{
  position: relative;
  text-align:center;
  color:#cfcfcf;
  font-size: 16px;
  max-width: 640px;
  margin: 0 auto 22px;
}

.CardioQimlaThanksActions{
  position: relative;
  display:flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 28px;
}

.CardioQimlaThanksBtn{
  margin-top: 0; /* перебиває margin-top з .CardioQimlaCtaButton */
}

.CardioQimlaThanksBtnSecondary{
  display:inline-block;
  padding: 15px 26px;
  border-radius: 5px;
  text-transform: uppercase;
  font-weight: 800;
  letter-spacing: .6px;
  text-decoration: none;
  border: 1px solid rgba(255,197,94,0.85);
  color: #FFC55E;
  background: transparent;
  transition: all .25s ease;
}

.CardioQimlaThanksBtnSecondary:hover{
  background: rgba(255,197,94,0.12);
  box-shadow: 0 0 18px rgba(255,197,94,0.16);
  transform: translateY(-2px);
}

.CardioQimlaThanksSteps{
  position: relative;
  margin-top: 8px;
  padding-top: 18px;
  border-top: 1px solid #1f1f1f;
}

.CardioQimlaThanksSubTitle{
  text-align: center;
  font-size: 20px;
  color: #fff;
  margin: 0 0 18px;
}

.CardioQimlaThanksStepsList{
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  padding: 0;
  margin: 0;
}

.CardioQimlaThanksStep{
  display:flex;
  gap: 14px;
  align-items:flex-start;
  background: rgba(17,19,21,0.65);
  border: 1px solid #222;
  border-radius: 12px;
  padding: 14px 14px;
}

.CardioQimlaThanksStepNum{
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: rgba(255,197,94,0.14);
  border: 1px solid rgba(255,197,94,0.55);
  color: #FFC55E;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight: 900;
}

.CardioQimlaThanksStepBody{ flex: 1; }

.CardioQimlaThanksStepTitle{
  margin: 0 0 4px;
  font-size: 16px;
  color:#fff;
}

.CardioQimlaThanksStepText{
  margin: 0;
  color:#c9c9c9;
  font-size: 14px;
}

.CardioQimlaThanksSupport{
  position: relative;
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid #1f1f1f;
}

.CardioQimlaThanksSupportText{
  text-align:center;
  color:#cfcfcf;
  margin: 0;
}

.CardioQimlaThanksSupportLink{
  color:#FFC55E;
  text-decoration:none;
  border-bottom: 1px dashed rgba(255,197,94,0.55);
}

.CardioQimlaThanksSupportLink:hover{
  border-bottom-color: rgba(255,197,94,0.95);
}

.CardioQimlaThanksSupportSep{
  margin: 0 8px;
  color:#8f8f8f;
}

@media (max-width: 520px){
  .CardioQimlaThanksCard{ padding: 26px 16px; }
  .CardioQimlaThanksTitle{ font-size: 28px; }
}