/* Add custom CSS styles below */ 
.s-block--bundle-marquee
{
 margin-top:0px !important;  
}
h3.about__subtitle.text-lg.opacity-60.font-normal.mb-2.text-store-text-secondary {
    color: #5C2713;
    font-weight: bold;
    font-size: 26px;
    opacity: 1;
}
h2.about__title.text-2xl.lg\:text-4xl.text-primary.font-bold.mb-5 {
    color: #272727;
    font-size: 18px;
}

/* Specific selector to target the button precisely */
.about__content a.btn.group.bg-primary.text-primary-reverse.h-12.\!px-6.mt-8.gap-2.\!rounded-none {
    background-image: linear-gradient(to right, #FDBF37, #B8901A) !important;
    background-color: transparent !important; /* Overrides the base primary color */
    border: none !important;
    transition: opacity 0.3s ease;
  color: white;
border-radius: 12px !important;
}

/* Optional: Add a hover effect to keep the button interactive */
.about__content a.btn.group.bg-primary:hover {
    opacity: 0.9;
}
@media (min-width: 768px) {
/* Target only top-level list items and their direct labels/links */
.index ul.main-menu.mm-spn--open > li > .main-menu__parent-label,
.index ul.main-menu.mm-spn--open > li > a {
    color: #ffffff !important;
}

/* Ensure sub-menu items stay their original color (e.g., black or inherited) */
ul.main-menu.mm-spn--open li ul li a,
ul.main-menu.mm-spn--open li ul li span {
    color: inherit; /* or specify a color like #000000 */
}
.about__content{
  width: 45%;
}
  p.about__description.mb-5.text-store-text-primary {
    width: 45%;
}

.about__row{
  flex-direction: row-reverse;
}
}
.btn-tabs-container button.btn-tab-primary.product-tab.active {
  color: white;  
  background-image: linear-gradient(to right, #E5BD46, #FDBF37) !important;
}
.s-block--product-tabs--toggle .btn-tabs-container
{
  background: #f4f4f4 !important;
}
button.btn-tab-primary.product-tab {
    color: #171717;
    font-weight: bold;
}
.home-hero{
  margin-top:0; 
}