nginx
tcp/80
Open service 109.122.221.199:80 · www.piackosar.hu
2026-01-04 09:25
HTTP/1.1 200 OK
Server: nginx
Date: Sun, 04 Jan 2026 09:25:24 GMT
Content-Type: text/html
Content-Length: 111538
Last-Modified: Sun, 04 Jan 2026 08:29:57 GMT
Connection: close
ETag: "695a2505-1b3b2"
Accept-Ranges: bytes
Page title: Piackosár - Magyar tájak, igazi ízek
<!DOCTYPE html>
<html lang="hu">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Piackosár - Magyar tájak, igazi ízek</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Source+Sans+3:wght@300;400;500;600&display=swap" rel="stylesheet">
<script src="https://js.stripe.com/v3/"></script>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
:root {
--cream: #FDF8F3;
--warm-white: #FFFDF9;
--terracotta: #C4704F;
--terracotta-dark: #A85A3B;
--forest: #2D4A3E;
--forest-light: #3D5A4E;
--wheat: #E8DCC4;
--gold: #D4A853;
--charcoal: #2C2C2C;
--soft-gray: #6B6B6B;
--success: #22c55e;
--error: #ef4444;
}
html {
scroll-behavior: smooth;
}
body {
font-family: 'Source Sans 3', sans-serif;
background: var(--cream);
color: var(--charcoal);
overflow-x: hidden;
}
/* === HEADER === */
header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1000;
padding: 1rem 3rem;
display: flex;
justify-content: space-between;
align-items: center;
background: linear-gradient(to bottom, rgba(253, 248, 243, 0.98), rgba(253, 248, 243, 0));
transition: all 0.3s ease;
}
header.scrolled {
background: rgba(253, 248, 243, 0.98);
backdrop-filter: blur(10px);
box-shadow: 0 2px 20px rgba(0,0,0,0.05);
}
.logo {
display: flex;
align-items: center;
gap: 0.75rem;
text-decoration: none;
cursor: pointer;
}
.logo-icon {
font-size: 2rem;
}
.logo-text {
font-family: 'Playfair Display', serif;
font-size: 1.75rem;
font-weight: 700;
color: var(--forest);
letter-spacing: -0.5px;
}
nav {
display: flex;
gap: 2.5rem;
align-items: center;
}
nav a {
text-decoration: none;
color: var(--charcoal);
font-weight: 500;
font-size: 0.95rem;
transition: color 0.2s;
position: relative;
cursor: pointer;
}
nav a::after {
content: '';
position: absolute;
bottom: -4px;
left: 0;
width: 0;
height: 2px;
background: var(--terracotta);
transition: width 0.3s ease;
}
nav a:hover::after {
width: 100%;
}
.cart-btn {
background: var(--forest);
color: white;
padding: 0.75rem 1.5rem;
border-radius: 50px;
display: flex;
align-items: center;
gap: 0.5rem;
font-weight: 500;
transition: all 0.3s ease;
border: none;
cursor: pointer;
font-size: 0.95rem;
}
.cart-btn:hover {
background: var(--forest-light);
transform: translateY(-2px);
}
.cart-btn::after {
display: none;
}
.cart-count {
background: var(--terracotta);
min-width: 20px;
height: 20px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 0.75rem;
padding: 0 6px;
}
/* === HERO === */
.hero {