.matching-frames{width:100%;margin-block-start:0;padding-block-start:32px;padding-block-end:0}.matching-frames__inner{background-color:#faf7f2;border:1px solid #E8DFD3;border-radius:12px;padding:28px 24px 20px}.matching-frames__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:20px}.matching-frames__header-text{flex:1}.matching-frames__title{font-family:Cormorant Garamond,Georgia,serif;font-size:1.15rem;font-weight:400;font-style:italic;letter-spacing:.02em;color:#3a3530;margin:0 0 4px;line-height:1.2}.matching-frames__subtitle{font-family:Inter,sans-serif;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:#8b7355;margin:0;line-height:1.4}.matching-frames__badge{flex-shrink:0;display:inline-block;background-color:#c9a961;color:#faf7f2;font-family:Inter,sans-serif;font-size:.6rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;padding:4px 10px;border-radius:20px;white-space:nowrap;margin-top:2px}.matching-frames__loading{display:flex;align-items:center;justify-content:center;padding:24px}.matching-frames__spinner{display:inline-block;width:20px;height:20px;border:2px solid #E8DFD3;border-top-color:#8b7355;border-radius:50%;animation:mf-spin .7s linear infinite}@keyframes mf-spin{to{transform:rotate(360deg)}}.matching-frames__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media screen and (max-width:500px){.matching-frames__grid{grid-template-columns:1fr}}.frame-card{display:flex;flex-direction:column;background-color:#fff;border:1.5px solid #E8DFD3;border-radius:10px;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease;cursor:pointer}.frame-card--selected{border-color:#8b7355;box-shadow:0 0 0 2px #8b73552e}.frame-card__image-wrap{aspect-ratio:1;background-color:#f3eee7;display:flex;align-items:center;justify-content:center;overflow:hidden}.frame-card__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.frame-card:hover .frame-card__image{transform:scale(1.03)}.frame-card__image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#e8dfd3,#f3eee7)}.frame-card__body{padding:12px 12px 14px;display:flex;flex-direction:column;gap:4px;flex:1}.frame-card__name{font-family:Inter,sans-serif;font-size:.78rem;font-weight:500;letter-spacing:.04em;color:#3a3530;margin:0;line-height:1.3}.frame-card__size{font-family:Inter,sans-serif;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:#8b7355;margin:0}.frame-card__pricing{display:flex;align-items:center;gap:6px;margin-block:6px 10px;flex-wrap:wrap}.frame-card__price-original{font-family:Inter,sans-serif;font-size:.72rem;color:#b0a496;text-decoration:line-through;text-decoration-color:#c4ae96}.frame-card__price-sale{font-family:Inter,sans-serif;font-size:.88rem;font-weight:500;color:#3a3530;letter-spacing:.01em}.frame-card__unavailable{font-family:Inter,sans-serif;font-size:.68rem;color:#b0a496;font-style:italic}.frame-card__btn{display:block;width:100%;min-height:44px;padding:10px 12px;border:1.5px solid #8B7355;border-radius:8px;background:transparent;color:#8b7355;font-family:Inter,sans-serif;font-size:.68rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease;margin-top:auto}.frame-card__btn:hover:not(:disabled){background-color:#8b7355;color:#faf7f2}.frame-card__btn[aria-pressed=true],.frame-card--selected .frame-card__btn{background-color:#8b7355;color:#faf7f2;border-color:#8b7355}.frame-card__btn--disabled,.frame-card__btn:disabled{border-color:#e8dfd3;color:#c4ae96;cursor:not-allowed;opacity:.7}.matching-frames__note{font-family:Inter,sans-serif;font-size:.62rem;letter-spacing:.06em;color:#b0a496;margin:16px 0 0;text-align:center;line-height:1.5}@media screen and (max-width:749px){.matching-frames__inner{padding:20px 16px 16px}.matching-frames__grid{grid-template-columns:repeat(3,1fr);gap:8px}.frame-card__body{padding:10px 10px 12px}.frame-card__name{font-size:.72rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/matching-frames.css.map */