#wrapper .header .header-wrapper{
    background: #FFF;
    padding: 0;
    margin: 20px auto;
    box-shadow: 0px 7px 12.3px 0px rgba(0, 0, 0, 0.13);
    border: 5px solid rgba(0, 0, 0, 0.10);
    border-radius: 1120px;
    max-width: 1150px;
}

#wrapper .header .header-main {
    height: auto;
}

#wrapper .header .header-main .header-inner .flex-col .header-nav .header-search{
    display: none;
}

#wrapper .footer-wrapper .footer-2{
    background-color: #156C5F;
}

#wrapper .header{
    padding-top: 30px;
}

#wrapper .header-wrapper .logo .header-logo{
    transform: scale(1.1);
    margin-top: -15px;
}

#wrapper .header .header-wrapper .header-inner .flex-col.hide-for-medium.flex-right{
    display: none;
}

.header-bg-container{
    display: none;
}

#wrapper .footer-wrapper .footer-widgets .row .widget .footer-container .ayumed-shortcode-menu .ayumed-menu-list {
    display: flex;
    justify-content: space-evenly;
}

#wrapper .footer-wrapper .footer .row .widget .menu-main-container .menu li{
    border-top: unset;
}

#wrapper .footer-wrapper .footer .row .widget .footer-contact{
    display: flex;
    justify-content: space-evenly;
}

#wrapper .footer-wrapper .footer-widgets .row .widget .footer-container .footer-bottom p{
    color: #FFF;
    font-family: Mulish;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
}

#wrapper .footer-wrapper .footer-widgets .row .widget .footer-container .footer-top .footer-contact p{
    color: #FBF7F3;
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
}

#wrapper .footer-wrapper .footer-widgets .row .widget .footer-container .ayumed-shortcode-menu .ayumed-menu-list li a{
    color: #FBF7F3;
    font-family: Delvona;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    background: unset;
}

.ayumed-empowering-health-section .section-bg.fill img{
    height: unset;
    background-size: 100% 100%;
    object-fit: unset;
    position: unset;
    width: 100%;
}

.ayumed-empowering-health-section .section-head-title p {
    color: #156C5F;
    font-family: Delvona;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 122.2%;
}

.ayumed-empowering-health-section .section-title h2{
    position: relative;
    display: inline-block;
    color: #232323;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #000;
    font-family: Delvona;
    font-size: 61px;
    font-weight: 400;
    line-height: 58.542px;
}

/* .ayumed-empowering-health-section .section-title h2::before{
    content: "";
    position: absolute;
    right: -30px;
    top: -15px;
    transform: translateY(-50%);
    width: 80px;
    height: 57px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='57' viewBox='0 0 80 57' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24.9486 31.5964C26.4753 5.70266 52.04 14.6686 53.3176 0.913969C60.4721 39.6355 34.7733 32.9673 27.951 39.1077C29.6054 34.0165 33.7193 26.2027 39.3215 21.3689C32.6717 25.765 27.3696 32.8322 24.4376 40.2598L24.9486 31.6028V31.5964Z' fill='%23146D60'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.5984 33.8877C27.1205 12.1262 3.39561 11.7078 6.4746 0C-11.0348 29.6719 12.1024 32.0147 15.8713 39.1463C16.0438 34.4542 15.0025 26.7691 11.8469 21.0857C15.9991 26.7304 18.2348 34.1516 18.4201 41.1609L20.5984 33.8877Z' fill='%23146D60'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M36.383 42.3259C54.6909 21.9804 69.8879 46.4709 80 35.9731C60.4081 72.7122 43.595 50.0303 33.9236 50.5323C38.638 47.4364 47.1786 43.7354 54.9847 43.4909C46.6037 42.6734 37.5775 44.9648 30.2633 49.1292L36.383 42.3259Z' fill='%23146D60'/%3E%3C/svg%3E");
} */

.ayumed-empowering-health-section .section-sub-title p{
   color: var(--Rectangle-5, #232323);
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px; 
}

.ayumed-empowering-health-section .read-more-btn span,
.ayumed-empowering-health-section .book-appointment-btn span {
    color: #FFF;
    font-family: Mulish;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
    padding: 20px 24.689px 20px 25px;
}

.ayumed-empowering-health-section .book-appointment-btn {
    border-radius: 8px;
    background: #156C5F;
    padding: 0;
}

.ayumed-empowering-health-section .read-more-btn {
    border-radius: 8px;
    background: #232323;
    padding: 0;
}

.experience .section-title h2{
    color: #232323;
    font-family: Delvona;
    font-size: 49px;
    font-style: normal;
    font-weight: 400;
    line-height: 85.2%;
}

.experience .section-sub-title p{
    color: #7A7A7A;
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
}

.section.ayumed-empowering-health-section{
    padding-top: 120px !important;
    position: relative;
    margin-top: -144px;
    padding-bottom: 174px !important;
    background-color: #fbf7f3;
}

.section.ayumed-empowering-health-section .section-content{
    margin-top: 166px;
}

.section.ayumed-empowering-health-section .img-inner{
    overflow: unset !important;
}

.section.ayumed-empowering-health-section .img-inner img{
    transform: scale(1.5);
    position: relative;
    right: -68px;
}

.section-head-title p{
    position: relative;
    display: inline-block;
    color: #156C5F;
    font-family: Delvona;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 122.2%;
}

.section-head-title p::before {
    content: "";
    display: inline-block;
    width: 40px;
    height: 2px;
    background-color: #004d40;
    margin-right: 10px;
    vertical-align: middle;
}

#wrapper .row .col-inner .treatment-box{
    transform: scale(1.3);
    z-index: 9;
    border-radius: 21px;
    border: 1px solid #F8F6F4;
    background: linear-gradient(180deg, #156C5F 0%, #034B40 100%);
    box-shadow: 0px 22px 22px 0px rgba(0, 0, 0, 0.09);
    overflow: hidden;
}

/* ayumed-treatment section home page */
.section{
    padding: 0 !important;
}

.ayumed-treatment-section {
    padding: 60px 20px;
}

.ayumed-treatment-container {
    display: flex;
    justify-content: center;
}

.ayumed-treatment-card {
    background: white;
    padding: 30px 20px;
    border-radius: 16px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);
    text-align: center;
    width: 388px;
    transition: 0.3s ease;
}

.ayumed-treatment-active {
    background: linear-gradient(180deg, #2c7863 0%, #055842 100%);
    color: white;
    transform: scale(1.1);
}

.ayumed-treatment-icon img {
    width: 40px;
    margin-bottom: 15px;
}

.ayumed-treatment-card .ayumed-treatment-title {
    color: #156C5F;
    font-family: Delvona;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 122.2%;
    text-align: left;
}

.ayumed-treatment-card .ayumed-treatment-text {
    color: #7A7A7A;
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
    text-align: left;
}

.ayumed-treatment-active .ayumed-treatment-title{
    color: #FBF7F3;
    font-family: Mulish;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 122.2%;
}

.ayumed-treatment-active .ayumed-treatment-text{
    color: #FBF7F3;
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
}

.ayumed-treatment-card-inner-col {
    display: flex;
    gap: 30px;
}

.ayumed-treatment-active:after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='57' viewBox='0 0 80 57' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M55.0514 31.5964C53.5247 5.70266 27.96 14.6686 26.6824 0.913969C19.5279 39.6355 45.2267 32.9673 52.049 39.1077C50.3946 34.0165 46.2807 26.2027 40.6785 21.3689C47.3283 25.765 52.6304 32.8322 55.5624 40.2598L55.0514 31.6028V31.5964Z' fill='%23146D60'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M59.4016 33.8877C52.8795 12.1262 76.6044 11.7078 73.5254 0C91.0348 29.6719 67.8976 32.0147 64.1287 39.1463C63.9562 34.4542 64.9975 26.7691 68.1531 21.0857C64.0009 26.7304 61.7652 34.1516 61.5799 41.1609L59.4016 33.8877Z' fill='%23146D60'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M43.617 42.3259C25.3091 21.9804 10.1121 46.4709 0 35.9731C19.5919 72.7122 36.405 50.0303 46.0764 50.5323C41.362 47.4364 32.8214 43.7354 25.0153 43.4909C33.3963 42.6734 42.4225 44.9648 49.7367 49.1292L43.617 42.3259Z' fill='%23146D60'/%3E%3C/svg%3E");
    height: 57px;
    width: 80px;
    position: absolute;
    top: -52px;
    z-index: 9999;
    background-size: contain;
    background-repeat: no-repeat;
    left: -54px;
}

.ayumed-treatment-icon{
    width: 40px;
}

.section .text-offer{
    color: #156C5F;
    font-family: Delvona;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 122.2%;
    text-align: center;
}

.section .offer-heading{
    color: #232323;
    text-align: center;
    font-family: Delvona;
    font-size: 49px;
    font-style: normal;
    font-weight: 400;
    line-height: 122.2%;
}

.section .blog-section .flickity-viewport .post-item .col-inner{
    background-color: #FBF7F3;
    padding: 20px;
    border-radius: 20px;
}

.section .blog-section .flickity-viewport .post-item .col-inner .box-text{
    padding-bottom: 0;
}

.section .blog-section .flickity-viewport .post-item .col-inner .post-title{
    color: #232323;
    font-family: Delvona;
    font-size: 31px;
    font-style: normal;
    font-weight: 700;
    line-height: 122.2%;
}

.section .blog-section .flickity-viewport .post-item .col-inner p{
    color: #7A7A7A;
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
}

.section .blog-section .flickity-viewport .post-item .col-inner .is-link{
    color: #156C5F;
    text-align: center;
    font-family: Mulish;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 23px;
    text-transform: capitalize;
}

.order-service .row .col-inner{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.order-service .row .col-inner .icon-box {
    background-color: #FBF7F3;
    padding: 20px;
    border-radius: 10px;
}

.order-service .row .col-inner .icon-box:hover{
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.order-service .row .col-inner .book-appointment,
.order-service .row .col-inner .call-us {
    background-color: #fff;
    border-radius: 10px;
    padding: 14px 25px;
}

.order-service .row .col-inner .book-appointment:hover,
.order-service .row .col-inner .call-us:hover{
    border-radius: 20px;
    border: 1px solid #EEE;
    background: #156C5F;
    box-shadow: 0px 83px 23px 0px rgba(0, 0, 0, 0.00), 0px 53px 21px 0px rgba(0, 0, 0, 0.01), 0px 30px 18px 0px rgba(0, 0, 0, 0.05), 0px 13px 13px 0px rgba(0, 0, 0, 0.09), 0px 3px 7px 0px rgba(0, 0, 0, 0.10);
}

.order-service .row .col-inner .book-appointment:hover p,
.order-service .row .col-inner .book-appointment:hover h4,
.order-service .row .col-inner .call-us:hover p,
.order-service .row .col-inner .call-us:hover h4{
    color: #FBF7F3;
}

.order-service .row .col-inner .how-work{
    color: #156C5F;
    font-family: Delvona;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 122.2%;
}

.order-service .row .col-inner h2{
    color: #232323;
    font-family: Delvona;
    font-size: 49px;
    font-style: normal;
    font-weight: 400;
    line-height: 85.2%;
}

.order-service .row .col-inner p{
    color: #7A7A7A;
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
}

.order-service .row .col-inner .how-work::before {
    content: "";
    display: inline-block;
    width: 40px;
    height: 2px;
    background-color: #004d40;
    margin-right: 10px;
    vertical-align: middle;
}

.order-service .book-appointment .icon-box-img,
.order-service .call-us .icon-box-img{
    width: auto !important;
}

.order-service .book-appointment .icon-box-text p,
.order-service .call-us .icon-box-text p{
    color: #7A7A7A;
    text-align: center;
    font-family: Mulish;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
    margin: 0;
}

.order-service .book-appointment .icon-box-text h4,
.order-service .call-us .icon-box-text h4{
    color: #232323;
    font-family: Delvona;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
}

.order-service .book-appointment .icon-box-text,
.order-service .call-us .icon-box-text{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.order-service .featured-box .last-reset p{
    color: #156C5F;
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
}

.order-service .featured-box .last-reset h3{
    color: #156C5F;
    font-family: Delvona;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 122.2%;
}

.our-product .section-content .title-wrapper h1{
    color: #156C5F;
    text-align: center;
    font-family: Delvona;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 122.2%;
}

.our-product .section-content .page-title-sub p{
    color: #232323;
    text-align: center;
    font-family: Delvona;
    font-size: 49px;
    font-style: normal;
    font-weight: 400;
    line-height: 122.2%;
}

.our-product .section-content .page-title-sub{
    opacity: 1;
}

.our-product .section-content .row .col-inner{
    background-color: #FFF;
    padding: 20px;
    border-radius: 40px;
}

.our-product .section-content .row .col-inner .products .box-text{
    position: relative !important;
}

.our-product .section-content .row .col-inner .products .box-text .title-wrapper p{
    color: #232323;
    font-family: Delvona;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 122.2%;
}

.our-product .section-content .row .col-inner .products .box-text .title-wrapper p a:hover{
    color: #232323;
}

.our-product .section-content .row .col-inner .products .box-text .price-wrapper span{
    color: #156C5F;
    font-family: Delvona;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 122.2%;
}

.our-product .section-content .row .col-inner .products .box-text .overlay-tools a{
    color: #156C5F;
    text-align: center;
    font-family: Mulish;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 23px;
    background: unset;
    padding: 0;
}

.our-product .section-content .row .col-inner .products .box-text .overlay-tools a:hover{
    color: #156C5F !important;
}

.our-product .section-content .row .col-inner .products .box-text .overlay-tools a::after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='7' height='10' viewBox='0 0 7 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.18989 5.71484L2.47114 9.43359C2.34354 9.5612 2.18859 9.625 2.0063 9.625C1.82401 9.625 1.66906 9.5612 1.54146 9.43359L0.939893 8.80469C0.812288 8.67708 0.748486 8.52214 0.748486 8.33984C0.748486 8.15755 0.812288 8.0026 0.939893 7.875L3.56489 5.25L0.939893 2.625C0.812288 2.4974 0.748486 2.34245 0.748486 2.16016C0.748486 1.97786 0.812288 1.82292 0.939893 1.69531L1.54146 1.06641C1.66906 0.938802 1.82401 0.875 2.0063 0.875C2.18859 0.875 2.34354 0.938802 2.47114 1.06641L6.18989 4.78516C6.3175 4.91276 6.3813 5.06771 6.3813 5.25C6.3813 5.43229 6.3175 5.58724 6.18989 5.71484Z' fill='%23156C5F'/%3E%3C/svg%3E");
    height: 12px;
    width: 12px;
    display: inline-block;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-left: 6px;
}

.our-product .section-content .row .col-inner .products .box-image .overlay{
    display: none;
}

.our-product .section-content .row .col-inner .products:hover .box-image img.show-on-hover{
    opacity: 0;
}

.testimonial-heading p{
    color: #156C5F;
    text-align: center;
    font-family: Delvona;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 122.2%;
}

.testimonial-heading h1{
    color: #232323;
    text-align: center;
    font-family: Delvona;
    font-size: 49px;
    font-style: normal;
    font-weight: 400;
    line-height: 122.2%;
}

.testimonials .flickity-viewport .star-rating{
    margin-left: auto;
    margin-right: auto;
}

.testimonials .flickity-viewport .testimonial-text p{
    color: #232323;
    text-align: center;
    font-family: Delvona;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

.testimonials .flickity-viewport .testimonial-meta{
    color: #156C5F;
    text-align: center;
    font-family: Delvona;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 122.2%;
}

/* .testimonials .flickity-slider .banner .banner-layers {
    height: auto;
} */

.testimonial-heading{
    padding-top: 40px;
}

/*  */
.footer-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
}

.footer-left{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.footer-logo {
  width: 300px;
  height: auto;
}

.social-icons{
    display: flex !important;
    justify-content: center;
}

.social-icons a {
    color: #fff;
    background: #136458;
    padding: 10px;
    border-radius: 50%;
    text-decoration: none;
    display: flex;
    justify-content: center;
    width: 35px;
}

.social-icons a:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

.social-icons a i{
    min-width: unset;
}

.footer-right {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: unset;
}

.footer-menu {
    display: flex;
    gap: 20px;
    justify-content: flex-end;
    margin-bottom: 20px;
}

.footer-menu a {
    color: #fff;
    text-decoration: none;
    font-weight: 500;
}

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

.footer-info {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    font-size: 14px;
}

.footer-info i {
    margin-right: 8px;
}

.footer-bottom {
    text-align: center;
    margin-top: 20px;
    font-size: 12px;
    color: #d0e1de;
    padding-left: 140px;
}

.treatment-consultation{
    margin-top: -135px;
}

.order-service,
.our-product{
    margin-top: 40px;
}

.testimonials .banner .testimonial-image,
.top-divider{
    display: none !important;
}

/*  */

.ayumed-header-phone {
    display: flex;
    align-items: center;
    padding: 10px 18px 10px 10px;
    margin-left: 18px;
}

.ayumed-phone-icon {
    background: #eb7c52;
    color: #fff;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 20px;
    margin-right: 15px;
}

.ayumed-phone-info {
    display: flex;
    flex-direction: column;
}

.ayumed-phone-label {
    color: #7A7A7A;
    font-family: Mulish;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
}

.ayumed-phone-number {
    color: #232323;
    font-family: Delvona;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
}

.ayumed-phone-number a {
    color: inherit;
    text-decoration: none;
}

#wrapper .header .header-wrapper .header-main .flex-col .header-nav{
    justify-content: end;
    gap: 15px;
}

#wrapper .header .header-wrapper .header-main .flex-col .header-nav .menu-item a{
    color: #232323;
    font-family: Delvona;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-transform: capitalize;
}

#wrapper .header .header-wrapper .header-main .logo{
    width: 185px;
}

#wrapper .header .header-wrapper .header-main .flex-right{
    display: none;
}

.nav > li.current-menu-item > a,
.nav > li.active > a {
    color: #156C5F !important;
    font-weight: 600;
    position: relative;
    display: inline-block;
}

.nav > li.current-menu-item > a::after,
.nav > li.active > a::after {
    content: '';
    display: block;
    margin: 0 auto;
    margin-top: 2px;
    width: 18px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='9' viewBox='0 0 20 9' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.5392 3.27017C10.1772 -4.67417 4.06627 4.8887 0 0.789605C7.87824 15.1352 14.6391 6.27852 18.5281 6.47455C16.6324 5.26568 13.198 3.82057 10.0591 3.72507C13.4292 3.40589 17.0588 4.3006 20 5.92666L17.5392 3.27017Z' fill='%23146D60'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    right: 0;
}

.ayumed-empowering-health-section .follow-icons{
    flex-direction: column;
    width: 60px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 43px;
    gap: 0;
}

.ayumed-empowering-health-section .follow-icons a{
    background: rgba(21, 108, 95, 0.90);
    width: 46px;
    height: 46px;
    padding: 4px 15px 15px 11px;
    font-size: 16px;
}

.ayumed-empowering-health-section .social-icons .button.icon:hover{
    background: rgba(21, 108, 95, 0.90) !important;
    border-color: transparent !important;
}

.ayumed-empowering-health-section .follow-icons .email{
    display: none;
}

#wrapper .footer-wrapper .footer-widgets .row .widget .footer-container .ayumed-shortcode-menu .ayumed-menu-list {
    display: flex;
    justify-content: end;
    gap: 30px;
}

.section .blog-section .flickity-viewport .post-item .col-inner .is-divider{
    display: none;
}

#wrapper .header .header-main .flex-left .mobile-nav {
    justify-content: end;
}

.section .blog-section .flickity-viewport .post-item .col-inner .is-link::after{
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='7' height='10' viewBox='0 0 7 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.18989 5.71484L2.47114 9.43359C2.34354 9.5612 2.18859 9.625 2.0063 9.625C1.82401 9.625 1.66906 9.5612 1.54146 9.43359L0.939893 8.80469C0.812288 8.67708 0.748486 8.52214 0.748486 8.33984C0.748486 8.15755 0.812288 8.0026 0.939893 7.875L3.56489 5.25L0.939893 2.625C0.812288 2.4974 0.748486 2.34245 0.748486 2.16016C0.748486 1.97786 0.812288 1.82292 0.939893 1.69531L1.54146 1.06641C1.66906 0.938802 1.82401 0.875 2.0063 0.875C2.18859 0.875 2.34354 0.938802 2.47114 1.06641L6.18989 4.78516C6.3175 4.91276 6.3813 5.06771 6.3813 5.25C6.3813 5.43229 6.3175 5.58724 6.18989 5.71484Z' fill='%23156C5F'/%3E%3C/svg%3E");
    height: 12px;
    width: 12px;
    display: inline-block;
    background-repeat: no-repeat;
    vertical-align: middle;
}

.dark .widget a:hover, .dark a:hover{
    background: rgba(255, 255, 255, 0.12);
}

@media (max-width: 600px) {
    .nav > li.current-menu-item > a::after,
    .nav > li.active > a::after {
        width: 14px;
        height: 9px;
    }
}

@media (max-width: 1150px) {
    #wrapper .header .header-wrapper .header-main .logo{
        margin-left: 30px;
    }
    .section.ayumed-empowering-health-section .img-inner img{
        right: 0;
    }
}

@media (max-width: 1250px) {
    .ayumed-empowering-health-section .follow-icons{
        display: none !important;
    }
}

@media (max-width: 1440px) {
    .section.ayumed-empowering-health-section .img-inner img{
        transform: unset;
    }

    .section.ayumed-empowering-health-section .section-content {
        margin-top: 70px;
    }
}

@media (max-width: 1040px) {
    .footer-container{
        flex-direction: column;
        align-items: center !important;
    }

    #wrapper .footer-wrapper .footer-2::after{
        top: 134px;
    }

    .footer-right,
    .footer-left{
        align-items: center !important;
        gap: 5px !important;
    }

    .footer-bottom{
        text-align: center !important;
    }
}

@media (max-width: 849px) {
    #wrapper .header .header-wrapper .header-main .header-inner{
        flex-direction: row-reverse;
    }

    .ayumed-shop-hero{
        margin-top: -256px !important;
        padding: 200px 20px 76px !important;
    }
}

@media (max-width: 768px) {
    .experience{
        flex-direction: column !important;
        align-items: center;
    }

    .medium-6 {
        flex-basis: 100% !important;
        max-width: 100% !important;
    }

    .ayumed-empowering-health-section .section-title h2,
    .ayumed-empowering-health-section .section-head-title,
    .ayumed-empowering-health-section .section-sub-title,
    .experience .col-inner .section-head-title,
    .experience .col-inner .section-title,
    .experience .col-inner .section-sub-title,
    .order-service .order-services-text,
    .ayumed-empowering-health-section .section-content .col-inner{
        text-align: center;
    }

    .experience .therapist-medicine,
    .experience .support-experience{
        flex-flow: unset;
    }

    .treatment-consultation .section-content .ayumed-treatment-section .ayumed-treatment-container{
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }

    .ayumed-treatment-section .ayumed-treatment-active{
        transform: unset;
        position: relative;
    }

    .treatment-consultation {
        margin-top: 0;
    }

    .ayumed-header-phone{
        display: none;
    }

    .section.ayumed-empowering-health-section{
        padding-bottom: 0 !important;
    }

    .nav > li.current-menu-item > a::after,
    .nav > li.active > a::after{
        display: none;
    }

}

@media (max-width: 480px) {
    .ayumed-empowering-health-section .section-title h2,
    .experience .section-title h2{
        font-size: 36px;
        line-height: normal;
    }

    .experience .therapist-medicine, .experience .support-experience{
        flex-direction: column;
    }

    .ayumed-treatment-active:after{
        display: none;
    }

    .section .offer-heading,
    .order-service .row .col-inner h2,
    .our-product .section-content .page-title-sub p,
    .testimonial-heading h1{
        font-size: 32px;
    }

    .ayumed-treatment-card,
    .ayumed-treatment-card{
        width: auto;
    }

    .ayumed-treatment-icon {
        width: 60px;
    }

    .ayumed-treatment-section {
        padding: 30px 20px;
    }

    .experience{
        margin-top: 0 !important;
    }

    .section .offer-heading p{
        margin-bottom: 15px;
    }

    .our-product{
        margin-top: 0;
    }

    .ayumed-empowering-health-section .read-more-btn span, .ayumed-empowering-health-section .book-appointment-btn span{
        padding: 10px;
    }
}

/* ===================== */
/* Ayumed Footer Styles  */
/* ===================== */

.footer-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 32px;
    flex-wrap: nowrap;
    z-index: 1;
    position: relative;
}

.footer-left {
  display: flex;
  flex-direction: column;
  gap: 28px;
  align-items: center;
}

.footer-logo {
    width: 180px;
    height: auto;
}

.social-icons {
    display: flex;
    gap: 16px;
}

.social-icons a {
    color: #fff;
    background: rgba(255,255,255,0.12);
    padding: 10px;
    border-radius: 50%;
    font-size: 17px;
    transition: background 0.2s, color 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.social-icons a:hover {
    background: #fff;
    color: #156C5F;
}

.footer-right {
    display: flex;
    flex-direction: column;
    gap: 18px;
    flex: unset;
    align-items: flex-end;
}

.ayumed-footer-menu {
    display: flex;
    gap: 34px;
    justify-content: flex-end;
    padding: 0;
    margin: 0 0 8px 0;
    list-style: none;
    flex-wrap: wrap;
}

.ayumed-footer-menu li a {
    color: #fff;
    font-family: 'Delvona', serif;
    font-size: 17px;
    text-decoration: none;
    transition: color 0.2s;
}

.ayumed-footer-menu li a:hover,
.ayumed-footer-menu li.current-menu-item a {
    color: #ffe6c7;
}

.footer-info {
    display: flex;
    gap: 9px;
    flex-wrap: wrap;
    justify-content: flex-start;
    font-size: 15px;
    align-items: baseline;
}

.footer-info div {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #FBF7F3;
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
}

.footer-info div:last-child {
    align-items: flex-start;
    max-width: 260px;
}

.footer-info i {
    font-size: 17px;
}

.footer-bottom {
    text-align: start;
    width: 100%;
    font-size: 13px;
    color: #d0e1de;
    margin-top: 8px;
    letter-spacing: .2px;
    padding-left: 0;
}

.footer-right .ayumed-shortcode-menu{
    border-bottom: 1px solid rgba(0, 0, 0, 0.20);
    width: 100%;
}

.footer-info{
    border-bottom: 1px solid rgba(0, 0, 0, 0.20);
    width: 100%;
    padding-bottom: 10px;
}

@media (max-width: 900px) {
    .footer-container {
        flex-direction: column;
        align-items: flex-start;
        gap: 30px;
        padding: 0 18px;
    }
    .footer-right {
        align-items: flex-start;
        width: 100%;
    }
    .ayumed-footer-menu {
        justify-content: flex-start;
        gap: 28px;
        margin-bottom: 10px;
    }
    .footer-info {
        justify-content: center;
        font-size: 14px;
        margin-bottom: 4px;
    }
    #wrapper .footer-wrapper .footer-2::after {
        top: 125px;
    }
}

@media (max-width: 600px) {
    .footer-container {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        padding: 0 7vw;
    }
    .footer-left {
        width: 100%;
        align-items: flex-start;
        gap: 18px;
    }
    .footer-logo {
        width: 120px;
    }
    .footer-right {
        width: 100%;
        align-items: flex-start;
        gap: 12px;
    }
    .ayumed-footer-menu {
        gap: 15px;
        flex-wrap: wrap;
        font-size: 15px;
    }
    .footer-bottom {
        font-size: 11px;
        margin-top: 2px;
    }
    #wrapper .footer-wrapper .footer-2::after {
        display: none;
    }
}

@media (max-width: 750px) {
    #wrapper .footer-wrapper .footer-widgets .row .widget .footer-container .ayumed-shortcode-menu .ayumed-menu-list{
        gap: 15px;
    }

    #wrapper .footer-wrapper .footer-2::after {
        top: 157px;
    }
}

/* For super small screens */
@media (max-width: 400px) {
    .ayumed-footer-menu li a { font-size: 13px; }

    #wrapper .footer-wrapper .footer-widgets .row .widget .footer-container .ayumed-shortcode-menu .ayumed-menu-list{
        flex-direction: column;
        gap: 0;
        align-items: center;
    }

    .footer-widgets .row .widget{
        margin-bottom: 0;
    }
}

/* [ayumed_guide_section] shortcode */
.ayumed-guide-section {
    background-color: #FBF7F3;
}

.ayumed-guide-section.ayumed-guide-theme-white {
    background-color: #FFFFFF;
}

.ayumed-guide-section.ayumed-guide-theme-dark {
    background-color: #156C5F;
}

.ayumed-guide-section.ayumed-guide-theme-dark .ayumed-guide-eyebrow {
    color: #FFFFFF;
}

.ayumed-guide-section.ayumed-guide-theme-dark .ayumed-guide-eyebrow::before{
    background-color: #FFFFFF;
}

.ayumed-guide-inner {
    display: flex;
    align-items: center;
    gap: 60px;
    max-width: 1150px;
    margin: 0 auto;
    padding: 80px 20px;
}

.ayumed-guide-section.ayumed-guide-image-right .ayumed-guide-inner {
    flex-direction: row-reverse;
}

.ayumed-guide-media {
    position: relative;
    flex: 0 0 45%;
    max-width: 45%;
    aspect-ratio: 4 / 3;
}

.ayumed-guide-media img {
    display: block;
    width: 100%;
    min-height: 100%;
}

.ayumed-guide-section.ayumed-guide-image-right .ayumed-guide-leaf {
    left: auto;
    right: -18px;
}

.ayumed-guide-content {
    flex: 1;
}

.ayumed-guide-eyebrow {
    position: relative;
    display: inline-block;
    color: #156C5F;
    font-family: Mulish;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: uppercase;
    margin: 0 0 12px;
    padding-left: 32px;
}

.ayumed-guide-eyebrow::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
    height: 2px;
    background-color: #156C5F;
}

.ayumed-guide-title {
    font-family: 'Playfair Display', serif;
    font-size: 36px;
    font-weight: 600;
    line-height: 1.25;
    color: #232323;
    margin: 0 0 16px;
}

.ayumed-guide-desc {
    font-family: Mulish;
    font-size: 15px;
    line-height: 26px;
    color: #6E6E6E;
    margin: 0 0 20px;
}

.ayumed-guide-points {
    list-style: none;
    margin: 0 0 28px;
    padding: 0;
}

.ayumed-guide-points li {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: Mulish;
    font-size: 14px;
    line-height: 22px;
    color: #444444;
    margin-bottom: 12px;
}

.ayumed-guide-bullet {
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #156C5F;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 9px 7px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='9' viewBox='0 0 12 9' fill='none'%3E%3Cpath d='M1 4.5L4.2 7.5L11 1' stroke='%23FFFFFF' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.ayumed-guide-btn {
    display: inline-block;
    background-color: #156C5F;
    color: #FFFFFF;
    font-family: Mulish;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 8px;
    padding: 12px 26px;
}

.ayumed-guide-btn:hover {
    background-color: #0f5347;
    color: #FFFFFF;
}

/* .ayumed-guide-section.ayumed-guide-theme-dark .ayumed-guide-eyebrow,
.ayumed-guide-section.ayumed-guide-theme-dark .ayumed-guide-eyebrow::before {
    color: #FFE6C7;
    background-color: #FFE6C7;
} */

.ayumed-guide-section.ayumed-guide-theme-dark .ayumed-guide-title,
.ayumed-guide-section.ayumed-guide-theme-dark .ayumed-guide-desc,
.ayumed-guide-section.ayumed-guide-theme-dark .ayumed-guide-points li {
    color: #FFFFFF;
}

.ayumed-guide-section.ayumed-guide-theme-dark .ayumed-guide-bullet {
    background-color: #FFFFFF;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='9' viewBox='0 0 12 9' fill='none'%3E%3Cpath d='M1 4.5L4.2 7.5L11 1' stroke='%23156C5F' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.ayumed-guide-section.ayumed-guide-theme-dark .ayumed-guide-btn {
    background-color: #E8865B;
    color: #FFFFFF;
}

.ayumed-guide-section.ayumed-guide-theme-dark .ayumed-guide-btn:hover {
    background-color: #d97646;
}

@media (max-width: 800px) {
    .ayumed-guide-inner,
    .ayumed-guide-section.ayumed-guide-image-right .ayumed-guide-inner {
        flex-direction: column;
        gap: 30px;
        padding: 50px 20px;
    }

    .ayumed-guide-media,
    .ayumed-guide-content {
        flex: 0 0 100%;
        max-width: 100%;
        aspect-ratio: auto;
    }

    .ayumed-guide-title {
        font-size: 28px;
    }
}

/* ===== Ayumed condition detail page (hero, comparison, accordion, cta, treatment, diet) ===== */

.ayumed-detail-wrap {
    font-family: Mulish;
    color: #232323;
}

.ayumed-detail-section {
    padding: 70px 20px;
}

.ayumed-detail-container {
    max-width: 1150px;
    margin: 0 auto;
}

.ayumed-detail-eyebrow {
    position: relative;
    display: inline-block;
    color: #156C5F;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .5px;
    line-height: 19.52px;
    text-transform: uppercase;
    margin: 0 0 22px;
    padding-left: 32px;
}

.ayumed-detail-eyebrow::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
    height: 2px;
    background-color: #156C5F;
}

.ayumed-detail-title {
    font-family: Delvona;
    font-size: 49px;
    font-weight: 400;
    line-height: 50.878px;
    color: #232323;
    margin: 0 0 16px;
}

.ayumed-detail-desc {
    color:#232323;
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
    margin: 0 0 20px;
}

/* --- Hero --- */
.ayumed-detail-hero {
    background-color: #FBF7F3;
    padding-top: 40px;
}

.ayumed-detail-hero .ayumed-detail-container {
    display: flex;
    align-items: center;
    gap: 50px;
    padding: 40px 0 60px;
}

.ayumed-detail-hero-social {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 0 0 auto;
}

.ayumed-detail-hero-social a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background-color: #156C5F;
    color: #FFFFFF;
    text-decoration: none;
}

.ayumed-detail-hero-content {
    flex: 0 0 46%;
    max-width: 46%;
}

.ayumed-detail-hero-content .ayumed-detail-title {
    font-size: 49px;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #000;
}

.ayumed-detail-hero-btn {
    display: inline-block;
    background-color: #156C5F;
    color: #FFFFFF;
    font-family: Mulish;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    border-radius: 8px;
    line-height: 23px;
    padding: 12px 26px;
}

.ayumed-detail-hero-btn:hover {
    background-color: #0f5347;
    color: #FFFFFF;
}

.ayumed-detail-hero-media {
    position: relative;
    flex: 1;
}

.ayumed-detail-hero-media img {
    display: block;
    width: 100%;
    border-radius: 16px;
    object-fit: cover;
    aspect-ratio: 4 / 3;
}

.ayumed-detail-hero-card {
    position: absolute;
    right: -20px;
    bottom: -24px;
    width: 130px;
    background-color: #FFFFFF;
    border-radius: 10px;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.15);
    padding: 8px;
    transform: rotate(-4deg);
}

.ayumed-detail-hero-card img {
    display: block;
    width: 100%;
    border-radius: 6px;
}

/* --- Comparison cards (types of condition) --- */
.ayumed-detail-compare {
    display: flex;
    gap: 24px;
    margin-top: 20px;
}

.ayumed-detail-compare-card {
    flex: 1;
    border-radius: 21px;
    padding: 34px 32px;
    border: 1px solid #F8F6F4;
    background: #FFF;
    box-shadow: 0 22px 22px 0 rgba(0, 0, 0, 0.09);
}

.ayumed-detail-compare-card.is-dark {
    border-radius: 21px;
    border: 1px solid #F8F6F4;
    background: linear-gradient(180deg, #156C5F 0%, #034B40 100%);
    box-shadow: 0 22px 22px 0 rgba(0, 0, 0, 0.09);
}

.ayumed-detail-compare-card h3 {
    font-family: Mulish;
    font-size: 20px;
    color: #156C5F;
    font-weight: 700;
    line-height: 24.44px;
    margin: 0 0 8px;
}

.ayumed-detail-compare-card.is-dark h3{
    color: #FBF7F3;
    font-family: Mulish;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24.44px;
}

.ayumed-detail-compare-card.is-dark p{
    color: #FBF7F3;
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
}

.ayumed-detail-compare-card p {
    color: #7A7A7A;
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
}

/* --- Sub heading inside a detail section --- */
.ayumed-detail-subhead {
    color: #232323;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 122.2%;
    margin: 30px 0 14px;
}

/* --- Symptom / tag pills --- */
.ayumed-detail-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0 0 10px;
    padding: 0;
    list-style: none;
}

.ayumed-detail-tags li {
    font-size: 16px;
    color: #232323;
    background-color: #FFFFFF;
    font-weight: 400;
    line-height: 23px;
    border: 1px solid rgba(21, 108, 95, 0.35);
    border-radius: 100px;
    padding: 14px 26px 14px 24px;
}

/* --- Highlighted note / callout box --- */
.ayumed-detail-note {
    background: #FBF7F3;
    border-radius: 20px;
    padding: 26px 30px;
    margin: 30px 0;
    color: #232323;
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
}

.ayumed-detail-note strong {
    color: #232323;
}

/* --- Accordion (native details/summary, no JS needed) --- */

.ayumed-detail-section .ayumed-detail-accordion .ayumed-detail-accordion-item{
    padding: 24px 28px;
    border-radius: 20px;
    border: 1px solid #E7E0D7;
    background: #FFF;
}

.ayumed-detail-section .ayumed-detail-accordion .ayumed-detail-accordion-item[open]{
    border: 1px solid var(--Rectangle-1, #156C5F);
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.ayumed-detail-section .ayumed-detail-accordion{
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.ayumed-detail-accordion-item summary {
    display: flex;
    align-items: center;
    gap: 18px;
    list-style: none;
    cursor: pointer;
    font-size: 20px;
    font-weight: 700;
    line-height: 24.44px;
    color: #232323;
}

.ayumed-detail-accordion-item summary::-webkit-details-marker {
    display: none;
}

.ayumed-detail-accordion-item summary::after {
    content: "";
    margin-left: auto;
    width: 9px;
    height: 9px;
    border-right: 2px solid #156C5F;
    border-bottom: 2px solid #156C5F;
    transform: rotate(45deg);
    transition: transform .2s ease;
}

.ayumed-detail-accordion-item[open] summary::after {
    transform: rotate(-135deg);
}

.ayumed-detail-accordion-item .ayumed-detail-accordion-icon {
    flex: 0 0 auto;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: rgba(21, 108, 95, 0.1);
    color: #156C5F;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
}

.ayumed-detail-accordion-item p {
    margin: 0 4px 0px 46px;
    font-size: 14px;
    line-height: 22px;
    color: #6E6E6E;
}

/* --- Plain two-column cause list (used for the second condition block) --- */
.ayumed-detail-list-columns {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 40px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ayumed-detail-list-columns li {
    position: relative;
    flex: 0 0 calc(50% - 20px);
    font-size: 14px;
    color: #444444;
    padding-left: 16px;
    border-radius: 100px;
    border: 1px solid rgba(21, 108, 95, 0.35);
    background: #FFF;
    padding: 14px 26px 14px 40px;
    color: #232323;
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
}

.ayumed-detail-list-columns li::before {
    content: "";
    position: absolute;
    left: 20px;
    top: 23px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #156C5F;
}

/* --- Dark CTA band (diagnosis) --- */
.ayumed-detail-cta {
    background-color: #156C5F;
    color: #FFFFFF;
    text-align: center;
}

.ayumed-detail-cta .ayumed-detail-title,
.ayumed-detail-cta .ayumed-detail-desc {
    color: #FFFFFF;
    margin-left: auto;
    margin-right: auto;
}

.ayumed-detail-cta .ayumed-detail-desc {
    color: #FFF;
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
    opacity: 1;
    text-align: left;
}

.ayumed-detail-cta-cards {
    display: flex;
    gap: 24px;
    margin-top: 34px;
    text-align: left;
    align-items: baseline;
}

.ayumed-detail-cta-card {
    flex: 1;
    background-color: #FFFFFF;
    color: #232323;
    border-radius: 21px;
    padding: 34px 32px;
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.ayumed-detail-cta-card h3 {
    color: #232323;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 122.2%;
    margin: 0;
}

.ayumed-detail-cta-card:last-of-type{
    border-radius: 21px;
    border: 1px solid rgba(255, 255, 255, 0.28);
    background: rgba(255, 255, 255, 0.10);
}

.ayumed-detail-cta-card:last-of-type h3{
    color: #FBF7F3;
}

.ayumed-detail-toggle {
    display: inline-flex;
    gap: 8px;
}

.ayumed-detail-toggle span {
    padding: 10px 20px;
    border-radius: 100px;
    background-color: #156C5F;
    color: #FFF;
    font-family: Mulish;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 142.857% */
}

.ayumed-detail-toggle span.is-active {
    background-color: #156C5F;
    color: #FFFFFF;
}

.ayumed-detail-cta-card table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.ayumed-detail-cta-card table td {
    padding: 6px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    color: #444444;
}

.ayumed-detail-cta-note {
    margin-top: 20px;
    background: rgba(255, 255, 255, 0.10);
    border-radius: 20px;
    padding: 26px 30px;
    color: rgba(255, 255, 255, 0.90);
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
    text-align: left;
}

/* --- Treatment cards --- */
.ayumed-detail-treatment {
    display: flex;
    gap: 24px;
    margin-top: 20px;
}

.ayumed-detail-treatment-card {
    flex: 1;
    padding: 28px 30px;
    background-color: #FBF7F3;
    border-radius: 21px;
    border: 1px solid #F8F6F4;
    background: #FFF;
    box-shadow: 0 22px 22px 0 rgba(0, 0, 0, 0.09);
}

.ayumed-detail-treatment-card.is-dark {
    border: 1px solid #F8F6F4;
    background: linear-gradient(180deg, #156C5F 0%, #034B40 100%);
    box-shadow: 0 22px 22px 0 rgba(0, 0, 0, 0.09);
}

.ayumed-detail-treatment-card.is-dark h3{
    color: #FBF7F3;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 122.2%;
}

.ayumed-detail-treatment-card h3 {
    font-size: 17px;
    font-weight: 700;
    margin: 0 0 16px;
}

.ayumed-detail-treatment-card ul {
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
}

.ayumed-detail-treatment-card li {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    margin-bottom: 10px;
}

.ayumed-detail-treatment-card li::before {
    content: "";
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #156C5F;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 8px 6px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='9' viewBox='0 0 12 9' fill='none'%3E%3Cpath d='M1 4.5L4.2 7.5L11 1' stroke='%23FFFFFF' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.ayumed-detail-treatment-card.is-dark li::before {
    background-color: #FFFFFF;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='9' viewBox='0 0 12 9' fill='none'%3E%3Cpath d='M1 4.5L4.2 7.5L11 1' stroke='%23156C5F' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.ayumed-detail-treatment-card .ayumed-detail-hero-btn {
    background-color: #E8865B;
}

.ayumed-detail-treatment-card .ayumed-detail-hero-btn:hover {
    background-color: #d97646;
}

/* --- Diet section --- */
.ayumed-detail-diet-title strong {
    color: #156C5F;
}

.ayumed-detail-gallery {
    display: flex;
    gap: 20px;
    margin-top: 24px;
}

.ayumed-detail-gallery img {
    flex: 1;
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border-radius: 12px;
}

@media (max-width: 900px) {
    .ayumed-detail-hero .ayumed-detail-container,
    .ayumed-detail-compare,
    .ayumed-detail-cta-cards,
    .ayumed-detail-treatment,
    .ayumed-detail-gallery {
        flex-direction: column;
    }

    .ayumed-detail-hero-content {
        max-width: 100%;
        flex-basis: auto;
    }

    .ayumed-detail-list-columns li {
        flex: 0 0 100%;
    }

    .ayumed-detail-title {
        font-size: 26px;
    }
}

/* --- Diet: food cards --- */
.ayumed-detail-food-grid {
    display: flex;
    gap: 20px;
    margin-top: 20px;
}

.ayumed-detail-food-card {
    flex: 1;
    background-color: #FBF7F3;
    border-radius: 20px;
    padding: 28px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.ayumed-detail-food-card img {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border-radius: 8px;
}

.ayumed-detail-food-card .ayumed-detail-food-label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 20px;
    font-weight: 700;
    color: #232323;
}

.ayumed-detail-food-card .ayumed-detail-food-label i {
    color: #156C5F;
}

.ayumed-detail-food-card p {
    font-size: 16px;
    line-height: 23px;
    font-weight: 400;
    color: #7A7A7A;
    margin: 0;
}

/* --- Neutral info note (distinct from the orange causes callout) --- */
.ayumed-detail-info-note {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    background-color: #FBF7F3;
    border-radius: 20px;
    padding: 26px 30px;
    margin: 22px 0;
    color: #232323;
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
}

.ayumed-detail-info-note .ayumed-detail-info-icon {
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #156C5F;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 700;
    font-style: normal;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* --- Meal plan timeline --- */
.ayumed-detail-timeline {
    list-style: none;
    margin: 20px 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ayumed-detail-timeline li {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    background-color: #FBF7F3;
    border-radius: 20px;
    padding: 26px 30px;
}

.ayumed-detail-timeline-number {
    flex: 0 0 auto;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background-color: #156C5F;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ayumed-detail-timeline h4 {
    color: #156C5F;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 122.2%; /* 24.44px */
}

.ayumed-detail-timeline p {
    color: #156C5F;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
    margin: 0;
}

/* --- FAQ accordion cards --- */
.ayumed-detail-faq {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 20px;
}

.ayumed-detail-faq-item {
    background-color: #FFF;
    border-radius: 20px;
    padding: 28px 32px;
    border: 1px solid #E7E0D7;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.ayumed-detail-faq-item summary {
    display: flex;
    align-items: center;
    gap: 12px;
    list-style: none;
    cursor: pointer;
    font-size: 20px;
    font-style: normal;
    line-height: 122.2%;
    font-weight: 700;
    color: #232323;
}

.ayumed-detail-faq-item summary::-webkit-details-marker {
    display: none;
}

.ayumed-detail-faq-item summary::before {
    content: "?";
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: rgba(21, 108, 95, 0.1);
    color: #156C5F;
    font-size: 13px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ayumed-detail-faq-item summary::after {
    content: "";
    margin-left: auto;
    width: 8px;
    height: 8px;
    border-right: 2px solid #156C5F;
    border-bottom: 2px solid #156C5F;
    transform: rotate(45deg);
    transition: transform .2s ease;
}

.ayumed-detail-faq-item[open] summary::after {
    transform: rotate(-135deg);
}

.ayumed-detail-faq-item p {
    margin: 0 0 0 36px;
    color: #7A7A7A;
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
}

/* --- Lifestyle & warnings --- */
.ayumed-detail-lifestyle {
    display: flex;
    gap: 24px;
    margin-top: 20px;
    align-items: stretch;
}

.ayumed-detail-lifestyle-card {
    flex: 1;
    background-color: #FFF;
    border-radius: 21px;
    padding: 32px;
    border: 1px solid #E7E0D7;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.ayumed-detail-lifestyle-card img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    border-radius: 10px;
}

.ayumed-detail-lifestyle-card h3 {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #232323;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 122.2%; /* 30.55px */
    margin: 0;
}

.ayumed-detail-lifestyle-card h3 i {
    color: #156C5F;
}

.ayumed-detail-lifestyle-card p {
    color: #7A7A7A;
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
    margin: 0;
}

.ayumed-detail-tags.is-green li {
    border-color: rgba(21, 108, 95, 0.2);
    padding: 12px 22px 12px 20px;
    margin: 0;
    border-radius: 100px;
    border: 1px solid #156C5F;
    color: #156C5F;
    font-family: Mulish;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 142.857% */
}

.ayumed-detail-avoid-box {
    flex: 1;
    border: 1px solid #E7E0D7;
    border-radius: 21px;
    padding: 32px;
    background: #FFF;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.ayumed-detail-avoid-box h3 {
    color: #232323;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 122.2%; /* 30.55px */
    margin: 0;
}

.ayumed-detail-avoid-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ayumed-detail-avoid-list li {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #232323;
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px; /* 143.75% */
    border-radius: 100px;
    border: 1px solid rgba(238, 137, 97, 0.55);
    background: #FFF;
    padding: 12px 22px 12px 20px;
    margin: 0;
}

.ayumed-detail-avoid-list li::before {
    content: "×";
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: rgba(232, 134, 91, 0.15);
    color: #E8865B;
    font-size: 13px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ayumed-detail-warning {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    border-left: 6px solid #EE8961 !important;
    padding: 32px 36px 32px 34px;
    margin-top: 24px;
    border-radius: 21px;
    border: 1px solid #E7E0D7;
    background: #FFF;
}

.ayumed-detail-warning-icon {
    flex: 0 0 auto;
    font-size: 20px;
}

.ayumed-detail-warning h3 {
    color: #232323;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 122.2%; /* 30.55px */
}

.ayumed-detail-warning p {
    color: #232323;
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px; /* 143.75% */
    margin: 0;
}

@media (max-width: 900px) {
    .ayumed-detail-food-grid,
    .ayumed-detail-lifestyle {
        flex-direction: column;
    }
}

/* =========================================================================
   Ayumed - Joint Pain guide  (Figma: "Joint Pain" 725:2)
   Scoped under .ayumed-cg so /thyroid-guide/ (.ayumed-detail-*) is untouched.
   This design leads with Playfair Display for headings, where the thyroid
   guide uses Mulish - hence its own namespace rather than shared classes.
   ========================================================================= */

.ayumed-cg {
    --cg-green: #156C5F;
    --cg-green-dark: #034B40;
    --cg-ink: #232323;
    --cg-muted: #7A7A7A;
    --cg-cream: #FBF7F3;
    --cg-line: #E7E0D7;
    --cg-line-faint: #F8F6F4;
    --cg-orange: #EE8961;
    --cg-shadow: 0 22px 11px rgba(0, 0, 0, .09);
    --cg-serif: "Playfair Display", Georgia, serif;

    font-family: Mulish, sans-serif;
    color: var(--cg-ink);
}

.ayumed-cg *,
.ayumed-cg *::before,
.ayumed-cg *::after { box-sizing: border-box; }

.ayumed-cg img { max-width: 100%; }

/* --- Shell ------------------------------------------------------------- */
/* All three Figma frames space consecutive block frames 96px apart, and give
   only the *tinted* blocks an internal 100px of padding. Modelling the 96px as
   a margin (rather than padding on every section) reproduces that rhythm:
   plain->plain = 96, plain->tinted = 96 + 100, tinted->tinted = 100 + 96 + 100.
   Uniform 100px padding everywhere would double the plain-to-plain gap. */
.ayumed-cg-section { padding: 20px; }
.ayumed-cg-section + .ayumed-cg-section { margin-top: 96px; }

.ayumed-cg-section.is-cream,
.ayumed-cg-section.is-green { padding: 100px 20px; }

.ayumed-cg-section.is-cream { background-color: var(--cg-cream); }

.ayumed-cg-container {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
}

/* vertical rhythm between a section head and each body group */
.ayumed-cg-stack {
    display: flex;
    flex-direction: column;
    gap: 45px;
}

.ayumed-cg-group {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

/* --- Type -------------------------------------------------------------- */
.ayumed-cg-head {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.ayumed-cg-eyebrow {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0;
    font-family: var(--cg-serif);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.22;
    color: var(--cg-green);
}

.ayumed-cg-eyebrow::before {
    content: "";
    flex: 0 0 auto;
    width: 53px;
    height: 2px;
    background-color: var(--cg-green);
}

.ayumed-cg-title {
    margin: 0;
    font-family: var(--cg-serif);
    font-size: 49px;
    font-weight: 400;
    line-height: 1.22;
    color: var(--cg-ink);
}

.ayumed-cg-intro {
    margin: 0;
    max-width: 840px;
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    color: var(--cg-muted);
}

.ayumed-cg-h3 {
    margin: 0;
    font-family: var(--cg-serif);
    font-size: 25px;
    font-weight: 700;
    line-height: 1.22;
    color: var(--cg-ink);
}

.ayumed-cg-h4 {
    margin: 0;
    font-family: var(--cg-serif);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.22;
    color: var(--cg-ink);
}

.ayumed-cg-body {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    color: var(--cg-muted);
}

.ayumed-cg-body.is-ink { color: var(--cg-ink); }
.ayumed-cg-body.is-sm { font-size: 14px; line-height: 20px; }

/* icon + heading rows */
.ayumed-cg-ititle {
    display: flex;
    align-items: center;
    gap: 14px;
}

.ayumed-cg-ititle img { flex: 0 0 auto; display: block; }

/* --- Hero -------------------------------------------------------------- */
.ayumed-cg-hero {
    position: relative;
    overflow: hidden;
    /* the offset hero card hangs 51px below the media box, so the bottom
       padding carries that plus the 60px of cream the design leaves under it */
    padding: 60px 20px 111px;
    background-color: var(--cg-cream);
}

/* the design closes the hero/first-block gap tighter than the 100px
   the rest of the sections use */
.ayumed-cg-hero + .ayumed-cg-section { margin-top: 67px; }

/* a plain closing section still needs air before the site footer */
.ayumed-cg > .ayumed-cg-section:last-child:not(.is-cream):not(.is-green) {
    padding-bottom: 96px;
}

/* the two blurred leaf clusters that bleed off the top corners */
.ayumed-cg-hero::before,
.ayumed-cg-hero::after,
.single-product #wrapper::after,
.single-product #wrapper::before {
    content: "";
    position: absolute;
    top: -84px;
    width: 977px;
    height: 338px;
    background: url("../../uploads/2026/08/jp-hero-deco.webp") center / cover no-repeat;
    opacity: .44;
    filter: blur(3.4px);
    pointer-events: none;
}

.ayumed-cg-hero::before, .single-product #wrapper::before { left: -17px; }
.ayumed-cg-hero::afte, .single-product #wrapper::before { right: -17px; transform: scaleX(-1); }
.ayumed-cg-hero::after { right: -17px; transform: scaleX(-1); }
.single-product #wrapper::before { right: -17px; transform: scaleX(-1); }
.single-product #wrapper::after { right: -17px; transform: scaleX(-1); }

.ayumed-cg-hero-inner {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 533px 558px;
    justify-content: space-between;
    align-items: center;
    gap: 49px;
    max-width: 1140px;
    margin: 0 auto;
}

.ayumed-cg-hero-social {
    position: absolute;
    left: 68px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.ayumed-cg-hero-social a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background-color: rgba(21, 108, 95, .9);
    color: #FFFFFF;
    font-size: 16px;
    text-decoration: none;
    transition: background-color .2s ease;
}

.ayumed-cg-hero-social a:hover {
    background-color: var(--cg-green);
    color: #FFFFFF;
}

.ayumed-cg-hero-text {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

/* Delvona is the designed face but ships with neither the theme nor Google
   Fonts, so Playfair Display carries the same serif weight as a fallback. */
.ayumed-cg-hero-title {
    margin: 0;
    max-width: 533px;
    font-family: Delvona, var(--cg-serif);
    font-size: 49px;
    font-weight: 400;
    line-height: 1.222;
    color: var(--cg-ink);
}

.ayumed-cg-hero-sub {
    margin: 0;
    max-width: 533px;
    font-family: var(--cg-serif);
    font-size: 25px;
    font-weight: 700;
    line-height: 1.22;
    color: var(--cg-green);
}

.ayumed-cg-hero-desc {
    margin: 0;
    max-width: 428px;
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    color: var(--cg-ink);
}

.ayumed-cg-hero-leaf {
    position: absolute;
    top: 0;
    right: 42px;
    width: 80px;
    height: 75.67px;
    pointer-events: none;
}

.ayumed-cg-hero-media { position: relative; }

.ayumed-cg-hero-media > img {
    display: block;
    width: 100%;
    aspect-ratio: 558 / 435;
    object-fit: cover;
    border-radius: 20px;
}

.ayumed-cg-hero-card {
    position: absolute;
    left: -52px;
    bottom: -51px;
    width: 217px;
    height: 195px;
    border-radius: 20px;
    overflow: hidden;
}

.ayumed-cg-hero-card img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* --- Buttons ----------------------------------------------------------- */
.ayumed-cg-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 60px;
    padding: 0 25px;
    border-radius: 8px;
    background-color: var(--cg-green);
    color: #FFFFFF;
    font-family: Mulish, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    text-decoration: none;
    transition: background-color .2s ease;
}

.ayumed-cg-btn:hover { background-color: var(--cg-green-dark); color: #FFFFFF; }

.ayumed-cg-btn.is-light {
    padding: 0 34px;
    background-color: var(--cg-cream);
    color: var(--cg-green);
}

.ayumed-cg-btn.is-light:hover { background-color: #FFFFFF; color: var(--cg-green); }

/* --- Badges (icon pills) ----------------------------------------------- */
.ayumed-cg-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ayumed-cg-badges li {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 26px 14px 24px;
    border: 1px solid rgba(21, 108, 95, .35);
    border-radius: 100px;
    background-color: #FFFFFF;
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    color: var(--cg-ink);
}

.ayumed-cg-badges img {
    flex: 0 0 auto;
    display: block;
}

/* smaller pill used wherever the design pairs a 20px icon with 12px padding */
.ayumed-cg-badges.is-sm li { padding: 12px 22px 12px 20px; }

/* orange "avoid / urgent" treatment */
.ayumed-cg-badges.is-alert li { border-color: rgba(238, 137, 97, .55); }

/* borderless cream pill (risk factors) */
.ayumed-cg-badges.is-cream li {
    border-color: transparent;
    background-color: var(--cg-cream);
}

/* --- Tags (text-only pills) -------------------------------------------- */
.ayumed-cg-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ayumed-cg-tags.is-outline{
    background: white !important;
}

.ayumed-cg-tags li {
    padding: 10px 20px;
    border-radius: 100px;
    background-color: var(--cg-green);
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    color: var(--cg-cream);
}

.ayumed-cg-tags.is-cream li { background-color: var(--cg-cream); color: var(--cg-ink); }
.ayumed-cg-tags.is-glass li { background-color: rgba(255, 255, 255, .14); color: var(--cg-cream); }

/* --- Note / callout ---------------------------------------------------- */
.ayumed-cg-note {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 26px 30px;
    border-radius: 20px;
    background-color: var(--cg-cream);
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    color: var(--cg-ink);
}

.ayumed-cg-note.is-white { background-color: #FFFFFF; }
.ayumed-cg-note img { flex: 0 0 auto; display: block; }
.ayumed-cg-note p { margin: 0; }

/* --- Alert (orange rail) ----------------------------------------------- */
.ayumed-cg-alert {
    display: flex;
    align-items: stretch;
    overflow: hidden;
    border: 1px solid var(--cg-line);
    border-radius: 21px;
    background-color: #FFFFFF;
}

.ayumed-cg-alert::before {
    content: "";
    flex: 0 0 6px;
    background-color: var(--cg-orange);
}

.ayumed-cg-alert.is-cream {
    border-color: transparent;
    background-color: var(--cg-cream);
}

.ayumed-cg-alert-body {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 32px 36px 32px 34px;
}

.ayumed-cg-alert-body p { margin: 0; font-size: 16px; line-height: 23px; color: var(--cg-ink); }
.ayumed-cg-alert.is-cream .ayumed-cg-alert-body { gap: 18px; padding: 36px 36px 36px 34px; }

/* --- Cards ------------------------------------------------------------- */
.ayumed-cg-cards3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.ayumed-cg-card {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 28px;
    border: 1px solid var(--cg-line-faint);
    border-radius: 21px;
    background-color: #FFFFFF;
    box-shadow: var(--cg-shadow);
}

.ayumed-cg-card h3 {
    margin: 0;
    font-family: var(--cg-serif);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.22;
    color: var(--cg-green);
}

.ayumed-cg-card p { margin: 0; font-size: 16px; line-height: 23px; color: var(--cg-muted); }

/* two-up rows: image beside a panel, or two panels */
.ayumed-cg-row2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: stretch;
    gap: 24px;
}

.ayumed-cg-photo {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.ayumed-cg-panel {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 36px;
    border: 1px solid var(--cg-line-faint);
    border-radius: 21px;
    background-color: #FFFFFF;
    box-shadow: var(--cg-shadow);
}

.ayumed-cg-panel.is-dark {
    background: linear-gradient(180deg, #156C5F 0%, #034B40 100%);
}

.ayumed-cg-panel.is-dark .ayumed-cg-h3,
.ayumed-cg-panel.is-dark .ayumed-cg-body,
.ayumed-cg-panel.is-dark p { color: var(--cg-cream); }

/* plain-bordered card (no shadow) used by the daily-care stack */
.ayumed-cg-panel.is-plain {
    border-color: var(--cg-line);
    box-shadow: none;
    padding: 32px;
    gap: 18px;
}

.ayumed-cg-panel-media {
    display: block;
    width: 100%;
    aspect-ratio: 486 / 214;
    object-fit: cover;
    border-radius: 20px;
}

.ayumed-cg-panel-media.is-short { aspect-ratio: 486 / 170; }

/* --- Accordion (main causes) ------------------------------------------- */
.ayumed-cg-acc {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.ayumed-cg-acc-item {
    padding: 24px 28px;
    border: 1px solid var(--cg-line);
    border-radius: 20px;
    background-color: #FFFFFF;
}

.ayumed-cg-acc-item[open] { border-color: var(--cg-green); }

.ayumed-cg-acc-item summary {
    display: flex;
    align-items: center;
    gap: 18px;
    list-style: none;
    cursor: pointer;
}

.ayumed-cg-acc-item summary::-webkit-details-marker { display: none; }

.ayumed-cg-acc-item summary .ayumed-cg-h4 {
    flex: 1 1 auto;
    min-width: 0;
}

.ayumed-cg-num {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background-color: var(--cg-green);
    color: #FFFFFF;
    font-family: Mulish, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 16px;
}

.ayumed-cg-num.is-lg {
    width: 30px;
    height: 30px;
    font-size: 14px;
    line-height: 18px;
}

.ayumed-cg-chev {
    flex: 0 0 auto;
    display: block;
    transition: transform .2s ease;
}

.ayumed-cg-acc-item[open] .ayumed-cg-chev,
.ayumed-cg-qa-item[open] .ayumed-cg-chev { transform: rotate(180deg); }

.ayumed-cg-acc-body {
    display: flex;
    align-items: stretch;
    gap: 24px;
    margin-top: 14px;
    padding-left: 44px;
}

.ayumed-cg-acc-text {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.ayumed-cg-acc-photo {
    flex: 0 0 340px;
    width: 340px;
    border-radius: 20px;
    object-fit: cover;
}

/* --- Test bento (investigations) --------------------------------------- */
.ayumed-cg-test-wide {
    display: flex;
    gap: 40px;
    align-items: flex-start;
    padding: 36px;
    border: 1px solid var(--cg-line-faint);
    border-radius: 21px;
    background-color: #FFFFFF;
    box-shadow: var(--cg-shadow);
}

.ayumed-cg-test-wide > div:first-child {
    flex: 0 0 360px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.ayumed-cg-test-wide > div:last-child { flex: 1 1 auto; min-width: 0; }

.ayumed-cg-test {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 28px;
    border: 1px solid var(--cg-line-faint);
    border-radius: 21px;
    background-color: #FFFFFF;
    box-shadow: var(--cg-shadow);
}

/* --- Timeline steps (diet) --------------------------------------------- */
.ayumed-cg-steps {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ayumed-cg-steps li {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 26px 30px;
    border-radius: 20px;
    background-color: var(--cg-cream);
}

.ayumed-cg-steps li > div {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/* --- Sub-cards (hot / cold compress) ----------------------------------- */
.ayumed-cg-subcards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

.ayumed-cg-subcard {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 20px;
    border-radius: 14px;
    background-color: var(--cg-cream);
}

.ayumed-cg-subcard img { flex: 0 0 auto; display: block; }

.ayumed-cg-subcard strong {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
    color: var(--cg-ink);
}

/* --- Numbered tiles (lifestyle) ---------------------------------------- */
.ayumed-cg-tiles {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ayumed-cg-tiles li {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 20px;
    border: 1px solid var(--cg-line-faint);
    border-radius: 18px;
    background-color: #FFFFFF;
    box-shadow: var(--cg-shadow);
    font-size: 16px;
    line-height: 23px;
    color: var(--cg-ink);
}

/* --- Routine table ----------------------------------------------------- */
/* Flatsome styles bare <dl> as uppercase, .85em and 80% opaque
   (flatsome.css: `dl{font-size:.85em;opacity:.8;text-transform:uppercase}`),
   which would shout the Latin words in these rows — reset all three. */
.ayumed-cg-table {
    display: flex;
    flex-direction: column;
    margin: 0;
    overflow: hidden;
    border-radius: 21px;
    font-size: 16px;
    text-transform: none;
    opacity: 1;
}

.ayumed-cg-table > div {
    display: flex;
    align-items: center;
    gap: 0;
    min-height: 64px;
    padding: 12px 26px;
    background-color: #FFFFFF;
}

.ayumed-cg-table > div:nth-child(even) { background-color: var(--cg-cream); }

.ayumed-cg-table dt {
    flex: 0 0 140px;
    margin: 0;
    font-family: var(--cg-serif);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.22;
    color: var(--cg-green);
}

.ayumed-cg-table dd {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    color: var(--cg-ink);
}

/* --- Q&A accordion (common myths) -------------------------------------- */
.ayumed-cg-qa {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.ayumed-cg-qa-item {
    padding: 28px 32px;
    border: 1px solid var(--cg-line);
    border-radius: 20px;
    background-color: #FFFFFF;
}

.ayumed-cg-qa-item summary {
    display: flex;
    align-items: center;
    gap: 16px;
    list-style: none;
    cursor: pointer;
}

.ayumed-cg-qa-item summary::-webkit-details-marker { display: none; }

.ayumed-cg-qa-item summary .ayumed-cg-h4 { flex: 1 1 auto; min-width: 0; }

.ayumed-cg-qa-icon {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: var(--cg-cream);
}

.ayumed-cg-qa-body {
    margin: 14px 0 0;
    padding-left: 46px;
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    color: var(--cg-muted);
}

.ayumed-cg-qa-body strong { font-weight: 700; color: var(--cg-ink); }

/* --- Summary tiles ----------------------------------------------------- */
.ayumed-cg-sum {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ayumed-cg-sum li {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 24px;
    border-radius: 21px;
    background-color: #FFFFFF;
    font-size: 16px;
    line-height: 23px;
    color: var(--cg-ink);
}

/* --- CTA band ---------------------------------------------------------- */
.ayumed-cg-cta {
    position: relative;
    overflow: hidden;
    padding: 100px 20px;
    background-color: var(--cg-green);
    text-align: center;
}

.ayumed-cg-cta::before,
.ayumed-cg-cta::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.ayumed-cg-cta::before {
    background: url("../../uploads/2026/08/jp-cta-bg.jpg") center / cover no-repeat;
}

.ayumed-cg-cta::after { background-color: rgba(21, 108, 95, .88); }

.ayumed-cg-cta-inner {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 34px;
    max-width: 854px;
    margin: 0 auto;
}

.ayumed-cg-cta-title {
    margin: 0;
    font-family: var(--cg-serif);
    font-size: 39px;
    font-weight: 700;
    line-height: 1.22;
    color: #FFFFFF;
}

.ayumed-cg-cta-desc {
    margin: 18px 0 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    color: rgba(251, 247, 243, .9);
}

.ayumed-cg-cta-actions {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
}

.ayumed-cg-cta-note {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: rgba(251, 247, 243, .75);
}

/* --- Disclaimer -------------------------------------------------------- */
.ayumed-cg-disclaimer {
    max-width: 900px;
    margin: 0 auto !important;
    padding: 60px 20px 90px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: var(--cg-muted);
    text-align: center;
}

/* =========================== Responsive =============================== */

@media (max-width: 1340px) {
    .ayumed-cg-hero-social { display: none; }
}

@media (max-width: 1200px) {
    .ayumed-cg-hero-inner {
        grid-template-columns: 1fr;
        gap: 70px;
    }

    .ayumed-cg-hero-leaf { right: 0; }
    .ayumed-cg-hero-card { left: auto; right: -16px; bottom: -40px; }

    .ayumed-cg-cards3 { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 900px) {
    /* .ayumed-cg-section { padding: 0 20px; } */
    .ayumed-cg-section + .ayumed-cg-section { margin-top: 58px; }
    .ayumed-cg-section.is-cream,
    .ayumed-cg-section.is-green { padding: 58px 20px; }
    .ayumed-cg > .ayumed-cg-section:last-child:not(.is-cream):not(.is-green) { padding-bottom: 58px; }
    .ayumed-cg-cta { padding: 64px 20px; }
    .ayumed-cg-stack { gap: 34px; }
    .ayumed-cg-group { gap: 22px; }

    .ayumed-cg-title { font-size: 32px; }
    .ayumed-cg-hero-title { font-size: 34px; }
    .ayumed-cg-hero-sub { font-size: 20px; }
    .ayumed-cg-cta-title { font-size: 28px; }
    .ayumed-cg-h3 { font-size: 21px; }

    .ayumed-cg-cards3,
    .ayumed-cg-row2,
    .ayumed-cg-subcards,
    .ayumed-cg-tiles,
    .ayumed-cg-sum { grid-template-columns: 1fr; }

    .ayumed-cg-test-wide { flex-direction: column; gap: 20px; }
    .ayumed-cg-test-wide > div:first-child { flex: 1 1 auto; }

    .ayumed-cg-panel,
    .ayumed-cg-test-wide { padding: 26px; }

    .ayumed-cg-panel.is-plain { padding: 24px; }

    .ayumed-cg-acc-body {
        flex-direction: column;
        padding-left: 0;
    }

    .ayumed-cg-acc-photo {
        flex: 1 1 auto;
        width: 100%;
        aspect-ratio: 340 / 250;
    }

    .ayumed-cg-photo { min-height: 0; aspect-ratio: 4 / 3; }

    .ayumed-cg-table > div {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
        padding: 16px 22px;
    }

    .ayumed-cg-table dt { flex: 0 0 auto; }

    .ayumed-cg-qa-item { padding: 22px 24px; }
    .ayumed-cg-qa-body { padding-left: 0; }

    .ayumed-cg-alert-body,
    .ayumed-cg-alert.is-cream .ayumed-cg-alert-body { padding: 24px 22px; }

    .ayumed-cg-steps li { padding: 22px; }
}

@media (max-width: 600px) {
    .ayumed-cg-hero { padding: 40px 20px 70px; }
    .ayumed-cg-hero-card { width: 140px; height: 126px; right: -8px; bottom: -28px; }
    .ayumed-cg-hero-leaf { width: 56px; height: 53px; }
    .ayumed-cg-eyebrow::before { width: 28px; }
    .ayumed-cg-badges li { padding: 11px 18px; font-size: 15px; }
    .ayumed-cg-badges.is-sm li { padding: 10px 16px; }
}

/* --- Joint Pain: exercise card interior (image beside copy) ------------- */
.ayumed-cg-carerow {
    display: grid;
    grid-template-columns: 500px 1fr;
    align-items: stretch;
    gap: 24px;
}

.ayumed-cg-carerow > div {
    display: flex;
    flex-direction: column;
    gap: 18px;
    min-width: 0;
}

/* --- Joint Pain: two stacked columns inside a 2-up row ----------------- */
.ayumed-cg-col {
    display: flex;
    flex-direction: column;
    gap: 20px;
    min-width: 0;
}

@media (max-width: 900px) {
    .ayumed-cg-carerow { grid-template-columns: 1fr; }
    .ayumed-cg-carerow .ayumed-cg-photo { min-height: 0; aspect-ratio: 4 / 3; }
}

/* -------------------------------------------------------------------------
   Condition guide — components introduced by /weight-management-guide/
   (Figma "Weight Management" 771:2). Everything else on that page reuses
   the shared .ayumed-cg-* components above.
   ------------------------------------------------------------------------- */

/* --- Icon card (3-up, icon over title, light or dark) ------------------- */
.ayumed-cg-icard {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 34px 32px;
    border: 1px solid var(--cg-line-faint);
    border-radius: 21px;
    background-color: #FFFFFF;
    box-shadow: var(--cg-shadow);
}

.ayumed-cg-icard > img { flex: 0 0 auto; display: block; }

.ayumed-cg-icard h3 {
    margin: 0;
    font-family: var(--cg-serif);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.22;
    color: var(--cg-green);
}

.ayumed-cg-icard p {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    color: var(--cg-muted);
}

.ayumed-cg-icard.is-dark {
    background: linear-gradient(180deg, #156C5F 0%, #034B40 100%);
}

.ayumed-cg-icard.is-dark h3,
.ayumed-cg-icard.is-dark p { color: var(--cg-cream); }

/* --- Stat cards (BMI bands) -------------------------------------------- */
.ayumed-cg-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ayumed-cg-stats li {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 24px;
    border-radius: 21px;
    background-color: var(--cg-cream);
    text-align: center;
}

.ayumed-cg-stats strong {
    font-family: var(--cg-serif);
    font-size: 39px;
    font-weight: 700;
    line-height: 1.22;
    color: var(--cg-green);
}

.ayumed-cg-stats span {
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    color: var(--cg-ink);
}

/* --- Outlined tag pills ------------------------------------------------ */
.ayumed-cg-tags.is-outline li {
    border: 1px solid var(--cg-green);
    background-color: transparent;
    color: var(--cg-green);
}

/* --- Glass condition rows (inside a dark panel) ------------------------ */
.ayumed-cg-cond {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ayumed-cg-cond li {
    padding: 14px 20px;
    border-radius: 21px;
    background-color: rgba(255, 255, 255, .14);
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    color: var(--cg-cream);
}

/* --- Related-topic link cards ------------------------------------------ */
.ayumed-cg-linkcards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.ayumed-cg-linkcard {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 28px;
    border: 1px solid var(--cg-line-faint);
    border-radius: 21px;
    background-color: #FFFFFF;
    box-shadow: var(--cg-shadow);
    text-decoration: none;
}

/* Direct child only — a descendant selector here also caught the small
   chevron inside .ayumed-cg-linkcard-more and blew it up to card width. */
.ayumed-cg-linkcard > img {
    display: block;
    width: 100%;
    aspect-ratio: 308 / 150;
    object-fit: cover;
    border-radius: 21px;
}

.ayumed-cg-linkcard h3 {
    margin: 0;
    font-family: var(--cg-serif);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.22;
    color: var(--cg-green);
}

.ayumed-cg-linkcard p {
    margin: 0;
    flex: 1 1 auto;
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    color: var(--cg-muted);
}

.ayumed-cg-linkcard-more {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    line-height: 23px;
    color: var(--cg-green);
}

.ayumed-cg-linkcard-more img { transition: transform .2s ease; }
.ayumed-cg-linkcard:hover .ayumed-cg-linkcard-more img { transform: translateX(3px); }

/* --- Inline CTA card (gradient, text left / actions right) ------------- */
.ayumed-cg-ctacard {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    padding: 48px;
    border-radius: 21px;
    background: linear-gradient(180deg, #156C5F 0%, #034B40 100%);
}

.ayumed-cg-ctacard-text {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: 620px;
}

.ayumed-cg-ctacard-text h2 {
    margin: 0;
    font-family: var(--cg-serif);
    font-size: 39px;
    font-weight: 700;
    line-height: 1.22;
    color: var(--cg-cream);
}

.ayumed-cg-ctacard-text p {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    color: rgba(251, 247, 243, .88);
}

.ayumed-cg-ctacard-actions {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 16px;
}

.ayumed-cg-ctacard-phone {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    line-height: 23px;
    color: var(--cg-cream);
    text-decoration: none;
}

.ayumed-cg-ctacard-phone:hover { color: #FFFFFF; }

/* --- Responsive -------------------------------------------------------- */
@media (max-width: 1200px) {
    .ayumed-cg-stats { grid-template-columns: repeat(2, 1fr); }
    .ayumed-cg-linkcards { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 900px) {
    .ayumed-cg-stats,
    .ayumed-cg-linkcards { grid-template-columns: 1fr; }

    .ayumed-cg-icard { padding: 26px; }
    .ayumed-cg-stats strong { font-size: 32px; }

    .ayumed-cg-ctacard {
        flex-direction: column;
        align-items: flex-start;
        gap: 26px;
        padding: 30px 26px;
    }

    .ayumed-cg-ctacard-text h2 { font-size: 28px; }

    .ayumed-cg-ctacard-actions {
        align-items: flex-start;
        width: 100%;
    }
}

/* Figma sets this hero's leaf beside line 1 of a 3-line Delvona title. Playfair
   Display is narrower, so at the designed 533px the title reflows to 2 lines and
   line 1 runs under the leaf. Capping the measure restores the 3-line silhouette
   and puts the leaf back on its designed coordinates (Figma x=314, y=36). */
.ayumed-cg-hero.is-wide-title .ayumed-cg-hero-title { max-width: 440px; }

.ayumed-cg-hero.is-wide-title .ayumed-cg-hero-leaf {
    /* 10px rather than the designed 36px: Playfair's line 2 runs wider than
       Delvona's, so the leaf has to clear it by sitting alongside line 1 only */
    top: 10px;
    right: auto;
    left: 314px;
}

@media (max-width: 1200px) {
    .ayumed-cg-hero.is-wide-title .ayumed-cg-hero-title { max-width: 440px; }
}

@media (max-width: 600px) {
    .ayumed-cg-hero.is-wide-title .ayumed-cg-hero-title { max-width: 100%; }
    .ayumed-cg-hero.is-wide-title .ayumed-cg-hero-leaf { left: auto; right: 0; top: 0; }
}

/* -------------------------------------------------------------------------
   Condition guide — components introduced by /thyroid-guide/
   (Figma "Thyroid" 643:1639). Everything else reuses the shared
   .ayumed-cg-* components above.
   ------------------------------------------------------------------------- */

/* --- Hero without eyebrow/subtitle (this design leads straight with H1) -- */
.ayumed-cg-hero.is-plain-title .ayumed-cg-hero-leaf {
    top: 0;
    right: auto;
    left: 411px;
}

@media (max-width: 1200px) {
    .ayumed-cg-hero.is-plain-title .ayumed-cg-hero-leaf { left: auto; right: 0; }
}

/* --- Full-green inverted section ---------------------------------------- */
.ayumed-cg-section.is-green { background-color: var(--cg-green); }

.ayumed-cg-section.is-green .ayumed-cg-eyebrow { color: var(--cg-cream); }
.ayumed-cg-section.is-green .ayumed-cg-eyebrow::before { background-color: var(--cg-cream); }
.ayumed-cg-section.is-green .ayumed-cg-title { color: #FFFFFF; }
.ayumed-cg-section.is-green .ayumed-cg-intro { color: #FFFFFF; }

/* glass note on a green ground */
.ayumed-cg-note.is-glass {
    background-color: rgba(255, 255, 255, .1);
    color: rgba(255, 255, 255, .9);
}

/* --- Icon card, icon beside the text rather than above ------------------ */
.ayumed-cg-icard.is-row {
    flex-direction: row;
    align-items: flex-start;
    gap: 18px;
}

.ayumed-cg-icard.is-row > div {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* --- Plain card: white, no shadow, cream or glass ---------------------- */
.ayumed-cg-flatcard {
    display: flex;
    flex-direction: column;
    gap: 22px;
    padding: 34px 32px;
    border-radius: 21px;
    background-color: #FFFFFF;
}

.ayumed-cg-flatcard.is-glass {
    border: 1px solid rgba(255, 255, 255, .28);
    background-color: rgba(255, 255, 255, .1);
}

.ayumed-cg-flatcard .ayumed-cg-h4 { color: var(--cg-ink); }
.ayumed-cg-flatcard.is-glass .ayumed-cg-h4 { color: var(--cg-cream); }

/* --- Compact bold pills (14px/20) -------------------------------------- */
.ayumed-cg-tags.is-bold li {
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    color: #FFFFFF;
}

.ayumed-cg-tags.is-bold.is-outline-cream li {
    border: 1px solid rgba(251, 247, 243, .55);
    background-color: transparent;
    color: var(--cg-cream);
}

/* outlined green chip, bold 14px (lifestyle habits) */
.ayumed-cg-tags.is-chip li {
    padding: 12px 22px 12px 20px;
    border: 1px solid var(--cg-green);
    background-color: transparent;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    color: var(--cg-green);
}

/* --- Lead callout: cream body with an orange rail ---------------------- */
.ayumed-cg-lead {
    display: flex;
    align-items: stretch;
    overflow: hidden;
    border-radius: 21px;
    background-color: var(--cg-cream);
}

.ayumed-cg-lead::before {
    content: "";
    flex: 0 0 5px;
    background-color: var(--cg-orange);
}

.ayumed-cg-lead-body {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 26px 28px;
}

.ayumed-cg-lead-body strong {
    font-family: var(--cg-serif);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.222;
    color: var(--cg-ink);
}

.ayumed-cg-lead-body p {
    margin: 0;
    font-size: 16px;
    line-height: 23px;
    color: var(--cg-muted);
}

/* --- Callout nested inside a panel ------------------------------------- */
.ayumed-cg-callout {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 20px 22px;
    border-radius: 14px;
    background-color: var(--cg-cream);
    font-size: 16px;
    line-height: 23px;
    color: var(--cg-ink);
}

.ayumed-cg-callout strong { font-weight: 700; }
.ayumed-cg-callout p { margin: 0; }

/* --- Cream photo card (diet: image + icon title + copy) ---------------- */
.ayumed-cg-foodcard {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 28px;
    border-radius: 21px;
    background-color: var(--cg-cream);
}

.ayumed-cg-foodcard > img {
    display: block;
    width: 100%;
    aspect-ratio: 308 / 150;
    object-fit: cover;
    border-radius: 21px;
}

.ayumed-cg-foodcard p {
    margin: 0;
    font-size: 16px;
    line-height: 23px;
    color: var(--cg-muted);
}

/* --- Diet timeline: this page tints the step copy green ---------------- */
.ayumed-cg-steps.is-green-text .ayumed-cg-h4 { color: var(--cg-green); }
.ayumed-cg-steps.is-green-text .ayumed-cg-body { color: var(--cg-green); opacity: .86; }

/* --- Responsive -------------------------------------------------------- */
@media (max-width: 900px) {
    .ayumed-cg-flatcard { padding: 26px; }
    .ayumed-cg-foodcard { padding: 22px; }
    .ayumed-cg-lead-body { padding: 22px; }
    .ayumed-cg-icard.is-row { flex-direction: column; }
}

/* --- Cream-outlined icon badge, for use on a dark panel ----------------- */
.ayumed-cg-badges.is-outline-cream li {
    border-color: rgba(251, 247, 243, .45);
    background-color: transparent;
    color: var(--cg-cream);
}

/* -------------------------------------------------------------------------
   About Us page  (Figma "About Us" 798:2) — rendered by page-about.php.
   Reuses the shared .ayumed-cg-* system; only the pieces below are new.
   ------------------------------------------------------------------------- */

/* This hero has no eyebrow rule above a Delvona line — it leads with a
   larger 61px Playfair title, and the leaf sits right of line 1. */
.ayumed-cg-hero.is-about .ayumed-cg-hero-title {
    font-family: var(--cg-serif);
    font-size: 61px;
    max-width: 533px;
}

.ayumed-cg-hero.is-about .ayumed-cg-hero-desc { max-width: 470px; }

/* Figma keeps the leaf at x=480 with ~15px of air after line 1. Our Playfair
   line 1 runs ~30px wider and eats that gap, so the leaf is lifted to sit
   fully above the title instead of beside it — same top-right flourish,
   no glyph collision, and still clear of the artwork at x=805. */
.ayumed-cg-hero.is-about .ayumed-cg-hero-leaf {
    top: -56px;
    right: auto;
    left: 480px;
}

@media (max-width: 1200px) {
    .ayumed-cg-hero.is-about .ayumed-cg-hero-leaf { left: auto; right: 0; }
}

@media (max-width: 900px) {
    .ayumed-cg-hero.is-about .ayumed-cg-hero-title { font-size: 38px; }
}

/* --- Credential strip -------------------------------------------------- */
.ayumed-cg-credentials {
    display: flex;
    align-items: stretch;
    margin: 0;
    padding: 0;
    list-style: none;
    min-height: 96px;
    border: 1px solid rgba(122, 122, 122, .32);
    border-radius: 21px;
}

.ayumed-cg-credentials li {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 20px;
    text-align: center;
}

.ayumed-cg-credentials li + li { border-left: 1px solid rgba(122, 122, 122, .24); }

.ayumed-cg-credentials strong {
    font-family: var(--cg-serif);
    font-size: 31px;
    font-weight: 700;
    line-height: 1.22;
    color: var(--cg-green);
}

.ayumed-cg-credentials span {
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    color: var(--cg-muted);
}

/* --- Doctor row (portrait beside a tall bio card) ---------------------- */
.ayumed-cg-doctor {
    display: grid;
    grid-template-columns: 460px 1fr;
    align-items: stretch;
    gap: 24px;
}

.ayumed-cg-doctor > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 21px;
    background-color: #FFFFFF;
}

.ayumed-cg-doctor-card {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 40px;
    border: 1px solid var(--cg-line-faint);
    border-radius: 21px;
    background-color: #FFFFFF;
    box-shadow: var(--cg-shadow);
}

.ayumed-cg-doctor-name {
    margin: 0;
    font-family: var(--cg-serif);
    font-size: 31px;
    font-weight: 700;
    line-height: 1.22;
    color: var(--cg-ink);
}

.ayumed-cg-doctor-role {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    color: var(--cg-green);
}

/* pull-quote with an orange rule down the left */
.ayumed-cg-quote {
    display: flex;
    align-items: stretch;
    gap: 16px;
    margin: 0;
    border: unset;
    padding: 0;
    font-style: normal;
}

.ayumed-cg-quote::before {
    content: "";
    flex: 0 0 3px;
    background-color: var(--cg-orange);
}

.ayumed-cg-quote p {
    margin: 0;
    font-family: var(--cg-serif);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.22;
    color: var(--cg-green);
}

.ayumed-cg-sep {
    height: 1px;
    border: 0;
    margin: 0;
    background-color: var(--cg-line-faint);
}

/* --- Vertical process timeline (numbered rail with a connector) -------- */
.ayumed-cg-vsteps {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ayumed-cg-vsteps li {
    display: flex;
    align-items: stretch;
    gap: 28px;
}

.ayumed-cg-vsteps-rail {
    flex: 0 0 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* the connector runs from the badge down to the next step */
.ayumed-cg-vsteps-rail::after {
    content: "";
    flex: 1 1 auto;
    width: 2px;
    background-color: var(--cg-line);
}

.ayumed-cg-vsteps li:last-child .ayumed-cg-vsteps-rail::after { display: none; }

.ayumed-cg-vsteps-text {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 3px 0 36px;
}

.ayumed-cg-vsteps li:last-child .ayumed-cg-vsteps-text { padding-bottom: 0; }

/* --- Contact cards: multi-line detail block --------------------------- */
.ayumed-cg-contact-lines {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    color: var(--cg-muted);
}

.ayumed-cg-contact-lines a {
    color: var(--cg-muted);
    text-decoration: none;
}

.ayumed-cg-contact-lines a:hover { color: var(--cg-green); }

/* --- Map ------------------------------------------------------------- */
.ayumed-cg-map {
    display: block;
    width: 100%;
    aspect-ratio: 1140 / 320;
    object-fit: cover;
    border-radius: 21px;
}

/* --- Responsive ------------------------------------------------------- */
@media (max-width: 1200px) {
    .ayumed-cg-doctor { grid-template-columns: 380px 1fr; }
}

@media (max-width: 900px) {
    .ayumed-cg-credentials { flex-direction: column; }
    .ayumed-cg-credentials li + li {
        border-left: 0;
        border-top: 1px solid rgba(122, 122, 122, .24);
    }

    .ayumed-cg-doctor { grid-template-columns: 1fr; }
    .ayumed-cg-doctor > img { height: auto; aspect-ratio: 460 / 520; }
    .ayumed-cg-doctor-card { padding: 26px; }

    .ayumed-cg-vsteps li { gap: 18px; }
    .ayumed-cg-vsteps-text { padding-bottom: 28px; }

    .ayumed-cg-map { aspect-ratio: 4 / 3; }
}

/* -------------------------------------------------------------------------
   Contact Us page  (Figma "Contact Us" 825:2) — rendered by page-contact.php.
   The enquiry form is a Contact Form 7 form (#519); the rules below restyle
   CF7's markup to the design's field spec, overriding Flatsome's own input
   styling — hence the high-specificity selectors.
   ------------------------------------------------------------------------- */

/* --- Centred hero (no artwork, text only) ------------------------------ */
.ayumed-cg-hero.is-centered {
    padding: 200px 20px 70px;
    text-align: center;
    margin-top: -145px;
}

.ayumed-cg-hero.is-centered .ayumed-cg-hero-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 22px;
    max-width: 900px;
}

.ayumed-cg-hero.is-centered .ayumed-cg-eyebrow { justify-content: center; }

.ayumed-cg-hero.is-centered .ayumed-cg-hero-title {
    font-family: var(--cg-serif);
    font-size: 61px;
    max-width: 900px;
}

.ayumed-cg-hero.is-centered .ayumed-cg-hero-desc {
    max-width: 700px;
    color: var(--cg-muted);
}

@media (max-width: 900px) {
    .ayumed-cg-hero.is-centered .ayumed-cg-hero-title { font-size: 36px; }
}

/* --- Detail card: big icon over a title + address lines ---------------- */
.ayumed-cg-detailcard {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 34px 32px;
    border: 1px solid var(--cg-line-faint);
    border-radius: 21px;
    background-color: #FFFFFF;
    box-shadow: var(--cg-shadow);
}

.ayumed-cg-detailcard > img { flex: 0 0 auto; display: block; }

.ayumed-cg-detailcard h3 {
    margin: 0 0 12px;
    font-family: var(--cg-serif);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.22;
    color: var(--cg-green);
}

.ayumed-cg-detailcard p {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    color: var(--cg-muted);
}

.ayumed-cg-detailcard a { color: var(--cg-muted); text-decoration: none; }
.ayumed-cg-detailcard a:hover { color: var(--cg-green); }

/* --- Form row: the 656 form card beside the 460 helper card ----------- */
.ayumed-cg-formrow {
    display: grid;
    grid-template-columns: minmax(0, 656fr) minmax(0, 460fr);
    align-items: start;
    gap: 24px;
}

.ayumed-cg-formcard {
    padding: 40px;
    border: 1px solid var(--cg-line-faint);
    border-radius: 21px;
    background-color: #FFFFFF;
    box-shadow: var(--cg-shadow);
}

.ayumed-cg-helpercard {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 36px;
    border-radius: 21px;
    background-color: var(--cg-cream);
}

.ayumed-cg-helpercard > h3 {
    margin: 0;
    font-family: var(--cg-serif);
    font-size: 25px;
    font-weight: 700;
    line-height: 1.22;
    color: var(--cg-ink);
}

.ayumed-cg-helpergroup {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.ayumed-cg-helpergroup h4 {
    margin: 0;
    font-family: var(--cg-serif);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.22;
    color: var(--cg-green);
}

/* =========================== CF7 form =============================== */

.ayumed-cg-form .wpcf7-form > div,
.ayumed-cg-form form > div { margin: 0; }

/* CF7 wraps the whole thing; collapse its default spacing */
.ayumed-cg-form .wpcf7 { margin: 0; }
.ayumed-cg-form form { display: flex; flex-direction: column; gap: 24px; }

/* two-up field row */
.ayumed-cg-form .ayumed-cg-frow {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.ayumed-cg-form .ayumed-cg-field {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

.ayumed-cg-form .ayumed-cg-flabel {
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    color: var(--cg-ink);
}

/* the required marker */
.ayumed-cg-form .ayumed-cg-flabel b {
    font-weight: 400;
    color: var(--cg-orange);
}

/* CF7 emits a wrapping span around each control */
.ayumed-cg-form .wpcf7-form-control-wrap { display: block; width: 100%; }

/* --- the field itself: beat Flatsome's global input styling ----------- */
.ayumed-cg-form input[type="text"],
.ayumed-cg-form input[type="tel"],
.ayumed-cg-form input[type="email"],
.ayumed-cg-form input[type="number"],
.ayumed-cg-form select,
.ayumed-cg-form textarea {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0 18px;
    height: 56px;
    border: 1px solid var(--cg-line-faint) !important;
    border-radius: 12px !important;
    background-color: var(--cg-cream) !important;
    box-shadow: none !important;
    font-family: Mulish, sans-serif;
    font-size: 16px;
    line-height: 23px;
    color: var(--cg-ink);
    -webkit-appearance: none;
    appearance: none;
    transition: border-color .15s ease, background-color .15s ease;
}

.ayumed-cg-form textarea {
    height: 130px;
    padding: 16px 18px;
    resize: vertical;
    line-height: 23px;
}

.ayumed-cg-form input::placeholder,
.ayumed-cg-form textarea::placeholder { color: var(--cg-muted); opacity: 1; }

.ayumed-cg-form input:focus,
.ayumed-cg-form select:focus,
.ayumed-cg-form textarea:focus {
    border-color: var(--cg-green) !important;
    background-color: #FFFFFF !important;
    outline: none;
}

/* select: chevron at the right edge, per the design */
.ayumed-cg-form select {
    padding-right: 46px;
    background-image: url("icons/chevron-down.svg") !important;
    background-repeat: no-repeat !important;
    background-position: right 18px center !important;
    background-size: 14px 16px !important;
    cursor: pointer;
}

/* --- consent checkbox ------------------------------------------------- */
.ayumed-cg-form .ayumed-cg-consent .wpcf7-list-item { margin: 0; }

.ayumed-cg-form .ayumed-cg-consent label {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: var(--cg-muted);
}

.ayumed-cg-form .ayumed-cg-consent input[type="checkbox"] {
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    margin: 0;
    border: 1px solid var(--cg-muted) !important;
    border-radius: 5px !important;
    background-color: #FFFFFF !important;
    box-shadow: none !important;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    position: relative;
}

.ayumed-cg-form .ayumed-cg-consent input[type="checkbox"]:checked {
    border-color: var(--cg-green) !important;
    background-color: var(--cg-green) !important;
}

/* white tick on the filled box */
.ayumed-cg-form .ayumed-cg-consent input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 5px;
    width: 8px;
    height: 5px;
    border-left: 2px solid #FFFFFF;
    border-bottom: 2px solid #FFFFFF;
    transform: rotate(-45deg);
}

.ayumed-cg-form .ayumed-cg-consent .wpcf7-list-item-label { flex: 1 1 auto; }

/* --- submit ----------------------------------------------------------- */
.ayumed-cg-form .ayumed-cg-fsubmit { display: flex; }

.ayumed-cg-form input[type="submit"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    min-height: 60px;
    margin: 0;
    padding: 0 32px;
    border: 0 !important;
    border-radius: 8px !important;
    background-color: var(--cg-green) !important;
    box-shadow: none !important;
    font-family: Mulish, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0;
    text-transform: none;
    color: #FFFFFF !important;
    cursor: pointer;
    transition: background-color .2s ease;
}

.ayumed-cg-form input[type="submit"]:hover {
    background-color: var(--cg-green-dark) !important;
}

.ayumed-cg-form .wpcf7-spinner { margin: 0 0 0 12px; }

/* --- CF7 validation + response messages ------------------------------- */
.ayumed-cg-form .wpcf7-not-valid-tip {
    margin-top: 6px;
    font-size: 13px;
    line-height: 18px;
    color: var(--cg-orange);
}

.ayumed-cg-form input.wpcf7-not-valid,
.ayumed-cg-form select.wpcf7-not-valid,
.ayumed-cg-form textarea.wpcf7-not-valid {
    border-color: var(--cg-orange) !important;
}

.ayumed-cg-form .wpcf7-response-output {
    margin: 0 !important;
    padding: 16px 20px !important;
    border: 1px solid var(--cg-line) !important;
    border-radius: 12px !important;
    background-color: var(--cg-cream);
    font-size: 15px;
    line-height: 22px;
    color: var(--cg-ink);
}

.ayumed-cg-form form.sent .wpcf7-response-output {
    border-color: rgba(21, 108, 95, .45) !important;
    color: var(--cg-green);
}

.ayumed-cg-form form.invalid .wpcf7-response-output,
.ayumed-cg-form form.failed .wpcf7-response-output,
.ayumed-cg-form form.spam .wpcf7-response-output {
    border-color: rgba(238, 137, 97, .55) !important;
}

/* footnote under the form */
.ayumed-cg-fnote {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: var(--cg-muted);
    text-align: center;
}

/* --- Wayfinding ------------------------------------------------------- */
.ayumed-cg-way {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

.ayumed-cg-way > div {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ayumed-cg-way h3 {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0;
    font-family: var(--cg-serif);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.22;
    color: var(--cg-green);
}

.ayumed-cg-way h3 img { flex: 0 0 auto; }

.ayumed-cg-way p {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    color: var(--cg-muted);
}

/* the map on this page is taller than the About one */
.ayumed-cg-map.is-tall { aspect-ratio: 1140 / 380; }

/* --- Responsive ------------------------------------------------------- */
@media (max-width: 1024px) {
    .ayumed-cg-formrow { grid-template-columns: 1fr; }
}

@media (max-width: 900px) {
    .ayumed-cg-formcard { padding: 26px; }
    .ayumed-cg-helpercard { padding: 26px; }
    .ayumed-cg-detailcard { padding: 26px; }
    .ayumed-cg-form .ayumed-cg-frow { grid-template-columns: 1fr; }
    .ayumed-cg-way { grid-template-columns: 1fr; }
    .ayumed-cg-map.is-tall { aspect-ratio: 4 / 3; }
}


.ayumed-cg-hero.is-about,
.ayumed-cg-hero.is-wide-title,
.ayumed-cg-hero{
    margin-top: -145px;
    padding: 200px 20px 50px;
}

/* ======================================================================
   WooCommerce product archive — Figma Products / Listing (851:75)
   ====================================================================== */

.ayumed-shop {
    --shop-green: #156c5f;
    --shop-green-dark: #034b40;
    --shop-orange: #ee8961;
    --shop-cream: #fbf7f3;
    --shop-ink: #232323;
    --shop-muted: #7a7a7a;
    --shop-line: #f8f6f4;
    font-family: Mulish, sans-serif;
    color: var(--shop-ink);
    background: #fff;
}

.ayumed-shop-container {
    width: min(1140px, calc(100% - 40px));
    margin: 0 auto;
}

.ayumed-shop-hero {
    position: relative;
    overflow: hidden;
    margin-top: -212px;
    padding: 223px 20px 76px;
    background: var(--shop-cream);
    text-align: center;
}

.ayumed-shop-hero::before,
.ayumed-shop-hero::after {
    content: "";
    position: absolute;
    top: -84px;
    width: 977px;
    height: 338px;
    background: url("../../uploads/2026/08/jp-hero-deco.webp") center / cover no-repeat;
    opacity: .44;
    filter: blur(3.4px);
    pointer-events: none;
}

.ayumed-shop-hero::before { left: -17px; }
.ayumed-shop-hero::after { right: -17px; transform: scaleX(-1); }

.ayumed-shop-hero__inner {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 22px;
    max-width: 900px;
    margin: 0 auto;
}

.ayumed-shop-eyebrow {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0;
    font-family: "Playfair Display", serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.22;
    color: var(--shop-green);
}

.ayumed-shop-eyebrow span {
    display: block;
    width: 53px;
    height: 2px;
    background: var(--shop-green);
}

.ayumed-shop-hero h1,
.ayumed-shop-section-heading h2,
.ayumed-shop h2,
.ayumed-shop h3 {
    font-family: "Playfair Display", serif;
}

.ayumed-shop-hero h1 {
    margin: 0;
    font-size: 61px;
    font-weight: 400;
    line-height: 1.22;
    color: #232323;
}

.ayumed-shop-hero p {
    max-width: 700px;
    margin: 0;
    color: var(--shop-muted);
    font-size: 16px;
    line-height: 23px;
}

.ayumed-shop-catalog { padding: 40px 0 100px; }

.ayumed-shop-toolbar {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 28px;
}

.ayumed-shop-categories {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.ayumed-shop-categories button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 7px 18px;
    border: 1px solid var(--shop-line);
    border-radius: 999px;
    background: #fff;
    color: var(--shop-ink);
    font-family: Mulish, sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px;
    text-decoration: none;
    text-transform: none;
    cursor: pointer;
}

.ayumed-shop-categories button:hover,
.ayumed-shop-categories button.is-active {
    border-color: var(--shop-green);
    background: var(--shop-green);
    color: #fff;
}

.ayumed-shop-ordering {
    display: flex;
    align-items: center;
    gap: 20px;
    color: var(--shop-muted);
    font-size: 14px;
    white-space: nowrap;
}

.ayumed-shop-ordering .woocommerce-ordering { margin: 0; }

.ayumed-shop-ordering select {
    min-width: 100%;
    height: 36px;
    margin: 0;
    padding: 5px;
    border: 0;
    background-color: transparent;
    box-shadow: none;
    color: var(--shop-ink);
    font-size: 14px;
}

.ayumed-product-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.ayumed-product-card[hidden] { display: none !important; }

.ayumed-product-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    margin: 0;
    padding: 32px;
    border: 1px solid var(--shop-line);
    border-radius: 21px;
    background: #fff;
    box-shadow: 0 22px 11px rgba(0, 0, 0, .09);
}

.ayumed-product-card__media {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 220px;
    overflow: hidden;
    border-radius: 14px;
    background: #fff;
}

.ayumed-product-card__media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.ayumed-product-card__tag {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 3px 14px;
    border: 1px solid var(--shop-green);
    border-radius: 999px;
    background: #fff;
    color: var(--shop-green);
    font-size: 14px;
    line-height: 20px;
}

.ayumed-product-card__body {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 16px;
    padding-top: 16px;
}

.ayumed-product-card__title {
    margin: 0;
    overflow: hidden;
    color: var(--shop-green);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.22;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ayumed-product-card__title a { color: inherit; }

.ayumed-product-card__meta,
.ayumed-product-card__description {
    margin: 0;
    color: var(--shop-muted);
}

.ayumed-product-card__meta {
    min-height: 20px;
    font-size: 14px;
    line-height: 20px;
}

.ayumed-product-card__description {
    display: -webkit-box;
    min-height: 46px;
    overflow: hidden;
    font-size: 16px;
    line-height: 23px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.ayumed-product-card__price {
    margin-top: auto;
    color: var(--shop-ink);
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
}

.ayumed-product-card__price del { color: var(--shop-muted); font-size: 15px; }
.ayumed-product-card__price ins { text-decoration: none; }

.ayumed-product-card__action .button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 48px;
    margin: 0;
    padding: 0 24px;
    border: 0;
    border-radius: 8px;
    background: var(--shop-green);
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0;
    text-transform: none;
}

.ayumed-product-card__action .button:hover { background: var(--shop-green-dark); }

.ayumed-product-card__action .added_to_cart {
    display: block;
    margin-top: 8px;
    color: var(--shop-green);
    text-align: center;
}

.ayumed-shop-consultation {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    min-height: 132px;
    padding: 32px 36px;
    border-radius: 21px;
    background: linear-gradient(180deg, var(--shop-green), var(--shop-green-dark));
    color: var(--shop-cream);
}

.ayumed-shop-consultation h2 {
    margin: 0 0 8px;
    color: inherit;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.22;
}

.ayumed-shop-consultation p { margin: 0; color: inherit; opacity: .88; }

.ayumed-shop-consultation > a {
    flex: 0 0 auto;
    padding: 13px 22px;
    border-radius: 8px;
    background: var(--shop-cream);
    color: var(--shop-green);
    font-size: 14px;
}

.ayumed-shop .woocommerce-pagination { margin-top: 45px; }
.ayumed-shop .woocommerce-pagination .page-numbers { margin: 0; }
.ayumed-shop .woocommerce-pagination .page-number {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid var(--shop-line);
    border-radius: 8px;
    color: var(--shop-ink);
    font-size: 16px;
}
.ayumed-shop .woocommerce-pagination .page-number.current,
.ayumed-shop .woocommerce-pagination a.page-number:hover {
    border-color: var(--shop-green);
    background: var(--shop-green);
    color: #fff;
}

.ayumed-shop-trust { padding: 100px 0; background: var(--shop-cream); }

.ayumed-shop-section-heading {
    display: flex;
    flex-direction: column;
    gap: 22px;
    margin-bottom: 45px;
}

.ayumed-shop-section-heading h2 {
    margin: 0;
    font-size: 49px;
    font-weight: 400;
    line-height: 1.22;
    color: #232323;
}

.ayumed-shop-trust__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
}

.ayumed-shop-trust-card {
    min-height: 213px;
    padding: 28px;
    border: 1px solid var(--shop-line);
    border-radius: 21px;
    background: #fff;
    box-shadow: 0 22px 11px rgba(0, 0, 0, .09);
}

.ayumed-shop-trust-card img { display: block; width: 32px; height: 32px; object-fit: contain; margin-bottom: 16px; }
.ayumed-shop-trust-card h3 { margin: 0 0 16px; color: var(--shop-green); font-size: 20px; line-height: 1.22; }
.ayumed-shop-trust-card p { margin: 0; color: var(--shop-muted); font-size: 16px; line-height: 23px; }

.ayumed-shop-closing { padding: 80px 0 100px; }

.ayumed-shop-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    min-height: 220px;
    padding: 48px;
    border-radius: 21px;
    background: linear-gradient(180deg, var(--shop-green), var(--shop-green-dark));
    color: var(--shop-cream);
}

.ayumed-shop-cta h2 { margin: 0 0 14px; color: inherit; font-size: 39px; line-height: 1.22; }
.ayumed-shop-cta p { margin: 0; color: inherit; opacity: .88; }
.ayumed-shop-cta__actions { display: flex; flex-direction: column; align-items: flex-end; gap: 18px; }
.ayumed-shop-cta__button { display: inline-flex; align-items: center; min-height: 60px; padding: 0 32px; border-radius: 8px; background: var(--shop-cream); color: var(--shop-green); }
.ayumed-shop-cta__phone { display: flex; align-items: center; gap: 10px; color: var(--shop-cream); }
.ayumed-shop-cta__phone:hover { color: #fff; }
.ayumed-shop-cta__phone img { display: block; width: 18px; height: 18px; }

.ayumed-shop-disclaimer {
    display: flex;
    overflow: hidden;
    border-radius: 21px;
    background: var(--shop-cream);
}

.ayumed-shop-disclaimer__bar { flex: 0 0 6px; background: var(--shop-orange); }
.ayumed-shop-disclaimer__body { display: flex; flex: 1; gap: 20px; padding: 32px 34px; }
.ayumed-shop-disclaimer__body > img { flex: 0 0 28px; width: 28px; height: 28px; object-fit: contain; }
.ayumed-shop-disclaimer h2 { margin: 0 0 12px; font-size: 25px; line-height: 1.22; }
.ayumed-shop-disclaimer p { margin: 0; color: var(--shop-muted); font-size: 16px; line-height: 23px; }

@media (max-width: 1024px) {
    .ayumed-shop-toolbar { align-items: flex-start; flex-direction: column; }
    .ayumed-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ayumed-shop-trust__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
    .ayumed-shop-hero { margin-top: 0; padding: 70px 20px; }
    .ayumed-shop-hero h1 { font-size: 38px; }
    .ayumed-shop-catalog,
    .ayumed-shop-trust,
    .ayumed-shop-closing { padding: 64px 0; }
    .ayumed-shop-ordering { width: 100%; justify-content: space-between; }
    .ayumed-product-grid,
    .ayumed-shop-trust__grid { grid-template-columns: 1fr; }
    .ayumed-product-card { padding: 24px; }
    .ayumed-shop-consultation,
    .ayumed-shop-cta { align-items: flex-start; flex-direction: column; padding: 32px 26px; }
    .ayumed-shop-section-heading h2 { font-size: 38px; }
    .ayumed-shop-cta h2 { font-size: 31px; }
    .ayumed-shop-cta__actions { align-items: flex-start; }
    .ayumed-shop-disclaimer__body { padding: 26px 20px; }
}

/* Ayumed informational product cards and product details. */
.ayumed-product-card__actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: auto; }
.ayumed-product-card__actions a { display: flex; align-items: center; justify-content: center; min-height: 46px; padding: 10px 14px; border: 1px solid var(--shop-green); border-radius: 8px; font-size: 14px; line-height: 20px; text-align: center; }
.ayumed-product-card__details { background: var(--shop-green); color: #fff; }
.ayumed-product-card__details:hover { background: var(--shop-green-dark); color: #fff; }
.ayumed-product-card__contact { background: #fff; color: var(--shop-green); }
.ayumed-product-card__contact:hover { background: var(--shop-cream); color: var(--shop-green-dark); }

.ayumed-product-detail { --product-green: #0e6f61; --product-dark: #16443b; --product-cream: #f8f3ea; --product-soft: #f2f7f3; --product-line: #dfe7e2; --product-muted: #66736f; color: #25312e; font-family: Mulish, sans-serif; }
.ayumed-product-detail h1,.ayumed-product-detail h2,.ayumed-product-detail h3 { font-family: "Playfair Display", serif; }
.ayumed-product-container { width: min(1200px, calc(100% - 40px)); margin: 0 auto; }
.ayumed-product-hero { padding: 74px 0 84px; background: #fff; }
.ayumed-product-hero__grid { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr); gap: 74px; align-items: start; }
.ayumed-product-gallery__main { display: flex; align-items: center; justify-content: center; height: 460px; overflow: hidden; border-radius: 22px; background: var(--product-cream); }
.ayumed-product-gallery__main img { width: 100%; height: 100%; object-fit: contain; }
.ayumed-product-gallery__thumbs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 14px; }
.ayumed-product-gallery__thumbs button { height: 96px; margin: 0; padding: 0; overflow: hidden; border: 1px solid var(--product-line); border-radius: 12px; background: #fff; }
.ayumed-product-gallery__thumbs button.is-active { border: 2px solid var(--product-green); }
.ayumed-product-gallery__thumbs img { width: 100%; height: 100%; object-fit: cover; }
.ayumed-product-summary { padding-top: 2px; }
.ayumed-product-pill { display: inline-flex; padding: 7px 15px; border: 1px solid var(--product-green); border-radius: 99px; color: var(--product-green); font-size: 14px; }
.ayumed-product-summary h1 { margin: 18px 0 7px; color: #222; font-size: clamp(42px, 4vw, 61px); font-weight: 400; line-height: 1.08; }
.ayumed-product-tagline { margin: 0 0 9px; color: var(--product-green); font-family: "Playfair Display", serif; font-size: 23px; }
.ayumed-product-package { margin: 0 0 27px; color: var(--product-muted); font-size: 14px; }
.ayumed-product-summary h2 { margin: 0 0 12px; color: var(--product-dark); font-size: 25px; line-height: 1.3; }
.ayumed-product-intro { margin: 0; color: var(--product-muted); font-size: 16px; line-height: 1.55; }
.ayumed-product-facts { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; margin: 27px 0; overflow: hidden; border: 1px solid var(--product-line); border-radius: 14px; background: var(--product-line); }
.ayumed-product-facts div { padding: 15px 17px; background: #fff; }
.ayumed-product-facts dt { color: var(--product-muted); font-size: 12px; text-transform: uppercase; }
.ayumed-product-facts dd { margin: 4px 0 0; color: var(--product-dark); font-weight: 700; }
.ayumed-product-actions { display: flex; align-items: center; gap: 22px; }
.ayumed-button { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 12px 25px; border-radius: 8px; font-weight: 700; }
.ayumed-button--primary { background: var(--product-green); color: #fff; }
.ayumed-button--primary:hover { background: var(--product-dark); color: #fff; }
.ayumed-product-phone { display: flex; align-items: center; gap: 9px; color: var(--product-green); font-weight: 700; }
.ayumed-product-phone img { width: 20px; height: 20px; }
.ayumed-product-note { display: flex; gap: 12px; margin-top: 22px; padding: 16px; border-radius: 10px; background: var(--product-soft); }
.ayumed-product-note img { width: 21px; height: 21px; }
.ayumed-product-note p { margin: 0; color: var(--product-muted); font-size: 14px; line-height: 1.5; }
.ayumed-product-highlights { padding: 34px 0; border-top: 1px solid var(--product-line); border-bottom: 1px solid var(--product-line); background: var(--product-soft); }
.ayumed-product-highlights__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.ayumed-product-highlights article { display: flex; align-items: flex-start; gap: 13px; }
.ayumed-product-highlights img { width: 30px; height: 30px; }
.ayumed-product-highlights h3 { margin: 0 0 4px; color: var(--product-dark); font-size: 18px; }
.ayumed-product-highlights p { margin: 0; color: var(--product-muted); font-size: 13px; }
.ayumed-product-section { padding: 92px 0; }
.ayumed-product-section--soft { background: var(--product-soft); }
.ayumed-product-heading { margin-bottom: 38px; text-align: center; }
.ayumed-product-heading span,.ayumed-product-suitable__card span { display: block; color: var(--product-green); font-size: 14px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.ayumed-product-heading h2 { margin: 0; color: #222; font-size: clamp(36px, 4vw, 49px); font-weight: 400; }
.ayumed-benefit-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.ayumed-benefit-grid article { overflow: hidden; border: 1px solid var(--product-line); border-radius: 18px; background: #fff; box-shadow: 0 16px 32px rgba(21, 64, 54, .08); }
.ayumed-benefit-grid article > img { width: 100%; height: 190px; object-fit: cover; }
.ayumed-benefit-grid article > div { padding: 22px; }
.ayumed-benefit-grid h3,.ayumed-ingredient-grid h3 { margin: 0 0 9px; color: var(--product-dark); font-size: 20px; }
.ayumed-benefit-grid p,.ayumed-ingredient-grid p { margin: 0; color: var(--product-muted); font-size: 14px; line-height: 1.55; }
.ayumed-ingredient-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px 24px; }
.ayumed-ingredient-grid article { text-align: center; }
.ayumed-ingredient-grid img { width: 138px; height: 138px; margin-bottom: 16px; border-radius: 50%; object-fit: cover; }
.ayumed-composition-note { max-width: 780px; margin: 42px auto 0; color: var(--product-muted); font-size: 13px; text-align: center; }
.ayumed-product-suitable { padding: 78px 0; }
.ayumed-product-suitable__card { display: flex; align-items: flex-start; gap: 28px; padding: 38px 42px; border-radius: 20px; background: var(--product-cream); }
.ayumed-product-suitable__card > img { width: 48px; height: 48px; }
.ayumed-product-suitable__card h2 { margin: 0 0 11px; color: var(--product-dark); font-size: 27px; }
.ayumed-product-suitable__card p { margin: 0; color: var(--product-muted); }
.ayumed-product-howto { background: var(--product-cream); }
.ayumed-product-howto__grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 70px; align-items: center; }
.ayumed-product-howto__image { min-height: 520px; overflow: hidden; border-radius: 20px; background: #e8eee9; }
.ayumed-product-howto__image img { width: 100%; height: 520px; object-fit: cover; }
.ayumed-product-howto .ayumed-product-heading { text-align: left; }
.ayumed-step-list { margin: 0; padding: 0; list-style: none; }
.ayumed-step-list li { display: flex; gap: 17px; margin-bottom: 22px; }
.ayumed-step-list b { display: flex; flex: 0 0 34px; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 50%; background: var(--product-green); color: #fff; }
.ayumed-step-list h3 { margin: 0 0 5px; color: var(--product-dark); font-size: 19px; }
.ayumed-step-list p { margin: 0; color: var(--product-muted); font-size: 14px; line-height: 1.5; }
.ayumed-dose-warning { margin-top: 28px; padding: 20px; border-left: 4px solid #d69242; border-radius: 8px; background: #fff; }
.ayumed-dose-warning h3 { margin: 0 0 7px; color: var(--product-dark); font-size: 18px; }
.ayumed-dose-warning p { margin: 0; color: var(--product-muted); font-size: 14px; }
.ayumed-precaution-tags { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.ayumed-precaution-tags span { padding: 10px 15px; border: 1px solid #efd7b8; border-radius: 99px; background: #fff9f1; color: #6d5030; font-size: 13px; }
.ayumed-warning-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; margin-top: 34px; }
.ayumed-warning-grid article { display: flex; gap: 17px; padding: 27px; border-radius: 16px; background: var(--product-cream); }
.ayumed-warning-grid img { width: 28px; height: 28px; }
.ayumed-warning-grid h3 { margin: 0 0 8px; color: var(--product-dark); font-size: 19px; }
.ayumed-warning-grid p { margin: 0; color: var(--product-muted); font-size: 14px; line-height: 1.55; }
.ayumed-product-details-block { background: var(--product-soft); text-align: center; }
.ayumed-product-details-block > .ayumed-product-container > p { max-width: 820px; margin: 0 auto; color: var(--product-muted); font-size: 16px; line-height: 1.7; }
.ayumed-product-cta { padding: 68px 0; background: linear-gradient(135deg, var(--product-green), var(--product-dark)); color: #fff; }
.ayumed-product-cta .ayumed-product-container { display: flex; align-items: center; justify-content: space-between; gap: 40px; }
.ayumed-product-cta h2 { margin: 0 0 8px; color: #fff; font-size: 38px; }
.ayumed-product-cta p { margin: 0; color: rgba(255,255,255,.78); }
.ayumed-button--light { background: var(--product-cream); color: var(--product-green); }

@media (max-width: 1024px) {
    .ayumed-product-hero__grid,.ayumed-product-howto__grid { gap: 38px; }
    .ayumed-product-highlights__grid,.ayumed-ingredient-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 760px) {
    .ayumed-product-card__actions,.ayumed-product-hero__grid,.ayumed-product-howto__grid,.ayumed-benefit-grid,.ayumed-warning-grid { grid-template-columns: 1fr; }
    .ayumed-product-hero { padding: 38px 0 55px; }
    .ayumed-product-gallery__main { height: 350px; }
    .ayumed-product-gallery__thumbs button { height: 70px; }
    .ayumed-product-summary h1 { font-size: 40px; }
    .ayumed-product-highlights__grid,.ayumed-ingredient-grid { grid-template-columns: 1fr 1fr; }
    .ayumed-product-section { padding: 62px 0; }
    .ayumed-product-howto__image,.ayumed-product-howto__image img { min-height: 340px; height: 340px; }
    .ayumed-product-suitable__card { padding: 28px 24px; }
    .ayumed-product-cta .ayumed-product-container { align-items: flex-start; flex-direction: column; }
}

/* Figma product detail alignment — node 907:942. */
.single-product .ayumed-product-detail { --product-green:#156c5f; --product-dark:#034b40; --product-cream:#fbf7f3; --product-soft:#f8f6f4; --product-line:#e7e0d7; --product-muted:#7a7a7a; margin:0; }
.single-product #wrapper { position:relative; }
.single-product #header,.single-product #main,.single-product #footer { position:relative; z-index:1; }
.ayumed-product-social { position:absolute; z-index:5; top:210px; left:max(24px,calc(50% - 892px)); display:flex; flex-direction:column; gap:15px; }
.ayumed-product-social a { display:flex; align-items:center; justify-content:center; width:46px; height:46px; border-radius:50%; background:var(--product-green); color:#fff; font-family:Arial,sans-serif; font-size:17px; font-weight:700; text-transform:lowercase; }
.ayumed-product-social a:hover { background:var(--product-dark); color:#fff; }
.single-product .ayumed-product-container { width:min(1140px,calc(100% - 40px)); margin-right:auto; margin-left:auto; }
.ayumed-product-breadcrumb { display:flex; align-items:center; gap:10px; margin-top:100px; color:var(--product-muted); font-size:14px; line-height:20px; }
.ayumed-product-breadcrumb a { color:var(--product-muted); }
.ayumed-product-breadcrumb b { color:#232323; font-weight:400; }
.ayumed-product-breadcrumb span { color:#9a9a9a; font-size:20px; }
.single-product .ayumed-product-hero { padding:115px 0 0; }
.single-product .ayumed-product-hero__grid { display:grid; grid-template-columns:repeat(2,minmax(0,558px)); gap:24px; align-items:start; }
.single-product .ayumed-product-gallery { width:100%; }
.single-product .ayumed-product-gallery__main { position:relative; display:block; width:100%; height:460px; overflow:hidden; border:1px solid #7a7a7a; border-radius:21px; background:var(--product-cream); }
.single-product .ayumed-product-gallery__main > img { position:absolute; inset:0; width:100%; max-width:none; height:100%; padding:32px; object-fit:contain; }
.single-product .ayumed-product-gallery__thumbs { display:flex; grid-template-columns:none; gap:19.5px; margin-top:24px; }
.single-product .ayumed-product-gallery__thumbs button { flex:0 0 96px; width:96px; height:96px; padding:0; border:1px solid var(--product-line); border-radius:14px; background:var(--product-cream); }
.single-product .ayumed-product-gallery__thumbs button.is-active { border:2px solid var(--product-green); }
.single-product .ayumed-product-gallery__thumbs img { width:100%; height:100%; border-radius:12px; object-fit:cover; }
.single-product .ayumed-product-gallery__thumbs button:first-child img { object-fit:contain; }
.single-product .ayumed-product-summary { display:flex; flex-direction:column; gap:20px; padding:0; }
.single-product .ayumed-product-pill { align-self:flex-start; min-height:28px; padding:3px 14px; border:1px solid var(--product-green); border-radius:999px; color:var(--product-green); font-size:14px; line-height:20px; }
.single-product .ayumed-product-summary h1 { margin:0; color:#232323; font-size:39px; font-weight:700; line-height:1.22; }
.single-product .ayumed-product-package { margin:0; color:var(--product-muted); font-size:16px; line-height:23px; }
.single-product .ayumed-product-summary h2 { margin:0; color:var(--product-green); font-family:Mulish,sans-serif; font-size:16px; font-weight:700; line-height:normal; }
.single-product .ayumed-product-intro { margin:0; color:var(--product-muted); font-size:16px; line-height:23px; }
.single-product .ayumed-product-intro::after { display:block; width:100%; height:1px; margin-top:20px; background:var(--product-soft); content:""; }
.single-product .ayumed-product-facts { display:grid; grid-template-columns:repeat(2,1fr); gap:20px 24px; margin:0; padding:24px; border:0; border-radius:14px; background:var(--product-cream); }
.single-product .ayumed-product-facts div { padding:0; background:transparent; }
.single-product .ayumed-product-facts dt { color:var(--product-muted); font-size:14px; line-height:normal; text-transform:none; }
.single-product .ayumed-product-facts dd { margin:4px 0 0; color:#232323; font-size:16px; font-weight:700; line-height:normal; text-transform: capitalize; }
.single-product .ayumed-product-actions { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
.single-product .ayumed-button { min-height:48px; padding:0 24px; border-radius:8px; font-size:16px; font-weight:400; }
.single-product .ayumed-button--outline { border:1px solid var(--product-green); background:#fff; color:var(--product-green); }
.single-product .ayumed-product-note { display:flex; gap:12px; margin:0; padding:0; border-radius:0; background:transparent; }
.single-product .ayumed-product-note img { flex:0 0 18px; width:18px; height:18px; margin-top:2px; }
.single-product .ayumed-product-note p { max-width:490px; margin:0; color:var(--product-muted); font-size:16px; line-height:23px; }
.ayumed-product-content { display:flex; flex-direction:column; gap:80px; align-items:center; padding:80px 0 100px; }
.single-product .ayumed-product-highlights { padding:32px 40px; border:0; border-radius:21px; background:var(--product-cream); }
.single-product .ayumed-product-highlights__grid { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.single-product .ayumed-product-highlights article { display:flex; align-items:center; gap:16px; }
.ayumed-product-icon-well { display:flex; flex:0 0 56px; align-items:center; justify-content:center; width:56px; height:56px; border-radius:50%; background:#fff; }
.single-product .ayumed-product-icon-well img { width:24px; height:24px; margin:0; }
.single-product .ayumed-product-highlights h3 { margin:0 0 2px; color:#232323; font-family:Mulish,sans-serif; font-size:16px; font-weight:700; line-height:22px; }
.single-product .ayumed-product-highlights p { margin:0; color:var(--product-muted); font-size:14px; line-height:20px; }
.ayumed-product-block { display:flex; flex-direction:column; gap:45px; }
.single-product .ayumed-product-heading { display:flex; flex-direction:column; gap:22px; align-items:flex-start; margin:0; text-align:left; }
.ayumed-product-eyebrow { display:flex; align-items:center; gap:12px; color:var(--product-green); font-family:"Playfair Display",serif; font-size:16px; font-weight:700; line-height:1.22; }
.ayumed-product-eyebrow span { display:block; width:53px; height:2px; background:var(--product-green); }
.single-product .ayumed-product-heading h2 { margin:0; color:#232323; font-size:49px; font-weight:400; line-height:1.22; }
.single-product .ayumed-benefit-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:48px 24px; }
.single-product .ayumed-benefit-grid article { overflow:visible; border:0; border-radius:0; background:transparent; box-shadow:none; text-align:center; }
.single-product .ayumed-benefit-grid article > img { width:100%; height:243px; margin-bottom:20px; border-radius:21px; object-fit:cover; }
.single-product .ayumed-benefit-grid h3 { margin:0 0 8px; color:#232323; font-size:22px; line-height:30px; }
.single-product .ayumed-benefit-grid p { margin:0; color:var(--product-muted); font-size:16px; line-height:23px; }
.single-product .ayumed-ingredient-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:32px 24px; }
.single-product .ayumed-ingredient-grid article { display:flex; align-items:center; gap:28px; text-align:left; }
.single-product .ayumed-ingredient-grid img { flex:0 0 120px; width:120px; height:120px; margin:0; border-radius:50%; object-fit:cover; }
.single-product .ayumed-ingredient-grid h3 { margin:0 0 6px; color:#232323; font-size:22px; line-height:30px; }
.single-product .ayumed-ingredient-grid p { margin:0; color:var(--product-muted); font-size:16px; line-height:23px; }
.single-product .ayumed-composition-note { display:flex; align-items:flex-start; gap:12px; max-width:none; margin:0; padding:14px 18px; border-radius:8px; background:var(--product-cream); color:var(--product-muted); text-align:left; }
.single-product .ayumed-composition-note img { flex:0 0 18px; width:18px; height:18px; }
.single-product .ayumed-composition-note p { margin:0; font-size:14px; line-height:20px; }
.single-product .ayumed-product-suitable { display:flex; flex-direction:column; gap:16px; align-items:center; padding:56px 120px; border:1px solid var(--product-line); border-radius:21px; background:#fff; text-align:center; }
.single-product .ayumed-product-suitable span { margin:0; color:var(--product-green); font-family:"Playfair Display",serif; font-size:16px; font-weight:700; text-transform:none; }
.single-product .ayumed-product-suitable h2 { margin:0; color:#232323; font-size:31px; font-weight:400; line-height:42px; }
.single-product .ayumed-product-suitable p { margin:0; color:var(--product-muted); font-size:16px; line-height:23px; }
.single-product .ayumed-product-howto { width:100%; padding:100px 0; background:var(--product-cream); }
.single-product .ayumed-product-howto > .ayumed-product-container { display:flex; flex-direction:column; gap:45px; }
.single-product .ayumed-product-howto__grid { display:grid; grid-template-columns:repeat(2,1fr); gap:24px; align-items:center; }
.single-product .ayumed-product-howto__image { min-height:0; min-height:558px; overflow:hidden; border-radius:21px; background:#ece7df; }
.single-product .ayumed-product-howto__image img { width:100%; height:100%; border-radius:21px; object-fit:cover; }
.single-product .ayumed-step-list { margin:0; padding:0; list-style:none; }
.single-product .ayumed-step-list li { display:flex; flex-direction:column; gap:8px; margin:0; padding:28px 0; border-bottom:1px solid var(--product-line); }
.single-product .ayumed-step-list li:first-child { padding-top:0; }
.single-product .ayumed-step-list li > span { color:var(--product-green); font-size:14px; font-weight:700; letter-spacing:1.4px; }
.single-product .ayumed-step-list h3 { margin:0; color:#232323; font-size:22px; line-height:30px; }
.single-product .ayumed-step-list p { margin:0; color:var(--product-muted); font-size:16px; line-height:23px; }
.single-product .ayumed-dose-warning { display:flex; gap:16px; margin:24px 0 0; padding:24px; border:0; border-left:4px solid #ee8961; border-radius:0; background:#fff; }
.single-product .ayumed-dose-warning > img { flex:0 0 24px; width:24px; height:24px; }
.single-product .ayumed-dose-warning h3 { margin:0 0 8px; color:#232323; font-family:Mulish,sans-serif; font-size:16px; font-weight:700; }
.single-product .ayumed-dose-warning p { margin:0; color:var(--product-muted); font-size:14px; line-height:20px; }
.single-product .ayumed-precaution-tags { display:flex; flex-wrap:wrap; justify-content:flex-start; gap:16px; }
.single-product .ayumed-precaution-tags span { display:flex; align-items:center; gap:8px; padding:8px 14px; border:1px solid var(--product-line); border-radius:999px; background:#fff; color:var(--product-muted); font-size:14px; }
.single-product .ayumed-precaution-tags img { width:14px; height:14px; }
.single-product .ayumed-warning-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:24px; margin:0; }
.single-product .ayumed-warning-grid article { display:flex; gap:16px; min-height:150px; padding:28px; border:1px solid var(--product-line); border-radius:14px; background:#fff; box-shadow:0 8px 10px rgba(0,0,0,.1); }
.single-product .ayumed-warning-grid img { flex:0 0 24px; width:24px; height:24px; }
.single-product .ayumed-warning-grid h3 { margin:0 0 8px; color:#232323; font-size:22px; line-height:30px; }
.single-product .ayumed-warning-grid p { margin:0; color:var(--product-muted); font-size:16px; line-height:23px; }
.single-product .ayumed-product-details-block { background:#fff; text-align:left; }
.single-product .ayumed-product-details-copy { display:flex; flex-direction:column; gap:20px; }
.single-product .ayumed-product-details-copy p { margin:0; color:var(--product-muted); font-size:16px; line-height:23px; }
.ayumed-product-specs { display:grid; grid-template-columns:repeat(4,1fr); margin:0; padding:32px 0; border-radius:21px; background:var(--product-cream); }
.ayumed-product-specs div { padding:0 32px; border-right:1px solid #f8f6f4; display: flex; flex-direction: column; }
.ayumed-product-specs div:last-child { border:0; }
.ayumed-product-specs dt { color:var(--product-muted); font-size:14px; line-height:20px; text-transform: capitalize; }
.ayumed-product-specs dd { margin:8px 0 0; color:#232323; font-size:16px; line-height:23px; text-transform: capitalize; }
.ayumed-related-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.ayumed-related-grid article { padding:32px; border:1px solid var(--product-soft); border-radius:21px; background:#fff; box-shadow:0 22px 11px rgba(0,0,0,.09); }
.ayumed-related-image { position:relative; display:block; height:220px; overflow:hidden; border-radius:14px; background:var(--product-cream); }
.ayumed-related-image img { width:100%; height:100%; object-fit:contain; }
.ayumed-related-image span { position:absolute; top:0; left:0; padding:3px 14px; border:1px solid var(--product-green); border-radius:999px; background:#fff; color:var(--product-green); font-size:14px; }
.ayumed-related-grid h3 { margin:16px 0; color:var(--product-green); font-size:20px; }
.ayumed-related-grid p { min-height:46px; margin:0 0 16px; color:var(--product-muted); font-size:16px; line-height:23px; }
.ayumed-related-grid .ayumed-related-package { min-height:20px; font-size:14px; line-height:20px; }
.ayumed-related-grid article > div { display:grid; grid-template-columns:1fr 1fr; gap:12px; padding-top:8px; }
.ayumed-related-grid article > div a { display:flex; align-items:center; justify-content:center; min-height:48px; border:1px solid var(--product-green); border-radius:8px; color:var(--product-green); }
.ayumed-related-grid article > div a:last-child { background:var(--product-green); color:#fff; }
.single-product .ayumed-related-all { align-self:center; min-height:60px; padding:0 32px; }
.single-product .ayumed-product-cta { display:flex; align-items:center; justify-content:space-between; width:min(1140px,calc(100% - 40px)); min-height:220px; padding:48px; border-radius:21px; background:linear-gradient(180deg,var(--product-green),var(--product-dark)); color:var(--product-cream); }
.single-product .ayumed-product-cta h2 { margin:0 0 14px; color:var(--product-cream); font-size:39px; line-height:1.22; }
.single-product .ayumed-product-cta p { margin:0; color:var(--product-cream); font-size:16px; opacity:.88; }
.ayumed-product-cta__actions { display:flex; flex-direction:column; gap:18px; align-items:flex-end; }
.ayumed-product-cta__actions .ayumed-button { min-height:60px; padding:0 32px; }
.ayumed-product-cta__actions > a:last-child { display:flex; align-items:center; gap:10px; color:var(--product-cream); font-size:16px; }
.ayumed-product-cta__actions > a:last-child img { width:18px; height:18px; }

@media (max-width: 1024px) {
    .ayumed-product-social { display:none; }
    .single-product .ayumed-product-hero { padding-top:70px; }
    .single-product .ayumed-product-gallery__main > img { inset:0; width:100%; }
    .single-product .ayumed-product-gallery__thumbs { gap:12px; }
    .single-product .ayumed-product-gallery__thumbs button { flex:1 1 0; min-width:0; }
    .single-product .ayumed-product-highlights__grid { grid-template-columns:repeat(2,1fr); }
    .single-product .ayumed-product-howto__image { height:500px; }
    .ayumed-related-grid article { padding:22px; }
}
@media (max-width: 760px) {
    body.single-product { overflow-x:hidden; }
    .single-product .ayumed-product-detail { width:100%; max-width:100%; overflow-x:hidden; }
    .single-product .ayumed-product-container { width:calc(100vw - 32px) !important; max-width:calc(100vw - 32px) !important; margin-right:16px !important; margin-left:16px !important; }
    .ayumed-product-breadcrumb { padding-top:24px; overflow:hidden; white-space:nowrap; margin-top: 20px;}
    .single-product .ayumed-product-hero { padding-top:48px; }
    .single-product .ayumed-product-hero__grid,.single-product .ayumed-product-howto__grid { width:calc(100vw - 32px) !important; max-width:calc(100vw - 32px) !important; grid-template-columns:minmax(0,1fr); }
    .single-product .ayumed-product-hero__grid > *,.single-product .ayumed-product-summary > * { min-width:0; max-width:100%; }
    .single-product .ayumed-product-gallery { min-width:0; max-width:100%; overflow:hidden; }
    .single-product .ayumed-product-gallery__main { width:100%; max-width:100%; height:350px; }
    .single-product .ayumed-product-gallery__main > img { inset:0; width:100%; height:100%; padding:24px; }
    .single-product .ayumed-product-gallery__thumbs { display:grid; width:100%; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; }
    .single-product .ayumed-product-gallery__thumbs button { width:100%; min-width:0; height:auto; aspect-ratio:1/1; }
    .single-product .ayumed-product-summary { margin-top:48px; }
    .single-product .ayumed-product-summary h1 { max-width:100%; font-size:36px; overflow-wrap:anywhere; }
    .single-product .ayumed-product-package,.single-product .ayumed-product-summary h2,.single-product .ayumed-product-intro,.single-product .ayumed-product-note p { max-width:100%; white-space:normal; overflow-wrap:anywhere; }
    .single-product .ayumed-product-facts { width:100%; grid-template-columns:1fr; gap:20px; white-space:normal; }
    .single-product .ayumed-product-facts div,.single-product .ayumed-product-facts dt,.single-product .ayumed-product-facts dd { min-width:0; max-width:100%; white-space:normal; overflow-wrap:anywhere; }
    .single-product .ayumed-product-actions { grid-template-columns:1fr; }
    .single-product .ayumed-product-actions,.single-product .ayumed-product-actions .ayumed-button,.single-product .ayumed-product-note { width:100%; max-width:100%; }
    .ayumed-product-content { gap:60px; padding-top:60px; }
    .single-product .ayumed-product-highlights { padding:28px 24px; }
    .single-product .ayumed-product-highlights__grid,.single-product .ayumed-benefit-grid,.single-product .ayumed-ingredient-grid,.single-product .ayumed-warning-grid,.ayumed-related-grid,.ayumed-product-specs { grid-template-columns:1fr; }
    .single-product .ayumed-product-heading h2 { font-size:38px; }
    .single-product .ayumed-ingredient-grid article { gap:18px; }
    .single-product .ayumed-ingredient-grid img { flex-basis:90px; width:90px; height:90px; }
    .single-product .ayumed-product-suitable { padding:40px 24px; }
    .single-product .ayumed-product-suitable h2 { font-size:27px; line-height:36px; }
    .single-product .ayumed-product-howto { padding:64px 0; }
    .single-product .ayumed-product-howto__image { height:400px; }
    .ayumed-product-specs div { padding:16px 28px; border-right:0; border-bottom:1px solid #fff; }
    .single-product .ayumed-product-cta { align-items:flex-start; flex-direction:column; padding:36px 28px; }
    .single-product .ayumed-product-cta h2 { font-size:31px; }
    .ayumed-product-cta__actions { align-items:flex-start; }
}

/* Keep typography consistent site-wide while preserving icon fonts. */
:root {
    --ayumed-font-family: "Mulish", Arial, sans-serif;
    --cg-serif: var(--ayumed-font-family);
}

html,
body,
button,
input,
optgroup,
select,
textarea,
body *:not(i):not([class^="icon-"]):not([class*=" icon-"]):not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.fa-solid):not(.fa-regular):not(.fa-brands):not(.dashicons):not(.star-rating):not(.star-rating *):not(.stars):not(.stars *) {
    font-family: var(--ayumed-font-family) !important;
}

@media (max-width: 849px) {
    #main-menu.mobile-sidebar .account-item {
        display: none !important;
    }

    #wrapper .header .header-wrapper,
    #wrapper .header .header-wrapper .header-main,
    #wrapper .header .header-wrapper .header-main .header-inner {
        overflow: visible;
    }

    #wrapper .header .header-wrapper .header-main .logo {
        width: 150px;
        margin-left: 16px;
        z-index: 2;
    }

    #wrapper .header-wrapper .logo .header-logo {
        position: relative;
        z-index: 2;
        margin-top: 0;
        transform: none;
    }
}