/* ================================
ERKADO MODERN TEMPLATE
================================ */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;700&family=Inter:wght@300;400;600&display=swap');

*{
box-sizing:border-box;
margin:0;
padding:0;
}

body{
font-family:'Inter',sans-serif;
background:#ffffff;
color:#1c4c60;
line-height:1.6;
}

/* ================================
CONTAINER
================================ */

.container{
padding: 0px 20px 5px 20px;
}

.three-columns-grid{
gap:30px;
}

.three-col{
background:#fff;
border-radius:6px;
padding:25px;
box-shadow:0 10px 25px rgba(0,0,0,.08);
}

/* ================================
HEADER
================================ */

header{
background:#ffffff;
z-index:1000;
border-bottom:1px solid #eee;
}

.topheader-logo img{
height:60px;
}

.topheader-logo a{
color:#b01c2e;
font-weight:700;
}

/* MENU */

nav.top-menu ul{
gap:35px;
}

nav.top-menu a{
font-weight:500;
letter-spacing:.5px;
font-size:18px;
color:#1c4c60;
}

nav.top-menu li a:hover{
color:#b01c2e;
}

/* ================================
CATEGORY GRID
================================ */

.category-grid{
display:grid;
gap:30px;
margin-top:30px;
}

.category-card{
border-radius:12px;
padding:25px;
transition:.3s;
box-shadow:0 8px 30px rgba(0,0,0,.08);
background:#fff;
}

.category-card:hover{
transform:translateY(-6px);
box-shadow:0 16px 40px rgba(0,0,0,.15);
}

.cat-name{
font-family:'Playfair Display',serif;
font-size:20px;
color:#1c4c60;
}

/* ================================
PRODUCT GRID
================================ */

.product-grid{
gap:30px;
margin-top:30px;
}

/* 🔥 FULL OVERRIDE PRODUCT CARD */
.product-card{
background:#fff;
border-radius:10px;
overflow:hidden;
transition:.35s;
box-shadow:0 8px 30px rgba(0,0,0,.08);
padding:0; /* ❗ fontos: nincs belső margó */
display:flex;
flex-direction:column;
}

.product-card:hover{
transform:translateY(-6px);
box-shadow:0 16px 45px rgba(0,0,0,.18);
}

/* 🔥 KÉP TELJES KITÖLTÉS */
.product-card img{
width:100%;
height:260px;
object-fit:contain; /* ❗ NEM VÁGJA LE */
background:#fff;
padding:10px;
}

/* TITLE */

.product-card h2{
font-family:'Playfair Display',serif;
font-size:16px;
padding:12px 15px 5px;
color:#1c4c60;
}

/* PRICE */

.product-card .price{
font-size:20px;
font-weight:700;
color:#b01c2e;
padding:0 15px 10px;
}

/* BUTTON */

.product-details-btn{
margin:10px 15px 15px;
padding:10px 14px;
background:#b01c2e;
color:#fff;
border-radius:6px;
font-weight:600;
text-align:center;
transition:.3s;
}

.product-details-btn:hover{
background:#8e1625;
}

/* ================================
PRODUCT PAGE
================================ */

.product-title{
font-family:'Playfair Display',serif;
font-size:32px;
color:#1c4c60;
}

.product-price{
font-size:28px;
color:#b01c2e;
font-weight:700;
}

/* ================================
SIDEBAR
================================ */

.content-left,
.content-right{
padding:0px;
border-radius:6px;
box-shadow:0 4px 20px rgba(0,0,0,.05);
background:#fff;
}

.category-title{
color:#1c4c60;
}

/* ================================
CONTENT
================================ */

.content-center{
background:#ffffff;
padding:20px 15px;
}

.content-center h3{
color:#1c4c60;
}

/* ================================
CART
================================ */

#cart-link{
background:#b01c2e;
color:#fff;
padding:10px 18px;
border-radius:6px;
font-weight:600;
text-decoration:none;
}

#cart-link:hover{
background:#8e1625;
}

/* ================================
MOBILE MENU
================================ */

.menu-items{
display:none;
position:absolute;
top:80px;
left:0;
width:100%;
background:#fff;
box-shadow:0 10px 30px rgba(0,0,0,.15);
padding:20px;
}

.menu-items.active{
display:block;
}

/* ================================
FOOTER
================================ */

div#footer{
background:linear-gradient(135deg,#1c4c60,#163c4d);
}

div#footer .footer{
background:transparent;
}

div#footer .footer-content h4{
color:#ffffff;
}

div#footer .footer-content li a{
color:#d0e4ea;
}

div#footer .footer-content li a:hover{
color:#ffffff;
}

/* ================================
MOBILE
================================ */

@media(max-width:900px){

nav.top-menu{
display:none;
}

.hamburger{
display:block;
}

}

/* ================================
CATEGORY CARD (FINAL POLISH)
================================ */

.category-card .cat-icon{
background:#f4f8fa;
}

.category-card .cat-icon svg{
fill:#1c4c60;
}

.category-card:hover .cat-icon{
background:#e6f1f5;
}

.category-card:hover .cat-name{
color:#b01c2e;
}