/* ============================================================
   QUANTUM HARD STORE — CSS MAESTRO
   Archivo unificado para subir vía FTP a Tiendanube
   Reemplaza: CSS Avanzado del panel + qh_parte2_carrito.css
   ============================================================ */

@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap");

/* ── TIPOGRAFÍA GLOBAL ─────────────────────────────────────── */
body, h1, h2, h3, h4, h5, h6, p, span, a, button, input, select, textarea, label, div, li {
	font-family: "Montserrat", sans-serif !important;
}

/* ── FONDO ─────────────────────────────────────────────────── */
body {
	background-image: url("https://i.ibb.co/BVJRfxBh/patron3.png");
	background-size: 150%;
	background-position: top center;
	background-repeat: repeat-y;
	margin: 0;
}

/* ── BARRA DE ANUNCIOS ─────────────────────────────────────── */
.js-adbar, .adbar, .announcement-bar, .js-notification-bar, .notification-bar,
[class*="adbar"], [class*="announcement"], .js-adbar-message-container, .adbar-message-container {
	background-color: #1c1c1c !important;
	color: #fff !important;
}
.js-adbar *, .adbar *, .announcement-bar *, .js-notification-bar *,
.js-adbar-message-container *, .adbar-message-container * {
	color: #fff !important;
}

/* ── NAVBAR DESKTOP ────────────────────────────────────────── */
.head-colors .nav-desktop-container, .head-colors.head-row {
	background-color: #1c1c1c !important;
	border-bottom: 1px solid #e6298a !important;
}
.nav-list .nav-list-link, .nav-list button.nav-list-link, .nav-panel .nav-list-link,
div[data-component="menu.item"] .nav-list-link,
.head-colors .nav-desktop-container a.nav-list-link,
.head-colors .nav-desktop-container button.nav-list-link {
	color: #fff !important;
	font-weight: 700 !important;
}
.head-colors .nav-desktop-container a.nav-list-link:hover,
.head-colors .nav-desktop-container button.nav-list-link:hover {
	color: #e6298a !important;
}
.head-colors .nav-desktop-container svg, .nav-desktop-list-arrow svg {
	fill: #e6298a !important;
	color: #e6298a !important;
}
.nav-desktop-list-arrow { background: #1c1c1c !important; }
.js-desktop-dropdown.nav-dropdown-content.desktop-dropdown {
	background: #1c1c1c !important;
	border-top: none !important;
	box-shadow: 0 8px 20px rgba(0,0,0,.3);
}
.desktop-list-subitems > li > .nav-item-container > .nav-list-link {
	color: #fff !important;
	font-weight: 700 !important;
	font-size: 15px !important;
	text-transform: uppercase;
	border-bottom: 2px solid #fff;
	padding-bottom: 8px !important;
	margin-bottom: 5px;
	display: inline-block;
}
.desktop-list-subitems .list-subitems .nav-list-link {
	color: #e6298a !important;
	font-weight: 400 !important;
	font-size: 13px !important;
	padding: 4px 0 !important;
	transition: opacity .2s ease;
}
.desktop-list-subitems .list-subitems .nav-list-link:hover { opacity: .7; }
.desktop-list-subitems > li {
	border-right: 1px solid rgba(255,255,255,.3) !important;
	padding: 10px 20px !important;
}
.desktop-list-subitems > li:last-child { border-right: none !important; }

/* ── NAVBAR MOBILE (HAMBURGER) ─────────────────────────────── */
#nav-hamburger, #nav-hamburger .modal-body, #nav-hamburger .nav-list,
.modal-nav-hamburger, #nav-hamburger .nav-list-link, #nav-hamburger .nav-item,
#nav-hamburger .modal-header, #nav-hamburger .modal-header-no-title,
#nav-hamburger [id^="nav-panel-id"], #nav-hamburger .js-modal-private,
#nav-hamburger .nav-account-link, #nav-hamburger .nav-footer,
#nav-hamburger .item-with-subitems, #nav-hamburger [data-component="menu.item"] {
	background-color: #1c1c1c !important;
}
#nav-hamburger .nav-list-link, #nav-hamburger .nav-item {
	color: #e62985 !important;
	font-weight: 700 !important;
	border-bottom: 1px solid rgba(230,41,133,.2) !important;
	text-align: left !important;
	justify-content: flex-start !important;
	padding-left: 20px !important;
}
#nav-hamburger .nav-list { align-items: flex-start !important; }
#nav-hamburger .nav-item { width: 100% !important; }
#nav-hamburger .nav-list-link svg, #nav-hamburger svg,
#nav-hamburger .modal-close svg, #nav-hamburger .js-modal-close svg,
#nav-hamburger .nav-account-link svg {
	fill: #e62985 !important;
	color: #e62985 !important;
}
#nav-hamburger .nav-account-link, #nav-hamburger .nav-footer { color: #e62985 !important; }

/* ── TARJETAS DE PRODUCTO ──────────────────────────────────── */
.js-item-product, .product-item {
	width: 228px !important;
	max-width: 228px !important;
	margin-right: 16px !important;
	margin-bottom: 15px !important;
	padding: 15px !important;
	border: 5px solid #e62985 !important;
	border-radius: 0 25px 0 25px !important;
	background-color: #f5f5f5 !important;
	box-shadow: none !important;
	display: flex !important;
	flex-direction: column !important;
	height: 100% !important;
	position: relative !important;
	text-align: center !important;
}
.js-item-product > a {
	display: flex !important;
	flex-direction: column !important;
	width: 100% !important;
	height: 100% !important;
	text-align: center !important;
}
.js-product-item-image-container {
	width: 100% !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	margin-bottom: 15px !important;
	flex: 0 0 auto !important;
	position: relative !important;
}
.js-product-item-image-container img { max-width: 100% !important; height: auto !important; }
.product-item-price-container {
	text-align: center !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	margin-top: auto !important;
	padding-top: 10px !important;
}
.product-item .cont-star-revie, .js-item-product .cont-star-revie { display: none !important; }
.js-product-grid { display: flex !important; flex-wrap: wrap !important; justify-content: flex-start !important; }
.js-product-grid .js-item-product { min-height: 100% !important; }
.js-swiper-featured .swiper-slide { width: auto !important; flex: 0 0 auto !important; min-height: 100% !important; }
.section-featured-home .swiper-container, .js-swiper-featured, .js-swiper-home {
	padding: 0 20px 0 40px;
	overflow: hidden;
	box-sizing: border-box;
}
.section-featured-home .swiper-wrapper { left: 0 !important; margin-left: 0 !important; padding-left: 0 !important; }
.section-featured-home .swiper-slide { flex-shrink: 0; }

/* ── CARD QH ───────────────────────────────────────────────── */
.qh-card.js-item-product, .qh-card.product-item {
	border: none !important;
	border-radius: 12px !important;
	background-color: #f5f5f5 !important;
	box-shadow: 0 1px 4px rgba(0,0,0,.07) !important;
	overflow: hidden !important;
	transition: transform .3s ease, box-shadow .3s ease !important;
	position: relative !important;
}
.qh-card.js-item-product:hover, .qh-card.product-item:hover {
	transform: translateY(-3px) !important;
	box-shadow: 0 8px 28px rgba(0,0,0,.11) !important;
}
.qh-card .js-product-item-image-container img { transition: transform .4s ease !important; }
.qh-card:hover .js-product-item-image-container img { transform: scale(1.04) !important; }
.qh-card-info { padding: 0 12px 14px !important; align-items: center !important; text-align: center !important; }
.qh-card-name {
	font-size: 10.5px !important;
	font-weight: 600 !important;
	color: #1c1c1c !important;
	line-height: 1.35 !important;
	text-align: center !important;
	overflow: hidden !important;
	margin-bottom: 8px !important;
}
.qh-card .product-item-price-container {
	width: 100% !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	text-align: center !important;
	padding-top: 8px !important;
	position: relative !important;
	margin-top: auto !important;
}
.qh-card .product-item-price-container::before {
	content: "" !important;
	display: block !important;
	width: 70% !important;
	height: 1.5px !important;
	background: linear-gradient(90deg, transparent, #ff007f, transparent) !important;
	opacity: .35 !important;
	margin: 0 auto 8px !important;
}
.qh-price-compare, .qh-card .price-compare {
	font-size: 11px !important;
	font-weight: 500 !important;
	color: #aaa !important;
	text-decoration: line-through !important;
	margin-bottom: 2px !important;
}
.qh-price-main, .qh-card .js-price-display {
	font-weight: 900 !important;
	font-size: 22px !important;
	color: #ff007f !important;
	line-height: 1.1 !important;
	letter-spacing: -.3px !important;
	text-align: center !important;
	animation: qhPriceBreathe 3s ease-in-out infinite !important;
}
@keyframes qhPriceBreathe {
	0%, 100% { text-shadow: 0 0 6px rgba(255,0,127,.1); }
	50%       { text-shadow: 0 0 16px rgba(255,0,127,.25); }
}
.qh-card .item-installments, .qh-card .js-max-installments-container,
.qh-card .js-max-installments, .qh-card .installments-container,
.qh-card .custom-installments, .qh-installments {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	height: auto !important;
	overflow: visible !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	color: #1c1c1c !important;
	text-align: center !important;
	margin-top: 6px !important;
	padding-top: 6px !important;
	border-top: 1px solid rgba(0,0,0,.08) !important;
	line-height: 1.4 !important;
}
.qh-card .js-installment-amount, .qh-card .item-installments .js-installment-amount,
.qh-card .custom-installments .js-installment-amount, .qh-installments .js-installment-amount,
.js-max-installments-container .js-installment-amount {
	color: #ff007f !important;
	font-weight: 800 !important;
}
.qh-card .item-installments strong, .qh-card .custom-installments strong, .qh-installments strong {
	color: #1c1c1c !important;
	font-weight: 600 !important;
}
.qh-badge-outlet {
	position: absolute !important;
	top: 8px !important; left: 8px !important; z-index: 3 !important;
	background: #1c1c1c !important;
	color: #fff !important;
	font-size: 7px !important; font-weight: 800 !important; letter-spacing: 1.5px !important;
	padding: 3px 8px !important;
	border-radius: 0 6px 0 6px !important;
	text-transform: uppercase !important;
}
.qh-badge-discount {
	position: absolute !important;
	top: 0 !important; right: 0 !important; z-index: 3 !important;
	background: #ff007f !important;
	color: #fff !important;
	font-size: 10px !important; font-weight: 900 !important;
	padding: 5px 10px !important;
	border-radius: 0 12px 0 12px !important;
	letter-spacing: .3px !important; line-height: 1 !important;
}
.qh-card .product-item-discount, .qh-card .js-offer-percentage { display: none !important; }
.qh-stock-badge {
	display: flex !important;
	align-items: center !important; justify-content: center !important;
	gap: 5px !important;
	font-size: 8px !important; font-weight: 700 !important;
	text-transform: uppercase !important; letter-spacing: .5px !important;
	color: #888 !important;
	margin-top: 6px !important; width: 100% !important;
}
.qh-stock-dot {
	display: inline-block !important;
	width: 5px !important; height: 5px !important;
	border-radius: 50% !important;
	background: #00c853 !important;
	animation: qhDotPulse 2s ease-in-out infinite !important;
	flex-shrink: 0 !important;
}
.qh-stock-low .qh-stock-dot { background: #ff9800 !important; }
@keyframes qhDotPulse {
	0%, 100% { opacity: 1; }
	50%       { opacity: .35; }
}
.qh-card .btn-primary, .qh-card .js-addtocart, .qh-card .js-prod-submit-form,
.qh-card input[type="submit"].btn-primary {
	background-color: #ff007f !important;
	border-color: #ff007f !important;
	color: #fff !important;
	font-weight: 800 !important; font-size: 10px !important;
	text-transform: uppercase !important; letter-spacing: .3px !important;
	border-radius: 8px !important;
	padding: 10px 8px !important;
	width: 100% !important; margin-top: 10px !important;
	display: flex !important; align-items: center !important; justify-content: center !important;
	gap: 6px !important;
	transition: all .25s ease !important;
	position: relative !important; overflow: hidden !important; cursor: pointer !important;
}
.qh-card .btn-primary:hover, .qh-card .js-addtocart:hover {
	background-color: #d11f75 !important;
	border-color: #d11f75 !important;
	box-shadow: 0 3px 14px rgba(255,0,127,.3) !important;
}
.qh-card .btn-primary:active, .qh-card .js-addtocart:active { transform: scale(.96) !important; }

/* ── CATEGORÍAS ────────────────────────────────────────────── */
.js-swiper-categories { text-align: center !important; }
.js-swiper-categories .swiper-wrapper { justify-content: center !important; }
.section-home.section-categories-home.overflow-wrapper .js-home-category-name,
.js-home-category .p-3.pt-md-2.font-medium.font-md-body,
.home-category p, .home-category .my-3.ml-md-2.font-medium.font-md-body,
.js-home-category .my-3 {
	display: none !important; visibility: hidden !important;
	opacity: 0 !important; height: 0 !important; overflow: hidden !important;
}
.container.pt-3.pt-md-4.pb-4 {
	border: 1px solid rgba(28,28,28,.15) !important;
	border-radius: 0 20px 0 20px !important;
	background-color: #f5f5f5 !important;
	box-shadow: 0 2px 20px rgba(0,0,0,.06) !important;
	padding: 20px !important;
}

/* ── NOMBRE DEL PRODUCTO ───────────────────────────────────── */
h1.js-product-name, .js-product-name, h1.product-name, .product-name {
	color: #000 !important;
	font-weight: bold !important;
}
.js-product-name.h4 { text-align: center !important; }
.font-small.mt-3.mb-2, .font-small.mt-3, div.font-small.mt-3.mb-2 {
	text-align: center !important;
	display: block !important;
	width: 100% !important;
}

/* ── ESTRELLAS Y RESEÑAS — centradas ───────────────────────── */
/* 1. Centrar el bloque de estrellas + texto "Reseñas" */
#revieStar,
a.revieLink,
.revieLink,
div#revieStar,
.product-info #revieStar,
.product-columns #revieStar {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	text-align: center !important;
	width: 100% !important;
	margin: 0 auto 8px !important;
}
#revieStar .revieLink,
#revieStar a {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 4px !important;
	width: 100% !important;
}
/* El span "55 Reseñas" */
#revieStar span,
a.revieLink span {
	font-size: 12px !important;
	font-weight: 600 !important;
	color: #1c1c1c !important;
	text-align: center !important;
}

/* ── PRECIO PRINCIPAL ──────────────────────────────────────── */
span#price_display, span.js-price-display.h3.font-family-body,
.js-price-display, #price_display, .h3.mb-2.font-weight-bold {
	display: block !important;
	font-weight: 900 !important;
	color: #e62985 !important;
	font-size: 48px !important;
	letter-spacing: -1px !important;
	line-height: 1.1 !important;
	background: none !important;
	animation: qhNeonPulse 2.5s ease-in-out infinite !important;
}
.js-price-display.product-item-price, .product-item-price-container .js-price-display {
	font-size: 24px !important;
	text-align: center !important;
	animation: none !important;
}
@keyframes qhNeonPulse {
	0%, 100% { text-shadow: 0 0 8px rgba(255,0,127,.15); }
	50%       { text-shadow: 0 0 20px rgba(255,0,127,.45); }
}
.price-without-taxes, .js-price-without-taxes-container,
.product-price-container small, .font-small.text-foreground,
.price-container .price-without-taxes, .js-price-container .price-without-taxes,
span.price-without-taxes-label, span.price-without-taxes,
.js-price-without-taxes-container span, .js-price-without-taxes-container .price-without-taxes-label {
	color: rgba(0,0,0,.3) !important;
	font-size: 11px !important;
	font-weight: 400 !important;
}
.js-price-container { display: flex; flex-direction: column; }
.js-price-container.price-container {
	justify-content: center;
	border-bottom: 1px solid #e0e0e0;
	padding-bottom: 15px !important;
	margin-bottom: 15px !important;
}
.js-price-without-taxes-container { justify-content: center; text-align: center; }
.js-price-container .d-flex.align-items-center { justify-content: center; }
#price_display { order: 1 !important; }

/* ── DESCUENTO (oculto) ────────────────────────────────────── */
.product-item-discount, .js-offer-percentage,
.product-item-discount::after, .product-item-discount::before,
.js-offer-percentage::after, .js-offer-percentage::before,
.font-family-body.font-big.text-accent.ml-2, .js-offer-percentage + span {
	display: none !important; visibility: hidden !important;
	opacity: 0 !important; height: 0 !important; width: 0 !important;
	padding: 0 !important; margin: 0 !important; overflow: hidden !important;
	font-size: 0 !important; line-height: 0 !important;
}

/* ── SWEEP EN PRECIO ───────────────────────────────────────── */
.js-price-container .price, .price-container .price {
	background: linear-gradient(90deg,#ff007f,#ff6ec7,#fff,#ff6ec7,#ff007f) !important;
	background-size: 200% auto !important;
	animation: priceSweep 3s linear infinite !important;
	font-weight: 800 !important;
}
@keyframes priceSweep {
	0%   { background-position: 0% center; }
	100% { background-position: 200% center; }
}

/* ── FINANCIACIÓN ──────────────────────────────────────────── */
.js-product-payments-container, .js-modal-open-private.js-fullscreen-modal-open.js-product-payments-container,
div[class*="js-product-payments-container"] {
	background: transparent !important; border: none !important;
	border-radius: 0 !important; box-shadow: none !important;
	padding: 0 !important; order: 3 !important;
}
.js-modal-open-private, .js-fullscreen-modal-open {
	background: transparent !important; border-radius: 0 !important; box-shadow: none !important;
}
.js-max-installments.product-installments {
	display: flex !important; align-items: center !important; justify-content: center !important;
	gap: 6px !important;
	background: #fff !important;
	border: 1.5px solid rgba(28,28,28,.15) !important;
	border-radius: 10px !important;
	box-shadow: 0 1px 6px rgba(0,0,0,.06) !important;
	padding: 14px 18px !important;
	margin: 8px 0 !important;
	width: 100% !important; box-sizing: border-box !important;
	position: relative !important; color: #1c1c1c !important;
}
.js-max-installments.product-installments::before {
	content: "💳 FINANCIACIÓN DISPONIBLE" !important;
	position: absolute !important; top: -10px !important; left: 50% !important;
	transform: translateX(-50%) !important;
	background: #fff !important;
	border: 1px solid rgba(28,28,28,.18) !important;
	color: #ff007f !important;
	font-size: 9px !important; font-weight: 800 !important; letter-spacing: 1.5px !important;
	padding: 2px 12px !important; border-radius: 20px !important; white-space: nowrap !important;
}
.js-max-installments .js-installment-amount, .js-max-installments span.js-installment-amount,
.product-installments .js-installment-amount, .item-installments .js-installment-amount,
.js-max-installments-container .js-installment-amount, .installments-container .js-installment-amount {
	color: #ff007f !important; font-weight: 900 !important; font-size: 18px !important;
}
.js-max-installments span, .product-installments span { color: #1c1c1c !important; font-size: 13px !important; font-weight: 600 !important; }
.js-max-installments .js-installment-price, .js-max-installments .product-installment-value,
.product-installments .js-installment-price { color: #ff007f !important; font-size: 18px !important; font-weight: 800 !important; }
.item-installments, .js-max-installments-container, .js-max-installments, .installments-container {
	display: block !important; visibility: visible !important;
	font-weight: 600 !important; color: #1c1c1c !important; font-size: 13px !important;
	text-align: center !important; margin-top: 5px !important;
}
#btn-installments, a#btn-installments, a.d-inline-block.btn-link.font-small[href="#"] {
	color: #1c1c1c !important; text-decoration: underline !important; opacity: .6 !important;
}
#btn-installments:hover, a#btn-installments:hover { opacity: 1 !important; }
.js-max-installments-container, .js-modal-open-private,
.js-product-payments-container .js-max-installments-container { text-align: center !important; }

/* ── STOCK — OCULTAR banner "QUEDAN POCAS" (urgencia falsa) ── */
/* 2. Ocultar el bloque js-last-product (¡No te lo pierdas, quedan pocas!) */
.js-last-product,
div.js-last-product,
.js-last-product.text-stock,
div.js-last-product.text-stock,
[class*="js-last-product"] {
	display: none !important;
	visibility: hidden !important;
	height: 0 !important;
	overflow: hidden !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* ── STOCK — ALERTA "X unidades disponibles" ───────────────── */
/* 3. Mostrar el stock disponible con estilo de alerta */

/* Ocultar el original de Tiendanube cuando límite=3 (se reemplaza con el nuestro) */
div.text-stock[data-limit="3"], .text-stock.font-big.mb-4[data-limit="3"],
div[class*="text-stock"][data-limit="3"] {
	display: none !important; visibility: hidden !important;
	height: 0 !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important;
}

/* Estilo del bloque de stock disponible (js-latest-products-available) */
.js-latest-products-available.text-stock,
div.js-latest-products-available.text-stock {
	display: flex !important;
	visibility: visible !important;
	opacity: 1 !important;
	height: auto !important;
	overflow: visible !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	width: fit-content !important;
	min-width: 200px !important;
	margin: 0 auto 16px !important;
	padding: 10px 18px !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	letter-spacing: 1.5px !important;
	text-transform: uppercase !important;
	color: #7a4f00 !important;
	background: #fff8e1 !important;
	border: 1.5px solid #f9a825 !important;
	border-left: 4px solid #f9a825 !important;
	border-radius: 6px !important;
	box-shadow: 0 2px 8px rgba(249,168,37,.2) !important;
	animation: none !important;
	position: relative !important;
}
/* Ícono de alerta a la izquierda */
.js-latest-products-available.text-stock::before,
div.js-latest-products-available.text-stock::before {
	content: "⚠" !important;
	display: inline !important;
	position: static !important;
	transform: none !important;
	font-size: 14px !important;
	color: #f9a825 !important;
}
.js-latest-products-available.text-stock::after,
div.js-latest-products-available.text-stock::after {
	display: none !important;
}

/* ── BLOQUE AGREGADO AL CARRITO ────────────────────────────── */
.js-added-to-cart-product-message, .grid.grid-auto-1.mb-4 .js-added-to-cart-product-message,
div.js-added-to-cart-product-message {
	display: none !important; visibility: hidden !important;
	height: 0 !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important;
}

/* ── VARIANTES ─────────────────────────────────────────────── */
.js-product-variants-group .form-group {
	margin-bottom: 12px;
	width: 100% !important; max-width: 280px !important;
	margin-left: auto !important; margin-right: auto !important;
}
.js-product-variants-group label.form-label {
	color: #ff007f !important; font-size: 11px !important; font-weight: 700 !important;
	letter-spacing: 2px !important; text-transform: uppercase !important;
	margin-bottom: 8px !important; display: block !important;
}
.js-product-variants-group .form-select, select.js-variation-option {
	background-color: rgba(255,255,255,.6) !important;
	color: #1c1c1c !important;
	border: 1.5px solid rgba(28,28,28,.2) !important;
	border-radius: 4px 12px 4px 12px !important;
	padding: 12px 16px !important; font-size: 14px !important;
	width: 100% !important; appearance: none !important; cursor: pointer !important;
	transition: all .3s ease !important; box-shadow: none !important;
}
.js-product-variants-group .form-select:hover, select.js-variation-option:hover {
	border-color: #ff007f !important; box-shadow: 0 0 10px rgba(255,0,127,.2) !important;
}
.js-product-variants-group .form-select:focus, select.js-variation-option:focus {
	outline: none !important; border-color: #ff007f !important;
	box-shadow: 0 0 14px rgba(255,0,127,.35) !important;
}
.js-product-variants-group, .js-product-variants {
	display: flex !important; flex-direction: column !important;
	align-items: center !important; width: 100% !important;
}

/* ── BOTÓN AGREGAR AL CARRITO ──────────────────────────────── */
.js-addtocart.btn-primary, input.js-addtocart[type="submit"] {
	background: linear-gradient(135deg,#ff007f,#c0005a) !important;
	border: none !important;
	border-radius: 4px 16px 4px 16px !important;
	color: #fff !important;
	font-weight: 800 !important; letter-spacing: 2px !important;
	text-transform: uppercase !important; font-size: 14px !important;
	padding: 16px 24px !important; width: 100% !important;
	cursor: pointer !important; position: relative !important; overflow: hidden !important;
	transition: all .3s ease !important;
	animation: qhCartPulse 2.8s ease-in-out infinite !important;
}
@keyframes qhCartPulse {
	0%, 100% { box-shadow: 0 4px 20px rgba(255,0,127,.4); transform: scale(1); }
	50%       { box-shadow: 0 6px 32px rgba(255,0,127,.75), 0 0 0 6px rgba(255,0,127,.08); transform: scale(1.012); }
}
.js-addtocart.btn-primary:hover, input.js-addtocart[type="submit"]:hover {
	animation: none !important;
	transform: translateY(-2px) scale(1.015) !important;
	box-shadow: 0 10px 36px rgba(255,0,127,.7) !important;
	background: linear-gradient(135deg,#ff2d96,#ff007f) !important;
}
.js-addtocart.btn-primary:active, input.js-addtocart[type="submit"]:active {
	animation: none !important; transform: scale(.96) !important;
}
.js-product-form {
	border-bottom: 1px solid #e0e0e0;
	padding-bottom: 15px !important; margin-bottom: 15px !important;
}

/* ── CANTIDAD ──────────────────────────────────────────────── */
.form-quantity.js-quantity, .form-quantity {
	display: inline-flex !important; align-items: center !important;
	background: #1c1c1c !important;
	border: 1px solid #ff007f !important;
	border-radius: 4px 14px 4px 14px !important;
	overflow: hidden !important;
	box-shadow: 0 0 10px rgba(255,0,127,.25) !important;
}
.js-quantity-down, .js-quantity-up, span.js-quantity-down, span.js-quantity-up {
	background: transparent !important; color: #ff007f !important; border: none !important;
	width: 40px !important; height: 40px !important;
	font-size: 20px !important; font-weight: 700 !important;
	cursor: pointer !important; transition: background .2s ease !important;
	display: flex !important; align-items: center !important; justify-content: center !important;
}
.js-quantity-down:hover, .js-quantity-up:hover { background: rgba(255,0,127,.15) !important; }
.js-quantity-down svg, .js-quantity-up svg { fill: #ff007f !important; width: 14px !important; height: 14px !important; }
.js-quantity-input, input.js-quantity-input {
	background: transparent !important; color: #fff !important; border: none !important;
	border-left: 1px solid rgba(255,0,127,.3) !important;
	border-right: 1px solid rgba(255,0,127,.3) !important;
	width: 48px !important; text-align: center !important;
	font-size: 16px !important; font-weight: 700 !important;
}
.form-quantity-container {
	display: flex !important; justify-content: center !important;
	align-items: center !important; gap: 12px !important;
}

/* ── BOTONES GENÉRICOS ─────────────────────────────────────── */
.btn-primary, .btn.btn-primary, button.btn-primary, .btn-add-to-cart {
	background-color: #e62985 !important; border-color: #e62985 !important; color: #fff !important;
}
.btn-primary:hover, .btn.btn-primary:hover {
	background-color: #d11f75 !important; border-color: #d11f75 !important;
}

/* ── DESCRIPCIÓN ───────────────────────────────────────────── */
.product-description, .user-content, .js-product-description,
p, .user-content p, .user-content ul, .user-content ol, .user-content li, li { color: #000 !important; }
.product-description-container { max-height: 200px; overflow: hidden; position: relative; transition: max-height .5s ease; }
.product-description-container.expanded { max-height: none; }
.product-description-container:not(.expanded)::after {
	content: ""; position: absolute; bottom: 0; left: 0;
	width: 100%; height: 60px;
	background: linear-gradient(transparent, white);
}
.ver-mas-detalles, a.ver-mas-detalles, .js-show-description, .product-description-footer a, .user-content a {
	color: #000 !important; text-decoration: underline !important;
}

/* ── RESEÑAS / ESTRELLAS (ficha producto) ──────────────────── */
.titleRevie { color: #e62985 !important; }
#revieStar i, [data-starlist] i {
	color: #ffd700 !important;
	filter: drop-shadow(0 0 3px rgba(255,215,0,.6)) !important;
	font-size: 14px !important;
}

/* ── ENVÍO Y DEVOLUCIONES ──────────────────────────────────── */
.product-return-policy .font-weight-bold { color: #e62985 !important; }
.js-product-shipping-label, .product-shipping-label, .mb-1.font-weight-bold,
.product-shipping-info, .js-shipping-info, .product-return-policy .font-small, .js-return-policy-info { color: #000 !important; }
.icon-shield, .product-detail-info svg, .icon-return, .product-return-policy svg { fill: #000 !important; color: #000 !important; }
.js-shipping-calculator-container { border-top: 1px solid #e0e0e0; padding-top: 15px !important; margin-top: 15px !important; }
.shipping-calculator-label, .js-shipping-calculator-label, .js-shipping-calculator-link, .shipping-calculator-link { color: #000 !important; }
.js-shipping-calculator-link, .shipping-calculator-link { text-decoration: underline !important; }
.js-shipping-calculator-button, .shipping-calculator-button {
	background-color: #fff !important; color: #000 !important;
	border: 2px solid #000 !important; font-weight: bold !important;
}
.js-shipping-calculator-button:hover, .shipping-calculator-button:hover {
	background-color: #000 !important; color: #fff !important;
}
.js-shipping-input, .shipping-calculator-input { border-color: #000 !important; color: #000 !important; }
.breadcrumbs.font-small.mb-2 { visibility: hidden; }

/* ── MULTIPRECIO ───────────────────────────────────────────── */
#multipricing-container { order: 4 !important; display: block !important; font-weight: bold !important; color: #e62985 !important; }
.multipricing-above-container { font-weight: bold; color: #e62985; }
#amobutton { display: none !important; }

/* ── MODAL CUOTAS ──────────────────────────────────────────── */
#installments-modal .modal-body, #installments-modal .js-tab-container,
#installments-modal .js-payment-method-title, #installments-modal .font-big,
#installments-modal span, #installments-modal td, #installments-modal div { color: #1c1c1c !important; }
#installments-modal .js-installments-one-payment strong, #installments-modal .js-price-display,
#installments-modal table td:first-child, #installments-modal .js-payment-method-total strong,
#installments-modal table .font-small, #installments-modal table td:last-child { color: #e6298a !important; }
#installments-modal .modal-header { color: #1c1c1c !important; }
#installments-modal .tab-group .tab-link { color: #1c1c1c !important; }
#installments-modal .tab-group .tab-link.active { color: #e6298a !important; border-color: #e6298a !important; }

/* ════════════════════════════════════════════════════════════
   CARRITO
   ════════════════════════════════════════════════════════════ */
#shoppingCartPage{background:#1c1c1c!important;border:1px solid #2a2a2a!important;border-radius:12px!important;padding:0!important;margin-top:20px!important;margin-bottom:40px!important;overflow:hidden!important;box-shadow:0 0 40px rgba(0,0,0,.5)!important}
#shoppingCartPage .page-header{text-align:center!important;padding:28px 20px 22px!important;background:linear-gradient(180deg,#242424 0%,#1c1c1c 100%)!important;border-bottom:1px solid #2a2a2a!important;position:relative!important;margin-bottom:0!important}
#shoppingCartPage .page-header::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:80px;height:2px;background:#ff007f;box-shadow:0 0 10px rgba(255,0,127,.5)}
#shoppingCartPage .page-header h1,#shoppingCartPage .page-header h2,#shoppingCartPage .page-header .h1,#shoppingCartPage .page-header .h2{color:#fff!important;font-weight:bold!important;letter-spacing:4px!important;text-transform:uppercase!important;font-size:22px!important;border:none!important;padding:0!important;margin:0!important}
#shoppingCartPage>form.visible-when-content-ready{padding:24px!important}
#shoppingCartPage .cart-page-content{gap:24px!important}
#shoppingCartPage,#shoppingCartPage span,#shoppingCartPage div,#shoppingCartPage label,#shoppingCartPage p{color:#ccc}
#shoppingCartPage a{color:#ccc;transition:color .2s}
#shoppingCartPage .js-cart-item{background:#222!important;border:1px solid #2a2a2a!important;border-radius:10px!important;padding:18px!important;margin-bottom:10px!important;transition:all .3s ease!important;position:relative!important;overflow:hidden!important}
#shoppingCartPage .js-cart-item::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#ff007f;opacity:0;transition:opacity .3s;z-index:1}
#shoppingCartPage .js-cart-item:hover{border-color:#333!important;background:#262626!important}
#shoppingCartPage .js-cart-item:hover::before{opacity:1}
#shoppingCartPage .cart-item-image-container{background:#1a1a1a!important;border:1px solid #2a2a2a!important;border-radius:8px!important;overflow:hidden!important}
#shoppingCartPage a.cart-item-name{color:#e0e0e0!important;font-weight:700!important;font-size:13px!important;text-decoration:none!important}
#shoppingCartPage a.cart-item-name:hover{color:#ff007f!important}
#shoppingCartPage .cart-item-variant{color:#555!important;font-size:9px!important;letter-spacing:3px!important;text-transform:uppercase!important}
#shoppingCartPage .cart-item-label{color:#ff007f!important;font-size:10px!important;background:rgba(255,0,127,.08)!important;padding:3px 8px!important;border-radius:4px!important;border:1px solid rgba(255,0,127,.15)!important}
#shoppingCartPage .cart-item-delete .btn.btn-link,#shoppingCartPage .cart-item-delete-button{color:#444!important;background:transparent!important}
#shoppingCartPage .cart-item-delete .btn.btn-link:hover,#shoppingCartPage .cart-item-delete-button:hover{color:#f44!important}
#shoppingCartPage .js-quantity.form-quantity{background:#1a1a1a!important;border:1px solid #2a2a2a!important;border-radius:8px!important;overflow:hidden!important}
#shoppingCartPage .js-cart-quantity-btn{color:#ff007f!important;background:transparent!important}
#shoppingCartPage .js-cart-quantity-btn svg{fill:#ff007f!important}
#shoppingCartPage .cart-item-subtotal .js-cart-item-subtotal,#shoppingCartPage div.js-cart-item-subtotal{color:#ff007f!important;font-weight:800!important;font-size:18px!important}
#shoppingCartPage .cart-page-fulfillment{background:#222!important;border:1px solid #2a2a2a!important;border-radius:10px!important;padding:20px!important;margin-top:14px!important}
#shoppingCartPage .cart-page-fulfillment *{color:#ccc!important}
#shoppingCartPage .cart-page-fulfillment .text-accent{color:#ff007f!important}
#shoppingCartPage input.js-shipping-input{background:#1a1a1a!important;border:1px solid #2a2a2a!important;color:#fff!important;font-size:14px!important}
#shoppingCartPage input.js-shipping-input:focus{border-color:#ff007f!important;box-shadow:0 0 0 3px rgba(255,0,127,.1)!important;outline:none!important}
#shoppingCartPage .input-append{background:#1a1a1a!important;border:1px solid #2a2a2a!important;border-radius:8px!important;overflow:hidden!important}
#shoppingCartPage .input-append input{background:transparent!important;color:#fff!important;border:none!important}
#shoppingCartPage .js-calculate-shipping.btn.btn-inline{background:transparent!important;color:#ff007f!important;border:1px solid #ff007f!important;font-weight:700!important}
#shoppingCartPage .js-calculate-shipping.btn.btn-inline:hover{background:#ff007f!important;color:#fff!important}
#shoppingCartPage .js-shipping-calculator-change-zipcode,#shoppingCartPage a.btn-link.font-small{color:#ff007f!important}
#shoppingCartPage .js-shipping-radio{background:#1a1a1a!important;border:1px solid #2a2a2a!important;border-radius:8px!important;margin-bottom:6px!important}
#shoppingCartPage .js-shipping-radio.selected{border-color:#ff007f!important}
#shoppingCartPage .radio-button-icon.checked{border-color:#ff007f!important;background:#ff007f!important}
#shoppingCartPage .radio-button-content,.radio-button-label{color:#ccc!important}
#shoppingCartPage .js-bar-progress.bar-progress{background:#2a2a2a!important;border-radius:10px!important;overflow:hidden!important;height:4px!important}
#shoppingCartPage .js-bar-progress-active.bar-progress-active{background:linear-gradient(90deg,#ff007f,#ff4da6)!important;border-radius:10px!important}
#shoppingCartPage #cart-sticky-summary.cart-page-totals{background:#181818!important;border:1px solid #2a2a2a!important;border-radius:12px!important;padding:24px 20px!important;position:relative!important;overflow:hidden!important}
#shoppingCartPage #cart-sticky-summary::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#ff007f,transparent)}
#shoppingCartPage .js-cart-total{color:#ff007f!important;font-weight:800!important;font-size:28px!important;letter-spacing:1px!important}
#shoppingCartPage .js-total-promotions,#shoppingCartPage .js-total-promotions *{color:#ff007f!important}
#shoppingCartPage #go-to-checkout{background:#ff007f!important;border:none!important;color:#fff!important;font-weight:800!important;font-size:13px!important;letter-spacing:4px!important;text-transform:uppercase!important;border-radius:8px!important;padding:16px 24px!important;cursor:pointer!important;transition:all .3s ease!important}
#shoppingCartPage #go-to-checkout:hover{box-shadow:0 0 30px rgba(255,0,127,.4)!important;transform:translateY(-2px)!important}
#shoppingCartPage .alert-danger{background:rgba(255,68,68,.08)!important;border:1px solid rgba(255,68,68,.2)!important;color:#f44!important;border-radius:8px!important}
#shoppingCartPage .alert-info{background:rgba(255,0,127,.05)!important;border:1px solid rgba(255,0,127,.15)!important;color:#ccc!important;border-radius:10px!important;padding:40px!important;font-size:12px!important;letter-spacing:3px!important;text-transform:uppercase!important}

/* ════════════════════════════════════════════════════════════
   ACCORDION CONTACTO
   ════════════════════════════════════════════════════════════ */
.js-accordion-private-content ul.list-unstyled li a[href*="to=RRHH@quantumhardstore.com"]::after{content:"RRHH@quantumhardstore.com";display:block;font-size:.85em;color:#a0a0a0;text-decoration:none!important;margin-top:2px;pointer-events:none}
.js-accordion-private-content ul.list-unstyled li a[href*="maps.app.goo.gl/PbUfftPx8FJGDdeA9"]::after{content:"Marcelo T. de Alvear 720, Microcentro";display:block;font-size:.85em;color:#a0a0a0;text-decoration:none!important;margin-top:2px;pointer-events:none}
.js-accordion-private-content ul.list-unstyled li a[href*="to=Ventas@quantumhardstore.com"]::after{content:"Ventas@quantumhardstore.com";display:block;font-size:.85em;color:#a0a0a0;text-decoration:none!important;margin-top:2px;pointer-events:none}

/* ════════════════════════════════════════════════════════════
   RESPONSIVE MOBILE  (max-width: 768px)
   ════════════════════════════════════════════════════════════ */
@media(max-width:768px){
.js-product-grid{display:flex!important;flex-wrap:wrap!important;flex-direction:row!important;gap:10px!important;padding:0 8px!important;box-sizing:border-box!important;justify-content:space-between!important;align-items:stretch!important}
.js-product-grid .qh-card.js-item-product,.js-product-grid .qh-card.product-item{width:calc(50% - 5px)!important;max-width:calc(50% - 5px)!important;height:auto!important;margin:0!important;padding:0!important;box-sizing:border-box!important}
.js-product-grid .qh-card .js-product-item-image-container{max-height:130px!important;padding:10px 8px 6px!important}
.js-product-grid .qh-card .js-product-item-image-container img{max-height:115px!important;max-width:85%!important}
.js-product-grid .qh-card .qh-card-name,.js-product-grid .qh-card .js-item-name{font-size:10px!important}
.js-product-grid .qh-price-main,.js-product-grid .qh-card .js-price-display{font-size:17px!important}
.js-product-grid .qh-card .item-installments,.js-product-grid .qh-card .custom-installments,.js-product-grid .qh-card .qh-installments{font-size:8px!important;margin-top:4px!important;padding-top:4px!important}
.js-product-grid .qh-card .btn-primary{font-size:8.5px!important;padding:8px 6px!important}
.section-featured-home .swiper-container,.section-featured-home .js-swiper-featured,.js-swiper-featured,.js-swiper-home{padding:0!important;overflow:hidden!important}
.section-featured-home .qh-card .js-product-item-image-container{max-height:110px!important;padding:8px!important}
.section-featured-home .qh-card .js-product-item-image-container img{max-height:95px!important;max-width:80%!important}
.section-featured-home .qh-card .qh-card-name,.section-featured-home .qh-card .js-item-name{font-size:9px!important;line-height:1.3!important;margin-bottom:4px!important}
.section-featured-home .qh-price-main,.section-featured-home .qh-card .js-price-display{font-size:15px!important}
.section-featured-home .qh-card .item-installments,.section-featured-home .qh-card .custom-installments,.section-featured-home .qh-card .qh-installments{font-size:7.5px!important;margin-top:2px!important;padding-top:2px!important}
.section-featured-home .qh-card .btn-primary{font-size:8px!important;padding:7px 4px!important;margin-top:6px!important;border-radius:6px!important}
.js-swiper-categories .swiper-slide{margin:0 10px!important;min-width:80px!important}
.js-swiper-categories{overflow-x:auto!important}
.js-swiper-categories .swiper-wrapper{justify-content:flex-start!important}
#shoppingCartPage{margin-top:10px!important;margin-bottom:20px!important;border-radius:8px!important}
#shoppingCartPage>form.visible-when-content-ready{padding:16px!important}
#shoppingCartPage .page-header h1,#shoppingCartPage .page-header h2{font-size:18px!important}
#shoppingCartPage .js-cart-item{padding:14px!important}
#shoppingCartPage div.js-cart-item-subtotal{font-size:16px!important}
#shoppingCartPage #cart-sticky-summary.cart-page-totals{padding:20px 16px!important;margin-top:20px!important}
#shoppingCartPage .js-cart-total{font-size:24px!important}
#shoppingCartPage #go-to-checkout{padding:14px 20px!important;font-size:12px!important}
}
/* ── FIN DEL ARCHIVO MAESTRO ─────────────────────────────── */