/* Matmap theme — base. Reproduce el aspecto efectivo de ceramicos.es (medido en producción). */

/* ---- Fuentes: Open Sans alojada en el tema ----
   Producción sirve Open Sans en pesos sueltos 300/400/600/700/800 (no existe el 500: el navegador usa el 400).
   Se declaran esos mismos pesos sobre el archivo variable para que el 500 se pinte igual que en producción. ---- */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url('fonts/open-sans-normal-latin-ext.woff2') format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url('fonts/open-sans-normal-latin.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('fonts/open-sans-normal-latin-ext.woff2') format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('fonts/open-sans-normal-latin.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('fonts/open-sans-normal-latin-ext.woff2') format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('fonts/open-sans-normal-latin.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('fonts/open-sans-normal-latin-ext.woff2') format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('fonts/open-sans-normal-latin.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: url('fonts/open-sans-normal-latin-ext.woff2') format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: url('fonts/open-sans-normal-latin.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 300;
	font-display: swap;
	src: url('fonts/open-sans-italic-latin-ext.woff2') format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 300;
	font-display: swap;
	src: url('fonts/open-sans-italic-latin.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url('fonts/open-sans-italic-latin-ext.woff2') format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url('fonts/open-sans-italic-latin.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 600;
	font-display: swap;
	src: url('fonts/open-sans-italic-latin-ext.woff2') format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 600;
	font-display: swap;
	src: url('fonts/open-sans-italic-latin.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 700;
	font-display: swap;
	src: url('fonts/open-sans-italic-latin-ext.woff2') format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 700;
	font-display: swap;
	src: url('fonts/open-sans-italic-latin.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 800;
	font-display: swap;
	src: url('fonts/open-sans-italic-latin-ext.woff2') format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 800;
	font-display: swap;
	src: url('fonts/open-sans-italic-latin.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ---- Scroll a anclas (#id) ----
   Divi traía scroll suave a anclas de la propia página; el tema no ponía nada. Los valores por
   defecto son los de matmap-header (cabecera fija: --header-height + --top-bar-height = 98px). ---- */
html {
	scroll-behavior: smooth;
	scroll-padding-top: calc(var(--header-height, 68px) + var(--top-bar-height, 30px));
}
@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}

/* ---- Reset y tipografía base ---- */
*,
*::before,
*::after {
	box-sizing: border-box;
}
body {
	margin: 0;
	padding: 0;
	background-color: #fff;
	color: #666;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.7em;
	word-wrap: break-word;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0 0 10px;
	color: #333;
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight: 500;
	line-height: 1em;
}
h1 { font-size: 30px; }
h2 { font-size: 26px; }
h3 { font-size: 22px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }
p {
	margin: 0;
	padding: 0;
}
a {
	color: #2ea3f2;
	text-decoration: none;
}
img {
	max-width: 100%;
	height: auto;
}
ul, ol {
	margin: 0;
	padding: 0 0 23px;
	line-height: 26px;
}
ul {
	padding-left: 14px;
	list-style-type: disc;
}
ol {
	list-style-type: decimal;
	list-style-position: inside;
}
li {
	padding: 0;
}
blockquote {
	margin: 20px 0 30px;
	padding: 0 0 0 20px;
	border-left: 4.8px solid #3a3971;
}
pre {
	margin: 0 0 10px;
	padding: 10px;
	font-family: 'Courier New', monospace;
}
code {
	margin-bottom: 10px;
	font-family: 'Courier New', monospace;
}
strong, b, th, dt {
	font-weight: 700;
}
dd {
	margin-left: 21px;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
th, td {
	padding: 1px;
	vertical-align: middle;
}
th {
	text-align: center;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="url"],
input[type="search"],
select,
textarea {
	padding: 2px;
	border: 0.8px solid #bbb;
	background-color: #fff;
	color: #4e4e4e;
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight: 400;
}
textarea {
	padding: 4px;
}
button,
input,
select,
textarea {
	font-family: 'Open Sans', Arial, sans-serif;
}

/* ---- Estructura de página ---- */
.site,
.site-main {
	width: 100%;
}
.site-main {
	display: block;
}
.mm-article-post {
	margin-bottom: 60px;
	padding-bottom: 25px;
}

/* ---- Kit de maquetación (mismas reglas que las secciones/filas/columnas de Divi que sustituye) ----
   Cada nivel (s = sección, r = fila, c = columna, m = módulo) admite variables propias:
   --X-mt/mb (margen), --X-pt/pb (relleno), --X-w/mw (ancho; solo s y r). Sufijo -t = tablet (<=980px),
   -p = móvil (<=767px). Como en Divi, tablet hereda de escritorio y móvil de tablet. Los niveles usan
   prefijos distintos para que las variables (que se heredan) no pasen de un nivel al siguiente. */
.mm-section {
	position: relative;
	width: var(--s-w, auto);
	max-width: var(--s-mw, none);
	margin-top: var(--s-mt, 0);
	margin-bottom: var(--s-mb, 0);
	padding-top: var(--s-pt, 4%);
	padding-bottom: var(--s-pb, 4%);
}
.mm-section--full {
	padding-top: var(--s-pt, 0);
	padding-bottom: var(--s-pb, 0);
}
.mm-row {
	position: relative;
	width: var(--r-w, 80%);
	max-width: var(--r-mw, 1080px);
	margin: var(--r-mt, 0) auto var(--r-mb, 0);
	padding-top: var(--r-pt, 2%);
	padding-bottom: var(--r-pb, 2%);
}
.mm-col {
	margin-top: var(--c-mt, 0);
	margin-bottom: var(--c-mb, 0);
	padding-top: var(--c-pt, 0);
	padding-bottom: var(--c-pb, 0);
}
.mm-module {
	margin-top: var(--m-mt, 0);
	margin-bottom: var(--m-mb, 0);
	padding-top: var(--m-pt, 0);
	padding-bottom: var(--m-pb, 0);
}
.mm-row::after {
	content: '';
	display: block;
	clear: both;
}
.mm-col {
	float: left;
	width: 100%;
}
.mm-col--half,
.mm-col--1_2 { width: 50%; }
.mm-col--1_3 { width: 33.3333%; }
.mm-col--2_3 { width: 66.6667%; }
.mm-col--1_4 { width: 25%; }
.mm-col--3_4 { width: 75%; }
.mm-col--1_5 { width: 20%; }
.mm-col--1_6 { width: 16.6667%; }
.mm-text {
	margin-bottom: 2.2%;
}
.mm-w90 {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

/* ---- Landing (categorías, colecciones, marcas...) ---- */
.mm-landing .mm-row {
	width: 90%;
	max-width: 100%;
}
.mm-landing .mm-module--header {
	margin-top: 5%;
}

/* ---- Entrada de blog ---- */
.mm-section.mm-post-top {
	margin-top: 10px;
	padding-top: 20px;
}
.mm-post-top > .mm-module {
	margin-top: 20px;
	padding-top: 20px;
}
.mm-post-recent .mm-row {
	width: 90%;
	max-width: 100%;
}

/* ---- Ficha de producto (plantilla "Todos los productos") ---- */
.mm-section.mm-pdp-crumb {
	margin-top: 7%;
}
.mm-pdp-crumb > .mm-module {
	margin-top: 2%;
}
.mm-section.mm-pdp-main {
	margin-top: 0;
	padding-top: 0;
}
.mm-pdp-main .mm-row {
	width: 95%;
	max-width: 100%;
}
.mm-pdp-main .mm-row--related {
	padding-top: 23px;
}
.mm-pdp-main .mm-related {
	margin-left: 3%;
	margin-right: 3%;
}

/* ---- Imágenes y botones del contenido convertido (módulos de imagen y botón de Divi) ---- */
.mm-image {
	display: flex;
}
.mm-image-wrap,
.mm-image a {
	display: flex;
	max-width: 100%;
}
.mm-image img {
	max-width: 100%;
	height: auto;
}
/* El estilo de los botones sale de las opciones de Divi de cada tienda (variables --mm-btn-*, opción mmt_site). */
.mm-btn {
	display: inline-block;
	padding: 6px 20px;
	border: var(--mm-btn-border, 2px solid #2ea3f2);
	border-radius: var(--mm-btn-radius, 3px);
	background-color: var(--mm-btn-bg, transparent);
	color: var(--mm-btn-color, #2ea3f2);
	font-size: var(--mm-btn-size, 20px);
	font-weight: 500;
	line-height: 34px;
	text-decoration: none;
	transition: all 0.2s;
}
.mm-btn:hover {
	border: var(--mm-btn-border-h, 2px solid #2ea3f2);
	background-color: var(--mm-btn-bg-h, rgba(0, 0, 0, 0.05));
	color: var(--mm-btn-color-h, #2ea3f2);
}
/* Iconos en SVG del bloque de beneficios de la ficha (sustituyen a Font Awesome) */
.icono-wrapper svg {
	width: 24px;
	height: 24px;
	color: #4b457c;
}

/* ---- Acordeón del contenido convertido (módulo accordion de Divi) ---- */
.mm-accordion {
	border-top: 1px solid #e3e3ec;
}
.mm-accordion__item {
	border-bottom: 1px solid #e3e3ec;
}
.mm-accordion__summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 18px 4px;
	color: #333;
	font-weight: 600;
	cursor: pointer;
	list-style: none;
}
.mm-accordion__summary::-webkit-details-marker {
	display: none;
}
.mm-accordion__summary::after {
	content: '+';
	flex-shrink: 0;
	font-size: 22px;
	font-weight: 400;
	color: var(--mm-accent, #e69130);
	transition: transform 0.2s;
}
.mm-accordion__item[open] > .mm-accordion__summary::after {
	transform: rotate(45deg);
}
.mm-accordion__body {
	padding: 0 4px 20px;
	color: #666;
}
.mm-accordion__body > *:first-child {
	margin-top: 0;
}

/* ---- Blurb y divisor del contenido convertido (módulos blurb/divider de Divi) ---- */
.mm-blurb {
	background-color: #f7f7f7;
	border-radius: 6px;
	padding: 24px;
	text-align: center;
}
.mm-blurb-link {
	display: block;
	color: inherit;
	text-decoration: none;
}
.mm-blurb__img img {
	max-width: 100%;
	height: auto;
	border-radius: 4px;
	margin: 0 auto 16px;
}
.mm-blurb__title {
	margin: 0 0 10px;
	font-size: 18px;
	color: #333;
}
.mm-blurb__title a {
	color: inherit;
	text-decoration: none;
}
.mm-blurb__body {
	color: #666;
}
.mm-blurb__body > *:first-child {
	margin-top: 0;
}
.mm-divider {
	display: block;
	max-width: 100%;
	margin: 2em auto;
	border: none;
	border-top: 1px solid #e3e3ec;
}

/* ---- 404 ---- */
.mm-404 .mm-module {
	margin-bottom: 2.75%;
}
.mm-404 h1 {
	color: #fff;
	font-size: 50px;
	font-weight: 800;
	text-align: center;
}
.mm-404 p {
	color: #fff;
	font-weight: 600;
	text-align: center;
}
.mm-404 .mm-btn-wrap {
	text-align: center;
	margin-bottom: 0;
}
.mm-404 .mm-btn:hover,
.mm-404 .mm-btn {
	display: inline-block;
	padding: 6px 20px;
	border: var(--mm-btn-border, 0 solid #3a3971);
	border-radius: 10px;
	background-color: #e69130;
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	line-height: 34px;
}

/* ---- Búsqueda ---- */
.mm-search .mm-row {
	width: 90%;
	max-width: 100%;
	margin-top: 5%;
}

/* ---- Tablet (<=980px) y móvil (<=767px), como los puntos de corte de Divi ---- */
@media (max-width: 980px) {
	.mm-section {
		width: var(--s-w-t, var(--s-w, auto));
		max-width: var(--s-mw-t, var(--s-mw, none));
		margin-top: var(--s-mt-t, var(--s-mt, 0));
		margin-bottom: var(--s-mb-t, var(--s-mb, 0));
		padding-top: var(--s-pt-t, var(--s-pt, 4%));
		padding-bottom: var(--s-pb-t, var(--s-pb, 4%));
	}
	.mm-section--full {
		padding-top: var(--s-pt-t, var(--s-pt, 0));
		padding-bottom: var(--s-pb-t, var(--s-pb, 0));
	}
	.mm-row {
		width: var(--r-w-t, var(--r-w, 80%));
		max-width: var(--r-mw-t, var(--r-mw, 1080px));
		margin: var(--r-mt-t, var(--r-mt, 0)) auto var(--r-mb-t, var(--r-mb, 0));
		padding-top: var(--r-pt-t, var(--r-pt, 2%));
		padding-bottom: var(--r-pb-t, var(--r-pb, 2%));
	}
	.mm-col {
		margin-top: var(--c-mt-t, var(--c-mt, 0));
		margin-bottom: var(--c-mb-t, var(--c-mb, 0));
		padding-top: var(--c-pt-t, var(--c-pt, 0));
		padding-bottom: var(--c-pb-t, var(--c-pb, 0));
	}
	.mm-module {
		margin-top: var(--m-mt-t, var(--m-mt, 0));
		margin-bottom: var(--m-mb-t, var(--m-mb, 0));
		padding-top: var(--m-pt-t, var(--m-pt, 0));
		padding-bottom: var(--m-pb-t, var(--m-pb, 0));
	}
	.mm-col,
	[class*='mm-col--'] {
		width: 100%;
	}
	.mm-section.mm-post-top {
		margin-top: 25px;
	}
	.mm-pdp-buy {
		padding-top: 4%;
	}
}
@media (max-width: 767px) {
	.mm-section {
		width: var(--s-w-p, var(--s-w-t, var(--s-w, auto)));
		max-width: var(--s-mw-p, var(--s-mw-t, var(--s-mw, none)));
		margin-top: var(--s-mt-p, var(--s-mt-t, var(--s-mt, 0)));
		margin-bottom: var(--s-mb-p, var(--s-mb-t, var(--s-mb, 0)));
		padding-top: var(--s-pt-p, var(--s-pt-t, var(--s-pt, 4%)));
		padding-bottom: var(--s-pb-p, var(--s-pb-t, var(--s-pb, 4%)));
	}
	.mm-section--full {
		padding-top: var(--s-pt-p, var(--s-pt-t, var(--s-pt, 0)));
		padding-bottom: var(--s-pb-p, var(--s-pb-t, var(--s-pb, 0)));
	}
	.mm-row {
		width: var(--r-w-p, var(--r-w-t, var(--r-w, 80%)));
		max-width: var(--r-mw-p, var(--r-mw-t, var(--r-mw, 1080px)));
		margin: var(--r-mt-p, var(--r-mt-t, var(--r-mt, 0))) auto var(--r-mb-p, var(--r-mb-t, var(--r-mb, 0)));
		padding-top: var(--r-pt-p, var(--r-pt-t, var(--r-pt, 2%)));
		padding-bottom: var(--r-pb-p, var(--r-pb-t, var(--r-pb, 2%)));
	}
	.mm-col {
		margin-top: var(--c-mt-p, var(--c-mt-t, var(--c-mt, 0)));
		margin-bottom: var(--c-mb-p, var(--c-mb-t, var(--c-mb, 0)));
		padding-top: var(--c-pt-p, var(--c-pt-t, var(--c-pt, 0)));
		padding-bottom: var(--c-pb-p, var(--c-pb-t, var(--c-pb, 0)));
	}
	.mm-module {
		margin-top: var(--m-mt-p, var(--m-mt-t, var(--m-mt, 0)));
		margin-bottom: var(--m-mb-p, var(--m-mb-t, var(--m-mb, 0)));
		padding-top: var(--m-pt-p, var(--m-pt-t, var(--m-pt, 0)));
		padding-bottom: var(--m-pb-p, var(--m-pb-t, var(--m-pb, 0)));
	}
	.mm-section.mm-pdp-crumb {
		margin-top: 30%;
	}
	.mm-pdp-buy {
		padding-top: 0;
	}
	.mm-pdp-buy .mm-w90 {
		width: 100%;
	}
	.mm-search .mm-row {
		margin-top: 32%;
	}
}