.category-cards-only-page {
	margin: 0;
	background: #fff;
}

.category-cards-page {
	width: 100%;
	overflow-x: hidden;
}

.category-cards-container {
	max-width: 1390px;
	padding-right: 15px;
	padding-left: 15px;
}

.category-cards-grid {
	margin: -10px;
}

.category-cards-item {
	padding: 10px;
}

.category-cards-link,
.category-cards-image {
	display: block;
	width: 100%;
}

.category-cards-link {
	overflow: hidden;
	transition: box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1), transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.category-cards-image {
	height: auto;
	transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), filter 0.6s ease;
	will-change: transform;
}

.category-cards-link:hover .category-cards-image {
	transform: scale(1.045);
	filter: brightness(1.02);
}

.category-cards-link:hover {
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
}

.category-cards-link:focus {
	outline: 3px solid #151515;
	outline-offset: 3px;
}

.category-benefits {
	margin-bottom: 40px;
}

.category-benefits-list {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	column-gap: 20px;
	align-items: start;
}

.category-benefits-item {
	display: flex;
	min-width: 0;
	flex-direction: column;
	align-items: center;
	gap: 11px;
	color: #151515;
	font-family: Montserrat, sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: normal;
	text-align: center;
	text-decoration: none;
	transition: opacity 0.2s ease, transform 0.2s ease;
	cursor: pointer;
}

.category-benefits-item:hover,
.category-benefits-item:focus,
.category-benefits-desktop > a:hover,
.category-benefits-mobile > a:hover {
	color: #151515;
	text-decoration: none;
	opacity: 0.8;
	transform: translateY(-2px);
}

.category-benefits-desktop > a,
.category-benefits-mobile > a {
	display: flex;
	text-decoration: none;
	transition: opacity 0.2s ease, transform 0.2s ease;
}

.category-benefits-item-delivery {
	gap: 19px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.category-benefits-item img {
	display: block;
	flex: 0 0 auto;
}

.category-benefits-text > span {
	display: block;
}

@media (max-width: 991.98px) {
	.category-cards-container {
		padding-right: 10px;
		padding-left: 10px;
	}

	.category-cards-grid {
		margin: -7px -5px;
	}

	.category-cards-item {
		padding: 7px 5px;
	}

	.category-benefits {
		margin-bottom: 36px;
	}

	.category-benefits-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		row-gap: 23px;
	}
}

.aug-newsletter {
	display: grid;
	grid-template-columns: 47.361% 52.639%;
	position: relative;
	left: 50%;
	width: min(1440px, 100vw);
	max-width: 1440px;
	aspect-ratio: 1440 / 488;
	margin-right: auto;
	margin-left: auto;
	background: #ae7651;
	transform: translateX(-50%);
}

.aug-newsletter-image,
.aug-newsletter-image img {
	width: 100%;
	height: 100%;
}

.aug-newsletter-image img {
	display: block;
	object-fit: cover;
}

.aug-newsletter-content {
	display: flex;
	align-items: center;
	padding: clamp(24px, 2.778vw, 40px) clamp(24px, 4.722vw, 68px) clamp(24px, 2.778vw, 40px) clamp(24px, 4.861vw, 70px);
	color: #fff;
}

.aug-newsletter-form-wrap {
	width: 100%;
	max-width: 552px;
}

.aug-newsletter h2 {
	margin: 0 0 clamp(12px, 1.319vw, 19px);
	color: inherit;
	font-family: Montserrat, sans-serif;
	font-size: clamp(18px, 2.083vw, 30px);
	font-weight: 700;
	line-height: 1.12;
}

.aug-newsletter-consent {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	margin: 0 0 clamp(12px, 1.25vw, 18px);
	color: inherit;
	font-family: Montserrat, sans-serif;
	/*font-size: clamp(9px, .833vw, 12px);*/
	font-size:16px;
	font-weight: 400;
	line-height: 1.3;
}

.aug-newsletter-consent input {
	width: 20px;
	height: 20px;
	margin: 0;
	flex: 0 0 15px;
	accent-color: #151515;
}

.aug-newsletter-fields {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) clamp(140px, 14.722vw, 212px);
}

.aug-newsletter-fields > input,
.aug-newsletter-fields > button {
	height: clamp(30px, 2.431vw, 35px);
	border: 1px solid #fff;
	border-radius: 0;
	font-family: Montserrat, sans-serif;
	font-size: 11px;
}

.aug-newsletter-fields > input {
	min-width: 0;
	padding: 0 14px;
	background: transparent;
	color: #fff;
}

.aug-newsletter-fields > input::placeholder {
	color: rgba(255, 255, 255, .75);
	opacity: 1;
}

.aug-newsletter-fields > button {
	padding: 0 20px;
	background: #fff;
	color: #151515;
	font-weight: 600;
	cursor: pointer;
}

/*.aug-newsletter-fields > button:focus,
.aug-newsletter-fields > input:focus {
	outline: 2px solid #151515;
	outline-offset: 2px;
}*/

.aug-newsletter-honeypot {
	position: absolute;
	left: -5000px;
}

@media (max-width: 767.98px) {
	.aug-newsletter {
		display: block;
		aspect-ratio: auto;
		left: auto;
		transform: none;
		width: 100%;
		max-width: 100%;
	}

	.aug-newsletter-image {
		width: 100%;
		height: auto;
		aspect-ratio: 1 / 1;
	}

	.aug-newsletter-image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}

	.aug-newsletter-content {
		min-height: auto;
		align-items: flex-start;
		padding: 48px clamp(24px, 7vw, 36px) 64px;
	}

	.aug-newsletter-form-wrap {
		width: 100%;
		max-width: 100%;
	}

	.aug-newsletter h2 {
		margin: 0 0 24px;
		font-family: Montserrat, sans-serif;
		font-size: clamp(24px, 5.8vw, 28px);
		font-weight: 700;
		line-height: 1.15;
		color: #fff;
	}

	.aug-newsletter-consent {
		display: flex;
		align-items: flex-start;
		gap: 12px;
		margin: 0 0 26px;
		font-family: Montserrat, sans-serif;
		font-size: 14px;
		line-height: 1.35;
		color: #fff;
	}

	.aug-newsletter-consent input {
		appearance: none;
		-webkit-appearance: none;
		width: 20px;
		height: 20px;
		flex: 0 0 20px;
		margin: 2px 0 0;
		border: 1px solid #fff;
		border-radius: 0;
		background: transparent;
		cursor: pointer;
		position: relative;
	}

	.aug-newsletter-consent input:checked {
		background: #fff;
	}

	.aug-newsletter-consent input:checked::after {
		content: '';
		position: absolute;
		top: 2px;
		left: 6px;
		width: 6px;
		height: 11px;
		border: solid #ae7651;
		border-width: 0 2px 2px 0;
		transform: rotate(45deg);
	}

	.aug-newsletter-fields {
		display: flex;
		flex-direction: column;
		width: 100%;
	}

	.aug-newsletter-fields > input {
		width: 100%;
		height: 52px;
		padding: 0 16px;
		background: transparent;
		border: 1px solid #fff;
		border-bottom: none;
		border-radius: 0;
		font-family: Montserrat, sans-serif;
		font-size: 13px;
		color: #fff;
		-webkit-appearance: none;
	}

	.aug-newsletter-fields > input::placeholder {
		color: rgba(255, 255, 255, 0.75);
		opacity: 1;
		font-size: 13px;
		font-family: Montserrat, sans-serif;
	}

	.aug-newsletter-fields > button {
		width: 100%;
		height: 52px;
		padding: 0 16px;
		background: #fff;
		border: 1px solid #fff;
		border-radius: 0;
		font-family: Montserrat, sans-serif;
		font-size: 13px;
		font-weight: 700;
		letter-spacing: 1px;
		color: #151515;
		cursor: pointer;
		-webkit-appearance: none;
		transition: background-color 0.2s, color 0.2s;
	}


}

.aug-newsletter-fields > button:hover,
.aug-newsletter-fields > button:active {
	background: #151515;
	border-color: #fff;
	color: #fff;
}

footer a:hover, footer a:focus {
	color: #000;
	text-decoration:underline;
}

/* On scroll: make container transparent and stretch liquid glass (frosted glass) background to 100vw */
.navbar-fixed.fixed-top {
	background-color: transparent !important;
}

.navbar-fixed.fixed-top::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	width: 100vw;
	transform: translateX(-50%);
	background: rgba(255, 255, 255, 0.60);
	backdrop-filter: blur(24px) saturate(190%) contrast(105%);
	-webkit-backdrop-filter: blur(24px) saturate(190%) contrast(105%);
	z-index: -1;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06), inset 0 -1px 0 rgba(255, 255, 255, 0.5);
	pointer-events: none;
}

/* On tablets and mobile screens (< 1200px) header is always 100% of screen width */
@media (max-width: 1199px) {
	#navbar-fixed,
	#navbar-fixed.navbar-fixed.fixed-top,
	.navbar-fixed.fixed-top {
		max-width: 100% !important;
		width: 100% !important;
		left: 0 !important;
		right: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	#navbar-fixed.navbar-fixed.fixed-top::before,
	.navbar-fixed.fixed-top::before {
		left: 0 !important;
		width: 100% !important;
		transform: none !important;
	}
}


/* Offset header down by WordPress admin bar height (32px on desktop) */
body.admin-bar .navbar-fixed.fixed-top,
body:has(#wpadminbar) .navbar-fixed.fixed-top {
	top: 32px;
}

/* On tablets and mobile devices (<= 782px) WordPress admin bar height is 46px */
@media screen and (max-width: 782px) {
	body.admin-bar .navbar-fixed.fixed-top,
	body:has(#wpadminbar) .navbar-fixed.fixed-top {
		top: 46px;
	}
}

/* On mobile screens (<= 600px) WordPress admin bar is position: absolute and scrolls out of view */
@media screen and (max-width: 600px) {
	body.admin-bar .navbar-fixed.fixed-top,
	body:has(#wpadminbar) .navbar-fixed.fixed-top {
		top: 0;
	}
}

/* Smooth transitions for header on scroll (without transition: all to prevent height lag) */
#navbar-fixed {
	transition: background-color 0.35s cubic-bezier(0.16, 1, 0.3, 1),
	            box-shadow 0.35s cubic-bezier(0.16, 1, 0.3, 1),
	            border-color 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

#navbar-fixed > .siberia-header {
	transition: padding 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

#navbar-fixed .logo img {
	height: 54px !important;
	max-height: 54px !important;
	width: auto !important;
	transition: height 0.35s cubic-bezier(0.16, 1, 0.3, 1),
	            max-height 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

#navbar-fixed .siberia-header nav.navbar,
#navbar-fixed .siberia-header .col-5.pt-1 {
	transition: padding 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Compact header mode on scroll */
#navbar-fixed.navbar-fixed.fixed-top > .siberia-header {
	padding-top: 6px !important;
	padding-bottom: 6px !important;
	border-bottom: none !important;
}

#navbar-fixed.navbar-fixed.fixed-top .logo img {
	height: 50px !important;
	max-height: 50px !important;
	width: auto !important;
}

#navbar-fixed.navbar-fixed.fixed-top .siberia-header nav.navbar,
#navbar-fixed.navbar-fixed.fixed-top .siberia-header .col-5.pt-1 {
	padding-top: 0 !important;
}

.navbar-fixed.fixed-top .top_menu_1 a {
	padding-top: 4px !important;
	padding-bottom: 4px !important;
}

/* Desktop burger button for categories */
.fixed-desktop-burger {
	display: none !important;
}

@media (min-width: 1200px) {
	.navbar-fixed.fixed-top .fixed-desktop-burger {
		display: inline-flex !important;
		align-items: center;
		margin-right: 12px;
	}
}

.fixed-cat-burger {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 20px;
	height: 15px;
	background: transparent;
	border: none;
	padding: 0;
	cursor: pointer;
	outline: none;
	vertical-align: middle;
}

.fixed-cat-burger .burger-bar {
	display: block;
	width: 100%;
	height: 2px;
	background-color: #000;
	border-radius: 1px;
	transition: transform 0.2s ease, opacity 0.2s ease;
}

.fixed-cat-burger:hover .burger-bar {
	background-color: #666;
}

.fixed-cat-burger.is-active .burger-bar:nth-child(1) {
	transform: translateY(6.5px) rotate(45deg);
}
.fixed-cat-burger.is-active .burger-bar:nth-child(2) {
	opacity: 0;
}
.fixed-cat-burger.is-active .burger-bar:nth-child(3) {
	transform: translateY(-6.5px) rotate(-45deg);
}

/* Option 2: Smooth category bar height animation */
/* On scroll UP (expanding): 2.35s */
#navbar-fixed > nav.top-menu {
	transition: max-height 2.35s cubic-bezier(0.2, 0, 0, 1),
	            opacity 1.6s ease,
	            margin 2.35s ease,
	            padding 2.35s ease;
	max-height: 140px;
	opacity: 1;
	transform: none !important;
	overflow: visible !important;
}

/* In static state, category menu is fully expanded, without transform to preserve stacking context for dropdowns */
#navbar-fixed:not(.fixed-top) > nav.top-menu {
	max-height: 140px;
	opacity: 1;
	transform: none !important;
	overflow: visible !important;
}

/* On scroll DOWN (collapsing into compact header): 0.35s */
#navbar-fixed.navbar-fixed.fixed-top > nav.top-menu:not(.top-menu-open) {
	transition: max-height 0.35s cubic-bezier(0.2, 0, 0, 1),
	            opacity 0.25s ease,
	            margin 0.35s ease,
	            padding 0.35s ease !important;
	max-height: 0 !important;
	opacity: 0 !important;
	transform: none !important;
	margin: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	overflow: hidden !important;
	pointer-events: none;
	border: none !important;
}

/* On burger open: smooth curtain reveal synchronized with background */
#navbar-fixed.navbar-fixed.fixed-top > nav.top-menu.top-menu-open {
	display: block !important;
	max-height: 140px !important;
	opacity: 1 !important;
	transform: none !important;
	overflow: hidden !important; /* Text reveals smoothly with background, without leaking out early */
	pointer-events: auto;
	animation: none !important;
	transition: max-height 0.32s cubic-bezier(0.16, 1, 0.3, 1),
	            opacity 0.28s ease,
	            padding 0.32s ease,
	            margin 0.32s ease !important;
}

/* Enable overflow: visible after full reveal to allow dropdown submenus */
#navbar-fixed.navbar-fixed.fixed-top > nav.top-menu.top-menu-opened {
	overflow: visible !important;
}

/* On burger close: smooth curtain collapse (text collapses with background instead of vanishing early) */
#navbar-fixed.navbar-fixed.fixed-top > nav.top-menu.top-menu-closing {
	display: block !important;
	max-height: 0 !important;
	opacity: 0 !important;
	overflow: hidden !important;
	pointer-events: none;
	margin: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	border: none !important;
	animation: none !important;
	transition: max-height 0.28s cubic-bezier(0.16, 1, 0.3, 1),
	            opacity 0.24s ease,
	            padding 0.28s ease,
	            margin 0.28s ease !important;
}

/* Smooth slide-in for fixed header on scroll */
#navbar-fixed.navbar-fixed.fixed-top {
	animation: fixedBarSlideIn 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

@keyframes fixedBarSlideIn {
	from {
		transform: translateY(-100%);
	}
	to {
		transform: translateY(0);
	}
}

/* In fixed mode, hide only outer top and bottom borders */
.navbar-fixed.fixed-top,
.navbar-fixed.fixed-top::before,
#navbar-fixed.navbar-fixed.fixed-top > .siberia-header,
.navbar-fixed.fixed-top > nav.top-menu,
.navbar-fixed.fixed-top > nav.top-menu.top-menu-open {
	border-top: none !important;
	border-bottom: none !important;
}

/* Preserve divider line between top and bottom menu rows */
.top-menu .w-100 {
	border-bottom: 1px solid #8C8C8C !important;
}

/* TIENDA link: background #5E1212, changes color on hover */
#navbar-fixed .tienda_link_top,
#navbar-fixed a.tienda_link_top {
	background-color: #5E1212 !important;
	border-color: #5E1212 !important;
	color: #ffffff !important;
	transition: background-color 0.15s ease, color 0.15s ease;
}

#navbar-fixed .tienda_link_top:hover,
#navbar-fixed a.tienda_link_top:hover {
	background-color: #7b1a1a !important;
	border-color: #7b1a1a !important;
	color: #ffffff !important;
}

/* Keep menu item background transparent on hover/focus */
.top_menu_1 .nav-tabs .nav-item .nav-link:focus,
.top_menu_1 .nav-tabs .nav-item:focus .nav-link,
.top_menu_1 .nav-tabs .nav-item:hover .nav-link {
	background: transparent !important;
	background-color: transparent !important;
	border-color: transparent !important;
}

/* NOVEDADES and OFERTAS menu items: bold with color #5E1212 */
.menu-id-1,
.menu-id-6259,
.menu-id-1 span,
.menu-id-6259 span,
.top-menu .menu-id-1,
.top-menu .menu-id-6259,
.top_menu_1 .nav-tabs .nav-item:hover .menu-id-1,
.top_menu_1 .nav-tabs .nav-item:hover .menu-id-6259 {
	color: #5E1212 !important;
	font-weight: 700 !important;
}

/* GUÍA DE REGALOS menu item: span background #A1A26E */
.menu-id-6281 span,
.top-menu .menu-id-6281 span,
a.menu-id-6281 span {
	background-color: #A1A26E !important;
	color: #ffffff !important;
}

/* Increase spacing between menu items ONLY in fixed mode (leaves static version untouched) */
.navbar-fixed.fixed-top nav.top-menu .top_menu_1 ul.nav,
.navbar-fixed.fixed-top nav.top-menu .nav-tabs {
	row-gap: 8px !important;
	padding-top: 6px !important;
	padding-bottom: 8px !important;
	border-bottom: none !important;
}

.navbar-fixed.fixed-top nav.top-menu .nav-link,
.navbar-fixed.fixed-top nav.top-menu .top_menu_1 a {
	padding: 6px 12px !important;
	letter-spacing: 0.02em;
}

/* Prevent margin jumps from clean-main.css */
#navbar-fixed .top_menu_1 .nav-tabs .nav-item .nav-link {
	/*margin-left: 0 !important;
	margin-right: 0 !important;*/
}

.top_menu_1 .nav-tabs .nav-item:hover .nav-link
{
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left:13px;
	padding-right:13px;
}

/* Hover styles ONLY on :hover */
#navbar-fixed .top_menu_1 .nav-tabs .nav-item:hover > .nav-link,
#navbar-fixed .top_menu_1 .nav-tabs .nav-item .nav-link:hover {
/*	margin-left: 0 !important;
	margin-right: 0 !important;
	color: #000000 !important;*/
}


.navbar-fixed.fixed-top nav.top-menu .delimiter {
	margin: 6px 3px !important;
	opacity: 0.6;
}

.nav-tabs .nav-link {
	border: none !important;
}

.navbar-placeholder-aug {
	position: relative;
	width: 100%;
	z-index: 1050 !important;
	overflow: visible !important;
	transition: min-height 2.35s cubic-bezier(0.2, 0, 0, 1);
}

#navbar-fixed {
	position: relative;
	z-index: 1050 !important;
	overflow: visible !important;
}

#navbar-fixed.fixed-top {
	position: fixed !important;
	z-index: 1050 !important;
}

/* Category dropdown menus always display on top of all page elements (Trustpilot, banners, scoring) */
#navbar-fixed .dropdown-menu,
#navbar-fixed .top-menu .dropdown-menu,
#navbar-fixed .top_menu_1 .dropdown-menu {
	z-index: 99999 !important;
	position: absolute !important;
}

/* Ensure menu containers do not clip dropdown menus */
#navbar-fixed .top-menu,
#navbar-fixed .top_menu_1,
#navbar-fixed .nav-tabs,
#navbar-fixed .nav-item {
	overflow: visible !important;
}

.navbar-placeholder-aug.placeholder-fixed,
.navbar-placeholder-aug:has(.fixed-top) {
	transition: min-height 0.35s cubic-bezier(0.2, 0, 0, 1);
}

/* Liquid Glass styling for #info-bar */
#info-bar.info-bar {
	display: block;
	position: fixed !important;
	bottom: 0 !important;
	left: 0 !important;
	width: 100% !important;
	background: rgba(255, 255, 255, 0.74) !important;
	backdrop-filter: blur(24px) saturate(190%) contrast(105%) !important;
	-webkit-backdrop-filter: blur(24px) saturate(190%) contrast(105%) !important;
	color: #151515 !important;
	text-align: center !important;
	padding: 10px 72px !important;
	z-index: 1000 !important;
	box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
	border-top: 1px solid rgba(255, 255, 255, 0.5) !important;
	font-size: 14px !important;
	line-height: 1.4 !important;
}

#info-bar.info-bar a.info-bar-coupon-badge,
#info-bar.info-bar strong {
	display: inline-block !important;
	background: #ed9347 !important;
	color: #ffffff !important;
	padding: 3px 10px !important;
	border-radius: 4px !important;
	font-weight: 700 !important;
	letter-spacing: 0.5px !important;
	margin-left: 6px !important;
	box-shadow: 0 2px 6px rgba(237, 147, 71, 0.35) !important;
	text-decoration: none !important;
	transition: background 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease !important;
	cursor: pointer !important;
}

#info-bar.info-bar a.info-bar-coupon-badge:hover,
#info-bar.info-bar a.info-bar-coupon-badge:hover strong {
	background: #d87522 !important;
	color: #ffffff !important;
	text-decoration: none !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 4px 10px rgba(237, 147, 71, 0.45) !important;
}

#info-bar.info-bar .close-btn {
	color: #555 !important;
	margin-left: 14px !important;
	cursor: pointer !important;
	font-size: 22px !important;
	line-height: 1 !important;
	vertical-align: middle !important;
	transition: color 0.15s ease, transform 0.15s ease !important;
	display: inline-block !important;
}

#info-bar.info-bar .close-btn:hover {
	color: #151515 !important;
	transform: scale(1.15) !important;
	opacity: 1 !important;
}

/* Layering priority: Chaty widget ALWAYS displays ON TOP of info-bar */
#chaty-widget-0,
#chaty-widget-0 .chaty-widget,
.chaty-widget,
.siberia-contact-widget {
	position: fixed !important;
	z-index: 999999 !important;
}

.container-2880
{
	max-width: 2880px !important;
}