/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./src/components/styles/ProductCard.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
/* .productItem {
    list-style: none;
    padding: 16px;
    cursor: pointer;
    transition: transform 0.2s;
  }
  
  .productItem:hover {
    transform: scale(1.05);
  }
  
  .productImage {
    width: 100%;
    height: auto;
    object-fit: cover;
  }
  
  .productName {
    font-size: 1.5em;
    margin: 8px 0;
  }
  
  .productPrice {
    font-size: 1.2em;
    color: #666;
  }
   */

   .ProductCard_productItem__qTcO3 {
     max-width:97%; 
     /* border: 1px solid hsl(40, 100%, 98%, .05);  */
    padding: .35rem;
  /*   background-color:hsla(42, 100%, 98%, 0.856); */
/*   min-width:300px; */
  border: 1px solid hsl(40, 100%, 98%, .05);
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1); 
  background-color:#121212;
    transition: transform 0.2s; 
  cursor: pointer;
  }
  
  
    
  .ProductCard_productItem__qTcO3:hover {
    transform: scale(1.05);
  }
    
  .ProductCard_productName__7QYac {
    font-size: 1.5rem;
    color: azure;
  }
  
  .ProductCard_productDescription__olDT8 {
    font-size: 1rem;
    color: azure;
  }
  
  .ProductCard_productPrice__8Hs_W {
    font-size: .9rem;
    color: azure;
  }
  
  .ProductCard_productImage__8qd0j {
  /*   box-shadow: 0 2px 4px rgba(0,0,0,0.1); */
    max-width: 100%;
    height: auto;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1); 
    background-color:hsl(40, 100%, 98%); 
  }

/*   
   @media (min-width: 700px) {
    .productItem{
      max-width:85%;
    }
  }
 
 
  @media (min-width: 800px) {
    .productItem{
      max-width:100%;
    }
  } 
 */
/*   @media (min-width: 850px) {
    .productItem{
      max-width:95%;
    }
  } */
/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./src/app/styles/Store.module.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
/* .container {
  padding: 1.5rem;
  background-color: #0a0a0a;
}

.title {
  font-size: 2rem;
  color: #333;
}

.description {
  font-size: 1.2rem;
  color: #666;
}

.products {
  margin-top: 1rem;
}
 */
/* .productList {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 1rem;
  justify-items: center; */ /* Center items horizontally in the grid */
/*   grid-template-columns: repeat(auto-fill, minmax(var(--product-width, 300px), 1fr));
} */
/* 
.productImage {
  width: 100%; */ /* Ensure image takes up full width of its container */
/*   height: auto;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  background-color: hsl(40, 100%, 98%);
}

.buttonContainer {
  margin-top: 1rem;
}

.button {
  padding: 0.5rem 1rem;
  background-color: #0070f3;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 1rem;
}

.button:hover {
  background-color: #005bb5;
} */

/* Responsive grid adjustments */
/* @media (min-width: 600px) {
  .products {
    --product-width: calc(100% / var(--min-columns) - 1rem);
  }
} */

/* Ensure proper scaling for two columns on smaller screens */
/* @media (min-width: 768px) {
  .products {
    --min-columns: 2;
  }
}

@media (min-width: 1200px) {
  .products {
    --min-columns: 3;
  }
}
 */
/* Ensure that on small screens, the product width is adjusted */
/* @media (max-width: 600px) { */
/*   .products {
    --min-columns: 2;
    --product-width: 100px;
  } */
/* 
  .productList {
    grid-template-columns: repeat(var(--min-columns), 1fr);
  }

}
 */

 .Store_container__d7UCs {
/*   padding: 1.5rem; */
  background-color: #0a0a0a;
}

.Store_title__4ym5S {
  font-size: 2rem;
  color: #333;
}

.Store_description__QHyPv {
  font-size: 1.2rem;
  color: #666;
}

.Store_products__8IYV_ {
  margin-top: 1rem;
}
.Store_outline__MSnqE{
  padding:.9rem;
}

.Store_productList__bpv_1 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-gap: 1rem;
  gap: 1rem;
  justify-items: center; /* Center items horizontally in the grid */
/*   grid-template-columns: repeat(var(--min-columns), minmax(var(--product-width, 300px), 1fr)); */
grid-template-columns: repeat(var(--min-columns), 1fr);
}

.Store_productImage__iUSfO {
  width: 100%; /* Ensure image takes up full width of its container */
  height: auto;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  background-color: hsl(40, 100%, 98%);
}

.Store_float2__aVfVC {
  position: -webkit-sticky;
  position: sticky;
  top: var(--float-initial-top, 63px); /* Initial position */
  z-index: 10;
background-color: #323232;
  margin-top:-24px;
}

.Store_float__z54Yz {
  position: -webkit-sticky;
  position: sticky;
  top: var(--float-initial-top, 65px); /* Initial position */
  z-index: 10;
/*   background-color: #0a0a0a; */
/*   width: 100%; */
/*   transition: top 0.3s ease;  */
background-color: #323232;
/* width:100vw; */
  margin-top:-24px;
  /* Smooth transition for hiding/showing */
/*   margin-left:-24px; */
}

.Store_hideFloat__BuISW {
  top: var(--float-hidden-top, -80px); /* Position when hidden */
}

.Store_buttonContainer__Eji1Y {
  margin-top: 1rem;
  display: flex;
  justify-content: center;
  background-color: #323232;
/*   width:100%; */
  /* 
  width: 100%; */
 /*  width:100vw; */
}


.Store_button__l6sul {
  padding: 0.5rem .7rem; 
  background-color: #323232;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 1rem;
}

.Store_button__l6sul:hover {
 /*  background-color: #FFD77D; */
 color:#FFD77D;
}
.Store_hideOnMobile__Dh47O {
  display: block; /* Ensure the button is visible by default */
}

/* Hide the ViewGrid button on mobile */
@media (max-width: 600px) {
  .Store_hideOnMobile__Dh47O  {
    display: none;
  }
  
}

/* Ensure that on small screens, the product width is adjusted */
/* @media (max-width: 600px) {
  .productList {
    --min-columns:2;
    grid-template-columns: repeat(var(--min-columns), 1fr);
  }
} */


/* Remove unnecessary media queries for --product-width */
/* @media (max-width: 600px) {
  .productList {
    grid-template-columns: repeat(var(--min-columns), 1fr);
  }
} */

/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./src/components/styles/Bap.module.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************/
.Bap_bap-container__vnxcl {
/*     position: relative; */
/*     width: 100%;
    overflow: hidden; */
 }
 
 .Bap_bap__2WX7e {
/*     position: fixed; */
/*     top: 68.25px;
    left:  100px; */
/*     width: 100%; */
    height: 20px; /* Adjust height as needed */
    background-color: transparent; /* Ribbon background color */
    display: flex;
    align-items: center;
    justify-content: center; /* Adjust duration as needed */
    overflow: hidden;
    z-index: 99999999999999999999999999999999999999999999999999999999999;
    opacity: 0.1;
 }
 
 .Bap_so__ugeN7 {
    color: #fff; /* Text color */
    font-size: 12px; /* Text size */
    white-space: nowrap; /* Prevent text from wrapping */
    animation: Bap_moveRibbon__2EVkb 120s linear infinite; /* Animation */
 }
 
 @keyframes Bap_moveRibbon__2EVkb {
    0% {
       transform: translateX(100%); /* Start slightly outside the right edge */
    }
    100% {
       transform: translateX(-200%); /* End slightly outside the left edge */
    }
 }
 
/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./src/components/styles/Dropdown.module.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************/
.Dropdown_dropdown__o_EGM {
    position: relative;
    display: inline-block;
  }
  
  .Dropdown_dropdownToggle__qowvT {
    
    padding: 0.9rem;
    background-color: #323232;
    width: -moz-fit-content;
    width: fit-content;
    color: white;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 500;
    transition: background-color 0.3s ease;
    display: flex;
    align-items: center; /* Align content in the center vertically */
    justify-content: space-between; /* Space between label and icon */
    width: 100%; /* Full width for better alignment */
    box-sizing: border-box; /* Ensure padding is included in the width */
  }
  
  .Dropdown_dropdownToggle__qowvT:hover {
    background-color: #ffd87d36;
/*     color:#323232; */
  }

  .Dropdown_status__LJv80{
    margin-left:3px;
  }

  .Dropdown_labelWrapper__i5oo3 {
    display: flex;
    flex-direction: column;
    text-align:left;
  }
  
  .Dropdown_iconWrapper__WEGmn {
    margin-left: 8px; /* Ensure the icon is slightly separated */
  }
  
  .Dropdown_dropdownMenu__jkkEv {
    position: absolute;
    top: 100%; /* Position directly below the button */
    left: 0;
    width: 100%;
    background-color: white;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    max-height: 250px;
    overflow-y: auto;
    padding: 0.5rem 0;
    margin-top: 0; /* Remove any margin to make it flush with the button */
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  }
  
  .Dropdown_dropdownItem__CBcQ1 {
/*     margin-left:2px;
    padding: 0.5rem 1rem;  */
    cursor: pointer;
    white-space: nowrap;
    font-size: 0.95rem;
    color: #333;
    transition: background-color 0.3s ease, color 0.3s ease;
  }
  
  .Dropdown_dropdownItem__CBcQ1:hover {
    background-color: #FFD77D;
/*     color: #0073e6; */
  }
  
  .Dropdown_dropdownMenu__jkkEv li {
    list-style: none;
    padding: 1rem;
    margin: 0;
  }

  /* Mobile view adjustments */
@media (min-width: 600px) {
    .Dropdown_labelWrapper__i5oo3{
        flex-direction:row;
    }
  }

  @media (max-width: 600px) {
    .Dropdown_status__LJv80{
        margin-left:1px;
      }
  }

  
  /* Add a subtle divider between items */
/*   .dropdownMenu li:not(:last-child) .dropdownItem {
    border-bottom: 1px solid #e0e0e0;
  }
  
  .dropdownMenu li:first-child .dropdownItem {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
  }
  
  .dropdownMenu li:last-child .dropdownItem {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
  }
   */