/**
 * ==========================================================
 * CHACHA HOME — SINGLE PRODUCT
 * ==========================================================
 *
 * Product Detail Foundation V1.0
 *
 * Version: 1.0.0
 */


/**
 * ==========================================================
 * 01. PAGE FOUNDATION
 * ==========================================================
 */

body.single-product {
	background:
		var(
			--chacha-background,
			#F6F1EA
		);
}


body.single-product
.site-main {
	background:
		var(
			--chacha-background,
			#F6F1EA
		);
}


/**
 * Main product wrapper
 */

body.single-product
div.product {
	position: relative;

	width: 100%;
}



/**
 * ==========================================================
 * CHACHA HOME ? KADENCE PDP BREADCRUMB
 * ==========================================================
 *
 * Kadence remains the breadcrumb data / hierarchy owner.
 * Child Theme owns PDP presentation only.
 */

body.single-product
#kadence-breadcrumbs {
  width: 100%;
  margin:
    16px
    0
    28px;

  padding: 0;

  border: 0;
  background: transparent;
  box-shadow: none;
}


body.single-product
#kadence-breadcrumbs
.kadence-breadcrumb-container {
  display: flex;
  align-items: center;

  width: 100%;
  min-height: 64px;

  padding:
    0
    20px;

  overflow-x: auto;
  overflow-y: hidden;

  border: 0;
  border-radius: 0;

  background:
    var(
      --chacha-surface-soft,
      #FAF7F2
    );

  font-family:
    var(
      --chacha-font-body,
      Inter,
      sans-serif
    );

  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;

  color:
    var(
      --chacha-text-muted,
      #6A5F58
    );

  white-space: nowrap;

  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;

  box-sizing: border-box;
}


body.single-product
#kadence-breadcrumbs
.kadence-breadcrumb-container::-webkit-scrollbar {
  display: none;
}


body.single-product
#kadence-breadcrumbs
.kadence-breadcrumb-container
> span {
  display: inline-flex;
  align-items: center;

  flex: 0 0 auto;
}


body.single-product
#kadence-breadcrumbs
a {
  display: inline-flex;
  align-items: center;

  min-height: 44px;

  border: 0 !important;

  color: inherit;

  text-decoration: none !important;
  box-shadow: none !important;

  transition:
    color 160ms ease;
}


@media (hover: hover) and (pointer: fine) {

  body.single-product
  #kadence-breadcrumbs
  a:hover {
    color:
      var(
        --chacha-text-strongest,
        #201A17
      );
  }

}


body.single-product
#kadence-breadcrumbs
a:focus-visible {
  outline:
    2px
    solid
    var(
      --chacha-accent,
      #B08D57
    );

  outline-offset: 3px;
}


/**
 * Accessible home label remains in the DOM.
 * Only its visual representation becomes the home icon.
 */
body.single-product
#kadence-breadcrumbs
.kadence-bc-home {
  position: relative;

  justify-content: center;

  width: 32px;
  min-height: 44px;
}


body.single-product
#kadence-breadcrumbs
.kadence-bc-home
> span {
  position: absolute;

  width: 1px;
  height: 1px;

  margin: -1px;
  padding: 0;

  overflow: hidden;

  clip: rect(0 0 0 0);
  clip-path: inset(50%);

  white-space: nowrap;

  border: 0;
}


body.single-product
#kadence-breadcrumbs
.kadence-bc-home::before {
  content: "";

  display: block;

  width: 18px;
  height: 18px;

  background: currentColor;

  -webkit-mask:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M3 9.5 10 3.5l7 6v7a1 1 0 0 1-1 1h-4.25v-5h-3.5v5H4a1 1 0 0 1-1-1z' fill='none' stroke='black' stroke-width='1.4' stroke-linejoin='round'/%3E%3C/svg%3E")
    center / contain
    no-repeat;

  mask:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M3 9.5 10 3.5l7 6v7a1 1 0 0 1-1 1h-4.25v-5h-3.5v5H4a1 1 0 0 1-1-1z' fill='none' stroke='black' stroke-width='1.4' stroke-linejoin='round'/%3E%3C/svg%3E")
    center / contain
    no-repeat;
}


/**
 * Kadence native "/" delimiter becomes a quiet chevron.
 */
body.single-product
#kadence-breadcrumbs
.bc-delimiter {
  position: relative;

  display: inline-block;

  width: 28px;
  height: 44px;

  flex:
    0
    0
    28px;

  overflow: hidden;

  font-size: 0;
  line-height: 0;

  color:
    var(
      --chacha-text-muted,
      #6A5F58
    );
}


body.single-product
#kadence-breadcrumbs
.bc-delimiter::before {
  content: "";

  position: absolute;

  top: 50%;
  left: 50%;

  width: 7px;
  height: 7px;

  border-top:
    1px
    solid
    currentColor;

  border-right:
    1px
    solid
    currentColor;

  opacity: 0.58;

  transform:
    translate(-65%, -50%)
    rotate(45deg);
}


body.single-product
#kadence-breadcrumbs
.kadence-bread-current {
  font-weight: 500;

  color:
    var(
      --chacha-text-strongest,
      #201A17
    );
}


@media (max-width: 767px) {

  body.single-product
  #kadence-breadcrumbs {
    margin:
      12px
      0
      20px;
  }


  body.single-product
  #kadence-breadcrumbs
  .kadence-breadcrumb-container {
    min-height: 56px;

    padding:
      0
      14px;

    font-size: 13px;
  }


  body.single-product
  #kadence-breadcrumbs
  .bc-delimiter {
    width: 22px;

    flex-basis: 22px;
  }

}


/**
 * ==========================================================
 * 02. MAIN PRODUCT LAYOUT
 * ==========================================================
 *
 * Desktop:
 *
 * Gallery        Product Summary
 * 56%            44%
 */

body.single-product
div.product {
	display: grid;

	grid-template-columns:
		minmax(0, 1.18fr)
		minmax(360px, 0.82fr);

	column-gap:
		clamp(
			48px,
			6vw,
			96px
		);

	align-items: start;
}


/**
 * ==========================================================
 * 03. PRODUCT GALLERY V1.0
 * ==========================================================
 */

body.single-product
.woocommerce-product-gallery {
	position: relative;

	float: none !important;

	width: 100% !important;

	margin: 0 !important;

	min-width: 0;
}


/**
 * FlexSlider viewport
 */

body.single-product
.woocommerce-product-gallery
.flex-viewport {
	width: 100%;

	overflow: hidden;

	background:
		#FFFDFC;
}


/**
 * Gallery wrapper
 */

body.single-product
.woocommerce-product-gallery__wrapper {
	margin: 0 !important;

	padding: 0 !important;
}


/**
 * ==========================================================
 * MAIN IMAGE FRAME — 4:5
 * ==========================================================
 */

body.single-product
.woocommerce-product-gallery__image {
	position: relative;

	overflow: hidden;

	background:
		#FFFDFC;
}


body.single-product
.woocommerce-product-gallery__image
a {
	position: relative;

	display: flex;

	align-items: center;
	justify-content: center;

	width: 100%;

	aspect-ratio:
		4 / 5;

	overflow: hidden;

	background:
		#FFFDFC;
}


/**
 * Main product image
 *
 * Single product page uses contain.
 *
 * We do NOT crop the product.
 */

body.single-product
.woocommerce-product-gallery__image
a > img:not(.zoomImg) {
	display: block;

	width: 100% !important;
	height: 100% !important;

	max-width: 100% !important;

	margin: 0 !important;

	padding: 0;

	object-fit: contain;

	object-position: center;

	background:
		#FFFDFC;
}


/**
 * ==========================================================
 * ZOOM / LIGHTBOX BUTTON
 * ==========================================================
 */

body.single-product
.woocommerce-product-gallery__trigger {
	position: absolute !important;

	top: 18px !important;
	right: 18px !important;
	left: auto !important;

	z-index: 20;

	display: inline-flex !important;

	align-items: center;
	justify-content: center;

	width: 44px !important;
	height: 44px !important;

	margin: 0 !important;

	padding: 0 !important;

	border:
		1px
		solid
		rgba(
			215,
			206,
			196,
			0.9
		);

	border-radius: 50% !important;

	background:
		rgba(
			255,
			253,
			252,
			0.92
		) !important;

	color:
		var(
			--chacha-text-strongest,
			#201A17
		);

	box-shadow:
		0
		6px
		20px
		rgba(
			32,
			26,
			23,
			0.06
		);

	transition:
		border-color 180ms ease,
		color 180ms ease,
		background-color 180ms ease,
		transform 180ms ease;
}


body.single-product
.woocommerce-product-gallery__trigger:hover {
	border-color:
		var(
			--chacha-accent,
			#B08D57
		);

	color:
		var(
			--chacha-accent,
			#B08D57
		);

	background:
		#FFFDFC !important;

	transform:
		scale(1.04);
}


/**
 * Keep WooCommerce icon centered.
 */

body.single-product
.woocommerce-product-gallery__trigger::before,
body.single-product
.woocommerce-product-gallery__trigger::after {
	box-sizing: border-box;
}



/**
 * ==========================================================
 * 04. GALLERY THUMBNAILS V2.1
 * ==========================================================
 *
 * ChaCha Home PDP gallery navigation.
 *
 * Desktop >= 1025:
 * - Vertical thumbnail rail on the left.
 * - Main product image on the right.
 * - Up / down navigation when the rail overflows.
 *
 * Tablet / mobile:
 * - Horizontal rail below the main image.
 * - Native horizontal scrolling remains available.
 *
 * WooCommerce remains responsible for:
 * - active product slide
 * - image selection
 * - zoom
 * - lightbox
 */


/**
 * ----------------------------------------------------------
 * Base thumbnail rail
 * ----------------------------------------------------------
 */

body.single-product
div.product
div.images
.flex-control-thumbs {
        transform:
                none !important;

        left:
                auto;

        right:
                auto;

        top:
                auto;

        bottom:
                auto;

        justify-content:
                flex-start;

        display:
                flex !important;

        flex-direction:
                row;

        flex-wrap:
                nowrap !important;

        align-items:
                stretch;

        gap:
                12px;

        width:
                100%;

        margin:
                0 !important;

        padding:
                0
                2px
                4px !important;

        overflow-x:
                auto;

        overflow-y:
                hidden;

        list-style:
                none;

        scrollbar-width:
                none;

        -ms-overflow-style:
                none;

        -webkit-overflow-scrolling:
                touch;

        overscroll-behavior-x:
                contain;

        scroll-snap-type:
                x proximity;
}


body.single-product
.flex-control-thumbs::-webkit-scrollbar {
        display:
                none;
}


body.single-product
div.product
div.images
.flex-control-thumbs
li {
        float:
                none !important;

        flex:
                0
                0
                104px !important;

        width:
                104px !important;

        max-width:
                104px !important;

        height:
                130px;

        margin:
                0 !important;

        padding:
                0 !important;

        scroll-snap-align:
                start;
}


body.single-product
.flex-control-thumbs
img {
        display:
                block;

        box-sizing:
                border-box;

        width:
                100% !important;

        height:
                130px !important;

        margin:
                0 !important;

        padding:
                0;

        object-fit:
                contain;

        object-position:
                center;

        background:
                #FFFDFC;

        border:
                1px solid
                rgba(
                        32,
                        26,
                        23,
                        0.12
                );

        border-radius:
                2px;

        opacity:
                0.72;

        cursor:
                pointer;

        transition:
                border-color 180ms ease,
                opacity 180ms ease,
                transform 180ms ease;
}


body.single-product
.flex-control-thumbs
img.flex-active {
        border-color:
                var(
                        --chacha-accent,
                        #B08D57
                );

        opacity:
                1;
}


/**
 * ----------------------------------------------------------
 * Progressive-enhancement wrapper
 * ----------------------------------------------------------
 */

body.single-product
.chacha-gallery-thumbs {
        display:
                grid;

        grid-template-columns:
                minmax(0, 1fr);

        align-items:
                center;

        width:
                100%;

        min-width:
                0;

        margin-top:
                14px;
}


body.single-product
.chacha-gallery-thumbs
.flex-control-thumbs {
        min-width:
                0;

        margin:
                0 !important;
}


body.single-product
.chacha-gallery-thumbs.has-overflow {
        grid-template-columns:
                40px
                minmax(0, 1fr)
                40px;

        gap:
                10px;
}


/**
 * ----------------------------------------------------------
 * Navigation buttons
 * ----------------------------------------------------------
 */

body.single-product
.chacha-gallery-thumbs__button {
        display:
                none;

        align-items:
                center;

        justify-content:
                center;

        width:
                40px;

        height:
                40px;

        margin:
                0;

        padding:
                0;

        border:
                1px solid
                rgba(
                        32,
                        26,
                        23,
                        0.16
                );

        border-radius:
                50%;

        background:
                #FFFDFC;

        color:
                #201A17;

        font:
                inherit;

        font-size:
                18px;

        line-height:
                1;

        cursor:
                pointer;

        transition:
                border-color 180ms ease,
                color 180ms ease,
                background-color 180ms ease,
                opacity 180ms ease;
}


body.single-product
.chacha-gallery-thumbs.has-overflow
.chacha-gallery-thumbs__button {
        display:
                inline-flex;
}


body.single-product
.chacha-gallery-thumbs__button:hover:not(:disabled) {
        border-color:
                var(
                        --chacha-accent,
                        #B08D57
                );

        color:
                var(
                        --chacha-accent-dark,
                        #8F6F3F
                );
}


body.single-product
.chacha-gallery-thumbs__button:focus-visible {
        outline:
                2px solid
                var(
                        --chacha-accent,
                        #B08D57
                );

        outline-offset:
                3px;
}


body.single-product
.chacha-gallery-thumbs__button:disabled {
        opacity:
                0.28;

        cursor:
                default;
}


/**
 * ----------------------------------------------------------
 * Desktop ? vertical gallery rail
 * ----------------------------------------------------------
 */

@media (min-width: 1025px) {

        body.single-product
        .woocommerce-product-gallery.chacha-gallery--thumbs-ready {
                display:
                        grid;

                grid-template-columns:
                        96px
                        minmax(0, 1fr);

                grid-template-rows:
                        auto;

                column-gap:
                        16px;

                align-items:
                        stretch;
        }


        body.single-product
        .woocommerce-product-gallery.chacha-gallery--thumbs-ready
        .flex-viewport {
                grid-column:
                        2;

                grid-row:
                        1;

                min-width:
                        0;

                width:
                        100%;
        }


        body.single-product
        .woocommerce-product-gallery.chacha-gallery--thumbs-ready
        .chacha-gallery-thumbs {
                grid-column:
                        1;

                grid-row:
                        1;

                align-self:
                        stretch;

                width:
                        96px;

                height:
                        100%;

                min-height:
                        0;

                margin:
                        0;
        }


        body.single-product
        .woocommerce-product-gallery.chacha-gallery--thumbs-ready
        .chacha-gallery-thumbs.has-overflow {
                grid-template-columns:
                        96px;

                grid-template-rows:
                        40px
                        minmax(0, 1fr)
                        40px;

                row-gap:
                        10px;
        }


        body.single-product
        div.product
        div.images.woocommerce-product-gallery.chacha-gallery--thumbs-ready
        .flex-control-thumbs {
                flex-direction:
                        column;

                align-items:
                        center;

                gap:
                        10px;

                width:
                        96px;

                height:
                        100%;

                min-height:
                        0;

                padding:
                        0 !important;

                overflow-x:
                        hidden;

                overflow-y:
                        auto;

                overscroll-behavior-x:
                        auto;

                overscroll-behavior-y:
                        contain;

                scroll-snap-type:
                        y proximity;
        }


        body.single-product
        div.product
        div.images.woocommerce-product-gallery.chacha-gallery--thumbs-ready
        .flex-control-thumbs
        li {
                flex:
                        0
                        0
                        120px !important;

                width:
                        96px !important;

                max-width:
                        96px !important;

                height:
                        120px;

                scroll-snap-align:
                        start;
        }


        body.single-product
        .woocommerce-product-gallery.chacha-gallery--thumbs-ready
        .flex-control-thumbs
        img {
                width:
                        96px !important;

                height:
                        120px !important;

                object-fit:
                        contain;
        }


        body.single-product
        .woocommerce-product-gallery.chacha-gallery--thumbs-ready
        .chacha-gallery-thumbs__button {
                justify-self:
                        center;

                align-self:
                        center;
        }

}


/**
 * ----------------------------------------------------------
 * Hover
 * ----------------------------------------------------------
 */

@media (hover: hover) and (pointer: fine) {

        body.single-product
        .flex-control-thumbs
        img:hover {
                border-color:
                        rgba(
                                32,
                                26,
                                23,
                                0.34
                        );

                opacity:
                        1;

                transform:
                        translateY(-1px);
        }

}


/**
 * ----------------------------------------------------------
 * Tablet
 * ----------------------------------------------------------
 */

@media (max-width: 1024px) {

        body.single-product
        .woocommerce-product-gallery.chacha-gallery--thumbs-ready {
                display:
                        block;
        }


        body.single-product
        .chacha-gallery-thumbs {
                margin-top:
                        14px;
        }


        body.single-product
        .flex-control-thumbs {
                gap:
                        10px;
        }


        body.single-product
        .woocommerce-product-gallery__trigger {
                top:
                        14px !important;

                right:
                        14px !important;

                width:
                        42px !important;

                height:
                        42px !important;
        }

}


/**
 * ----------------------------------------------------------
 * Mobile
 * ----------------------------------------------------------
 */

@media (max-width: 767px) {

        body.single-product
        .woocommerce-product-gallery__image
        a {
                aspect-ratio:
                        4 / 5;
        }


        body.single-product
        .chacha-gallery-thumbs,

        body.single-product
        .chacha-gallery-thumbs.has-overflow {
                display:
                        block;

                margin-top:
                        10px;
        }


        body.single-product
        .chacha-gallery-thumbs__button {
                display:
                        none !important;
        }


        body.single-product
        .flex-control-thumbs {
                gap:
                        8px;

                padding-bottom:
                        2px !important;
        }


        body.single-product
div.product
div.images
.flex-control-thumbs
li {
                flex-basis:
                        72px !important;

                width:
                        72px !important;

                max-width:
                        72px !important;

                height:
                        90px;
        }


        body.single-product
        .flex-control-thumbs
        img {
                height:
                        90px !important;
        }


        body.single-product
        .woocommerce-product-gallery__trigger {
                top:
                        12px !important;

                right:
                        12px !important;

                width:
                        40px !important;

                height:
                        40px !important;
        }

}


/**
 * ----------------------------------------------------------
 * Small mobile
 * ----------------------------------------------------------
 */

@media (max-width: 430px) {

        body.single-product
div.product
div.images
.flex-control-thumbs
li {
                flex-basis:
                        68px !important;

                width:
                        68px !important;

                max-width:
                        68px !important;

                height:
                        85px;
        }


        body.single-product
        .flex-control-thumbs
        img {
                height:
                        85px !important;
        }

}


/**
 * ----------------------------------------------------------
 * Reduced motion
 * ----------------------------------------------------------
 */

@media (prefers-reduced-motion: reduce) {

        body.single-product
        .flex-control-thumbs {
                scroll-behavior:
                        auto;
        }


        body.single-product
        .flex-control-thumbs
        img,

        body.single-product
        .woocommerce-product-gallery__trigger,

        body.single-product
        .chacha-gallery-thumbs__button {
                transition:
                        none;
        }

}


/**
 * ==========================================================
 * 05. PRODUCT SUMMARY
 * ==========================================================
 */

body.single-product
.summary.entry-summary {
	float: none !important;

	width: 100% !important;

	margin: 0 !important;

	min-width: 0;

	padding-top: 8px;
}


/**
 * ==========================================================
 * 06. CATEGORY EYEBROW
 * ==========================================================
 */

.chacha-single-product__eyebrow {
	display: flex;

	align-items: center;

	flex-wrap: wrap;

	gap: 8px;

	margin:
		0
		0
		10px;

	font-family:
		var(
			--chacha-font-body,
			Inter,
			sans-serif
		);

	font-size: 10px;
	font-weight: 600;

	line-height: 1.4;

	letter-spacing: 0.14em;

	text-transform: uppercase;

	color:
		var(
			--chacha-accent,
			#B08D57
		);
}


.chacha-single-product__eyebrow a {
	color: inherit;

	text-decoration: none;
}


.chacha-single-product__eyebrow a:hover {
	color:
		var(
			--chacha-text-strongest,
			#201A17
		);
}


.chacha-single-product__eyebrow-separator {
	opacity: 0.45;
}


/**
 * ==========================================================
 * 07. PRODUCT TITLE
 * ==========================================================
 */

body.single-product
.product_title {
	margin:
		0
		0
		14px;

	font-family:
		var(
			--chacha-font-heading,
			"Cormorant Garamond",
			serif
		);

	font-size:
		clamp(
			40px, 3.4vw, 52px
		);

	font-weight: 400;

	line-height: 1.02;

	letter-spacing: -0.02em;

	color:
		var(
			--chacha-text-strongest,
			#201A17
		);
}


/**
 * ==========================================================
 * 08. RATING
 * ==========================================================
 */







/**
 * ==========================================================
 * 09. PRICE
 * ==========================================================
 */










/**
 * ==========================================================
 * 10. SHORT DESCRIPTION
 * ==========================================================
 */







/**
 * ==========================================================
 * 11. ADD TO CART FOUNDATION
 * ==========================================================
 */

body.single-product
form.cart {
	display: flex;

	align-items: stretch;

	flex-wrap: wrap;

	gap: 10px;

	margin:
		28px
		0 !important;

	padding:
		26px
		0;

	border-top:
		1px
		solid
		var(
			--chacha-subtle,
			#D7CEC4
		);

	border-bottom:
		1px
		solid
		var(
			--chacha-subtle,
			#D7CEC4
		);
}


/**
 * Quantity
 */

body.single-product
.quantity {
	float: none !important;

	margin: 0 !important;
}


body.single-product
.quantity
.qty {
	width: 72px;
	height: 50px;

	margin: 0;

	padding:
		0
		8px;

	border:
		1px
		solid
		var(
			--chacha-subtle,
			#D7CEC4
		);

	border-radius: 0;

	background: transparent;

	font-family:
		var(
			--chacha-font-body,
			Inter,
			sans-serif
		);

	font-size: 13px;
	font-weight: 500;

	text-align: center;

	color:
		var(
			--chacha-text-strongest,
			#201A17
		);

	box-shadow: none;
}


/**
 * Add To Cart
 */

body.single-product
.single_add_to_cart_button {
	flex:
		1
		1
		220px;

	min-height: 50px;

	margin: 0 !important;

	padding:
		0
		24px !important;

	border:
		1px
		solid
		var(
			--chacha-text-strongest,
			#201A17
		) !important;

	border-radius: 0 !important;

	background:
		var(
			--chacha-text-strongest,
			#201A17
		) !important;

	font-family:
		var(
			--chacha-font-body,
			Inter,
			sans-serif
		) !important;

	font-size: 11px !important;
	font-weight: 600 !important;

	letter-spacing: 0.1em;

	text-transform: uppercase;

	color:
		#FFFDFC !important;

	box-shadow: none !important;

	transition:
		background-color 180ms ease,
		border-color 180ms ease;
}


body.single-product
.single_add_to_cart_button:hover {
	border-color:
		var(
			--chacha-accent,
			#B08D57
		) !important;

	background:
		var(
			--chacha-accent,
			#B08D57
		) !important;
}


/**
 * ==========================================================
 * 12. PRODUCT META
 * ==========================================================
 */

body.single-product
.product_meta {
	display: flex;

	flex-direction: column;

	gap: 7px;

	margin-top: 22px;

	padding-top: 20px;

	border-top:
		1px
		solid
		var(
			--chacha-subtle,
			#D7CEC4
		);

	font-family:
		var(
			--chacha-font-body,
			Inter,
			sans-serif
		);

	font-size: 11px;

	line-height: 1.5;

	color:
		var(
			--chacha-text-medium,
			#6A5F58
		);
}


body.single-product
.product_meta
a {
	color:
		var(
			--chacha-text-strong,
			#3B322D
		);

	text-decoration: none;
}


body.single-product
.product_meta
a:hover {
	color:
		var(
			--chacha-accent,
			#B08D57
		);
}


/**
 * ==========================================================
 * 13. TABLET
 * ==========================================================
 */

@media (max-width: 1024px) {

	body.single-product
	div.product {
		column-gap: 40px;

		grid-template-columns:
			minmax(0, 1fr)
			minmax(320px, 0.9fr);
	}


	body.single-product
	.product_title {
		font-size: 42px;
	}

}


/**
 * ==========================================================
 * 14. STACKED PRODUCT LAYOUT
 * ==========================================================
 *
 * Product pages need more breathing room than catalogue cards,
 * therefore we stack slightly earlier than 767px.
 */

@media (max-width: 900px) {

	body.single-product
	div.product {
		display: block;
	}


	body.single-product
	.woocommerce-product-gallery {
		margin-bottom:
			42px !important;
	}


	body.single-product
	.summary.entry-summary {
		padding-top: 0;
	}

}


/**
 * ==========================================================
 * 15. MOBILE
 * ==========================================================
 */

@media (max-width: 767px) {

	body.single-product
	.woocommerce-product-gallery {
		margin-bottom:
			32px !important;
	}







	body.single-product
	.woocommerce-product-details__short-description {
		margin-bottom: 22px;

		font-size: 13px;
	}





	body.single-product
	.quantity
	.qty {
		width: 64px;

		height: 48px;
	}




}
/**
 * ==========================================================
 * PRODUCT SUMMARY V1.0
 * ==========================================================
 */


/**
 * ==========================================================
 * 16. SUMMARY RHYTHM
 * ==========================================================
 */

body.single-product
.summary.entry-summary {
	color:
		var(
			--chacha-text-strongest,
			#201A17
		);
}


/**
 * ==========================================================
 * 17. PRODUCT RATING
 * ==========================================================
 */

body.single-product
.woocommerce-product-rating {
	display: flex;

	align-items: center;

	flex-wrap: wrap;

	gap: 10px;

	margin:
		0
		0
		14px !important;
}


/**
 * Stars
 */

body.single-product
.star-rating {
	font-size: 13px;

	letter-spacing: 0.04em;

	color:
		var(
			--chacha-accent,
			#B08D57
		);
}


body.single-product
.woocommerce-review-link {
	font-family:
		var(
			--chacha-font-body,
			Inter,
			sans-serif
		);

	font-size: 11px;
	font-weight: 500;

	line-height: 1.4;

	color:
		var(
			--chacha-text-medium,
			#6A5F58
		);

	text-decoration: none;

	transition:
		color
		180ms
		ease;
}


body.single-product
.woocommerce-review-link:hover {
	color:
		var(
			--chacha-accent,
			#B08D57
		);
}


/**
 * ==========================================================
 * 18. PRICE — PREMIUM HIERARCHY
 * ==========================================================
 */

body.single-product
.summary.entry-summary
> .price {
	display: flex;

	align-items: baseline;

	flex-wrap: wrap;

	gap:
		7px
		11px;

	margin:
		0
		0
		10px !important;

	font-family:
		var(
			--chacha-font-body,
			Inter,
			sans-serif
		);

	font-size: 24px;
	font-weight: 600;

	line-height: 1.25;

	letter-spacing: -0.02em;

	color:
		var(
			--chacha-text-strongest,
			#201A17
		);
}


/**
 * Regular / old price
 */

body.single-product
.summary
.price
del {
	order: 2;

	font-size: 14px;
	font-weight: 400;

	line-height: 1.3;

	color:
		var(
			--chacha-text-medium,
			#6A5F58
		);

	opacity: 0.62;
}


/**
 * Sale price
 */

body.single-product
.summary
.price
ins {
	order: 1;

	font-size: inherit;
	font-weight: 600;

	text-decoration: none;

	color:
		var(
			--chacha-text-strongest,
			#201A17
		);
}


/**
 * ==========================================================
 * 19. SALE PERCENTAGE
 * ==========================================================
 */

.chacha-single-sale {
	display: flex;

	align-items: center;

	gap: 9px;

	margin:
		0
		0
		16px;
}


.chacha-single-sale__badge {
	display: inline-flex;

	align-items: center;
	justify-content: center;

	min-height: 28px;

	padding:
		0
		9px;

	background:
		var(
			--chacha-text-strongest,
			#201A17
		);

	font-family:
		var(
			--chacha-font-body,
			Inter,
			sans-serif
		);

	font-size: 10px;
	font-weight: 600;

	line-height: 1;

	letter-spacing: 0.08em;

	color: #FFFDFC;
}


.chacha-single-sale__label {
	font-family:
		var(
			--chacha-font-body,
			Inter,
			sans-serif
		);

	font-size: 10px;
	font-weight: 600;

	line-height: 1.4;

	letter-spacing: 0.1em;

	text-transform: uppercase;

	color:
		var(
			--chacha-accent,
			#B08D57
		);
}


/**
 * ==========================================================
 * 20. STOCK + SKU
 * ==========================================================
 */

.chacha-product-status {
	display: flex;

	align-items: center;

	justify-content: space-between;

	flex-wrap: wrap;

	gap:
		10px
		20px;

	margin:
		0
		0
		16px;

	padding:
		12px 0;

	border-top:
		1px
		solid
		var(
			--chacha-subtle,
			#D7CEC4
		);

	border-bottom:
		1px
		solid
		var(
			--chacha-subtle,
			#D7CEC4
		);
}


/**
 * Stock
 */

.chacha-product-status__stock {
	display: inline-flex;

	align-items: center;

	gap: 8px;

	font-family:
		var(
			--chacha-font-body,
			Inter,
			sans-serif
		);

	font-size: 10px;
	font-weight: 600;

	line-height: 1.4;

	letter-spacing: 0.08em;

	text-transform: uppercase;
}


/**
 * Status Dot
 */

.chacha-product-status__dot {
	width: 7px;
	height: 7px;

	flex:
		0
		0
		7px;

	border-radius: 50%;

	background: currentColor;
}


/**
 * In Stock
 */

.chacha-product-status__stock.is-in-stock {
	color:
		var(
			--chacha-success,
			#2F6B4F
		);
}


/**
 * Out of Stock
 */

.chacha-product-status__stock.is-out-of-stock {
	color:
		var(
			--chacha-alert,
			#A63D40
		);
}


/**
 * Backorder
 */

.chacha-product-status__stock.is-backorder {
	color:
		var(
			--chacha-warning,
			#B7791F
		);
}


/**
 * SKU
 */

.chacha-product-status__sku {
	display: flex;

	align-items: center;

	gap: 5px;

	font-family:
		var(
			--chacha-font-body,
			Inter,
			sans-serif
		);

	font-size: 10px;
	font-weight: 400;

	line-height: 1.4;

	letter-spacing: 0.03em;

	color:
		var(
			--chacha-text-medium,
			#6A5F58
		);
}


.chacha-product-status__sku-label {
	font-weight: 600;

	color:
		var(
			--chacha-text-strong,
			#3B322D
		);
}


/**
 * ==========================================================
 * 21. SHORT DESCRIPTION
 * ==========================================================
 */

body.single-product
.woocommerce-product-details__short-description {
	max-width: 590px;

	margin:
		0
		0
		26px !important;

	font-family:
		var(
			--chacha-font-body,
			Inter,
			sans-serif
		);

	font-size: 14px;
	font-weight: 400;

	line-height: 1.75;

	color:
		var(
			--chacha-text-medium,
			#6A5F58
		);
}


body.single-product
.woocommerce-product-details__short-description
p {
	margin:
		0
		0
		12px;
}


body.single-product
.woocommerce-product-details__short-description
p:last-child {
	margin-bottom: 0;
}


/**
 * ==========================================================
 * 22. REMOVE DEFAULT META SPACING
 * ==========================================================
 *
 * Kept as safety in case another plugin reintroduces meta.
 */

body.single-product
.product_meta {
	display: none;
}


/**
 * ==========================================================
 * 23. MOBILE SUMMARY
 * ==========================================================
 */

@media (max-width: 767px) {
    body.single-product
    .product_title {
        margin-bottom: 12px;

        font-size: 34px;

        line-height: 1.04;

        letter-spacing: -0.018em;
    }


	body.single-product
	.woocommerce-product-rating {
		margin-bottom:
			12px !important;
	}


	body.single-product
.summary.entry-summary
> .price {
		margin-bottom:
			8px !important;

		font-size: 22px;
	}


	body.single-product
	.summary
	.price
	del {
		font-size: 12px;
	}


	.chacha-single-sale {
		margin-bottom: 14px;
	}


	.chacha-single-sale__badge {
		min-height: 26px;

		padding:
			0
			8px;

		font-size: 9px;
	}


	.chacha-product-status {
		gap: 10px;

		margin-bottom: 8px;

		padding:
			10px 0;
	}


	.chacha-product-status__stock,
	.chacha-product-status__sku {
		font-size: 9px;
	}


	body.single-product
	.woocommerce-product-details__short-description {
		font-size: 13px;

		line-height: 1.7;
	}

}
/**
 * ==========================================================
 * PURCHASE AREA V1.0
 * ==========================================================
 */


/**
 * ==========================================================
 * 24. PURCHASE FORM FOUNDATION
 * ==========================================================
 */

body.single-product
form.cart {
	width: 100%;

	margin:
		16px 0 12px !important;

	padding:
		18px 0 16px;

	border-top:
		1px
		solid
		var(
			--chacha-subtle,
			#D7CEC4
		);

	border-bottom:
		1px
		solid
		var(
			--chacha-subtle,
			#D7CEC4
		);
}


/**
 * ==========================================================
 * 25. SIMPLE PRODUCT PURCHASE
 * ==========================================================
 */

body.single-product
form.cart:not(.variations_form):not(.grouped_form) {
	display: grid;

	grid-template-columns:
		auto
		minmax(0, 1fr);

	align-items: stretch;

	gap: 12px;
}
/**
 * WooCommerce / theme clearfix pseudo-elements must not
 * participate as grid items in the simple-product cart.
 */
body.single-product
form.cart:not(.variations_form):not(.grouped_form)::before,

body.single-product
form.cart:not(.variations_form):not(.grouped_form)::after {
    content: none !important;
    display: none !important;
}


/**
 * ==========================================================
 * 26. QUANTITY V1.0
 * ==========================================================
 */

body.single-product
.chacha-qty {
	display: grid !important;

	grid-template-columns:
		42px
		54px
		42px;

	align-items: stretch;

	width: auto;

	height: 50px;

	margin: 0 !important;

	border:
		1px
		solid
		var(
			--chacha-subtle,
			#D7CEC4
		);

	background: transparent;
}


/**
 * Minus / Plus
 */

body.single-product
.chacha-qty__button {
	-webkit-appearance: none;
	appearance: none;

	display: inline-flex;

	align-items: center;
	justify-content: center;

	width: 42px;
	height: 48px;

	margin: 0;

	padding: 0;

	border: 0;

	background: transparent;

	font-family:
		var(
			--chacha-font-body,
			Inter,
			sans-serif
		);

	font-size: 19px;
	font-weight: 300;

	line-height: 1;

	color:
		var(
			--chacha-text-strongest,
			#201A17
		);

	cursor: pointer;

	transition:
		background-color 180ms ease,
		color 180ms ease;
}


body.single-product
.chacha-qty__button:hover:not(:disabled) {
	background:
		rgba(
			176,
			141,
			87,
			0.08
		);

	color:
		var(
			--chacha-accent,
			#B08D57
		);
}


body.single-product
.chacha-qty__button:disabled {
	opacity: 0.28;

	cursor: not-allowed;
}


/**
 * Quantity input
 */

body.single-product
.chacha-qty
.qty {
	-webkit-appearance: textfield;
	appearance: textfield;

	width: 54px !important;
	height: 48px !important;

	min-width: 0;

	margin: 0 !important;

	padding:
		0
		4px !important;

	border: 0 !important;

	border-left:
		1px
		solid
		var(
			--chacha-subtle,
			#D7CEC4
		) !important;

	border-right:
		1px
		solid
		var(
			--chacha-subtle,
			#D7CEC4
		) !important;

	border-radius: 0 !important;

	background: transparent;

	font-family:
		var(
			--chacha-font-body,
			Inter,
			sans-serif
		);

	font-size: 13px;
	font-weight: 600;

	line-height: 48px;

	text-align: center;

	color:
		var(
			--chacha-text-strongest,
			#201A17
		);

	box-shadow: none !important;

	outline: none;
}


body.single-product
.chacha-qty
.qty::-webkit-inner-spin-button,

body.single-product
.chacha-qty
.qty::-webkit-outer-spin-button {
	margin: 0;

	-webkit-appearance: none;
}


/**
 * ==========================================================
 * 27. SINGLE ADD TO CART BUTTON
 * ==========================================================
 */

body.single-product
.single_add_to_cart_button {
	display: inline-flex !important;

	align-items: center;
	justify-content: center;

	width: 100%;

	min-height: 50px;

	margin: 0 !important;

	padding:
		0
		24px !important;

	border:
		1px
		solid
		var(
			--chacha-text-strongest,
			#201A17
		) !important;

	border-radius: 0 !important;

	background:
		var(
			--chacha-text-strongest,
			#201A17
		) !important;

	font-family:
		var(
			--chacha-font-body,
			Inter,
			sans-serif
		) !important;

	font-size: 11px !important;
	font-weight: 600 !important;

	line-height: 1 !important;

	letter-spacing: 0.1em;

	text-transform: uppercase;

	color:
		#FFFDFC !important;

	box-shadow: none !important;

	cursor: pointer;

	transition:
		background-color 180ms ease,
		border-color 180ms ease,
		color 180ms ease,
		opacity 180ms ease;
}


body.single-product
.single_add_to_cart_button:hover:not(:disabled) {
	border-color:
		var(
			--chacha-accent,
			#B08D57
		) !important;

	background:
		var(
			--chacha-accent,
			#B08D57
		) !important;
}


/**
 * Disabled state.
 */

body.single-product
.single_add_to_cart_button:disabled,

body.single-product
.single_add_to_cart_button.disabled,

body.single-product
.single_add_to_cart_button.wc-variation-selection-needed {
	border-color:
		var(
			--chacha-subtle,
			#D7CEC4
		) !important;

	background:
		var(
			--chacha-subtle,
			#D7CEC4
		) !important;

	color:
		#FFFDFC !important;

	opacity: 0.72;

	cursor: not-allowed;
}


/**
 * ==========================================================
 * 28. VARIABLE PRODUCT FORM
 * ==========================================================
 */

body.single-product
form.variations_form {
	display: block;

	width: 100%;
}


/**
 * Variation table
 */

body.single-product
table.variations {
	display: block;

	width: 100%;

	margin:
		0
		0
		22px !important;

	border: 0;

	background: transparent;
}


body.single-product
table.variations
tbody {
	display: block;

	width: 100%;
}


body.single-product
table.variations
tr {
	display: block;

	width: 100%;

	margin:
		0
		0
		24px;
}


body.single-product
table.variations
tr:last-child {
	margin-bottom: 0;
}


body.single-product
table.variations
th,

body.single-product
table.variations
td {
	display: block;

	width: 100%;

	padding: 0 !important;

	border: 0;

	background: transparent;
}


/**
 * Variation Label
 */

body.single-product
table.variations
th.label {
	margin:
		0
		0
		11px;
}


body.single-product
table.variations
th.label
label {
	margin: 0;

	font-family:
		var(
			--chacha-font-body,
			Inter,
			sans-serif
		);

	font-size: 10px;
	font-weight: 600;

	line-height: 1.4;

	letter-spacing: 0.11em;

	text-transform: uppercase;

	color:
		var(
			--chacha-text-strongest,
			#201A17
		);
}


/**
 * ==========================================================
 * 29. NATIVE VARIATION SELECT — FALLBACK
 * ==========================================================
 *
 * Before JavaScript initializes, WooCommerce's native
 * select remains fully usable.
 */

body.single-product
table.variations
select {
	width: 100%;

	height: 48px;

	margin: 0;

	padding:
		0
		40px
		0
		14px;

	border:
		1px
		solid
		var(
			--chacha-subtle,
			#D7CEC4
		);

	border-radius: 0;

	background-color: transparent;

	font-family:
		var(
			--chacha-font-body,
			Inter,
			sans-serif
		);

	font-size: 13px;

	color:
		var(
			--chacha-text-strong,
			#3B322D
		);

	box-shadow: none;

	outline: none;
}


/**
 * Once our variation buttons exist,
 * visually hide the native select.
 *
 * It remains inside DOM for WooCommerce.
 */

body.single-product
select.chacha-variation-select--enhanced {
	position: absolute !important;

	width: 1px !important;
	height: 1px !important;

	margin: -1px !important;

	padding: 0 !important;

	overflow: hidden !important;

	clip:
		rect(
			0,
			0,
			0,
			0
		) !important;

	white-space: nowrap !important;

	border: 0 !important;
}


/**
 * ==========================================================
 * 30. VARIATION OPTION BUTTONS
 * ==========================================================
 */

.chacha-variation-options {
	display: flex;

	align-items: center;

	flex-wrap: wrap;

	gap: 8px;

	width: 100%;
}


.chacha-variation-option {
	-webkit-appearance: none;
	appearance: none;

	display: inline-flex;

	align-items: center;
	justify-content: center;

	min-height: 40px;

	padding:
		0
		14px;

	border:
		1px
		solid
		var(
			--chacha-subtle,
			#D7CEC4
		);

	border-radius: 0;

	background:
		transparent;

	font-family:
		var(
			--chacha-font-body,
			Inter,
			sans-serif
		);

	font-size: 11px;
	font-weight: 500;

	line-height: 1.2;

	letter-spacing: 0.025em;

	color:
		var(
			--chacha-text-strong,
			#3B322D
		);

	cursor: pointer;

	transition:
		border-color 180ms ease,
		background-color 180ms ease,
		color 180ms ease;
}


.chacha-variation-option:hover:not(:disabled) {
	border-color:
		var(
			--chacha-accent,
			#B08D57
		);

	color:
		var(
			--chacha-text-strongest,
			#201A17
		);
}


/**
 * Selected variation.
 */

.chacha-variation-option.is-selected {
	border-color:
		var(
			--chacha-text-strongest,
			#201A17
		);

	background:
		var(
			--chacha-text-strongest,
			#201A17
		);

	color: #FFFDFC;
}


/**
 * Unavailable variation.
 */

.chacha-variation-option:disabled {
	opacity: 0.3;

	cursor: not-allowed;

	text-decoration: line-through;
}


/**
 * ==========================================================
 * 31. RESET VARIATIONS
 * ==========================================================
 */

body.single-product
.reset_variations {
	display: inline-block;

	margin-top: 12px !important;

	font-family:
		var(
			--chacha-font-body,
			Inter,
			sans-serif
		);

	font-size: 9px;
	font-weight: 600;

	line-height: 1.4;

	letter-spacing: 0.08em;

	text-transform: uppercase;

	text-decoration: none;

	color:
		var(
			--chacha-text-medium,
			#6A5F58
		);

	border-bottom:
		1px
		solid
		currentColor;
}


body.single-product
.reset_variations:hover {
	color:
		var(
			--chacha-accent,
			#B08D57
		);
}


/**
 * ==========================================================
 * 32. SELECTED VARIATION DETAILS
 * ==========================================================
 */

body.single-product
.single_variation_wrap {
	width: 100%;
}


body.single-product
.single_variation {
	margin:
		0
		0
		18px;
}


/**
 * Variation Price
 */

body.single-product
.woocommerce-variation-price
.price {
	margin:
		0
		0
		10px !important;

	font-size: 20px;
}


/**
 * Variation Availability
 */

body.single-product
.woocommerce-variation-availability
.stock {
	margin:
		0
		0
		10px;

	font-family:
		var(
			--chacha-font-body,
			Inter,
			sans-serif
		);

	font-size: 10px;
	font-weight: 600;

	line-height: 1.4;

	letter-spacing: 0.07em;

	text-transform: uppercase;
}


/**
 * Variation description.
 */

body.single-product
.woocommerce-variation-description {
	margin:
		0
		0
		14px;

	font-family:
		var(
			--chacha-font-body,
			Inter,
			sans-serif
		);

	font-size: 12px;

	line-height: 1.6;

	color:
		var(
			--chacha-text-medium,
			#6A5F58
		);
}


/**
 * ==========================================================
 * 33. VARIABLE PRODUCT CART ROW
 * ==========================================================
 */

body.single-product
.woocommerce-variation-add-to-cart {
	display: grid;

	grid-template-columns:
		auto
		minmax(0, 1fr);

	align-items: stretch;

	gap: 12px;

	width: 100%;
}


/**
 * ==========================================================
 * 34. REMOVE DUPLICATE SIMPLE PRODUCT STOCK TEXT
 * ==========================================================
 *
 * ChaCha Home already displays stock status in
 * Product Summary V1.0.
 *
 * Variation-specific stock remains visible because it is
 * nested inside .woocommerce-variation-availability.
 */

body.single-product
.summary.entry-summary
> .stock {
	display: none;
}


/**
 * ==========================================================
 * 35. FOCUS STATES
 * ==========================================================
 */

body.single-product
.chacha-qty__button:focus-visible,

.chacha-variation-option:focus-visible,

body.single-product
.single_add_to_cart_button:focus-visible {
	outline:
		1px
		solid
		var(
			--chacha-accent,
			#B08D57
		);

	outline-offset: 3px;
}


/**
 * ==========================================================
 * 36. MOBILE PURCHASE AREA
 * ==========================================================
 */

@media (max-width: 767px) {

	body.single-product
	form.cart {
		margin:
			14px 0 12px !important;

		padding:
			16px 0 14px;
	}


	body.single-product
	form.cart:not(.variations_form):not(.grouped_form),

	body.single-product
	.woocommerce-variation-add-to-cart {
		grid-template-columns:
			132px
			minmax(0, 1fr);

		gap: 10px;
	}


	body.single-product
	.chacha-qty {
		grid-template-columns:
			40px
			50px
			40px;

		height: 48px;
	}


	body.single-product
	.chacha-qty__button {
		width: 40px;
		height: 46px;

		font-size: 18px;
	}


	body.single-product
	.chacha-qty
	.qty {
		width: 50px !important;
		height: 46px !important;

		line-height: 46px;
	}


	body.single-product
	.single_add_to_cart_button {
		min-height: 48px;

		padding:
			0
			12px !important;

		font-size: 9px !important;

		letter-spacing: 0.075em;
	}


	.chacha-variation-option {
		min-height: 38px;

		padding:
			0
			12px;

		font-size: 10px;
	}

}


/**
 * ==========================================================
 * 37. SMALL MOBILE
 * ==========================================================
 */

@media (max-width: 430px) {

	/**
	 * Keep quantity + cart side-by-side while enough room
	 * exists, but allow the cart button to stay readable.
	 */

	body.single-product
	form.cart:not(.variations_form):not(.grouped_form),

	body.single-product
	.woocommerce-variation-add-to-cart {
		grid-template-columns:
			126px
			minmax(0, 1fr);

		gap: 8px;
	}


	body.single-product
	.chacha-qty {
		grid-template-columns:
			38px
			48px
			38px;
	}


	body.single-product
	.chacha-qty__button {
		width: 38px;
	}


	body.single-product
	.chacha-qty
	.qty {
		width: 48px !important;
	}


	.chacha-variation-options {
		gap: 7px;
	}

}
/**
 * ==========================================================
 * TRUST / SHIPPING V1.0
 * ==========================================================
 */


/**
 * ==========================================================
 * 38. TRUST FOUNDATION
 * ==========================================================
 */

.chacha-product-trust {
	width: 100%;

	margin:
		6px
		0
		0;
}


/**
 * ==========================================================
 * 39. SERVICE GRID
 * ==========================================================
 */

.chacha-product-trust__services {
	display: grid;

	grid-template-columns:
		repeat(
			3,
			minmax(0, 1fr)
		);

	border-top:
		1px
		solid
		var(
			--chacha-subtle,
			#D7CEC4
		);

	border-left:
		1px
		solid
		var(
			--chacha-subtle,
			#D7CEC4
		);
}


/**
 * Individual Service
 */

.chacha-product-trust__service {
	display: grid;

	grid-template-columns:
		34px
		minmax(0, 1fr);

	align-items: center;

	gap: 12px;

	min-height: 92px;

	padding:
		18px
		16px;

	border-right:
		1px
		solid
		var(
			--chacha-subtle,
			#D7CEC4
		);

	border-bottom:
		1px
		solid
		var(
			--chacha-subtle,
			#D7CEC4
		);

	background:
		rgba(
			255,
			253,
			252,
			0.22
		);
}


/**
 * ==========================================================
 * 40. TRUST ICON
 * ==========================================================
 */

.chacha-product-trust__icon {
	display: flex;

	align-items: center;
	justify-content: center;

	width: 34px;
	height: 34px;

	color:
		var(
			--chacha-accent,
			#B08D57
		);
}


.chacha-product-trust__icon
svg {
	display: block;

	width: 28px;
	height: 28px;
}


/**
 * ==========================================================
 * 41. TRUST CONTENT
 * ==========================================================
 */

.chacha-product-trust__content {
	min-width: 0;
}


.chacha-product-trust__title {
	margin:
		0
		0
		4px;

	font-family:
		var(
			--chacha-font-body,
			Inter,
			sans-serif
		);

	font-size: 10px;
	font-weight: 600;

	line-height: 1.35;

	letter-spacing: 0.08em;

	text-transform: uppercase;

	color:
		var(
			--chacha-text-strongest,
			#201A17
		);
}


.chacha-product-trust__text {
	margin: 0;

	font-family:
		var(
			--chacha-font-body,
			Inter,
			sans-serif
		);

	font-size: 10px;
	font-weight: 400;

	line-height: 1.5;

	color:
		var(
			--chacha-text-medium,
			#6A5F58
		);
}


/**
 * ==========================================================
 * 42. SHIPPING SUMMARY
 * ==========================================================
 */

.chacha-product-shipping {
	display: flex;

	align-items: center;
	justify-content: space-between;

	flex-wrap: wrap;

	gap:
		14px
		24px;

	margin-top: 18px;

	padding:
		18px
		0;

	border-top:
		1px
		solid
		var(
			--chacha-subtle,
			#D7CEC4
		);

	border-bottom:
		1px
		solid
		var(
			--chacha-subtle,
			#D7CEC4
		);
}

.chacha-product-shipping.is-link-only {
    justify-content: flex-end;

    margin-top: 10px;

    padding:
        10px
        0
        0;

    border-top: 0;
    border-bottom: 0;
}


.chacha-product-shipping.is-link-only
.chacha-product-shipping__link {
    margin-top: 0;
}


/**
 * Shipping Info
 */

.chacha-product-shipping__info {
	display: flex;

	flex-direction: column;

	gap: 4px;
}


.chacha-product-shipping__label {
	font-family:
		var(
			--chacha-font-body,
			Inter,
			sans-serif
		);

	font-size: 9px;
	font-weight: 600;

	line-height: 1.4;

	letter-spacing: 0.09em;

	text-transform: uppercase;

	color:
		var(
			--chacha-text-medium,
			#6A5F58
		);
}


.chacha-product-shipping__value {
	font-family:
		var(
			--chacha-font-body,
			Inter,
			sans-serif
		);

	font-size: 13px;
	font-weight: 600;

	line-height: 1.4;

	color:
		var(
			--chacha-text-strongest,
			#201A17
		);
}


/**
 * Details Link
 */

.chacha-product-shipping__link {
	display: inline-flex;

	align-items: center;

	gap: 7px;

	font-family:
		var(
			--chacha-font-body,
			Inter,
			sans-serif
		);

	font-size: 9px;
	font-weight: 600;

	line-height: 1.4;

	letter-spacing: 0.07em;

	text-transform: uppercase;

	text-decoration: none;

	color:
		var(
			--chacha-text-strong,
			#3B322D
		);

	border-bottom:
		1px
		solid
		currentColor;

	padding-bottom: 2px;

	transition:
		color 180ms ease;
}


.chacha-product-shipping__link:hover {
	color:
		var(
			--chacha-accent,
			#B08D57
		);
}


/**
 * Arrow animation
 */

.chacha-product-shipping__link
span {
	transition:
		transform 180ms ease;
}


.chacha-product-shipping__link:hover
span {
	transform:
		translateX(3px);
}


/**
 * ==========================================================
 * 43. TABLET
 * ==========================================================
 */

@media (max-width: 1024px) {

	.chacha-product-trust__service {
		padding:
			16px
			14px;
	}

}


/**
 * ==========================================================
 * 44. MOBILE
 * ==========================================================
 */

@media (max-width: 767px) {

	.chacha-product-trust {
		margin-top: 4px;
	}


	.chacha-product-trust__service {
		min-height: 86px;

		grid-template-columns:
			30px
			minmax(0, 1fr);

		gap: 10px;

		padding:
			15px
			12px;
	}


	.chacha-product-trust__icon {
		width: 30px;
		height: 30px;
	}


	.chacha-product-trust__icon
	svg {
		width: 25px;
		height: 25px;
	}


	.chacha-product-trust__title {
		font-size: 10px;

		letter-spacing: 0.06em;
	}


	.chacha-product-trust__text {
		font-size: 10px;
			line-height: 1.5;
}

	.chacha-product-shipping {
		margin-top: 16px;

		padding:
			16px
			0;
	}


	.chacha-product-shipping__value {
		font-size: 12px;
	}

}


/**
 * ==========================================================
 * 45. SMALL MOBILE
 * ==========================================================
 */

@media (max-width: 430px) {

	.chacha-product-trust__services {
		grid-template-columns:
			repeat(
				3,
				minmax(0, 1fr)
			);
	}


	.chacha-product-trust__service {
		display: block;

		min-height: 108px;

		padding:
			14px
			10px;
	}


	.chacha-product-trust__icon {
		margin-bottom: 8px;
	}


	.chacha-product-shipping {
		display: block;
	}


	.chacha-product-shipping__link {
		margin-top: 13px;
	}

}
/**
 * ==========================================================
 * PRODUCT INFORMATION V1.0
 * ==========================================================
 */


/**
 * ==========================================================
 * 46. INFORMATION SECTION FOUNDATION
 * ==========================================================
 */

body.single-product
.woocommerce-tabs {
	width: 100%;

	grid-column:
		1 / -1;

	margin:
		96px
		0
		0 !important;

	padding:
		0 !important;

	border: 0;
}


/**
 * WooCommerce can insert clear elements.
 */

body.single-product
.woocommerce-tabs::before,
body.single-product
.woocommerce-tabs::after {
	content: "";

	display: table;
}


body.single-product
.woocommerce-tabs::after {
	clear: both;
}


/**
 * ==========================================================
 * 47. TAB NAVIGATION
 * ==========================================================
 */

body.single-product
div.product
.woocommerce-tabs
ul.tabs {
	display: flex;

	align-items: center;

	flex-wrap: nowrap;

	gap: 0;

	width: 100%;

	margin:
		0
		0
		42px !important;

	padding: 0 !important;

	border: 0 !important;

	border-bottom:
		1px
		solid
		var(
			--chacha-subtle,
			#D7CEC4
		) !important;

	background: transparent !important;

	list-style: none;

	overflow-x: auto;

	overflow-y: hidden;

	scrollbar-width: none;

	-webkit-overflow-scrolling:
		touch;
}


body.single-product
.woocommerce-tabs
ul.tabs::-webkit-scrollbar {
	display: none;
}


/**
 * Remove WooCommerce decorative shapes.
 */

body.single-product
.woocommerce-tabs
ul.tabs::before,

body.single-product
.woocommerce-tabs
ul.tabs::after,

body.single-product
.woocommerce-tabs
ul.tabs
li::before,

body.single-product
.woocommerce-tabs
ul.tabs
li::after {
	display: none !important;

	content: none !important;
}


/**
 * Tab Item
 */

body.single-product
.woocommerce-tabs
ul.tabs
li {
	position: relative;

	flex:
		0
		0
		auto;

	margin:
		0
		34px
		0
		0 !important;

	padding: 0 !important;

	border: 0 !important;

	border-radius: 0 !important;

	background: transparent !important;

	box-shadow: none !important;
}


body.single-product
.woocommerce-tabs
ul.tabs
li:last-child {
	margin-right: 0 !important;
}


/**
 * Tab Link
 */

body.single-product
.woocommerce-tabs
ul.tabs
li
a {
	position: relative;

	display: block;

	padding:
		0
		0
		16px !important;

	font-family:
		var(
			--chacha-font-body,
			Inter,
			sans-serif
		);

	font-size: 11px;
	font-weight: 600;

	line-height: 1.4;

	letter-spacing: 0.09em;

	text-transform: uppercase;

	text-decoration: none;

	white-space: nowrap;

	color:
		var(
			--chacha-text-medium,
			#6A5F58
		) !important;

	transition:
		color 180ms ease;
}


/**
 * Active underline
 */

body.single-product
.woocommerce-tabs
ul.tabs
li
a::after {
	content: "";

	position: absolute;

	left: 0;
	right: 0;
	bottom: -1px;

	height: 2px;

	background:
		var(
			--chacha-accent,
			#B08D57
		);

	transform:
		scaleX(0);

	transform-origin:
		left center;

	transition:
		transform 220ms ease;
}


body.single-product
.woocommerce-tabs
ul.tabs
li.active
a {
	color:
		var(
			--chacha-text-strongest,
			#201A17
		) !important;
}


body.single-product
.woocommerce-tabs
ul.tabs
li.active
a::after {
	transform:
		scaleX(1);
}


body.single-product
.woocommerce-tabs
ul.tabs
li
a:hover {
	color:
		var(
			--chacha-accent,
			#B08D57
		) !important;
}


/**
 * ==========================================================
 * 48. TAB PANEL
 * ==========================================================
 */

body.single-product
div.product
.woocommerce-tabs
.wc-tab {
	width: 100%;

	max-width: 1040px;

	margin:
		0
		auto;

	padding: 0 !important;

	font-family:
		var(
			--chacha-font-body,
			Inter,
			sans-serif
		);

	font-size: 15px;

	line-height: 1.8;

	color:
		var(
			--chacha-text-medium,
			#6A5F58
		);
}

/**
 * Description reading measure.
 *
 * The product information container remains 1040px wide for
 * structured content such as specifications and delivery.
 * Long-form prose uses a narrower centered reading column.
 */
body.single-product
div.product
.woocommerce-tabs
#tab-description {
    max-width: 800px;
}


/**
 * Paragraphs
 */

body.single-product
.woocommerce-tabs
.wc-tab
p {
	margin:
		0
		0
		18px;
}


body.single-product
.woocommerce-tabs
.wc-tab
p:last-child {
	margin-bottom: 0;
}


/**
 * Headings inside product descriptions.
 */

body.single-product
.woocommerce-tabs
.wc-tab
h2,

body.single-product
.woocommerce-tabs
.wc-tab
h3,

body.single-product
.woocommerce-tabs
.wc-tab
h4 {
	font-family:
		var(
			--chacha-font-heading,
			"Cormorant Garamond",
			serif
		);

	font-weight: 500;

	line-height: 1.15;

	color:
		var(
			--chacha-text-strongest,
			#201A17
		);
}


body.single-product
.woocommerce-tabs
.wc-tab
h2 {
	margin:
		34px
		0
		16px;

	font-size: 32px;
}


body.single-product
.woocommerce-tabs
.wc-tab
h3 {
	margin:
		28px
		0
		14px;

	font-size: 26px;
}


/**
 * Lists
 */

body.single-product
.woocommerce-tabs
.wc-tab
ul,

body.single-product
.woocommerce-tabs
.wc-tab
ol {
	margin:
		20px
		0;

	padding-left: 22px;
}


body.single-product
.woocommerce-tabs
.wc-tab
li {
	margin-bottom: 8px;
}


/**
 * ==========================================================
 * 49. PRODUCT SPECIFICATIONS TABLE
 * ==========================================================
 */

body.single-product
.woocommerce-product-attributes {
	width: 100%;

	margin: 0;

	border-collapse: collapse;

	border: 0;
}


body.single-product
.woocommerce-product-attributes
tr {
	border-bottom:
		1px
		solid
		var(
			--chacha-subtle,
			#D7CEC4
		);
}


body.single-product
.woocommerce-product-attributes
tr:first-child {
	border-top:
		1px
		solid
		var(
			--chacha-subtle,
			#D7CEC4
		);
}


body.single-product
.woocommerce-product-attributes
th,

body.single-product
.woocommerce-product-attributes
td {
	padding:
		16px
		12px;

	border: 0;

	background: transparent !important;

	text-align: left;

	vertical-align: top;
}


body.single-product
.woocommerce-product-attributes
th {
	width: 32%;

	font-family:
		var(
			--chacha-font-body,
			Inter,
			sans-serif
		);

	font-size: 10px;
	font-weight: 600;

	line-height: 1.5;

	letter-spacing: 0.08em;

	text-transform: uppercase;

	color:
		var(
			--chacha-text-strong,
			#3B322D
		);
}


body.single-product
.woocommerce-product-attributes
td {
	font-size: 13px;

	line-height: 1.65;

	color:
		var(
			--chacha-text-medium,
			#6A5F58
		);
}


body.single-product
.woocommerce-product-attributes
td
p {
	margin: 0;
}


/**
 * ==========================================================
 * 50. DELIVERY / RETURN INFORMATION GRID
 * ==========================================================
 */

.chacha-product-info-grid {
	display: grid;

	grid-template-columns:
		repeat(
			2,
			minmax(0, 1fr)
		);

	gap: 1px;

	background:
		var(
			--chacha-subtle,
			#D7CEC4
		);

	border:
		1px
		solid
		var(
			--chacha-subtle,
			#D7CEC4
		);
}


.chacha-product-info-card {
	padding:
		30px
		28px;

	background:
		var(
			--chacha-background,
			#F6F1EA
		);
}


.chacha-product-info-card__eyebrow {
	margin:
		0
		0
		10px !important;

	font-family:
		var(
			--chacha-font-body,
			Inter,
			sans-serif
		);

	font-size: 9px;
	font-weight: 600;

	line-height: 1.4;

	letter-spacing: 0.15em;

	text-transform: uppercase;

	color:
		var(
			--chacha-accent,
			#B08D57
		);
}


.chacha-product-info-card__title {
	margin:
		0
		0
		10px !important;

	font-family:
		var(
			--chacha-font-heading,
			"Cormorant Garamond",
			serif
		) !important;

	font-size: 25px !important;

	font-weight: 500 !important;

	line-height: 1.1 !important;

	color:
		var(
			--chacha-text-strongest,
			#201A17
		) !important;
}


.chacha-product-info-card__text {
	margin: 0 !important;

	font-size: 13px;

	line-height: 1.7;

	color:
		var(
			--chacha-text-medium,
			#6A5F58
		);
}


/**
 * ==========================================================
 * 51. DELIVERY / RETURN DETAILS LINK
 * ==========================================================
 */

.chacha-product-information-more {
	display: flex;

	justify-content: flex-end;

	margin-top: 24px;
}


.chacha-product-information-more__link {
	display: inline-flex;

	align-items: center;

	gap: 8px;

	padding-bottom: 3px;

	border-bottom:
		1px
		solid
		currentColor;

	font-family:
		var(
			--chacha-font-body,
			Inter,
			sans-serif
		);

	font-size: 10px;
	font-weight: 600;

	line-height: 1.4;

	letter-spacing: 0.08em;

	text-transform: uppercase;

	text-decoration: none;

	color:
		var(
			--chacha-text-strong,
			#3B322D
		);

	transition:
		color 180ms ease;
}


.chacha-product-information-more__link
span {
	transition:
		transform 180ms ease;
}


.chacha-product-information-more__link:hover {
	color:
		var(
			--chacha-accent,
			#B08D57
		);
}


.chacha-product-information-more__link:hover
span {
	transform:
		translateX(3px);
}


/**
 * ==========================================================
 * 52. REVIEWS
 * ==========================================================
 */

body.single-product
#reviews {
	width: 100%;
}


body.single-product
#reviews
#comments,

body.single-product
#reviews
#review_form_wrapper {
	width: 100%;
}


body.single-product
#reviews
.commentlist {
	margin:
		0
		0
		42px;

	padding: 0;

	list-style: none;
}


body.single-product
#reviews
.commentlist
li {
	margin:
		0
		0
		24px;

	padding:
		0
		0
		24px;

	border-bottom:
		1px
		solid
		var(
			--chacha-subtle,
			#D7CEC4
		);
}


/**
 * ==========================================================
 * 53. TABLET
 * ==========================================================
 */

@media (max-width: 1024px) {

	body.single-product
	.woocommerce-tabs {
		margin-top:
			78px !important;
	}


	body.single-product
    div.product
    .woocommerce-tabs
    ul.tabs {
		margin-bottom:
			36px !important;
	}


	body.single-product
	.woocommerce-tabs
	ul.tabs
	li {
		margin-right:
			26px !important;
	}

}


/**
 * ==========================================================
 * 54. MOBILE
 * ==========================================================
 */

@media (max-width: 767px) {

	body.single-product
	.woocommerce-tabs {
		margin-top:
			58px !important;
	}


	/**
	 * Horizontal swipeable navigation.
	 */

	body.single-product
    div.product
    .woocommerce-tabs
    ul.tabs {
		gap: 24px;
        padding:
            0
            14px !important;

        scroll-padding-inline:
            14px;

		margin-bottom:
			28px !important;

		scroll-snap-type:
			x proximity;
	}


	body.single-product
	.woocommerce-tabs
	ul.tabs
	li {
		margin-right:
			0 !important;

		scroll-snap-align:
			start;
	}


	body.single-product
	.woocommerce-tabs
	ul.tabs
	li
	a {
		padding-bottom:
			13px !important;

		font-size: 9px;

		letter-spacing: 0.07em;
	}


	body.single-product
	.woocommerce-tabs
	.wc-tab {
		font-size: 13px;

		line-height: 1.75;
	}


	/**
	 * Specification table
	 */

	body.single-product
	.woocommerce-product-attributes
	th,

	body.single-product
	.woocommerce-product-attributes
	td {
		padding:
			13px
			8px;
	}


	body.single-product
	.woocommerce-product-attributes
	th {
		width: 38%;

		font-size: 9px;
	}


	body.single-product
	.woocommerce-product-attributes
	td {
		font-size: 12px;
	}


	/**
	 * Delivery grid
	 */

	.chacha-product-info-grid {
		grid-template-columns:
			1fr;
	}


	.chacha-product-info-card {
		padding:
			24px
			20px;
	}


	.chacha-product-info-card__title {
		font-size:
			23px !important;
	}


	.chacha-product-info-card__text {
		font-size: 12px;
	}


	.chacha-product-information-more {
		justify-content: flex-start;

		margin-top: 20px;
	}

}
/**
 * ==========================================================
 * RELATED PRODUCTS V1.0
 * ==========================================================
 */


/**
 * ==========================================================
 * 55. RELATED PRODUCTS FOUNDATION
 * ==========================================================
 */

body.single-product
.related.products {
	margin:
		72px
		0
		0 !important;

	padding:
		52px
		0
		0;

	border-top:
		1px
		solid
		var(
			--chacha-subtle,
			#D7CEC4
		);
}


/**
 * ==========================================================
 * 56. RELATED HEADING
 * ==========================================================
 */

body.single-product
.related.products
> h2 {
	position: relative;

	margin:
		0
		0
		38px;

	padding-top:
		22px;

	font-family:
		var(
			--chacha-font-heading,
			"Cormorant Garamond",
			serif
		);

	font-size:
		clamp(
			34px,
			3vw,
			46px
		);

	font-weight: 400;

	line-height: 1;

	letter-spacing: -0.02em;

	color:
		var(
			--chacha-text-strongest,
			#201A17
		);
}


/**
 * Eyebrow
 */

body.single-product
.related.products
> h2::before {
	content:
		"CHACHA HOME SEÇKİSİ";

	position: absolute;

	top: 0;
	left: 0;

	font-family:
		var(
			--chacha-font-body,
			Inter,
			sans-serif
		);

	font-size: 9px;
	font-weight: 600;

	line-height: 1;

	letter-spacing: 0.16em;

	text-transform: uppercase;

	color:
		var(
			--chacha-accent,
			#B08D57
		);
}


/**
 * ==========================================================
 * 57. RELATED PRODUCT GRID
 * ==========================================================
 */

body.single-product
.related.products
ul.products {
	display: grid !important;

	grid-template-columns:
		repeat(
			4,
			minmax(0, 1fr)
		);

	gap:
		32px
		22px;

	width: 100%;

	margin:
		0 !important;

	padding:
		0 !important;

	list-style: none;
}


/**
 * Kill WooCommerce / Kadence float layout.
 */

body.single-product
.related.products
ul.products
li.product {
	float: none !important;

	clear: none !important;

	width: 100% !important;
	max-width: none !important;

	margin: 0 !important;

	padding: 0;

	min-width: 0;
}


body.single-product
.related.products
ul.products
li.product.first,

body.single-product
.related.products
ul.products
li.product.last {
	clear: none !important;

	margin-right: 0 !important;
}


/**
 * ==========================================================
 * 58. RELATED PRODUCT MEDIA
 * ==========================================================
 *
 * Reinforces the same 4:5 system used in catalogue cards.
 */

/**
 * Fallback for a WooCommerce card rendered without
 * the ChaCha media wrapper.
 */

body.single-product
.related.products
li.product
> a.woocommerce-loop-product__link
> img {
	display: block;

	width: 100%;

	aspect-ratio:
		4 / 5;

	object-fit: cover;

	object-position: center;

	margin:
		0
		0
		16px !important;

	background:
		#FFFDFC;
}


/**
 * ==========================================================
 * 59. SECONDARY IMAGE
 * ==========================================================
 */

body.single-product
.related.products
.chacha-product-media__primary,

body.single-product
.related.products
.chacha-product-media__secondary {
	transition:
		opacity 300ms ease,
		transform 450ms ease;
}


body.single-product
.related.products
.chacha-product-media__secondary {
	position: absolute;

	inset: 0;

	z-index: 2;

	opacity: 0;
}


body.single-product
.related.products
.chacha-product-media__primary {
	position: relative;

	z-index: 1;

	opacity: 1;
}


/**
 * Desktop hover only.
 */

@media (hover: hover) and (pointer: fine) {

	body.single-product
	.related.products
	.chacha-product-media.has-secondary:hover
	.chacha-product-media__primary {
		opacity: 0;
	}


	body.single-product
	.related.products
	.chacha-product-media.has-secondary:hover
	.chacha-product-media__secondary {
		opacity: 1;

		transform:
			scale(1.015);
	}


	/**
	 * Products without a secondary image
	 * get a very subtle zoom.
	 */

	body.single-product
	.related.products
	.chacha-product-media:not(.has-secondary):hover
	.chacha-product-media__primary {
		transform:
			scale(1.015);
	}

}


/**
 * ==========================================================
 * 60. RELATED PRODUCT SALE BADGE
 * ==========================================================
 */

body.single-product
.related.products
li.product
.onsale {
	position: absolute;

	top: 12px;
	left: 12px;
	right: auto;

	z-index: 10;

	display: inline-flex;

	align-items: center;
	justify-content: center;

	min-width: 0;
	min-height: 28px;

	margin: 0;

	padding:
		0
		9px;

	border: 0;
	border-radius: 0;

	background:
		var(
			--chacha-text-strongest,
			#201A17
		);

	font-family:
		var(
			--chacha-font-body,
			Inter,
			sans-serif
		);

	font-size: 9px;
	font-weight: 600;

	line-height: 1;

	letter-spacing: 0.09em;

	text-transform: uppercase;

	color:
		#FFFDFC;
}


/**
 * ==========================================================
 * 62. PRICE FALLBACK
 * ==========================================================
 */

body.single-product
.related.products
li.product
.price {
	color:
		var(
			--chacha-text-strongest,
			#201A17
		) !important;
}


body.single-product
.related.products
li.product
.price
del {
	font-size: 11px;

	font-weight: 400;

	opacity: 0.58;
}


body.single-product
.related.products
li.product
.price
ins {
	font-weight: 600;

	text-decoration: none;
}


/**
 * ==========================================================
 * 63. RELATED ADD TO CART
 * ==========================================================
 */

body.single-product
.related.products
li.product
.button {
	display: flex;

	align-items: center;
	justify-content: center;

	width: 100%;

	min-height: 42px;

	margin:
		14px
		0
		0 !important;

	padding:
		0
		14px !important;

	border:
		1px
		solid
		var(
			--chacha-text-strongest,
			#201A17
		) !important;

	border-radius: 0 !important;

	background:
		transparent !important;

	font-family:
		var(
			--chacha-font-body,
			Inter,
			sans-serif
		) !important;

	font-size:
		9px !important;

	font-weight:
		600 !important;

	line-height: 1 !important;

	letter-spacing:
		0.08em;

	text-transform:
		uppercase;

	color:
		var(
			--chacha-text-strongest,
			#201A17
		) !important;

	box-shadow:
		none !important;

	transition:
		background-color 180ms ease,
		color 180ms ease,
		border-color 180ms ease;
}


body.single-product
.related.products
li.product
.button:hover {
	border-color:
		var(
			--chacha-accent,
			#B08D57
		) !important;

	background:
		var(
			--chacha-accent,
			#B08D57
		) !important;

	color:
		#FFFDFC !important;
}


/**
 * ==========================================================
 * 64. RELATED — 3 COLUMNS
 * ==========================================================
 */

@media (max-width: 1199px) {

	body.single-product
	.related.products
	ul.products {
		grid-template-columns:
			repeat(
				3,
				minmax(0, 1fr)
			);
	}

}


/**
 * ==========================================================
 * 65. TABLET
 * ==========================================================
 */

@media (max-width: 1024px) {

	body.single-product
	.related.products {
		margin-top:
			64px !important;

		padding-top:
			48px;
	}


	body.single-product
	.related.products
	> h2 {
		margin-bottom:
			32px;
	}

}


/**
 * ==========================================================
 * 66. MOBILE — 2 COLUMNS
 * ==========================================================
 */

@media (max-width: 767px) {

	body.single-product
	.related.products {
		margin-top:
			48px !important;

		padding-top:
			38px;
	}


	body.single-product
	.related.products
	> h2 {
		margin-bottom:
			26px;

		padding-top:
			20px;

		font-size:
			32px;
	}


	body.single-product
	.related.products
	ul.products {
		grid-template-columns:
			repeat(
				2,
				minmax(0, 1fr)
			);

		gap:
			28px
			12px;
	}


	body.single-product
	.related.products
	li.product
	.button {
		min-height:
			40px;

		padding:
			0
			8px !important;

		font-size:
			8px !important;

		letter-spacing:
			0.05em;
	}

}


/**
 * ==========================================================
 * 67. REDUCED MOTION
 * ==========================================================
 */

@media (prefers-reduced-motion: reduce) {

	body.single-product
	.related.products
	.chacha-product-media__primary,

	body.single-product
	.related.products
	.chacha-product-media__secondary,

	body.single-product
	.related.products
	li.product
	.button {
		transition: none;
	}

}
/**
 * ==========================================================
 * TOGETHER BUY V1.0
 * ==========================================================
 */


/**
 * ==========================================================
 * 68. FOUNDATION
 * ==========================================================
 */

.chacha-together {
	grid-column:
		1 / -1;

	width: 100%;

	margin:
		0
		0
		14px;

	padding:
		20px;

	border:
		1px
		solid
		var(
			--chacha-subtle,
			#D7CEC4
		);

	background:
		rgba(
			255,
			253,
			252,
			0.28
		);

	transition:
		border-color 180ms ease,
		background-color 180ms ease;
}


.chacha-together.is-selected {
	border-color:
		var(
			--chacha-accent,
			#B08D57
		);

	background:
		rgba(
			176,
			141,
			87,
			0.055
		);
}


/**
 * ==========================================================
 * 69. HEADING
 * ==========================================================
 */

.chacha-together__heading {
	display: flex;

	align-items: flex-start;

	justify-content: space-between;

	gap: 20px;

	margin-bottom: 10px;
}


.chacha-together__eyebrow {
	margin:
		0
		0
		5px !important;

	font-family:
		var(
			--chacha-font-body,
			Inter,
			sans-serif
		);

	font-size: 8px;
	font-weight: 600;

	line-height: 1.4;

	letter-spacing: 0.15em;

	text-transform: uppercase;

	color:
		var(
			--chacha-accent,
			#B08D57
		);
}


.chacha-together__title {
	margin:
		0 !important;

	font-family:
		var(
			--chacha-font-heading,
			"Cormorant Garamond",
			serif
		) !important;

	font-size:
		26px !important;

	font-weight:
		500 !important;

	line-height:
		1 !important;

	color:
		var(
			--chacha-text-strongest,
			#201A17
		) !important;
}


.chacha-together__plus {
	display: inline-flex;

	align-items: center;
	justify-content: center;

	width: 30px;
	height: 30px;

	flex:
		0
		0
		30px;

	border:
		1px
		solid
		var(
			--chacha-subtle,
			#D7CEC4
		);

	border-radius: 50%;

	font-size: 18px;

	font-weight: 300;

	color:
		var(
			--chacha-accent,
			#B08D57
		);
}


/**
 * ==========================================================
 * 70. PRODUCT
 * ==========================================================
 */

.chacha-together__product {
	display: grid;

	grid-template-columns:
		74px
		minmax(0, 1fr);

	align-items: center;

	gap: 14px;
}


.chacha-together__media {
	display: block;

	width: 74px;

	text-decoration: none;

	background:
		#FFFDFC;
}


.chacha-together__image {
	display: block;

	width: 74px !important;
	height: auto !important;

	aspect-ratio:
		4 / 5;

	object-fit: cover;

	margin: 0 !important;

	background:
		#FFFDFC;
}


.chacha-together__details {
	min-width: 0;
}


.chacha-together__product-title {
	display: inline-block;

	margin:
		0
		0
		7px;

	font-family:
		var(
			--chacha-font-heading,
			"Cormorant Garamond",
			serif
		);

	font-size: 18px;
	font-weight: 500;

	line-height: 1.15;

	text-decoration: none;

	color:
		var(
			--chacha-text-strongest,
			#201A17
		);
}


.chacha-together__product-title:hover {
	color:
		var(
			--chacha-accent,
			#B08D57
		);
}


.chacha-together__price {
	margin-bottom: 11px;

	font-family:
		var(
			--chacha-font-body,
			Inter,
			sans-serif
		);

	font-size: 12px;
	font-weight: 600;

	color:
		var(
			--chacha-text-strongest,
			#201A17
		);
}


.chacha-together__price
del {
	margin-right: 5px;

	font-size: 10px;

	font-weight: 400;

	opacity: 0.55;
}


.chacha-together__price
ins {
	text-decoration: none;
}


/**
 * ==========================================================
 * 71. CHECKBOX
 * ==========================================================
 */

.chacha-together__choice {
	display: inline-flex;

	align-items: center;

	gap: 9px;

	margin: 0;

	cursor: pointer;

	font-family:
		var(
			--chacha-font-body,
			Inter,
			sans-serif
		);

	font-size: 10px;
	font-weight: 500;

	line-height: 1.4;

	color:
		var(
			--chacha-text-strong,
			#3B322D
		);
}


.chacha-together__choice
input {
	position: absolute;

	width: 1px;
	height: 1px;

	overflow: hidden;

	opacity: 0;

	pointer-events: none;
}


.chacha-together__checkbox-ui {
	position: relative;

	display: inline-flex;

	align-items: center;
	justify-content: center;

	width: 17px;
	height: 17px;

	flex:
		0
		0
		17px;

	border:
		1px
		solid
		var(
			--chacha-subtle,
			#D7CEC4
		);

	background:
		transparent;

	transition:
		background-color 180ms ease,
		border-color 180ms ease;
}


.chacha-together__choice
input:checked
+
.chacha-together__checkbox-ui {
	border-color:
		var(
			--chacha-text-strongest,
			#201A17
		);

	background:
		var(
			--chacha-text-strongest,
			#201A17
		);
}


.chacha-together__choice
input:checked
+
.chacha-together__checkbox-ui::after {
	content: "";

	width: 7px;
	height: 4px;

	border-left:
		1.5px
		solid
		#FFFDFC;

	border-bottom:
		1.5px
		solid
		#FFFDFC;

	transform:
		translateY(-1px)
		rotate(-45deg);
}


.chacha-together__choice
input:focus-visible
+
.chacha-together__checkbox-ui {
	outline:
		1px
		solid
		var(
			--chacha-accent,
			#B08D57
		);

	outline-offset: 3px;
}


/**
 * ==========================================================
 * 72. TOTAL
 * ==========================================================
 */

.chacha-together__total {
	display: flex;

	align-items: center;

	justify-content: space-between;

	gap: 20px;

	margin-top: 12px;

	padding-top: 14px;

	border-top:
		1px
		solid
		var(
			--chacha-subtle,
			#D7CEC4
		);

	font-family:
		var(
			--chacha-font-body,
			Inter,
			sans-serif
		);

	font-size: 10px;

	color:
		var(
			--chacha-text-medium,
			#6A5F58
		);
}


.chacha-together__total
strong {
	font-size: 13px;

	font-weight: 600;

	color:
		var(
			--chacha-text-strongest,
			#201A17
		);
}


.chacha-together__variation-note {
	margin:
		14px
		0
		0 !important;

	padding-top: 13px;

	border-top:
		1px
		solid
		var(
			--chacha-subtle,
			#D7CEC4
		);

	font-size: 9px;

	line-height: 1.5;

	color:
		var(
			--chacha-text-medium,
			#6A5F58
		);
}


/**
 * ==========================================================
 * 73. MOBILE
 * ==========================================================
 */

@media (max-width: 767px) {

	.chacha-together {
		margin-bottom: 12px;

		padding:
			14px 13px;
	}


	.chacha-together__product {
		grid-template-columns:
			64px
			minmax(0, 1fr);

		gap: 11px;
	}


	.chacha-together__media,
	.chacha-together__image {
		width:
			64px !important;
	}


	.chacha-together__title {
		font-size:
			21px !important;
	}


	.chacha-together__product-title {
		font-size: 16px;
	}


	.chacha-together__choice {
		font-size: 9px;
	}

}
/* ==========================================================
   CHACHA PRODUCT DETAIL — VISUAL POLISH V1
   Section rhythm only.
   Does not alter gallery, summary, purchase flow,
   Together, wishlist or product-card behavior.
   ========================================================== */


/* Desktop */

body.single-product
.woocommerce-tabs {
    margin-top:
        72px !important;
}


body.single-product
.related.products {
    margin-top:
        48px !important;

    padding-top:
        44px !important;
}


/* Tablet */

@media (max-width: 1024px) {

    body.single-product
    .woocommerce-tabs {
        margin-top:
            64px !important;
    }


    body.single-product
    .related.products {
        margin-top:
            48px !important;

        padding-top:
            40px !important;
    }

}


/* Mobile */

@media (max-width: 767px) {

    body.single-product
    .woocommerce-tabs {
        margin-top:
            48px !important;
    }


    body.single-product
    .related.products {
        margin-top:
            36px !important;

        padding-top:
            32px !important;
    }

}

/**
 * ==========================================================
 * PD-08B.2A PRODUCT DISCOVERY SWITCHER
 * ==========================================================
 *
 * Presentation only.
 *
 * WooCommerce owns Related Products.
 * DEV-19 owns Recently Viewed history/AJAX/carousel.
 * Product Card System owns product-card presentation.
 */

body.single-product
.chacha-product-discovery[hidden] {
    display: none !important;
}


body.single-product
.chacha-product-discovery {
    grid-column: 1 / -1;
    width: 100%;

    margin:
        48px
        0
        34px;

    padding-top:
        44px;

    border-top:
        1px
        solid
        var(
            --chacha-border,
            #D7CEC4
        );
}


body.single-product
.chacha-product-discovery__eyebrow {
    margin:
        0
        0
        10px;

    font-family:
        var(
            --chacha-font-body,
            Inter,
            sans-serif
        );

    font-size:
        9px;

    font-weight:
        600;

    line-height:
        1.2;

    letter-spacing:
        0.16em;

    text-transform:
        uppercase;

    color:
        var(
            --chacha-accent,
            #B08D57
        );
}


body.single-product
.chacha-product-discovery__tabs {
    display:
        flex;

    align-items:
        flex-end;

    gap:
        30px;

    overflow-x:
        auto;

    overflow-y:
        hidden;

    border-bottom:
        1px
        solid
        var(
            --chacha-border,
            #D7CEC4
        );

    scrollbar-width:
        none;

    -webkit-overflow-scrolling:
        touch;
}


body.single-product
.chacha-product-discovery__tabs::-webkit-scrollbar {
    display:
        none;
}


body.single-product
.chacha-product-discovery__tab {
    position:
        relative;

    flex:
        0
        0
        auto;

    appearance:
        none;

    margin:
        0;

    padding:
        0
        0
        14px;

    border:
        0;

    background:
        transparent;

    font-family:
        var(
            --chacha-font-heading,
            "Cormorant Garamond",
            serif
        );

    font-size:
        clamp(
            25px,
            2.2vw,
            32px
        );

    font-weight:
        500;

    line-height:
        1.05;

    color:
        var(
            --chacha-text-muted,
            #6A5F58
        );

    cursor:
        pointer;

    white-space:
        nowrap;

    transition:
        color
        180ms
        ease;
}


body.single-product
.chacha-product-discovery__tab::after {
    content:
        "";

    position:
        absolute;

    left:
        0;

    right:
        0;

    bottom:
        -1px;

    height:
        2px;

    background:
        transparent;

    transform:
        scaleX(0);

    transform-origin:
        left
        center;

    transition:
        transform
        180ms
        ease,
        background-color
        180ms
        ease;
}


body.single-product
.chacha-product-discovery__tab:hover {
    color:
        var(
            --chacha-text-strong,
            #3B322D
        );
}


body.single-product
.chacha-product-discovery__tab[aria-selected="true"] {
    color:
        var(
            --chacha-text-strongest,
            #201A17
        );
}


body.single-product
.chacha-product-discovery__tab[aria-selected="true"]::after {
    background:
        var(
            --chacha-accent,
            #B08D57
        );

    transform:
        scaleX(1);
}


body.single-product
.chacha-product-discovery__tab:focus-visible {
    outline:
        2px
        solid
        var(
            --chacha-accent,
            #B08D57
        );

    outline-offset:
        4px;
}


/**
 * ----------------------------------------------------------
 * PD-08B.2A.1 RECENT FULL GRID OWNERSHIP
 * ----------------------------------------------------------
 *
 * Recently Viewed is a direct child of the PDP product grid.
 * Keep DEV-19 ownership intact while allowing the section to
 * use the same full-width discovery track as Related Products.
 */

body.single-product
.chacha-product-discovery-enhanced
> .chacha-recently-viewed {
	grid-column:
		1 / -1;

	width:
		100%;

	min-width:
		0;
}

body.single-product
.chacha-product-discovery-panel--inactive {
    display:
        none !important;
}


body.single-product
.chacha-product-discovery-enhanced.chacha-product-discovery-has-tabs
> .related.products,

body.single-product
.chacha-product-discovery-enhanced.chacha-product-discovery-has-tabs
> .chacha-recently-viewed {
    margin:
        0 !important;

    padding:
        0
        0
        66px !important;

    border-top:
        0 !important;

    background:
        transparent !important;
}


body.single-product
.chacha-product-discovery-enhanced.chacha-product-discovery-has-tabs
> .related.products
> h2 {
    display:
        none;
}


body.single-product
.chacha-product-discovery-enhanced.chacha-product-discovery-has-tabs
> .chacha-recently-viewed
.chacha-recently-viewed__inner {
    width:
        100%;

    margin:
        0;
}


body.single-product
.chacha-product-discovery-enhanced.chacha-product-discovery-has-tabs
> .chacha-recently-viewed
.chacha-recently-viewed__eyebrow,

body.single-product
.chacha-product-discovery-enhanced.chacha-product-discovery-has-tabs
> .chacha-recently-viewed
.chacha-recently-viewed__title {
    display:
        none;
}


body.single-product
.chacha-product-discovery-enhanced.chacha-product-discovery-has-tabs
> .chacha-recently-viewed
.chacha-recently-viewed__head {
    min-height:
        0;

    margin:
        0;

    justify-content:
        flex-end;
}


body.single-product
.chacha-product-discovery-enhanced.chacha-product-discovery-has-tabs
> .chacha-recently-viewed
.chacha-recently-viewed__nav:not([hidden]) {
    margin-bottom:
        18px;
}


@media (max-width: 1024px) {

    body.single-product
    .chacha-product-discovery {
        margin-top:
            48px;

        padding-top:
            38px;
    }


    body.single-product
    .chacha-product-discovery-enhanced.chacha-product-discovery-has-tabs
    > .related.products,

    body.single-product
    .chacha-product-discovery-enhanced.chacha-product-discovery-has-tabs
    > .chacha-recently-viewed {
        padding-bottom:
            56px !important;
    }

}


@media (max-width: 767px) {

    body.single-product
    .chacha-product-discovery {
        margin:
            36px
            0
            26px;

        padding-top:
            32px;
    }


    body.single-product
    .chacha-product-discovery__eyebrow {
        margin-bottom:
            9px;
    }


    body.single-product
    .chacha-product-discovery__tabs {
        gap:
            24px;
    }


    body.single-product
    .chacha-product-discovery__tab {
        padding-bottom:
            12px;

        font-size:
            23px;
    }


    body.single-product
    .chacha-product-discovery-enhanced.chacha-product-discovery-has-tabs
    > .related.products,

    body.single-product
    .chacha-product-discovery-enhanced.chacha-product-discovery-has-tabs
    > .chacha-recently-viewed {
        padding-bottom:
            46px !important;
    }

}


@media (prefers-reduced-motion: reduce) {

    body.single-product
    .chacha-product-discovery__tab,

    body.single-product
    .chacha-product-discovery__tab::after {
        transition:
            none;
    }

}

/**
 * DEV-UI-PDP-POLISH-01 - PDP RHYTHM AND TITLE SCALE
 * Presentation only. Keep the accepted breadcrumb component intact.
 */
body.single-product .content-area {
	margin-top: 24px;
}

body.single-product .product_title {
	max-width: 100%;
	margin-bottom: 14px;
	font-size: clamp(30px, calc(22px + 0.7vw), 36px);
	line-height: 1.14;
	letter-spacing: -0.018em;
}

@media (max-width: 1024px) {
	body.single-product .content-area {
		margin-top: 20px;
	}

	body.single-product .product_title {
		font-size: clamp(28px, calc(22px + 0.78125vw), 30px);
		line-height: 1.16;
	}
}

@media (max-width: 767px) {
	body.single-product .content-area {
		margin-top: 16px;
	}

	body.single-product .product_title {
		margin-bottom: 12px;
		font-size: clamp(26px, 3.65vw, 28px);
		line-height: 1.18;
		letter-spacing: -0.012em;
	}
}

/**
 * ==========================================================
 * DEV-UI-PDP-VISUAL-REFINEMENT-02A
 * SUMMARY / PURCHASE / TRUST POLISH
 * ==========================================================
 *
 * Presentation only.
 *
 * Preserves:
 * - WooCommerce cart / variation ownership
 * - DEV-05 wishlist behavior
 * - DEV-19 discovery / recently-viewed behavior
 * - accepted breadcrumb + PDP layout baseline
 */
body.single-product
.summary.entry-summary
> .price {
	margin-bottom: 8px !important;
}

body.single-product
.chacha-single-sale {
	gap: 8px;
	margin-bottom: 12px;
}

body.single-product
.chacha-single-sale__badge {
	min-height: 26px;
	padding-inline: 8px;
}

body.single-product
.chacha-product-status {
	margin-bottom: 12px;
	padding: 10px 0 12px;
	border-top: 0;
}

body.single-product
.summary.entry-summary
form.cart {
	margin-top: 10px !important;
	padding-top: 14px;
	border-top: 0;
}

body.single-product
.chacha-variation-option {
	min-height: 42px;
	padding-inline: 15px;
	border-color: rgba(106, 95, 88, 0.30);
	background: rgba(255, 253, 252, 0.42);
}

body.single-product
.chacha-variation-option:hover:not(:disabled) {
	background: #FFFDFC;
}

body.single-product
.chacha-variation-option.is-selected {
	box-shadow: inset 0 0 0 1px var(--chacha-text-strongest, #201A17);
}

body.single-product
.chacha-qty {
	border-color: rgba(106, 95, 88, 0.28);
	background: rgba(255, 253, 252, 0.38);
}

body.single-product
.chacha-qty
.qty {
	border-left-color: rgba(106, 95, 88, 0.24) !important;
	border-right-color: rgba(106, 95, 88, 0.24) !important;
}

body.single-product
.chacha-product-trust__services {
	border: 0;
	border-top: 1px solid var(--chacha-subtle, #D7CEC4);
	border-bottom: 1px solid var(--chacha-subtle, #D7CEC4);
	background: rgba(255, 253, 252, 0.26);
}

body.single-product
.chacha-product-trust__service {
	min-height: 88px;
	padding: 16px 14px;
	border: 0;
	background: transparent;
}

body.single-product
.chacha-product-trust__service
+
.chacha-product-trust__service {
	border-left: 1px solid rgba(215, 206, 196, 0.90);
}

body.single-product
.chacha-product-trust__icon {
	width: 32px;
	height: 32px;
}

body.single-product
.chacha-product-trust__icon
svg {
	width: 26px;
	height: 26px;
}

body.single-product
.chacha-product-trust__title {
	margin-bottom: 3px;
	letter-spacing: 0.07em;
}

@media (max-width: 767px) {
	body.single-product
	.chacha-variation-option {
		min-height: 40px;
		padding-inline: 12px;
	}

	body.single-product
	div.product
	.woocommerce-tabs
	ul.tabs {
		gap: 20px;
		padding-inline: 10px !important;
		margin-bottom: 24px !important;
		scroll-padding-inline: 10px;
	}

	body.single-product
	.woocommerce-tabs
	ul.tabs
	li
	a {
		padding-bottom: 12px !important;
		font-size: 10px;
		letter-spacing: 0.055em;
	}

	body.single-product
	.chacha-product-trust__service {
		min-height: 82px;
		padding: 13px 10px;
	}
}

@media (max-width: 430px) {
	body.single-product
	.chacha-product-trust__service {
		min-height: 100px;
		padding: 12px 8px;
	}

	body.single-product
	.chacha-product-trust__title {
		font-size: 9px;
		letter-spacing: 0.055em;
	}

	body.single-product
	.chacha-product-trust__text {
		font-size: 9px;
		line-height: 1.45;
	}
}

/**
 * ==========================================================
 * DEV-UI-PDP-VISUAL-REFINEMENT-02B
 * INFORMATION + LOWER PAGE RHYTHM
 * ==========================================================
 *
 * Presentation only.
 *
 * Preserves:
 * - WooCommerce tab behavior/content ownership
 * - WooCommerce Related Products query
 * - Product Card System card/action ownership
 * - DEV-19 Recently Viewed history/AJAX/carousel
 * - 02A purchase/trust presentation
 */
body.single-product
.woocommerce-tabs {
	margin-top: 60px !important;
}

body.single-product
div.product
.woocommerce-tabs
ul.tabs {
	margin-bottom: 30px !important;
}

body.single-product
div.product
.woocommerce-tabs
.wc-tab {
	box-sizing: border-box;
	max-width: 960px;
	padding-inline: 24px !important;
	padding-bottom: 8px !important;
	line-height: 1.75;
}

body.single-product
div.product
.woocommerce-tabs
#tab-description {
	max-width: 760px;
}

body.single-product
.related.products {
	padding-top: 34px !important;
}

body.single-product
.related.products
> h2 {
	margin-bottom: 30px;
	padding-top: 20px;
	font-size: clamp(32px, 2.6vw, 40px);
	line-height: 1.02;
}

/**
 * Two-panel discovery state only.
 * Recent-only keeps the accepted PDP-POLISH-01 surface untouched.
 */
body.single-product
div.product.chacha-product-discovery-has-tabs
> .chacha-product-discovery {
	margin: 38px 0 26px;
	padding-top: 34px;
}

body.single-product
div.product.chacha-product-discovery-has-tabs
> .chacha-product-discovery
.chacha-product-discovery__tabs {
	gap: 24px;
}

body.single-product
div.product.chacha-product-discovery-has-tabs
> .chacha-product-discovery
.chacha-product-discovery__tab {
	padding-bottom: 12px;
	font-size: clamp(24px, 2vw, 30px);
}

body.single-product
.chacha-product-discovery-enhanced.chacha-product-discovery-has-tabs
> .related.products,

body.single-product
.chacha-product-discovery-enhanced.chacha-product-discovery-has-tabs
> .chacha-recently-viewed {
	padding-bottom: 54px !important;
}

@media (max-width: 1024px) {
	body.single-product
	.woocommerce-tabs {
		margin-top: 52px !important;
	}

	body.single-product
	div.product
	.woocommerce-tabs
	ul.tabs {
		margin-bottom: 28px !important;
	}

	body.single-product
	div.product
	.woocommerce-tabs
	.wc-tab {
		max-width: 100%;
		padding-inline: 20px !important;
	}

	body.single-product
	.related.products {
		padding-top: 32px !important;
	}

	body.single-product
	.related.products
	> h2 {
		margin-bottom: 28px;
		font-size: 36px;
	}

	body.single-product
	div.product.chacha-product-discovery-has-tabs
	> .chacha-product-discovery {
		margin-top: 32px;
		padding-top: 30px;
	}

	body.single-product
	.chacha-product-discovery-enhanced.chacha-product-discovery-has-tabs
	> .related.products,

	body.single-product
	.chacha-product-discovery-enhanced.chacha-product-discovery-has-tabs
	> .chacha-recently-viewed {
		padding-bottom: 48px !important;
	}
}

@media (max-width: 767px) {
	body.single-product
	.woocommerce-tabs {
		margin-top: 40px !important;
	}

	body.single-product
	div.product
	.woocommerce-tabs
	ul.tabs {
		gap: 18px;
		margin-bottom: 20px !important;
		padding-inline: 10px !important;
		scroll-padding-inline: 10px;
	}

	body.single-product
	div.product
	.woocommerce-tabs
	.wc-tab {
		padding-inline: 2px !important;
		padding-bottom: 4px !important;
		font-size: 13px;
		line-height: 1.72;
	}

	body.single-product
	div.product
	.woocommerce-tabs
	#tab-description {
		max-width: 100%;
	}

	body.single-product
	.related.products {
		padding-top: 26px !important;
	}

	body.single-product
	.related.products
	> h2 {
		margin-bottom: 22px;
		padding-top: 18px;
		font-size: 29px;
	}

	body.single-product
	div.product.chacha-product-discovery-has-tabs
	> .chacha-product-discovery {
		margin: 28px 0 20px;
		padding-top: 26px;
	}

	body.single-product
	div.product.chacha-product-discovery-has-tabs
	> .chacha-product-discovery
	.chacha-product-discovery__tabs {
		gap: 20px;
	}

	body.single-product
	div.product.chacha-product-discovery-has-tabs
	> .chacha-product-discovery
	.chacha-product-discovery__tab {
		padding-bottom: 10px;
		font-size: 21px;
	}

	body.single-product
	.chacha-product-discovery-enhanced.chacha-product-discovery-has-tabs
	> .related.products,

	body.single-product
	.chacha-product-discovery-enhanced.chacha-product-discovery-has-tabs
	> .chacha-recently-viewed {
		padding-bottom: 40px !important;
	}
}

/**
 * ==========================================================
 * DEV-UI-PDP-VISUAL-REFINEMENT-02C
 * TAB CONTENT ALIGNMENT
 * ==========================================================
 *
 * Goal:
 * - Keep the WooCommerce tab panel full-width and left-aligned.
 * - Keep long description copy readable without centering the panel.
 * - Preserve tab behavior, delivery/return content and reviews logic.
 */
body.single-product
div.product
.woocommerce-tabs
.wc-tab {
	box-sizing: border-box;
	width: 100%;
	max-width: none;
	margin-inline: 0 !important;
	padding-inline: 0 !important;
}

body.single-product
div.product
.woocommerce-tabs
#tab-description {
	width: 100%;
	max-width: none;
	margin-inline: 0 !important;
}

body.single-product
div.product
.woocommerce-tabs
#tab-description
> :where(
	p,
	h2,
	h3,
	h4,
	h5,
	h6,
	ul,
	ol,
	blockquote
) {
	box-sizing: border-box;
	max-width: 800px;
	margin-left: 0;
	margin-right: auto;
}

@media (max-width: 1024px) {
	body.single-product
	div.product
	.woocommerce-tabs
	#tab-description
	> :where(
		p,
		h2,
		h3,
		h4,
		h5,
		h6,
		ul,
		ol,
		blockquote
	) {
		max-width: 760px;
	}
}

@media (max-width: 767px) {
	body.single-product
	div.product
	.woocommerce-tabs
	#tab-description
	> :where(
		p,
		h2,
		h3,
		h4,
		h5,
		h6,
		ul,
		ol,
		blockquote
	) {
		max-width: 100%;
	}
}

/**
 * ==========================================================
 * DEV-UI-PDP-VISUAL-REFINEMENT-02C-R1
 * MOBILE TAB CONTENT ALIGNMENT
 * ==========================================================
 *
 * Mobile tab labels intentionally use a 10px inner gutter.
 * Match tab-panel content to the same visual axis.
 */
@media (max-width: 767px) {
	body.single-product
	div.product
	.woocommerce-tabs
	.wc-tab {
		padding-inline: 10px !important;
	}
}

/**
 * ==========================================================
 * DEV-UI-PDP-VISUAL-REFINEMENT-02D
 * TAB + DISCOVERY INNER GUTTER
 * ==========================================================
 *
 * Goal:
 * - Prevent PDP section headings from sitting flush against
 *   the full-width section edge.
 * - Keep divider lines full-width.
 * - Preserve tab/discovery behavior and content alignment.
 */

/**
 * WooCommerce information tabs:
 * keep the tab strip full width, inset only the labels.
 */
body.single-product
div.product
.woocommerce-tabs
ul.tabs {
	box-sizing: border-box;
	padding-left: 24px !important;
	padding-right: 24px !important;
}

/**
 * Discovery header:
 * inset eyebrow + tab labels together.
 */
body.single-product
div.product.chacha-product-discovery-has-tabs
> .chacha-product-discovery {
	box-sizing: border-box;
	padding-left: 24px;
	padding-right: 24px;
}

/**
 * Keep the active discovery underline aligned with
 * the inset tab label, not with the outer section edge.
 */
body.single-product
div.product.chacha-product-discovery-has-tabs
> .chacha-product-discovery
.chacha-product-discovery__tabs {
	box-sizing: border-box;
}

/**
 * Tablet: same visual gutter as the PDP inner layout.
 */
@media (max-width: 1024px) {
	body.single-product
	div.product
	.woocommerce-tabs
	ul.tabs,

	body.single-product
	div.product.chacha-product-discovery-has-tabs
	> .chacha-product-discovery {
		padding-left: 24px !important;
		padding-right: 24px !important;
	}
}

/**
 * Mobile: use the accepted compact 18px PDP gutter.
 */
@media (max-width: 767px) {
	body.single-product
	div.product
	.woocommerce-tabs
	ul.tabs,

	body.single-product
	div.product.chacha-product-discovery-has-tabs
	> .chacha-product-discovery {
		padding-left: 18px !important;
		padding-right: 18px !important;
	}
}

/**
 * ==========================================================
 * DEV-UI-PDP-VISUAL-REFINEMENT-02D-R1
 * TAB GUTTER ALIGNMENT + MOBILE SCROLL SNAP
 * ==========================================================
 *
 * 02D inset the navigation labels.
 * R1 keeps the active panel content on that same visual axis
 * and prevents mobile scroll-snap from pulling the first tab
 * 8px back toward the section edge.
 */

/**
 * Desktop + tablet:
 * tab label and active panel content share the 24px inner axis.
 */
body.single-product
div.product
.woocommerce-tabs
.wc-tab {
	padding-left: 24px !important;
	padding-right: 24px !important;
}

/**
 * Mobile:
 * use the accepted 18px PDP gutter for both navigation and panel.
 * scroll-padding must equal the visual gutter so scroll-snap does
 * not cancel part of the left padding.
 */
@media (max-width: 767px) {
	body.single-product
	div.product
	.woocommerce-tabs
	ul.tabs {
		scroll-padding-left: 18px;
		scroll-padding-right: 18px;
	}

	body.single-product
	div.product
	.woocommerce-tabs
	.wc-tab {
		padding-left: 18px !important;
		padding-right: 18px !important;
	}
}