.elementor-29453 .elementor-element.elementor-element-9c7983b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29453 .elementor-element.elementor-element-554bfe64{--display:flex;}.elementor-29453 .elementor-element.elementor-element-76f47e04 > .elementor-widget-container{padding:10px 0px 0px 0px;}.elementor-29453 .elementor-element.elementor-element-35ad0332{--display:flex;}.elementor-29453 .elementor-element.elementor-element-76a22726{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-29453 .elementor-element.elementor-element-310c87d9{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-29453 .elementor-element.elementor-element-5f5635d2 img{max-width:80px;}.elementor-29453 .elementor-element.elementor-element-54d91569{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-29453 .elementor-element.elementor-element-130cce7 .price{font-size:22px;}.elementor-29453 .elementor-element.elementor-element-34fdaf03{--divider-border-style:solid;--divider-color:#1010101A;--divider-border-width:1px;}.elementor-29453 .elementor-element.elementor-element-34fdaf03 .elementor-divider-separator{width:100%;}.elementor-29453 .elementor-element.elementor-element-34fdaf03 .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-29453 .elementor-element.elementor-element-428a8313{--display:flex;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#1010101A;--border-color:#1010101A;--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-29453 .elementor-element.elementor-element-c2b8370 > .elementor-widget-container{margin:-1px 0px 0px 0px;}.elementor-29453 .elementor-element.elementor-element-c2b8370 .shop_attributes, .wd-single-attrs.wd-side-hidden .shop_attributes{--wd-attr-col:1;}.elementor-29453 .elementor-element.elementor-element-c2b8370 .shop_attributes{max-width:650px;}.elementor-29453 .elementor-element.elementor-element-1d5ecb1a{--display:flex;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#1010101A;--border-color:#1010101A;--padding-top:30px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}@media(min-width:769px){.elementor-29453 .elementor-element.elementor-element-554bfe64{--width:50%;}.elementor-29453 .elementor-element.elementor-element-35ad0332{--width:50%;}}@media(max-width:1024px){.elementor-29453 .elementor-element.elementor-element-9c7983b{--margin-top:-20px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-29453 .elementor-element.elementor-element-76a22726{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-29453 .elementor-element.elementor-element-310c87d9{width:100%;max-width:100%;}.elementor-29453 .elementor-element.elementor-element-5f5635d2 img{max-width:60px;}.elementor-29453 .elementor-element.elementor-element-130cce7 .price{font-size:18px;}.elementor-29453 .elementor-element.elementor-element-428a8313{--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}}@media(max-width:768px){.elementor-29453 .elementor-element.elementor-element-9c7983b{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-20px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-29453 .elementor-element.elementor-element-310c87d9{width:100%;max-width:100%;}.elementor-29453 .elementor-element.elementor-element-54d91569{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}}/* Start custom CSS for container, class: .elementor-element-9c7983b *//* =========================================================
   PREMIUM SINGLE PRODUCT GALLERY + PAGE STYLING
   Seedha Elementor ke "Custom CSS" box me paste karo
   (koi <?php tag ya PHP code nahi, sirf ye CSS)
========================================================= */

/* 1. HIDE WISHLIST & COMPARE ICONS */
.shopengine_add_to_list_action,
.shopengine-wishlist,
.shopengine_comparison_add_to_list_action,
.shopengine-comparison {
	display: none !important;
}

/* 2. MAIN PRODUCT IMAGE — FIXED SQUARE (1:1), CENTERED, NO CROP */
.wd-single-gallery .wd-carousel-item {
	position: relative;
	width: 100% !important;
	aspect-ratio: 1 / 1;
	height: auto !important;
	border-radius: 18px;
	overflow: hidden;
	background: #f7f7f7;
	display: flex !important;
	align-items: center;
	justify-content: center;
}

.wd-single-gallery .wd-carousel-item figure {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
}

.wd-single-gallery .wd-carousel-item a {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.wd-single-gallery .wd-carousel-item img.wp-post-image {
	width: auto !important;
	height: auto !important;
	max-width: 88% !important;
	max-height: 88% !important;
	object-fit: contain;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	margin: 0 auto;
	position: relative;
	z-index: 1;
	transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

.wd-single-gallery .wd-carousel-item:hover img.wp-post-image {
	transform: scale(1.06);
}

.wd-single-gallery .zoomImg {
	display: none !important;
}

.wd-single-gallery {
	border-radius: 18px;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06);
	animation: rbFadeUp 0.6s ease both;
}

/* 3. THUMBNAILS — SAME SQUARE TREATMENT, SMALLER */
.wd-gallery-thumb .wd-carousel-item {
	border-radius: 10px;
	overflow: hidden;
	background: #f7f7f7;
	aspect-ratio: 1 / 1;
	height: auto !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	border: 2px solid transparent;
}

.wd-gallery-thumb .wd-carousel-item img {
	width: auto !important;
	height: auto !important;
	max-width: 85% !important;
	max-height: 85% !important;
	object-fit: contain;
	margin: 0 auto;
}

.wd-gallery-thumb .wd-carousel-item.wd-thumb-active,
.wd-gallery-thumb .wd-carousel-item:hover {
	border-color: #17381f;
	transform: translateY(-2px);
}

/* 4. PRODUCT TITLE */
.wd-single-title .product_title {
	font-family: 'Playfair Display', serif;
	font-weight: 700;
	font-size: 34px;
	letter-spacing: -0.5px;
	color: #111;
	margin-bottom: 4px;
	animation: rbFadeUp 0.6s ease 0.05s both;
}

/* 5. PRICE */
.wd-single-price .price {
	font-size: 26px;
	font-weight: 700;
	color: #17381f;
	margin: 10px 0 18px;
	animation: rbFadeUp 0.6s ease 0.1s both;
}

/* 6. SHORT DESCRIPTION */
.woocommerce-product-details__short-description {
	font-family: 'Poppins', sans-serif;
	color: #555;
	font-size: 15.5px;
	line-height: 1.75;
	animation: rbFadeUp 0.6s ease 0.15s both;
}

.woocommerce-product-details__short-description p {
	margin: 0 0 10px;
}

/* 7. QUANTITY BOX — MODERN PILL STYLE */
.wd-single-add-cart .quantity {
	display: inline-flex;
	align-items: center;
	border: 1px solid #e5e5e5;
	border-radius: 50px;
	overflow: hidden;
	background: #fafafa;
}

.wd-single-add-cart .quantity .qty,
.wd-single-add-cart .quantity input[type="button"] {
	border: none;
	background: transparent;
	box-shadow: none;
}

.wd-single-add-cart .quantity input[type="button"] {
	width: 42px;
	height: 42px;
	font-size: 18px;
	cursor: pointer;
	transition: background 0.2s ease;
}

.wd-single-add-cart .quantity input[type="button"]:hover {
	background: #eee;
}

.wd-single-add-cart .quantity .qty {
	width: 46px;
	text-align: center;
	font-weight: 600;
}

/* 8. ADD TO CART BUTTON — PREMIUM GRADIENT + HOVER LIFT */
.single_add_to_cart_button {
	background: linear-gradient(135deg, #1d4327, #0f2916) !important;
	border: none !important;
	color: #fff !important;
	font-weight: 600 !important;
	letter-spacing: 0.4px;
	padding: 14px 34px !important;
	border-radius: 50px !important;
	text-transform: uppercase;
	font-size: 13.5px !important;
	box-shadow: 0 8px 20px rgba(23, 56, 31, 0.25);
	transition: all 0.3s ease !important;
}

.single_add_to_cart_button:hover {
	transform: translateY(-3px);
	box-shadow: 0 12px 28px rgba(23, 56, 31, 0.35);
	background: linear-gradient(135deg, #234f30, #17381f) !important;
}

/* Button state: loading (AJAX request chal raha hai) */
.single_add_to_cart_button.rb-loading {
	opacity: 0.7;
	cursor: not-allowed;
	pointer-events: none;
}

/* Button state: added (product cart me add ho gaya) — color/look change */
.single_add_to_cart_button.rb-added {
	background: linear-gradient(135deg, #c9a227, #a9841f) !important;
	box-shadow: 0 8px 20px rgba(169, 132, 31, 0.35);
}

/* "View Cart" link jo Add to Cart ke turant baad dikhta hai */
.rb-view-cart {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-left: 4px;
	padding: 14px 26px;
	border-radius: 50px;
	background: transparent;
	color: #17381f !important;
	border: 2px solid #17381f;
	font-weight: 600;
	font-size: 13.5px;
	text-transform: uppercase;
	text-decoration: none !important;
	transition: all 0.3s ease;
	animation: rbFadeUp 0.35s ease both;
}

.rb-view-cart:hover {
	background: #17381f;
	color: #fff !important;
	transform: translateY(-2px);
}

.wd-single-add-cart form.cart {
	display: flex;
	align-items: center;
	gap: 14px;
	flex-wrap: wrap;
	animation: rbFadeUp 0.6s ease 0.2s both;
}

/* 9. FADE-UP ENTRANCE ANIMATION */
@keyframes rbFadeUp {
	from {
		opacity: 0;
		transform: translateY(14px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* 10. MOBILE TWEAKS */
@media (max-width: 768px) {
	.wd-single-title .product_title {
		font-size: 24px;
	}
	.wd-single-price .price {
		font-size: 21px;
	}
	.single_add_to_cart_button {
		padding: 12px 24px !important;
		font-size: 12px !important;
	}
}/* End custom CSS */