/* /functionality_module/static/src/scss/product_embed.scss */
 :root{--accent: #4DA7AE; --accent-dark: #0F172A; --accent-opacity--12: rgba(77, 167, 174, 0.12);}body{font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: transparent !important; margin: 0; padding: 0; overflow: hidden;}.basalt-card{background: #ffffff; max-width: 300px; margin: auto; border: 1px solid #eee; border-radius: 8px; overflow: hidden;}.basalt-card-media{position: relative; display: block; aspect-ratio: 4 / 5; background: rgba(77, 167, 174, 0.055); overflow: hidden; text-decoration: none;}.basalt-card-link{display: block; width: 100%; height: 100%;}.basalt-card-media img{width: 100%; height: 100%; object-fit: cover; transition: transform 0.35s ease;}.basalt-card:hover .basalt-card-media img{transform: scale(1.02);}.basalt-quick-add{position: absolute; left: 14px; right: 14px; bottom: 14px; border: 1px solid var(--accent-opacity--12); background: #ffffff; color: var(--accent-dark); padding: 0; opacity: 0; transform: translateY(10px); transition: opacity 0.24s ease, transform 0.24s ease; text-decoration: none;}.basalt-card:hover .basalt-quick-add{opacity: 1; transform: translateY(0);}.basalt-quick-add-link{display: -webkit-box; display: -webkit-flex; display: flex; width: 100%; align-items: center; justify-content: space-between; padding: 7px 10px; font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; font-weight: 600; color: var(--accent-dark); text-decoration: none; box-sizing: border-box;}.basalt-quick-add-link span:last-child{width: 18px; height: 18px; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center;}.basalt-card-meta{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; gap: 8px; padding: 12px 10px;}.basalt-name{margin: 0; color: var(--accent-dark); font-size: 13px; font-weight: 500; line-height: 1.35; text-transform: uppercase; letter-spacing: 0.03em; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;}.basalt-price{margin: 0; color: rgba(15, 23, 42, 0.68); font-size: 13px; font-weight: 500; line-height: 1.35; white-space: nowrap;}