.custom-single-product {
    padding: 80px 0;
    background: #f7f9fc;
}

.csp-container {
    margin: auto;
    display: flex;
    gap: 24px;
}

.csp-gallery { width: 50%; }
.csp-summary { width: 50%; }

.csp-title {
    font-size: 40px;
    margin: 8px 0;
    font-family: 'CaslonGraD'; 
    font-weight:normal;
}

.csp-features {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 12px;
    margin: 24px 0;
}

.feature-box {
    background: #fff;
    padding: 12px 12px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    display: flex;
    gap: 8px;
    color: #151819;
	align-items: center;
}

.variation-options {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.variation-box {
    display: flex;
    justify-content: space-between;
    padding: 18px 22px;
    border-radius: 14px;
    border: 1px solid #e5e7eb;
    cursor: pointer;
    background: #fff;
    transition: 0.3s;
}

.variation-box.active {
    border: 2px solid #6366f1;
    box-shadow: 0 8px 20px rgba(99,102,241,0.15);
}

.csp-price {
    font-size: 26px;
    font-weight: 600;
    margin: 25px 0;
}

.ajax-add {
    background: #6366f1;
    padding: 14px 28px;
    border-radius: 12px;
}
.csp-gallery {
    width: 50%;
}

.csp-gallery-box {
    background: url(https://gray-bat-340530.hostingersite.com/wp-content/uploads/2026/02/Frame-19.png);
    padding: 60px;
    border-radius: 24px;
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    text-align: center;
}

.csp-slider {
    position: relative;
}

.csp-slide {
    display: none;
    text-align: center;
}

.csp-slide img {
    width: 100%;
    height: auto;
}

.csp-slide.active {
    display: block;
}
.csp-prev img,.csp-next img {
    width: 32px;
    height: 32px;
}

.csp-prev,
.csp-next {
    background: transparent;
    padding: 0;
}


/* Counter */
.csp-counter {
    font-size: 18px;
}
.arrow_bg {
    display: inline-flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-top: 8px;
    background: #FFFFFF66;
    padding: 12px;
    border-radius: 8px;
    gap: 12px;
}
span.current {
    color: #000;
}

/* SECTION WRAPPER */
.why-semaglutide-acf {
    padding: 140px 0px;
}
.acf-single-product-clininc.extra {
    margin-top: 140px;
}
/* MAIN BLUE BOX */
.why-semaglutide-section {
    position: relative;
    padding: 80px;
    background: linear-gradient(135deg, #9db6c4 0%, #7f9eae 100%);
    border-radius: 40px;
    overflow: hidden;
    color: #fff;
}
.csp-short-desc {
    font-size: 18px; font-weight: normal;
}
/* WAVE */
.bg-wave {
    position: absolute;
    top: 80px;
    left: 0;
    width: 100%;
    opacity: 0.4;
}

/* CONTAINER */
.container-1560 {
    max-width: 1560px;
    margin: auto;
    padding: 0 60px;
    position: relative;
    z-index: 2;
}

/* HERO IMAGE */
.hero-image1 {
    position: relative;
    text-align: center;
}

.hero-image1 img {
    position: relative;
    z-index: 3;
    margin: 0 auto;
}

/* GRID */
.top-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    margin-top: -240px;
    margin-bottom: 24px;
}

.bottom-grid {
    display: flex;
    gap: 24px;
    flex-wrap: nowrap;
    align-items: stretch;
}
.bottom-grid .glass-card.small {
    width: 35%;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
}

/* GLASS CARD */
.glass-card {
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
    background: #0000000D;
    border-radius: 32px;
    padding: 32px;
    border: 1px solid rgba(255,255,255,0.15);
}

/* LARGE HEADINGS */
.glass-card.large h2 {
    font-family: 'CaslonGraD';
    font-weight: normal;
    font-size: 32px;
    letter-spacing: 0.5px;
    margin-bottom: 16px;
    color: #fff;
}

/* SMALL HEADINGS */
.glass-card.small h3 {
    font-size: 32px;
    font-family: 'CaslonGraD';
    font-weight: normal;
    letter-spacing: 0.5px;
    margin-bottom: 18px;
    color: #fff;
    margin-bottom: 20px;
}

/* DESCRIPTION */
.glass-card .desc { font-size: 16px; line-height: 1.8; margin-bottom: 30px; font-family: 'SofiaPro'; font-weight: 400; color: #FFFFFFE5; border-bottom: 1px solid #FFFFFF26; padding-bottom: 32px; }

/* LIST */
.check-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.check-list li {
    font-size: 16px;
    margin-bottom: 12px;
    padding-left: 32px;
    position: relative;
    line-height: 1.6;
    color: #FFFFFFE5;
}

/* GREEN CHECK */
.check-list li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    width: 22px;
    height: 22px;
    background: #00ff84;
    color: #0c3b2f;
    font-size: 14px;
    font-weight: bold;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* SMALL TEXT */
.glass-card.small p {
    font-size: 16px;
    line-height: 1.8;
    opacity: 0.9;
    margin-bottom: 0;
}

/* MIDDLE IMAGE */
.middle-image img {
    width: 100%;
    border-radius: 24px;
}

.single-product h1.product_title.entry-title {
    display: none;
}

.custom-variation-wrapper {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 30px;
}

.variation-card {
    border: 1px solid #E6F1FE;
    padding: 16px 20px;
    border-radius: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease;
    background: #fff;
}

.variation-card:hover {
    border-color: #1a73e8;
}

.variation-card.active {
    border: 2px solid #1a73e8;
    background: #f8fbff;
}

.variation-left {
    display: flex;
    align-items: center;
    gap: 15px;
}

.variation-left input[type="radio"] {
    width: 20px;
    height: 20px;
    accent-color: #1a73e8;
    cursor: pointer;
}

.variation-label,.variation-price {
    font-size: 20px;
    font-weight: 500;
    color: #151819;
}

.single-product table.variations {
    display: none;
}
.single-product p.price {
    display: none;
}

img.btn-cart-icon {
    width: auto !important;
    object-fit: contain;
}
button.single_add_to_cart_button {
    display: flex;
    padding: 16px 24px 14px 24px;
    flex-direction: row-reverse;
    gap: 12px;
    background: var(--ast-global-color-0) !important;
    border-radius: 12px;
    text-transform: capitalize;
}
.quantity {
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
    width: fit-content;
}

/* Input */
.quantity .qty {
    width: 50px;
    text-align: center;
    border: none;
    font-size: 16px;
    font-weight: 600;
}

/* Remove arrows */
.quantity input::-webkit-outer-spin-button,
.quantity input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Buttons */
.qty-btn {
    width: 36px;
    height: 34px;
    text-align: center;
    border: 1px solid #ccc;
    padding: 0px;
    background: #fff !important;
    border-radius: 4px;
    line-height: normal;
    font-weight: normal;
    font-size: 22px;
}
.quantity .qty {
    border: none;
    background: none;
    width: 36px;
    height: 34px;
    text-align: center;
    box-shadow: none;
}
.add_cls {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}

.qty-btn:hover {
    background: #e2e2e2;
}

.qty-btn.minus {
    border-right: 1px solid #ddd;
}

.qty-btn.plus {
    border-left: 1px solid #ddd;
}
.small-cart-title h5 {
    font-size: 24px;
    margin-bottom: 16px;
    font-family: 'CaslonGraD'; 
    font-weight:normal;
}
.csp-prev:hover, .csp-next:hover {
    background: transparent;
}
.clinic-main-title h2 { color: #1B202A; text-align: center; font-size: 48px; font-family: 'CaslonGraD'; font-weight: normal; letter-spacing: 0.5px;  margin-bottom: 48px; }
.clinic-acf-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.clinic-acf-list .clinic-box { background: #fff; padding: 40px; border-radius: 32px; }
.clinic-box h4 { color: #070F12; font-size: 24px; font-family: 'CaslonGraD'; font-weight: normal; letter-spacing: 0.5px;  margin-bottom: 8px; }
.clinic-box p { font-size: 18px; color: #4D4D4D; margin-bottom: 32px;  font-weight: normal; }
@media(max-width: 1440px){
    .why-semaglutide-acf {
        padding: 100px 0px;
    }
    .acf-single-product-clininc.extra {
    margin-top: 100px;
    }
    .clinic-box h4 {
            font-size: 28px;
    }
}
@media(max-width: 1300px) and (min-width:1024px){
	    .clinic-box h4 {
        font-size: 21px;
    }
	.clinic-acf-list .clinic-box {
		padding: 20px;
		min-height: 35px;
	}
}
@media(min-width:1024px) and (max-width:1220px){
	
	.clinic-box h4 { min-height: 78px; }
	.clinic-box p { min-height: 70px; }
	
	
	
}

@media(min-width:768px) and (max-width: 1220px){
	.bottom-grid {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
}
	.bottom-grid .glass-card.small:first-child,.bottom-grid .gym-image {
    width: calc(50% - 14px) !important;
}
	
	.bottom-grid .glass-card.small:last-child {
    width: 100% !important;
}
}
@media(max-width:1024px){
    .why-semaglutide-section {     padding: 40px; }
    .glass-card {
        padding: 20px;
    }
    .csp-gallery-box { padding: 30px; }
    .custom-single-product {
    padding: 50px 0;}
    .why-semaglutide-acf {
        padding: 70px 0px;
    }
    .csp-title { font-size: 30px; }
    .csp-container{
        gap:20px;
    }
    .csp-gallery,
    .csp-summary{
        width:100%;
    }
    .csp-short-desc {
    font-size: 16px;
    }
    .bottom-grid {
        gap: 20px;
    }
    .glass-card.small h3 { font-size: 20px;margin-bottom: 10px; }
    .glass-card.large h2 { font-size: 25px; margin-bottom: 10px;}
    .glass-card .desc { padding-bottom: 20px;margin-bottom: 20px; }
    .variation-card { padding:8px 10px; }
    .variation-label,.variation-price { font-size: 16px; font-weight: 500; color: #151819; }
    .clinic-main-title h2 { font-size: 36px; margin-bottom: 36px; }
    .clinic-acf-list .clinic-box { padding: 20px; border-radius: 20px; }
    .clinic-box h4 { font-size: 20px; margin-bottom: 8px; }
    .clinic-box p { font-size: 16px; color: #4D4D4D; margin-bottom: 32px; }
	.clinic-box p { min-height: 60px; }
    
}



@media(max-width:992px){
    .csp-container{
        flex-direction: column;
        gap:20px;
    }
    .why-semaglutide-acf {
        padding: 50px 0px;
    }
    .acf-single-product-clininc.extra {
        margin-top: 50px;
    }
    .csp-title { font-size: 25px; }
    .csp-short-desc { font-size: 16px; }
    
    .bottom-grid > div { width:100% !important;margin-bottom:20px; }
    .top-grid { grid-template-columns: 1fr; }
    .small-cart-title h5 { font-size: 18px; margin-bottom: 10px; }
    .clinic-main-title h2 { font-size: 30px; margin-bottom: 30px; }
}
@media(max-width: 767px){
	.bottom-grid { display: block; }
    .top-grid { margin-top: -100px; }
    .why-semaglutide-section { padding: 20px; }
        .glass-card.large h2 { font-size: 20px; }
    .clinic-main-title h2 { font-size: 25px; margin-bottom: 25px; }
    .clinic-acf-list { grid-template-columns: 1fr; gap: 20px; }
    .variation-card { padding: 12px 10px; }
}