/* Shared styles for Business Guidance & Wealth Guidance pages */

body {
    background-image: url("/frontend/images/website-bg.png") !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    background-position: center !important;
}

.house-category {
    border-radius: 6px;
    background: #f9cfae;
    padding: 8px 18px;
    color: #b25106;
    font-family: Philosopher;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
    width: fit-content;
}

.house-card-body p {
    margin-bottom: 12px;
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.planet-tabs-title {
    font-family: "Philosopher", sans-serif;
    font-size: 44px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 12px;
}

.planet-tabs-subtitle {
    color: #202020;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
}

.planet-tabs-nav-wrapper {
    background: #f7e7da;
    border-radius: 10px;
    padding: 8px;
    display: inline-block;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.planet-tabs-nav {
    display: flex;
    justify-content: start;
    gap: 38px;
    flex-wrap: nowrap;
    border: none !important;
}

.planet-tab-btn {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #5b5b5b !important;
    display: flex;
    align-items: center;
    gap: 12px;
    white-space: nowrap;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    padding: 20px !important;
}

.planet-tab-btn:hover {
    color: #b25106 !important;
    background: rgba(178, 81, 6, 0.2) !important;
}

.planet-tab-btn:hover img {
    filter: brightness(0) saturate(100%) invert(29%) sepia(45%) saturate(3030%)
        hue-rotate(16deg) brightness(96%) contrast(95%);
}

.planet-tab-btn.active {
    color: #b25106 !important;
    background: rgba(178, 81, 6, 0.2) !important;
}

.planet-tab-btn.active img {
    filter: brightness(0) saturate(100%) invert(29%) sepia(45%) saturate(3030%)
        hue-rotate(16deg) brightness(96%) contrast(95%);
}

/* Content box styling */
.planet-tabs-content {
    position: relative;
    min-height: 400px;
}

.planet-content-card {
    background: #b25106;
    border-radius: 24px;
    padding: 45px;
    box-shadow: 0 10px 30px rgba(178, 81, 6, 0.15);
    text-align: left;
}

.planet-header {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 28px;
}

.planet-title {
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0;
}

.planet-col-title {
    margin-bottom: 12px;
    color: #fff;
    font-family: Philosopher;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.planet-rules-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.planet-rules-list li {
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    line-height: 28px;
    color: #fff;
    margin-bottom: 8px;
}

.tab-add-para {
    border-radius: 10px;
    border: 1px solid rgba(255, 111, 0, 0.4);
    background: #ffe3cd;
    padding: 18px;
    margin-top: 28px;
}

.tab-add-para p {
    color: #000;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 0;
}

ul.tab-add-list {
    display: flex;
    align-items: center;
    gap: 7px;
    justify-content: space-between;
    margin-top: 12px !important;
}

ul.tab-add-list li img {
    filter: brightness(0) saturate(100%) invert(49%) sepia(15%) saturate(7354%)
        hue-rotate(359deg) brightness(100%) contrast(107%);
}

ul.tab-add-list li {
    color: #555;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
}



/* Dividing border on desktop */
@media (min-width: 768px) {
    .rules-col {
        border-right: 1px solid rgba(255, 255, 255, 0.15);
        padding-right: 30px;
    }

    .excellent-col {
        padding-left: 30px;
    }
}

/* Responsive adjust */
@media (max-width: 991px) {
    .planet-tabs-nav {
        justify-content: start;
    }

    .planet-content-card {
        padding: 30px;
    }
}

@media (max-width: 767px) {
    .planet-tabs-title {
        font-size: 28px;
    }

    .planet-title {
        font-size: 26px;
    }

    .planet-tab-btn {
        padding: 10px 16px !important;
        font-size: 14px;
    }
}

section.houses-section,
section.planet-tabs-section {
    padding: 60px 0;
}

.guidance-houses-title,
.health-houses-title,
.business-houses-title,
.wealth-houses-title {
    color: #000;
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px;
    text-transform: capitalize;
    margin-bottom: 8px;
}

.guidance-houses-subtitle,
.health-houses-subtitle,
.business-houses-subtitle,
.wealth-houses-subtitle {
    max-width: 741px;
    margin: 0 auto;
    color: #202020;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
}

/* .house-card {
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  margin-bottom: 24px;
  border-radius: 20px;
  border-top: 1px solid #FF6F00;
  border-right: 1px solid #FF6F00;
  border-bottom: 1px solid #FF6F00;
  border-left: 8px solid #FF6F00;
  background: #F7E7DA;
  padding: 28px;
} */

.house-card {
    position: relative;
    margin-bottom: 24px;
    border-radius: 20px;
    padding: 28px;
    background: #f7e7da;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.house-card::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 20px;
    padding: 1px 1px 1px 8px;
    background: linear-gradient(179.65deg, #ff6f00 0.34%, #994300 99.73%);

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;

    pointer-events: none;
}

.house-card:hover {
    transform: translate(-4px, -4px);
}

.house-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    background-color: #ff6f00;
    border-radius: 50%;
    color: #fff;
    font-family: Philosopher;
    font-size: 42.5px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.house-title {
    font-size: 32px;
    font-weight: 700;
    color: #2d1b12;
}

.house-section-title {
    margin-bottom: 12px;
    color: #b25106;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.house-list {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.house-list li {
    margin-bottom: 12px;
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

span.star-bullet img {
    filter: brightness(0) saturate(100%) invert(49%) sepia(15%) saturate(7354%)
        hue-rotate(359deg) brightness(100%) contrast(107%);
}

.house-divider {
    border-top: 1px solid #8e8e8e66;
    opacity: 1;
}

.house-alert-box {
    padding: 12px 18px;
    margin-top: 20px;
    border-radius: 10px;
    background: #fbc59b;
    color: #000;
    font-family: Philosopher;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}

/* ==========================================
   Help Section
   ========================================== */
.wealth-help-section,
.business-help-section {
    padding: 60px 0;
    margin-bottom: 10px;
}

.wealth-help-title,
.business-help-title {
    color: #000;
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: 51px;
    text-transform: capitalize;
    margin-bottom: 34px;
}

/* .help-block-card {
  border-radius: 20px;
  border-top: 1px solid #FF6F00;
  border-right: 1px solid #FF6F00;
  border-bottom: 1px solid #FF6F00;
  border-left: 8px solid #FF6F00;
  background: #F7E7DA;
  padding: 38px;
} */

.help-block-card {
    position: relative;
    padding: 38px;
    border-radius: 20px;
    background: #f7e7da;
    overflow: hidden;
    margin-bottom: 50px;
}

.help-block-card:last-child {
    margin-bottom: 60px;
}

.help-block-card::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 20px;
    padding: 1px 1px 1px 8px;
    background: linear-gradient(179.65deg, #ff6f00 0.34%, #994300 99.73%);

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;

    pointer-events: none;
}

.help-block-title {
    color: #000;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 51px;
    text-transform: capitalize;
    margin-bottom: 0;
}

.help-sub-title {
    color: #000;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: 20px;
}

.help-description-text {
    color: #555;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
}

.help-list {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.help-list li {
    margin-bottom: 20px;
    color: #555;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.help-list li:last-child {
    margin-bottom: 0 !important;
}

.help-list li .star-bullet img {
    filter: brightness(0) saturate(100%) invert(49%) sepia(15%) saturate(7354%)
        hue-rotate(359deg) brightness(100%) contrast(107%);
}

.house-pill-box {
    border-radius: 12px;
    border: 1px solid rgba(255, 111, 0, 0.2);
    background: #faf4ee;
    padding: 16px;
    height: 100%;
}

.house-pill {
    background-color: #f9cfae;
    color: #b25106;
    font-family: "Philosopher", sans-serif;
    font-weight: 700;
    font-size: 18px;
    padding: 6px 16px;
    border-radius: 30px;
    display: inline-block;
}

.house-pill-desc {
    color: #555;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 8px;
    margin-bottom: 0;
}

.help-alert-box {
    padding: 20px;
    color: #000;
    font-family: Philosopher;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 29px;
    text-transform: capitalize;
    border-radius: 10px;
    background: #fbc59b;
    width: fit-content;
}

.help-block-image-wrapper {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.help-block-image {
    width: 100%;
    height: auto;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.help-block-image-wrapper:hover .help-block-image {
    transform: scale(1.03);
}

@media (max-width: 991px) {
    /* .wealth-help-title,
    .business-help-title {
        font-size: 34px;
        line-height: 46px;
    } */

    .help-block-card {
        padding: 30px 24px;
    }

    /* .help-block-title {
        font-size: 26px;
        line-height: normal;
    } */
}

@media (max-width: 768px) {
    .wealth-help-title,
    .business-help-title {
        font-size: 28px;
        line-height: 38px;
    }

    .help-block-card {
        padding: 24px 16px;
    }

    .help-block-title {
        font-size: 22px;
    }

    .help-sub-title {
        font-size: 20px;
    }

    .help-list li {
        font-size: 16px;
        line-height: 22px;
    }
}

.wealth-tab .rules-col {
    border: 0 !important;
    padding: 0 !important;
}


/* @media (max-width: 1024px) {
    .planet-tab-btn {
        font-size: 20px;
    }

    .planet-tabs-nav {
        gap: 18px;
    }

    .planet-tab-btn img {
        width: 24px;
    }
} */

@media (max-width: 991px) {
    /* .guidance-houses-title,
    .health-houses-title,
    .wealth-houses-title,
    .business-houses-title {
        font-size: 34px;
    } */

    .house-card {
        padding: 30px 24px;
    }

    /* .house-title {
        font-size: 28px;
    } */
}

@media (max-width: 768px) {
    .guidance-houses-title,
    .health-houses-title,
    .wealth-houses-title,
    .business-houses-title {
        font-size: 28px;
        line-height: 40px;
    }

    .house-card {
        padding: 24px 20px;
    }

    .house-title {
        font-size: 24px;
    }

    .house-badge {
        width: 38px;
        height: 38px;
        font-size: 18px;
    }

    .guidance-houses-subtitle,
    .health-houses-subtitle,
    .business-houses-subtitle,
    .wealth-houses-subtitle,
    .planet-tabs-subtitle {
        font-size: 16px;
        line-height: 24px;
    }

    .house-list li,
    .house-alert-box,
    .help-list li,
    .help-description-text,
    .help-alert-box,
    .house-category,
    .tab-add-para p {
        font-size: 16px;
        line-height: 26px;
    }

    .wealth-help-title,
    .business-help-title {
        font-size: 28px;
        line-height: 38px;
    }

    .house-section-title,
    .help-sub-title,
    .planet-col-title {
        font-size: 20px;
        line-height: 24px;
    }

    .help-list2 {
        margin-top: 20px !important;
    }

    .help-block-title {
    font-size: 26px;
    line-height: 40px;
    }

    .help-alert-box , .tab-add-para{
    padding: 12px;
    }
}







.planet-tabs-nav-wrapper {
    background: #f7e7da;
    border-radius: 10px;
    padding: 8px;
    display: inline-block;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.planet-tabs-nav {
    display: flex;
    justify-content: start;
    gap: 38px;
    flex-wrap: nowrap;
    border: none !important;
}

.planet-tab-btn {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #5b5b5b !important;
    display: flex;
    align-items: center;
    gap: 12px;
    white-space: nowrap;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    padding: 10px !important;
}

.planet-tab-btn:hover {
    color: #b25106 !important;
    background: rgba(178, 81, 6, 0.2) !important;
}

.planet-tab-btn:hover img {
    filter: brightness(0) saturate(100%) invert(29%) sepia(45%) saturate(3030%)
        hue-rotate(16deg) brightness(96%) contrast(95%);
}

.planet-tab-btn.active {
    color: #b25106 !important;
    background: rgba(178, 81, 6, 0.2) !important;
}

.planet-tab-btn.active img {
    filter: brightness(0) saturate(100%) invert(29%) sepia(45%) saturate(3030%)
        hue-rotate(16deg) brightness(96%) contrast(95%);
}

/* Content box styling */
.planet-tabs-content {
    position: relative;
    min-height: 400px;
}

.planet-content-card {
    background: #b25106;
    border-radius: 24px;
    padding: 45px 65px;
    box-shadow: 0 10px 30px rgba(178, 81, 6, 0.15);
    text-align: left;
}

.planet-header {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 28px;
}

.planet-title {
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0;
}

.planet-col-title {
    margin-bottom: 12px;
    color: #fff;
    font-family: Philosopher;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.planet-rules-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.planet-rules-list li {
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    line-height: 28px;
    color: #fff;
    margin-bottom: 8px;
}

.tab-add-para {
    border-radius: 10px;
    border: 1px solid rgba(255, 111, 0, 0.4);
    background: #ffe3cd;
    padding: 18px;
    margin-top: 28px;
}

.tab-add-para p {
    color: #000;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 0;
}

ul.tab-add-list {
    display: flex;
    align-items: center;
    gap: 7px;
    justify-content: space-between;
    margin-top: 12px !important;
}

ul.tab-add-list li img {
    filter: brightness(0) saturate(100%) invert(49%) sepia(15%) saturate(7354%)
        hue-rotate(359deg) brightness(100%) contrast(107%);
}

ul.tab-add-list li {
    color: #555;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
}



/* Dividing border on desktop */
@media (min-width: 768px) {
    .rules-col {
        border-right: 1px solid rgba(255, 255, 255, 0.15);
        padding-right: 30px;
    }

    .excellent-col {
        padding-left: 30px;
    }
}

/* Responsive adjust */
@media (max-width: 991px) {
    .planet-tabs-nav {
        justify-content: start;
    }

    .planet-content-card {
        padding: 30px 65px;
    }
}

@media (max-width: 767px) {
    .planet-tabs-title {
        font-size: 28px;
    }

    .planet-title {
        font-size: 26px;
    }

    .planet-tab-btn {
        padding: 10px 16px !important;
        font-size: 14px;
    }
}

section.houses-section,
section.planet-tabs-section {
    padding: 60px 0;
}

.guidance-houses-title,
.health-houses-title,
.business-houses-title,
.wealth-houses-title {
    color: #000;
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px;
    text-transform: capitalize;
    margin-bottom: 8px;
}

.guidance-houses-subtitle,
.health-houses-subtitle,
.business-houses-subtitle,
.wealth-houses-subtitle {
    max-width: 741px;
    margin: 0 auto;
    color: #202020;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
}

/* .house-card {
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  margin-bottom: 24px;
  border-radius: 20px;
  border-top: 1px solid #FF6F00;
  border-right: 1px solid #FF6F00;
  border-bottom: 1px solid #FF6F00;
  border-left: 8px solid #FF6F00;
  background: #F7E7DA;
  padding: 28px;
} */

.house-card {
    position: relative;
    margin-bottom: 24px;
    border-radius: 20px;
    padding: 28px;
    background: #f7e7da;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.house-card::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 20px;
    padding: 1px 1px 1px 8px;
    background: linear-gradient(179.65deg, #ff6f00 0.34%, #994300 99.73%);

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;

    pointer-events: none;
}

.house-card:hover {
    transform: translate(-4px, -4px);
}

.house-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    background-color: #ff6f00;
    border-radius: 50%;
    color: #fff;
    font-family: Philosopher;
    font-size: 42.5px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.house-title {
    font-size: 32px;
    font-weight: 700;
    color: #2d1b12;
}

.house-section-title {
    margin-bottom: 12px;
    color: #b25106;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.house-list {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.house-list li {
    margin-bottom: 12px;
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

span.star-bullet img {
    filter: brightness(0) saturate(100%) invert(49%) sepia(15%) saturate(7354%)
        hue-rotate(359deg) brightness(100%) contrast(107%);
}

.house-divider {
    border-top: 1px solid #8e8e8e66;
    opacity: 1;
}

.house-alert-box {
    padding: 12px 18px;
    margin-top: 20px;
    border-radius: 10px;
    background: #fbc59b;
    color: #000;
    font-family: Philosopher;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}




/* =========================
   PLANET CARD SLIDER BUTTONS
========================= */

.planet-tabs-content {
    position: relative;
}

.planet-content-card {
    width: 100% !important;
    margin: 0 auto;
    position: relative;
}

/* slider buttons */
.planet-slider-btns {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 20;
    pointer-events: none;
    padding: 0 15px;
}


.planet-slider-btn {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    border:none !important;
    background: #00000066; /* no background */
    color: #ffffff; /* white icon */
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: auto;
    transition: all 0.3s ease;
}


/* hover */
/* .planet-slider-btn:hover {
    background: #b25106;
    color: #ffffff;
    transform: translateY(-2px);
} */


.planet-slider-btn svg {
    width: 30px;
    height: 30px;
    fill: currentColor;
}



/* animation when slide changes */
.planet-content-card.slider-animating {
    animation: planetCardFade 0.35s ease;
}





.planet-tab-btn img {
   filter: invert(55%) sepia(20%) saturate(550%) hue-rotate(350deg) brightness(115%) contrast(75%) !important;
        height: 30px;
    width: 30px;
}

.planet-tab-btn.active img {
    filter: invert(42%) sepia(90%) saturate(1400%) hue-rotate(5deg) brightness(65%) contrast(110%) !important;
}

/* when whole button is hovered */
.planet-tab-btn:hover img {
    filter: invert(42%) sepia(90%) saturate(1400%) hue-rotate(5deg) brightness(65%) contrast(110%) !important;
}

.planet-tab-btn {
    color: #b27e55c2 !important;
}

/* optional: change text also on hover */
.planet-tab-btn:hover {
    color: #b25106 !important;
}

.planet-content-card-loveguidance .planet-content-card {
    padding:45px 72px !important;
}


.planet-tabs-content {
    position: relative;
}

/* Left button with gradient background */
.planet-tabs-content::before {
    content: "‹";
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;

    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #00000059;

    border-radius: 50%;
    font-size: 28px;
    font-weight: 300;
    color: #ffffff;
    cursor: pointer;
    transition: all 0.3s ease;

    line-height: 1;

    user-select: none;
    pointer-events: none;
}

/* Right button with gradient background */
.planet-tabs-content::after {
    content: "›";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;

    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #00000059;
    border-radius: 50%;
    font-size: 28px;
    font-weight: 300;
    color: #ffffff;
    cursor: pointer;
    transition: all 0.3s ease;

    line-height: 1;

    user-select: none;
    pointer-events: none;
}

.planet-tab-btn.nav-link.active::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 3px;
    background: #b25106;
    border-radius: 10px;
}
.planet-tabs-nav-wrapper {
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
    scrollbar-color: #b27e55c2  transparent;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
}

/* Super small scrollbar */
.planet-tabs-nav-wrapper::-webkit-scrollbar {
    height: 2px;
    width: 3px;
}

.planet-tabs-nav-wrapper::-webkit-scrollbar-track {
    background: transparent;
}

.planet-tabs-nav-wrapper::-webkit-scrollbar-thumb {
    background: #b25106;
    border-radius: 10px;
}

.planet-tabs-nav-wrapper::-webkit-scrollbar-thumb:hover {
    background: #8a3f04;
}

.planet-tabs-nav-wrapper:not(:hover)::-webkit-scrollbar {
    height: 1px;
}

.planet-tabs-nav-wrapper:not(:hover)::-webkit-scrollbar-thumb {
    background: rgba(178, 81, 6, 0.2);
}

/* =========================================================
   COSMIC VEDAS — PLAN ADS CAROUSEL (namespaced: cv-planad-*)
   ========================================================= */

.cv-planad-section {
    padding: 70px 0 !important;
    background: transparent !important;
    position: relative;
}

/* ---- Heading block ---- */
.cv-planad-header {
    margin-bottom: 40px !important;
    padding-top: 10px;
}

.cv-planad-kicker {
    display: block !important;
    color: #c26a1a !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    margin: 0 0 12px 0 !important;
    line-height: 1.4 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.cv-planad-title {
    display: block !important;
    position: relative;
    font-size: 2.2rem !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    margin: 0 0 18px 0 !important;
    padding-bottom: 10px;
    color: #2b1d10 !important;   /* dark, solid, always visible */
    opacity: 1 !important;
    visibility: visible !important;
}

.cv-planad-title::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 70px;
    height: 3px;
    border-radius: 3px;
    background: linear-gradient(90deg, #ff7a1a, #ffb066);
}

.cv-planad-subtitle {
    color: #5a4a38 !important;
    font-size: 1.5rem !important;
    /* max-width: 800px; */
    margin: 0 auto !important;
    line-height: 1.6 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* ---- Carousel shell ---- */
.cv-planad-carousel-wrap {
    position: relative;
    display: flex;
    align-items: center;
    gap: 14px;
}

.cv-planad-track {
    display: flex;
    gap: 24px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    padding: 14px 4px 24px;
    flex: 1;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.cv-planad-track::-webkit-scrollbar { display: none; }

.cv-planad-slide {
    flex: 0 0 calc(33.333% - 16px);
    scroll-snap-align: start;
}
@media (max-width: 1199px) { .cv-planad-slide { flex-basis: calc(50% - 12px); } }
@media (max-width: 767px)  { .cv-planad-slide { flex-basis: 100%; } }

/* ---- Nav arrows: solid, unmissable ---- */
.cv-planad-nav {
    flex-shrink: 0 !important;
    width: 46px !important;
    height: 46px !important;
    border-radius: 50% !important;
    border: none !important;
    background: linear-gradient(90deg, #ff7a1a, #ff9142) !important;
    color: #fff !important;
    font-size: 1.1rem !important;
    line-height: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0 4px 14px rgba(255, 122, 26, 0.45) !important;
    transition: transform .2s ease, box-shadow .2s ease !important;
    z-index: 5;
    padding: 0 !important;
}
.cv-planad-nav:hover {
    transform: scale(1.1);
    box-shadow: 0 6px 20px rgba(255, 122, 26, 0.65) !important;
}
.cv-planad-nav:active { transform: scale(0.96); }

/* ---- Dots ---- */
.cv-planad-dots {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 14px;
}
.cv-planad-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: none;
    background: rgba(217, 123, 31, 0.3);
    cursor: pointer;
    transition: all .25s ease;
    padding: 0;
}
.cv-planad-dot-active {
    background: linear-gradient(90deg, #ff7a1a, #ff9142);
    width: 22px;
    border-radius: 5px;
}

/* ---- Card ---- */
.cv-planad-card {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    background: radial-gradient(circle at top right, #2a1a3e 0%, #150d24 70%);
    border-radius: 16px;
    padding: 26px 22px;
    overflow: hidden;
    border: 2px dashed #ff9142;
    transition: transform .3s ease;
    animation: cvPlanadCardGlow 1.8s ease-in-out infinite;
}
.cv-planad-slide:nth-child(2) .cv-planad-card { animation-delay: 0.4s; }
.cv-planad-slide:nth-child(3) .cv-planad-card { animation-delay: 0.8s; }
.cv-planad-slide:nth-child(4) .cv-planad-card { animation-delay: 1.2s; }

@keyframes cvPlanadCardGlow {
    0%, 100% {
        box-shadow: 0 0 8px rgba(255, 122, 26, 0.25);
        border-color: rgba(255, 145, 66, 0.5);
    }
    50% {
        box-shadow: 0 0 30px rgba(255, 122, 26, 0.75), 0 0 55px rgba(255, 122, 26, 0.3);
        border-color: #ffb066;
    }
}

.cv-planad-card:hover {
    transform: translateY(-10px) scale(1.02);
    animation-play-state: paused;
    box-shadow: 0 0 35px rgba(255, 122, 26, 0.6);
    border-color: #ffb066;
}

.cv-planad-icon {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
    position: relative;
    z-index: 1;
    background: linear-gradient(135deg, #ff7a1a, #ff9142);
}
.cv-planad-icon img { width: 20px; height: 20px; filter: brightness(0) invert(1); }

.cv-planad-card-title {
    color: #fff !important;
    font-size: 1.1rem !important;
    margin: 0 0 8px 0 !important;
    position: relative;
    z-index: 1;
}

.cv-planad-desc {
    color: rgba(255,255,255,0.55) !important;
    font-size: 0.86rem !important;
    line-height: 1.5 !important;
    margin: 0 0 12px 0 !important;
    position: relative;
    z-index: 1;
}

.cv-planad-features {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 16px 0 !important;
    font-size: 0.85rem !important;
    position: relative;
    z-index: 1;
}
.cv-planad-features li {
    color: rgba(255,255,255,0.75) !important;
    padding: 3px 0 !important;
    margin: 0 !important;
}
.cv-planad-star { color: #ff9142; margin-right: 6px; }

.cv-planad-price-row {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin: 0 0 14px 0;
    position: relative;
    z-index: 1;
}
.cv-planad-price-old {
    text-decoration: line-through !important;
    color: rgba(255,255,255,0.4) !important;
    font-size: 0.9rem !important;
}
.cv-planad-price {
    color: #ff9142 !important;
    font-size: 1.4rem !important;
    font-weight: 800 !important;
}

/* ---- CTA button: no underline, ever ---- */
.cv-planad-cta,
.cv-planad-cta:link,
.cv-planad-cta:visited,
.cv-planad-cta:hover,
.cv-planad-cta:focus,
.cv-planad-cta:active {
    display: block !important;
    text-align: center !important;
    width: 100% !important;
    padding: 11px 16px !important;
    border-radius: 30px !important;
    background: linear-gradient(90deg, #ff7a1a, #ff9142) !important;
    color: #fff !important;
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    border: none !important;
    outline: none !important;
    position: relative;
    z-index: 1;
    transition: filter .25s ease, transform .2s ease;
}
.cv-planad-card:hover .cv-planad-cta {
    filter: brightness(1.12);
}

/* ---- Blinking discount badge ---- */
.cv-planad-badge {
    position: absolute;
    top: 14px;
    right: -30px;
    background: linear-gradient(90deg, #ff3b3b, #ff7a1a);
    color: #fff !important;
    font-size: 0.65rem;
    font-weight: 800;
    padding: 4px 36px;
    transform: rotate(45deg);
    letter-spacing: 0.5px;
    z-index: 3;
    text-decoration: none !important;
    animation: cvPlanadBadgeBlink 1.6s ease-in-out infinite;
}
@keyframes cvPlanadBadgeBlink {
    0%, 100% { opacity: 1; box-shadow: 0 0 0 rgba(255,59,59,0.6); }
    50% { opacity: 0.85; box-shadow: 0 0 14px rgba(255,59,59,0.8); }
}

/* ---- Respect reduced motion ---- */
@media (prefers-reduced-motion: reduce) {
    .cv-planad-kicker,
    .cv-planad-title,
    .cv-planad-title::after,
    .cv-planad-card,
    .cv-planad-badge {
        animation: none !important;
    }
}