.merida-personal-home{margin-top:32px;margin-bottom:36px;padding-top:24px;padding-bottom:24px;border-top:1px solid #dce8ee;border-bottom:1px solid #dce8ee;color:#284b61}
.merida-style-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-bottom:18px}
.merida-style-heading h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(1.6rem,3vw,2.3rem);margin:0 0 8px;color:#284b61}
.merida-style-heading p,.merida-style-explanation{color:#648599;font-size:.9rem;line-height:1.6;margin:6px 0 18px}
.merida-style-heading .button,.merida-style-heading button{border:1px solid #ccdee8;border-radius:24px;background:#edf7fc;color:#426c82;padding:10px 16px;font:inherit;font-size:13px;cursor:pointer}
.merida-style-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 16px;margin:18px 0 26px}
.merida-style-card{min-width:0}.merida-style-card>a{text-decoration:none;color:#284b61;display:block}
.merida-style-card img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:16px;background:#f3f8fb}
.merida-style-card h3{font-size:.9rem;font-weight:500;line-height:1.5;margin:10px 0 6px;overflow-wrap:anywhere}
.merida-style-card-actions{display:flex;gap:8px;align-items:center;margin-top:10px}
.merida-style-card-actions .merida-favorite{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid #ccdee8;border-radius:50%;background:#f8fcfe;color:#54879f;font:inherit;font-size:24px;line-height:1;cursor:pointer}
.merida-style-card-actions .merida-favorite[aria-pressed=true]{background:#e5f2f9;border-color:#8bb4c8;color:#426c82}
.merida-favorite:disabled{opacity:.5;cursor:wait}.merida-favorite:focus-visible,.merida-style-login:focus-visible{outline:2px solid #54879f;outline-offset:3px}
.merida-style-login{display:inline-block;color:#426c82;font-size:13px;text-decoration:none;padding:8px 0}
.merida-style-empty{padding:24px;border:1px dashed #ccdee8;border-radius:16px;background:#f8fcfe;color:#648599}
@media(max-width:767px){.merida-style-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.merida-personal-home{margin-top:22px;padding-top:18px}.merida-style-heading{align-items:flex-start}}

/* Favorites sit over the upper-right corner of the garment image. */
.merida-style-card,.woocommerce ul.products li.ts-product-card{position:relative}
.merida-style-card>.merida-style-card-actions,.woocommerce ul.products li.ts-product-card>.merida-style-card-actions{position:absolute;top:10px;right:10px;z-index:3;margin:0}
.woocommerce ul.products li.ts-product-card>.merida-style-card-actions{top:22px;right:22px}
.merida-style-card-actions .merida-favorite,.merida-style-card-actions .merida-style-login{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;min-height:40px;box-sizing:border-box;margin:0;padding:0;border:1px solid #dce8ee;border-radius:50%;background:#ffffffed;color:#54879f;font-size:24px;line-height:1;text-decoration:none;box-shadow:0 2px 8px #284b6112}
.woocommerce-product-gallery .merida-gallery-favorite{position:absolute;top:12px;right:12px;z-index:8;margin:0}
.woocommerce-product-gallery:has(.merida-gallery-favorite) .woocommerce-product-gallery__trigger{right:60px}
/* Equal-height favorites and recommendation cards, with aligned price rows. */
.merida-style-grid{align-items:stretch;grid-auto-rows:1fr}
.merida-style-grid .merida-style-card{display:flex;flex-direction:column;height:100%;min-width:0}
.merida-style-grid .merida-style-card>a{display:flex;flex-direction:column;flex:1;min-width:0;height:100%}
.merida-style-grid .merida-style-card img{display:block;flex:none;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;margin:0}
.merida-style-grid .merida-style-card h3{flex:1;min-height:3em;margin:12px 0 8px;line-height:1.5}
.merida-style-grid .merida-style-card>a>span{display:block;flex:none;margin-top:auto;min-height:1.6em;line-height:1.6;padding-top:2px}
.merida-style-card-actions .merida-favorite[aria-pressed=true]{background:#fff1f3;border-color:#edb8c2;color:#d83d58}

.merida-style-loading{display:flex;align-items:center;justify-content:center;gap:12px;min-height:100px;padding:22px;border:1px solid #e0edf4;border-radius:16px;background:#f8fcfe;color:#648599;font-size:14px}
.merida-style-loading-dots{display:inline-flex;align-items:center;gap:5px}
.merida-style-loading-dots i{width:7px;height:7px;border-radius:50%;background:#54879f;animation:merida-style-dot 1.1s ease-in-out infinite}
.merida-style-loading-dots i:nth-child(2){animation-delay:.15s}.merida-style-loading-dots i:nth-child(3){animation-delay:.3s}
.merida-favorite:disabled{animation:merida-style-pending 1s ease-in-out infinite}
@keyframes merida-style-dot{0%,80%,100%{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}
@keyframes merida-style-pending{0%,100%{opacity:.45}50%{opacity:.85}}
@media(prefers-reduced-motion:reduce){.merida-style-loading-dots i,.merida-favorite:disabled{animation:none}}
/* A stable SVG avoids font-dependent heart alignment on phones. */
.merida-style-card-actions :is(.merida-favorite,.merida-style-login){flex:0 0 40px;min-width:40px;max-width:40px;vertical-align:middle}
.merida-style-card-actions .merida-favorite-icon{display:block!important;width:22px!important;height:22px!important;flex:0 0 22px;margin:0!important;padding:0!important;fill:none;stroke:currentColor;pointer-events:none}
.merida-style-card-actions .merida-favorite[aria-pressed=true] .merida-favorite-icon{fill:currentColor}
@media(max-width:600px){.merida-style-card>.merida-style-card-actions{top:8px;right:8px}.woocommerce ul.products li.ts-product-card>.merida-style-card-actions{top:14px;right:14px}.merida-style-card-actions :is(.merida-favorite,.merida-style-login){width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;line-height:1!important}}

/* Recommendations show the full garment rather than cropping to fill. */
.merida-style-grid .merida-style-card>a>img{object-fit:contain;object-position:center;aspect-ratio:3/4;width:100%;height:auto;box-sizing:border-box;background:#f3f8fb;border-radius:16px}