/** Shopify CDN: Minification failed

Line 18:0 Unexpected "<"
Line 20:1 Expected identifier but found "%"
Line 20:65 Expected identifier but found "%"
Line 67:0 Unexpected "{"
Line 67:1 Expected identifier but found "%"
Line 67:25 Expected identifier but found "%"
Line 70:0 Unexpected "{"
Line 70:1 Expected identifier but found "%"
Line 70:25 Unexpected "3"
Line 70:34 Expected identifier but found "%"
... and 19 more hidden warnings

**/


<style>

{% comment %}mobile view product page content Left CSS is here  {% endcomment %}
  div#shopify-block-AblcyK1JqU1RmRmVRT__air_product_reviews_app_summary_block_qqrJnJ {
    padding: 0px !important;
}
@media only screen and  (max-width: 900px) {

.product-page-info__title.mb-15.text-center.text-md-left h1.m-0 {
    text-align: left;
}
.justify-content-center {
    justify-content: left !important;
}
.product-page-info__price.text-center.text-md-left.mb-25 {
    text-align: left !important;
}
div#shopify-block-AblcyK1JqU1RmRmVRT__air_product_reviews_app_summary_block_qqrJnJ {
    padding: 0px !important;
}
.rte p {
    text-align: left !important;
}
 
  .product-page-info__icon-with-text--style-tile {
    grid-template-columns: repeat(2, 2fr) !important;
   
}
.product-options__section.d-flex.flex-wrap {
    justify-content: left;
}
.product-options.product-options--type-page.js-product-options {
    text-align: left !important;
}

}  

@media only screen and (max-width: 380px) {
button.btn {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.colorset{
font-size: 29px !important;
}
.product-collection__title{
  min-height:70px !important;
}
}
{% comment %} end here  {% endcomment %}


{% comment %} yello vala 3 cart  {% endcomment %}
@media (min-width: 1025px) {
  .product-page-info__icon-with-text--style-tile {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
.product-page-info__icon-with-text--style-tile > div {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px !important;
}
.product-page-info__icon-with-text--style-tile svg {
  background-color:rgba(241, 196, 15, 0.38) !important;
  border-radius: 50% !important;
  padding: 7px !important;
  width: 20px;
  height: 20px;
}
{% comment %} end here  {% endcomment %}


{% comment %} navbar hover borde r {% endcomment %}
.menu__item {
    border-radius: 0px !important;
}

{% comment %} home page second section  {% endcomment %}
@media only screen and ( max-width: 600px) {
  .ai-image-content-wrapper-aqitmzktzohdxeuxgqaigenblock6f7778fezarak {
    padding-top: 35px; 
}
h2.h4.col-auto.mb-10.text-center {
    width: 100%;
}
}
{% comment %} pd thumbnail edit  {% endcomment %}
 .product-gallery__thumbnail_item_inner.position-relative.cursor-lg-pointer {
    padding: 4px;
}

 
{% comment %} pd page details design  {% endcomment %}
p.product-page-info__price-sale-details.mt-5.mt-md-10.text-center.text-md-left {
    font-weight: bold;
}
product-page-info__title{
      margin-bottom: 9px !important;
}
.product-page-info__price {
    margin-bottom: 0px !important;
}
.product-page-info__description {
    margin-bottom: 19px !important;
}






 

{% comment %} wait button design  {% endcomment %}
/* Wrapper spacing */
.product-options__section {
  gap: 10px;
}

/* Label styling */
[data-section-container] label {
  font-weight: 500;
  font-size: 14px;
  margin-bottom: 8px;
  display: block;
}

/* Option button (default) */
.product-options__value {
  padding: 8px 16px;
  border: 1px solid #2f3370;
  border-radius: 8px;
  background: #fff;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s ease;
}

/* Hover effect */
.product-options__value:hover {
  border-color: #2f3370;
  color: #2f3370;
}

/* Active (selected) */
.product-options__value.active {
  background: #2f3370;
  color: #fff;
  border-color: #2f3370;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

/* Remove center alignment issue */
.product-options__value.flex-center {
  justify-content: center;
  align-items: center;
}  


/* navbar center css  */
@media only screen and (min-width: 769px) {
  .header__nav.d-none.d-lg-flex {
  display: flex !important;
  justify-content: center !important;
}
}


</style>