*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
–dark: #3a3530;
–dark2: #2a2520;
–gold: #b8975a;
–gold2: #cda96a;
–cream: #f5f3ef;
–white: #ffffff;
–text: #1c1a17;
–muted: #7a7570;
–border: rgba(0,0,0,0.08);
–serif: ‘Cormorant Garamond’, ‘Playfair Display’, Georgia, serif;
–sans: ‘Inter’, system-ui, sans-serif;
}
html { scroll-behavior: smooth; }
body { font-family: var(–sans); background: var(–white); color: var(–text); line-height: 1.7; }
/* NAV */
.nav {
background: var(–dark);
padding: 0 2rem;
height: 56px;
display: flex;
align-items: center;
justify-content: space-between;
position: sticky;
top: 0;
z-index: 100;
}
.nav-logo {
font-family: var(–serif);
font-size: 20px;
font-weight: 300;
color: var(–gold);
text-decoration: none;
letter-spacing: 0.06em;
}
.nav-links {
display: flex;
gap: 0;
list-style: none;
}
.nav-links a {
font-size: 11px;
letter-spacing: 0.12em;
text-transform: uppercase;
color: rgba(255,255,255,0.6);
text-decoration: none;
padding: 0 1.1rem;
height: 56px;
display: flex;
align-items: center;
border-left: 0.5px solid rgba(255,255,255,0.08);
transition: color 0.15s, background 0.15s;
}
.nav-links a:hover { color: var(–gold); background: rgba(255,255,255,0.04); }
.nav-links .active {
background: var(–gold);
color: var(–dark2);
font-weight: 500;
}
.nav-links .active:hover { background: var(–gold2); }
/* HERO */
.hero {
background: var(–dark);
padding: 4.5rem 2rem 4rem;
text-align: center;
}
.hero-eyebrow {
font-size: 10px;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(–gold);
margin-bottom: 1rem;
}
.hero-title {
font-family: var(–serif);
font-size: clamp(32px, 5vw, 52px);
font-weight: 300;
color: #fff;
line-height: 1.15;
margin-bottom: 0.75rem;
letter-spacing: 0.02em;
}
.hero-title em {
font-style: italic;
color: var(–gold);
}
.hero-sub {
font-size: 14px;
color: rgba(255,255,255,0.55);
letter-spacing: 0.04em;
max-width: 480px;
margin: 0 auto;
}
/* FILTER BAR */
.filter-bar {
background: var(–dark);
border-top: 0.5px solid rgba(255,255,255,0.1);
display: flex;
overflow-x: auto;
scrollbar-width: none;
justify-content: center;
}
.filter-bar::-webkit-scrollbar { display: none; }
.filter-btn {
background: none;
border: none;
border-bottom: 2px solid transparent;
padding: 1rem 1.5rem;
font-family: var(–sans);
font-size: 10px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: rgba(255,255,255,0.45);
cursor: pointer;
white-space: nowrap;
transition: color 0.15s, border-color 0.15s;
}
.filter-btn:hover { color: rgba(255,255,255,0.8); }
.filter-btn.active {
color: var(–gold);
border-bottom-color: var(–gold);
}
/* SECTIONS */
.shop-section {
padding: 4rem 2rem;
max-width: 1120px;
margin: 0 auto;
}
.shop-section.bg-cream {
background: var(–cream);
max-width: 100%;
padding: 4rem 2rem;
}
.shop-section.bg-cream .inner {
max-width: 1120px;
margin: 0 auto;
}
.section-header { margin-bottom: 2.5rem; }
.section-eyebrow {
font-size: 10px;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(–gold);
margin-bottom: 0.5rem;
}
.section-title {
font-family: var(–serif);
font-size: clamp(22px, 3.5vw, 32px);
font-weight: 300;
color: var(–text);
line-height: 1.2;
letter-spacing: 0.01em;
}
.section-desc {
font-size: 13.5px;
color: var(–muted);
margin-top: 0.4rem;
max-width: 520px;
line-height: 1.6;
}
/* EXPERIENCE CARD */
.exp-card {
background: var(–dark);
border-radius: 2px;
overflow: hidden;
display: flex;
min-height: 260px;
}
.exp-card-text {
padding: 2rem 2rem 1.75rem;
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.exp-eyebrow {
font-size: 10px;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(–gold);
margin-bottom: 0.5rem;
}
.exp-title {
font-family: var(–serif);
font-size: clamp(20px, 3vw, 28px);
font-weight: 300;
line-height: 1.25;
color: #fff;
margin-bottom: 0.75rem;
letter-spacing: 0.01em;
}
.exp-desc {
font-size: 13.5px;
color: rgba(255,255,255,0.6);
line-height: 1.65;
margin-bottom: 1.5rem;
max-width: 440px;
}
.exp-meta {
display: flex;
gap: 2rem;
margin-bottom: 1.75rem;
flex-wrap: wrap;
}
.exp-meta-label {
font-size: 9px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: rgba(255,255,255,0.35);
margin-bottom: 3px;
}
.exp-meta-value {
font-size: 15px;
font-weight: 400;
color: #fff;
}
.exp-btns { display: flex; gap: 10px; flex-wrap: wrap; }
.btn-gold {
display: inline-block;
background: var(–gold);
color: var(–dark2);
text-decoration: none;
padding: 0.65rem 1.5rem;
font-size: 11px;
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
transition: background 0.15s;
}
.btn-gold:hover { background: var(–gold2); }
.btn-ghost {
display: inline-block;
background: transparent;
color: rgba(255,255,255,0.6);
text-decoration: none;
padding: 0.65rem 1.5rem;
font-size: 11px;
letter-spacing: 0.1em;
text-transform: uppercase;
border: 0.5px solid rgba(255,255,255,0.2);
transition: border-color 0.15s, color 0.15s;
}
.btn-ghost:hover { border-color: rgba(255,255,255,0.5); color: #fff; }
.exp-card-img {
width: 280px;
flex-shrink: 0;
object-fit: cover;
display: block;
filter: brightness(0.85);
}
/* PRODUCT GRID */
.product-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
gap: 1px;
border: 1px solid var(–border);
background: var(–border);
}
.product-grid.wide {
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}
/* PRODUCT CARD */
.card {
background: var(–white);
display: flex;
flex-direction: column;
transition: background 0.15s;
}
.card:hover { background: #faf9f6; }
.card-img-wrap {
overflow: hidden;
background: var(–cream);
aspect-ratio: 1;
}
.card-img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.4s ease;
}
.card:hover .card-img { transform: scale(1.03); }
.card-body {
padding: 1.1rem 1.25rem 0.5rem;
flex: 1;
display: flex;
flex-direction: column;
gap: 6px;
}
.card-badge {
display: inline-block;
font-size: 9px;
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
padding: 2px 8px;
align-self: flex-start;
}
.card-badge.sale { background: #f7ede8; color: #8a3a20; }
.card-badge.new { background: #e8f0e4; color: #2a4a1a; }
.card-title {
font-family: var(–serif);
font-size: 16px;
font-weight: 300;
color: var(–text);
line-height: 1.3;
text-decoration: none;
letter-spacing: 0.01em;
}
.card-title:hover { color: var(–gold); }
.card-desc {
font-size: 12.5px;
color: var(–muted);
line-height: 1.55;
flex: 1;
}
.card-footer {
padding: 0.9rem 1.25rem;
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
border-top: 1px solid var(–border);
}
.card-price {
font-size: 14px;
color: var(–text);
}
.card-price .original {
font-size: 11px;
color: var(–muted);
text-decoration: line-through;
margin-right: 4px;
}
.card-price .sale-p { color: #8a3a20; font-weight: 500; }
.btn-cart {
display: inline-block;
background: var(–gold);
color: var(–dark2);
text-decoration: none;
padding: 0.4rem 0.9rem;
font-size: 10px;
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
border: none;
cursor: pointer;
transition: background 0.15s;
white-space: nowrap;
}
.btn-cart:hover { background: var(–gold2); }
.btn-options {
display: inline-block;
background: transparent;
color: var(–muted);
text-decoration: none;
padding: 0.4rem 0.9rem;
font-size: 10px;
letter-spacing: 0.1em;
text-transform: uppercase;
border: 0.5px solid var(–border);
transition: border-color 0.15s, color 0.15s;
}
.btn-options:hover { color: var(–text); border-color: rgba(0,0,0,0.25); }
/* DIVIDER */
.divider {
border: none;
border-top: 0.5px solid var(–border);
margin: 0;
}
/* NEWSLETTER */
.newsletter {
background: var(–dark);
padding: 3.5rem 2rem;
text-align: center;
}
.newsletter-inner { max-width: 460px; margin: 0 auto; }
.newsletter-eyebrow {
font-size: 10px;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(–gold);
margin-bottom: 0.75rem;
}
.newsletter h3 {
font-family: var(–serif);
font-size: 26px;
font-weight: 300;
color: #fff;
margin-bottom: 0.5rem;
letter-spacing: 0.01em;
}
.newsletter p {
font-size: 13.5px;
color: rgba(255,255,255,0.5);
margin-bottom: 1.5rem;
line-height: 1.6;
}
.nl-form {
display: flex;
gap: 0;
max-width: 380px;
margin: 0 auto;
border: 0.5px solid rgba(255,255,255,0.2);
}
.nl-form input {
flex: 1;
padding: 0.7rem 1rem;
background: transparent;
border: none;
font-size: 13px;
font-family: var(–sans);
color: #fff;
outline: none;
}
.nl-form input::placeholder { color: rgba(255,255,255,0.3); }
.nl-form a {
background: var(–gold);
color: var(–dark2);
padding: 0.7rem 1.25rem;
font-size: 10px;
font-weight: 500;
letter-spacing: 0.12em;
text-transform: uppercase;
text-decoration: none;
white-space: nowrap;
transition: background 0.15s;
}
.nl-form a:hover { background: var(–gold2); }
.nl-note { font-size: 11px; color: rgba(255,255,255,0.3); margin-top: 0.75rem; }
/* FOOTER */
footer {
background: var(–dark2);
color: rgba(255,255,255,0.35);
padding: 2rem;
text-align: center;
font-size: 12px;
line-height: 1.9;
}
footer a { color: rgba(255,255,255,0.5); text-decoration: none; }
footer a:hover { color: var(–gold); }
.footer-links { display: flex; justify-content: center; gap: 1.5rem; margin-bottom: 0.75rem; flex-wrap: wrap; font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; }
/* RESPONSIVE */
@media (max-width: 640px) {
.exp-card { flex-direction: column; }
.exp-card-img { width: 100%; height: 220px; }
.nav-links { display: none; }
.product-grid.wide { grid-template-columns: 1fr; }
}

Dévabor · Tállya, Tokaj

Borok & Élmények –
kézzel és lélekkel

Egyedi, kistermelői borok és kézzel összeállított csomagok – egyenesen a tokaji szőlőhegyről.

Élmények
Borcsomagok
Egyedi borok

Élmény

Töltsd a napot a szőlőhegyen

Személyes találkozó a borral – ott, ahol születik.

Borpiknik · Tállya

Déva Borpiknik –
Élmény a szőlőhegyen

Sétálj a szőlősorok között, kóstold a borokat egyenesen ott, ahol teremnek. Piknikkosár, dűlős kóstoló, szakmai vezetés – borászként én kalauzollak végig.

Ár

20 000 Ft / 2 fő

Időtartam

~3 óra

Helyszín

Tállya, Tokaj

Időpontot foglalok
Részletek

---

Borcsomagok

Kész ajándék, kész élmény

Ha nem tudod melyikkel kezdj, vagy ajándékba viszed – ezek a csomagok segítenek elindulni.

Akció
Első találkozás a Dévaborral

Akkor válaszd, ha most ismerkedsz a boraimmal és az egész Dévabor világát egy csomagban szeretnéd felfedezni. Tökéletes első ajándék is.

25 500 Ft20 000 Ft
Kosárba

Akció
Nice to meet you borcsomag

3 borstílus, személyre szabott online borkóstoló, kóstolónapló. Nem tanóra – felfedezés. Személyes ajándéknak is tökéletes.

22 000 Ft20 000 Ft
Kosárba

Akció
Dévabor – Édes kis semmiség

Méhviasz, aszalt sárgabarack, édes fűszerek. Telt és selymes, hosszú lecsengéssel – egy bor, ami maga is desszert.

20 500 Ft18 000 Ft
Kosárba

Hárs-Furmint harmónia

Két tokaji klasszikus egy csomagban. A Furmint frissessége és a Hárslevelű mézes-bujasága – fehér virágok, körte, mézes alma.

15 000 Ft
Kosárba

Dévabor – “Száraz ügy” borcsomag

Ha a száraz stílus a te világod – ez a csomag neked való. Citrusos lendület, karakteres elegancia, tokaji terroir.

9 000 Ft
Kosárba

Egyedi borok

Egy-egy üveg a tállyai dűlőkből

Spontán erjesztett, szűretlen, egyedi tételek – kóstold meg, melyik a tiéd.

Új évjárat
Sárgamuskotály 2025 (félszáraz)

Az új évjárat – friss, aromás, a muskotály legtisztább arcával.

2 800 Ft
Kosárba

Új évjárat
Száraz Furmint 2025

Citrusos, feszes, élő – a Furmint legfrissebb, legkarakteresebb formája.

2 000 Ft
Kosárba

Édes Furmint 2024

Méhviasz, aszalt sárgabarack. Telt és selymes, hosszú lecsengéssel.

3 500 Ft
Kosárba

Félédes Cuvée 2024

Furmint és Hárslevelű házasítása. Fehér virágok, körte, mézes alma.

2 500 Ft
Kosárba

Akció
Furmint 2024 száraz

Citrusos lendület. Spontán erjesztett, 6 hónap seprőn, szűretlen.

2 000 Ft1 500 Ft
Kosárba

Hírlevél

Még nem ismerjük egymást?

Iratkozz fel és megkapod az ingyenes Dévabor Borlexikont + 10% kedvezményt minden csomagra.

Feliratkozom

Semmi spam. Csak borok, tippek és néha egy kis tokaji sztori.