/******************************************************************
  Template Name: Ogani
  Description:  Ogani eCommerce  HTML Template
  Author: Colorlib
  Author URI: https://colorlib.com
  Version: 1.0
  Created: Colorlib
******************************************************************/

/*------------------------------------------------------------------
[Table of contents]

1.  Template default CSS
	1.1	Variables
	1.2	Mixins
	1.3	Flexbox
	1.4	Reset
2.  Helper Css
3.  Header Section
4.  Hero Section
5.  Service Section
6.  Categories Section
7.  Featured Section
8.  Latest Product Section
9.  Contact
10.  Footer Style
-------------------------------------------------------------------*/

/*----------------------------------------*/
/* Template default CSS
/*----------------------------------------*/

html,
body {
  height: 100%;
  font-family: "Cairo", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  background: #f3f6fa;
}

:root {
  --page-bg: #f3f6fa;
  --card-bg: #ffffff;
  --border: #ebebeb;
  --radius: 12px;
  --shadow: 0 2px 14px rgba(0, 0, 0, 0.06);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  color: #111111;
  font-weight: 400;
  font-family: "Cairo", sans-serif;
}

h1 {
  font-size: 70px;
}

h2 {
  font-size: 36px;
}

h3 {
  font-size: 30px;
}

h4 {
  font-size: 24px;
}

h5 {
  font-size: 18px;
}

h6 {
  font-size: 16px;
}

p {
  font-size: 16px;
  font-family: "Cairo", sans-serif;
  color: #6f6f6f;
  font-weight: 400;
  line-height: 26px;
  margin: 0 0 15px 0;
}

img {
  max-width: 100%;
}

input:focus,
select:focus,
button:focus,
textarea:focus {
  outline: none;
}

a:hover,
a:focus {
  text-decoration: none;
  outline: none;
  color: #ffffff;
}

ul,
ol {
  padding: 0;
  margin: 0;
}

/*---------------------
	ESTILOS PROPIOS
----------------------*/

/*CHECKBOX CATEHORIAS PRODUCTOS*/
/* Ocultar el checkbox estándar */
.custom-checkbox {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Estilo para el contenedor del checkbox */
.form-check-inline {
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 20px;
  user-select: none;
}

/* Estilo para el checkbox personalizado */
.form-check-inline input+label::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 2px;
  width: 24px;
  height: 24px;
  border: 2px solid #ddd;
  border-radius: 4px;
  background: #fff;
  cursor: pointer;
}

/* Estilo para el checkbox cuando está seleccionado */
.form-check-inline input:checked+label::before {
  content: "\2714";
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background-color: #1db190;
  border-color: #1db190;
}

/*---------------------
  Helper CSS
-----------------------*/
.section-title h2 {
  font-weight: 900 !important;
}

.featured__head {
  margin-bottom: 16px;
}

.section-title.section-title--left h2 {
  margin: 0 !important;
  line-height: 1.1;
}

.section-subtitle {
  margin-top: 8px;
  font-size: 14px;
  color: #6c757d;
  font-weight: 500;
}

/* si lo usás en otros lados, lo dejo */
.featured__all-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding-right: 10px;
  line-height: 1;
  color: #1db190;
}

.featured__all-link:hover {
  color: #608a20;
}

.featured__chev {
  font-size: 20px;
  line-height: 1;
}

/* Flechas */
.featured__nav {
  display: inline-flex;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.05);
}

.fnav-btn {
  width: 44px;
  height: 38px;
  border: 0;
  background: transparent;
  display: grid;
  place-items: center;
  cursor: pointer;
  color: #1c1c1c;
  transition: background 0.12s ease;
}

.fnav-btn+.fnav-btn {
  border-left: 1px solid rgba(0, 0, 0, 0.08);
}

.fnav-btn:hover {
  background: rgba(29, 177, 144, 0.08);
}

.fnav-btn:active {
  background: rgba(29, 177, 144, 0.14);
}

.fnav-btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
  background: transparent;
}

.fnav-btn span {
  font-size: 22px;
  line-height: 1;
}

/* Slider 1 fila */
.featured__slider {
  position: relative;
}

.featured__viewport {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  padding: 6px 4px 10px;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
  /* Firefox */
}

.featured__viewport::-webkit-scrollbar {
  display: none;
  /* Chrome/Safari */
}

/* pisa el comportamiento de .row (wrap) y las col-* */
.featured__filter {
  display: flex;
  flex-wrap: nowrap !important;
  gap: 18px;
  margin: 0 !important;
  padding: 0 !important;
}

.featured__filter>.mix {
  flex: 0 0 auto !important;
  width: clamp(220px, 22vw, 290px);
  max-width: none !important;
  padding: 0 !important;
}

.featured__filter .featured__item {
  margin-bottom: 0;
  /* ya hay gap */
}

/* CTA abajo */
.featured__bottom {
  display: flex;
  justify-content: center;
  margin-top: 18px;
}

.featured__bottom-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 22px;
  border-radius: 12px;
  background: #1db190;
  color: #fff;
  font-weight: 800;
  text-decoration: none;
  border: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0 10px 20px rgba(29, 177, 144, 0.18);
  transition:
    transform 0.12s ease,
    filter 0.12s ease,
    box-shadow 0.12s ease;
}

.featured__bottom-btn:hover {
  color: #fff;
  filter: brightness(0.98);
  transform: translateY(-1px);
  box-shadow: 0 12px 24px rgba(29, 177, 144, 0.22);
}

.featured__bottom-btn:active {
  transform: translateY(0);
  filter: brightness(0.94);
  box-shadow: 0 8px 16px rgba(29, 177, 144, 0.18);
}

.featured__bottom-btn:focus-visible {
  outline: none;
  box-shadow:
    0 0 0 3px rgba(29, 177, 144, 0.2),
    0 12px 24px rgba(29, 177, 144, 0.22);
}

.set-bg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.spad {
  padding-top: 100px;
  padding-bottom: 100px;
}

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
  color: #fff;
}

/* buttons */

.primary-btn {
  display: inline-block;
  font-size: 14px;
  padding: 10px 28px 10px;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 700;
  background: #1db190;
  letter-spacing: 2px;
}

.site-btn {
  font-size: 14px;
  color: #ffffff;
  font-weight: 800;
  text-transform: uppercase;
  display: inline-block;
  padding: 13px 30px 12px;
  background: #1db190;
  border: none;
}

/* Preloder */

#preloder {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999999;
  /*background: #000;*/
}

.loader {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -13px;
  margin-left: -13px;
  border-radius: 60px;
  animation: loader 0.8s linear infinite;
  -webkit-animation: loader 0.8s linear infinite;
}

@keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    border: 4px solid #f44336;
    border-left-color: transparent;
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    border: 4px solid #673ab7;
    border-left-color: transparent;
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    border: 4px solid #f44336;
    border-left-color: transparent;
  }
}

@-webkit-keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
    border: 4px solid #f44336;
    border-left-color: transparent;
  }

  50% {
    -webkit-transform: rotate(180deg);
    border: 4px solid #673ab7;
    border-left-color: transparent;
  }

  100% {
    -webkit-transform: rotate(360deg);
    border: 4px solid #f44336;
    border-left-color: transparent;
  }
}

/*---------------------
  Header
-----------------------*/

.header__top {
  background: #f5f5f5;
}

.header__top__left {
  padding: 10px 0 13px;
}

.header__top__left ul li {
  font-size: 14px;
  color: #1c1c1c;
  display: inline-block;
  margin-right: 45px;
  position: relative;
}

.header__top__left ul li:after {
  position: absolute;
  right: -25px;
  top: 1px;
  height: 20px;
  width: 1px;
  background: #000000;
  opacity: 0.1;
  content: "";
}

.header__top__left ul li:last-child {
  margin-right: 0;
}

.header__top__left ul li:last-child:after {
  display: none;
}

.header__top__left ul li i {
  color: #252525;
  margin-right: 5px;
}

.header__top__right {
  text-align: right;
  padding: 10px 0 13px;
}

.header__top__right__social {
  position: relative;
  display: inline-block;
  margin-right: 35px;
}

.header__top__right__social:after {
  position: absolute;
  right: -20px;
  top: 1px;
  height: 20px;
  width: 1px;
  background: #000000;
  opacity: 0.1;
  content: "";
}

.header__top__right__social a {
  font-size: 14px;
  display: inline-block;
  color: #1c1c1c;
  margin-right: 20px;
}

.header__top__right__social a:last-child {
  margin-right: 0;
}

.header__top__right__language {
  position: relative;
  display: inline-block;
  margin-right: 40px;
  cursor: pointer;
}

.header__top__right__language:hover ul {
  top: 23px;
  opacity: 1;
  visibility: visible;
}

.header__top__right__language:after {
  position: absolute;
  right: -21px;
  top: 1px;
  height: 20px;
  width: 1px;
  background: #000000;
  opacity: 0.1;
  content: "";
}

.header__top__right__language img {
  margin-right: 6px;
}

.header__top__right__language div {
  font-size: 14px;
  color: #1c1c1c;
  display: inline-block;
  margin-right: 4px;
}

.header__top__right__language span {
  font-size: 14px;
  color: #1c1c1c;
  position: relative;
  top: 2px;
}

.header__top__right__language ul {
  background: #222222;
  width: 100px;
  text-align: left;
  padding: 5px 0;
  position: absolute;
  left: 0;
  top: 43px;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  -ms-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
}

.header__top__right__language ul li {
  list-style: none;
}

.header__top__right__language ul li a {
  font-size: 14px;
  color: #ffffff;
  padding: 5px 10px;
}

.header__top__right__auth {
  display: inline-block;
}

.header__top__right__auth a {
  display: block;
  font-size: 14px;
  color: #1c1c1c;
}

.header__top__right__auth a i {
  margin-right: 6px;
}

.header__logo {
  padding: 15px 0;
}

.header__logo a {
  display: inline-block;
}

.header__menu {
  padding: 24px 0;
}

.header__menu ul li {
  list-style: none;
  display: inline-block;
  margin-right: 50px;
  position: relative;
}

.header__menu ul li .header__menu__dropdown {
  position: absolute;
  left: 0;
  top: 50px;
  background: #222222;
  width: 180px;
  z-index: 9;
  padding: 5px 0;
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  -ms-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
  opacity: 0;
  visibility: hidden;
}

.header__menu ul li .header__menu__dropdown li {
  margin-right: 0;
  display: block;
}

.header__menu ul li .header__menu__dropdown li:hover>a {
  color: #1db190;
}

.header__menu ul li .header__menu__dropdown li a {
  text-transform: capitalize;
  color: #ffffff;
  font-weight: 400;
  padding: 5px 15px;
}

.header__menu ul li.active a {
  color: #1db190;
}

.header__menu ul li:hover .header__menu__dropdown {
  top: 30px;
  opacity: 1;
  visibility: visible;
}

.header__menu ul li:hover>a {
  color: #1db190;
}

.header__menu ul li:last-child {
  margin-right: 0;
}

.header__menu ul li a {
  font-size: 14px;
  color: #252525;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 2px;
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  -ms-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
  padding: 5px 0;
  display: block;
}

.header__cart {
  text-align: right;
  padding: 24px 0;
}

.header__cart ul {
  display: inline-block;
  margin-right: 25px;
}

.header__cart ul li {
  list-style: none;
  display: inline-block;
  margin-right: 15px;
}

.header__cart ul li:last-child {
  margin-right: 0;
}

.header__cart ul li a {
  position: relative;
}

.header__cart ul li a i {
  font-size: 18px;
  color: #1c1c1c;
}

.header__cart ul li a span {
  height: 13px;
  width: 13px;
  background: #1db190;
  font-size: 10px;
  color: #ffffff;
  line-height: 13px;
  text-align: center;
  font-weight: 700;
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: -12px;
}

.header__cart .header__cart__price {
  font-size: 14px;
  color: #6f6f6f;
  display: inline-block;
}

.header__cart .header__cart__price span {
  color: #252525;
  font-weight: 700;
}

.humberger__menu__wrapper {
  display: none;
}

.humberger__open {
  display: none;
}

/*---------------------
  Hero
-----------------------*/

.hero {
  padding-top: 18px;
  /*padding-bottom: 50px;*/
}

.hero.hero-normal {
  padding-bottom: 30px;
}

.hero.hero-normal .hero__categories {
  position: relative;
}

.hero.hero-normal .hero__categories ul {
  display: none;
  position: absolute;
  left: 0;
  top: 46px;
  width: 100%;
  z-index: 9;
  background: #ffffff;

  max-height: 270px;
  /* límite */
  overflow-y: auto;
  /* scroll vertical */
  overscroll-behavior: contain;
  padding-right: 6px;
  /* evita que el scroll tape texto */
}

.hero.hero-normal .hero__search {
  margin-bottom: 0;
}

.hero>.container {
  background: var(--card-bg);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 18px;
}

@media (max-width: 767px) {
  .hero>.container {
    padding: 14px;
  }
}

.categories {
  padding-top: 18px;
}

.categories>.container {
  background: var(--card-bg);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 18px;
}

@media (max-width: 767px) {
  .categories>.container {
    padding: 14px;
  }
}

.hero__categories__all {
  background: #1db190;
  position: relative;
  height: 50px;
  padding: 0 18px 0 40px;
  cursor: pointer;
  display: flex;
  align-items: center;
  border-radius: var(--radius);
}

.hero__categories__all i {
  font-size: 16px;
  color: #ffffff;
  margin-right: 10px;
}

.hero__categories__all span {
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
}

/* Home-like card para sidebar (sin romper hero-normal dropdown) */
.hero:not(.hero-normal) .hero__categories {
  border-radius: var(--radius);
  overflow: hidden;
  border: 1px solid var(--border);
  background: var(--card-bg);
  box-shadow: var(--shadow);
}

.hero:not(.hero-normal) .hero__categories__all {
  border-radius: 0;
}

.hero:not(.hero-normal) .hero__categories ul {
  border: none;
  padding: 12px 16px 14px;

  max-height: 310px;
  /* límite */
  overflow-y: auto;
  /* scroll vertical */
  overscroll-behavior: contain;
  padding-right: 6px;
}

/*Scrollbar más prolija*/
.hero__categories ul::-webkit-scrollbar {
  width: 10px;
}

.hero__categories ul::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.18);
  border-radius: 999px;
  border: 3px solid transparent;
  background-clip: content-box;
}

.hero__categories ul::-webkit-scrollbar-track {
  background: transparent;
}

.hero__categories__all:after {
  position: absolute;
  right: 18px;
  top: 9px;
  content: "3";
  font-family: "ElegantIcons";
  font-size: 18px;
  color: #ffffff;
}

.hero__categories ul {
  border: 1px solid #ebebeb;
  padding-left: 40px;
  padding-top: 10px;
  padding-bottom: 12px;
}

.hero__categories ul li {
  list-style: none;
}

.hero__categories ul li a {
  font-size: 16px;
  color: #1c1c1c;
  line-height: 39px;
  display: block;
}

.hero__search {
  overflow: hidden;
  margin-bottom: 30px;
}

.hero__search__form {
  width: 100%;
  height: 50px;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--card-bg);
  box-shadow: var(--shadow);
  overflow: hidden;
  position: relative;
  float: none;
}

.hero__search__form form {
  display: flex;
  height: 100%;
  margin: 0;
}

.hero__search__form form .hero__search__categories {
  flex: 0 0 auto;
  width: auto;
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #1c1c1c;
  font-weight: 700;
  padding-left: 18px;
  padding-right: 18px;
  position: relative;
}

.hero__search__form form .hero__search__categories:after {
  position: absolute;
  right: 0;
  top: 14px;
  height: 20px;
  width: 1px;
  background: #000000;
  opacity: 0.1;
  content: "";
}

.hero__search__form form .hero__search__categories span {
  position: absolute;
  right: 14px;
  top: 14px;
}

.hero__search__form form input {
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
  border: none;
  height: 100%;
  font-size: 16px;
  color: #6f6f6f;
  padding-left: 16px;
  padding-right: 16px;
}

.hero__search__form form input::placeholder {
  color: #b2b2b2;
}

.hero__search__form form button {
  position: static;
  height: 100%;
  border-radius: 0;
  padding: 0 22px;
}

.hero__search__phone {
  float: right;
}

.hero__search__phone__icon {
  font-size: 25px;
  color: #1db190;
  height: 50px;
  width: 50px;
  background: #f5f5f5;
  line-height: 50px;
  text-align: center;
  border-radius: 50%;
  float: left;
  margin-right: 10px;
}

.hero__search__phone__text {
  overflow: hidden;
}

.hero__search__phone__text h5 {
  color: #1c1c1c;
  font-weight: 700;
  margin-bottom: 5px;
}

.hero__search__phone__text span {
  font-size: 14px;
  color: #6f6f6f;
}

.hero__item {
  height: 431px;
  display: flex;
  align-items: center;
  padding-left: 75px;
  border-radius: var(--radius);
  overflow: hidden;
  box-shadow: var(--shadow);
}

/* TITULO BANNER INICIO */
.text-titulo h2 {
  line-height: 55px !important;
  font-size: 90px !important;
  -webkit-text-stroke: 1.5px rgb(255, 255, 255);
  text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5);
}

.text-titulo span {
  font-size: 24px !important;
}

.hero__text span {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 4px;
  color: #1db190;
}

.hero__text h2 {
  font-size: 46px;
  color: #252525;
  line-height: 52px;
  font-weight: 700;
  margin: 10px 0;
}

.hero__text p {
  margin-bottom: 30px;
  margin-left: 15px;
  font-size: 18px;
  color: #4d4d4d;
}

/*---------------------
  Categories
-----------------------*/

.categories__item {
  height: 270px;
  position: relative;
}

.categories__item h5 {
  position: absolute;
  left: 0;
  width: 100%;
  padding: 0 20px;
  bottom: 20px;
  text-align: center;
}

.categories__item h5 a {
  font-size: 18px;
  color: #1c1c1c;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 12px 0 10px;
  background: #ffffff;
  display: block;
  border: 2px solid #3e3e3e !important;
}

.categories__slider .col-lg-3 {
  max-width: 100%;
}

.categories__slider.owl-carousel .owl-nav button {
  font-size: 18px;
  color: #1c1c1c;
  height: 70px;
  width: 30px;
  line-height: 70px;
  text-align: center;
  border: 1px solid #ebebeb;
  position: absolute;
  left: -35px;
  top: 50%;
  -webkit-transform: translateY(-35px);
  background: #ffffff;
}

.categories__slider.owl-carousel .owl-nav button.owl-next {
  left: auto;
  right: -35px;
}

/*---------------------
  Featured
-----------------------*/

.featured {
  margin-top: -70px;
  padding-bottom: 40px;
}

/* Asegura que la fila del titulo use todo el ancho */
.featured .row.align-items-center {
  width: 100%;
}

/* Empuja el link totalmente a la derecha */
.featured__all-link {
  display: inline-flex;
  margin-left: auto !important;
  font-size: 18px;
}

/* Por si text-end no gana */
.featured .text-end {
  text-align: right !important;
}

.featured__controls {
  text-align: center;
  margin-bottom: 50px;
}

.featured__controls ul li {
  list-style: none;
  font-size: 18px;
  color: #1c1c1c;
  display: inline-block;
  margin-right: 25px;
  position: relative;
  cursor: pointer;
}

.featured__controls ul li.active:after {
  opacity: 1;
}

.featured__controls ul li:after {
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 2px;
  background: #1db190;
  content: "";
  opacity: 0;
}

.featured__controls ul li:last-child {
  margin-right: 0;
}

.featured__item {
  background: #fff;
  border: 1px solid #ededed;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.06);
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease;
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
}

.featured__item:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.09);
}

.featured__item:hover .featured__item__pic .featured__item__pic__hover {
  bottom: 12px;
}

.featured__item__pic {
  height: 235px;
  position: relative;
  overflow: hidden;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 12px;
  margin: 10px 10px 0 10px;
}

.featured__item__pic__hover {
  position: absolute;
  left: 0;
  bottom: -50px;
  width: 100%;
  text-align: center;
  -webkit-transition: all, 0.5s;
  -moz-transition: all, 0.5s;
  -ms-transition: all, 0.5s;
  -o-transition: all, 0.5s;
  transition: all, 0.5s;
}

.featured__item__pic__hover li {
  list-style: none;
  display: inline-block;
  margin-right: 6px;
}

.featured__item__pic__hover li:last-child {
  margin-right: 0;
}

.featured__item__pic__hover li:hover a {
  background: #1db190;
  border-color: #1db190;
}

.featured__item__pic__hover li:hover a i {
  color: #ffffff;
  transform: rotate(360deg);
}

.featured__item__pic__hover li a {
  font-size: 16px;
  color: #1c1c1c;
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #ebebeb;
  background: #ffffff;
  display: block;
  border-radius: 50%;
  -webkit-transition: all, 0.5s;
  -moz-transition: all, 0.5s;
  -ms-transition: all, 0.5s;
  -o-transition: all, 0.5s;
  transition: all, 0.5s;
}

.featured__item__pic__hover li a i {
  position: relative;
  transform: rotate(0);
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  -ms-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
}

/* text */
.featured__item__text {
  text-align: left;
  padding: 12px 14px 14px;
}

.featured__item__text h6 {
  margin: 6px 0 6px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
}

.featured__item__text h6 a {
  color: #1c1c1c;
}

.fcard-price {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin-bottom: 10px;
}

.fcard-price__current {
  color: #202020;
  font-weight: 800;
  font-size: 25px;
  line-height: 1;
}

.featured__item__text h5 {
  color: #252525;
  font-weight: 700;
}

/* opcional futuro */
.fcard-price__old {
  text-decoration: line-through;
  opacity: 0.6;
  margin-left: 0.5rem;
  font-size: 0.98em;
}

/* Botón Agregar (más moderno + un poco más chico) */
.fcard-add {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;

  background: #1db190;
  color: #fff;
  font-weight: 800;

  padding: 8px 12px;
  /* ↓ más chico */
  border-radius: 12px;

  border: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0 8px 16px rgba(127, 173, 57, 0.18);

  text-decoration: none;
  user-select: none;

  transition:
    transform 0.12s ease,
    filter 0.12s ease,
    box-shadow 0.12s ease;
}

.fcard-add i {
  font-size: 14px;
  line-height: 1;
}

.fcard-add:hover {
  color: #fff;
  filter: brightness(0.98);
  box-shadow: 0 10px 20px rgba(127, 173, 57, 0.24);
  transform: translateY(-1px);
}

.fcard-add:active {
  transform: translateY(0);
  filter: brightness(0.94);
  box-shadow: 0 6px 12px rgba(127, 173, 57, 0.18);
}

.fcard-add:focus-visible {
  outline: none;
  box-shadow:
    0 0 0 3px rgba(127, 173, 57, 0.25),
    0 10px 20px rgba(127, 173, 57, 0.24);
}

/* badges */
.fcard-badge {
  position: absolute;
  top: 12px;
  z-index: 3;
  font-size: 14px;
  /* antes 12 */
  font-weight: 900;
  padding: 6px 12px;
  /* antes 4px 10px */
  border-radius: 12px;
  /* un toque más grande */
  line-height: 1;
  color: #fff;
}

.fcard-badge--left {
  left: 10px;
  background: #ff0000;
}

.fcard-badge--right {
  right: 10px;
  background: #ffbf00;
}

/* fav (corazón) */
.fcard-fav {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 3;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(0, 0, 0, 0.08);
  color: #b9b9b9;
  text-decoration: none;
}

/*---------------------
  Latest Product
-----------------------*/

.latest-product {
  padding-top: 30px;
  padding-bottom: 100px;
}

.latest-product__text h4 {
  font-weight: 700;
  color: #1c1c1c;
  margin-bottom: 45px;
}

.latest-product__slider.owl-carousel .owl-nav {
  position: absolute;
  right: 20px;
  top: -75px;
}

.latest-product__slider.owl-carousel .owl-nav button {
  height: 30px;
  width: 30px;
  background: #f3f6fa;
  border: 1px solid #e6e6e6;
  font-size: 14px;
  color: #636363;
  margin-right: 10px;
  line-height: 30px;
  text-align: center;
}

.latest-product__slider.owl-carousel .owl-nav button span {
  font-weight: 700;
}

.latest-product__slider.owl-carousel .owl-nav button:last-child {
  margin-right: 0;
}

.latest-product__item {
  margin-bottom: 20px;
  overflow: hidden;
  display: block;
  cursor: default !important;
}

.latest-product__item__pic {
  float: left;
  margin-right: 26px;
}

.latest-product__item__pic img {
  height: 110px;
  width: 110px;
}

.latest-product__item__text {
  overflow: hidden;
  padding-top: 10px;
}

.latest-product__item__text h6 {
  color: #252525;
  margin-bottom: 8px;
}

.latest-product__item__text span {
  font-size: 18px;
  display: block;
  color: #252525;
  font-weight: 700;
}

/*---------------------
  Form BLog
-----------------------*/

.from-blog {
  padding-top: 50px;
  padding-bottom: 50px;
}

.from-blog .blog__item {
  margin-bottom: 30px;
}

.from-blog__title {
  margin-bottom: 70px;
}

/*---------------------
  Breadcrumb
-----------------------*/

.breadcrumb-section {
  margin: 0 auto;
  display: flex;
  width: 100%;
  align-items: center;
  padding: 45px 0 40px;
}

.breadcrumb__text h2 {
  font-size: 46px;
  color: #ffffff;
  font-weight: 700;
}

.breadcrumb__option a {
  display: inline-block;
  font-size: 16px;
  color: #ffffff;
  font-weight: 700;
  margin-right: 20px;
  position: relative;
}

.breadcrumb__option a:after {
  position: absolute;
  right: -12px;
  top: 13px;
  height: 1px;
  width: 10px;
  background: #ffffff;
  content: "";
}

.breadcrumb__option span {
  display: inline-block;
  font-size: 16px;
  color: #ffffff;
}

/*---------------------
  Sidebar
-----------------------*/

/* Accordion filtros (details/summary) */
.pf-acc {
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 10px;
}

.pf-acc__sum {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  cursor: pointer;
  user-select: none;
}

.pf-acc__sum::-webkit-details-marker {
  display: none;
}

.pf-title {
  font-weight: 700;
  font-size: 16px;
  margin-right: auto;
}

.pf-clearlink {
  font-size: 12px;
  text-decoration: none;
  opacity: 0.75;
  padding: 0;
}

.pf-clearlink:hover {
  color: #a71f1f;
  opacity: 1;
  text-decoration: underline;
}

.pf-acc__chev {
  opacity: 0.7;
  transition: transform 0.18s ease;
}

.pf-acc[open] .pf-acc__chev {
  transform: rotate(180deg);
}

.pf-acc__body {
  padding: 0 12px 10px 12px;
}

/* highlight cuando venís desde #productFilters */
#productFilters:target {
  outline: 2px solid rgba(29, 177, 144, 0.35);
  box-shadow: 0 0 0 6px rgba(29, 177, 144, 0.12);
  border-radius: 12px;
}

/* ===== Sidebar filtros pro ===== */
.pf-card {
  background: #fff;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 12px;
  padding: 6px;
  box-shadow: 0 10px 30px rgba(2, 6, 23, 0.06);
  margin-bottom: 16px;
}

.pf-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}

.pf-title {
  font-size: 16px;
  font-weight: 900;
  margin: 0;
  color: #0f172a;
}

.pf-clear {
  border: 0;
  background: rgba(29, 177, 144, 0.12);
  color: #0f766e;
  font-weight: 800;
  padding: 6px 10px;
  border-radius: 999px;
  cursor: pointer;
}

.pf-clear:hover {
  background: rgba(29, 177, 144, 0.18);
}

/* ✅ límite + scroll categorías */
.pf-scroll {
  max-height: 280px;
  /* ajustá a gusto */
  overflow: auto;
  padding-right: 6px;
}

/* scroll lindo */
.pf-scroll::-webkit-scrollbar {
  width: 8px;
}

.pf-scroll::-webkit-scrollbar-thumb {
  background: rgba(15, 23, 42, 0.18);
  border-radius: 99px;
}

.pf-scroll::-webkit-scrollbar-track {
  background: transparent;
}

.pf-list {
  margin: 0;
}

.pf-item {
  padding: 6px 0;
}

/*Oferta en filtro Categoria*/
.pf-item--offers .pf-label {
  font-weight: 700;
}

.pf-ico-offers {
  margin-right: 6px;
  opacity: 0.85;
}

.pf-check {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  user-select: none;
  margin: 0;
}

.pf-check input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.pf-box {
  width: 18px;
  height: 18px;
  border-radius: 6px;
  border: 1.5px solid rgba(15, 23, 42, 0.25);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: 0.15s;
  flex: 0 0 auto;
}

.pf-label {
  color: #0f172a;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.2;
}

.pf-check input:checked+.pf-box {
  border-color: #1db190;
  background: rgba(29, 177, 144, 0.14);
}

.pf-check input:checked+.pf-box::after {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 3px;
  background: #1db190;
}

/* Scroll: un toque menos alto */
#pfCatsScroll {
  max-height: 220px;
}

.sidebar__item {
  margin-bottom: 35px;
}

.sidebar__item.sidebar__item__color--option {
  overflow: hidden;
}

.sidebar__item h4 {
  color: #1c1c1c;
  font-weight: 700;
  margin-bottom: 25px;
}

.sidebar__item ul li {
  list-style: none;
}

.sidebar__item ul li a {
  font-size: 16px;
  color: #1c1c1c;
  line-height: 39px;
  display: block;
}

.sidebar__item .latest-product__text {
  position: relative;
}

.sidebar__item .latest-product__text h4 {
  margin-bottom: 45px;
}

.sidebar__item .latest-product__text .owl-carousel .owl-nav {
  right: 0;
}

.price-range-wrap .range-slider {
  margin-top: 20px;
}

.price-range-wrap .range-slider .price-input {
  position: relative;
  width: 110%;
}

.price-range-wrap .range-slider .price-input:after {
  position: absolute;
  left: 38px;
  top: 13px;
  height: 1px;
  width: 5px;
  background: #dd2222;
  content: "";
}

.price-range-wrap .range-slider .price-input input {
  font-size: 18px;
  color: #dd2222;
  font-weight: 700;
  max-width: 23%;
  border: none;
  display: inline-block;
}

.price-range-wrap .price-range {
  border-radius: 0;
}

.price-range-wrap .price-range.ui-widget-content {
  border: none;
  background: #ebebeb;
  height: 5px;
}

.price-range-wrap .price-range.ui-widget-content .ui-slider-handle {
  height: 13px;
  width: 13px;
  border-radius: 50%;
  background: #ffffff;
  border: none;
  -webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2);
  outline: none;
  cursor: pointer;
}

.price-range-wrap .price-range .ui-slider-range {
  background: #dd2222;
  border-radius: 0;
}

.price-range-wrap .price-range .ui-slider-range.ui-corner-all.ui-widget-header:last-child {
  background: #dd2222;
}

.sidebar__item__color {
  float: left;
  width: 40%;
}

.sidebar__item__color.sidebar__item__color--white label:after {
  border: 2px solid #333333;
  background: transparent;
}

.sidebar__item__color.sidebar__item__color--gray label:after {
  background: #e9a625;
}

.sidebar__item__color.sidebar__item__color--red label:after {
  background: #d62d2d;
}

.sidebar__item__color.sidebar__item__color--black label:after {
  background: #252525;
}

.sidebar__item__color.sidebar__item__color--blue label:after {
  background: #249bc8;
}

.sidebar__item__color.sidebar__item__color--green label:after {
  background: #3cc032;
}

.sidebar__item__color label {
  font-size: 16px;
  color: #333333;
  position: relative;
  padding-left: 32px;
  cursor: pointer;
}

.sidebar__item__color label input {
  position: absolute;
  visibility: hidden;
}

.sidebar__item__color label:after {
  position: absolute;
  left: 0;
  top: 5px;
  height: 14px;
  width: 14px;
  background: #222;
  content: "";
  border-radius: 50%;
}

.sidebar__item__size {
  display: inline-block;
  margin-right: 16px;
  margin-bottom: 10px;
}

.sidebar__item__size label {
  font-size: 12px;
  color: #6f6f6f;
  display: inline-block;
  padding: 8px 25px 6px;
  background: #f5f5f5;
  cursor: pointer;
  margin-bottom: 0;
}

.sidebar__item__size label input {
  position: absolute;
  visibility: hidden;
}

/*---------------------
  Shop Grid
-----------------------*/

.product {
  padding-top: 80px;
  padding-bottom: 80px;
}

.product__discount {
  padding-bottom: 50px;
}

.product__discount__title {
  text-align: left;
  margin-bottom: 65px;
}

.product__discount__title h2 {
  display: inline-block;
}

.product__discount__title h2:after {
  margin: 0;
  width: 100%;
}

.product__discount__item:hover .product__discount__item__pic .product__item__pic__hover {
  bottom: 20px;
}

.product__discount__item__pic {
  height: 270px;
  position: relative;
  overflow: hidden;
}

.product__discount__item__pic .product__discount__percent {
  height: 45px;
  width: 45px;
  background: #dd2222;
  border-radius: 50%;
  font-size: 14px;
  color: #ffffff;
  line-height: 45px;
  text-align: center;
  position: absolute;
  left: 15px;
  top: 15px;
}

.product__item__pic__hover {
  position: absolute;
  left: 0;
  bottom: -50px;
  width: 100%;
  text-align: center;
  -webkit-transition: all, 0.5s;
  -moz-transition: all, 0.5s;
  -ms-transition: all, 0.5s;
  -o-transition: all, 0.5s;
  transition: all, 0.5s;
}

.product__item__pic__hover li {
  list-style: none;
  display: inline-block;
  margin-right: 6px;
}

.product__item__pic__hover li:last-child {
  margin-right: 0;
}

.product__item__pic__hover li:hover a {
  background: #1db190;
  border-color: #1db190;
}

.product__item__pic__hover li:hover a i {
  color: #ffffff;
  transform: rotate(360deg);
}

.product__item__pic__hover li a {
  font-size: 16px;
  color: #1c1c1c;
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #ebebeb;
  background: #ffffff;
  display: block;
  border-radius: 50%;
  -webkit-transition: all, 0.5s;
  -moz-transition: all, 0.5s;
  -ms-transition: all, 0.5s;
  -o-transition: all, 0.5s;
  transition: all, 0.5s;
}

.product__item__pic__hover li a i {
  position: relative;
  transform: rotate(0);
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  -ms-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
}

.product__discount__item__text {
  text-align: center;
  padding-top: 20px;
}

.product__discount__item__text span {
  font-size: 14px;
  color: #b2b2b2;
  display: block;
  margin-bottom: 4px;
}

.product__discount__item__text h5 {
  margin-bottom: 6px;
}

.product__discount__item__text h5 a {
  color: #1c1c1c;
}

.product__discount__item__text .product__item__price {
  font-size: 18px;
  color: #1c1c1c;
  font-weight: 700;
}

.product__discount__item__text .product__item__price span {
  display: inline-block;
  font-weight: 400;
  text-decoration: line-through;
  margin-left: 10px;
}

.product__discount__slider .col-lg-4 {
  max-width: 100%;
}

.product__discount__slider.owl-carousel .owl-dots {
  text-align: center;
  margin-top: 30px;
}

.product__discount__slider.owl-carousel .owl-dots button {
  height: 12px;
  width: 12px;
  border: 1px solid #b2b2b2;
  border-radius: 50%;
  margin-right: 12px;
}

.product__discount__slider.owl-carousel .owl-dots button.active {
  background: #707070;
  border-color: #6f6f6f;
}

.product__discount__slider.owl-carousel .owl-dots button:last-child {
  margin-right: 0;
}

.filter__item {
  padding-top: 45px;
  border-top: 1px solid #ebebeb;
  padding-bottom: 20px;
}

.filter__sort {
  margin-bottom: 15px;
}

.filter__sort span {
  font-size: 16px;
  color: #6f6f6f;
  display: inline-block;
}

.filter__sort .nice-select {
  background-color: #fff;
  border-radius: 0;
  border: none;
  display: inline-block;
  float: none;
  height: 0;
  line-height: 0;
  padding-left: 10px;
  padding-right: 30px;
  font-size: 16px;
  color: #1c1c1c;
  font-weight: 700;
  cursor: pointer;
}

.filter__sort .nice-select span {
  color: #1c1c1c;
}

.filter__sort .nice-select:after {
  border-bottom: 1.5px solid #1c1c1c;
  border-right: 1.5px solid #1c1c1c;
  height: 8px;
  margin-top: 0;
  right: 16px;
  width: 8px;
  top: -5px;
}

.filter__sort .nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
}

.filter__sort .nice-select .list {
  border-radius: 0;
  margin-top: 0;
  top: 15px;
}

.filter__sort .nice-select .option {
  line-height: 30px;
  min-height: 30px;
}

.filter__found {
  text-align: center;
  margin-bottom: 15px;
}

.filter__found h6 {
  font-size: 16px;
  color: #b2b2b2;
}

.filter__found h6 span {
  color: #1c1c1c;
  font-weight: 700;
  margin-right: 5px;
}

.filter__option {
  text-align: right;
  margin-bottom: 15px;
}

.filter__option span {
  font-size: 24px;
  color: #b2b2b2;
  margin-right: 10px;
  cursor: pointer;
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  -ms-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
}

.filter__option span:last-child {
  margin: 0;
}

.filter__option span:hover {
  color: #1db190;
}

.product__item {
  margin-bottom: 50px;
}

.product__item:hover .product__item__pic .product__item__pic__hover {
  bottom: 20px;
}

.product__item__pic {
  height: 270px;
  position: relative;
  overflow: hidden;
}

.product__item__pic__hover {
  position: absolute;
  left: 0;
  bottom: -50px;
  width: 100%;
  text-align: center;
  -webkit-transition: all, 0.5s;
  -moz-transition: all, 0.5s;
  -ms-transition: all, 0.5s;
  -o-transition: all, 0.5s;
  transition: all, 0.5s;
}

.product__item__pic__hover li {
  list-style: none;
  display: inline-block;
  margin-right: 6px;
}

.product__item__pic__hover li:last-child {
  margin-right: 0;
}

.product__item__pic__hover li:hover a {
  background: #1db190;
  border-color: #1db190;
}

.product__item__pic__hover li:hover a i {
  color: #ffffff;
  transform: rotate(360deg);
}

.product__item__pic__hover li a {
  font-size: 16px;
  color: #1c1c1c;
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #ebebeb;
  background: #ffffff;
  display: block;
  border-radius: 50%;
  -webkit-transition: all, 0.5s;
  -moz-transition: all, 0.5s;
  -ms-transition: all, 0.5s;
  -o-transition: all, 0.5s;
  transition: all, 0.5s;
}

.product__item__pic__hover li a i {
  position: relative;
  transform: rotate(0);
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  -ms-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
}

.product__item__text {
  text-align: center;
  padding-top: 15px;
}

.product__item__text h6 {
  margin-bottom: 10px;
}

.product__item__text h6 a {
  color: #252525;
}

.product__item__text h5 {
  color: #252525;
  font-weight: 700;
}

.product__pagination,
.blog__pagination {
  padding-top: 10px;
}

.product__pagination a,
.blog__pagination a {
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 1px solid #b2b2b2;
  font-size: 14px;
  color: #b2b2b2;
  font-weight: 700;
  line-height: 28px;
  text-align: center;
  margin-right: 16px;
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  -ms-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
}

.product__pagination a:hover,
.blog__pagination a:hover {
  background: #1db190;
  border-color: #1db190;
  color: #ffffff;
}

.product__pagination a:last-child,
.blog__pagination a:last-child {
  margin-right: 0;
}

/*---------------------
  Shop Details
-----------------------*/

.product-details {
  padding-top: 80px;
}

.product__details__pic__item {
  margin-bottom: 20px;
}

.product__details__pic__item img {
  min-width: 100%;
}

.product__details__pic__slider img {
  cursor: pointer;
}

.product__details__pic__slider.owl-carousel .owl-item img {
  width: auto;
}

.product__details__text h3 {
  color: #252525;
  font-weight: 700;
  margin-bottom: 16px;
}

.product__details__text .product__details__rating {
  font-size: 14px;
  margin-bottom: 12px;
}

.product__details__text .product__details__rating i {
  margin-right: -2px;
  color: #edbb0e;
}

.product__details__text .product__details__rating span {
  color: #dd2222;
  margin-left: 4px;
}

.product__details__text .product__details__price {
  font-size: 30px;
  color: #dd2222;
  font-weight: 600;
  margin-bottom: 15px;
}

.product__details__text p {
  margin-bottom: 45px;
}

.product__details__text .primary-btn {
  padding: 16px 28px 14px;
  margin-right: 6px;
  margin-bottom: 5px;
}

.product__details__text .heart-icon {
  display: inline-block;
  font-size: 16px;
  color: #6f6f6f;
  padding: 13px 16px 13px;
  background: #f5f5f5;
}

.product__details__text ul {
  border-top: 1px solid #ebebeb;
  padding-top: 40px;
  margin-top: 50px;
}

.product__details__text ul li {
  font-size: 16px;
  color: #1c1c1c;
  list-style: none;
  line-height: 36px;
}

.product__details__text ul li b {
  font-weight: 700;
  width: 170px;
  display: inline-block;
}

.product__details__text ul li span samp {
  color: #dd2222;
}

.product__details__text ul li .share {
  display: inline-block;
}

.product__details__text ul li .share a {
  display: inline-block;
  font-size: 15px;
  color: #1c1c1c;
  margin-right: 25px;
}

.product__details__text ul li .share a:last-child {
  margin-right: 0;
}

.product__details__quantity {
  display: inline-block;
  margin-right: 6px;
}

.pro-qty {
  width: 140px;
  height: 50px;
  display: inline-block;
  position: relative;
  text-align: center;
  background: #f5f5f5;
  margin-bottom: 5px;
}

.pro-qty input {
  height: 100%;
  width: 100%;
  font-size: 16px;
  color: #6f6f6f;
  width: 50px;
  border: none;
  background: #f5f5f5;
  text-align: center;
}

.pro-qty .qtybtn {
  width: 35px;
  font-size: 16px;
  color: #6f6f6f;
  cursor: pointer;
  display: inline-block;
}

.product__details__tab {
  padding-top: 85px;
}

.product__details__tab .nav-tabs {
  border-bottom: none;
  justify-content: center;
  position: relative;
}

.product__details__tab .nav-tabs:before {
  position: absolute;
  left: 0;
  top: 12px;
  height: 1px;
  width: 370px;
  background: #ebebeb;
  content: "";
}

.product__details__tab .nav-tabs:after {
  position: absolute;
  right: 0;
  top: 12px;
  height: 1px;
  width: 370px;
  background: #ebebeb;
  content: "";
}

.product__details__tab .nav-tabs li {
  margin-bottom: 0;
  margin-right: 65px;
}

.product__details__tab .nav-tabs li:last-child {
  margin-right: 0;
}

.product__details__tab .nav-tabs li a {
  font-size: 16px;
  color: #999999;
  font-weight: 700;
  border: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: 0;
}

.product__details__tab .product__details__tab__desc {
  padding-top: 44px;
}

.product__details__tab .product__details__tab__desc h6 {
  font-weight: 700;
  color: #333333;
  margin-bottom: 26px;
}

.product__details__tab .product__details__tab__desc p {
  color: #666666;
}

/*---------------------
  Shop Details
-----------------------*/

.related-product {
  padding-bottom: 30px;
}

.related__product__title {
  margin-bottom: 70px;
}

/*---------------------
  Shop Cart
-----------------------*/

.shoping-cart {
  padding-top: 80px;
  padding-bottom: 80px;
}

.shoping__cart__table {
  margin-bottom: 30px;
}

.shoping__cart__table table {
  width: 100%;
  text-align: center;
}

.shoping__cart__table table thead tr {
  border-bottom: 1px solid #ebebeb;
}

.shoping__cart__table table thead th {
  font-size: 20px;
  font-weight: 700;
  color: #1c1c1c;
  padding-bottom: 20px;
}

.shoping__cart__table table thead th.shoping__product {
  text-align: left;
}

.shoping__cart__table table tbody tr td {
  padding-top: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #ebebeb;
}

.shoping__cart__table table tbody tr td.shoping__cart__item {
  width: 630px;
  text-align: left;
}

.shoping__cart__table table tbody tr td.shoping__cart__item img {
  display: inline-block;
  margin-right: 25px;
}

.shoping__cart__table table tbody tr td.shoping__cart__item h5 {
  color: #1c1c1c;
  display: inline-block;
}

.shoping__cart__table table tbody tr td.shoping__cart__price {
  font-size: 18px;
  color: #1c1c1c;
  font-weight: 700;
  width: 100px;
}

.shoping__cart__table table tbody tr td.shoping__cart__total {
  font-size: 18px;
  color: #1c1c1c;
  font-weight: 700;
  width: 110px;
}

.shoping__cart__table table tbody tr td.shoping__cart__item__close {
  text-align: right;
}

.shoping__cart__table table tbody tr td.shoping__cart__item__close span {
  font-size: 24px;
  color: #b2b2b2;
  cursor: pointer;
}

.shoping__cart__table table tbody tr td.shoping__cart__quantity {
  width: 225px;
}

.shoping__cart__table table tbody tr td.shoping__cart__quantity .pro-qty {
  width: 80px;
  height: 40px;
}

.shoping__cart__table table tbody tr td.shoping__cart__quantity .pro-qty input {
  color: #1c1c1c;
}

.shoping__cart__table table tbody tr td.shoping__cart__quantity .pro-qty input::placeholder {
  color: #1c1c1c;
}

.shoping__cart__table table tbody tr td.shoping__cart__quantity .pro-qty .qtybtn {
  width: 15px;
}

.primary-btn.cart-btn {
  color: #6f6f6f;
  padding: 14px 30px 12px;
  background: #f5f5f5;
}

.primary-btn.cart-btn span {
  font-size: 14px;
}

.primary-btn.cart-btn.cart-btn-right {
  float: right;
}

.shoping__discount {
  margin-top: 45px;
}

.shoping__discount h5 {
  font-size: 20px;
  color: #1c1c1c;
  font-weight: 700;
  margin-bottom: 25px;
}

.shoping__discount form input {
  width: 255px;
  height: 46px;
  border: 1px solid #cccccc;
  font-size: 16px;
  color: #b2b2b2;
  text-align: center;
  display: inline-block;
  margin-right: 15px;
}

.shoping__discount form input::placeholder {
  color: #b2b2b2;
}

.shoping__discount form button {
  padding: 15px 30px 11px;
  font-size: 12px;
  letter-spacing: 4px;
  background: #6f6f6f;
}

.shoping__checkout {
  background: #f5f5f5;
  padding: 30px;
  padding-top: 20px;
  margin-top: 50px;
}

.shoping__checkout h5 {
  color: #1c1c1c;
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 28px;
}

.shoping__checkout ul {
  margin-bottom: 28px;
}

.shoping__checkout ul li {
  font-size: 16px;
  color: #1c1c1c;
  font-weight: 700;
  list-style: none;
  overflow: hidden;
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 13px;
  margin-bottom: 18px;
}

.shoping__checkout ul li:last-child {
  padding-bottom: 0;
  border-bottom: none;
  margin-bottom: 0;
}

.shoping__checkout ul li span {
  font-size: 18px;
  color: #dd2222;
  float: right;
}

.shoping__checkout .primary-btn {
  display: block;
  text-align: center;
}

/*---------------------
  Checkout
-----------------------*/

.checkout {
  padding-top: 80px;
  padding-bottom: 60px;
}

.checkout h6 {
  color: #999999;
  text-align: center;
  background: #f5f5f5;
  border-top: 1px solid #6ab963;
  padding: 12px 0 12px;
  margin-bottom: 75px;
}

.checkout h6 span {
  font-size: 16px;
  color: #6ab963;
  margin-right: 5px;
}

.checkout h6 a {
  text-decoration: underline;
  color: #999999;
}

.checkout__form h4 {
  color: #1c1c1c;
  font-weight: 700;
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 20px;
  margin-bottom: 25px;
}

.checkout__form p {
  color: #b2b2b2;
}

.checkout__input {
  margin-bottom: 24px;
}

.checkout__input p {
  color: #1c1c1c;
  margin-bottom: 20px;
}

.checkout__input p span {
  color: #dd2222;
}

.checkout__input input {
  width: 100%;
  height: 46px;
  border: 1px solid #ebebeb;
  padding-left: 20px;
  font-size: 16px;
  color: #b2b2b2;
  border-radius: 4px;
}

.checkout__input input.checkout__input__add {
  margin-bottom: 20px;
}

.checkout__input input::placeholder {
  color: #b2b2b2;
}

.checkout__input__checkbox {
  margin-bottom: 10px;
}

.checkout__input__checkbox label {
  position: relative;
  font-size: 16px;
  color: #1c1c1c;
  padding-left: 40px;
  cursor: pointer;
}

.checkout__input__checkbox label input {
  position: absolute;
  visibility: hidden;
}

.checkout__input__checkbox label input:checked~.checkmark {
  background: #1db190;
  border-color: #1db190;
}

.checkout__input__checkbox label input:checked~.checkmark:after {
  opacity: 1;
}

.checkout__input__checkbox label .checkmark {
  position: absolute;
  left: 0;
  top: 4px;
  height: 16px;
  width: 14px;
  border: 1px solid #a6a6a6;
  content: "";
  border-radius: 4px;
}

.checkout__input__checkbox label .checkmark:after {
  position: absolute;
  left: 1px;
  top: 1px;
  width: 10px;
  height: 8px;
  border: solid white;
  border-width: 3px 3px 0px 0px;
  -webkit-transform: rotate(127deg);
  -ms-transform: rotate(127deg);
  transform: rotate(127deg);
  content: "";
  opacity: 0;
}

.checkout__order {
  background: #f5f5f5;
  padding: 40px;
  padding-top: 30px;
}

.checkout__order h4 {
  color: #1c1c1c;
  font-weight: 700;
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.checkout__order .checkout__order__products {
  font-size: 18px;
  color: #1c1c1c;
  font-weight: 700;
  margin-bottom: 10px;
}

.checkout__order .checkout__order__products span {
  float: right;
}

.checkout__order ul {
  margin-bottom: 12px;
}

.checkout__order ul li {
  font-size: 16px;
  color: #6f6f6f;
  line-height: 40px;
  list-style: none;
}

.checkout__order ul li span {
  font-weight: 700;
  float: right;
}

.checkout__order .checkout__order__subtotal {
  font-size: 18px;
  color: #1c1c1c;
  font-weight: 700;
  border-bottom: 1px solid #e1e1e1;
  border-top: 1px solid #e1e1e1;
  padding-bottom: 15px;
  margin-bottom: 15px;
  padding-top: 15px;
}

.checkout__order .checkout__order__subtotal span {
  float: right;
}

.checkout__order .checkout__input__checkbox label {
  padding-left: 20px;
}

.checkout__order .checkout__order__total {
  font-size: 18px;
  color: #1c1c1c;
  font-weight: 700;
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 15px;
  margin-bottom: 25px;
}

.checkout__order .checkout__order__total span {
  float: right;
  color: #dd2222;
}

.checkout__order button {
  font-size: 18px;
  letter-spacing: 2px;
  width: 100%;
  margin-top: 10px;
}

/*---------------------
  Blog
-----------------------*/

.blog__item {
  margin-bottom: 60px;
}

.blog__item__pic img {
  min-width: 100%;
}

.blog__item__text {
  padding-top: 25px;
}

.blog__item__text ul {
  margin-bottom: 15px;
}

.blog__item__text ul li {
  font-size: 16px;
  color: #b2b2b2;
  list-style: none;
  display: inline-block;
  margin-right: 15px;
}

.blog__item__text ul li:last-child {
  margin-right: 0;
}

.blog__item__text h5 {
  margin-bottom: 12px;
}

.blog__item__text h5 a {
  font-size: 20px;
  color: #1c1c1c;
  font-weight: 700;
}

.blog__item__text p {
  margin-bottom: 25px;
}

.blog__item__text .blog__btn {
  display: inline-block;
  font-size: 14px;
  color: #1c1c1c;
  text-transform: uppercase;
  letter-spacing: 1px;
  border: 1px solid #b2b2b2;
  padding: 14px 20px 12px;
  border-radius: 25px;
}

.blog__item__text .blog__btn span {
  position: relative;
  top: 1px;
  margin-left: 5px;
}

.blog__pagination {
  padding-top: 5px;
  position: relative;
}

.blog__pagination:before {
  position: absolute;
  left: 0;
  top: -29px;
  height: 1px;
  width: 100%;
  background: #000000;
  opacity: 0.1;
  content: "";
}

/*---------------------
  Blog Sidebar
-----------------------*/

.blog__sidebar {
  padding-top: 50px;
}

.blog__sidebar__item {
  margin-bottom: 50px;
}

.blog__sidebar__item h4 {
  color: #1c1c1c;
  font-weight: 700;
  margin-bottom: 25px;
}

.blog__sidebar__item ul li {
  list-style: none;
}

.blog__sidebar__item ul li a {
  font-size: 16px;
  color: #666666;
  line-height: 48px;
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  -ms-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
}

.blog__sidebar__item ul li a:hover {
  color: #1db190;
}

.blog__sidebar__search {
  margin-bottom: 50px;
}

.blog__sidebar__search form {
  position: relative;
}

.blog__sidebar__search form input {
  width: 100%;
  height: 46px;
  font-size: 16px;
  color: #6f6f6f;
  padding-left: 15px;
  border: 1px solid #e1e1e1;
  border-radius: 20px;
}

.blog__sidebar__search form input::placeholder {
  color: #6f6f6f;
}

.blog__sidebar__search form button {
  font-size: 16px;
  color: #6f6f6f;
  background: transparent;
  border: none;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  padding: 0px 18px;
}

.blog__sidebar__recent .blog__sidebar__recent__item {
  display: block;
}

.blog__sidebar__recent .blog__sidebar__recent__item:last-child {
  margin-bottom: 0;
}

.blog__sidebar__recent__item {
  overflow: hidden;
  margin-bottom: 20px;
}

.blog__sidebar__recent__item__pic {
  float: left;
  margin-right: 20px;
}

.blog__sidebar__recent__item__text {
  overflow: hidden;
}

.blog__sidebar__recent__item__text h6 {
  font-weight: 700;
  color: #333333;
  line-height: 20px;
  margin-bottom: 5px;
}

.blog__sidebar__recent__item__text span {
  font-size: 12px;
  color: #999999;
  text-transform: uppercase;
}

.blog__sidebar__item__tags a {
  font-size: 16px;
  color: #6f6f6f;
  background: #f5f5f5;
  display: inline-block;
  padding: 7px 26px 5px;
  margin-right: 6px;
  margin-bottom: 10px;
}

/*---------------------
  Blog Details Hero
-----------------------*/

.blog-details-hero {
  height: 350px;
  display: flex;
  align-items: center;
}

.blog__details__hero__text {
  text-align: center;
}

.blog__details__hero__text h2 {
  font-size: 46px;
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 10px;
}

.blog__details__hero__text ul li {
  font-size: 16px;
  color: #ffffff;
  list-style: none;
  display: inline-block;
  margin-right: 45px;
  position: relative;
}

.blog__details__hero__text ul li:after {
  position: absolute;
  right: -26px;
  top: 0;
  content: "|";
}

.blog__details__hero__text ul li:last-child {
  margin-right: 0;
}

.blog__details__hero__text ul li:last-child:after {
  display: none;
}

/*---------------------
  Blog Details
-----------------------*/

.related-blog {
  padding-top: 70px;
  padding-bottom: 10px;
}

.related-blog-title {
  margin-bottom: 70px;
}

.blog-details {
  padding-bottom: 75px;
  border-bottom: 1px solid #e1e1e1;
}

.blog__details__text {
  margin-bottom: 45px;
}

.blog__details__text img {
  margin-bottom: 30px;
}

.blog__details__text p {
  font-size: 18px;
  line-height: 30px;
}

.blog__details__text h3 {
  color: #333333;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 30px;
}

.blog__details__author__pic {
  float: left;
  margin-right: 15px;
}

.blog__details__author__pic img {
  height: 92px;
  width: 92px;
  border-radius: 50%;
}

.blog__details__author__text {
  overflow: hidden;
  padding-top: 30px;
}

.blog__details__author__text h6 {
  color: #1c1c1c;
  font-weight: 700;
}

.blog__details__author__text span {
  font-size: 16px;
  color: #6f6f6f;
}

.blog__details__widget ul {
  margin-bottom: 5px;
}

.blog__details__widget ul li {
  font-size: 16px;
  color: #6f6f6f;
  list-style: none;
  line-height: 30px;
}

.blog__details__widget ul li span {
  color: #1c1c1c;
  font-weight: 700;
}

.blog__details__widget .blog__details__social a {
  display: inline-block;
  font-size: 20px;
  color: #6f6f6f;
  margin-right: 24px;
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  -ms-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
}

.blog__details__widget .blog__details__social a:hover {
  color: #1db190;
}

.blog__details__widget .blog__details__social a:last-child {
  margin-right: 0;
}

/*---------------------
  Footer
-----------------------*/

.footer {
  background: #f3f6fa;
  padding-top: 30px;
  padding-bottom: 0;
}

.footer__about {
  margin-bottom: 30px;
}

.footer__about ul li {
  font-size: 16px;
  color: #1c1c1c;
  line-height: 36px;
  list-style: none;
}

.footer__about__logo a {
  display: inline-block;
}

.footer__widget {
  margin-bottom: 30px;
  margin-top: 6px;
  overflow: hidden;
}

.footer__widget h6 {
  color: #1c1c1c;
  font-weight: 700;
  margin-bottom: 10px;
}

.footer__widget ul {
  width: 50%;
  float: left;
}

.footer__widget ul li {
  list-style: none;
}

.footer__widget ul li a {
  color: #1c1c1c;
  font-size: 14px;
  line-height: 32px;
}

.footer__widget p {
  font-size: 14px;
  color: #1c1c1c;
  margin-bottom: 30px;
}

.footer__widget form {
  position: relative;
  margin-bottom: 30px;
}

.footer__widget form input {
  width: 100%;
  font-size: 16px;
  padding-left: 20px;
  color: #1c1c1c;
  height: 46px;
  border: 1px solid #ededed;
}

.footer__widget form input::placeholder {
  color: #1c1c1c;
}

.footer__widget form button {
  position: absolute;
  right: 0;
  top: 0;
  padding: 0 26px;
  height: 100%;
}

.footer__widget .footer__widget__social a {
  display: inline-block;
  height: 41px;
  width: 41px;
  font-size: 16px;
  color: #404040;
  border: 1px solid #ededed;
  border-radius: 50%;
  line-height: 38px;
  text-align: center;
  background: #ffffff;
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  -ms-transition: all, 0.3s;
  -o-transition: all, 0.3s;
  transition: all, 0.3s;
  margin-right: 10px;
}

.footer__widget .footer__widget__social a:last-child {
  margin-right: 0;
}

.footer__widget .footer__widget__social a:hover {
  background: #1db190;
  color: #ffffff;
  border-color: #ffffff;
}

.footer__copyright {
  display: flex;
  border-top: 1px solid #ebebeb;
  padding: 15px 0;
  overflow: hidden;
  margin-top: 20px;
}

.footer__copyright__text {
  margin: 0 auto;
  font-size: 14px;
  color: #1c1c1c;
  float: left;
  line-height: 25px;
}

.footer__copyright__payment {
  float: right;
}

/*---------------------
  Contact
-----------------------*/

.contact {
  padding-top: 80px;
  padding-bottom: 50px;
}

.contact__widget {
  margin-bottom: 30px;
}

.contact__widget span {
  font-size: 36px;
  color: #1db190;
}

.contact__widget h4 {
  color: #1c1c1c;
  font-weight: 700;
  margin-bottom: 6px;
  margin-top: 18px;
}

.contact__widget p {
  color: #666666;
  margin-bottom: 0;
}

/*---------------------
  Map
-----------------------*/

.map {
  height: 500px;
  position: relative;
}

.map iframe {
  width: 100%;
}

.map .map-inside {
  position: absolute;
  left: 50%;
  top: 160px;
  -webkit-transform: translateX(-175px);
  -ms-transform: translateX(-175px);
  transform: translateX(-175px);
}

.map .map-inside i {
  font-size: 48px;
  color: #1db190;
  position: absolute;
  bottom: -75px;
  left: 50%;
  -webkit-transform: translateX(-18px);
  -ms-transform: translateX(-18px);
  transform: translateX(-18px);
}

.map .map-inside .inside-widget {
  width: 350px;
  background: #ffffff;
  text-align: center;
  padding: 23px 0;
  position: relative;
  z-index: 1;
  -webkit-box-shadow: 0 0 20px 5px rgba(12, 7, 26, 0.15);
  box-shadow: 0 0 20px 5px rgba(12, 7, 26, 0.15);
}

.map .map-inside .inside-widget:after {
  position: absolute;
  left: 50%;
  bottom: -30px;
  -webkit-transform: translateX(-6px);
  -ms-transform: translateX(-6px);
  transform: translateX(-6px);
  border: 12px solid transparent;
  border-top: 30px solid #ffffff;
  content: "";
  z-index: -1;
}

.map .map-inside .inside-widget h4 {
  font-size: 22px;
  font-weight: 700;
  color: #1c1c1c;
  margin-bottom: 4px;
}

.map .map-inside .inside-widget ul li {
  list-style: none;
  font-size: 16px;
  color: #666666;
  line-height: 26px;
}

/*---------------------
  Contact Form
-----------------------*/

.contact__form__title {
  margin-bottom: 50px;
  text-align: center;
}

.contact__form__title h2 {
  color: #1c1c1c;
  font-weight: 700;
}

.contact-form {
  padding-top: 80px;
  padding-bottom: 80px;
}

.contact-form form input {
  width: 100%;
  height: 50px;
  font-size: 16px;
  color: #6f6f6f;
  padding-left: 20px;
  margin-bottom: 30px;
  border: 1px solid #ebebeb;
  border-radius: 4px;
}

.contact-form form input::placeholder {
  color: #6f6f6f;
}

.contact-form form textarea {
  width: 100%;
  height: 150px;
  font-size: 16px;
  color: #6f6f6f;
  padding-left: 20px;
  margin-bottom: 24px;
  border: 1px solid #ebebeb;
  border-radius: 4px;
  padding-top: 12px;
  resize: none;
}

.contact-form form textarea::placeholder {
  color: #6f6f6f;
}

.contact-form form button {
  font-size: 18px;
  letter-spacing: 2px;
}

/* =========================
   HEADER FIJO (sticky/fixed)
   ========================= */

/* Reservar espacio arriba (lo setea el JS con --header-h) */
html {
  scroll-padding-top: var(--header-h, 86px);
}

body {
  padding-top: var(--header-h, 86px);
}

/* Header fijo */
.header.header--pro {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;

  z-index: 97;
  /* debajo del overlay(98) y del menu(99) */
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  transition:
    box-shadow 0.18s ease,
    background 0.18s ease;
}

/* Sombra cuando scrolleás */
.header.header--pro.is-scrolled {
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.1);
}

/*--------------------------------- Responsive Media Quaries -----------------------------

@media only screen and (min-width: 1200px) {
	.container {
		max-width: 1170px;
	}
}
*/
/* Medium Device = 1200px */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header__menu ul li {
    margin-right: 45px;
  }

  .hero__search__form {
    width: 100%;
  }

  .hero__categories__all {
    padding: 10px 25px 10px 20px;
    /*cambiar*/
  }

  .hero__categories__all span {
    font-size: 14px;
  }

  .hero__categories ul {
    padding-left: 20px;
  }

  .latest-product__slider.owl-carousel .owl-nav {
    right: 0;
  }

  .product__details__tab .nav-tabs:before {
    width: 265px;
  }

  .product__details__tab .nav-tabs:after {
    width: 265px;
  }

  .shoping__discount form input {
    width: 240px;
  }
}

/* Tablet Device = 768px */

@media only screen and (min-width: 768px) and (max-width: 991px) {

  /* TITULO BANNER INICIO */
  .text-titulo h2 {
    font-size: 60px !important;
  }

  .hero__categories {
    margin-bottom: 30px;
  }

  .hero__search__form {
    width: 100%;
  }

  .categories__slider.owl-carousel .owl-nav button {
    left: -20px;
  }

  .categories__slider.owl-carousel .owl-nav button.owl-next {
    right: -20px;
  }

  .filter__sort .nice-select {
    padding-left: 5px;
    padding-right: 28px;
  }

  .product__details__quantity {
    margin-bottom: 10px;
  }

  .product__details__text .primary-btn {
    margin-bottom: 10px;
  }

  .product__details__tab .nav-tabs:before {
    width: 150px;
  }

  .product__details__tab .nav-tabs:after {
    width: 150px;
  }

  .blog__details__author {
    overflow: hidden;
    margin-bottom: 25px;
  }

  .humberger__open {
    display: block;
    font-size: 22px;
    color: #1c1c1c;
    height: 35px;
    width: 35px;
    line-height: 33px;
    text-align: center;
    border: 1px solid #1c1c1c;
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 22px;
  }

  .header .container {
    position: relative;
  }

  .humberger__menu__wrapper {
    width: 300px;
    background: #ffffff;
    position: fixed;
    left: -300px;
    top: 0;
    height: 100%;
    overflow-y: auto;
    z-index: 99;
    padding: 30px;
    padding-top: 50px;
    opacity: 0;
    display: block;
    -webkit-transition: all, 0.6s;
    -moz-transition: all, 0.6s;
    -ms-transition: all, 0.6s;
    -o-transition: all, 0.6s;
    transition: all, 0.6s;
  }

  .humberger__menu__wrapper.show__humberger__menu__wrapper {
    opacity: 1;
    left: 0;
  }

  .humberger__menu__logo {
    margin-bottom: 30px;
  }

  .humberger__menu__logo a {
    display: inline-block;
  }

  .humberger__menu__contact {
    padding: 10px 0 13px;
  }

  .humberger__menu__contact ul li {
    font-size: 14px;
    color: #1c1c1c;
    position: relative;
    line-height: 30px;
    list-style: none;
  }

  .humberger__menu__contact ul li i {
    color: #252525;
    margin-right: 5px;
  }

  .humberger__menu__cart ul {
    display: inline-block;
    margin-right: 25px;
  }

  .humberger__menu__cart ul li {
    list-style: none;
    display: inline-block;
    margin-right: 15px;
  }

  .humberger__menu__cart ul li:last-child {
    margin-right: 0;
  }

  .humberger__menu__cart ul li a {
    position: relative;
  }

  .humberger__menu__cart ul li a i {
    font-size: 18px;
    color: #1c1c1c;
  }

  .humberger__menu__cart ul li a span {
    height: 13px;
    width: 13px;
    background: #1db190;
    font-size: 10px;
    color: #ffffff;
    line-height: 13px;
    text-align: center;
    font-weight: 700;
    display: inline-block;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: -12px;
  }

  .humberger__menu__cart .header__cart__price {
    font-size: 14px;
    color: #6f6f6f;
    display: inline-block;
  }

  .humberger__menu__cart .header__cart__price span {
    color: #252525;
    font-weight: 700;
  }

  .humberger__menu__cart {
    margin-bottom: 25px;
  }

  .humberger__menu__widget {
    margin-bottom: 20px;
  }

  .humberger__menu__widget .header__top__right__language {
    margin-right: 20px;
  }

  .humberger__menu__nav {
    display: none;
  }

  .humberger__menu__wrapper .header__top__right__social {
    display: block;
    margin-right: 0;
    margin-bottom: 20px;
  }

  .humberger__menu__wrapper .slicknav_btn {
    display: none;
  }

  .humberger__menu__wrapper .slicknav_nav .slicknav_item a {
    border-bottom: none !important;
  }

  .humberger__menu__wrapper .slicknav_nav {
    display: block !important;
  }

  .humberger__menu__wrapper .slicknav_menu {
    background: transparent;
    padding: 0;
    margin-bottom: 30px;
  }

  .humberger__menu__wrapper .slicknav_nav ul {
    margin: 0;
  }

  .humberger__menu__wrapper .slicknav_nav a {
    color: #1c1c1c;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    border-bottom: 1px solid #e1e1e1;
  }

  .humberger__menu__wrapper .slicknav_nav a:hover {
    -webkit-border-radius: 0;
    border-radius: 0;
    background: transparent;
    color: #1db190;
  }

  .humberger__menu__wrapper .slicknav_nav .slicknav_row,
  .humberger__menu__wrapper .slicknav_nav a {
    padding: 8px 0;
  }

  .humberger__menu__overlay {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    content: "";
    z-index: 98;
    visibility: hidden;
    -webkit-transition: all, 0.6s;
    -moz-transition: all, 0.6s;
    -ms-transition: all, 0.6s;
    -o-transition: all, 0.6s;
    transition: all, 0.6s;
  }

  .humberger__menu__overlay.active {
    visibility: visible;
  }

  .header__top {
    display: none;
  }

  .header__menu {
    display: none;
  }

  .header__cart {
    text-align: center;
    padding: 10px 0 24px;
  }

  .over_hid {
    overflow: hidden;
  }
}

/* Wide Mobile = 480px */

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

  /* TITULO BANNER INICIO */
  .text-titulo h2 {
    font-size: 3rem !important;
  }

  .hero__categories {
    margin-bottom: 30px;
  }

  .hero__search {
    margin-bottom: 30px;
  }

  .hero__search__form {
    width: 100%;
  }

  .hero__search__form form input {
    width: 100%;
  }

  .hero__search__form form .hero__search__categories {
    display: none;
  }

  .hero__search__phone {
    float: left;
    margin-top: 30px;
  }

  .categories__slider.owl-carousel .owl-nav {
    text-align: center;
    margin-top: 40px;
  }

  .categories__slider.owl-carousel .owl-nav button {
    position: relative;
    left: 0;
    top: 0;
    -webkit-transform: translateY(0);
  }

  .categories__slider.owl-carousel .owl-nav button.owl-next {
    right: -10px;
  }

  .footer__copyright {
    text-align: center;
  }

  .footer__copyright__text {
    float: none;
    margin-bottom: 25px;
  }

  .footer__copyright__payment {
    float: none;
  }

  .filter__item {
    text-align: center;
  }

  .filter__option {
    text-align: center;
  }

  .product__details__pic {
    margin-bottom: 40px;
  }

  .product__details__tab .nav-tabs:before {
    display: none;
  }

  .product__details__tab .nav-tabs:after {
    display: none;
  }

  .shoping__cart__table {
    overflow-y: auto;
  }

  .shoping__discount form input {
    margin-bottom: 15px;
  }

  .blog__details__author {
    overflow: hidden;
    margin-bottom: 25px;
  }

  .humberger__open {
    display: block;
    font-size: 22px;
    color: #1c1c1c;
    height: 35px;
    width: 35px;
    line-height: 33px;
    text-align: center;
    border: 1px solid #1c1c1c;
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 22px;
  }

  .header .container {
    position: relative;
  }

  .humberger__menu__wrapper {
    width: 300px;
    background: #ffffff;
    position: fixed;
    left: -300px;
    top: 0;
    height: 100%;
    overflow-y: auto;
    z-index: 99;
    padding: 30px;
    padding-top: 50px;
    opacity: 0;
    display: block;
    -webkit-transition: all, 0.6s;
    -moz-transition: all, 0.6s;
    -ms-transition: all, 0.6s;
    -o-transition: all, 0.6s;
    transition: all, 0.6s;
  }

  .humberger__menu__wrapper.show__humberger__menu__wrapper {
    opacity: 1;
    left: 0;
  }

  .humberger__menu__logo {
    margin-bottom: 30px;
  }

  .humberger__menu__logo a {
    display: inline-block;
  }

  .humberger__menu__contact {
    padding: 10px 0 13px;
  }

  .humberger__menu__contact ul li {
    font-size: 14px;
    color: #1c1c1c;
    position: relative;
    line-height: 30px;
    list-style: none;
  }

  .humberger__menu__contact ul li i {
    color: #252525;
    margin-right: 5px;
  }

  .humberger__menu__cart ul {
    display: inline-block;
    margin-right: 25px;
  }

  .humberger__menu__cart ul li {
    list-style: none;
    display: inline-block;
    margin-right: 15px;
  }

  .humberger__menu__cart ul li:last-child {
    margin-right: 0;
  }

  .humberger__menu__cart ul li a {
    position: relative;
  }

  .humberger__menu__cart ul li a i {
    font-size: 18px;
    color: #1c1c1c;
  }

  .humberger__menu__cart ul li a span {
    height: 13px;
    width: 13px;
    background: #1db190;
    font-size: 10px;
    color: #ffffff;
    line-height: 13px;
    text-align: center;
    font-weight: 700;
    display: inline-block;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: -12px;
  }

  .humberger__menu__cart .header__cart__price {
    font-size: 14px;
    color: #6f6f6f;
    display: inline-block;
  }

  .humberger__menu__cart .header__cart__price span {
    color: #252525;
    font-weight: 700;
  }

  .humberger__menu__cart {
    margin-bottom: 25px;
  }

  .humberger__menu__widget {
    margin-bottom: 20px;
  }

  .humberger__menu__widget .header__top__right__language {
    margin-right: 20px;
  }

  .humberger__menu__nav {
    display: none;
  }

  .humberger__menu__wrapper .header__top__right__social {
    display: block;
    margin-right: 0;
    margin-bottom: 20px;
  }

  .humberger__menu__wrapper .slicknav_btn {
    display: none;
  }

  .humberger__menu__wrapper .slicknav_nav .slicknav_item a {
    border-bottom: none !important;
  }

  .humberger__menu__wrapper .slicknav_nav {
    display: block !important;
  }

  .humberger__menu__wrapper .slicknav_menu {
    background: transparent;
    padding: 0;
    margin-bottom: 30px;
  }

  .humberger__menu__wrapper .slicknav_nav ul {
    margin: 0;
  }

  .humberger__menu__wrapper .slicknav_nav a {
    color: #1c1c1c;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    border-bottom: 1px solid #e1e1e1;
  }

  .humberger__menu__wrapper .slicknav_nav a:hover {
    -webkit-border-radius: 0;
    border-radius: 0;
    background: transparent;
    color: #1db190;
  }

  .humberger__menu__wrapper .slicknav_nav .slicknav_row,
  .humberger__menu__wrapper .slicknav_nav a {
    padding: 8px 0;
  }

  .humberger__menu__overlay {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    content: "";
    z-index: 98;
    visibility: hidden;
    -webkit-transition: all, 0.6s;
    -moz-transition: all, 0.6s;
    -ms-transition: all, 0.6s;
    -o-transition: all, 0.6s;
    transition: all, 0.6s;
  }

  .humberger__menu__overlay.active {
    visibility: visible;
  }

  .header__top {
    display: none;
  }

  .header__menu {
    display: none;
  }

  .header__cart {
    text-align: center;
    padding: 10px 0 24px;
  }

  .over_hid {
    overflow: hidden;
  }
}

/* Small Device = 320px */

@media only screen and (max-width: 479px) {

  /* TITULO BANNER INICIO */
  .text-titulo h2 {
    line-height: 38px !important;
    font-size: 2rem !important;
  }

  .hero__search__form form .hero__search__categories {
    display: none;
  }

  .featured__controls ul li {
    margin-bottom: 10px;
  }

  .product__details__text ul li b {
    width: 100px;
  }

  .product__details__tab .nav-tabs li {
    margin-right: 20px;
  }

  .shoping__cart__btns {
    text-align: center;
  }

  .primary-btn.cart-btn.cart-btn-right {
    float: none;
    margin-top: 10px;
  }

  .shoping__checkout .primary-btn {
    display: block;
    text-align: center;
    padding: 10px 15px 10px;
  }

  .map .map-inside {
    -webkit-transform: translateX(-125px);
    -ms-transform: translateX(-125px);
    transform: translateX(-125px);
  }

  .map .map-inside .inside-widget {
    width: 250px;
  }

  .product__details__tab .nav-tabs li {
    margin-right: 15px;
  }

  .shoping__discount form input {
    width: 100%;
  }

  .checkout__order {
    padding: 20px;
  }

  .blog__details__hero__text h2 {
    font-size: 24px;
  }
}

/* ===== Mobile header burger integrado ===== */
@media (max-width: 991px) {

  /* el burger ya no va flotando por fuera */
  .header--pro .humberger__open.header__burger {
    position: static !important;
    top: auto !important;
    right: auto !important;

    width: 40px;
    height: 40px;
    line-height: 40px;

    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    border: 1px solid rgba(28, 28, 28, 0.18);
    border-radius: 12px;
    background: #fff;
    cursor: pointer;
    padding: 0;
  }

  .header--pro .humberger__open.header__burger i {
    font-size: 20px;
    color: #1c1c1c;
  }

  /* pill dentro del sidebar */
  .humberger__menu__actions {
    margin: 10px 0 18px;
  }

  .humberger__menu__wrapper .header__right__pill--drawer {
    width: 100%;
    justify-content: space-between;
    padding: 10px 10px;
    border-radius: 14px;
  }

  /* botones de la pill un toque más grandes en drawer */
  .humberger__menu__wrapper .header__right__pill--drawer .header__pill__btn {
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
}

/* =========================
   SIDEBAR MOBILE (Humberger) - Modern UI
   Pegalo al FINAL del CSS
========================= */
@media (max-width: 991px) {

  /* Wrapper general */
  .humberger__menu__wrapper {
    width: 320px;
    /* un toque más ancho */
    padding: 22px !important;
    padding-top: 22px !important;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .18);
  }

  /* Logo (más prolijo) */
  .humberger__menu__logo {
    margin-bottom: 14px !important;
  }

  .humberger__menu__logo a {
    display: flex !important;
    align-items: center;
    gap: 10px;
    text-decoration: none;
  }

  /* si en algún momento querés sumar el nombre, queda preparado */
  .humberger__menu__logo .hm-brand-name {
    font-weight: 800;
    font-size: 16px;
    color: #111827;
    letter-spacing: .2px;
  }

  /* Separadores suaves entre secciones */
  .humberger__menu__actions,
  .humberger__menu__cart,
  #mobile-menu-wrap {
    position: relative;
  }

  .humberger__menu__actions {
    margin: 10px 0 14px !important;
    padding-bottom: 14px;
  }

  .humberger__menu__actions::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: rgba(15, 23, 42, .08);
  }

  /* =========================
     Pill verde en Drawer
  ========================= */
  .humberger__menu__wrapper .header__right__pill--drawer {
    width: 100%;
    justify-content: space-between;
    gap: 10px;

    border-radius: 16px;
    padding: 10px 12px;

    /* mismo color pero más “premium” */
    background: linear-gradient(135deg, #1db190 0%, #17a784 55%, #139a78 100%);
    box-shadow: 0 10px 26px rgba(29, 177, 144, .22);
  }

  /* Botones: centradísimos + tamaño táctil */
  .header--pro .header__pill__btn {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    /* más moderno que círculo perfecto */
    display: flex;
    /* mejor que grid para FA */
    align-items: center;
    justify-content: center;

    color: #fff;
    text-decoration: none;
    background: rgba(255, 255, 255, .10);
    transition: transform .12s ease, background .12s ease;
  }

  .header--pro .header__pill__btn i {
    font-size: 18px;
    /* un toque más grande */
    line-height: 1;
    /* CLAVE para que quede centrado */
    display: block;
  }

  .header--pro .header__pill__btn:hover {
    background: rgba(255, 255, 255, .18);
    transform: translateY(-1px);
  }

  .header--pro .header__pill__btn:active {
    transform: translateY(0);
  }

  /* =========================
     Carrito en Sidebar (más moderno)
  ========================= */
  .humberger__menu__cart {
    margin: 14px 0 12px !important;
    padding-bottom: 14px;
  }

  .humberger__menu__cart::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: rgba(15, 23, 42, .08);
  }

  .humberger__menu__cart ul {
    margin: 0 !important;
    padding: 0 !important;
    display: block;
  }

  .humberger__menu__cart ul li {
    margin: 0 !important;
    display: block !important;
  }

  .humberger__menu__cart ul li a {
    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 12px 12px;
    border-radius: 14px;
    background: rgba(15, 23, 42, .04);
    text-decoration: none;
  }

  .humberger__menu__cart ul li a i {
    font-size: 18px;
    color: #0f172a;
  }

  /* Badge del carrito: más prolijo */
  .humberger__menu__cart ul li a span {
    height: 22px !important;
    width: 28px !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    line-height: 22px !important;
    top: auto !important;
    right: auto !important;
    position: static !important;
    /* así no queda volando raro */
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    font-weight: 800;
  }

  /* =========================
     Menú (Slicknav) más limpio
  ========================= */
  #mobile-menu-wrap {
    margin-top: 12px;
  }

  .humberger__menu__wrapper .slicknav_nav a {
    border-bottom: 0 !important;
    padding: 12px 12px !important;
    margin: 4px 0 !important;

    border-radius: 12px;
    font-size: 15px;
    font-weight: 700;

    color: #0f172a !important;
    background: transparent;
    transition: background .12s ease, color .12s ease;
  }

  .humberger__menu__wrapper .slicknav_nav a:hover {
    background: rgba(29, 177, 144, .10) !important;
    color: #0f766e !important;
  }

  /* estado activo: si el template mete class activ en <li> desktop,
     slicknav no siempre la replica. Igual dejamos un selector útil. */
  .humberger__menu__wrapper .slicknav_nav li.slicknav_open>a,
  .humberger__menu__wrapper .slicknav_nav li.active>a {
    background: rgba(29, 177, 144, .14) !important;
    color: #0f766e !important;
  }
}

/* =========================
   PATCH Sidebar Mobile
   (pegalo AL FINAL del CSS)
========================= */
/* ===== Sidebar mobile: textos + centrado + look moderno ===== */
@media (max-width: 991px) {

  /* Brand (logo + nombre) */
  .hm-brand {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none !important;
  }

  .hm-brand-logo {
    width: 44px;
    height: 44px;
    object-fit: contain;
  }

  .hm-brand-name {
    font-weight: 900;
    font-size: 18px;
    color: #0f172a;
    letter-spacing: .2px;
    line-height: 1;
  }

  /* Secciones */
  .humberger__section {
    margin: 14px 0;
  }

  .humberger__section__title {
    font-weight: 900;
    font-size: 14px;
    color: #0f172a;
    margin: 6px 0 2px;
  }

  .humberger__section__sub {
    font-size: 12px;
    color: rgba(15, 23, 42, .55);
    margin: 0 0 10px;
  }

  /* Pill verde */
  .header__right__pill--drawer {
    background: #1db190;
    border-radius: 14px;
    padding: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
  }

  /* Botones pill con label */
  .header__right__pill--drawer .header__pill__btn {
    width: 86px;
    height: 66px;
    border-radius: 14px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    text-decoration: none !important;
  }

  .header__right__pill--drawer .header__pill__btn i {
    font-size: 18px;
    color: #fff !important;
    line-height: 1;
  }

  .header__right__pill--drawer .pill__label {
    font-size: 12px;
    font-weight: 900;
    color: #fff;
    line-height: 1;
    opacity: .95;
  }

  .header__right__pill--drawer .header__pill__btn:hover {
    background: rgba(255, 255, 255, .14);
  }

  /* Carrito: más corto, centrado, con label */
  .humberger__menu__cart {
    margin: 10px 0 12px;
    display: flex;
    justify-content: center;
    /* centrado */
  }

  .humberger__menu__cart ul {
    margin: 0 !important;
    padding: 0;
    display: block;
  }

  .humberger__menu__cart ul li {
    margin: 0 !important;
    display: block;
  }

  .hm-cart-link {
    width: auto;
    /* NO full width */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 14px;
    /* solo un poco por fuera del ícono */
    border-radius: 999px;
    background: #f8fafc;
    border: 1px solid rgba(15, 23, 42, .10);
    text-decoration: none !important;
    position: relative;
  }

  .hm-cart-link i {
    font-size: 18px;
    color: #0f172a;
    line-height: 1;
  }


  /* Badge al ladito del ícono */
  .hm-cart-link #numerito {
    position: static;
    /* deja de ser absolute */
    transform: none;
    height: 18px;
    min-width: 18px;
    padding: 0 6px;
    border-radius: 999px;
    background: #1db190;
    color: #fff;
    font-size: 10px;
    font-weight: 900;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
  }

  .hm-cart-link:hover {
    background: #ffffff;
  }
}




/* FULL WIDTH: que .container no limite el ancho */
.container,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl {
  width: 90% !important;
  max-width: none !important;
}

.hero__item--page {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  padding-left: 0;
  min-height: 260px;
  /* default */
}

/* capa oscura sutil para que el texto se lea */
.hero__page__overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.1));
}

.hero__page__text {
  text-align: center;
  padding: 20px;
}

.hero__page__text h2 {
  margin: 0 0 10px;
  font-size: 40px;
  font-weight: 800;
  color: #fff;
}

.hero__page__crumb a {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  margin-right: 18px;
  position: relative;
}

.hero__page__crumb a:after {
  content: "";
  position: absolute;
  right: -12px;
  top: 50%;
  width: 10px;
  height: 1px;
  background: rgba(255, 255, 255, 0.9);
  transform: translateY(-50%);
}

.hero__page__crumb span {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
}

@media (max-width: 991px) {
  .hero__item--page {
    min-height: 200px;
  }

  .hero__page__text h2 {
    font-size: 28px;
  }
}

/* FORZAR altura chica en banners internos (Productos/Nosotros) */
.hero .hero__item.hero__item--page {
  height: 121px !important;
  /* bajalo a 70px si querés */
  min-height: 0 !important;
  /* clave: mata el min-height */
  padding-left: 0 !important;
  border-radius: 12px;
  overflow: hidden;
}

/* más aire entre buscador y categorías */
.hero__search {
  margin-bottom: 18px;
  /* subí a 24/28 si querés más */
}

/* por si alguna regla te lo pisa */
.hero .col-lg-3 .hero__categories {
  margin-top: 21px;
}

/* mobile */
@media (max-width: 991px) {
  .hero .hero__item.hero__item--page {
    height: 120px !important;
    min-height: 0 !important;
  }
}

/* 5 productos por fila en desktop (>= 992px) */
@media (min-width: 992px) {
  .col-lg-5col {
    flex: 0 0 20%;
    max-width: 20%;
  }
}

/* ===== HOME: Nuevos ingresos (1 fila + flechas) ===== */

.featured__head-actions {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

.section-subtitle {
  margin-top: 8px;
  font-size: 14px;
  color: #6c757d;
  font-weight: 500;
}

/* Flechas */
.featured__nav {
  display: inline-flex;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.05);
}

.fnav-btn {
  width: 44px;
  height: 38px;
  border: 0;
  background: transparent;
  display: grid;
  place-items: center;
  cursor: pointer;
  color: #1c1c1c;
  transition: background 0.12s ease;
}

.fnav-btn+.fnav-btn {
  border-left: 1px solid rgba(0, 0, 0, 0.08);
}

.fnav-btn:hover {
  background: rgba(29, 177, 144, 0.08);
}

.fnav-btn:active {
  background: rgba(29, 177, 144, 0.14);
}

.fnav-btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.fnav-btn span {
  font-size: 22px;
  line-height: 1;
}

/* Slider 1 fila */
.featured__slider {
  position: relative;
}

.featured__viewport {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  padding: 6px 4px 10px;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
}

.featured__viewport::-webkit-scrollbar {
  display: none;
}

/* SOLO dentro del slider: evita wrap */
.featured__slider .featured__filter {
  display: flex;
  flex-wrap: nowrap !important;
  gap: 18px;
  margin: 0 !important;
  padding: 0 !important;
}

/* Cada card con ancho fijo responsive */
.featured__slider .fslide-item {
  flex: 0 0 auto !important;
  width: clamp(220px, 22vw, 290px);
  max-width: none !important;
  padding: 0 !important;
}

/* Quita el margen inferior que te hace “doble alto” */
.featured__slider .featured__item {
  margin-bottom: 0 !important;
}

/* CTA abajo */
.featured__bottom {
  display: flex;
  justify-content: center;
  margin-top: 18px;
}

/* ===== HOME: Explorá nuestras categorías ===== */

.home-cats {
  padding: 10px 0 40px;
}

.home-cats__head {
  margin-bottom: 16px;
}

.home-cats__title {
  margin: 0;
  font-size: clamp(26px, 3.2vw, 38px);
  line-height: 1.1;
  font-weight: 700;
  color: #111;
}

.home-cats__title span {
  font-weight: 900;
}

.home-cats__subtitle {
  margin: 10px 0 0;
  font-size: 14px;
  color: #6c757d;
  font-weight: 500;
}

.home-cats__box {
  background: #fff;
  border-radius: 16px;
  padding: 18px 16px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.06);
}

.home-cats__track {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 26px;

  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  overscroll-behavior-x: contain;

  padding: 6px 4px;
  scrollbar-width: none;
}

.home-cats__track::-webkit-scrollbar {
  display: none;
}

.home-cat {
  flex: 0 0 auto;
  text-decoration: none;
  color: #111;
  text-align: center;
  min-width: 110px;
}

.home-cat:hover {
  color: #1db190 !important;
}

.home-cat__icon {
  width: 92px;
  height: 92px;
  margin: 0 auto;

  border-radius: 999px;
  background: #f5f7fa;
  border: 1px solid rgba(0, 0, 0, 0.06);

  display: grid;
  place-items: center;

  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
  transition:
    transform 0.12s ease,
    box-shadow 0.12s ease,
    border-color 0.12s ease;
}

.home-cat__icon img {
  width: 64px;
  height: 64px;
  object-fit: contain;
}

.home-cat__name {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 800;
}

.home-cat:hover .home-cat__icon {
  transform: translateY(-2px);
  border-color: rgba(29, 177, 144, 0.35);
  box-shadow:
    0 14px 26px rgba(29, 177, 144, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

/* ===== Home cats: flechas para scroll horizontal ===== */
.home-cats__box {
  position: relative;
}

.home-cats__nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 42px;
  height: 42px;
  border-radius: 999px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(10px);
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.1);
  display: grid;
  place-items: center;
  cursor: pointer;
  z-index: 5;
  transition:
    transform 0.12s ease,
    filter 0.12s ease,
    opacity 0.12s ease;
}

.home-cats__nav span {
  font-size: 26px;
  line-height: 1;
  color: #111;
}

.home-cats__nav--prev {
  left: 10px;
}

.home-cats__nav--next {
  right: 10px;
}

.home-cats__nav:hover {
  transform: translateY(-50%) translateY(-1px);
  filter: brightness(0.99);
}

.home-cats__nav:active {
  transform: translateY(-50%);
  filter: brightness(0.96);
}

.home-cats__nav.is-disabled {
  opacity: 0.35;
  pointer-events: none;
}

/* Degradado suave para sugerir scroll */
.home-cats__box::before,
.home-cats__box::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 60px;
  z-index: 4;
  pointer-events: none;
}

.home-cats__box::before {
  left: 0;
  background: linear-gradient(90deg,
      rgba(255, 255, 255, 1),
      rgba(255, 255, 255, 0));
}

.home-cats__box::after {
  right: 0;
  background: linear-gradient(270deg,
      rgba(255, 255, 255, 1),
      rgba(255, 255, 255, 0));
}

/* deja espacio para que no tapen los items */
.home-cats__track {
  padding-left: 58px !important;
  padding-right: 58px !important;
}

@media (max-width: 576px) {
  .home-cat__icon {
    width: 82px;
    height: 82px;
  }

  .home-cat__icon img {
    width: 56px;
    height: 56px;
  }

  .home-cat {
    min-width: 96px;
  }
}

/* ===== HOME: Top vendidos + Agotados ===== */

.home-panels {
  padding-top: 10px;
}

/* TOP VENDIDOS */
.topsells {
  margin-top: 10px;
}

.topsells__head {
  margin-bottom: 14px;
}

.topsells__title {
  margin: 0;
  font-size: clamp(24px, 3vw, 34px);
  font-weight: 900;
  color: #111;
}

.topsells__subtitle {
  margin: 10px 0 0;
  font-size: 14px;
  color: #6c757d;
  font-weight: 500;
}

.topsells__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.topsell {
  background: #fff;
  border-radius: 16px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.06);
  overflow: hidden;

  display: grid;
  grid-template-columns: 120px 1fr;
  min-height: 120px;
}

.topsell__media {
  background: #f5f7fa;
  display: grid;
  place-items: center;
  cursor: pointer;
}

.topsell__media img {
  width: 100%;
  height: 120px;
  object-fit: cover;
}

.topsell__body {
  padding: 12px 12px 10px;
  display: grid;
  gap: 8px;
}

.topsell__toprow {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 24px;
}

.topsell__mini {
  width: 24px;
  height: 24px;
  border-radius: 999px;
  background: rgba(255, 153, 0, 0.14);
  display: grid;
  place-items: center;
  color: #ff7a00;
}

.topsell__badge {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  color: #fff;
}

.topsell__badge--orange {
  background: #ff7a00;
}

.topsell__badge--red {
  background: #ff3b30;
}

.topsell__name {
  font-size: 14px;
  font-weight: 600;
  color: #111;
  text-decoration: none;
  line-height: 1.2;
}

.topsell__name:hover {
  color: #1db190;
}

.topsell__price {
  font-size: 22px;
  font-weight: 900;
  color: #111;
}

.topsell__btn {
  justify-self: start;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 10px;
  border-radius: 12px;
  background: #1db190;
  color: #fff;
  font-weight: 800;
  text-decoration: none;
  border: 1px solid rgba(0, 0, 0, 0.06);
  transition:
    transform 0.12s ease,
    filter 0.12s ease;
}

.topsell__btn:hover {
  color: #fff;
  filter: brightness(0.98);
  transform: translateY(-1px);
}

.topsell__btn:active {
  transform: translateY(0);
  filter: brightness(0.95);
}

.topsell__btn--ghost {
  background: rgba(29, 177, 144, 0.1);
  color: #0f7f68;
  border-color: rgba(29, 177, 144, 0.18);
}

.topsell__btn--ghost:hover {
  color: #0f7f68;
  filter: none;
}

/* AGOTADOS */
.oos {
  margin-top: 34px;
}

.oos__head {
  margin-bottom: 14px;
}

.oos__title {
  margin: 0;
  font-size: clamp(24px, 3vw, 34px);
  font-weight: 900;
  color: #111;
}

.oos__subtitle {
  margin: 10px 0 0;
  font-size: 14px;
  color: #6c757d;
  font-weight: 500;
}

.oos__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.oos-item {
  background: #fff;
  border-radius: 16px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.06);
  overflow: hidden;

  display: grid;
  grid-template-columns: 90px 1fr auto;
  align-items: center;
  gap: 12px;

  padding: 10px 12px;
}

.oos-item__media {
  width: 90px;
  height: 70px;
  border-radius: 12px;
  background: #f5f7fa;
  display: grid;
  place-items: center;
  overflow: hidden;
  cursor: pointer;
}

.oos-item__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.oos-item__name {
  font-size: 14px;
  font-weight: 800;
  color: #111;
  line-height: 1.2;
}

.oos-item__price {
  margin-top: 4px;
  font-size: 16px;
  font-weight: 900;
  color: #111;
}

.oos-item__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 9px 12px;
  border-radius: 12px;
  background: rgba(29, 177, 144, 0.1);
  color: #0f7f68;
  font-weight: 800;
  text-decoration: none;
  border: 1px solid rgba(29, 177, 144, 0.18);
  white-space: nowrap;
  transition: transform 0.12s ease;
}

.oos-item__btn:hover {
  transform: translateY(-1px);
  color: #0f7f68;
}

.oos-item__btn:active {
  transform: translateY(0);
}

@media (max-width: 992px) {
  .topsells__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 576px) {
  .topsells__grid {
    grid-template-columns: 1fr;
  }

  .oos__grid {
    grid-template-columns: 1fr;
  }

  .topsell {
    grid-template-columns: 110px 1fr;
  }

  .topsell__media img {
    height: 110px;
  }

  .oos-item {
    grid-template-columns: 76px 1fr;
    grid-auto-rows: auto;
  }

  .oos-item__btn {
    grid-column: 1 / -1;
    width: 100%;
    margin-top: 8px;
  }
}

.hero__filters {
  margin-top: 12px;
}

.hero-filter-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  height: 50px;
  padding: 0 16px;
  width: 100%;
  border-radius: 12px;
  background: #1db190;
  color: #fff;
  font-weight: 800;
  box-shadow: 0 10px 22px rgba(2, 132, 100, 0.18);
  transition:
    transform 0.12s ease,
    filter 0.12s ease;
}

.hero-filter-btn i {
  font-size: 16px;
}

.hero-filter-btn:hover {
  color: #fff;
  transform: translateY(-1px);
  filter: brightness(1.02);
}

/* Columna derecha como contenedor de referencia */
.product .col-lg-9.col-md-7 {
  position: relative;
}

/* ORDENAR */
.pf-sortline {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  padding: 14px 0;
  /* mismo “aire” arriba/abajo */
  position: relative;
  overflow: visible;
}

/* etiqueta */
.pf-sortline__label {
  margin: 0;
  line-height: 1;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.04em;
  opacity: 0.75;
  white-space: nowrap;
}

/* botón (valor + chevron) */
.pf-sortline__btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  line-height: 1;
  padding: 0;
  border: 0;
  background: transparent;
}

/* texto actual */
.pf-sortline__current {
  display: inline-block;
  line-height: 1;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 170px;
  transform: translateY(-1px);
}

/* flecha */
.pf-sortline__chev {
  line-height: 1;
  transform: translateY(-1px);
  opacity: 0.7;
}

.pf-sortline.is-open .pf-sortline__chev {
  transform: rotate(180deg);
}

.pf-sortline__menu {
  position: absolute;
  left: 0;
  top: calc(100% + 8px);
  width: 100%;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  padding: 6px;
  z-index: 20;
}

.pf-sortline__opt {
  width: 100%;
  text-align: left;
  border: 0;
  background: transparent;
  padding: 10px 10px;
  border-radius: 10px;
  cursor: pointer;
  font-weight: 600;
}

.pf-sortline__opt:hover {
  background: rgba(0, 0, 0, 0.04);
}

.pf-sortline__opt.is-active {
  background: rgba(0, 0, 0, 0.06);
}

/* Subir toda la sección de productos */
.product.spad {
  padding-top: 40px !important;
}

.pf-search {
  border-radius: 12px;
  padding: 10px 12px;
  margin-bottom: 10px;
}

.pf-search__row {
  display: flex;
  align-items: center;
  gap: 10px;
}

.pf-search__ico {
  opacity: 0.65;
}

.pf-search__input {
  flex: 1;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  padding: 10px 12px;
  outline: none;
  width: 100%;
}

.pf-search__btn {
  border: 0;
  border-radius: 10px;
  padding: 10px 12px;
  font-weight: 700;
  cursor: pointer;
}

.pf-search__clear {
  display: inline-block;
  margin-top: 6px;
  font-size: 11px;
  opacity: 0.75;
}

.pf-search__clear:hover {
  opacity: 1;
  text-decoration: underline;
}

/* En mobile/tablet vuelve a normal para no solaparse */
@media (max-width: 991.98px) {
  .pf-topbar {
    position: static;
    margin-bottom: 12px !important;
    top: auto;
    right: auto;
  }
}

/* =========================
   Pedido WhatsApp (SweetAlert2) - UI moderna
========================= */
.wpp-swal {
  border-radius: 18px !important;
  padding: 18px 18px 14px !important;
}

.wpp-swal .swal2-title {
  font-size: 1.15rem !important;
  margin: 0 0 6px !important;
  letter-spacing: .2px;
}

.wpp-swal .swal2-html-container {
  margin: 0 !important;
  padding: 0 !important;
}

.wpp-form {
  text-align: left;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 10px;
}

@media (max-width: 520px) {
  .wpp-form {
    grid-template-columns: 1fr;
  }
}

.wpp-field {
  min-width: 0;
}

.wpp-field--full {
  grid-column: 1 / -1;
}

.wpp-label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 700;
  font-size: .82rem;
  color: #0f172a;
  margin: 0 0 6px;
}

.wpp-label i {
  opacity: .85;
}

.wpp-required {
  color: #ef4444;
  margin-left: 4px;
}

.wpp-input,
.wpp-select,
.wpp-textarea {
  width: 100%;
  border: 1px solid rgba(15, 23, 42, .14);
  border-radius: 12px;
  padding: 10px 12px;
  font-size: .95rem;
  background: #fff;
  outline: none;
  transition: border-color .15s ease, box-shadow .15s ease;
}

.wpp-textarea {
  min-height: 84px;
  resize: vertical;
}

.wpp-input:focus,
.wpp-select:focus,
.wpp-textarea:focus {
  border-color: rgba(34, 197, 94, .55);
  box-shadow: 0 0 0 4px rgba(34, 197, 94, .12);
}

.wpp-hint {
  margin-top: 6px;
  font-size: .78rem;
  color: #64748b;
}

.wpp-note {
  grid-column: 1 / -1;
  display: flex;
  gap: 10px;
  align-items: flex-start;
  background: rgba(15, 23, 42, .04);
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 14px;
  padding: 10px 12px;
  color: #334155;
  font-size: .82rem;
  margin-top: 2px;
}

.wpp-note i {
  margin-top: 2px;
  opacity: .8;
}

/* Botones */
.wpp-btn-confirm {
  border-radius: 12px !important;
  padding: 10px 14px !important;
  font-weight: 800 !important;
}

.wpp-btn-cancel {
  border-radius: 12px !important;
  padding: 10px 14px !important;
  font-weight: 700 !important;
}

/* =========================
   Featured cards: mobile más anchas, sin chocarse
   - Reduce márgenes/paddings de la grilla
   - Cards full-width del "col" (sin dejar aire de más)
   - Imagen sin margen interno (para ganar ancho real)
========================= */

/* 1) Ajuste de gutters (Bootstrap) SOLO en mobile/tablet */
@media (max-width: 767px){

  /* Quitá el padding lateral de cada columna para ganar ancho */
  .featured .row > [class*="col-"],
  #content-productos > [class*="col-"]{
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  /* Menos espacio vertical entre cards */
  .featured__item{
    margin-bottom: 12px !important;
  }

  /* La card ocupa todo el ancho real de la columna */
  .featured__item{
    border-radius: 12px;
  }

  /* Sacamos márgenes internos que achican visualmente la tarjeta */
  .featured__item__pic{
    margin: 0 !important;          /* <-- lo importante */
    border-radius: 12px 12px 0 0;  /* se integra a la card */
    height: 210px;                /* ajustá a gusto */
  }

  /* Un toque menos de padding en texto para que entre mejor */
  .featured__item__text{
    padding: 10px 12px 12px !important;
  }

  /* Tipos un poco más compactos */
  .featured__item__text h6{
    font-size: 16px !important;
  }
  .fcard-price__current{
    font-size: 21px !important;
  }

  /* Botón full y compacto */
  .fcard-add{
    border-radius: 12px;
    padding: 9px 12px;
  }
}

/* 2) Para pantallas MUY chicas: 1 columna (card más ancha) */
@media (max-width: 420px){
  /* Si estás usando col-6 en la grilla, forzamos 1 por fila */
  #content-productos > .col-6{
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  /* un poco más de aire entre cards */
  .featured__item{
    margin-bottom: 14px !important;
  }
}

/* 3) Para tablets: cards un poco más anchas (gutter moderado) */
@media (min-width: 768px) and (max-width: 991px){
  .featured .row > [class*="col-"],
  #content-productos > [class*="col-"]{
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .featured__item{
    margin-bottom: 16px !important;
  }

  .featured__item__pic{
    margin: 0 !important;
    border-radius: 12px 12px 0 0;
    height: 225px;
  }
}