<?= $block->headerHTML() ?>

<main class="kai_product">
    <div class="card">
        <div class="card__img">
            <picture>
                <img src="<?= $block->getImage() ?>" alt="<?= $block->getProduct()->getName() ?>">
            </picture>
        </div>
        <div class="card__content">
            <h1 class="card__title"><?= $block->getProduct()->getName() ?></h1>
            <p class="card__desc"><?= $block->getCustomAttribute() ?></p>
            <div class="card__price">
                <h1><?= $block->getPrice() ?></h1>
            </div>
            <button class="card__btn">
                <img src="https://rvs-product-preview-card-component.vercel.app/images/icon-cart.svg" alt="">
                Detail
            </button>
        </div>
    </div>
</main>
