.canfora-availability { max-width: 470px; padding: 22px; background: linear-gradient(120deg, #301323, #1a141b); border: 1px solid #703047; border-radius: 5px 20px 20px 20px; }
.canfora-availability > span { display: block; margin-bottom: 10px; color: #ff77b8; font-size: 10px; font-weight: 800; letter-spacing: .15em; }
.canfora-availability > strong { display: block; color: #fff; font-size: 21px; line-height: 1.4; }
.canfora-availability p { margin: 12px 0 0; color: var(--muted); font-size: 13px; line-height: 1.8; }
.canfora-stage .product-frame { padding: 26px; border-radius: 130px 130px 18px 18px; }
.canfora-stage .chip-top { top: 12px; right: -5px; }
.canfora-reel-section { background: radial-gradient(ellipse at 78% 50%, #42192f, transparent 63%), #171118; border-block: 1px solid var(--line); }
.canfora-reel-layout { align-items: center; }
.canfora-reel-frame { width: min(100%, 430px); margin-inline: auto; padding: 10px; background: #fff; border: 1px solid #86506d; border-radius: 18px; box-shadow: 0 20px 70px #0006; }
.canfora-reel-frame iframe { display: block; width: 100%; height: 760px; border: 0; border-radius: 10px; background: #fff; }
.canfora-reel-direct { display: block; padding: 15px 10px; background: #241725; color: #ff9ad0; border-radius: 0 0 9px 9px; text-align: center; font-size: 12px; font-weight: 800; line-height: 1.7; text-underline-offset: 4px; }
.canfora-reel-help { max-width: 420px; margin: 20px 0 0; color: var(--muted); font-size: 11px; line-height: 1.85; }
.canfora-visit { margin-top: 22px; color: var(--muted); font-size: 13px; line-height: 1.85; }
.canfora-visit strong { color: #fff; }
@media (max-width: 560px) { .canfora-availability { padding: 18px; } .canfora-availability > strong { font-size: 19px; } .canfora-stage .product-frame { padding: 18px; border-radius: 90px 90px 14px 14px; } .canfora-reel-frame { padding: 6px; border-radius: 13px; } .canfora-reel-frame iframe { height: 700px; } .canfora-reel-direct { font-size: 11px; } }
