/** Shopify CDN: Minification failed

Line 152:0 Unexpected "{"
Line 152:1 Expected identifier but found "%"
Line 156:0 Unexpected "{"
Line 156:1 Expected identifier but found "%"
Line 265:0 Unexpected "{"
Line 265:1 Expected identifier but found "%"
Line 272:0 Unexpected "{"
Line 272:1 Expected identifier but found "%"
Line 352:0 Unexpected "{"
Line 352:1 Expected identifier but found "%"
... and 2 more hidden warnings

**/
/* ==========================================================================
     BASE STYLES
     ========================================================================== */

/* Product template adjustments */
.template-product .shopify-section.section-periodic-information {
margin-top: 0 !important;
padding-top: var(--header-height, 100px) !important;
position: relative;
z-index: 0;
}

.shopify-section-header-sticky {
z-index: 99 !important;
}

.bzone-modern-product-root {
justify-content: center !important;
}

/* Header wrapper - floating for all devices */
.header-wrapper {
/* position: absolute; */
top: 0;
left: 0;
right: 0;
z-index: 999;
}

.hero-swiper .swiper-wrapper{
  padding-top: 10.3125rem;
      padding-bottom: 6.6875rem;
}
.announcement-bar__grid .swiper-pagination{
  display: none;
}

/* #swiper-wrapper-bc148415d251d9e8{
  padding-top: 16rem;
} */

/* Header base styles */
header.header {
  background: transparent;
  max-width: var(--page-width);
  padding-block: 7px;
  margin: 0 auto;
}

/* Header drawer */
header-drawer {
justify-self: start;
margin-left: -1.2rem;
}

/* Menu drawer container */
.menu-drawer-container {
display: flex;
}

/* List menu base styles */
.list-menu {
list-style: none;
padding: 0;
margin: 0;
}

.list-menu--inline {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
}

.list-menu__item {
display: flex;
align-items: center;
line-height: calc(1 + 0.3 / var(--font-body-scale));
}

.list-menu__item--link {
text-decoration: none;
padding-bottom: 1rem;
padding-top: 1rem;
align-items: center;
line-height: calc(1 + 0.8 / var(--font-body-scale));
white-space: nowrap;
}

summary.list-menu__item {
padding-right: 2.7rem;
}

/* Mobile menu button - hidden by default */
.header__mobile-menu-button {
display: none;
background: none;
border: none;
padding: 0;
cursor: pointer;
}

/* Search elements */
.header__search {
display: none;
}

.header__search-icon {
display: block;
}

/* Header icons styling - match search bar */
.header_icon {
display: flex;
align-items: center;
justify-content: center;
    width: 2.5rem;
height: 2.5rem;
border: 1px solid #808080;
border-radius: 50%;
background: rgba(255, 255, 255, 0.8);
transition: all 0.3s ease;
}

.header_icon:hover {
background: rgba(255, 255, 255, 1);
border-color: #ccc;
}

/* Logo positioning */
.header--middle-center .header__heading {
margin: 0 auto;
}

/* Sticky header logo size reduction */
{%- if section.settings.sticky_header_type == 'reduce-logo-size' -%}
.scrolled-past-header .header__heading-logo-wrapper {
  width: 65%;
}
{%- endif -%}

/* ==========================================================================
 MOBILE STYLES (max-width: 640px)
 ========================================================================== */

@media screen and (max-width: 640px) {
/* Override desktop padding for mobile */
header.header {
  padding-inline: 1rem !important;
  padding-block: 1rem !important;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.header-wrapper {
  top: 40px;
}
.hero-swiper .swiper-wrapper{
  padding-top: 16rem;
}
.announcement-bar__grid .swiper-pagination{
  display: none;
}

#swiper-wrapper-bc148415d251d9e8{
  padding-top: 16rem;
}

/* Hide desktop menu completely */
.header .header__inline-menu,
.header__inline-menu {
  display: none !important;
}

/* Mobile layout: Left side - cart and profile icons */
.header_icons {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  order: 1;
}

/* Center logo */
.header__heading {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  z-index: 2;
}

/* Right side - menu button */
.header__mobile-menu-button {
  display: flex;
  align-items: center;
  justify-content: center;
  order: 3;
  padding: 0.25rem;
  width: 36px;
  height: 36px;
  border: 1px solid #e0e0e0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
}
a.header_icon.header_icon--account svg {
  width: 0.8125;
  height: .875rem;
}
.header_icon svg {
    width: 1.0625rem;
    height: 1.0625rem;
}
/* Hide search bar and search icon on mobile */
.header__search {
  /* display: none !important; */
}

.header__search-icon {
  /* display: none !important; */
}

/* Hide desktop localization on mobile */
.desktop-localization-wrapper {
  display: none;
}

/* Mobile icon styling - keep borders but adjust size */
.header_icon {
  width: 36px;
  height: 36px;
  border: 1px solid #e0e0e0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Ensure cart and account icons are visible */
.header_icon--cart,
.header_icon--account {
  display: flex !important;
}

{% if request.path contains '/account/login' or request.path contains '/cart' %}
  #Details-menu-drawer-container{
    width: 87px;
  }
.menu-drawer-container {
  justify-content: end;
}
{% endif %}

}

/* ==========================================================================
 TABLET STYLES (641px - 989px)
 ========================================================================== */

@media screen and (min-width: 641px) and (max-width: 989px) {
/* Hide desktop menu on tablet */
.header .header__inline-menu,
.header__inline-menu {
  display: none !important;
}

/* Show mobile menu button on tablet */
.header__mobile-menu-button {
  display: block;
}

/* Hide search bar on tablet */
.header__search {
  display: none !important;
}

/* Show search icon on tablet */
.header__search-icon {
  display: block;
}
}

/* ==========================================================================
 TABLET STYLES (min-width: 750px)
 ========================================================================== */

@media screen and (min-width: 750px) {
.list-menu__item--link {
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}
}

/* ==========================================================================
 DESKTOP STYLES (min-width: 990px)
 ========================================================================== */

@media screen and (min-width: 990px) {
/* Desktop padding */
header.header {
  padding-inline: 1.25rem !important;
}

/* Header menu adjustments for specific layouts */
.header:not(.header--middle-left,.header--middle-center) .header__inline-menu {
  margin-top: 0 !important;
}

/* Show desktop menu */
.header__inline-menu {
  display: block;
  flex: 1;
  text-align: center;
}

/* Hide mobile menu button */
.header__mobile-menu-button {
  display: none;
}

/* Show search bar */
.header__search {
  display: block;
}

/* Hide search icon */
.header__search-icon {
  display: none;
}

/* Hide header drawer on desktop (unless drawer menu is selected) */
{%- if section.settings.menu_type_desktop != "drawer" -%}
  header-drawer {
    display: none;
  }
{%- endif -%}

/* Align icons with search bar */
.header_icons {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
}