/* MOON V12.2.2: foto clicable + inicio organizado + menú compacto; sin tocar checkout */
.moon-product-photo-link{position:absolute;inset:0;display:block;z-index:1;overflow:hidden;border-radius:inherit;cursor:pointer}
.moon-product-photo-link img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .2s}
.moon-product-photo-link:hover img{transform:scale(1.045)}
.moon-product-photo-link:focus-visible{outline:3px solid #ffc1d0;outline-offset:-3px}
.product .picture{position:relative;isolation:isolate}
.product .picture>.stock,.product .picture>.badge-v10{pointer-events:none;z-index:2}
.product .picture>.fav-v10{z-index:3}
.moon-card-detail-link{text-align:center;text-decoration:none}
.moon-recent-link{text-decoration:none;color:inherit;display:inline-flex;gap:8px;align-items:center}
.moon-recent-link:hover{color:#ffd7e4}
.moon-featured-home{margin:19px 0 22px;padding:20px;border:1px solid rgba(244,139,176,.26);border-radius:19px;background:linear-gradient(128deg,rgba(54,17,35,.97),rgba(29,15,34,.96));box-shadow:0 15px 32px #0004}
.moon-featured-home[hidden]{display:none!important}
.moon-featured-heading{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:15px}
.moon-featured-heading h2{margin:6px 0;font-size:clamp(19px,2.6vw,25px);color:#fff3f6}
.moon-featured-heading p{font-size:12px;color:#d9bbc8;margin:0}
.moon-featured-heading a{color:#ffd8e6;font-size:12px;text-decoration:none;font-weight:800;white-space:nowrap}
.moon-featured-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.moon-featured-item{min-width:0;display:flex;flex-direction:column;gap:7px;padding:10px;border:1px solid #854767;background:#291726;border-radius:13px;text-decoration:none;color:#fff}
.moon-featured-item:hover,.moon-featured-item:focus-visible{border-color:#f4b8d0;transform:translateY(-2px)}
.moon-featured-photo{height:170px;display:block;overflow:hidden;border-radius:10px;background:#15101a}
.moon-featured-photo img{height:100%;width:100%;object-fit:cover}
.moon-featured-name{font-size:13px;font-weight:800;line-height:1.4;min-height:2.8em;overflow:hidden}
.moon-featured-item strong{color:#ffccde;font-size:16px}
.moon-featured-item small{color:#d7a8bc}
#moonCategoryCircles.moon-category-circles{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;gap:10px;padding:7px 2px 17px;margin-bottom:3px}
#moonCategoryCircles.moon-category-circles button{flex:0 0 94px;min-width:0;font-size:12px}
#moonCategoryCircles .moon-cat-symbol{background:linear-gradient(135deg,#571e36,#2e1831)!important;border-color:#8e4567!important}
#moonCategoryCircles button[aria-pressed=true] .moon-cat-symbol{border-color:#f3a8ca!important;background:linear-gradient(135deg,#8e3d5e,#51223b)!important}
.catalog-start>.quickviews{margin:0 0 16px;gap:8px}
.catalog-start>.quickviews button{font-size:13px;min-height:40px;background:#381e32;border-color:#84506f;color:#ffe4ed}
.catalog-start>.quickviews button.active{background:#b75279;color:white;border-color:#eda1be}
.moon-brand-filter{border-top:1px solid #50344e;margin-top:14px;padding-top:12px}
.moon-brand-label{font-size:12px;font-weight:850;color:#f2c4d6;margin-bottom:9px}
.moon-brand-filter #marcasContainer{display:flex;flex-wrap:wrap;gap:8px;overflow:visible}
.moon-brand-filter #marcasContainer button{font-size:12px;min-height:38px}
.moon-nav-shade{background:rgba(5,3,8,.18)!important;backdrop-filter:none!important}
.moon-nav-drawer{top:103px!important;left:max(12px,calc((100vw - 1220px)/2))!important;inset:auto auto auto max(12px,calc((100vw - 1220px)/2))!important;width:min(316px,86vw)!important;height:auto!important;max-height:calc(100dvh - 119px)!important;border-radius:17px!important;padding:13px!important;box-shadow:0 15px 36px #0009!important;gap:6px!important}
.moon-nav-drawer a,.moon-nav-drawer button.moon-nav-link{font-size:13px!important;padding:10px 12px!important}
.moon-nav-head{padding-bottom:8px!important}
.moon-nav-label{margin:4px 6px 0!important}
body.moon-nav-locked{overflow:auto!important}
@media(max-width:760px){.moon-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.moon-featured-photo{height:150px}.moon-featured-home{padding:14px}.moon-nav-drawer{top:91px!important;left:9px!important;inset:auto auto auto 9px!important;max-height:calc(100dvh - 99px)!important}.moon-featured-heading{align-items:flex-start}.moon-featured-heading a{font-size:11px}}
@media(max-width:430px){.moon-featured-photo{height:120px}.moon-featured-grid{gap:8px}.moon-featured-item{padding:7px}.moon-featured-heading a{white-space:normal;text-align:right}#moonCategoryCircles.moon-category-circles button{flex-basis:82px}}

.recent-row .moon-recent-link{flex:none;border:1px solid #74425f;color:#f8efff;background:#2c1930;border-radius:10px;padding:7px;max-width:215px;text-align:left}
.hero-compact{background:linear-gradient(123deg,rgba(57,22,45,.95),rgba(32,19,40,.95) 63%,rgba(28,20,42,.94))!important;border-color:#75415f!important}
.hero-compact h1 em{color:#f3a4c5!important}
.moon-promo-marquee{background:linear-gradient(90deg,#2d152a,#783151,#36172e)!important}

/* MOON V12.2.3 — Inicio editorial, menú por categoría, ticker más legible */
.moon-catalog-results[hidden]{display:none!important}
.moon-categories-home{margin:20px 0 12px;padding:18px 20px 5px;background:linear-gradient(135deg,rgba(52,19,36,.95),rgba(26,14,36,.96));border:1px solid rgba(244,139,176,.28);border-radius:18px;box-shadow:0 10px 32px #0004}
.moon-categories-heading{padding:0 0 12px}
.moon-categories-heading h2{margin:5px 0;color:#fff0f5;font-size:clamp(19px,2.6vw,26px)}
.moon-categories-heading p{color:#dbc4d0;font-size:12px;margin:0}
.moon-featured-home{margin-top:12px}
.moon-categories-home .moon-category-circles button{flex-basis:91px}
.moon-categories-home .moon-category-circles{scroll-padding:10px;overscroll-behavior-x:contain}
.moon-categories-home .moon-category-circles button:focus-visible{outline:2px solid #ffb6d7;outline-offset:2px}
.moon-promo-marquee{padding:19px 0!important;font-size:13.5px!important;letter-spacing:1.1px!important;line-height:1.3!important;background:linear-gradient(90deg,#381c34,#833b5a,#341c32)!important}
.moon-ticker-track{gap:62px}
.hero-compact h1{letter-spacing:-.5px}
.hero-compact p{font-size:clamp(13px,1.25vw,15px);line-height:1.55;max-width:700px}
.moon-nav-drawer{top:103px!important;max-height:calc(100dvh - 125px)!important}
@media(max-width:760px){.moon-promo-marquee{padding:16px 0!important;font-size:12.5px!important;letter-spacing:.6px!important}.moon-categories-home{padding:14px 12px 3px;margin:14px 0 10px}.moon-categories-heading{padding:0 4px 10px}.moon-categories-home .moon-category-circles button{flex-basis:82px}.moon-nav-drawer{top:92px!important}}
@media(prefers-reduced-motion:reduce){.moon-ticker-track{animation:none;flex-wrap:wrap;width:auto;white-space:normal}}

/* En PC todas las categorías se ven sin desplazamiento lateral. */
.moon-categories-scroll-help{display:none}
@media(min-width:1020px){
 #moonCategoryCircles.moon-category-circles{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));overflow:visible;gap:6px}
 #moonCategoryCircles.moon-category-circles button{width:100%;flex:auto;font-size:11px}
 #moonCategoryCircles.moon-category-circles .moon-cat-symbol{width:clamp(55px,5.2vw,72px);height:clamp(55px,5.2vw,72px)}
}
@media(max-width:1019px){.moon-categories-scroll-help{display:block!important;color:#e5abc6!important;font-size:11px!important;padding:5px 0 0;font-weight:700}}