/* ===== Tandir House - Page Styles ===== */
.back-btn {
    display:flex; align-items:center; gap:8px; padding:10px 20px;
    background:rgba(232,116,12,0.1); border-radius:50px; font-weight:500;
    transition:all 0.4s ease; border:1px solid rgba(232,116,12,0.2); color:var(--cream);
}
.back-btn:hover { background:linear-gradient(135deg,var(--fire-orange),var(--fire-gold)); color:var(--stone-dark); border-color:var(--fire-orange); }
.page-hero {
    min-height:60vh; display:flex; align-items:flex-end; position:relative;
    background-size:cover; background-position:center; padding:100px 0 60px;
}
.page-hero-overlay {
    position:absolute; inset:0;
    background:linear-gradient(to top, var(--stone-dark) 0%, rgba(26,18,9,0.8) 30%, rgba(44,30,15,0.4) 60%, rgba(15,11,6,0.3) 100%);
}
.page-hero-overlay::after {
    content:""; position:absolute; inset:0;
    background:radial-gradient(ellipse at center bottom, rgba(232,116,12,0.12) 0%, transparent 60%);
}
.page-hero-content { position:relative; z-index:2; }
.page-badge {
    display:inline-block; padding:8px 20px; border-radius:50px; font-size:0.85rem;
    font-weight:700; margin-bottom:20px; letter-spacing:1px;
    background:linear-gradient(135deg,var(--fire-orange),var(--fire-gold)); color:var(--stone-dark);
    box-shadow:0 4px 20px rgba(232,116,12,0.4);
}
.page-title {
    font-family:"Playfair Display",serif; font-size:clamp(2.5rem,6vw,4rem);
    margin-bottom:15px; line-height:1.2; color:var(--cream);
}
.page-subtitle { font-size:1.3rem; color:var(--cream-dark); max-width:600px; }
.page-content { padding:80px 0; background:var(--stone-dark); }
.content-grid { display:grid; grid-template-columns:1fr 380px; gap:50px; }
.content-block {
    background:linear-gradient(145deg,rgba(232,116,12,0.04),rgba(44,30,15,0.4));
    border-radius:20px; padding:35px; margin-bottom:30px;
    border:1px solid rgba(232,116,12,0.1); transition:all 0.4s ease;
}
.content-block:hover { border-color:rgba(232,116,12,0.2); box-shadow:0 5px 30px rgba(232,116,12,0.08); }
.content-block h2 {
    font-size:1.5rem; margin-bottom:20px; display:flex; align-items:center; gap:12px; color:var(--cream);
}
.content-block h2 i { color:var(--fire-orange); }
.content-block p { color:var(--cream-dark); line-height:1.8; margin-bottom:15px; opacity:0.85; }
.menu-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; margin-top:25px; }
.menu-item {
    background:rgba(232,116,12,0.06); border-radius:16px; padding:25px; text-align:center;
    transition:all 0.4s ease; border:1px solid rgba(232,116,12,0.1);
}
.menu-item:hover { transform:translateY(-5px); border-color:var(--fire-orange); box-shadow:0 8px 30px rgba(232,116,12,0.15); }
.menu-icon { font-size:3rem; margin-bottom:15px; }
.menu-item h3 { font-size:1.1rem; margin-bottom:8px; color:var(--cream); }
.menu-item p { font-size:0.9rem; color:var(--ash-gray); margin-bottom:12px; }
.menu-price {
    display:inline-block; padding:6px 14px; border-radius:50px; font-size:0.85rem; font-weight:600;
    background:linear-gradient(135deg,var(--fire-orange),var(--fire-gold)); color:var(--stone-dark);
}
.sidebar-card {
    background:linear-gradient(145deg,rgba(232,116,12,0.04),rgba(44,30,15,0.4));
    border-radius:20px; padding:30px; margin-bottom:25px;
    border:1px solid rgba(232,116,12,0.1);
}
.sidebar-card h3 { font-size:1.2rem; margin-bottom:20px; display:flex; align-items:center; gap:10px; color:var(--cream); }
.sidebar-card h3 i { color:var(--fire-orange); }
.feature-list { list-style:none; }
.feature-list li {
    display:flex; align-items:center; gap:12px; padding:12px 0;
    border-bottom:1px solid rgba(232,116,12,0.08); color:var(--cream-dark);
}
.feature-list li:last-child { border-bottom:none; }
.feature-list li i { color:var(--fire-gold); width:20px; }
.contact-card p { color:var(--cream-dark); margin-bottom:20px; opacity:0.85; }
.contact-btn {
    display:flex; align-items:center; justify-content:center; gap:10px;
    padding:14px 24px; border-radius:12px; font-weight:600; margin-bottom:12px;
    transition:all 0.4s ease; color:var(--stone-dark);
    background:linear-gradient(135deg,var(--fire-orange),var(--fire-gold));
    box-shadow:0 4px 15px rgba(232,116,12,0.3);
}
.contact-btn:hover { transform:translateY(-2px); box-shadow:0 10px 30px rgba(232,116,12,0.4); }
.contact-btn.whatsapp { background:linear-gradient(135deg,#25D366,#128C7E); }
.contact-btn.whatsapp:hover { box-shadow:0 10px 30px rgba(37,211,102,0.3); }
.contact-btn.telegram { background:linear-gradient(135deg,#0088CC,#229ED9); }
.contact-btn.telegram:hover { box-shadow:0 10px 30px rgba(0,136,204,0.3); }
.gallery-section { padding:80px 0; background:var(--stone-darker); }
.gallery-section .section-title {
    text-align:center; font-family:"Playfair Display",serif; font-size:2.5rem; margin-bottom:40px;
    background:linear-gradient(135deg,var(--cream),var(--fire-gold));
    -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
}
.gallery-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.gallery-item {
    aspect-ratio:1; border-radius:16px; background-size:cover; background-position:center;
    transition:all 0.4s ease; cursor:pointer; border:1px solid rgba(232,116,12,0.1);
}
.gallery-item:hover { transform:scale(1.05); box-shadow:0 15px 40px rgba(232,116,12,0.2); border-color:rgba(232,116,12,0.3); }
.price-table { width:100%; border-collapse:collapse; margin-top:20px; }
.price-table th,.price-table td { padding:15px 20px; text-align:left; border-bottom:1px solid rgba(232,116,12,0.1); }
.price-table th { background:rgba(232,116,12,0.08); font-weight:600; color:var(--fire-gold); }
.price-table tr:hover td { background:rgba(232,116,12,0.04); }
.price-tag {
    display:inline-block; padding:5px 12px; border-radius:20px; font-weight:600; font-size:0.9rem;
    background:linear-gradient(135deg,var(--fire-orange),var(--fire-gold)); color:var(--stone-dark);
}
.features-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:25px; margin-top:25px; }
.feature-card {
    background:rgba(232,116,12,0.06); border-radius:16px; padding:30px; text-align:center;
    border:1px solid rgba(232,116,12,0.1); transition:all 0.4s ease;
}
.feature-card:hover { transform:translateY(-5px); border-color:var(--fire-orange); box-shadow:0 10px 30px rgba(232,116,12,0.15); }
.feature-card i { font-size:2.5rem; color:var(--fire-orange); margin-bottom:15px; }
.feature-card h3 { font-size:1.1rem; margin-bottom:10px; color:var(--cream); }
.feature-card p { font-size:0.9rem; color:var(--ash-gray); }
.places-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:25px; margin-top:25px; }
.place-card {
    position:relative; border-radius:20px; overflow:hidden; min-height:250px;
    background-size:cover; background-position:center; cursor:pointer;
    transition:all 0.4s ease; border:1px solid rgba(232,116,12,0.1);
}
.place-card:hover { transform:scale(1.02); box-shadow:0 15px 40px rgba(232,116,12,0.2); border-color:rgba(232,116,12,0.3); }
.place-card-overlay {
    position:absolute; inset:0; display:flex; flex-direction:column; justify-content:flex-end; padding:25px;
    background:linear-gradient(to top, rgba(15,11,6,0.95) 0%, rgba(15,11,6,0.3) 100%);
}
.place-card h3 { font-size:1.3rem; margin-bottom:8px; color:var(--cream); }
.place-card p { color:var(--cream-dark); font-size:0.9rem; opacity:0.8; }
@media (max-width:1024px) {
    .content-grid { grid-template-columns:1fr; }
    .gallery-grid { grid-template-columns:repeat(2,1fr); }
    .features-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:768px) {
    .page-hero { min-height:50vh; }
    .menu-grid { grid-template-columns:1fr; }
    .gallery-grid { grid-template-columns:1fr 1fr; gap:15px; }
    .features-grid { grid-template-columns:1fr; }
    .places-grid { grid-template-columns:1fr; }
    .content-block { padding:25px; }
}