@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Rubik:wght@400;500;600&display=swap");
:root {
  --color-black: hsl(0, 0%, 10%);
  --color-white: hsl(0, 0%, 100%);
  --color-light-white: hsl(0, 0%, 95%);
  --color-dark-cyan: hsl(192, 28%, 21%);
  --dark-grayish-blue: hsl(200, 2%, 28%);
  --color-darken: hsl(206, 16%, 9%);
  --color-yellow: hsl(42, 99%, 53%);
  --shadow-small: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  --shadow-medium: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-large: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

*,
*::before,
*::after {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style: none;
  list-style-type: none;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

html {
  font-size: 100%;
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  scroll-behavior: smooth;
}

body {
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  overflow-x: hidden;
  color: var(--color-black);
  background: var(--color-white);
}

a,
button {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  cursor: pointer;
  border: none;
  outline: none;
  background: none;
}

img,
video {
  display: block;
  max-width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

img {
  image-rendering: -webkit-optimize-contrast;
  image-rendering: -moz-crisp-edges;
  image-rendering: crisp-edges;
}

@-webkit-keyframes slideLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}

@keyframes slideLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@-webkit-keyframes slideRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}
@keyframes slideRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}
.container {
  max-width: 85rem;
  height: auto;
  margin: 0 auto;
  padding: 0 1.25rem;
}

/* Logo only in header - scope so it never affects hero/slider */
.header .brand {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  padding: 0;
  line-height: 0;
}
.header .brand img {
  height: 55px;
  max-height: 56px;
  width: auto;
  display: block;
  vertical-align: middle;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 80px;
  margin: 0 auto;
  padding: 0;
  z-index: 100;
  background: #ffffff;
  -webkit-box-shadow: var(--shadow-medium);
          box-shadow: var(--shadow-medium);
  margin-bottom: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  box-sizing: border-box;
}
.header .container {
  height: 100%;
  width: 100%;
}
.header .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  height: 100%;
  min-height: 80px;
}
.header-item-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.header-item-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  max-height: 80px;
  overflow: visible;
}
.header-item-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative;
  flex-shrink: 0;
}
.header-item-cart {
  display: none !important;
}

.header-item-left .menu-icon,
.header-item-cart .menu-icon {
  margin-right: 0;
}
.header-item-cart .menu-icon {
  margin-left: 0;
}
.header .menu-icon > img {
  width: 25px;
  filter: brightness(0); /* black cart icon to match header design */
}
.header .menu > ul.menu-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
.header .menu > ul > li {
  display: inline-block;
  line-height: 1.25;
  margin-left: 1.5rem;
  vertical-align: middle;
  position: relative;
}
.header .menu > ul > li:first-child {
  margin-left: 0;
}
.header .menu > ul > li > a {
  position: relative;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25;
  border: none;
  outline: none;
  color: var(--color-white);
  text-transform: uppercase;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  z-index:99;
}
.header .menu > ul > li .menu-subs {
  position: absolute;
  width: -webkit-max-content;
  width: max-content;
  max-width: 68rem;
  min-width: 16rem;
  height: auto;
  margin-top: 1.75rem;
  padding: 1rem 2rem;
  z-index: 109;
  opacity: 0;
  visibility: hidden;
  border-radius: 0.25rem;
  background: #000000;
  -webkit-box-shadow: var(--shadow-small);
          box-shadow: var(--shadow-small);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  left: 0;
  right: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}
.header .menu > ul > li .menu-subs > ul > li {
  line-height: 1;
}
.header .menu > ul > li .menu-subs > ul > li > a {
  display: inline-block;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25;
  padding: 0.75rem 0;
  border: none;
  outline: none;
  color: var(--color-white);
  text-transform: capitalize;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.header .menu > ul > li .menu-column-1 {
  min-width: 16rem;
  max-width: 20rem;
}
.header .menu > ul > li .menu-subs.menu-mega {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: -webkit-fit-content;
  width: fit-content;
  max-width: 68rem;
  overflow: hidden;
  z-index: 9999;
  background: #000;
}
.header .menu > ul > li .menu-subs.menu-mega::before,
.header .menu > ul > li .menu-subs.menu-mega::after {
  display: none !important;
  content: none !important;
}
.header .menu > ul > li .menu-subs.menu-mega > .list-item > ul > li {
  display: block;
  line-height: 1;
}
.header .menu > ul > li .menu-subs.menu-mega > .list-item > ul > li > a {
  display: inline-block;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25;
  padding: 0.5rem 0;
  border: none;
  outline: none;
  color: var(--color-white);
  text-transform: capitalize;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.header .menu > ul > li .menu-subs.menu-column-4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  max-width: 68rem;
  width: -webkit-max-content;
  width: max-content;
  padding: 1.25rem 1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.header .menu > ul > li .menu-subs.menu-column-4 > .list-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  padding: 0 1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 0;
  overflow: hidden;
}
.header .menu > ul > li .menu-subs.menu-column-4 > .list-item .title,
.header .menu > ul > li .menu-subs.menu-column-4 > .list-item ul {
  overflow: hidden;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.header .menu > ul > li .menu-subs.menu-column-4 > .list-item a {
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.header .menu > ul > li .menu-subs.menu-column-4 > .list-item .title {
  font-family: inherit;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1;
  padding: 0.75rem 0;
  color: var(--color-yellow);
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.header .menu > ul > li .menu-subs.menu-column-4 > .list-item.text-center .title {
  text-align: center;
}
.header .menu > ul > li .menu-subs.menu-column-4 > .list-item img {
  display: block;
  width: 100%;
  height: auto;
  margin-top: 0.75rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.header .menu > ul > li .menu-subs.menu-mega > .list-item > ul > li > a:hover,
.header .menu > ul > li .menu-subs > ul > li > a:hover {
  color: var(--color-yellow);
}
.header-item-right a:hover,
.header .menu > ul > li:hover > a {
  color: var(--color-yellow);
}
.header .menu-mobile-header,
.header .menu-mobile-toggle {
  display: none;
}
/* Hide mobile panel logo on desktop - only header left logo shows */
.header .menu .menu-mobile-logo {
  display: none;
}


/* Main Social Media Icon */
ul.main_social_icon {
	position: static;
	display: flex;
	justify-content: center;
}
  ul.main_social_icon li{
  list-style: none;
  margin: 0 40px;
  
  }
  ul.main_social_icon li .fa{
  font-size: 40px;
  color: #262626;
  line-height: 80px;
  transition: .5s;
  
  }
  ul.main_social_icon li a{
  position: relative;
  display: block;
  width: 80px;
  height: 80px;
  background-color: #fff;
  text-align: center;
  transform: perspective(100px) rotate(-30deg) skew(25deg) translate(0,0);
  transition: .5s;
  box-shadow: -20px 20px 10px rgb(0, 0, 0, 0.5);
  }
  ul.main_social_icon li a::before{
  content: "";
  position: absolute;
  top: 10px;
  left: -20px;
  height: 100%;
  width: 20px;
  background: #b1b1b1;
  transition: .5s;
  transform: rotate(0deg) skewY(-45deg);
  }
  ul.main_social_icon li a::after{
  content: "";
  position: absolute;
  top: 80px;
  left: -11px;
  height: 20px;
  width: 100%;
  background: #b1b1b1;
  transition: .5s;
  transform: rotate(0deg) skewX(-45deg);
  }
  ul.main_social_icon li a:hover{
  transform: perspective(1000px) rotate(-30deg) skew(25deg) translate(20px, -20px);
  box-shadow: -50px 50px 50px rgb(0, 0, 0, 0.5);
  }
  ul.main_social_icon li:hover .fa{
  color: #fff;
  }
  ul.main_social_icon li a:hover{
  transform: perspective(1000px) rotate(-30deg) skew(25deg) translate(20px, -20px);
  box-shadow: -50px 50px 50px rgb(0, 0, 0, 0.5);
  }
  ul.main_social_icon li:hover:nth-child(1) a{
  background: #3b5999;
  }
  
  ul.main_social_icon li:hover:nth-child(1) a:before{
  background: #2e4a86;
  }
  ul.main_social_icon li:hover:nth-child(1) a:after{
  background: #4a69ad;
  }
  ul.main_social_icon li:hover:nth-child(2) a{
  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  }
  ul.main_social_icon li:hover:nth-child(2) a:before{
  background: #833ab4;
  }
  ul.main_social_icon li:hover:nth-child(2) a:after{
  background: #fd1d1d;
  }
  ul.main_social_icon li:hover:nth-child(3) a{
  background: rgb(0, 136, 204);
  }
  
  ul.main_social_icon li:hover:nth-child(3) a:before{
  background: rgb(0, 136, 204);
  }
  ul.main_social_icon li:hover:nth-child(3) a:after{
  background: rgb(0, 136, 204);
  }
  
  ul.main_social_icon li:hover:nth-child(4) a{
  background: #0077B5;
  }
  
  ul.main_social_icon li:hover:nth-child(4) a:before{
  background: #036aa0;
  }
  ul.main_social_icon li:hover:nth-child(4) a:after{
  background: #0d82bf;
  }
  
  ul.main_social_icon li:hover:nth-child(5) a{
  background: #e4405f;
  }
  
  ul.main_social_icon li:hover:nth-child(5) a:before{
  background: #d02d4c;
  }
  ul.main_social_icon li:hover:nth-child(5) a:after{
  background: #f1395c;
  }

  /* Auto "hover" effect when section is in view (same as mouse hover) */
  ul.main_social_icon li.social-icon-active a{
  transform: perspective(1000px) rotate(-30deg) skew(25deg) translate(20px, -20px);
  box-shadow: -50px 50px 50px rgb(0, 0, 0, 0.5);
  }
  ul.main_social_icon li.social-icon-active .fa{
  color: #fff;
  }
  ul.main_social_icon li.social-icon-active:nth-child(1) a{
  background: #3b5999;
  }
  ul.main_social_icon li.social-icon-active:nth-child(1) a:before{
  background: #2e4a86;
  }
  ul.main_social_icon li.social-icon-active:nth-child(1) a:after{
  background: #4a69ad;
  }
  ul.main_social_icon li.social-icon-active:nth-child(2) a{
  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  }
  ul.main_social_icon li.social-icon-active:nth-child(2) a:before{
  background: #833ab4;
  }
  ul.main_social_icon li.social-icon-active:nth-child(2) a:after{
  background: #fd1d1d;
  }
  ul.main_social_icon li.social-icon-active:nth-child(3) a{
  background: rgb(0, 136, 204);
  }
  ul.main_social_icon li.social-icon-active:nth-child(3) a:before{
  background: rgb(0, 136, 204);
  }
  ul.main_social_icon li.social-icon-active:nth-child(3) a:after{
  background: rgb(0, 136, 204);
  }

  #main_social_midia_icon {
    position: relative;
    width: 100%;
    padding: 50px 0px;
    display: block;
    background-color: #fafafa;
	z-index:1;
  }

/* footer wrapper start */

/* Franja de logo a todo el ancho (index: entre FAQ y footer oscuro) */
.footer-logo-section {
  background-color: #ffffff;
  width: 100%;
  max-width: 100%;
  padding: 40px 20px;
  border-top: 1px solid #eaeaea;
  box-sizing: border-box;
  display: block;
}

.footer-logo-container {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  box-sizing: border-box;
}

.footer-logo-section .footer-logo-link {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  line-height: 0;
  margin: 0;
}

.footer-logo-container img {
  height: 60px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
  display: block;
}

/* Primera columna del footer sin logo duplicado (solo texto) */
.footer_logo--text-only {
  margin-bottom: 8px;
}

.footer_logo--text-only p {
  margin-top: 0;
}

.footer {
  width: 100%;
  background-color: #000000;
  padding-bottom: 40px;
  padding-top: 50px;
  display: block;
  color: #ffffff;
  border-top: 1px solid #1a1a1a;
}

/* Tipografía del pie (texto sin enlaces) */
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer p,
.footer li,
.footer span,
.footer strong {
  color: #ffffff;
}

/* Enlaces del pie: premium + acento marca */
.footer a,
footer.footer a {
  color: #ffffff;
  text-decoration: none;
  transition: color 0.3s ease;
  display: inline-block;
  position: relative;
}

.footer a:hover,
footer.footer a:hover {
  color: #00ff88;
}

/* Hover automático temporal para enlaces rápidos al entrar en viewport */
.footer a.footer-link-auto-hover,
footer.footer a.footer-link-auto-hover {
  color: #00ff88;
}

.footer a::after,
footer.footer a::after {
  content: "";
  display: block;
  width: 0;
  height: 2px;
  background: #00ff88;
  transition: width 0.3s ease;
  margin-top: 2px;
}

.footer a:hover::after,
footer.footer a:hover::after {
  width: 100%;
}

.footer a.footer-link-auto-hover::after,
footer.footer a.footer-link-auto-hover::after {
  width: 100%;
}

/* Logo con imagen: sin subrayado animado ni hover verde */
.footer .footer_logo a::after,
.footer .footer-logo-bar a::after {
  display: none;
  content: none;
}

.footer .footer_logo a:hover,
.footer .footer-logo-bar a:hover {
  color: #ffffff;
  opacity: 0.92;
}

.footer .social_links a::after {
  display: none;
  content: none;
}

.footer .social_links a:hover {
  color: #ffffff;
  opacity: 0.85;
}
.footer_inner_wrapper{
	width: 100%;
  display: block;
}
.footer_col_1{
	width:30%;
	display:inline-block;
	box-sizing: border-box;
	padding-right:35px;
}
.footer_col {
    width: 22.5%;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
}

.footer_logo a {
	display: inline-block;
	background: transparent;
	padding: 0;
	line-height: 0;
	margin-bottom: 30px;
}

/* Franja blanca detrás del logo (index y páginas que usen .footer-logo-bar) */
.footer_logo .footer-logo-bar {
	background-color: #ffffff;
	padding: 16px 0;
	display: flex;
	justify-content: center;
	align-items: center;
	border-top: 1px solid #e5e5e5;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 20px;
}

.footer_logo .footer-logo-bar a {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 0;
	line-height: 0;
}

.footer_logo .footer-logo-bar img {
	height: 40px;
	width: auto;
	max-width: 100%;
	object-fit: contain;
	display: block;
}

.footer_logo img{
	width: 230px;
	height: auto;
	max-height: 56px;
	object-fit: contain;
	display: block;
}
.footer_logo p{
	font-size:22px;
	line-height:40px;
}
.footer_col_heading{
	padding-left:90px;
}
.footer_col_heading h2{
	text-transform:uppercase;
	font-size:24px;
	padding-bottom:20px;
}
.footer_col_heading p{
	font-size:21px;
	font-weight:400;
	padding-bottom:12px;
}
.footer_col_heading a {
  color: #ffffff;
}
.footer_social_inner_wrapper {
  display: block;
  width: 100%;
  color: var(--color-white);
}
.footer_social_col{
	display:inline-block;
	width:33%;
	box-sizing: border-box;
}
.footer_social_heading h1{
		font-size:26px;
		color:#ffffff;
		text-transform:uppercase;
		font-weight:700;
		padding-bottom:20px;
}
.social_links img{
	display:inline;
	width:50px;
	padding-right:12px;
}
.footer_social_middle {
  width: 100%;
  text-align: center;
}
.footer_social_middle p {
  font-size: 22px;
  text-align: center;
  padding-top:20px;
}
.footer_social_card{
	text-align:right;
}
.card_images img{
	width:55px;
	border-radius:4px;
	height:35px;
	display:inline-block;
	object-fit: fill;
	margin-right:5px;
}
/* footer wrapper end */








/* Search Box Bar */

@media screen and (min-width: 993px) {
  /* Hide mobile-only menu lists on desktop so they don't show under the mega menu */
  .header .menu .menu-productos-list-mobile,
  .header .menu .menu-categorias-mobile {
    display: none !important;
  }
  .header .menu > ul > li.menu-item-has-children:hover .menu-subs {
    margin-top: 0.5rem;
    opacity: 1;
    visibility: visible;
  }
  /* Desktop header: dark text on white background */
  .header .menu > ul > li > a {
    color: #111111;
  }

  /* Desktop header: full width; logo and cart at far edges, nav centered */
  .header .container {
    max-width: none;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .header .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    position: relative;
  }
  /* Logo: far left edge (absolute so it escapes container) */
  .header-item-center {
    position: absolute;
    left: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  /* Nav: perfectly centered in header (absolute, centered relative to full width) */
  .header-item-left {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  /* Cart: far right edge (absolute) */
  .header-item-cart {
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .header-item-cart .menu-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .header-item-right {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .header .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .header .menu > ul.menu-section {
    gap: 1.5rem;
    margin-left: 0;
  }
  .header .menu > ul > li {
    margin-left: 0;
  }
  .header .menu > ul > li > a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0.5rem 0;
    line-height: 1.25;
  }
}
@media screen and (max-width: 992px) {
  /* Mobile bar: [ Cart ] [ Logo ] [ Hamburger ]; nav is dropdown */
  .header-item-left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    min-width: 0;
    overflow: hidden;
  }
  .header-item-center {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    min-width: 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  /* Mobile: center logo relative to full screen (absolute centering, relative to .header) */
  .header-item-center .brand {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    pointer-events: auto;
  }
  .header-item-cart {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .header-item-right {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }

  /* Show hamburger on mobile; keep nav only in dropdown, not in header */
  .header .menu-mobile-toggle {
    display: block;
  }

  .wrapper {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 auto;
    padding: 0.5rem 0;
  }

  /* Minimal hamburger (mobile only) - transparent, two black lines, no hover effect */
  .header .menu-mobile-toggle.menu__icon {
    border: none;
    background: transparent;
    padding: 0;
    margin: 0 0 0 1.25rem;
    cursor: pointer;
    font-family: inherit;
    width: 2rem;
    height: 2rem;
    padding: 0.25rem;
    position: relative;
    display: block;
    box-sizing: border-box;
  }
  .header .menu-mobile-toggle.menu__icon span {
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    top: calc(0.25rem - 1px);
    left: calc(0.25rem - 1px);
    -webkit-transition: transform 0.1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
    transition: transform 0.1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
  }
  .header .menu-mobile-toggle.menu__icon span::before {
    content: '';
    width: 1.5rem;
    height: 0.125rem;
    background-color: #000;
    position: absolute;
    left: 0;
    -webkit-transition: transform 0.1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) 0.1008s;
    transition: transform 0.1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) 0.1008s;
  }
  .header .menu-mobile-toggle.menu__icon span:nth-child(1)::before {
    top: 0.625rem;
    transform: translateY(-3px);
  }
  .header .menu-mobile-toggle.menu__icon span:nth-child(2)::before {
    bottom: 0.625rem;
    transform: translateY(3px);
  }
  /* Open state: X animation only on click when menu is active */
  .header .menu-mobile-toggle.menu__icon.icon-open span:nth-child(1),
  .header .menu-mobile-toggle.menu__icon.icon-open span:nth-child(2) {
    -webkit-transition: transform 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
    transition: transform 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
  }
  .header .menu-mobile-toggle.menu__icon.icon-open span:nth-child(1)::before,
  .header .menu-mobile-toggle.menu__icon.icon-open span:nth-child(2)::before {
    transform: none;
    -webkit-transition: transform 0.1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
    transition: transform 0.1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
  }
  .header .menu-mobile-toggle.menu__icon.icon-open span:nth-child(1) {
    transform: rotate(45deg) translateY(1px);
  }
  .header .menu-mobile-toggle.menu__icon.icon-open span:nth-child(2) {
    transform: rotate(-45deg) translateY(-1px);
  }
  /* Menu open: hamburger turns red to indicate click closes menu */
  .header .menu-mobile-toggle.menu__icon.icon-open span:nth-child(1)::before,
  .header .menu-mobile-toggle.menu__icon.icon-open span:nth-child(2)::before {
    background-color: #c00;
  }
  .header-item-right {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  /* Dropdown panel below header: appears under logo, no side slide */
  .header {
    z-index: 112;
  }
  /* Curtain: open = expand down from header; close = retract up into same origin (exact reverse) */
  .header .menu {
    position: fixed;
    top: 80px;
    left: 0;
    width: 100%;
    height: auto;
    max-height: 0;
    z-index: 110;
    overflow: hidden;
    overflow-x: hidden;
    background: #000000;
    opacity: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear 0.35s;
    transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear 0.35s;
  }
  .header .menu.active {
    max-height: calc(100vh - 80px);
    overflow-y: auto;
    overflow-x: hidden;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    -webkit-transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear 0s;
    transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear 0s;
  }
  /* Hide duplicated logo/header inside panel – only one header/logo (in page header) */
  .header .menu .menu-mobile-logo,
  .header .menu .menu-mobile-header {
    display: none !important;
  }
  .header .menu > ul.menu-section {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin: 0;
    padding: 1rem 1.5rem 1.5rem;
    list-style: none;
  }
  .header .menu > ul > li {
    display: block;
    line-height: 1;
    margin: 0;
    width: 100%;
    max-width: 20rem;
    opacity: 0;
    -webkit-transition: opacity 0.25s ease;
    transition: opacity 0.25s ease;
  }
  /* Reverse stagger when closing: last item fades first (delays apply when .active is removed) */
  .header .menu > ul.menu-section > li:nth-child(1) { -webkit-transition-delay: 160ms; transition-delay: 160ms; }
  .header .menu > ul.menu-section > li:nth-child(2) { -webkit-transition-delay: 120ms; transition-delay: 120ms; }
  .header .menu > ul.menu-section > li:nth-child(3) { -webkit-transition-delay: 80ms; transition-delay: 80ms; }
  .header .menu > ul.menu-section > li:nth-child(4) { -webkit-transition-delay: 40ms; transition-delay: 40ms; }
  .header .menu > ul.menu-section > li:nth-child(5) { -webkit-transition-delay: 0ms; transition-delay: 0ms; }
  .header .menu > ul.menu-section > li:nth-child(6) { -webkit-transition-delay: 0ms; transition-delay: 0ms; }
  /* Opening stagger: first item appears first */
  .header .menu.active > ul.menu-section > li:nth-child(1) { opacity: 1; -webkit-transition-delay: 50ms; transition-delay: 50ms; }
  .header .menu.active > ul.menu-section > li:nth-child(2) { opacity: 1; -webkit-transition-delay: 100ms; transition-delay: 100ms; }
  .header .menu.active > ul.menu-section > li:nth-child(3) { opacity: 1; -webkit-transition-delay: 150ms; transition-delay: 150ms; }
  .header .menu.active > ul.menu-section > li:nth-child(4) { opacity: 1; -webkit-transition-delay: 200ms; transition-delay: 200ms; }
  .header .menu.active > ul.menu-section > li:nth-child(5) { opacity: 1; -webkit-transition-delay: 250ms; transition-delay: 250ms; }
  .header .menu.active > ul.menu-section > li:nth-child(6) { opacity: 1; -webkit-transition-delay: 300ms; transition-delay: 300ms; }
  .header .menu > ul > li > a {
    display: block;
    line-height: 3rem;
    height: 3rem;
    padding: 0 1rem;
    text-align: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    color: #ffffff;
    text-decoration: none;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.02em;
  }
  .header .menu > ul > li > a:hover {
    color: #ffffff;
    opacity: 0.9;
  }
  .header .menu > ul > li > a i.ion {
    display: inline-block;
    font-size: 0.85em;
    margin-left: 0.25rem;
    color: #ffffff;
    vertical-align: middle;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
  }
  .header .menu > ul > li.menu-item-has-children.submenu-open > a i.ion {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  /* Hidden when dropdown: no duplicate logo/header in panel */
  .header .menu .menu-mobile-logo {
    display: block;
    padding: 1.25rem 1rem;
    text-align: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    background: #ffffff;
  }
  .header .menu .menu-mobile-logo a {
    display: block;
  }
  .header .menu .menu-mobile-logo img {
    height: 55px;
    width: auto;
    display: block;
    margin: 0 auto;
  }
  /* Below logo: black background, light text */
  .header .menu .menu-mobile-header {
    position: relative;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    top: 0;
    height: 3.125rem;
    z-index: 110;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    background: #000000;
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
    padding-left: 15px;
  }
  .header .menu .menu-mobile-header .menu-mobile-arrow {
    display: none;
    font-size: 1.25rem;
    line-height: 3.125rem;
    width: 3.125rem;
    height: 3.125rem;
    cursor: pointer;
    text-align: center;
    border-right: 1px solid rgb(255 255 255 / 10%);
    color: var(--color-white);
  }
 .header .menu .menu-mobile-header.active .menu-mobile-arrow {
    display: block;
    position: absolute;
    left: 60px;
}
  .header .menu .menu-mobile-header .menu-mobile-title {
    font-family: inherit;
    font-size: 1rem;
    font-weight: 500;
    line-height: inherit;
    color: #ffffff;
    text-transform: capitalize;
  }
  .header .menu .menu-mobile-header .menu-mobile-close {
    font-size: 2.25rem;
    line-height: 3.125rem;
    cursor: pointer;
    width: 3.125rem;
    height: 3.125rem;
    text-align: center;
    border-left: 1px solid rgba(255, 255, 255, 0.12);
    color: #ffffff;
    background: transparent;
  }
  .header .menu .menu-section {
    overflow-y: auto;
    overflow-x: hidden;
    background: #000000;
  }
  .header .menu .menu-section a,
  .header .menu .menu-section .menu-subs a {
    color: #ffffff;
  }
  .header .menu .menu-section .menu-subs a:hover {
    color: #ffffff;
    opacity: 0.9;
  }

  /* Mobile Productos: simple vertical list, hide desktop mega grid */
  .header .menu .menu-productos-list-mobile {
    display: none;
  }
  /* Mobile Categorías: simple vertical list, hide desktop mega grid */
  .header .menu .menu-categorias-mobile {
    display: none;
  }

  @media screen and (max-width: 768px) {
    /* Submenú móvil: ocultar por defecto, mostrar solo si está activo */
    .menu-subs {
      display: none;
    }
    .menu-subs.active {
      display: block;
    }
    /* Hide CATEGORÍAS section entirely in mobile hamburger menu */
    .header .menu > ul.menu-section > li.menu-item-categorias {
      display: none !important;
    }
    .header .menu .menu-productos-list-mobile {
      display: block;
      padding: 0.5rem 1rem 0.5rem;
      text-align: center;
      width: 100%;
      max-width: 20rem;
      margin: 0 auto;
    }
    .header .menu .menu-productos-list-mobile a {
      display: block;
      width: 100%;
      padding: 0.5rem 1rem;
      font-size: 0.95rem;
      line-height: 1.4;
      color: #ffffff;
      text-decoration: none;
      border-bottom: 1px solid rgba(255, 255, 255, 0.12);
      text-align: center;
    }
    .header .menu .menu-productos-list-mobile a:last-child {
      border-bottom: none;
    }
    .header .menu > ul > li .menu-subs.menu-productos-grid {
      display: none !important;
    }
    .header .menu .menu-categorias-mobile {
      display: block;
      padding: 0.5rem 1rem 0.5rem;
      text-align: center;
      width: 100%;
      max-width: 20rem;
      margin: 0 auto;
    }
    .header .menu .menu-categorias-mobile a {
      display: block;
      width: 100%;
      padding: 0.5rem 1rem;
      font-size: 0.95rem;
      line-height: 1.4;
      color: #ffffff;
      text-decoration: none;
      border-bottom: 1px solid rgba(255, 255, 255, 0.12);
      text-align: center;
    }
    .header .menu .menu-categorias-mobile a:last-child {
      border-bottom: none;
    }
    .header .menu > ul > li .menu-subs.menu-categorias-mega {
      display: none !important;
    }
    /* Generic override: disable mega-menu grid columns on mobile */
    .header .menu > ul > li .menu-subs.menu-column-4 {
      display: block !important;
      grid-template-columns: none;
      grid-template-rows: none;
      gap: 0;
      padding: 0.5rem 1rem 0.75rem;
    }
    /* Mobile: always hide product/category grids; only show simple list containers */
    .header .menu > ul > li .menu-subs.menu-productos-grid,
    .header .menu > ul > li .menu-subs.menu-categorias-mega {
      display: none !important;
    }
    /* Categorías: vertical, mobile-friendly list (override desktop mega columns) */
    .header .menu > ul > li .menu-subs.menu-categorias-mega {
      display: block;
      padding: 0.5rem 1rem 0.75rem;
      text-align: center;
      width: 100%;
      max-width: 20rem;
      margin: 0 auto;
    }
    .header .menu > ul > li .menu-subs.menu-categorias-mega > .list-item {
      width: 100%;
      margin: 0 0 0.75rem;
      padding: 0;
      border-bottom: 1px solid rgba(255, 255, 255, 0.12);
      background: transparent;
      text-align: center;
    }
    .header .menu > ul > li .menu-subs.menu-categorias-mega > .list-item:last-child {
      border-bottom: none;
      margin-bottom: 0.25rem;
    }
    .header .menu > ul > li .menu-subs.menu-categorias-mega > .list-item .title {
      font-size: 0.95rem;
      font-weight: 600;
      color: #ffffff;
      margin: 0 0 0.25rem;
      text-transform: none;
      text-align: center;
    }
    .header .menu > ul > li .menu-subs.menu-categorias-mega ul {
      list-style: none;
      margin: 0;
      padding: 0 0 0.5rem;
    }
    .header .menu > ul > li .menu-subs.menu-categorias-mega ul li a {
      display: block;
      padding: 0.4rem 1rem;
      font-size: 0.9rem;
      color: #ffffff;
      text-decoration: none;
      text-align: center;
    }
    .header .menu > ul > li .menu-subs.menu-categorias-mega ul li a:hover {
      color: #ffffff;
      opacity: 0.9;
    }
  }
  /* Mobile: submenus open inline with slide-down animation - no yellow bars */
  .header .menu > ul > li .menu-subs {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    max-width: none;
    min-width: auto;
    height: auto;
    max-height: 0;
    margin: 0;
    padding: 0 1rem;
    overflow: hidden;
    visibility: visible;
    opacity: 1;
    -webkit-transform: none;
            transform: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    background: transparent;
    border-radius: 0;
    border-top: none;
    -webkit-transition: max-height 0.4s ease-out, padding 0.4s ease-out;
    transition: max-height 0.4s ease-out, padding 0.4s ease-out;
  }
  .header .menu > ul > li .menu-subs.menu-mega {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    height: auto;
    max-height: 0;
    margin: 0;
    padding: 0 1rem;
    overflow: hidden;
    -webkit-transition: max-height 0.4s ease-out, padding 0.4s ease-out;
    transition: max-height 0.4s ease-out, padding 0.4s ease-out;
  }
  .header .menu > ul > li .menu-subs.active {
    max-height: 1200px;
    padding: 0.75rem 0 0.75rem 1rem;
    overflow-y: auto;
    overflow-x: hidden;
  }
  /* Productos: 2x2 grid, all 4 categories visible, no horizontal scroll */
  .header .menu > ul > li .menu-subs.menu-column-4 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, auto);
    gap: 0.5rem;
    padding: 0.5rem 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    min-height: 0;
  }
  .header .menu > ul > li .menu-subs.menu-column-4.active {
    padding: 0.5rem;
    max-height: 340px;
    overflow-y: auto;
    overflow-x: hidden;
  }
  /* Productos on mobile: simple vertical list (override desktop mega-menu grid) */
  .header .menu > ul > li .menu-subs.menu-productos-grid {
    display: block;
    padding: 0.25rem 0;
  }
  .header .menu > ul > li .menu-subs.menu-productos-grid.active {
    max-height: 320px;
    min-height: 0;
    padding: 0.5rem 0;
    margin: 0 auto;
  }
  .header .menu > ul > li .menu-subs.menu-productos-grid > .list-item {
    display: block;
    width: 100%;
    min-height: 0;
    margin: 0;
    padding: 0;
    background: transparent;
    border-radius: 0;
    overflow: visible;
  }
  .header .menu > ul > li .menu-subs.menu-productos-grid > .list-item a {
    display: block;
    padding: 0.5rem 0;
    font-size: 0.9375rem;
    line-height: 1.4;
    color: #ffffff;
    text-decoration: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  }
  .header .menu > ul > li .menu-subs.menu-productos-grid > .list-item:last-child a {
    border-bottom: none;
  }
  .header .menu > ul > li .menu-subs.menu-productos-grid > .list-item img {
    display: none;
  }
  .header .menu > ul > li .menu-subs.menu-productos-grid > .list-item .title {
    font-size: 0.9375rem;
    font-weight: 500;
    text-transform: none;
    margin: 0;
    color: #ffffff;
  }
  .header .menu > ul > li .menu-subs.menu-column-4 > .list-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
    min-width: 0;
    padding: 0.4rem;
    margin: 0;
    background: rgba(0, 0, 0, 0.25);
    border-radius: 0.25rem;
    text-align: center;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .header .menu > ul > li .menu-subs.menu-column-4 > .list-item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 0.25rem;
    padding: 0;
    color: var(--color-white);
    text-decoration: none;
    width: 100%;
    min-width: 0;
  }
  .header .menu > ul > li .menu-subs.menu-column-4 > .list-item img {
    width: 48px;
    height: 48px;
    min-width: 48px;
    min-height: 48px;
    margin: 0 auto;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 0.25rem;
    display: block;
  }
  .header .menu > ul > li .menu-subs.menu-column-4 > .list-item.text-center .title {
    font-size: 0.6875rem;
    line-height: 1.2;
    margin: 0;
    font-weight: 500;
    color: var(--color-white);
    text-align: center;
    word-break: break-word;
  }
  .header .menu > ul > li .menu-subs.menu-column-4 > .list-item.text-center:last-child .title {
    margin-bottom: 0;
  }
  .header .menu > ul > li .menu-subs > ul > li > a {
    display: block;
    padding: 0.5rem 0;
    font-size: 0.9375rem;
    color: rgba(255, 255, 255, 0.9);
  }
  .header .menu > ul > li .menu-subs.menu-mega > .list-item > ul {
    margin-bottom: 0.5rem;
  }
  .header .menu > ul > li .menu-subs.menu-mega > .list-item > ul > li > a {
    display: block;
  }
  /* Categorías dropdown: simple list, no grid */
  .header .menu > ul > li .menu-subs.menu-mega > .list-item:not(.text-center) .title {
    font-size: 0.875rem;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 0.25rem;
    padding-top: 0.5rem;
  }
  .header .menu > ul > li .menu-subs.menu-mega > .list-item:not(.text-center):first-child .title {
    padding-top: 0;
  }
  /* Keep Productos as 2x2 grid on all mobile screens (no 3/4 column) */

  /* No overlay dimming: menu opens without changing page brightness */
  .overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    background: transparent;
    pointer-events: auto;
    -webkit-transition: opacity 0.45s ease-in-out, visibility 0.45s ease-in-out;
    transition: opacity 0.45s ease-in-out, visibility 0.45s ease-in-out;
  }
  .overlay.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    background: transparent;
  }

  /* Evita que la capa overlay bloquee el click sobre los links del menú */
  .menu {
    position: relative;
    z-index: 1001;
  }

  .menu.active .overlay {
    pointer-events: none;
  }

  .menu.active {
    z-index: 1001;
  }
 .header {
    height: 80px;
    padding: 0;
  }
}



@media only screen and (max-width:767px){
    ul.main_social_icon {
        position: static;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    ul.main_social_icon li {
        list-style: none;
        margin: 25px 0px;
    }
    #main_social_midia_icon {
        padding: 15px 0px;
    }

    
	
/* footer wrapper start */

.footer_col_1{
	width:100%;
	padding-bottom:20px;
}
.footer_col{
	width:100%;
	padding-bottom:30px;
}
.footer_col_heading{
	padding-left:0px;
}
.footer_logo p {
    font-size: 15px;
    line-height: 32px;
}
.footer_col_heading h2 {
    font-size: 20px;
}
.footer_col_heading p {
    font-size: 15px;
}
.footer_social_inner_wrapper {
    display: block;
    width: 100%;
    padding-top: 5px;
}
.footer_social_col{
	display:inline-block;
	width:99%;
	box-sizing: border-box;
	padding-bottom:30px;
}
.footer_social_heading h1 {
    font-size: 18px;
	padding-bottom: 4px;
}
.social_links img {
    display: inline;
    width: 28px;
    padding-right: 5px;
}
.footer_social_middle p {
    font-size: 15px;
    text-align: center;
}
.card_images img {
    width: 40px;
    border-radius: 4px;
    height: 25px;
    display: inline-block;
    object-fit: fill;
    margin-right: 3px;
}
.footer_social_card{
	text-align:left;
}
.footer_col_heading h2 {
    padding-bottom: 10px;
}
.most_popular_heading {
	padding-left: 0;
}
.footer_wrapper {
	padding-bottom: 15px;
	padding-top: 15px;
}
}
/* footer wrapper end */

@media only screen and (min-width:767px)and (max-width:1200px){

.footer_col_1 {
    width: 50%;
    display: inline-block;
    box-sizing: border-box;
    padding-right: 0px;
	padding-bottom:30px;
}
.footer_col {
    width: 48.5%;
    display: inline-block;
    box-sizing: border-box;
	padding-bottom:10px;
}
.footer_logo p {
    padding-right: 70px;
}
.footer_col_heading {
    padding-left: 0px;
}
.footer_social_col{
	display:inline-block;
	width:32%;
	box-sizing: border-box;
}
.footer_social_heading h1 {
    font-size: 20px;
}
.footer_social_inner_wrapper {
    padding-top: 15px;
}
.social_links img {
    display: inline;
    width: 35px;
    padding-right: 5px;
}
.footer_social_middle p {
    font-size: 21px;
    text-align: center;
}
.card_images img {
    width: 35px;
    height: 25px;
}
ul.main_social_icon li {
    margin: 0 34px;
}
}
@media only screen and (min-width:993px)and (max-width:1200px){
.header .menu > ul > li > a {
	font-size:15px;
}
}