
@media (max-width:768px) {
	.modal-nav-hamburger .nav-list-link {
		padding: 13px !important;
	}
}

.manuals-intro {
	width: 100%;
	text-align: center;
	margin-bottom: 24px;
}

.manuals-intro p {
	font-size: 16px;
	font-weight: 500;
	margin: 0;
}

.manuals-page {
	width: 100%;
	display: flex;
	justify-content: center;
}

.manuals-grid {
	width: 100%;
	max-width: 1200px;
	padding: 20px;
	display: grid;
	grid-template-columns: 1fr;
	gap: 20px;
}

@media (min-width:769px) {
	.manuals-grid {
		grid-template-columns: repeat(4, 1fr);
	}
}

.manual-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-decoration: none;
	color: inherit;
}

.manual-card img {
	width: 100%;
	object-fit: cover;
	border-radius: 12px;
	display: block;
}

.manual-card span {
	margin-top: 10px;
	font-size: 15px;
	font-weight: 500;
	text-align: center;
}

@media (min-width:769px) {
	.user-content .row {
		justify-content: center;
	}
	
	.user-content .col-md-8 {
		margin-left: auto;
		margin-right: auto;
		float: none;
	}
	
	.line-banner {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		margin-bottom: 30px;
	}
	
	.line-texto {
		text-align: center;
	}
	
	.line-titulo, .line-descripcion {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	
	.line-grid {
		justify-content: center;
		align-items: center;
	}
	
	.line-producto {
		margin-left: auto;
		margin-right: auto;
	}
	
	.line-products-grid {
		justify-content: center;
		margin-left: auto;
		margin-right: auto;
	}
	
	.line-card {
		margin-left: auto;
		margin-right: auto;
	}
}

.line-wrapper {
	padding: 80px 0;
	max-width: 1100px;
	margin: 0 auto;
}

.line-grid {
	display: grid;
	grid-template-columns: 420px 1fr;
	gap: 80px;
	align-items: center;
}

.line-producto {
	max-width: 420px;
	width: 100%;
}

.line-products-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px;
}

.line-card {
	display: block;
	text-align: center;
	text-decoration: none;
	color: inherit;
}

.line-card img {
	width: 100%;
	object-fit: cover;
	transition: transform .4s ease;
}

@media (hover:hover) {
	.line-card:hover img {
		transform: scale(1.03);
	}
}

.line-nombre {
	display: block;
	margin-top: 14px;
	font-size: 13px;
	letter-spacing: 1px;
	opacity: .85;
}

.line-titulo {
	font-size: 22px;
	margin-bottom: 25px;
}

.line-descripcion {
	font-size: 14px;
	line-height: 1.7;
	opacity: .85;
	margin-bottom: 35px;
	max-width: 520px;
	text-align: center;
}

.line-caracteristicas {
	list-style: none;
	padding: 0;
	margin: 0;
}

.line-caracteristicas li {
	font-size: 13px;
	padding: 7px 0;
	letter-spacing: .4px;
	opacity: .9;
}

@media (max-width:768px) {
	.line-banner {
		width: 100vw;
		margin-left: calc(50% - 50vw);
	}
	
	.line-banner img {
		width: 100%;
		height: auto;
		display: block;
		margin-bottom: 25px;
	}
	
	.line-wrapper {
		padding: 50px 20px;
	}
	
	.line-grid {
		grid-template-columns: 1fr;
		gap: 40px;
	}
	
	.line-producto {
		margin: 0 auto;
	}
	
	.line-products-grid {
		gap: 16px;
	}
	
	.line-titulo {
		text-align: center;
	}
}

.gocuotas-info-container-product {
	display: none !important;
}

.js-footer .mb-4 {
	display: none !important;
}

.js-footer ul.list {
	column-count: 2 !important;
	column-gap: 80px !important;
	max-width: 394px !important;
	margin: 0 auto !important;
	padding: 0 !important;
	list-style: none !important;
	display: block !important;
	transform: translateX(12px) !important;
}

.js-footer ul.list li {
	break-inside: avoid !important;
	page-break-inside: avoid !important;
	margin: 0 0 4px !important;
	display: block !important;
	width: 100% !important;
}

@media (max-width:767px) {
	.js-footer ul.list {
		column-gap: 30px !important;
		max-width: 280px !important;
		transform: none !important;
	}
}

@media (min-width:1024px) {
	#experiencia-crosby .calendly-inline-widget {
		height: 700px !important;
	}
}

#experiencia-crosby .calendly-inline-widget, #experiencia-crosby .calendly-inline-widget * {
	margin: 0 !important;
}

.section-experiencia-crosby .section-title {
	margin-bottom: 0 !important;
}

@media (max-width:768px) {
	.section-experiencia-crosby .section-title {
		font-size: 28px !important;
	}
}

footer .col.p-3 {
	padding: 0 !important;
}

.footer-menu-item {
	margin: 0px 0px 10px;
}

.powered-by {
	width: 100%;
	text-align: center;
	font-size: 12px;
	opacity: .7;
}

.powered-by strong {
	font-weight: 600;
}

.section-custom-center .row-grid {
	justify-content: center !important;
}

.js-institutional-message-title.mb-3 {
	font-size: 18px !important;
	font-weight: 700 !important;
}

@media (max-width:768px) {
	.section-instafeed-home[data-store="home-instagram-feed"] .row, .section-instafeed-home[data-store="home-instagram-feed"] .js-ig-success {
		display: block !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	
	.section-instafeed-home[data-store="home-instagram-feed"] .js-ig-success {
		display: grid !important;
		grid-template-columns: repeat(6, 1fr) !important;
		grid-auto-rows: 1fr !important;
		gap: 4px !important;
		width: 100% !important;
	}
	
	.section-instafeed-home .instafeed-col, .section-instafeed-home .col-4, .section-instafeed-home .col-grid, .section-instafeed-home .col-md-3 {
		width: auto !important;
		max-width: none !important;
		flex: none !important;
		padding: 0 !important;
		margin: 0 !important;
		position: relative !important;
		overflow: hidden !important;
		border-radius: 6px !important;
		background: #000 !important;
	}
	
	.section-instafeed-home .instafeed-link, .section-instafeed-home .instafeed-img {
		display: block !important;
		width: 100% !important;
		height: 100% !important;
	}
	
	.section-instafeed-home .instafeed-img {
		object-fit: cover !important;
		object-position: center !important;
		transition: transform .3s ease, filter .3s ease !important;
	}
	
	.section-instafeed-home .instafeed-img:hover {
		transform: scale(1.05) !important;
		filter: brightness(1.2) !important;
	}
	
	.section-instafeed-home .instafeed-col:nth-child(1) {
		grid-column: 1/span 4 !important;
		grid-row: 1/span 4 !important;
	}
	
	.section-instafeed-home .instafeed-col:nth-child(2) {
		grid-column: 5/span 2 !important;
		grid-row: 1/span 2 !important;
	}
	
	.section-instafeed-home .instafeed-col:nth-child(3) {
		grid-column: 5/span 2 !important;
		grid-row: 3/span 2 !important;
	}
	
	.section-instafeed-home .instafeed-col:nth-child(4) {
		grid-column: 1/span 2 !important;
		grid-row: 5/span 2 !important;
	}
	
	.section-instafeed-home .instafeed-col:nth-child(5) {
		grid-column: 3/span 2 !important;
		grid-row: 5/span 2 !important;
	}
	
	.section-instafeed-home .instafeed-col:nth-child(6) {
		grid-column: 5/span 2 !important;
		grid-row: 5/span 2 !important;
	}
}

#modal-cart .js-shipping-calculator-response, #modal-cart .js-shipping-calculator-response * {
	font-size: 12px !important;
	line-height: 1.25 !important;
}

#modal-cart .js-shipping-calculator-response .form-label {
	font-size: 13px !important;
	font-weight: 600 !important;
}

#modal-cart .shipping-option-name {
	font-size: 12px !important;
	font-weight: 500 !important;
}

#modal-cart [data-component="option.date"] {
	font-size: 11px !important;
	opacity: .7 !important;
}

#modal-cart [data-component="option.price"] p {
	font-size: 12px !important;
}

#modal-cart .price-compare {
	font-size: 10px !important;
}

#modal-cart .js-toggle-more-shipping-options a {
	font-size: 11px !important;
}

#modal-cart .js-shipping-calculator-response * {
	margin-top: 2px !important;
	margin-bottom: 2px !important;
}

#modal-cart .js-shipping-list-item {
	margin-top: 2px !important;
	margin-bottom: 2px !important;
	padding-top: 6px !important;
	padding-bottom: 6px !important;
}

#modal-cart .form-label {
	margin-top: 4px !important;
	margin-bottom: 4px !important;
}

#modal-cart .js-cart-item {
	margin-bottom: 1px !important;
}

#modal-cart .cart-row {
	margin-top: 2px !important;
	margin-bottom: 2px !important;
}

#modal-cart .cart-fulfillment-info * {
	margin-top: 2px !important;
	margin-bottom: 2px !important;
}

.template-product .js-product-discount-container.mb-2.font-small {
	text-transform: uppercase !important;
}

#modal-cart .col-12 {
	padding-top: 5px !important;
}

.ship-free-rest-message .ship-free-rest-text {
	font-size: 13px;
}

#modal-cart .h2, #modal-cart .font-huge, #modal-cart .modal-header {
	font-size: 18px !important;
	font-weight: 600 !important;
}

#modal-cart .js-cart-subtotal, #modal-cart .js-cart-total {
	font-size: 18px !important;
	font-weight: 600 !important;
}

.precio-transferencia-cart {
	font-weight: 400 !important;
}

#modal-cart .ship-free-rest-message, #modal-cart .ship-free-rest-text, #modal-cart [class*="bar-progress"] {
	display: none !important;
}

#modal-cart .js-shipping-calculator-response .font-small.mb-4 {
	display: none !important;
}

#modal-cart .js-modal-close.js-fullscreen-modal-close.btn-link {
	display: none !important;
}

.crosby-cart-item-premium {
	width: 100%;
	text-align: left;
}

.crosby-cart-img {
	display: flex;
	justify-content: center;
	margin-bottom: 12px;
}

.crosby-cart-img img {
	width: 140px !important;
	height: 140px !important;
	object-fit: contain !important;
	border-radius: 12px !important;
	background: #f8f8f6 !important;
	padding: 8px !important;
}

.crosby-cart-info {
	display: grid;
	grid-template-columns: 1fr auto auto auto;
	align-items: center;
	padding: 0 4px;
	gap: 8px;
}

.crosby-cart-name {
	font-size: 13px !important;
	font-weight: 600 !important;
	color: #0e0d12 !important;
	text-decoration: none !important;
	flex: 1;
	min-width: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.crosby-cart-qty {
	flex-shrink: 0;
}

.crosby-cart-qty .form-group {
	margin-bottom: 0 !important;
}

.crosby-cart-qty .form-quantity {
	border-radius: 8px !important;
	border: none !important;
	overflow: hidden !important;
	display: inline-flex !important;
	align-items: center !important;
	height: 28px !important;
}

.crosby-cart-qty .form-quantity .form-row {
	flex-wrap: nowrap !important;
	align-items: center !important;
	margin: 0 !important;
}

.crosby-cart-qty .form-quantity-icon {
	width: 28px !important;
	height: 28px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 !important;
}

.crosby-cart-qty .form-quantity input {
	width: 20px !important;
	height: 28px !important;
	font-size: 18px !important;
	font-weight: 600 !important;
	padding: 0 !important;
	margin: 0 !important;
	line-height: 28px !important;
	text-align: center !important;
	border: none !important;
}

.crosby-cart-qty .form-control-container {
	padding: 0 !important;
}

.crosby-cart-price {
	font-size: 14px !important;
	font-weight: 600 !important;
	color: #0e0d12 !important;
	white-space: nowrap;
	flex-shrink: 0;
}

.crosby-cart-remove {
	background: none;
	border: none;
	font-size: 18px;
	color: #ccc;
	padding: 0 0 0 4px;
	cursor: pointer;
	line-height: 1;
	flex-shrink: 0;
}

#modal-cart .cart-item {
	border-bottom: 1px solid #f0f0f0 !important;
	padding-bottom: 16px !important;
	margin-bottom: 16px !important;
}

#modal-cart .js-installments-cart-total {
	display: none !important;
}

#modal-cart .gocuotas-info-container-cart {
	display: none !important;
}

#modal-cart .precio-transferencia-cart, #modal-cart .precio-credito-cart, #modal-cart .precio-gocuotas-cart {
	text-align: left !important;
	font-size: 12px !important;
	line-height: 2 !important;
	font-weight: 400 !important;
}

.crosby-cart-trust {
	display: flex;
	justify-content: center;
	gap: 16px;
	padding: 12px 0;
	margin-bottom: 8px;
}

.cct-item {
	display: flex;
	align-items: center;
	gap: 4px;
}

.cct-item svg {
	width: 12px;
	height: 12px;
	flex-shrink: 0;
}

.cct-item span {
	font-size: 9px;
	letter-spacing: .5px;
	color: #888;
	text-transform: uppercase;
	font-weight: 500;
}

.powered-by-logo {
	display: none !important;
}

.custom-seal-code {
	display: none !important;
}

.js-footer .row.text-center {
	display: none !important;
}

.js-footer .my-2 {
	display: none !important;
}

.js-footer .d-inline-block.mr-md-2.font-smallest {
	display: block !important;
	font-size: 10px !important;
	color: #999 !important;
	margin-bottom: 8px !important;
	letter-spacing: .2px !important;
	text-align: left !important;
}

.js-footer .claim-link {
	font-size: 10px !important;
	color: #999 !important;
	display: block !important;
	margin-top: 0 !important;
	letter-spacing: .2px !important;
	text-align: left !important;
}

.js-footer .claim-link span.d-inline-block {
	display: block !important;
	margin-bottom: 8px !important;
	font-size: 10px !important;
}

.js-footer .claim-link a {
	font-size: 10px !important;
	display: inline !important;
	width: auto !important;
}

.js-footer .claim-link a[data-component="order-cancellation"] {
	display: block !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.js-footer .claim-link .mx-1 {
	display: none !important;
}

.js-footer ul.list {
	text-align: left !important;
}

.js-footer .footer-menu-item {
	text-align: left !important;
}

.js-footer .footer-menu-link {
	text-align: left !important;
}

.js-footer {
	padding-top: 24px !important;
	padding-bottom: 16px !important;
}

a[href*="wa.me"] {
	background: #fff !important;
	border-radius: 50%;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, .15);
}

a[href*="wa.me"] svg {
	filter: brightness(0);
}

@media (max-width:768px) {
	.swiper-button-prev, .swiper-button-next {
		top: 45% !important;
		transform: translateY(-50%) !important;
	}
}

@media (max-width:768px) {
	.template-product .js-swiper-product-thumbs {
		position: relative !important;
		margin-top: 15px !important;
		width: 100% !important;
		height: auto !important;
		display: block !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		white-space: nowrap;
	}
	
	.template-product .js-swiper-product-thumbs .swiper-wrapper {
		flex-direction: row !important;
		width: max-content !important;
	}
	
	.template-product .js-swiper-product-thumbs .swiper-slide {
		width: 85px !important;
		height: 85px !important;
		margin-right: 10px !important;
		margin-bottom: 0 !important;
	}
	
	.template-product .col-md-auto.d-none.d-md-block.pr-0 {
		display: block !important;
	}
	
	.template-product .col-md-auto.d-none.d-md-block.pr-0 {
		order: 2 !important;
		width: 100% !important;
	}
	
	.template-product .swiper-product-thumb-control {
		display: none !important;
	}
}

body.template-category .page-header {
	display: none !important;
}

.js-price-display.item-price {
	font-size: 18px !important;
	display: inline-block !important;
	padding-top: 6px !important;
	padding-bottom: 6px !important;
}

.product-item-image-container .js-item-image-padding {
	padding-bottom: 120% !important;
}

.js-max-installments.product-installments.installment-no-interest {
	text-transform: uppercase !important;
}

.instafeed-img[src="null"], .instafeed-img[data-src="null"] {
	visibility: hidden !important;
}

.instafeed-link[href="https://www.instagram.com/p/DQ4vRbdEY18/"] {
	display: block !important;
	width: 100%;
	padding-top: 100%;
	position: relative;
	background-image: url("https://res.cloudinary.com/dlr5gi0fh/image/upload/v1764291865/SaveClip.App_581307871_17922811098189825_6067614037018637488_n_o39hck.jpg");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.instafeed-link[href="https://www.instagram.com/p/DQ4vRbdEY18/"] .instafeed-img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.js-max-installments-container .js-max-installments.product-installments.installment-no-interest {
	font-size: 14px !important;
}

body.template-product .js-price-display {
	font-size: 20px !important;
}

@media (max-width:768px) {
	.js-home-sections-container section {
		padding-top: 0 !important;
	}
	
	.js-max-installments.product-installments.installment-no-interest, .js-max-installments.product-installments.installment-no-interest span {
		font-size: 12px !important;
	}
	
	#related-products .js-item-name {
		font-size: 14px !important;
	}
	
	#related-products .js-price-display.item-price {
		font-size: 17px !important;
	}
	
	#related-products .js-max-installments, #related-products .js-max-installments span, #related-products .product-installments, #related-products .product-installments span {
		margin-top: -3px !important;
		text-align: center !important;
		font-size: 11px !important;
	}
	
	.head-logo-row {
		margin: 5px !important;
	}
	
	.template-category .js-item-product.col-12.col-md-4.item-product.col-grid {
		padding-bottom: 20px !important;
	}
	
	.template-product .js-max-installments.product-installments.installment-no-interest {
		text-transform: uppercase !important;
		text-align: left !important;
		padding-top: 12px;
		font-size: 12px !important;
	}
	
	.template-product .js-product-discount-container.mb-2.font-small {
		text-transform: uppercase !important;
		text-align: left !important;
		font-size: 12px !important;
	}
	
	#btn-installments {
		text-align: left !important;
		display: block !important;
		font-size: 12px !important;
		color: #3f3f3f !important;
	}
	
	.template-product .js-free-shipping-minimum-message.free-shipping-message.font-small.mt-2.mb-4 {
		display: none !important;
	}
	
	body.template-product .js-product-name {
		font-size: 24px !important;
	}
	
	.js-price-container {
		margin-bottom: 0 !important;
	}
	
	body.template-product .breadcrumbs, body.template-product .breadcrumbs-container {
		display: none !important;
	}
	
	#nav-hamburger .nav-list-link {
		font-size: 18px !important;
		padding-top: 8px !important;
		padding-bottom: 8px !important;
	}

	#nav-hamburger .modal-body.nav-body {
		position: relative;
		padding-top: 56px !important;
	}

	#nav-hamburger .modal-body.nav-body::before {
		content: "";
		position: absolute;
		top: 14px;
		left: 50%;
		transform: translateX(-50%);
		width: 84px;
		height: 32px;
		background-image: url("https://res.cloudinary.com/dlr5gi0fh/image/upload/v1764282132/CROSBY_Logotipo_1_ui9hnq.webp");
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
	}
}

/* ============================================================
   CROSBY - Menu mobile: descriptor + precio-desde por linea (P0.2)
   Descriptor = texto fijo. Precio = HARDCODED (validado 2026-06-15).
   TODO: migrar precio-desde a dinamico (min real de la categoria).
   Revisar estos precios tras CADA importacion de catalogo.
   ============================================================ */
@media (max-width:768px) {
	/* El <a> del nav es flex -> forzar block para que el descriptor caiga DEBAJO del nombre */
	#nav-hamburger .nav-list-link[href*="edicion-mundial"],
	#nav-hamburger .nav-list-link[href="/s-line/"],
	#nav-hamburger .nav-list-link[href="/u-line/"],
	#nav-hamburger .nav-list-link[href="/t-line/"],
	#nav-hamburger .nav-list-link[href="/n-line/"],
	#nav-hamburger .nav-list-link[href="/m-line/"] {
		display: block !important;
	}

	#nav-hamburger .nav-list-link[href*="edicion-mundial"]::after { content: "\002605\002605\002605 \002009\0000b7\002009 desde $400.000"; }
	#nav-hamburger .nav-list-link[href="/s-line/"]::after { content: "Cron\0000f3grafo deportivo \002009\0000b7\002009 desde $396.000"; }
	#nav-hamburger .nav-list-link[href="/u-line/"]::after { content: "De vestir, two-tone \002009\0000b7\002009 desde $450.000"; }
	#nav-hamburger .nav-list-link[href="/t-line/"]::after { content: "Cron\0000f3grafo de titanio \002009\0000b7\002009 desde $617.000"; }
	#nav-hamburger .nav-list-link[href="/n-line/"]::after { content: "Autom\0000e1tico skeleton \002009\0000b7\002009 desde $500.000"; }
	#nav-hamburger .nav-list-link[href="/m-line/"]::after { content: "Cron\0000f3grafo, correa de goma \002009\0000b7\002009 desde $300.000"; }

	#nav-hamburger .nav-list-link[href*="edicion-mundial"]::after,
	#nav-hamburger .nav-list-link[href="/s-line/"]::after,
	#nav-hamburger .nav-list-link[href="/u-line/"]::after,
	#nav-hamburger .nav-list-link[href="/t-line/"]::after,
	#nav-hamburger .nav-list-link[href="/n-line/"]::after,
	#nav-hamburger .nav-list-link[href="/m-line/"]::after {
		display: block;
		font-size: 10px;
		font-weight: 400;
		color: #888;
		line-height: 1.3;
		margin-top: 2px;
		letter-spacing: .2px;
		white-space: nowrap;
	}
}

/* Menu mobile: separar bloque secundario (Mundo Crosby / Visitanos / Contacto)
   del bloque primario (Relojes + lineas) con espacio.
   Mundo Crosby es el UNICO item con submenu -> ancla del inicio del bloque 2.
   Si en el futuro otro item gana submenu, revisar este selector. */
@media (max-width:768px) {
	/* ===== Menu mobile: que NUNCA scrollee + bloque secundario al fondo =====
	   Drawer a 100dvh = alto VISIBLE (descuenta la barra de Chrome, que con vh
	   quedaba por debajo del fold). Flex column en toda la cadena para que el body
	   llene el alto real y margin-top:auto empuje el bloque 2 contra el footer. */
	#nav-hamburger {
		height: 100vh !important;
		height: 100dvh !important;
	}
	#nav-hamburger .modal-with-fixed-footer {
		height: 100%;
		display: flex;
		flex-direction: column;
	}
	#nav-hamburger .modal-scrollable-area {
		flex: 1 1 auto;
		min-height: 0;
		display: flex !important;
		flex-direction: column;
	}
	#nav-hamburger .modal-body.nav-body {
		flex: 1 1 auto !important;
		min-height: 0 !important;
		display: flex !important;
		flex-direction: column;
	}
	#nav-hamburger .nav-primary {
		flex: 1 1 auto;
		display: flex;
		flex-direction: column;
		min-height: 0;
	}
	#nav-hamburger .nav-primary .nav-list {
		flex: 1 1 auto;
		display: flex !important;
		flex-direction: column;
		min-height: 0;
	}
	/* margin-top:auto pega el bloque 2 al fondo SI el flex llena la altura.
	   padding-top garantiza separacion SIEMPRE, aunque el pin no agarre. */
	#nav-hamburger .nav-list > li.item-with-subitems {
		margin-top: auto !important;
		padding-top: 28px !important;
	}

	/* "Relojes" (primer item) = titulo de seccion: negrita, negro, "Ver todo" debajo + divisor */
	#nav-hamburger .nav-list > li:first-child .nav-list-link {
		display: block !important;
		text-transform: uppercase;
		font-weight: 700 !important;
		letter-spacing: .5px;
		color: #0e0d12 !important;
		padding-bottom: 10px !important;
		border-bottom: 1px solid #ececec;
		margin-bottom: 16px;
	}

	#nav-hamburger .nav-list > li:first-child .nav-list-link::after {
		content: "Ver todo";
		display: block;
		font-size: 11px;
		font-weight: 400;
		letter-spacing: .3px;
		text-transform: none;
		color: #999;
		margin-top: 2px;
	}

	/* Sacar la flecha (arrow-long) del item con submenu (Mundo Crosby) */
	#nav-hamburger .nav-list-arrow {
		display: none !important;
	}
}

@media (max-width:767px) {
	body.template-category .category-banner {
		margin-left: -30px !important;
		margin-right: -30px !important;
	}
}

.instafeed-title {
	display: none !important;
}

body.template-product .swiper-pagination-fraction {
	display: none !important;
}

body.template-product .js-swiper-product-prev, body.template-product .js-swiper-product-next {
	position: absolute !important;
	top: 50% !important;
	transform: translateY(-50%);
	z-index: 50 !important;
	width: 42px;
	height: 42px;
	display: flex !important;
	align-items: center;
	justify-content: center;
}

@media (max-width:768px) {
	.template-home .swiper-button-next:not(.js-swiper-home-control):not(.js-swiper-home-next-mobile), .template-home .js-swiper-new-next:not(.js-swiper-home-control):not(.js-swiper-home-next-mobile), .template-home .swiper-button-next.svg-icon-text:not(.js-swiper-home-control):not(.js-swiper-home-next-mobile), .template-home .js-swiper-new-next.svg-icon-text:not(.js-swiper-home-control):not(.js-swiper-home-next-mobile) {
		right: -20px !important;
	}
	
	.template-home .swiper-button-prev:not(.js-swiper-home-control):not(.js-swiper-home-prev-mobile), .template-home .js-swiper-new-prev:not(.js-swiper-home-control):not(.js-swiper-home-prev-mobile), .template-home .swiper-button-prev.svg-icon-text:not(.js-swiper-home-control):not(.js-swiper-home-prev-mobile), .template-home .js-swiper-new-prev.svg-icon-text:not(.js-swiper-home-control):not(.js-swiper-home-prev-mobile) {
		left: -20px !important;
	}
}

body.template-product .js-swiper-product {
	position: relative !important;
}

.products-section-slider-controls-container {
	display: none !important;
}

.social-share-button {
	display: none !important;
}

.swiper-button-prev svg, .swiper-button-next svg {
	display: none !important;
}

.swiper-button-prev, .swiper-button-next {
	font-size: 28px;
	font-weight: 400;
	line-height: 1;
	color: #808080 !important;
	font-family: "Arial", sans-serif;
}

.swiper-button-prev::before {
	content: "‹";
}

.swiper-button-next::before {
	content: "›";
}

.template-home .swiper-container {
	position: relative;
}

.template-home .swiper-button-prev, .template-home .swiper-button-next {
	position: absolute !important;
	top: 50%;
	transform: translateY(-50%);
	z-index: 50;
	cursor: pointer;
}

.template-home .swiper-button-prev {
	left: 0px;
}

.template-home .swiper-button-next {
	right: 0px;
}

.template-home .swiper-pagination-fraction {
	display: none !important;
}

.js-item-name, .item-name {
	font-weight: 700 !important;
	transform: scale(1.2);
	margin-top: 1rem !important;
}

.cuotas-mg {
	margin-top: 8px;
}

.js-institutional-message-text.mb-4, .js-institutional-message-text {
	font-family: "Plus Jakarta Sans", sans-serif !important;
	font-size: 15px !important;
	font-weight: 400 !important;
	line-height: 1.6 !important;
	color: #473f30 !important;
	letter-spacing: .3px;
	text-align: center !important;
	opacity: 1 !important;
}

.template-home h2, .template-home .h2 {
	font-family: "Plus Jakarta Sans", sans-serif !important;
	font-size: 35px !important;
	font-weight: 700 !important;
	line-height: 1.1 !important;
	color: #0e0d12 !important;
	margin-bottom: 20px !important;
	letter-spacing: .5px;
	text-align: left !important;
	justify-content: flex-start !important;
}

body.template-product .js-product-form-free-shipping-message {
	display: none !important;
}

.js-home-slider-section {
	margin-bottom: 2px;
}

.crosby-line-section {
	padding: 20px 16px 16px !important;
}

.crosby-line-section .crs-header {
	margin-bottom: 12px !important;
}

.crosby-line-section .crs-cards {
	gap: 8px !important;
	margin-bottom: 12px !important;
}

.crosby-line-section .crs-card {
	padding: 10px 8px 8px !important;
}

.crosby-line-section .crs-card img {
	width: 70% !important;
	margin-bottom: 6px !important;
}

.crosby-line-section .crs-explore a {
	padding: 8px 28px !important;
}

.category-controls-container {
	display: none !important;
}

body.template-category .crosby-banner-filter {
	display: none !important;
}

.footer-title-crosby {
	display: none !important;
}

.js-footer .d-inline-block.mr-md-2.font-smallest {
	font-size: 9px !important;
	white-space: nowrap !important;
	display: block !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

.js-footer .claim-link {
	white-space: nowrap !important;
	font-size: 9px !important;
	overflow: hidden !important;
}

.js-footer .claim-link span.d-inline-block, .js-footer .claim-link a {
	font-size: 9px !important;
	white-space: nowrap !important;
	display: inline !important;
}

/* ============================================================
   CROSBY - Hot Sale 2026 (landing /hotsale/)
   Snipplet: snipplets/hotsale-landing.tpl
   Activado desde category.tpl si category.handle == 'hotsale'
   ============================================================ */

.hs-landing {
	font-family: 'Plus Jakarta Sans', sans-serif;
	color: #0e0d12;
	background: #fff;
	padding: 0 16px 48px;
	max-width: 1200px;
	margin: 0 auto;
}

/* HERO */
.hs-hero {
	text-align: center;
	padding: 20px 0 16px;
}
.hs-eyebrow {
	color: #fc5b31;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 3px;
	text-transform: uppercase;
	margin-bottom: 14px;
}
.hs-title {
	color: #0e0d12;
	font-size: 38px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: -1px;
	text-transform: uppercase;
	margin: 0 0 12px;
	text-align: center;
}
.hs-subtitle {
	font-size: 14px;
	color: #888;
	margin: 0 0 18px;
	line-height: 1.4;
}
.hs-divider {
	width: 64px;
	height: 2px;
	background: #fc5b31;
	margin: 0 auto;
}

/* BANNER BOMBA */
.hs-bomb {
	background: #fc5b31;
	color: #fff;
	padding: 14px 16px;
	text-align: center;
	margin: 24px -16px;
}
.hs-bomb-flag {
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 2.5px;
	text-transform: uppercase;
	margin-bottom: 4px;
}
.hs-bomb-detail {
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0.3px;
}

/* GRID */
.hs-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
	margin-top: 24px;
}

.hs-card {
	position: relative;
	display: block;
	background: #fff;
	border: 1px solid #ececec;
	border-radius: 8px;
	padding: 36px 12px 16px;
	text-decoration: none;
	color: inherit;
	overflow: hidden;
	transition: box-shadow 0.18s ease, transform 0.18s ease;
}
.hs-card:hover {
	box-shadow: 0 4px 16px rgba(0,0,0,0.08);
	transform: translateY(-2px);
}

.hs-card-num {
	position: absolute;
	top: 10px;
	left: 12px;
	color: #fc5b31;
	font-size: 22px;
	font-weight: 800;
	letter-spacing: -0.5px;
	line-height: 1;
}
.hs-card-badge {
	position: absolute;
	top: 10px;
	right: 10px;
	background: #fc5b31;
	color: #fff;
	font-size: 9px;
	font-weight: 800;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	padding: 4px 8px;
	border-radius: 3px;
	line-height: 1.2;
}
.hs-card-badge-sale {
	letter-spacing: 0.5px;
	font-size: 10px;
}

.hs-card-img {
	width: 100%;
	height: 160px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 0 12px;
}
.hs-card-img img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
}

.hs-hairline {
	width: 28px;
	height: 1px;
	background: #fc5b31;
	margin: 0 auto 10px;
}

.hs-card-cat {
	font-size: 9px;
	color: #888;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 4px;
	font-weight: 500;
}
.hs-card-name {
	font-size: 13px;
	font-weight: 700;
	color: #0e0d12;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 0.4px;
	margin: 0 0 8px;
	line-height: 1.2;
}

.hs-card-prices {
	text-align: center;
	margin-bottom: 6px;
}
.hs-card-price-was {
	display: block;
	color: #888;
	font-size: 11px;
	text-decoration: line-through;
	margin-bottom: 2px;
}
.hs-card-price-now {
	display: block;
	color: #0e0d12;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: -0.2px;
}

.hs-card-installments {
	text-align: center;
	font-size: 9px;
	color: #888;
	text-transform: uppercase;
	letter-spacing: 0.4px;
	line-height: 1.3;
}

/* CTA FINAL */
.hs-cta {
	margin-top: 32px;
	text-align: center;
}
.hs-cta-btn {
	display: inline-block;
	background: #0e0d12;
	color: #fff;
	text-decoration: none;
	padding: 14px 28px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 2.5px;
	text-transform: uppercase;
	border-radius: 4px;
	transition: background 0.18s ease;
}
.hs-cta-btn:hover {
	background: #2a2a2f;
	color: #fff;
}

/* DESKTOP */
@media (min-width: 769px) {
	.hs-landing {
		padding: 0 24px 64px;
	}
	.hs-hero {
		padding: 40px 0 24px;
	}
	.hs-title {
		font-size: 64px;
		letter-spacing: -2px;
	}
	.hs-subtitle {
		font-size: 16px;
	}
	.hs-bomb {
		padding: 18px 24px;
		margin: 32px 0;
		border-radius: 6px;
	}
	.hs-bomb-flag {
		font-size: 12px;
	}
	.hs-bomb-detail {
		font-size: 15px;
	}
	.hs-grid {
		grid-template-columns: repeat(4, 1fr);
		gap: 18px;
	}
	.hs-card {
		padding: 44px 18px 20px;
	}
	.hs-card-num {
		font-size: 28px;
		top: 14px;
		left: 18px;
	}
	.hs-card-img {
		height: 220px;
		margin-bottom: 18px;
	}
	.hs-card-name {
		font-size: 14px;
	}
	.hs-card-price-now {
		font-size: 18px;
	}
}

/* Con 8 productos, 4 columnas en desktop es la mejor distribucion (2 filas perfectas). */

/* Wrapper del grid de Hot Sale inyectado en home (temporal hasta 13/05).
   Da padding y max-width igual que .hs-landing pero sin el hero/banner/CTA. */
.hs-home-wrap {
	padding: 24px 16px 32px;
	max-width: 1200px;
	margin: 0 auto;
}
@media (min-width: 769px) {
	.hs-home-wrap {
		padding: 40px 24px 48px;
	}
}

/* ============================================================
   CROSBY - Header desktop: compactar alto (SOLO padding/margin, seguro)
   ============================================================ */
@media (min-width: 769px) {
	.head-main .head-logo-row {
		max-width: none !important;
		width: 100% !important;
		margin-top: 3px !important;
		margin-bottom: 2px !important;
		padding-top: 6px !important;
		padding-bottom: 2px !important;
	}
	.head-main .logo-container-col {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	.head-main .nav-desktop {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	.head-main .nav-desktop-list {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		padding-top: 0 !important;
		padding-bottom: 6px !important;
	}
	.head-main .nav-desktop-list .nav-list-link {
		padding-top: 5px !important;
		padding-bottom: 5px !important;
	}
	/* Alinear lupa + iconos: centrar el icono DENTRO de cada boton
	   (apunta a los botones, NO a los col-utility -> no reaparece el menu mobile) */
	.head-main .btn-utility {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
	}

	/* === Lupa + iconos BAJAN a la linea del menu (logo solo y centrado arriba) ===
	   Posicion absoluta anclada al borde inferior del logo-row (= donde arranca el menu).
	   No toca display de los cols -> el menu mobile sigue oculto en desktop. */
	.head-main .head-logo-row .logo-container-col {
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
	.head-main .head-logo-row .js-search-utility {
		position: absolute !important;
		top: 100% !important;
		right: 120px !important;
		left: auto !important;
		width: auto !important;
		margin-top: -4px !important;
		z-index: 6 !important;
	}

	/* Buscador estilo Tissot: pill, fondo claro, lupa real DENTRO a la izquierda */
	.head-main .js-search-utility .search-form .form-group { position: relative !important; }
	.head-main .js-search-utility .search-input,
	.head-main .js-search-utility .form-control {
		border-radius: 22px !important;
		background-color: #f2f1ef !important;
		border: 1px solid transparent !important;
		height: 40px !important;
		padding: 0 18px 0 42px !important;
		font-size: 14px !important;
		color: #0e0d12 !important;
		box-shadow: none !important;
	}
	.head-main .js-search-utility .search-input:focus {
		background-color: #ecebe8 !important;
		border-color: #d9d7d2 !important;
	}
	/* La lupa real (boton suelto) reposicionada DENTRO del pill, a la izquierda, solo visual */
	.head-main .js-search-utility .utilities-container { margin: 0 !important; padding: 0 !important; }
	.head-main .js-search-utility .js-search-button {
		position: absolute !important;
		left: 14px !important;
		top: 50% !important;
		transform: translateY(-50%) !important;
		padding: 0 !important;
		margin: 0 !important;
		z-index: 3 !important;
		pointer-events: none !important;
	}
	.head-main .head-logo-row .js-utility-col.justify-content-md-end {
		position: absolute !important;
		top: 100% !important;
		right: 20px !important;
		left: auto !important;
		width: auto !important;
		margin-top: -4px !important;
		z-index: 6 !important;
	}
	.head-main .head-logo-row .js-utility-col.justify-content-md-end .btn-utility {
		margin-left: -5px !important;
	}
}

/* ============================================================
   CROSBY - PDP desktop: tira horizontal de miniaturas (nativa, sin swiper)
   ============================================================ */
@media (min-width: 769px) {
	/* ocultar miniaturas verticales originales (swiper) + foto principal full width */
	body.template-product [data-store^="product-image-"] > .col-md-auto { display: none !important; }
	body.template-product [data-store^="product-image-"] > .col {
		flex: 0 0 100% !important;
		max-width: 70% !important;
	}
	/* tira horizontal nueva */
	.crosby-thumb-strip {
		display: flex !important;
		flex-wrap: nowrap;
		justify-content: flex-start;
		overflow-x: auto;
		gap: 0;
		max-width: 70%;
		margin-top: 6px;
		padding: 0;
	}
	.crosby-thumb-strip .js-product-thumb {
		flex: 0 0 25%;
		box-sizing: border-box;
		height: 0 !important;
		padding-bottom: 25% !important;
		margin: 0 !important;
		border: 1px solid #e5e3dd;
		border-radius: 0;
		overflow: hidden;
		cursor: pointer;
		transition: border-color .2s ease;
	}
	.crosby-thumb-strip .js-product-thumb.selected,
	.crosby-thumb-strip .js-product-thumb:hover {
		border-color: #0e0d12;
	}
	.crosby-thumb-strip .js-product-thumb img {
		position: absolute !important;
		inset: 0 !important;
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
	}
}

