.elementor-44 .elementor-element.elementor-element-6afadea{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-44 .elementor-element.elementor-element-65218e5{width:100%;max-width:100%;padding:0px 0px 0px 0px;}body.elementor-page-44{padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-65218e5 */@import url('https://fonts.googleapis.com/css2?family=Titan+One&family=Outfit:wght@500;600;800&family=Space+Mono:wght@700&display=swap');

/* Basic setup if isolated from global */
.menu-page-section {
    padding: 120px 20px;
    background-color: var(--dd-white);
    background-image: radial-gradient(#e0e0e0 1px, transparent 1px);
    background-size: 30px 30px;
    min-height: 100vh;
}

/* --- FILTER BUTTONS --- */
.menu-filters {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
    margin-bottom: 60px;
    width: 100%;
}

.filter-btn {
    background: var(--dd-white);
    font-family: 'Outfit', sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 1rem;
    padding: 10px 25px;
    /* Adheres strictly to the pure lift hover rule */
}

/* --- POLAROID CARDS (Refined for Grid) --- */
.polaroid-card { 
    background: var(--dd-white); 
    border: 4px solid var(--dd-black); 
    padding: 15px 15px 25px 15px; 
    border-radius: 8px; 
    box-shadow: var(--hard-shadow); 
    display: flex; 
    flex-direction: column; 
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.3s ease; 
    will-change: transform; 
    width: 100%; 
    box-sizing: border-box; 
}

.polaroid-image { 
    width: 100%; 
    height: 250px; 
    border: 3px solid var(--dd-black); 
    border-radius: 4px; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    margin-bottom: 20px; 
    overflow: hidden; 
}
.polaroid-image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; }
.polaroid-card:hover .polaroid-image img { transform: scale(1.1); }

.polaroid-content { flex-grow: 1; display: flex; flex-direction: column; width: 100%; }
.item-name { font-family: 'Titan One', cursive; font-size: 1.6rem; color: var(--dd-black); margin: 0 0 10px 0; }
.item-desc { font-family: 'Outfit', sans-serif; font-weight: 600; font-size: 1rem; color: #555; margin-bottom: 20px; flex-grow: 1; line-height: 1.5; }
.item-footer { display: flex; justify-content: space-between; align-items: center; border-top: 2px dashed #ccc; padding-top: 15px; width: 100%; }
.item-price { font-family: 'Space Mono', monospace; font-weight: 800; font-size: 1.4rem; color: var(--dd-black); }
.order-btn { font-family: 'Outfit', sans-serif; font-weight: 800; text-transform: uppercase; padding: 10px 20px; }

/* Filter Animation */
@keyframes popIn {
    0% { opacity: 0; transform: scale(0.8); }
    100% { opacity: 1; transform: scale(1); }
}

/* Uneven placements for a natural sticker look */
.polaroid-card.js-active:nth-child(3n+1) { transform: translateY(0) rotate(-1.5deg); }
.polaroid-card.js-active:nth-child(3n+2) { transform: translateY(0) rotate(1deg); }
.polaroid-card.js-active:nth-child(3n+3) { transform: translateY(0) rotate(-0.5deg); }

/* --- RESPONSIVE --- */
@media (max-width: 768px) {
    .menu-page-section { padding: 60px 15px; }
    .menu-filters { gap: 10px; }
    .filter-btn { font-size: 0.9rem; padding: 8px 15px; }
    
    /* Straighten cards out on mobile to maximize screen real estate */
    .polaroid-card, .polaroid-card.js-active:nth-child(n) { transform: rotate(0deg) !important; }
}/* End custom CSS */