/* The Marcos catalogue shares the current Calendarios visual system. */
.lemare-marcos-main { padding-top: var(--lemare-marcos-header-height, 184px); }
@media (min-width: 641px) {
 .lemare-marcos-grid > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
 .lemare-marcos-grid > div > .lemare-calendar-card { grid-column: auto; }
}
/* Four products in one desktop row; tablet and phone retain readable cards. */
@media (min-width: 1025px) {
 .lemare-marcos-grid > div { grid-template-columns: repeat(4, minmax(0, 1fr)); }
 .lemare-marcos-grid > div > .lemare-calendar-card { grid-column: auto; }
}
.lemare-frame-sizes { border: 0; padding: 0; margin: 1.25rem 0 0; min-width: 0; }
.lemare-frame-sizes legend { margin-bottom: .75rem; color: var(--lemare-green-dark); font-family: Montserrat-Regular, sans-serif; font-size: .9rem; }
.lemare-frame-sizes > div { display: flex; flex-wrap: wrap; gap: .6rem; }
.lemare-frame-sizes button { display: flex; flex-direction: column; align-items: center; gap: .4rem; padding: .8rem; border: 1px solid var(--lemare-green); border-radius: 6px; background: transparent; color: var(--lemare-green-dark); font: .85rem Montserrat-Regular, sans-serif; cursor: pointer; }
.lemare-frame-sizes button:hover,
.lemare-frame-sizes button:focus-visible,
.lemare-frame-sizes button[aria-pressed="true"] {
 border-color: var(--lemare-green);
 background: var(--lemare-green);
 color: #fff;
 box-shadow: 0 8px 18px rgb(94 110 88 / .15);
 outline: none;
}
@media (max-width: 640px) {
 .lemare-frame-sizes { order: 4; width: 100%; }
 .navbar:has(#m_marcos) .navbar-nav > div > a { font-size: clamp(10.5px, 2.85vw, 14px); padding-inline: 2px; }
}
/* Seven sections retain the centred logo and one menu row on wide screens. */
@media (min-width: 1200px) {
 .navbar:has(#m_marcos) .navbar-nav { gap: 0; }
 .navbar:has(#m_marcos) .navbar-nav > div > a { font-size: clamp(14px, 1.1vw, 18px); padding-inline: 4px; }
}


/* All supplied frame photos are 4:5: show the full thumbnail without letterboxing. */
.lemare-marcos-product-page .lemare-product-thumb img { aspect-ratio: 4 / 5; height: auto; object-fit: cover; background: transparent; }
/* Match album size buttons in rest, hover and selected states. */
.lemare-frame-sizes button { background: #fff; border-color: rgba(141,140,96,.45); transition: background .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease; }
.lemare-frame-sizes button:hover,
.lemare-frame-sizes button:focus-visible,
.lemare-frame-sizes button[aria-pressed="true"] { border-color: var(--lemare-green); background: var(--lemare-green); color: #fff; box-shadow: 0 8px 18px rgb(94 110 88 / .15); }