body {
    background: #FFFFFF !important;
}
#product-main-section > div.product-gallery-column > div.space-y-3 > div > div > div > div > img{
  object-fit: contain !important;
}
#product-main-section > div.product-gallery-column > div.space-y-3 > div > div > div > div{
  flex: 0 0 100% !important;
}
#products-content > div.group\/grid.grid.gap-x-4.gap-y-10.data-\[grid\=four\]\:grid-cols-1.data-\[grid\=list\]\:grid-cols-1.data-\[grid\=one\]\:grid-cols-1.data-\[grid\=four\]\:md\:grid-cols-2.data-\[grid\=four\]\:lg\:grid-cols-4 > div{
  background: #1A1A1A ;
  padding: 10px;
  border-radius: 10px;
}
#main > section.min-h-\[300px\].md\:min-h-\[400px\].md\:py-16.relative.flex.items-center.overflow-hidden.px-4.py-6.md\:px-16 > div.absolute.inset-0.-z-10 > div {
    background-color: color-mix(in oklab, hsl(0, 0%, 9%) 20%, transparent);
}
#main > section.min-h-\[300px\].md\:min-h-\[400px\].md\:py-16.relative.flex.items-center.overflow-hidden.px-4.py-6.md\:px-16 > div.theme-container > div > h1 {
    font-size: 40px;
    text-align: center;
}
#main > section.section-gallery.bg-background.px-4.py-6.md\:p-16{
  padding-block: 0px !important;
}
header.border-b{
  border-bottom:none !important;
}
.text-foreground , .qty-input-btn, .qty-input-field {
    color: #fff !important;
}
.section-benefits{
  background: transparent !important;
}
.products-embla__progress , .product-gallery__progress {
  background: #1A1A1A;
}
.product-details-column{
  color: #1A1A1A !important;
}
.product-details-column .prose{
  color: #1A1A1A !important;
}
.form-label , .text-muted , .form-control {
    color: #1A1A1A;
}{
  color: #1A1A1A !important;
}
.qty-input {
    background: #1A1A1A;
}
.tamara-summary-widget--inline-outlined , .styles__snipperWrapperBgWhite--e52a2 {
    background: #333;
    color: #fff;
}
#additional-info > div:nth-child(1) > button ,#additional-info > div:nth-child(2) > button{
  background: #333;
}
/**********************/
#footer > div > div.grid.grid-cols-1.gap-8.md\:grid-cols-\[repeat\(auto-fit\,minmax\(250px\,1fr\)\)\] > div:nth-child(2) > div > ul > li:nth-child(2) > div{
  fill: #fff !important;
  color: #1A1A1A !important;
}

#main > section:nth-child(4) > div > div > div.flex.items-center.justify-between{
  justify-content: center !important;
  background: transparent !important;
}

.products-embla__slide {
    background-color: #333 !important;
    margin-inline: 6px;
    padding: 15px;
    border: 1px solid #fff;
    border-radius: 10px;
}
.products-embla__slide .btn-outlined , #products-content > div.group\/grid.grid.gap-x-4.gap-y-10.data-\[grid\=four\]\:grid-cols-1.data-\[grid\=list\]\:grid-cols-1.data-\[grid\=one\]\:grid-cols-1.data-\[grid\=four\]\:md\:grid-cols-2.data-\[grid\=four\]\:lg\:grid-cols-4 > div > div.mt-auto.group-data-\[grid\=list\]\/grid\:col-span-2.group-data-\[grid\=list\]\/grid\:row-span-1.group-data-\[grid\=list\]\/grid\:mt-0.md\:group-data-\[grid\=list\]\/grid\:col-span-1.md\:group-data-\[grid\=list\]\/grid\:col-start-2.md\:group-data-\[grid\=list\]\/grid\:self-start > button{
    border: none;
    color: #fff;
    background: #1A1A1A;
    padding: 7px !important;
    border-radius: 30px;
}

#footer {
    background: #fff;
    color: #1A1A1A;
  margin-top: 30px;
}
#footer a , #footer p ,#footer li , #footer span {
  color: #1A1A1A !important;
}
#footer > div > div.grid.grid-cols-1.gap-8.md\:grid-cols-\[repeat\(auto-fit\,minmax\(250px\,1fr\)\)\] > div > div > h3  , #footer > div > div.grid.grid-cols-1.gap-8.md\:grid-cols-\[repeat\(auto-fit\,minmax\(250px\,1fr\)\)\] > div.space-y-4 > h3 , #footer > div > div.grid.grid-cols-1.gap-8.md\:grid-cols-\[repeat\(auto-fit\,minmax\(250px\,1fr\)\)\] > div:nth-child(2) > h3 {
    color: #1A1A1A !important;
}

#main > section.section-benefits.bg-secondary.px-4.py-6.md\:p-16 > div > div > div {
    background: #333;
    padding: 10px 10px 20px 10px;
    border-radius: 10px;
}
#main > section.section-benefits.bg-secondary.px-4.py-6.md\:p-16 > div > div > div > div > h3 , #main > section.section-benefits.bg-secondary.px-4.py-6.md\:p-16 > div > div > div > div > p {
  color: #fff !important;
}

#main > section.section-categories.px-4.py-6.md\:px-16.md\:py-16 > div > div.embla-wrapper.space-y-6 > div.embla > div > div > div {
    --slide-size: 230px !important;
  border-radius: 20px;
}

#main > section > div > div > div.flex.items-center.justify-between > a , #main > section:nth-child(4) > div > div > div.flex.items-center.gap-2 > a{
    display: flex;
    border-radius: 30px;
     background: #fff;
    color: #1A1A1A;
}

#main > section > div > div > div.flex.items-center.justify-between{
    background: #333;
    padding: 10px;
    border-radius: 30px;
}


#main > section > div > div > div.flex.items-center.justify-between > h2{
  margin-right: 20px;
}

section.md\:py-16 {
    padding-block: 35px;
}
@media(max-width:768px){
  .group-data-\[grid\=list\]\/grid\:grid:is(:where(.group\/grid)[data-grid=list] *) {
    display: flex;
}
  #products-content .data-\[grid\=one\]\:grid-cols-1[data-grid=one] , #products-content .data-\[grid\=list\]\:grid-cols-1[data-grid=list], .data-\[grid\=one\]\:grid-cols-1[data-grid=one] {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
  .\[\&\[data-items-count\=\'2\'\]\]\:grid-cols-1[data-items-count="2"] {
    grid-template-columns: repeat(2,minmax(0,1fr));
}
  #main > section.section-categories.px-4.py-6.md\:px-16.md\:py-16 > div > div.embla-wrapper.space-y-6 > div.embla > div > div > div {
    --slide-size: 118px !important;
    border-radius: 20px;
   padding-inline-start: 8px; 
}
  #main > section.section-categories.px-4.py-6.md\:px-16.md\:py-16 > div > div.embla-wrapper.space-y-6 > div.embla > div > div > div > a{
    gap: 5px !important;
  }
    #main > section.section-categories.px-4.py-6.md\:px-16.md\:py-16 > div > div.embla-wrapper.space-y-6 > div.embla > div > div > div > a > h3{
    text-align: center;
    font-size: 14px;
}
  #main > section.section-categories.px-4.py-6.md\:px-16.md\:py-16 > div > div.md\:flex.md\:items-center.md\:justify-between > h2{
    font-size: 24px;
    text-align: center;
  }

  #main > section > div > div > div.flex.items-center.justify-between > a {
    padding: 6px 5px 6px 5px;
}
  [section-id="1ae96747-89ae-4d63-bc28-6ae63915a6b7"] .embla__slide , [section-id="55b1c917-ba56-413e-948b-6937a313c3b7"] .embla__slide {
    min-height: 140px !important;
}
}