/* Kadaligh product card: 660x836 artboard, light/dark crossfade. */
.cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(12px, 1.2vw, 20px); }
.card-frame { aspect-ratio: 319 / 404; border-radius: clamp(18px, 1.7vw, 28px); background: #0e0d0c; box-shadow: 0 36px 70px -34px rgba(28, 18, 8, 0.42), 0 4px 14px -8px rgba(0, 0, 0, 0.18); overflow: hidden; position: relative; }
.direct-card { container-type: inline-size; position: absolute; inset: 0; width: 100%; height: 100%; }
.direct-card__artboard { position: relative; width: 660px; height: 836px; transform: scale(var(--direct-scale, 1)); transform-origin: top left; overflow: hidden; background: #0e0d0c; }
.direct-card__photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.8s ease; }
.direct2-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 4.5s cubic-bezier(0.22, 1, 0.36, 1); }
body.is-night .direct2-video { opacity: 1; }
.direct2-grade { position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, rgba(10, 9, 8, 0) 46%, rgba(10, 9, 8, 0.38) 72%, rgba(10, 9, 8, 0.72) 100%), linear-gradient(0deg, rgba(10, 9, 8, 0.25), rgba(10, 9, 8, 0) 40%); }
.direct-footer { position: absolute; left: 6.2%; right: 6.2%; bottom: 5.4%; display: flex; gap: 4cqw; align-items: flex-start; }
.direct-footer__icon { flex: 0 0 auto; width: 11cqw; height: 11cqw; min-width: 40px; min-height: 40px; max-width: 72px; max-height: 72px; border-radius: 50%; background: #3fae6b; color: #fff; display: grid; place-items: center; font-size: 6cqw; }
.direct-footer__text { min-width: 0; }
.direct-footer__title { margin: 0 0 1.4cqw; color: #fff; font-size: clamp(18px, 5.6cqw, 36px); font-weight: 700; letter-spacing: -0.6px; line-height: 1.12; }
.direct-footer__desc { margin: 0 0 1.6cqw; color: #d7d2c9; font-size: clamp(13px, 4.2cqw, 27px); line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.direct-footer__price { margin: 0; color: #fff; font-weight: 700; font-size: clamp(14px, 4.4cqw, 28px); }
.direct-footer__price del { opacity: 0.6; font-weight: 400; margin-right: 0.6em; }
.direct-footer__price ins { text-decoration: none; }
.direct-card__link { position: absolute; inset: 0; z-index: 5; }
@media (max-width: 920px) {
	html, body { overflow-x: clip; }
	body { overflow-y: auto; }
	.cards { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 540px) {
	.cards { grid-template-columns: 1fr; max-width: 380px; margin-left: auto; margin-right: auto; }
}