<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CozyReads – Shop</title>
    
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="shop.css">
</head>
<body>

<div class="container">
    
    <div class="shop-header">
        <h1>✧ Welcome to the shop ✧</h1>
        <p>Hand-poured soy candles, literary scents, and cozy gift sets.<br>Everything you need to make your reading time special.</p>
    </div>

<div class="section-block">
		<h2>
		🕯️	Candles
		</h2>
        <p>Each candle is inspired by a book or a character. Sherlock's Library smells like old paper and tobacco. Jane's Garden — like fresh roses and tea after rain. Midnight Poet — like dark vanilla, cedar and ink.<br>
        <strong>Find the scent that fits your mood.</strong></p>
        
        <a href="https://web-school.susu.ru/adelina/phpscr/svechi/" target="_blank" class="btn-explore">Explore candles →</a>
    </div>

<div class="section-block gift-block">
        <h2>🎁 Bundles – perfect for gifts</h2>
        <p>Not sure which candle to choose? Or looking for a present for a book lover?<br>
        Bundles combine two candles in a beautiful gift box with a handmade bookmark.<br>
        You save money, and your friend gets a real reading experience.<br>
        <span class="highlight">Yes, you can gift yourself too. No judgement.</span></p>
        
        <a href="https://web-school.susu.ru/adelina/phpscr/modalokna/" target="_blank" class="btn-explore">Explore bundles →</a>
    </div>

<div class="section-block soy-block">
        <h2>🌱 Why soy wax?</h2>
        <p>Because it's natural, clean, and burns longer. No toxins, no black smoke — just a soft glow and a real bookish atmosphere.<br>
        <em>And yes, the jar is reusable. Use it for tea lights, pens, or small flowers.</em></p>
    </div>

<div class="quote-block">
        <p>“I bought the Night Reader's Set for my sister. She said it's the best gift she ever got.”<br>— real customer, not a robot :)</p>
    </div>
</div>

<footer>
    <p>© 2026 CozyReads – candles for your quiet moments</p>
</footer>

body {
    background: #2c2418;  /* тёмный тёплый фон */
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #f5ede4;  /* основной текст — светло-бежевый */
}

.shop-header {
    text-align: center;
    margin: 60px 0 40px;
}

.shop-header h1 {
    font-size: 2.7rem;
    font-weight: 500;
    color: #fff3e8;  /* почти белый с тёплым оттенком */
    margin-bottom: 15px;
}

.shop-header p {
    font-size: 1.2rem;
    color: #e8d9ce;  /* светло-бежевый, хорошо читается */
    max-width: 650px;
    margin: 0 auto;
}

.section-block {
    background: #3a2e24;  /* карточки чуть светлее фона */
    border-radius: 28px;
    padding: 30px 35px;
    margin-bottom: 35px;
    box-shadow: 0 6px 14px rgba(0,0,0,0.2);
    transition: transform 0.2s;
}

.section-block:hover {
    transform: translateY(-3px);
}

.section-block h2 {
    font-size: 1.9rem;
    font-weight: 500;
    color: #fff3e8;
    margin-bottom: 15px;
}

.section-block p {
    font-size: 1.05rem;
    color: #e8d9ce;
    line-height: 1.5;
    margin-bottom: 20px;
}

.btn-explore {
    background: #c47a44;
    color: #fff3e8;
    border: none;
    padding: 10px 28px;
    border-radius: 40px;
    font-size: 0.95rem;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    transition: 0.2s;
}

.btn-explore:hover {
    background: #a86334;
    color: white;
    text-decoration: none;
    transform: scale(1.02);
}

.gift-block {
    background: #4a3a2c;
    border-left: 6px solid #c47a44;
}

.highlight {
    background: #5c4836;
    padding: 2px 8px;
    border-radius: 30px;
    font-style: italic;
    color: #f5e2c9;
}

.soy-block {
    background: #3a2e24;
}

.quote-block {
    text-align: center;
    background: #3a2e24;
    border-radius: 40px;
    padding: 25px;
    margin: 40px 0 30px;
    font-size: 1.1rem;
    color: #e8d9ce;
    font-style: italic;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}

footer {
    text-align: center;
    padding: 30px;
    color: #b8a690;
    border-top: 1px solid #4a3a2c;
    margin-top: 20px;
}

Results:

CozyReads – Shop

✧ Welcome to the shop ✧

Hand-poured soy candles, literary scents, and cozy gift sets.
Everything you need to make your reading time special.

🕯️ Candles

Each candle is inspired by a book or a character. Sherlock's Library smells like old paper and tobacco. Jane's Garden — like fresh roses and tea after rain. Midnight Poet — like dark vanilla, cedar and ink.
Find the scent that fits your mood.

Explore candles →

🎁 Bundles – perfect for gifts

Not sure which candle to choose? Or looking for a present for a book lover?
Bundles combine two candles in a beautiful gift box with a handmade bookmark.
You save money, and your friend gets a real reading experience.
Yes, you can gift yourself too. No judgement.

Explore bundles →

🌱 Why soy wax?

Because it's natural, clean, and burns longer. No toxins, no black smoke — just a soft glow and a real bookish atmosphere.
And yes, the jar is reusable. Use it for tea lights, pens, or small flowers.

“I bought the Night Reader's Set for my sister. She said it's the best gift she ever got.”
— real customer, not a robot :)