.elementor-200 .elementor-element.elementor-element-7d005c7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:5%;--padding-bottom:5%;--padding-left:0%;--padding-right:0%;}.elementor-200 .elementor-element.elementor-element-7d005c7:not(.elementor-motion-effects-element-type-background), .elementor-200 .elementor-element.elementor-element-7d005c7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D6B37C;background-image:url("https://jewelrydama.com/wp-content/uploads/2025/12/line.png");background-position:0px -164px;background-repeat:repeat-x;}.elementor-200 .elementor-element.elementor-element-4863030{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.woocommerce .elementor-200 .elementor-element.elementor-element-d2fe2d2 .woocommerce-product-gallery__trigger + .woocommerce-product-gallery__wrapper,
				.woocommerce .elementor-200 .elementor-element.elementor-element-d2fe2d2 .flex-viewport, .woocommerce .elementor-200 .elementor-element.elementor-element-d2fe2d2 .flex-control-thumbs img{border-style:solid;border-width:12px 12px 12px 12px;border-color:#C36D41;}.woocommerce .elementor-200 .elementor-element.elementor-element-d2fe2d2 .woocommerce-product-gallery__trigger + .woocommerce-product-gallery__wrapper,
					.woocommerce .elementor-200 .elementor-element.elementor-element-d2fe2d2 .flex-viewport{border-radius:300px 300px 0px 0px;}.elementor-200 .elementor-element.elementor-element-2d2270b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:20px;--margin-right:20px;}.elementor-widget-woocommerce-product-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-200 .elementor-element.elementor-element-2e64fbf{background-color:#C36D41;border-style:solid;border-width:21px 21px 21px 21px;border-color:#C36D41;border-radius:0px 20px 20px 20px;text-align:start;}.elementor-200 .elementor-element.elementor-element-2e64fbf .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:22px;font-weight:600;-webkit-text-stroke-color:#000;stroke:#000;color:#FFFFFF;}.elementor-200 .elementor-element.elementor-element-9726771{background-color:#C36D41;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:16px 16px 16px 16px;border-radius:0px 25px 25px 25px;}.woocommerce .elementor-200 .elementor-element.elementor-element-9726771 .woocommerce-product-details__short-description{color:#FFFFFF;}.elementor-200 .elementor-element.elementor-element-0f0b98e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.woocommerce .elementor-widget-woocommerce-product-price .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-200 .elementor-element.elementor-element-fe2cc33{background-color:#FBF5E9;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:40px 0px 0px 15px;border-style:solid;border-width:0px 0px 1px 0px;border-color:#565656B3;border-radius:0px 25px 0px 0px;text-align:start;}.woocommerce .elementor-200 .elementor-element.elementor-element-fe2cc33 .price{color:#000000;}.elementor-widget-woocommerce-product-add-to-cart .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-200 .elementor-element.elementor-element-6de99cd{background-color:#FBF5E9;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 15px 19px 15px;border-radius:0px 0px 25px 25px;}.elementor-200 .elementor-element.elementor-element-6de99cd .cart button, .elementor-200 .elementor-element.elementor-element-6de99cd .cart .button{border-radius:0px 25px 25px 25px;padding:16px 25px 16px 25px;background-color:#C36D41;transition:all 0.2s;}.elementor-200 .elementor-element.elementor-element-6de99cd .quantity .qty{transition:all 0.2s;}.elementor-200 .elementor-element.elementor-element-792e1e0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:5%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-200 .elementor-element.elementor-element-792e1e0:not(.elementor-motion-effects-element-type-background), .elementor-200 .elementor-element.elementor-element-792e1e0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://jewelrydama.com/wp-content/uploads/2025/12/line.png");background-position:800px -219px;background-repeat:repeat-x;}.elementor-200 .elementor-element.elementor-element-c82ddba{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:20px;}.woocommerce .elementor-200 .elementor-element.elementor-element-4354387 .woocommerce-product-gallery__trigger + .woocommerce-product-gallery__wrapper,
				.woocommerce .elementor-200 .elementor-element.elementor-element-4354387 .flex-viewport, .woocommerce .elementor-200 .elementor-element.elementor-element-4354387 .flex-control-thumbs img{border-style:solid;border-width:12px 12px 12px 12px;border-color:#C36D41;}.woocommerce .elementor-200 .elementor-element.elementor-element-4354387 .woocommerce-product-gallery__trigger + .woocommerce-product-gallery__wrapper,
					.woocommerce .elementor-200 .elementor-element.elementor-element-4354387 .flex-viewport{border-radius:300px 300px 0px 0px;}.elementor-200 .elementor-element.elementor-element-6e9d2af{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-200 .elementor-element.elementor-element-1c36d61 .elementor-button{background-color:#C36D41;font-family:"Roboto", Sans-serif;font-size:22px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-radius:0px 25px 25px 25px;padding:12px 65px 12px 65px;}.elementor-widget-woocommerce-product-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-200 .elementor-element.elementor-element-0ff947a{background-color:#EBE285;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:16px 16px 16px 16px;border-radius:0px 25px 25px 25px;color:#000000;}.elementor-200 .elementor-element.elementor-element-fd97d11{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:5%;--margin-bottom:3%;--margin-left:0%;--margin-right:0%;}.elementor-200 .elementor-element.elementor-element-fd97d11:not(.elementor-motion-effects-element-type-background), .elementor-200 .elementor-element.elementor-element-fd97d11 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://jewelrydama.com/wp-content/uploads/2025/12/line.png");background-position:241px 630px;}.elementor-200 .elementor-element.elementor-element-d32d9e3{--display:flex;}.elementor-200 .elementor-element.elementor-element-97469bb .elementor-button{background-color:#C36D41;font-family:"Roboto", Sans-serif;font-size:22px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-radius:0px 25px 25px 25px;padding:12px 65px 12px 65px;}.elementor-200 .elementor-element.elementor-element-5137f13{background-color:#D6B37C;padding:20px 20px 20px 20px;border-radius:0px 35px 35px 35px;}.elementor-200 .elementor-element.elementor-element-c9ffb6e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:3%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-200 .elementor-element.elementor-element-c9ffb6e:not(.elementor-motion-effects-element-type-background), .elementor-200 .elementor-element.elementor-element-c9ffb6e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D6B37C;}.elementor-200 .elementor-element.elementor-element-7cbc42d .elementor-button{background-color:#FBF5E9;font-family:"Roboto", Sans-serif;font-size:22px;font-weight:500;fill:#C36D41;color:#C36D41;border-radius:0px 25px 25px 25px;padding:19px 19px 19px 19px;}.elementor-200 .elementor-element.elementor-element-7cbc42d{margin:7% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-200 .elementor-element.elementor-element-9379ae6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:10%;--padding-left:0%;--padding-right:0%;}.elementor-200 .elementor-element.elementor-element-9379ae6:not(.elementor-motion-effects-element-type-background), .elementor-200 .elementor-element.elementor-element-9379ae6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D6B37C;background-image:url("https://jewelrydama.com/wp-content/uploads/2025/12/line.png");background-position:0px -382px;background-repeat:repeat-x;}.elementor-200 .elementor-element.elementor-element-6433dc3 > .jet-listing-grid > .jet-listing-grid__items{--columns:4;}@media(max-width:1024px){.elementor-200 .elementor-element.elementor-element-7d005c7{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-200 .elementor-element.elementor-element-7d005c7:not(.elementor-motion-effects-element-type-background), .elementor-200 .elementor-element.elementor-element-7d005c7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-200 .elementor-element.elementor-element-2d2270b.e-con{--order:-99999 /* order start hack */;}.elementor-200 .elementor-element.elementor-element-792e1e0:not(.elementor-motion-effects-element-type-background), .elementor-200 .elementor-element.elementor-element-792e1e0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-200 .elementor-element.elementor-element-fd97d11:not(.elementor-motion-effects-element-type-background), .elementor-200 .elementor-element.elementor-element-fd97d11 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-200 .elementor-element.elementor-element-9379ae6{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-200 .elementor-element.elementor-element-9379ae6:not(.elementor-motion-effects-element-type-background), .elementor-200 .elementor-element.elementor-element-9379ae6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-200 .elementor-element.elementor-element-6433dc3 > .jet-listing-grid > .jet-listing-grid__items{--columns:2;}}@media(max-width:767px){.elementor-200 .elementor-element.elementor-element-7d005c7{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-200 .elementor-element.elementor-element-7d005c7:not(.elementor-motion-effects-element-type-background), .elementor-200 .elementor-element.elementor-element-7d005c7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-200 .elementor-element.elementor-element-4863030.e-con{--order:1;}.elementor-200 .elementor-element.elementor-element-2d2270b{--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-200 .elementor-element.elementor-element-2d2270b.e-con{--order:-99999 /* order start hack */;}.elementor-200 .elementor-element.elementor-element-0f0b98e.e-con{--order:3;}.elementor-200 .elementor-element.elementor-element-792e1e0{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-200 .elementor-element.elementor-element-792e1e0:not(.elementor-motion-effects-element-type-background), .elementor-200 .elementor-element.elementor-element-792e1e0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-200 .elementor-element.elementor-element-fd97d11{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-200 .elementor-element.elementor-element-fd97d11:not(.elementor-motion-effects-element-type-background), .elementor-200 .elementor-element.elementor-element-fd97d11 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-200 .elementor-element.elementor-element-5137f13{padding:0px 0px 0px 0px;border-radius:0px 35px 35px 35px;}.elementor-200 .elementor-element.elementor-element-9379ae6:not(.elementor-motion-effects-element-type-background), .elementor-200 .elementor-element.elementor-element-9379ae6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-200 .elementor-element.elementor-element-6433dc3 > .jet-listing-grid > .jet-listing-grid__items{--columns:1;}}@media(min-width:768px){.elementor-200 .elementor-element.elementor-element-4863030{--width:25%;}.elementor-200 .elementor-element.elementor-element-2d2270b{--width:22%;}.elementor-200 .elementor-element.elementor-element-0f0b98e{--width:21%;}.elementor-200 .elementor-element.elementor-element-c82ddba{--width:25%;}.elementor-200 .elementor-element.elementor-element-6e9d2af{--width:47%;}.elementor-200 .elementor-element.elementor-element-9379ae6{--content-width:1300px;}}@media(max-width:1024px) and (min-width:768px){.elementor-200 .elementor-element.elementor-element-4863030{--width:70%;}.elementor-200 .elementor-element.elementor-element-2d2270b{--width:70%;}.elementor-200 .elementor-element.elementor-element-0f0b98e{--width:42%;}.elementor-200 .elementor-element.elementor-element-c82ddba{--width:60%;}}/* Start custom CSS for woocommerce-product-images, class: .elementor-element-d2fe2d2 *//* Set fixed height for the gallery */
.woocommerce-product-gallery .flex-viewport,
.woocommerce-product-gallery__image {
    height: 560px !important;
}

/* Make link fill the entire slide */
.woocommerce-product-gallery__image > a {
    display: block;
    width: 100%;
    height: 100% ;
}

/* FORCE image to cover */
.woocommerce-product-gallery__image img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
}

/* Hide overflow so crop looks clean */
.woocommerce-product-gallery__image {
    overflow: hidden;
}



/* Hide the invisible zoom image that blocks clicks */
.woocommerce-product-gallery__wrapper .zoomImg {
    display: none !important;
}

/* Ensure the cursor looks like a clickable pointer */
.woocommerce-product-gallery__image a {
    cursor: pointer !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-price, class: .elementor-element-fe2cc33 */.qty-btn.plus, .qty-btn.minus{
    background-color: #ffffff !important;
    border-radius: 50% !important;
    padding: 0px !important;
    margin-top: 0px !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-6de99cd *//* ===============================
   1. CONTAINER & FORM LAYOUT
   =============================== */

/* For SIMPLE products (no variations) */
.elementor-add-to-cart.elementor-product-simple form.cart {
  display: flex !important;
  flex-direction: column !important;
  align-items: center;
  gap: 16px;
  margin: 0 !important; 
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* For VARIABLE products (with size dropdown) */
.elementor-add-to-cart.elementor-product-variable form.cart,
form.variations_form.cart {
  display: flex !important;
  flex-direction: column !important;
  align-items: center;
  gap: 16px;
  margin: 0 !important; 
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* ===============================
   2. VARIATIONS/SIZE DROPDOWN
   =============================== */

/* Variations table wrapper */
.variations {
  width: 100% !important;
  max-width: 400px;
  margin: 0 auto 16px !important;
  border: none !important;
}

.variations tr {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px;
}

.variations td,
.variations th {
  display: block !important;
  width: 100% !important;
  padding: 0 !important;
  border: none !important;
}

/* Size dropdown styling */
.variations select {
  width: 100% !important;
  padding: 12px 16px !important;
  border: 2px solid #C36D41 !important;
  border-radius: 8px !important;
  font-size: 16px !important;
  background-color: #fff !important;
  color: #333 !important;
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23C36D41' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  padding-right: 40px !important;
}

.variations select:focus {
  outline: none !important;
  border-color: #b87052 !important;
  box-shadow: 0 0 0 3px rgba(195, 109, 65, 0.1) !important;
}

.variations label {
  font-weight: 600;
  font-size: 14px;
  color: #333;
  margin-bottom: 4px;
  display: block;
}

/* Reset button for variations */
.reset_variations {
  display: inline-block !important;
  margin-top: 8px !important;
  font-size: 13px !important;
  color: #C36D41 !important;
  text-decoration: none !important;
}

/* ===============================
   3. ADD TO CART BUTTON
   =============================== */

.single_add_to_cart_button,
.elementor-add-to-cart .single_add_to_cart_button,
.elementor-add-to-cart.elementor-product-simple .single_add_to_cart_button,
.elementor-add-to-cart.elementor-product-variable .single_add_to_cart_button {
  width: 260px;
  padding: 18px 20px;
  background: #C36D41 !important;
  color: #ffffff !important;
  font-size: 18px;
  border: none;
  border-radius: 0px 25px 25px 25px;
  margin-top: 8px !important;
}

/* Prevent flex bleeding */
.e-atc-qty-button-holder,
.single_add_to_cart_button {
  flex: none !important;
}

/* Stock Status */
.stock,
.woocommerce div.product .stock {
    color: #000000;
    text-align: left;
}

/* ===============================
   4. QUANTITY STYLES (Works for both simple & variable)
   =============================== */

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

.quantity input[type=number] {
    -moz-appearance: textfield;
}

/* Main quantity wrapper (The Orange Pill) - Works for BOTH product types */
form.cart .quantity,
.e-atc-qty-button-holder .quantity {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    background-color: #C36D41;
    border-radius: 50px;
    padding: 8px 20px; 
    gap: 12px;
    border: none;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    margin: 0 auto !important;
    height: auto !important;
    width: auto !important;
}

/* Quantity input field */
.quantity input.qty {
    width: 40px !important;
    height: 35px !important;
    text-align: center;
    border: none !important;
    background: transparent !important;
    color: #ffffff !important;
    font-size: 20px;
    font-weight: bold;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    line-height: 1;
}

/* Plus and Minus buttons */
.quantity button.minus,
.quantity button.plus {
    width: 35px !important;
    height: 35px !important;
    min-width: 35px !important;
    min-height: 35px !important;
    max-width: 35px !important;
    max-height: 35px !important;
    background-color: #ffffff !important;
    background: #ffffff !important;
    border: none !important;
    border-radius: 50% !important;
    cursor: pointer;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 20px !important;
    font-weight: normal !important;
    color: #b87052 !important;
    transition: all 0.2s ease !important;
    padding: 0 !important;
    margin: 0 !important;
    flex-shrink: 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
    line-height: 1 !important;
}

/* Remove pseudo-elements */
.quantity button.minus::before,
.quantity button.minus::after,
.quantity button.plus::before,
.quantity button.plus::after {
    display: none !important;
    content: none !important;
}

/* Hover state */
.quantity button.minus:hover,
.quantity button.plus:hover {
    background-color: #fff !important;
    transform: scale(1.08);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15) !important;
    color: #C36D41 !important;
}

/* Active state */
.quantity button.minus:active,
.quantity button.plus:active {
    transform: scale(0.95) !important;
}

/* Focus state */
.quantity button.minus:focus,
.quantity button.plus:focus {
    outline: none !important;
}

/* ===============================
   5. MOBILE RESPONSIVE
   =============================== */
@media (max-width: 768px) {
    .variations {
        max-width: 100%;
    }
    
    .single_add_to_cart_button {
        width: 100% !important;
        max-width: 300px;
    }
    
    .quantity {
        padding: 6px 16px !important;
    }
    
    .quantity button.minus,
    .quantity button.plus {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        min-height: 32px !important;
        font-size: 18px !important;
    }
    
    .quantity input.qty {
        width: 35px !important;
        height: 32px !important;
        font-size: 18px;
    }
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-images, class: .elementor-element-4354387 *//* 2. Force the image to cover that area */
.woocommerce-product-gallery__image img.wp-post-image {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; /* This is what you asked for */
    object-position: center;      /* Centers the image */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5137f13 *//* Main Container Grid */
.custom-attr-grid {
    display: grid;
     grid-template-columns: 1fr 2.5fr;  /* Two columns side by side */
    gap: 20px; /* Space between items */
    padding: 30px;
    border-radius: 20px;
    direction: ltr !important;
     align-items: flex-start;
     
}

/* Common style for both Label and Value boxes */
.attr-item {
    background-color: #be6846; /* Terracotta Color */
    color: #fff;
    padding: 15px 25px;
    display: flex;
    align-items: center;
    font-size: 20px;
    line-height: 1.4;
    
    /* The Leaf Shape */
    border-radius: 0 30px 30px 30px; 
    
}


/* Specific Style for the Label (Left side) */
.label-box {
    font-weight: bold;
}

/* Specific Style for the Value (Right side) */
.value-box {
    font-weight: normal;
}



/* =========================================
   MOBILE SETTINGS (The part you asked for)
   ========================================= */
@media (max-width: 768px) {
    .custom-attr-grid {
        /* FORCE 2 COLUMNS ON MOBILE (Like your image) */
        grid-template-columns: 1fr 1fr !important; 
        
        /* Smaller gaps to fit screen */
        gap: 8px; 
        padding: 15px;
    }

    .attr-item {
        /* Smaller font so text fits in 2 columns */
        font-size: 12px; 
        padding: 10px;
        
        /* Ensure long words don't break the layout */
        word-break: break-word; 
    }
}/* End custom CSS */