<!DOCTYPE html>
<html lang="cs">

<head>
    <meta keywords="Karta produktu, Sněhulák, Psí hračka">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.karta.css">
    <title>Karta produktu</title>
</head>

<body>
    <!-- Product Card -->
    <div class="product-card">
        <!-- Product Labels -->
        <div class="whell">
            <span class="product-only">Jen u nás</span>
            <span class="discount-badge">-27%</span>
        </div>
        <!-- Product Image -->
        <div class="product-image-container">
            <img class="product-image" src="img/psi-hracka.png" />
        </div>

        <!-- Product Title -->
        <h1>M-Pets Hračka Holly vánoční sněhulák</h1>

        <!-- Product Description -->
        <p><strong>Hračka pro psy - pro střední a velká plemena, vydává zvuky, materiál polyester, bílá barva</strong>
        </p>

        <!-- Product Change Offer -->
        <div class="product-change">
            <div>Výměna nevhodného dárku za poukaz do 31.1.2024 nyní zdarma! Více informací klini na odkaz: Výměna
                dárku.
            </div>
            <div class="button-container">
                <a class="button" href="#">Výměna dárku</a>
            </div>
        </div>

        <!-- Product Price -->
        <div class="product-price-container">
            <p class="product-price-old">149,-</p>
            <span class="product-price">109,-</span>
            <span><a class="shopping-button" href="#">Do košíku</a></span>
        </div>

        <!-- Product Stock and Transport -->
        <span class="stock">Skladem > 5 ks</span>
        <span class="transport">Doprava zdarma</span>
    </div>
</body>

</html>