:root {
    --orange: #ff6900;
    --orange-hover: #e86100;
    --bg-gray: #f3f3f7;
    --text-main: #000;
    --text-gray: #5c5f6a;
    --shadow: 0 4px 20px rgba(0,0,0,0.08);
}

* { box-sizing: border-box; margin: 0; padding: 0; }
body { 
    font-family: system-ui, -apple-system, sans-serif; 
    background: #fff; 
    color: var(--text-main);
}

.container { max-width: 1280px; margin: 0 auto; padding: 0 20px; }

/* Header */
header { padding: 20px 0; }
.header-flex { display: flex; justify-content: space-between; align-items: center; }
.header-left { display: flex; gap: 40px; align-items: center; }
.logo { width: 200px; }
.delivery-info b { display: block; font-size: 16px; }

/* Sticky Nav */
.sticky-nav { 
    position: sticky; top: 0; background: rgba(255, 255, 255, 0.9); 
    backdrop-filter: blur(10px); z-index: 1000; border-bottom: 1px solid #f0f0f0;
}
.nav-flex { display: flex; justify-content: space-between; align-items: center; height: 64px; }
.nav-links { display: flex; list-style: none; gap: 28px; }
.nav-links a { text-decoration: none; color: var(--text-main); font-weight: 600; font-size: 14px; }
.btn-cart { background: var(--orange); color: #fff; border: none; padding: 10px 24px; border-radius: 25px; font-weight: bold; cursor: pointer; transition: 0.2s; }
.btn-cart:hover { background: var(--orange-hover); }

/* Stories */
.stories-row { display: flex; gap: 12px; margin: 30px 0; overflow-x: auto; scrollbar-width: none; }
.stories-row::-webkit-scrollbar { display: none; }
.story-item { min-width: 152px; height: 190px; border-radius: 12px; background-size: cover; cursor: pointer; transition: 0.2s; flex-shrink: 0; }
.story-item:hover { transform: translateY(-4px); }

/* Product Grid */
.product-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 40px 30px; margin-bottom: 100px; }
.card { display: flex; flex-direction: column; }
.card-img { width: 100%; cursor: pointer; transition: 0.2s; }
.card-img:hover { transform: translateY(8px); }
.card h3 { font-size: 20px; margin: 12px 0 8px; }
.card p { color: var(--text-gray); font-size: 14px; flex-grow: 1; }
.card-footer { display: flex; justify-content: space-between; align-items: center; margin-top: 16px; }
.price { font-size: 18px; font-weight: bold; }
.btn-add { background: #fff0e6; color: #d15700; border: none; padding: 8px 24px; border-radius: 20px; font-weight: 600; cursor: pointer; }

.cookie { position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); background: #fff; padding: 12px 24px; border-radius: 12px; box-shadow: var(--shadow); font-size: 13px; z-index: 2000; width: 90%; max-width: 500px; text-align: center; }