@charset "UTF-8";
/* ==========================================================================
   Template Name: DinePro by Mahroof K
   Version:       1.0.0
   Licence:       MIT
   Author:        Mahroof K
   Description:   Premium Bootstrap 5 Restaurant Template
   Contact        techmahr@gmail.com
   --------------------------------------------------------------------------
   Copyright © 2026 Mahroof. All rights reserved.
   ========================================================================== */
/* ==========================================================================
   TEMPLATING INSTRUCTIONS
   ==========================================================================
   This file acts as the central hub for all project styles.
   It uses the Sass @use rule to modularize components.

   How to Customize:
   1. Colors & Typography: Edit /abstract/_variables.scss
   2. Global Tags:         Edit /base/_typography.scss
   3. Individual UI:       Edit the respective file in /components/
   4. Page Layouts:        Edit specific files in /pages/ for unique views.
   ========================================================================== */
/* ==========================================================================
   1. ABSTRACTS
   Variables, color tokens, mixins
   ========================================================================== */
/**
 * Google Fonts Import
 * * 1. DM Sans: Used for body text and UI elements.
 * Weights: 400 (Regular), 500 (Medium), 700 (Bold)
 * * 2. Playfair Display: Used for headings and featured titles.
 * Weights: 400 through 900 (Variable) including Italics
 */
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Barlow+Condensed:wght@500;600;700;800&display=swap');
.hover-lift {
  transition: transform 0.35s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.35s cubic-bezier(0.25, 1, 0.5, 1);
  will-change: transform;
}
.hover-lift:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 25px rgba(0, 0, 0, 0.1) !important;
}

/* ==========================================================================
   2. BASE & UTILITIES
   Global resets, fonts, typography, helpers
   ========================================================================== */
body {
  font-family: "DM Sans", sans-serif;
  color: #1F2632;
}

a {
  color: #d32f2f;
  text-decoration: none;
}

.text-primary {
  color: #d32f2f !important;
}

.text-dark-muted {
  color: #527179 !important;
}

.font-heading {
  font-family: "Playfair Display", serif;
  line-height: normal;
  font-weight: 700;
}

.f-40 {
  font-size: 40px !important;
}

.page-title {
  font-size: 40px;
  font-family: "Playfair Display", serif;
  font-weight: 700;
  margin-bottom: 20px;
}

.head1 h2 {
  color: #1F2632;
  font-size: 40px;
  margin-bottom: 20px;
}
.head1 p {
  font-size: 18px;
  color: #527179;
}

/**
 * Bottom Margin Utility
 * Applies a fixed 32px spacing to the bottom of an element.
 */
.mb-32 {
  margin-bottom: 32px !important;
}

/**
 * Top Margin Utility
 * Applies a fixed 32px spacing to the top of an element.
 */
.mt-32 {
  margin-top: 32px !important;
}

/**
 * Standard Section Padding
 * Provides consistent vertical rhythm across different sections.
 * Scales up for larger screens (992px and above) based on the $section-spacing-y variable.
 */
.sec-pad {
  padding-top: 40px;
  padding-bottom: 40px;
}
@media (min-width: 992px) {
  .sec-pad {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

/**
 * Light Background Utility
 * Applies the custom light background color defined in design tokens.
 */
.bg-light {
  background-color: #f4f1ee !important;
}

/* ==========================================================================
   3. LAYOUT
   Shared structural elements
   ========================================================================== */
.custom-navbar {
  transition: background-color 0.4s ease, box-shadow 0.4s ease;
}
.custom-navbar .nav-logo {
  max-width: 160px;
}
@media (max-width: 767px) {
  .custom-navbar .nav-logo {
    max-width: 130px;
  }
}
.custom-navbar .nav-item {
  padding-right: 30px;
}
.custom-navbar .nav-item:last-child {
  padding-right: 0;
}
.custom-navbar .dropdown-menu {
  border: none;
  padding: 10px 0;
  border-radius: 8px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}
.custom-navbar .dropdown-menu .dropdown-item {
  padding: 8px 20px;
  transition: background-color 0.3s, color 0.3s;
}
.custom-navbar .dropdown-menu .dropdown-item:hover, .custom-navbar .dropdown-menu .dropdown-item:active {
  background-color: #f4f1ee !important;
  color: #d32f2f;
}
.custom-navbar .navbar-toggler {
  border: none;
}
.custom-navbar .navbar-toggler:focus {
  box-shadow: none;
}
.custom-navbar.navbar-theme-light {
  background-color: transparent;
}
.custom-navbar.navbar-theme-light.navbar-light-mode .nav-link {
  color: #1F2632;
}
.custom-navbar.navbar-theme-light.navbar-light-mode .navbar-toggler-icon {
  filter: brightness(0);
}
.custom-navbar.navbar-theme-light.navbar-scrolled {
  background-color: #fff;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}
.custom-navbar.navbar-theme-light.navbar-scrolled .nav-link {
  color: #1F2632;
}
.custom-navbar.navbar-theme-light.navbar-scrolled .nav-link:hover, .custom-navbar.navbar-theme-light.navbar-scrolled .nav-link.active {
  color: #d32f2f;
}
.custom-navbar.navbar-theme-light.navbar-scrolled .navbar-toggler-icon {
  filter: brightness(0);
}
@media (max-width: 991px) {
  .custom-navbar.navbar-theme-light .navbar-collapse {
    background-color: #fff;
    padding: 20px;
    margin-top: 15px;
    border-radius: 10px;
  }
  .custom-navbar.navbar-theme-light .navbar-collapse .nav-link {
    color: #1F2632;
  }
  .custom-navbar.navbar-theme-light .navbar-collapse .nav-link:hover, .custom-navbar.navbar-theme-light .navbar-collapse .nav-link.active {
    color: #d32f2f;
  }
}
.custom-navbar.navbar-theme-dark {
  background-color: transparent;
}
.custom-navbar.navbar-theme-dark.navbar-dark .nav-link {
  color: #fff;
}
.custom-navbar.navbar-theme-dark.navbar-dark .navbar-toggler-icon {
  filter: brightness(1);
}
.custom-navbar.navbar-theme-dark.navbar-scrolled {
  background-color: #1F2632;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
}
.custom-navbar.navbar-theme-dark.navbar-scrolled .nav-link {
  color: #fff;
}
.custom-navbar.navbar-theme-dark.navbar-scrolled .nav-link:hover, .custom-navbar.navbar-theme-dark.navbar-scrolled .nav-link.active {
  color: #d32f2f;
}
.custom-navbar.navbar-theme-dark.navbar-scrolled .navbar-toggler-icon {
  filter: brightness(1);
}
@media (max-width: 991px) {
  .custom-navbar.navbar-theme-dark .navbar-collapse {
    background-color: #1F2632;
    padding: 20px;
    margin-top: 15px;
    border-radius: 10px;
  }
  .custom-navbar.navbar-theme-dark .navbar-collapse .nav-link {
    color: #fff;
  }
  .custom-navbar.navbar-theme-dark .navbar-collapse .nav-link:hover, .custom-navbar.navbar-theme-dark .navbar-collapse .nav-link.active {
    color: #d32f2f;
  }
}

/**
 * Footer Style One
 * Designed with a dark aesthetic for high contrast and modern appeal.
 */
.footer-one {
  background-color: #2D2926;
  padding: 60px 0 30px 0;
  color: #fff;
}
.footer-one h5 {
  font-family: "DM Sans", sans-serif;
  color: #fff !important;
}
.footer-one ul {
  list-style: none;
  padding: 0;
}
.footer-one ul li {
  margin-bottom: 10px;
}
.footer-one ul li a {
  color: #b4b4b4;
  transition: 0.3s;
  margin-bottom: 10px;
  font-size: 14px;
}
.footer-one ul li a:hover {
  color: #d32f2f;
}
.footer-one ul {
  /**
   * Timing List Variation
   * Specifically for "Opening Hours" with a dotted-bottom separator.
   */
}
.footer-one ul.timing-list li {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  color: #b4b4b4;
  border-bottom: 1px dotted #b4b4b4;
  padding-bottom: 5px;
  font-size: 14px;
}
.footer-one ul.timing-list li span {
  color: #fff;
  font-size: 14px;
}
.footer-one ul.timing-list li:last-child {
  border-bottom: none;
  margin-bottom: 0;
}
.footer-one {
  /**
   * Copyright & Legal Section
   * Positioned at the very bottom of the footer.
   */
}
.footer-one .copyright p {
  font-size: 14px;
}
.footer-one .copyright .pipe-separator {
  padding: 0 10px;
}
.footer-one .copyright a {
  color: #fff;
}
.footer-one .copyright a:hover {
  color: #d32f2f;
}

/* ==========================================================================
   4. COMPONENTS
   Reusable UI modules
   ========================================================================== */
/**
 * Global Button Reset
 * Standardizes border radius across all Bootstrap button types.
 */
.btn {
  border-radius: 4px;
}

/**
 * Wide Button Utility
 * Increases padding and adds a clean, uppercase aesthetic for prominent CTAs.
 */
.btn-wide {
  padding: 10px 25px;
  text-transform: uppercase;
  font-weight: 300 !important;
}

/**
 * Primary Solid Button
 * The main theme button using the primary brand color and custom shadow on hover.
 */
.btn-primary {
  background-color: #d32f2f;
  border-color: #d32f2f;
  color: #fff;
  font-weight: 600;
  transition: all 0.3s ease;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background-color: #b51616 !important;
  border-color: #b51616 !important;
  color: #fff !important;
  box-shadow: 0 4px 12px rgba(211, 47, 47, 0.2);
}

/**
 * Outline Button
 * A transparent variation with a primary-colored border.
 */
.btn-outline-primary {
  color: #d32f2f;
  border-color: #d32f2f;
  background-color: transparent;
}
.btn-outline-primary:hover {
  background-color: #d32f2f;
  border-color: #d32f2f;
  color: #fff;
}

/**
 * Shine Hover Effect
 * Adds a modern "glass-swipe" animation and subtle lift when hovered.
 */
.btn-shine {
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
}
.btn-shine:hover {
  transform: translateY(-1px);
  background-color: #b51616 !important;
  border-color: #b51616 !important;
}
.btn-shine::after {
  content: "";
  position: absolute;
  top: -50%;
  left: -60%;
  width: 20%;
  height: 200%;
  background: rgba(255, 255, 255, 0.3);
  background: rgba(211, 47, 47, 0.5);
  transform: rotate(30deg);
  transition: all 0.5s ease;
}
.btn-shine:hover::after {
  left: 120%;
}

/**
 * Animated Link Button
 * A text-based button that slides to the right on hover for a dynamic feel.
 */
.btn-link {
  display: inline-block;
  margin-bottom: 0px !important;
  text-decoration: none;
  transition: transform 0.3s ease-in-out, color 0.3s ease-in-out;
}
.btn-link:hover {
  transform: translateX(5px);
  color: #b51616;
}

/**
 * Global Input Styling
 * Standardizes the appearance of all form-control elements (inputs, select, textarea).
 */
.form-control {
  margin-bottom: 32px;
  border-radius: 10px;
}
.form-control:focus, .form-control:hover {
  border-color: #d32f2f;
  box-shadow: none;
}

/**
 * Input Height Optimization
 * Standardizes the height of single-line textboxes to 48px.
 * The ':not(textarea)' ensures that multi-line text areas can still grow.
 */
.form-control:not(textarea) {
  height: 48px;
}

/**
 * Primary Theme Badge
 * A custom-styled badge using the main brand color.
 * Often used for categories, labels, or featured tags.
 */
.badge-primary {
  background-color: #d32f2f;
  padding: 8px 12px;
  color: #fff;
}

/**
 * Loader Wrapper
 * Creates a high-z-index, full-screen background to hide the page content
 * until it is fully loaded.
 */
.loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: #fff;
}

/**
 * Loading Spinner
 * The central animated square. Uses the theme's primary brand color.
 */
.spinner {
  width: 40px;
  height: 40px;
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  margin: -20px 0 0 -20px;
  background: #d32f2f;
  animation: sk-rotateplane 1.2s infinite ease-in-out;
}

/**
 * 3D Rotating Plane Animation
 * Creates a sophisticated "flipping" effect using CSS 3D perspectives.
 */
@keyframes sk-rotateplane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
/**
 * Main Carousel Component
 * Standardizes the height and layout of the internal slider elements.
 */
.carousel .carousel-inner,
.carousel .carousel-item {
  height: 100%;
}
.carousel .carousel-item {
  background-size: cover;
  background-position: center;
}
.carousel .carousel-control-prev,
.carousel .carousel-control-next {
  z-index: 3;
  width: 5%;
  margin: 0 10px;
}
.carousel .carousel-control-prev-icon,
.carousel .carousel-control-next-icon {
  background-color: #d32f2f;
  opacity: 0.7;
  padding: 22px;
  border-radius: 15%;
  background-size: 50%;
  transition: transform 0.3s ease;
}
.carousel .carousel-control-prev:hover .carousel-control-prev-icon, .carousel .carousel-control-prev:hover .carousel-control-next-icon,
.carousel .carousel-control-next:hover .carousel-control-prev-icon,
.carousel .carousel-control-next:hover .carousel-control-next-icon {
  transform: scale(1.1);
}

/**
 * Main Hero Container
 * Standardizes the viewport height and core layout for all hero types.
 */
.hero-section {
  position: relative;
  height: 100vh;
  max-height: 900px;
  min-height: 500px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  /**
   * Hero Media Wrapper
   * Ensures background video or images fill the container perfectly.
   */
}
.hero-section .hero-media-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.hero-section .hero-media-container img,
.hero-section .hero-media-container video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.hero-section {
  /**
   * Hero Content Area
   * Manages the text overlay, z-index layering, and flex alignment.
   */
}
.hero-section .hero-content-area {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease;
}
.hero-section .hero-content-area .hero-caption {
  text-align: center;
  max-width: 800px;
  padding: 2rem;
  width: 90%;
}
@media (max-width: 767px) {
  .hero-section .hero-content-area .hero-caption {
    width: 100%;
  }
}
.hero-section .hero-content-area .hero-caption h1 {
  font-size: clamp(2.5rem, 8vw, 4.5rem);
  line-height: 1.1;
  margin-bottom: 1.5rem;
}
.hero-section .hero-content-area .hero-caption p {
  font-size: clamp(1rem, 2vw, 1.25rem);
  margin-bottom: 2rem;
}
.hero-section {
  /**
   * Dark Theme Variation
   * Applies a darkened overlay for light-colored text readability.
   */
}
.hero-section.theme-dark .hero-content-area {
  background: rgba(0, 0, 0, 0.45);
}
.hero-section.theme-dark h1,
.hero-section.theme-dark p {
  color: #ffffff;
}
.hero-section {
  /**
   * Light Theme Variation
   * Applies a bright, semi-transparent overlay for dark-colored text.
   */
}
.hero-section.theme-light .hero-content-area {
  background: rgba(0, 0, 0, 0.58);
}
.hero-section.theme-light h1,
.hero-section.theme-light p {
  color: #ffffff;
}
.hero-section {
  /**
   * Carousel Logic
   * Specific overrides for when the hero section uses Bootstrap Carousel.
   */
}
.hero-section.carousel .carousel-inner,
.hero-section.carousel .carousel-item {
  height: 100%;
}
.hero-section.carousel .carousel-item {
  background-size: cover;
  background-position: center;
}
.hero-section.carousel .carousel-control-prev,
.hero-section.carousel .carousel-control-next {
  z-index: 3;
  width: 5%;
  margin: 0 10px;
}
.hero-section.carousel .carousel-control-prev-icon,
.hero-section.carousel .carousel-control-next-icon {
  background-color: #d32f2f;
  opacity: 0.7;
  padding: 22px;
  border-radius: 15%;
  background-size: 50%;
  transition: transform 0.3s ease;
}
.hero-section.carousel .carousel-control-prev,
.hero-section.carousel .carousel-control-next {
  /**
   * Interactive States
   * Hover effects for carousel navigation arrows.
   */
}
.hero-section.carousel .carousel-control-prev:hover .carousel-control-prev-icon, .hero-section.carousel .carousel-control-prev:hover .carousel-control-next-icon,
.hero-section.carousel .carousel-control-next:hover .carousel-control-prev-icon,
.hero-section.carousel .carousel-control-next:hover .carousel-control-next-icon {
  transform: scale(1.1);
}

/**
 * Image Collage Container
 * Creates a relative coordinate system for the absolute-positioned images.
 */
.img-collage-wrap {
  position: relative;
  width: 100%;
  height: 600px;
  padding: 20px;
  /**
   * Shared Image Styles
   * Standardizes the look of all images within the collage including 
   * shadows and a clean "Polaroid" style border.
   */
}
.img-collage-wrap img {
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 15px;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
  border: 4px solid white;
}
.img-collage-wrap {
  /**
   * First Layer (Background)
   * The largest anchor image of the composition.
   */
}
.img-collage-wrap .first {
  width: 70%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
.img-collage-wrap .second {
  width: 45%;
  height: 300px;
  top: 15%;
  right: 0;
  z-index: 2;
}
.img-collage-wrap .third {
  width: 200px;
  height: 200px;
  bottom: 18%;
  right: 20%;
  z-index: 3;
}
.img-collage-wrap {
  /**
   * Responsive Adjustments
   * Resizes the collage and its elements for tablets and mobile devices.
   */
}
@media (max-width: 768px) {
  .img-collage-wrap {
    height: 400px;
  }
  .img-collage-wrap .first {
    width: 75%;
    height: 300px;
  }
  .img-collage-wrap .second {
    width: 50%;
    height: 180px;
    top: 10%;
  }
  .img-collage-wrap .third {
    width: 120px;
    height: 120px;
    bottom: 10%;
    right: 15%;
  }
}

/* ==========================================================================
   Template Name: DinePro by Mahroof K
   Version:       1.0.0
   Licence:       MIT
   Author:        Mahroof K
   Description:   Premium Bootstrap 5 Restaurant Template
   Contact        techmahr@gmail.com
   --------------------------------------------------------------------------
   Copyright © 2026 Mahroof. All rights reserved.
   ========================================================================== */
/* ==========================================================================
   TEMPLATING INSTRUCTIONS
   ==========================================================================
   This file acts as the central hub for all project styles.
   It uses the Sass @use rule to modularize components.

   How to Customize:
   1. Colors & Typography: Edit /abstract/_variables.scss
   2. Global Tags:         Edit /base/_typography.scss
   3. Individual UI:       Edit the respective file in /components/
   4. Page Layouts:        Edit specific files in /pages/ for unique views.
   ========================================================================== */
/* ==========================================================================
   1. ABSTRACTS
   Variables, color tokens, mixins
   ========================================================================== */
/**
 * Universal Card Wrapper
 * Shared base styles for Blog, Team, and Testimonial cards.
 */
.card-blog,
.card-team,
.card-testimonial {
  padding: 15px;
  border: 0px;
  background: #f4f1ee !important;
  border-radius: 10px;
  margin-bottom: 24px;
  /**
  * Card Image Wrapper
  * Manages aspect ratios and triggers the hover animation mixins.
  */
}
.card-blog .card-img-wrapper,
.card-team .card-img-wrapper,
.card-testimonial .card-img-wrapper {
  overflow: hidden;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}
.card-blog .card-img-wrapper img,
.card-team .card-img-wrapper img,
.card-testimonial .card-img-wrapper img {
  transition: transform 0.4s ease-in-out;
}
.card-blog .card-img-wrapper:hover img,
.card-team .card-img-wrapper:hover img,
.card-testimonial .card-img-wrapper:hover img {
  transform: scale(1.15);
}
.card-blog .card-img-wrapper,
.card-team .card-img-wrapper,
.card-testimonial .card-img-wrapper {
  position: relative;
  overflow: hidden;
}
.card-blog .card-img-wrapper::after,
.card-team .card-img-wrapper::after,
.card-testimonial .card-img-wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.3s;
  pointer-events: none;
}
.card-blog .card-img-wrapper:hover::after,
.card-team .card-img-wrapper:hover::after,
.card-testimonial .card-img-wrapper:hover::after {
  opacity: 1;
}
.card-blog .card-img-wrapper img,
.card-team .card-img-wrapper img,
.card-testimonial .card-img-wrapper img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
}
.card-blog .card-body,
.card-team .card-body,
.card-testimonial .card-body {
  padding-bottom: 10px;
}
.card-blog h5,
.card-team h5,
.card-testimonial h5 {
  margin-bottom: 15px;
}
.card-blog .card-text,
.card-team .card-text,
.card-testimonial .card-text {
  color: #527179;
}
.card-blog span,
.card-team span,
.card-testimonial span {
  font-size: 14px;
}
.card-blog i,
.card-team i,
.card-testimonial i {
  color: #789299;
}
.card-blog .social-links a:hover,
.card-team .social-links a:hover,
.card-testimonial .social-links a:hover {
  background-color: transparent;
}
.card-blog .social-links a i:hover,
.card-team .social-links a i:hover,
.card-testimonial .social-links a i:hover {
  color: #d32f2f;
  background-color: transparent;
}
.card-blog,
.card-team,
.card-testimonial {
  overflow: hidden;
}
.card-blog img,
.card-team img,
.card-testimonial img {
  transition: transform 0.4s ease-in-out;
}
.card-blog:hover img,
.card-team:hover img,
.card-testimonial:hover img {
  transform: scale(1.15);
}
.card-blog,
.card-team,
.card-testimonial {
  position: relative;
  overflow: hidden;
}
.card-blog::after,
.card-team::after,
.card-testimonial::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.3s;
  pointer-events: none;
}
.card-blog:hover::after,
.card-team:hover::after,
.card-testimonial:hover::after {
  opacity: 1;
}

/**
 * Blog Item Card
 * A secondary blog layout style with a focus on date and metadata.
 */
.card-blog-item {
  background-color: #f4f1ee !important;
  border-radius: 15px;
  padding: 16px;
  margin-bottom: 24px;
}
.card-blog-item .date {
  color: #527179;
  font-size: 16px;
}
.card-blog-item .title {
  margin: 10px 0 15px 0;
  font-size: 20px;
}
.card-blog-item .info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/**
 * Menu Item - Style One
 * A clean, flex-based layout for food and beverage listings.
 * Features a dashed divider for a sophisticated restaurant feel.
 */
.menu-item-one {
  margin-bottom: 25px;
  padding-bottom: 10px;
  border-bottom: 1px dashed #527179;
  display: flex;
}
.menu-item-one img {
  height: 80px;
  width: 80px;
  border-radius: 15%;
  margin-right: 20px;
}
.menu-item-one .content-wrap {
  width: 100%;
}
.menu-item-one .title-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.menu-item-one .title-wrap h5 {
  margin-bottom: 0;
  font-weight: 500;
  color: #1F2632;
}
.menu-item-one .title-wrap .price {
  font-weight: 700;
  color: #d32f2f;
  font-size: 1.1rem;
}
.menu-item-one p {
  margin-top: 5px;
  margin-bottom: 16px;
  color: #527179;
  font-size: 0.95rem;
}
@media (min-width: 768px) {
  .menu-item-one:last-child {
    border-bottom: none;
    margin-bottom: 0;
  }
}
.col-md-6:last-child .menu-item-one:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

/**
 * Testimonial Enhancements
 * Adds quote icons and star ratings to the standard card structure.
 */
.card-testimonial .quote-icon {
  font-size: 62px !important;
  color: #d32f2f;
}
.card-testimonial .ratings {
  margin-bottom: 8px;
}
.card-testimonial .ratings i {
  color: #d32f2f;
}
.card-testimonial .testi-user {
  height: 45px;
  width: 45px;
  border-radius: 50%;
  margin-right: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  font-size: 22px;
}

.accordion#faqAccordion {
  /**
  * Accordion Item Wrapper
  * Features a modern card-like design with rounded corners and smooth transitions.
  */
}
.accordion#faqAccordion .accordion-item {
  margin-bottom: 30px;
  border-radius: 15px !important;
  border: 1px solid rgba(222, 226, 230, 0.2);
  overflow: hidden;
  background-color: #fff;
  transition: all 0.3s ease;
}
.accordion#faqAccordion .accordion-item:has(.collapse.show) {
  background-color: rgba(211, 47, 47, 0.05);
  border-color: rgba(211, 47, 47, 0.2);
}
.accordion#faqAccordion .accordion-item:hover {
  border-color: rgba(211, 47, 47, 0.4) !important;
}
.accordion#faqAccordion {
  /**
  * Accordion Trigger Button
  * Handles the interactive header of each FAQ item.
  */
}
.accordion#faqAccordion .accordion-button {
  font-weight: 700;
  color: #1F2632;
  padding: 20px;
  border-radius: 15px !important;
  font-size: 1.1rem;
  background-color: transparent;
}
.accordion#faqAccordion .accordion-button:focus {
  box-shadow: none;
}
.accordion#faqAccordion .accordion-button:not(.collapsed) {
  color: #d32f2f;
  background-color: transparent;
  box-shadow: none;
}
.accordion#faqAccordion .accordion-button:not(.collapsed)::after {
  filter: sepia(100%) saturate(2000%) hue-rotate(340deg);
}
.accordion#faqAccordion {
  /**
   * Accordion Content Body
   * Styles the internal text area of the expanded item.
   */
}
.accordion#faqAccordion .accordion-body {
  padding: 0 20px 25px 20px;
  color: #527179;
  line-height: 1.6;
  font-family: "DM Sans", sans-serif;
  background-color: transparent;
}

/* ==========================================================================
   Template Name: DinePro by Mahroof K
   Version:       1.0.0
   Licence:       MIT
   Author:        Mahroof K
   Description:   Premium Bootstrap 5 Restaurant Template
   Contact        techmahr@gmail.com
   --------------------------------------------------------------------------
   Copyright © 2026 Mahroof. All rights reserved.
   ========================================================================== */
/* ==========================================================================
   TEMPLATING INSTRUCTIONS
   ==========================================================================
   This file acts as the central hub for all project styles.
   It uses the Sass @use rule to modularize components.

   How to Customize:
   1. Colors & Typography: Edit /abstract/_variables.scss
   2. Global Tags:         Edit /base/_typography.scss
   3. Individual UI:       Edit the respective file in /components/
   4. Page Layouts:        Edit specific files in /pages/ for unique views.
   ========================================================================== */
/* ==========================================================================
   1. ABSTRACTS
   Variables, color tokens, mixins
   ========================================================================== */
/**
 * Gallery Item Container
 * Controls the dimensions and clipping of individual gallery thumbnails.
 */
.gallery-item {
  position: relative;
  overflow: hidden;
  border-radius: 15px;
  height: 250px;
  /**
   * Gallery Image Styling
   * Ensures images fill the container perfectly without distortion.
   */
}
.gallery-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.4s ease-in-out;
}
.gallery-item {
  overflow: hidden;
}
.gallery-item img {
  transition: transform 0.4s ease-in-out;
}
.gallery-item:hover img {
  transform: scale(1.15);
}
.gallery-item {
  position: relative;
  overflow: hidden;
}
.gallery-item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.3s;
  pointer-events: none;
}
.gallery-item:hover::after {
  opacity: 1;
}

/**
 * Gallery Modal Overrides
 * Customizes the Bootstrap Modal to act as a high-end image lightbox.
 */
#galleryModal .modal-content {
  background: transparent;
  overflow: hidden;
}
#galleryModal .btn-close {
  background-color: beige;
  opacity: 1;
}
#galleryModal #modalImage {
  max-height: 90vh;
  width: auto;
}

/**
 * Book A Table - Style One
 * Specifically targets the layout of the first booking form variation.
 */
.book-a-table-classic {
  /**
  * Submission Button
  * Adds specific vertical spacing to the button within this component
  * to separate it clearly from the form fields.
  */
}
.book-a-table-classic button {
  margin-top: 32px;
}

/**
 * Book A Table - Style Two
 * A split-screen design where the image and form wrap into a single unit.
 */
.book-a-table-split {
  /**
   * Image Container
   * Ensures the image takes up full height and handles responsive rounding.
   */
}
.book-a-table-split .book-table-img-wrap {
  height: 100%;
  min-height: 400px;
  overflow: hidden;
  border-radius: 15px 0 0 15px;
}
@media (max-width: 991px) {
  .book-a-table-split .book-table-img-wrap {
    border-radius: 15px 15px 0px 0px;
  }
}
.book-a-table-split {
  /**
   * Image Styling
   * Optimized to fill the container without distortion.
   */
}
.book-a-table-split .book-table-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.book-a-table-split {
  /**
   * Booking Form Container
   * The colored side of the split component.
   */
}
.book-a-table-split .booking-form-wrap {
  background-color: #d32f2f;
  padding: 50px;
  height: 100%;
  border-radius: 0 15px 15px 0;
}
@media (max-width: 991px) {
  .book-a-table-split .booking-form-wrap {
    border-radius: 0px 0px 15px 15px;
    padding: 20px;
  }
}
.book-a-table-split .booking-form-wrap h2 {
  color: #fff;
  margin-bottom: 30px;
  font-weight: 700;
}
.book-a-table-split .booking-form-wrap {
  /**
   * Form Inputs
   * Custom overrides for Bootstrap's .form-control within this specific section.
   */
}
.book-a-table-split .booking-form-wrap .form-control {
  margin-bottom: 20px;
  border: none;
  padding: 12px;
}
.book-a-table-split .booking-form-wrap .form-control::-moz-placeholder {
  color: #999;
}
.book-a-table-split .booking-form-wrap .form-control::placeholder {
  color: #999;
}

/**
 * Social Links Container
 * Manages the layout and interactive states of social media anchor tags.
 */
.social-links a {
  margin-bottom: 10px;
  /**
   * Hover Interaction
   * Switches the border and background to the primary brand color.
   */
}
.social-links a:hover {
  border-color: #d32f2f;
  background-color: #d32f2f;
}

/* ==========================================================================
   5. PAGE-SPECIFIC STYLES
   Styles unique to individual pages
   ========================================================================== */
/**
 * Menu Page Full-Height Image
 * A specialized utility for the Menu Page to ensure side-images align perfectly 
 * with the height of the food/drink listings in the adjacent column.
 */
.h-100-img {
  width: 100%;
  border-radius: 15px;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
@media (max-width: 767px) {
  .h-100-img {
    height: 300px;
  }
}

/**
 * Masonry Grid Wrapper
 * Uses CSS column properties to create a fluid, staggered grid.
 * This ensures that testimonial cards of different heights stack perfectly.
 */
.masonry-wrapper {
  -moz-column-count: 3;
       column-count: 3;
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}
@media (max-width: 992px) {
  .masonry-wrapper {
    -moz-column-count: 2;
         column-count: 2;
  }
}
@media (max-width: 576px) {
  .masonry-wrapper {
    -moz-column-count: 1;
         column-count: 1;
  }
}
.masonry-wrapper {
  /**
   * Testimonial Card Integration
   * Optimizes the standard testimonial component for the masonry environment.
   */
}
.masonry-wrapper .card-testimonial {
  display: inline-block;
  width: 100%;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}

/**
 * Blog Details Wrapper
 * The main container for article content, featuring a clean card-style layout.
 */
.blog-details-wrap {
  padding: 32px;
  border: 0px;
  background: #f4f1ee !important;
  border-radius: 10px;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .blog-details-wrap {
    padding: 16px;
  }
}
.blog-details-wrap {
  /**
  * Article Header
  * Contains the title and meta-information such as the author/writer section.
  */
}
.blog-details-wrap header .writer {
  display: flex;
  align-items: center;
  margin: 34px 0 20px 0;
}
.blog-details-wrap header .writer span {
  margin-right: 10px;
  font-size: 20px;
}
.blog-details-wrap header .writer i {
  color: #d32f2f;
  font-size: 20px;
}
.blog-details-wrap {
  /**
  * Featured & Content Images
  * Standardizes all images within the blog body with smooth rounded corners.
  */
}
.blog-details-wrap img {
  border-radius: 10px;
}
.blog-details-wrap p,
.blog-details-wrap li {
  color: #527179;
}
.blog-details-wrap i {
  margin-right: 8px;
}
.blog-details-wrap ol {
  padding-left: 20px;
}
.blog-details-wrap ol li {
  margin-bottom: 15px;
}

/**
 * Terms privacy Containers
 * Standardizes the typography and layout for long-form legal documentation.
 */
.terms-section p,
.privacy-section p {
  color: #527179;
}
.terms-section hr,
.privacy-section hr {
  margin: 32px 0;
  border-color: #dee2e6;
  opacity: 1;
}

/**
 * Contact Block Wrapper
 * A modern, rounded container designed to house contact-related CTAs or FAQ highlights.
 */
.contact-block {
  background: #f4f1ee !important;
  border-radius: 15px;
  padding: 40px 20px 50px 20px;
}
.contact-block img {
  max-width: 200px;
  padding: 20px 0;
}

/**
 * Contact Section List
 * Manages the layout for address, phone, and email information.
 */
.contact-section ul {
  padding: 0px;
}
.contact-section ul li {
  display: block;
  margin: 0 0 15px;
}
.contact-section ul li span {
  display: inline-block;
  min-width: 140px;
}
.contact-section ul .social-links {
  display: inline;
}
.contact-section ul .social-links a {
  border-color: #1F2632;
}
.contact-section ul .social-links a i {
  color: #1F2632;
}/*# sourceMappingURL=style.css.map */
/* 90'lar Cafe responsive brand refinements */
#deneyim{display:none!important}
[hidden]{display:none!important}
.custom-navbar{height:auto!important;min-height:118px;padding:10px 0!important}
.custom-navbar,.custom-navbar.navbar-scrolled,.custom-navbar.navbar-theme-light.navbar-scrolled{position:relative!important;background:#fff!important;border-bottom:1px solid #e7e1da!important;box-shadow:0 5px 20px rgba(20,18,16,.06)!important}
.custom-navbar .nav-link,.custom-navbar.navbar-theme-light .nav-link,.custom-navbar.navbar-theme-light.navbar-scrolled .nav-link{color:#1f2632!important}
.page-back{display:inline-flex;align-items:center;gap:8px;margin-bottom:22px;color:#c9332e;font-weight:700;text-decoration:none}.page-back:hover{color:#96231f}.page-heading{padding-top:55px!important}
.menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.menu-card{padding:24px;border:1px solid #e7e1da;border-radius:14px;background:#fff}.menu-card h3{font-size:1.35rem}.menu-card .menu-meta{color:#c9332e;font-weight:700}.menu-card p{margin-bottom:0}
.custom-navbar .container-fluid{flex-wrap:wrap;justify-content:center}
.navbar-brand{width:100%;margin:0;text-align:center;pointer-events:none}
.site-logo{display:block;width:min(430px,70vw);height:58px;margin:auto;object-fit:contain}
.navbar-collapse{flex-basis:100%;justify-content:center}
.navbar-nav{margin:6px auto 0!important}
.hero-section,.hero-section .carousel-item{height:min(70vh,680px)!important;min-height:480px!important}
.gallery-item img{width:100%;aspect-ratio:4/3;object-fit:cover}
@media(max-width:991.98px){.custom-navbar{min-height:76px}.custom-navbar .container-fluid{justify-content:space-between}.navbar-brand{width:auto}.site-logo{width:230px;height:48px}.navbar-toggler{margin-left:auto}.navbar-collapse{margin-top:10px;background:#fff;padding:12px 18px;border-radius:12px;box-shadow:0 12px 30px #0002}.navbar-nav{align-items:stretch!important}.nav-link{padding:12px!important}.hero-section,.hero-section .carousel-item{height:500px!important;min-height:500px!important}.hero-caption h1{font-size:clamp(2rem,10vw,3.5rem)!important}.hero-caption p{font-size:1rem!important}.sec-pad{padding-top:64px!important;padding-bottom:64px!important}}
@media(max-width:575.98px){.site-logo{width:190px;height:42px}.hero-section,.hero-section .carousel-item{height:440px!important;min-height:440px!important}.hero-caption{padding-inline:18px}.img-collage-wrap{transform:scale(.92);transform-origin:center}.book-table-img-wrap{min-height:260px}.booking-form-wrap{padding:32px 20px!important}.footer-one{text-align:center}.footer-one .social-links{justify-content:center}}
@media(max-width:575.98px){.menu-grid{grid-template-columns:1fr}.page-back{min-height:44px;padding:8px 0}}
.footer-one .timing-list{max-width:210px}.footer-one ul.timing-list li{justify-content:flex-start;gap:22px}.footer-one .timing-day{min-width:58px}.contact-map{overflow:hidden;border:1px solid #e7e1da;border-radius:16px;box-shadow:0 12px 35px rgba(20,18,16,.08)}.contact-map iframe{display:block;width:100%;height:420px;border:0}.contact-map-section .section-title-row{margin-bottom:22px}.contact-map-section .menu-meta{color:#c9332e;font-weight:700}
@media(max-width:991.98px){.footer-one .timing-list{margin-inline:auto}.contact-map iframe{height:340px}}
.inner-page-hero{position:relative;display:flex;align-items:center;height:294px!important;min-height:294px!important;padding:0!important;background-image:linear-gradient(rgba(15,13,12,.64),rgba(15,13,12,.64)),var(--page-hero-image)!important;background-position:center!important;background-size:cover!important;color:#fff;isolation:isolate}.inner-page-hero .container{position:relative;z-index:1}.inner-page-hero .head1{padding-top:0!important}.inner-page-hero .page-title,.inner-page-hero h1,.inner-page-hero p{color:#fff!important;text-shadow:0 2px 18px rgba(0,0,0,.35)}.inner-page-hero .page-back{position:absolute;left:12px;top:-58px;margin:0;color:#fff}.inner-page-hero .page-back:hover{color:#ffb3af}
.contact-page main>.sec-pad:not(.inner-page-hero){background:linear-gradient(180deg,#fff 0%,#f7f2ee 100%)}.contact-page .menu-card{height:100%;border:0;box-shadow:0 18px 50px rgba(35,26,22,.1)}.contact-info-card{position:relative;overflow:hidden;padding:42px!important;background:linear-gradient(145deg,#ba2526 0%,#6f1719 100%)!important;color:#fff}.contact-info-card:after{content:"90";position:absolute;right:-18px;bottom:-70px;color:rgba(255,255,255,.07);font-family:Georgia,serif;font-size:190px;font-weight:700;line-height:1}.contact-info-card>*{position:relative;z-index:1}.contact-info-card h2{margin:8px 0 12px;color:#fff}.contact-kicker{font-size:.78rem;font-weight:800;letter-spacing:.18em;color:#ffd0cb}.contact-lead{max-width:420px;margin-bottom:28px;color:rgba(255,255,255,.82)}.contact-detail{display:flex;gap:14px;padding:14px 0;border-top:1px solid rgba(255,255,255,.16)}.contact-icon{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:50%;background:rgba(255,255,255,.12);font-size:1.1rem}.contact-detail strong{display:block;margin-bottom:3px}.contact-detail p,.contact-detail a{display:block;margin:0;color:rgba(255,255,255,.8);text-decoration:none}.contact-detail a:hover{color:#fff}.contact-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.contact-form-card{padding:42px!important;background:#fff!important}.contact-form-card .form-control{min-height:52px;border-color:#ded8d2;background:#faf8f6}.contact-form-card textarea.form-control{min-height:150px}.contact-form-card .btn{min-height:48px;padding-inline:24px}.footer-one{padding:54px 0 0!important}.footer-main-row{align-items:flex-start}.footer-contact-link{color:#b4b4b4;text-decoration:none}.footer-contact-link:hover{color:#fff}.footer-map{overflow:hidden;height:155px;border:1px solid rgba(255,255,255,.16);border-radius:10px}.footer-map iframe{display:block;width:100%;height:100%;border:0;filter:grayscale(.35) contrast(.95)}.footer-divider{margin:34px 0 0!important}.footer-copyright{align-items:center;padding:14px 0 12px}.footer-copyright p,.footer-copyright span{line-height:1.4}
@media(max-width:991.98px){.inner-page-hero{height:260px!important;min-height:260px!important}.inner-page-hero .page-back{top:-46px}.contact-info-card,.contact-form-card{padding:32px!important}.footer-main-row{text-align:center}.footer-map{max-width:440px;height:190px;margin:auto}.footer-copyright{padding-bottom:10px}}
@media(max-width:575.98px){.inner-page-hero{height:230px!important;min-height:230px!important}.inner-page-hero .page-title{font-size:2rem}.inner-page-hero .page-back{top:-38px;left:16px}.contact-info-card,.contact-form-card{padding:26px 22px!important}.contact-actions .btn{flex:1}.footer-copyright>div{justify-content:center!important;text-align:center!important}}

/* Mobile-first conversion and review surfaces */
.home-actions{padding:28px 0;background:#f7f2ee}.home-actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.home-actions-grid a{display:flex;align-items:center;gap:14px;min-height:82px;padding:18px 20px;border:1px solid #e5ddd6;border-radius:14px;background:#fff;color:#1f2632;text-decoration:none;box-shadow:0 8px 24px rgba(30,24,20,.05);transition:transform .2s ease,box-shadow .2s ease}.home-actions-grid a:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(30,24,20,.1)}.home-actions-grid i{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:50%;background:#d92d2d;color:#fff;font-size:1.1rem}.home-actions-grid span{display:flex;flex-direction:column}.home-actions-grid strong{font-size:1rem}.home-actions-grid small{margin-top:2px;color:#6e747b;font-size:.82rem}.google-reviews{background:#fff}.reviews-panel{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:42px 48px;border-radius:20px;background:linear-gradient(135deg,#211d1a,#3a302b);color:#fff;box-shadow:0 18px 50px rgba(28,22,18,.15)}.reviews-panel h2{margin:10px 0 12px;color:#fff;font-size:clamp(2rem,4vw,3.2rem)}.reviews-panel p{max-width:720px;margin:0;color:rgba(255,255,255,.72)}.reviews-kicker{color:#ffb3ae;font-size:.78rem;font-weight:800;letter-spacing:.14em}.reviews-kicker i{margin-right:7px}.reviews-actions{flex:0 0 auto}.reviews-actions .btn{min-height:52px;display:inline-flex;align-items:center;gap:10px;padding-inline:24px}.skip-link{position:fixed;left:12px;top:-80px;z-index:9999;padding:10px 16px;background:#fff;color:#111;border-radius:8px}.skip-link:focus{top:12px}.form-status{min-height:24px;margin:12px 0 0}.legal-consent{font-size:.82rem;color:#6e747b}.legal-consent a{color:inherit}.mobile-quickbar{display:none}
@media(max-width:767.98px){body{padding-bottom:68px}.home-actions{padding:16px 0}.home-actions-grid{grid-template-columns:1fr;gap:10px}.home-actions-grid a{min-height:68px}.reviews-panel{display:block;padding:30px 24px}.reviews-actions{margin-top:24px}.reviews-actions .btn{width:100%;justify-content:center}.mobile-quickbar{position:fixed;z-index:1040;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(3,1fr);height:68px;padding-bottom:env(safe-area-inset-bottom);background:#201c19;box-shadow:0 -8px 25px rgba(0,0,0,.18)}.mobile-quickbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#fff;text-decoration:none;font-size:.75rem}.mobile-quickbar i{font-size:1.15rem;color:#ff5e57}.footer-copyright{padding-bottom:18px}.card-blog .card-img-wrapper{height:220px}.card-blog .card-body{padding:22px}.home-about .row{gap:30px}.home-about .col-md-6{width:100%}}

/* Ortak marka ve blog kartı standardı */
.footer-brand{display:inline-block;margin-bottom:14px}
.footer-brand-logo{display:block;width:min(190px,100%);height:auto}
.footer-brand-text{max-width:220px;color:rgba(255,255,255,.68);font-size:.92rem}
.card-blog{display:flex;width:100%;height:100%;flex-direction:column}
.card-blog .card-img-wrapper{height:258px;flex:0 0 258px}
.card-blog .card-img-wrapper img{width:100%;height:100%;object-fit:cover}
.card-blog .card-body{display:block;flex:0 0 auto}
.blog-card-footer{display:flex;justify-content:flex-end;margin-top:14px!important;padding-top:0}

/* Keep the decorative 90 watermark fully visible inside the contact card. */
.contact-info-card::after {
  right: 18px;
  bottom: 14px;
  font-size: 150px;
  color: rgba(255, 255, 255, 0.09);
  pointer-events: none;
}

@media (max-width: 575.98px) {
  .contact-info-card::after {
    right: 12px;
    bottom: 12px;
    font-size: 112px;
  }
}

/* Final consistency, accessibility and responsive refinements. */
.footer-heading{margin:0 0 1.5rem;color:var(--bs-primary);font-family:inherit;font-size:1.15rem;font-weight:700}
.card-blog{height:100%;overflow:hidden}.card-blog .card-body{display:flex;flex:1;flex-direction:column}.card-blog .card-title{font-size:1.2rem;line-height:1.28}.card-blog .card-text{margin-bottom:0}.card-blog .blog-card-footer{margin-top:1rem!important}.card-blog .card-img-wrapper{aspect-ratio:16/10;height:auto}.card-blog .card-img-wrapper img{width:100%;height:100%;object-fit:cover}
.gallery-item{overflow:hidden;border-radius:12px;background:#eee}.gallery-item img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .25s ease}.gallery-item:hover img{transform:scale(1.025)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #f2a19d!important;outline-offset:3px!important}
.not-found-page{min-height:100vh;display:grid;place-items:center;padding:32px;background:linear-gradient(145deg,#211d1a,#3a302b);text-align:center}.not-found-card{width:min(600px,100%);padding:54px 34px;border-radius:22px;background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.25)}.not-found-card>span{display:block;color:#c92b2b;font-size:clamp(4rem,15vw,8rem);font-weight:800;line-height:1}.not-found-card h1{margin:16px 0 12px}.not-found-card p{margin-bottom:26px;color:#61656b}
@media(max-width:991.98px){.custom-navbar .container-fluid{padding-inline:20px}.navbar-collapse{width:100%}.navbar-nav{width:100%;text-align:center}.inner-page-hero .page-back{left:20px}.footer-main-row>div{margin-bottom:10px}}
@media(max-width:575.98px){.custom-navbar{min-height:82px}.site-logo{width:180px;max-width:56vw}.hero-caption h1,.hero-caption h2{font-size:clamp(2rem,10vw,3rem)!important}.hero-caption p{max-width:92%;margin-inline:auto}.inner-page-hero .page-back{left:18px}.contact-info-card::after{opacity:.8}.blog-card-footer{justify-content:flex-start}.footer-one{padding-top:42px!important}.footer-map{height:175px}.footer-copyright{font-size:.875rem}}

@media(min-width:768px){.card-blog{min-height:532px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
[data-blog-grid]{row-gap:30px}
.blog-article-content h2{margin-top:32px;margin-bottom:14px}
.blog-article-content p{margin-bottom:18px}
@media(max-width:767.98px){.footer-brand-logo{width:170px}.card-blog .card-img-wrapper{height:220px;flex-basis:220px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.legal-page{max-width:860px;font-size:1rem;line-height:1.75}.legal-page h2{margin:30px 0 10px;font-family:Georgia,serif;font-size:1.55rem}.legal-page h2:first-child{margin-top:0}.footer-copyright a{color:#b4b4b4}.footer-copyright a:hover{color:#fff}

/* Blog detay: rahat okunabilen editoryal düzen */
.blog-detail-column{width:100%;max-width:1040px;margin-inline:auto}
.blog-details-wrap{padding:0;overflow:hidden;background:#fff!important;border-radius:14px;box-shadow:0 18px 55px rgba(27,22,19,.08)}
.blog-cover{width:100%;aspect-ratio:16/9;margin:0;overflow:hidden;background:#211d1a}
.blog-cover img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0}
.blog-reading-column{max-width:820px;margin:0 auto;padding:48px 32px 56px}
.blog-lead{margin:0 0 30px!important;padding-bottom:28px;border-bottom:1px solid #ded8d2;color:#26211e!important;font-size:1.2rem;line-height:1.75;font-weight:500}
.blog-article-content{color:#3f4f52;font-size:1.08rem;line-height:1.82}
.blog-article-content h2,.blog-article-content h3{color:#171515;font-family:Georgia,'Times New Roman',serif;line-height:1.25}
.blog-article-content h2{margin:42px 0 16px;font-size:clamp(1.65rem,3vw,2rem)}
.blog-article-content h3{margin:30px 0 12px;font-size:1.35rem}
.blog-article-content p{margin:0 0 20px;color:#3f4f52}
.blog-article-content ul,.blog-article-content ol{margin:8px 0 26px;padding-left:1.4rem}
.blog-article-content li{margin-bottom:10px;color:#3f4f52}
.blog-article-content a{color:#c82929;text-underline-offset:3px}
.blog-visit-card{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;margin-top:48px;padding:30px;border-radius:12px;background:#27211e;color:#fff}
.blog-visit-card h2{margin:5px 0 8px;color:#fff;font-family:Georgia,'Times New Roman',serif;font-size:1.65rem}
.blog-visit-card p{margin:0;color:rgba(255,255,255,.72)}
.blog-visit-kicker,.related-heading span{color:#ff6a62;font-size:.75rem;font-weight:800;letter-spacing:.13em}
.blog-visit-actions{display:flex;flex-direction:column;gap:10px;min-width:190px}
.blog-visit-actions .btn{white-space:nowrap}
.related-posts{padding:0 32px 48px}
.related-heading{max-width:820px;margin:0 auto 20px}
.related-heading h2{margin:5px 0 0;font-family:Georgia,'Times New Roman',serif;font-size:2rem}
.related-post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.related-post{overflow:hidden;border-radius:10px;background:#f4f1ee}
.related-post a{display:block;color:#171515;text-decoration:none;font-weight:700;line-height:1.35}
.related-post img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:0}
.related-post span{display:block;padding:16px}
.blog-not-found{padding:60px 30px;text-align:center}
.inner-page-hero .page-title{max-width:1000px;margin-inline:auto;text-wrap:balance}
@media(max-width:767.98px){.blog-reading-column{padding:32px 20px 40px}.blog-lead{font-size:1.08rem}.blog-article-content{font-size:1rem;line-height:1.75}.blog-visit-card{grid-template-columns:1fr;padding:24px 20px}.blog-visit-actions{min-width:0}.related-posts{padding:0 20px 36px}.related-post-grid{grid-template-columns:1fr}.related-post a{display:grid;grid-template-columns:120px 1fr;align-items:center}.related-post img{height:100%;aspect-ratio:1/1}.inner-page-hero .page-title{font-size:clamp(2rem,8vw,2.7rem)}}

/* ======================================================================
   90'LAR CAFE — Editorial Turkish 90s homepage redesign (2026-09-08)
   Scope: body.editorial-home only; inner pages/admin remain unchanged.
   ====================================================================== */
body.editorial-home{--ed-paper:#f1e6cf;--ed-paper2:#e8d7b8;--ed-ink:#11191a;--ed-red:#a52d29;--ed-red2:#741c19;--ed-yellow:#e3ae30;--ed-green:#102c2a;--ed-line:rgba(17,25,26,.18);margin:0;background:var(--ed-paper);color:var(--ed-ink);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden;padding-bottom:0}
body.editorial-home::before{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.035;background-image:radial-gradient(#000 0.7px,transparent .8px);background-size:4px 4px;mix-blend-mode:multiply}
.editorial-home .skip-link{position:fixed;top:-100px;left:12px;z-index:10000;padding:10px 14px;background:#fff;color:#111}.editorial-home .skip-link:focus{top:12px}
.ed-shell{width:min(1440px,100% - 64px);margin-inline:auto}.ed-header{position:absolute;z-index:30;left:0;right:0;top:0}.ed-header-inner{height:100px;display:grid;grid-template-columns:180px 1fr auto;align-items:center;gap:30px}.ed-brand{display:block;width:150px}.ed-brand img{display:block;width:100%;height:62px;object-fit:contain;object-position:left center}.ed-nav{display:flex;align-items:center;justify-content:center;gap:36px}.ed-nav a{position:relative;color:#11191a;text-decoration:none;text-transform:uppercase;font-weight:800;font-size:.78rem;letter-spacing:.04em}.ed-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:3px;background:var(--ed-red);transition:.2s}.ed-nav a:hover::after,.ed-nav a.active::after{right:0}.ed-reservation{display:inline-flex;align-items:center;gap:9px;padding:15px 21px;background:var(--ed-red);color:#fff;text-decoration:none;border:1px solid rgba(0,0,0,.12);font-size:.82rem;font-weight:800;text-transform:uppercase;box-shadow:6px 6px 0 rgba(17,25,26,.12)}.ed-menu-toggle{display:none;border:0;background:transparent;font-size:1.7rem}
.ed-hero{position:relative;min-height:730px;padding-top:100px;background:linear-gradient(90deg,var(--ed-paper) 0 39%,#17201e 39% 100%);overflow:hidden}.ed-hero::before,.ed-menu-teaser::before,.ed-gallery::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.08;background:repeating-linear-gradient(0deg,rgba(0,0,0,.08) 0 1px,transparent 1px 5px)}.ed-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:39% 49% 12%;min-height:630px}.ed-hero-copy{align-self:center;padding:70px 54px 54px 0}.ed-eyebrow{display:block;margin-bottom:22px;font-size:.7rem;font-weight:900;letter-spacing:.22em}.ed-hero h1{margin:0 0 24px;font-family:Impact,'Arial Narrow',sans-serif;font-weight:900;line-height:.88;letter-spacing:.012em;text-transform:uppercase}.ed-hero h1 span,.ed-hero h1 strong{display:block}.ed-hero h1 span{font-size:clamp(3rem,5vw,5.8rem)}.ed-hero h1 strong{margin:4px 0;color:var(--ed-red);font-size:clamp(5rem,8vw,9rem);font-weight:900}.ed-hero-copy p{max-width:520px;margin:0 0 30px;font-size:1.16rem;line-height:1.55}.ed-hero-actions{display:flex;flex-wrap:wrap;gap:14px}.ed-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 22px;border:1px solid var(--ed-ink);text-decoration:none;text-transform:uppercase;font-size:.76rem;font-weight:900;letter-spacing:.025em;transition:transform .2s,box-shadow .2s}.ed-btn:hover{transform:translateY(-2px)}.ed-btn-red{border-color:var(--ed-red);background:var(--ed-red);color:#fff;box-shadow:4px 4px 0 var(--ed-red2)}.ed-btn-outline{background:transparent;color:var(--ed-ink)}.ed-hero-visual{position:relative;overflow:hidden;background:#222}.ed-hero-visual>img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.04) sepia(.1)}.ed-hero-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(241,230,207,.12),transparent 26%,rgba(10,18,18,.18));pointer-events:none}.ed-photo-stamp{position:absolute;left:7%;top:32%;z-index:2;padding:12px 15px;background:rgba(146,37,32,.88);color:#f7e7ca;font-family:Impact,'Arial Narrow',sans-serif;font-size:2rem;line-height:.82;transform:rotate(-2deg);box-shadow:4px 4px 0 rgba(0,0,0,.2)}.ed-vhs-stack{position:absolute;right:5%;bottom:8%;z-index:2;display:flex;flex-direction:column;gap:3px;transform:rotate(-1deg)}.ed-vhs-stack span{display:block;min-width:150px;padding:7px 11px;border:2px solid #c8a77a;background:#191d1d;color:#d9bd87;font-family:'Arial Narrow',Arial,sans-serif;font-size:.75rem;font-weight:900;letter-spacing:.09em}.ed-side-note{position:relative;padding:115px 18px 25px;background:#17201e;color:var(--ed-paper);overflow:hidden}.ed-side-note::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(165,45,41,.23),transparent 28%)}.ed-side-note strong{position:relative;z-index:1;display:block;font-family:Impact,'Arial Narrow',sans-serif;font-size:2.1rem;line-height:.9;letter-spacing:.02em}.ed-crt{position:absolute;left:10%;right:10%;bottom:14%;aspect-ratio:1/1;background:#0d0f0f;border:6px solid #44372c;box-shadow:inset 0 0 0 3px #86725f,7px 8px 0 rgba(0,0,0,.25)}.ed-crt::before{content:"";position:absolute;inset:10%;border-radius:48% / 20%;background:radial-gradient(circle at 55% 42%,#6a766d 0 16%,#263330 38%,#0c1514 70%);box-shadow:inset 0 0 20px #000}.ed-crt::after{content:"";position:absolute;inset:12%;opacity:.3;background:repeating-linear-gradient(0deg,transparent 0 4px,rgba(255,255,255,.2) 4px 5px)}.ed-crt span{position:absolute;z-index:2;left:16%;top:18%;font:700 .62rem monospace;color:#d9e1c0}.ed-crt i{position:absolute;z-index:2;right:14%;bottom:10%;width:12px;height:12px;border-radius:50%;background:#b52b25}
.ed-menu-teaser{position:relative;background:var(--ed-paper);border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.2)}.ed-menu-layout{position:relative;z-index:1;display:grid;grid-template-columns:290px 1fr}.ed-yellow-block{padding:48px 42px;background:var(--ed-yellow)}.ed-yellow-block h2{margin:0 0 20px;font-family:Impact,'Arial Narrow',sans-serif;font-size:3.15rem;line-height:.88}.ed-yellow-block p{margin-bottom:24px}.ed-yellow-block a{color:var(--ed-ink);font-weight:900;text-decoration:none;border-bottom:3px solid var(--ed-red)}.ed-category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0}.ed-category{position:relative;display:flex;min-width:0;flex-direction:column;color:var(--ed-ink);text-decoration:none;border-left:1px solid var(--ed-line);background:rgba(255,255,255,.13)}.ed-category img{width:100%;aspect-ratio:3/4;object-fit:cover;filter:saturate(.72) contrast(1.03);transition:transform .25s,filter .25s}.ed-category span{display:flex;align-items:center;min-height:66px;padding:0 17px;font-family:Impact,'Arial Narrow',sans-serif;font-size:1.2rem;letter-spacing:.015em}.ed-category span::after{content:"";display:block;width:26px;height:3px;margin-left:auto;background:var(--ed-red)}.ed-category:hover img{filter:saturate(1) contrast(1.05);transform:scale(1.01)}
.ed-city-strip{background:#111819;color:var(--ed-paper)}.ed-city-grid{display:grid;grid-template-columns:240px 1fr 240px;min-height:250px}.ed-city-title{padding:36px 32px 28px 0;font-family:Impact,'Arial Narrow',sans-serif;font-size:3.2rem;line-height:.88}.ed-city-photo{overflow:hidden;filter:grayscale(1) sepia(.15)}.ed-city-photo img{width:100%;height:100%;min-height:250px;object-fit:cover}.ed-city-copy{display:flex;align-items:center;padding:38px 0 38px 38px;color:#e9dfcc;line-height:1.6;border-left:1px solid rgba(255,255,255,.12)}
.ed-feature-row{display:grid;grid-template-columns:62% 38%}.ed-feature{position:relative;min-height:390px;overflow:hidden}.ed-feature>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.75) contrast(1.1)}.ed-feature::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,26,25,.9) 0 45%,rgba(6,26,25,.5) 72%,rgba(6,26,25,.15))}.ed-feature-copy{position:relative;z-index:2;max-width:560px;margin-left:40%;padding:72px 55px;color:#fff}.ed-feature-copy h2{margin:0 0 18px;font-family:Impact,'Arial Narrow',sans-serif;font-size:3.2rem;line-height:.92}.ed-feature-copy p{margin-bottom:24px;line-height:1.65}.ed-music{background:var(--ed-paper)}.ed-music::after{background:linear-gradient(90deg,rgba(241,230,207,.78) 0 35%,rgba(241,230,207,.96) 65%)}.ed-music>img{width:44%;left:0;right:auto;object-fit:cover}.ed-feature-copy-light{max-width:100%;margin-left:44%;padding:60px 34px;color:var(--ed-ink)}.ed-feature-copy-light h2{font-size:2.6rem}.ed-feature-copy-light a{color:var(--ed-ink);font-weight:900;text-decoration:none;border-bottom:3px solid var(--ed-red)}
.ed-gallery{position:relative;padding:34px 0 38px;background:var(--ed-paper)}.ed-gallery .ed-shell{position:relative;z-index:1}.ed-section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:20px}.ed-section-head span{display:block;margin-bottom:3px;color:var(--ed-red);font-size:.68rem;font-weight:900;letter-spacing:.18em}.ed-section-head h2{margin:0;font-family:Impact,'Arial Narrow',sans-serif;font-size:2.5rem}.ed-section-head a{color:var(--ed-red);font-size:.76rem;font-weight:900;text-decoration:none}.ed-gallery-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr 1fr 1fr;gap:8px}.ed-gallery-grid a{display:block;overflow:hidden;background:#222}.ed-gallery-grid img{display:block;width:100%;aspect-ratio:16/9;height:100%;object-fit:cover;filter:saturate(.8);transition:.25s}.ed-gallery-grid a:hover img{transform:scale(1.03);filter:saturate(1)}
.ed-footer{padding:40px 0 20px;background:#10191a;color:#efe3cd}.ed-footer-grid{display:grid;grid-template-columns:1.1fr 1.1fr .9fr .7fr;gap:34px;align-items:center}.ed-footer-brand img{width:180px;height:80px;object-fit:contain;object-position:left center}.ed-footer-brand p{max-width:270px;margin:12px 0 0;color:#c9c2b4}.ed-footer-contact h2{margin:0 0 15px;font-size:.8rem;letter-spacing:.07em}.ed-footer-contact p{margin:8px 0;color:#d8d0c0;font-size:.9rem}.ed-footer-contact i{margin-right:7px;color:#c33731}.ed-footer-contact a{color:inherit;text-decoration:none}.ed-map{position:relative;display:block;min-height:125px;border:1px solid rgba(255,255,255,.15);background:linear-gradient(135deg,#4b5550,#28302e);overflow:hidden}.ed-map::before,.ed-map::after{content:"";position:absolute;background:rgba(236,228,210,.25);transform:rotate(-10deg)}.ed-map::before{width:140%;height:2px;top:45%;left:-20%}.ed-map::after{width:2px;height:140%;left:55%;top:-20%}.ed-map-pin{position:absolute;z-index:2;left:52%;top:48%;transform:translate(-50%,-50%);display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--ed-red);color:#fff;font-size:1.2rem;box-shadow:0 4px 10px rgba(0,0,0,.3)}.ed-footer-note{font-family:Impact,'Arial Narrow',sans-serif;font-size:1.7rem;line-height:.95}.ed-footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:30px;padding-top:18px;border-top:1px solid rgba(255,255,255,.15);color:#817e77;font-size:.75rem}.ed-footer-bottom a{color:#aaa59c;text-decoration:none}.ed-mobile-bar{display:none}
@media(max-width:1199.98px){.ed-shell{width:min(100% - 40px,1200px)}.ed-header-inner{grid-template-columns:150px 1fr auto}.ed-nav{gap:22px}.ed-hero{min-height:650px}.ed-hero-grid{grid-template-columns:42% 58%;min-height:550px}.ed-side-note{display:none}.ed-hero-copy{padding-right:32px}.ed-menu-layout{grid-template-columns:240px 1fr}.ed-yellow-block{padding:36px 28px}.ed-yellow-block h2{font-size:2.65rem}.ed-category span{font-size:1rem}.ed-city-grid{grid-template-columns:180px 1fr 200px}.ed-city-title{font-size:2.6rem}.ed-feature-row{grid-template-columns:1fr}.ed-feature-copy{margin-left:38%}.ed-music>img{width:48%}.ed-feature-copy-light{margin-left:48%}}
@media(max-width:991.98px){.ed-header{position:absolute}.ed-header-inner{height:86px;grid-template-columns:1fr auto;gap:10px}.ed-brand{width:132px}.ed-brand img{height:54px}.ed-menu-toggle{display:inline-grid;place-items:center;width:44px;height:44px;color:#111}.ed-reservation{display:none}.ed-nav{position:absolute;top:78px;left:20px;right:20px;display:none;flex-direction:column;align-items:stretch;gap:0;padding:12px;background:#f2e5ce;border:1px solid rgba(0,0,0,.2);box-shadow:8px 8px 0 rgba(0,0,0,.13)}.ed-nav.is-open{display:flex}.ed-nav a{padding:14px;border-bottom:1px solid rgba(0,0,0,.12)}.ed-nav a:last-child{border-bottom:0}.ed-nav a::after{display:none}.ed-hero{padding-top:86px;background:var(--ed-paper)}.ed-hero-grid{grid-template-columns:1fr;min-height:auto}.ed-hero-copy{padding:56px 0 38px}.ed-hero h1 span{font-size:clamp(2.9rem,11vw,5rem)}.ed-hero h1 strong{font-size:clamp(4.6rem,18vw,7.4rem)}.ed-hero-visual{min-height:460px;margin-inline:-20px}.ed-photo-stamp{top:10%;left:6%}.ed-vhs-stack{right:4%;bottom:5%}.ed-menu-layout{grid-template-columns:1fr}.ed-yellow-block{padding:34px 24px}.ed-yellow-block h2 br{display:none}.ed-category-grid{grid-template-columns:repeat(5,220px);overflow-x:auto;scroll-snap-type:x mandatory}.ed-category{scroll-snap-align:start}.ed-category img{aspect-ratio:4/5}.ed-city-grid{grid-template-columns:150px 1fr}.ed-city-copy{grid-column:1/-1;padding:22px 0;border-left:0;border-top:1px solid rgba(255,255,255,.12)}.ed-feature-copy{margin-left:30%;padding:58px 35px}.ed-gallery-grid{grid-template-columns:repeat(3,1fr)}.ed-gallery-grid a:nth-child(n+4){display:none}.ed-footer-grid{grid-template-columns:1fr 1fr}.ed-footer-note{display:none}}
@media(max-width:767.98px){body.editorial-home{padding-bottom:64px}.ed-shell{width:min(100% - 32px,720px)}.ed-hero-copy p{font-size:1rem}.ed-hero-actions{display:grid;grid-template-columns:1fr}.ed-btn{width:100%}.ed-hero-visual{min-height:360px;margin-inline:-16px}.ed-photo-stamp{font-size:1.45rem}.ed-vhs-stack span{min-width:120px;font-size:.62rem}.ed-city-grid{grid-template-columns:120px 1fr}.ed-city-title{font-size:2rem;padding-right:18px}.ed-feature{min-height:auto;padding-top:280px}.ed-feature>img{height:280px}.ed-feature::after{background:linear-gradient(0deg,rgba(7,27,25,.96) 0 46%,rgba(7,27,25,.12) 80%)}.ed-feature-copy{margin:0;padding:34px 24px 42px;background:#0d2a28}.ed-feature-copy h2{font-size:2.55rem}.ed-music{padding-top:250px}.ed-music>img{width:100%;height:250px}.ed-music::after{background:linear-gradient(0deg,rgba(241,230,207,.98) 0 47%,rgba(241,230,207,.08) 82%)}.ed-feature-copy-light{margin:0;background:var(--ed-paper);color:var(--ed-ink)}.ed-section-head{align-items:start;flex-direction:column}.ed-gallery-grid{grid-template-columns:1fr 1fr}.ed-gallery-grid a:nth-child(3){display:none}.ed-footer-grid{grid-template-columns:1fr}.ed-map{min-height:150px}.ed-footer-bottom{flex-direction:column}.ed-mobile-bar{position:fixed;z-index:1000;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(3,1fr);height:64px;background:#10191a;border-top:1px solid rgba(255,255,255,.12)}.ed-mobile-bar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#fff;text-decoration:none;font-size:.7rem}.ed-mobile-bar i{color:#d64a42;font-size:1.1rem}}
@media(max-width:479.98px){.ed-hero h1 span{font-size:2.55rem}.ed-hero h1 strong{font-size:4.6rem}.ed-yellow-block h2{font-size:2.35rem}.ed-category-grid{grid-template-columns:repeat(5,180px)}.ed-city-grid{grid-template-columns:100px 1fr}.ed-city-title{font-size:1.7rem}.ed-feature-copy h2{font-size:2.25rem}.ed-gallery-grid{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.editorial-home *,.editorial-home *::before,.editorial-home *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* ======================================================================
   Editorial homepage proportion refinement — reference alignment v2
   Desktop-only overrides; admin and inner pages remain untouched.
   ====================================================================== */
@media (min-width:1200px){
  .editorial-home .ed-shell{width:min(1160px,calc(100% - 56px));}

  .editorial-home .ed-header{background:transparent;}
  .editorial-home .ed-header-inner{
    height:82px;
    grid-template-columns:165px 1fr 172px;
    gap:20px;
  }
  .editorial-home .ed-brand{width:122px;}
  .editorial-home .ed-brand img{height:54px;}
  .editorial-home .ed-nav{gap:30px;}
  .editorial-home .ed-nav a{font-size:.72rem;letter-spacing:.035em;}
  .editorial-home .ed-reservation{justify-self:end;padding:12px 17px;font-size:.74rem;box-shadow:4px 4px 0 rgba(17,25,26,.11);}

  .editorial-home .ed-hero{
    min-height:620px;
    padding-top:82px;
    background:var(--ed-paper);
  }
  .editorial-home .ed-hero-grid{
    grid-template-columns:38% 49% 13%;
    min-height:538px;
    background:var(--ed-paper);
  }
  .editorial-home .ed-hero-copy{
    padding:48px 38px 42px 0;
  }
  .editorial-home .ed-eyebrow{margin-bottom:18px;font-size:.63rem;letter-spacing:.2em;}
  .editorial-home .ed-hero h1{margin-bottom:20px;line-height:.88;}
  .editorial-home .ed-hero h1 span{font-size:clamp(3.05rem,3.7vw,4.35rem);}
  .editorial-home .ed-hero h1 strong{font-size:clamp(5rem,5.8vw,6.8rem);margin:2px 0;}
  .editorial-home .ed-hero-copy p{max-width:390px;margin-bottom:25px;font-size:1rem;line-height:1.5;}
  .editorial-home .ed-btn{min-height:44px;padding:0 17px;font-size:.69rem;}

  .editorial-home .ed-hero-visual{min-width:0;}
  .editorial-home .ed-hero-visual>img{
    object-position:center center;
    filter:saturate(.75) contrast(1.06) brightness(.84) sepia(.08);
  }
  .editorial-home .ed-photo-stamp{left:7%;top:30%;font-size:1.55rem;padding:10px 12px;}
  .editorial-home .ed-vhs-stack{right:5%;bottom:7%;gap:2px;}
  .editorial-home .ed-vhs-stack span{min-width:126px;padding:5px 9px;font-size:.64rem;border-width:1px;}
  .editorial-home .ed-side-note{padding:108px 14px 20px;}
  .editorial-home .ed-side-note strong{font-size:1.55rem;line-height:.9;}
  .editorial-home .ed-crt{left:13%;right:13%;bottom:13%;border-width:4px;}

  .editorial-home .ed-menu-layout{grid-template-columns:232px 1fr;}
  .editorial-home .ed-yellow-block{padding:34px 30px;}
  .editorial-home .ed-yellow-block h2{font-size:2.55rem;margin-bottom:14px;}
  .editorial-home .ed-yellow-block p{font-size:.88rem;margin-bottom:17px;}
  .editorial-home .ed-yellow-block a{font-size:.73rem;}
  .editorial-home .ed-category img{aspect-ratio:1.08/1;}
  .editorial-home .ed-category span{min-height:52px;padding:0 12px;font-size:1rem;}
  .editorial-home .ed-category span::after{width:18px;height:2px;}

  .editorial-home .ed-city-grid{grid-template-columns:190px 1fr 190px;min-height:205px;}
  .editorial-home .ed-city-title{padding:28px 24px 22px 0;font-size:2.55rem;}
  .editorial-home .ed-city-photo img{min-height:205px;}
  .editorial-home .ed-city-copy{padding:28px 0 28px 28px;font-size:.86rem;}

  .editorial-home .ed-feature-row{grid-template-columns:63% 37%;}
  .editorial-home .ed-feature{min-height:330px;}
  .editorial-home .ed-feature-copy{max-width:500px;margin-left:37%;padding:55px 38px;}
  .editorial-home .ed-feature-copy h2{font-size:2.55rem;margin-bottom:14px;}
  .editorial-home .ed-feature-copy p{font-size:.88rem;line-height:1.55;margin-bottom:19px;}
  .editorial-home .ed-music>img{width:47%;}
  .editorial-home .ed-feature-copy-light{margin-left:47%;padding:48px 26px;}
  .editorial-home .ed-feature-copy-light h2{font-size:2.15rem;}

  .editorial-home .ed-gallery{padding:25px 0 28px;}
  .editorial-home .ed-section-head{margin-bottom:14px;}
  .editorial-home .ed-section-head h2{font-size:2rem;}
  .editorial-home .ed-gallery-grid{gap:7px;}
  .editorial-home .ed-gallery-grid img{aspect-ratio:1.55/1;}

  .editorial-home .ed-footer{padding:30px 0 16px;}
  .editorial-home .ed-footer-grid{grid-template-columns:1.05fr 1.1fr .9fr .65fr;gap:26px;}
  .editorial-home .ed-footer-brand img{width:145px;height:64px;}
  .editorial-home .ed-footer-brand p,.editorial-home .ed-footer-contact p{font-size:.8rem;}
  .editorial-home .ed-map{min-height:105px;}
  .editorial-home .ed-footer-note{font-size:1.35rem;}
  .editorial-home .ed-footer-bottom{margin-top:22px;padding-top:13px;font-size:.68rem;}
}

/* ======================================================================
   Editorial homepage proportion refinement v3 — 1920px/reference pass
   ====================================================================== */
@media (min-width:1200px){
  .editorial-home .ed-shell{width:min(1440px,calc(100% - 64px));}
  .editorial-home .ed-header-inner{height:92px;grid-template-columns:180px 1fr 180px;gap:24px;}
  .editorial-home .ed-brand{width:132px;}
  .editorial-home .ed-brand img{height:62px;}
  .editorial-home .ed-nav{gap:38px;}
  .editorial-home .ed-nav a{font-size:.76rem;}
  .editorial-home .ed-reservation{padding:14px 20px;font-size:.78rem;}

  .editorial-home .ed-hero{min-height:690px;padding-top:92px;}
  .editorial-home .ed-hero-grid{grid-template-columns:35% 52% 13%;min-height:598px;}
  .editorial-home .ed-hero-copy{padding:52px 48px 48px 0;}
  .editorial-home .ed-eyebrow{margin-bottom:20px;font-size:.67rem;}
  .editorial-home .ed-hero h1{margin-bottom:22px;}
  .editorial-home .ed-hero h1 span{font-size:clamp(3.4rem,3.8vw,4.7rem);}
  .editorial-home .ed-hero h1 strong{font-size:clamp(5.5rem,6vw,7.3rem);}
  .editorial-home .ed-hero-copy p{max-width:430px;font-size:1.05rem;line-height:1.52;margin-bottom:28px;}
  .editorial-home .ed-btn{min-height:48px;padding:0 20px;font-size:.72rem;}
  .editorial-home .ed-hero-visual>img{object-position:center 52%;}
  .editorial-home .ed-photo-stamp{left:6%;top:30%;font-size:1.75rem;}
  .editorial-home .ed-vhs-stack span{min-width:140px;padding:6px 10px;font-size:.68rem;}
  .editorial-home .ed-side-note{padding:112px 16px 24px;}
  .editorial-home .ed-side-note strong{font-size:1.8rem;}
  .editorial-home .ed-crt{left:12%;right:12%;bottom:12%;}

  .editorial-home .ed-menu-layout{grid-template-columns:270px 1fr;}
  .editorial-home .ed-yellow-block{padding:38px 34px;}
  .editorial-home .ed-yellow-block h2{font-size:2.9rem;}
  .editorial-home .ed-category img{aspect-ratio:1.05/1;}
  .editorial-home .ed-category span{min-height:58px;padding:0 14px;font-size:1.05rem;}

  .editorial-home .ed-city-grid{grid-template-columns:220px 1fr 220px;min-height:230px;}
  .editorial-home .ed-city-title{padding:32px 28px 26px 0;font-size:2.8rem;}
  .editorial-home .ed-city-photo img{min-height:230px;}
  .editorial-home .ed-city-copy{padding:32px 0 32px 32px;font-size:.9rem;}

  .editorial-home .ed-feature{min-height:365px;}
  .editorial-home .ed-feature-copy{padding:62px 44px;}
  .editorial-home .ed-feature-copy h2{font-size:2.8rem;}
  .editorial-home .ed-feature-copy p{font-size:.92rem;}
  .editorial-home .ed-feature-copy-light{padding:54px 30px;}
  .editorial-home .ed-feature-copy-light h2{font-size:2.35rem;}

  .editorial-home .ed-gallery{padding:30px 0 34px;}
  .editorial-home .ed-section-head h2{font-size:2.2rem;}
  .editorial-home .ed-gallery-grid img{aspect-ratio:1.62/1;}
}

@media (min-width:1600px){
  .editorial-home .ed-shell{width:min(1500px,calc(100% - 80px));}
  .editorial-home .ed-hero-grid{grid-template-columns:34% 53% 13%;}
}

/* ======================================================================
   Editorial homepage rhythm refinement v4 — full-page compact pass
   Applied only to desktop homepage. Inner pages/admin remain untouched.
   ====================================================================== */
@media (min-width:1200px){
  /* Keep the overall composition broad, but make section rhythm tighter. */
  .editorial-home .ed-shell{width:min(1480px,calc(100% - 72px));}

  /* HERO */
  .editorial-home .ed-header-inner{height:84px;grid-template-columns:170px 1fr 178px;}
  .editorial-home .ed-brand{width:126px;}
  .editorial-home .ed-brand img{height:56px;}
  .editorial-home .ed-hero{min-height:624px;padding-top:84px;}
  .editorial-home .ed-hero-grid{grid-template-columns:34% 53% 13%;min-height:540px;}
  .editorial-home .ed-hero-copy{padding:44px 46px 38px 0;}
  .editorial-home .ed-eyebrow{margin-bottom:16px;font-size:.64rem;}
  .editorial-home .ed-hero h1{margin-bottom:18px;}
  .editorial-home .ed-hero h1 span{font-size:clamp(3rem,3.35vw,4.15rem);}
  .editorial-home .ed-hero h1 strong{font-size:clamp(5rem,5.4vw,6.65rem);}
  .editorial-home .ed-hero-copy p{max-width:410px;margin-bottom:24px;font-size:.98rem;line-height:1.48;}
  .editorial-home .ed-btn{min-height:44px;padding:0 18px;}
  .editorial-home .ed-side-note{padding:96px 14px 18px;}
  .editorial-home .ed-side-note strong{font-size:1.55rem;}
  .editorial-home .ed-crt{bottom:10%;}

  /* MENU TEASER */
  .editorial-home .ed-menu-layout{grid-template-columns:245px 1fr;}
  .editorial-home .ed-yellow-block{padding:30px 28px;}
  .editorial-home .ed-yellow-block h2{font-size:2.55rem;line-height:.9;}
  .editorial-home .ed-yellow-block p{margin-bottom:14px;}
  .editorial-home .ed-category img{aspect-ratio:1.28/1;}
  .editorial-home .ed-category span{min-height:48px;font-size:.95rem;}

  /* CITY STRIP — force a true horizontal band, not a second hero. */
  .editorial-home .ed-city-strip{height:248px;overflow:hidden;}
  .editorial-home .ed-city-grid{grid-template-columns:190px minmax(0,1fr) 210px;height:248px;min-height:0;}
  .editorial-home .ed-city-title{height:248px;padding:28px 24px 22px 0;font-size:2.5rem;display:flex;align-items:flex-start;}
  .editorial-home .ed-city-photo{height:248px;min-height:0;}
  .editorial-home .ed-city-photo img{display:block;width:100%;height:248px!important;min-height:0!important;object-fit:cover;object-position:center 52%;}
  .editorial-home .ed-city-copy{height:248px;padding:28px 0 28px 30px;font-size:.84rem;line-height:1.55;}

  /* FEATURE ROW — compact editorial blocks. */
  .editorial-home .ed-feature-row{grid-template-columns:64% 36%;}
  .editorial-home .ed-feature{height:306px;min-height:306px;}
  .editorial-home .ed-feature>img{height:306px;}
  .editorial-home .ed-feature-copy{max-width:480px;margin-left:34%;padding:48px 34px;}
  .editorial-home .ed-feature-copy h2{margin-bottom:12px;font-size:2.45rem;}
  .editorial-home .ed-feature-copy p{margin-bottom:17px;font-size:.86rem;line-height:1.48;}
  .editorial-home .ed-feature-copy .ed-btn{min-height:42px;}
  .editorial-home .ed-music>img{width:48%;}
  .editorial-home .ed-feature-copy-light{margin-left:48%;padding:42px 26px;}
  .editorial-home .ed-feature-copy-light h2{font-size:2.05rem;line-height:.92;}
  .editorial-home .ed-feature-copy-light p{font-size:.84rem;line-height:1.5;}

  /* GALLERY — contact-sheet rhythm. */
  .editorial-home .ed-gallery{padding:24px 0 26px;}
  .editorial-home .ed-section-head{margin-bottom:12px;}
  .editorial-home .ed-section-head h2{font-size:1.95rem;}
  .editorial-home .ed-gallery-grid{gap:6px;}
  .editorial-home .ed-gallery-grid img{aspect-ratio:1.78/1;}

  /* FOOTER — reduce dead space. */
  .editorial-home .ed-footer{padding:24px 0 12px;}
  .editorial-home .ed-footer-grid{grid-template-columns:1fr 1.08fr .9fr .6fr;gap:24px;align-items:center;}
  .editorial-home .ed-footer-brand img{width:130px;height:54px;}
  .editorial-home .ed-footer-brand p{max-width:235px;margin-top:8px;font-size:.76rem;line-height:1.45;}
  .editorial-home .ed-footer-contact h2{margin-bottom:10px;font-size:.74rem;}
  .editorial-home .ed-footer-contact p{margin:5px 0;font-size:.77rem;}
  .editorial-home .ed-map{min-height:92px;}
  .editorial-home .ed-footer-note{font-size:1.22rem;}
  .editorial-home .ed-footer-bottom{margin-top:16px;padding-top:10px;font-size:.64rem;}
}

@media (min-width:1600px){
  .editorial-home .ed-shell{width:min(1480px,calc(100% - 96px));}
}

/* ======================================================================
   Editorial homepage visual identity pass v5 — collage / print / category
   ====================================================================== */
body.editorial-home{
  background-color:var(--ed-paper);
  background-image:
    radial-gradient(circle at 18% 30%,rgba(114,69,34,.055) 0 1px,transparent 1.3px),
    radial-gradient(circle at 72% 64%,rgba(17,25,26,.035) 0 1px,transparent 1.4px);
  background-size:7px 7px,11px 11px;
}
body.editorial-home::before{opacity:.028;background-size:3px 3px;}
.editorial-home .ed-hero::after,.editorial-home .ed-menu-teaser::after,.editorial-home .ed-gallery::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.12;
  background-image:linear-gradient(90deg,transparent 0 48%,rgba(92,54,26,.035) 49%,transparent 50% 100%);
  background-size:18px 100%;mix-blend-mode:multiply;
}
.editorial-home .ed-hero-grid,.editorial-home .ed-menu-layout,.editorial-home .ed-gallery>.ed-shell{position:relative;z-index:1;}

/* Brand lockup: intentionally compact and editorial instead of the wide legacy logo. */
.editorial-home .ed-brand{width:auto;display:inline-flex;align-items:flex-start;color:var(--ed-ink);text-decoration:none;}
.editorial-home .ed-brand-wordmark{display:inline-flex;flex-direction:column;align-items:flex-start;font-family:Impact,'Arial Narrow',sans-serif;line-height:.78;transform:rotate(-1deg);}
.editorial-home .ed-brand-wordmark b{font-size:1.8rem;letter-spacing:.015em;font-weight:900;}
.editorial-home .ed-brand-wordmark em{margin-top:4px;padding:4px 8px 3px;background:var(--ed-red);color:#f6e8cf;font-size:.75rem;font-style:normal;letter-spacing:.1em;box-shadow:2px 2px 0 rgba(17,25,26,.14);}

/* Hero print / collage treatment. */
.editorial-home .ed-hero-visual{isolation:isolate;}
.editorial-home .ed-hero-visual::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(8,15,14,.06),transparent 32%,transparent 74%,rgba(7,14,13,.2)),linear-gradient(0deg,rgba(13,19,18,.15),transparent 38%);mix-blend-mode:multiply;}
.editorial-home .ed-hero-visual::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.1;background:repeating-linear-gradient(0deg,rgba(255,255,255,.22) 0 1px,transparent 1px 4px);}
.editorial-home .ed-photo-stamp{z-index:3;transform:rotate(-2.4deg);border:1px solid rgba(0,0,0,.18);box-shadow:4px 5px 0 rgba(0,0,0,.16);letter-spacing:-.025em;}
.editorial-home .ed-vhs-stack{z-index:3;transform:rotate(-.6deg);}
.editorial-home .ed-vhs-stack span{background:rgba(12,21,20,.92);box-shadow:2px 2px 0 rgba(227,174,48,.12);}

/* Right-column collage: poster + cassette + CRT instead of a sterile black gutter. */
.editorial-home .ed-side-note{position:relative;overflow:hidden;background:linear-gradient(180deg,#121d1c 0%,#0a1414 100%);border-left:1px solid rgba(241,230,207,.12);}
.editorial-home .ed-side-note::before{content:"";position:absolute;inset:0;opacity:.11;background:repeating-linear-gradient(90deg,transparent 0 7px,rgba(255,255,255,.09) 8px,transparent 9px);}
.editorial-home .ed-side-poster{position:relative;z-index:1;display:inline-block;padding:11px 10px 9px;background:#e4d1aa;color:#11191a;transform:rotate(-1.8deg);box-shadow:6px 7px 0 rgba(0,0,0,.18);}
.editorial-home .ed-side-poster strong{display:block;color:#11191a!important;font-size:1.32rem!important;line-height:.84!important;}
.editorial-home .ed-side-poster small{display:block;margin-top:8px;color:var(--ed-red);font-size:.5rem;font-weight:900;letter-spacing:.13em;}
.editorial-home .ed-side-cassette{position:absolute;z-index:1;left:14%;right:12%;bottom:34%;height:48px;padding:7px 10px;background:#2a2722;border:1px solid #a27c4f;box-shadow:4px 5px 0 rgba(0,0,0,.24);transform:rotate(1.2deg);color:#e7c891;font-family:'Courier New',monospace;}
.editorial-home .ed-side-cassette::before,.editorial-home .ed-side-cassette::after{content:"";position:absolute;bottom:8px;width:13px;height:13px;border:2px solid #d0af78;border-radius:50%;}
.editorial-home .ed-side-cassette::before{left:23%;}.editorial-home .ed-side-cassette::after{right:23%;}
.editorial-home .ed-side-cassette span{display:block;font-size:.5rem;letter-spacing:.1em;}.editorial-home .ed-side-cassette b{font-size:.72rem;letter-spacing:.11em;}
.editorial-home .ed-crt{z-index:2;box-shadow:7px 8px 0 rgba(0,0,0,.25);transform:rotate(.7deg);}

/* Menu categories: the image should communicate the category before the label does. */
.editorial-home .ed-category{background:#efe2c8;overflow:hidden;}
.editorial-home .ed-category img{filter:saturate(.88) contrast(1.04);transition:transform .28s ease,filter .28s ease;}
.editorial-home .ed-category:hover img{transform:scale(1.025);filter:saturate(1) contrast(1.06);}
.editorial-home .ed-category span{position:relative;background:rgba(244,232,207,.96);}
.editorial-home .ed-category span::before{content:"";position:absolute;left:12px;top:0;width:32px;height:2px;background:var(--ed-red);}

/* City memory strip: make the current real venue photo read like an archive/contact print. */
.editorial-home .ed-city-photo{position:relative;overflow:hidden;background:#302d28;}
.editorial-home .ed-city-photo img{filter:grayscale(1) sepia(.18) contrast(1.16) brightness(.78)!important;transform:scale(1.015);}
.editorial-home .ed-city-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(74,52,31,.12),transparent 35%,rgba(20,18,15,.1)),repeating-linear-gradient(0deg,rgba(255,255,255,.08) 0 1px,transparent 1px 4px);mix-blend-mode:screen;opacity:.26;pointer-events:none;}
.editorial-home .ed-city-caption{position:absolute;z-index:2;left:15px;bottom:11px;padding:5px 8px;background:rgba(16,25,26,.83);color:#f1e6cf;font-size:.53rem;font-weight:900;letter-spacing:.13em;}

/* Music panel: add simple physical-media cues without needing extra image assets. */
.editorial-home .ed-music-art{position:absolute;z-index:2;left:5%;bottom:9%;width:39%;height:74px;pointer-events:none;}
.editorial-home .ed-vinyl{position:absolute;left:0;bottom:0;width:72px;height:72px;border-radius:50%;background:repeating-radial-gradient(circle,#171717 0 2px,#292929 3px 4px);box-shadow:5px 6px 0 rgba(0,0,0,.13);}
.editorial-home .ed-vinyl::after{content:"";position:absolute;inset:27px;border-radius:50%;background:#9e2925;border:4px solid #d7b88e;}
.editorial-home .ed-mixtape{position:absolute;left:62px;bottom:4px;display:block;min-width:92px;padding:9px 10px;background:#d6c099;border:1px solid #453829;color:#241f19;font-family:'Courier New',monospace;font-size:.58rem;font-weight:900;line-height:1.2;letter-spacing:.06em;transform:rotate(2deg);box-shadow:4px 4px 0 rgba(0,0,0,.14);}

@media (min-width:1200px){
  .editorial-home .ed-header-inner{grid-template-columns:150px 1fr 178px;}
  .editorial-home .ed-brand-wordmark b{font-size:2rem;}.editorial-home .ed-brand-wordmark em{font-size:.78rem;}
  .editorial-home .ed-side-note{padding:88px 14px 18px;}
  .editorial-home .ed-side-poster{margin-left:4%;}
  .editorial-home .ed-crt{left:16%;right:12%;bottom:8%;}
  .editorial-home .ed-category:nth-child(1) img{object-position:center 58%;}
  .editorial-home .ed-category:nth-child(2) img{object-position:center 52%;}
  .editorial-home .ed-category:nth-child(3) img{object-position:center 50%;}
  .editorial-home .ed-category:nth-child(4) img{object-position:center 52%;}
  .editorial-home .ed-category:nth-child(5) img{object-position:center 46%;}
}
@media(max-width:991.98px){
  .editorial-home .ed-brand-wordmark b{font-size:1.55rem}.editorial-home .ed-brand-wordmark em{font-size:.62rem}
  .editorial-home .ed-side-note{display:none;}
  .editorial-home .ed-music-art{display:none;}
}

/* ========================================================================== */
/* 90'LAR CAFE — V6 ART DIRECTION OVERRIDES                                  */
/* ========================================================================== */
.editorial-home{--v6-paper:#eadbbd;--v6-ink:#101718;--v6-red:#a52a24;--v6-yellow:#e5ad2f;--v6-dark:#0d1716;--v6-tan:#c5a676;font-family:'DM Sans',sans-serif;background:var(--v6-paper)}
.editorial-home::before{content:"";position:fixed;z-index:9999;inset:0;pointer-events:none;opacity:.13;mix-blend-mode:multiply;background-image:radial-gradient(circle at 12% 18%,#000 0 .6px,transparent .7px),radial-gradient(circle at 70% 80%,#000 0 .5px,transparent .6px);background-size:4px 4px,5px 5px}
.editorial-home .ed-shell{width:min(1480px,calc(100% - 72px))}
.editorial-home .ed-header-inner{height:86px;grid-template-columns:170px 1fr auto}
.editorial-home .ed-brand-wordmark{display:inline-flex;flex-direction:column;align-items:flex-start;font-family:'Anton',Impact,sans-serif;line-height:.82;transform:rotate(-1deg)}
.editorial-home .ed-brand-wordmark b{font-size:2rem;letter-spacing:.02em;color:var(--v6-ink)}
.editorial-home .ed-brand-wordmark em{font-style:normal;font-size:.82rem;letter-spacing:.12em;background:var(--v6-red);color:#f5e8cc;padding:3px 10px;margin:4px 0 0 18px}
.editorial-home .ed-nav a,.editorial-home .ed-reservation{font-family:'Barlow Condensed',sans-serif;font-weight:800;letter-spacing:.04em}
.editorial-home .ed-hero{padding-top:86px;min-height:640px;background:linear-gradient(90deg,var(--v6-paper) 0 34%,var(--v6-dark) 34% 100%)}
.editorial-home .ed-hero-grid{grid-template-columns:34% 53% 13%;min-height:554px}
.editorial-home .ed-hero-copy{padding:42px 48px 34px 0;position:relative}
.editorial-home .ed-hero-copy::before{content:"";position:absolute;left:-45px;top:15px;width:22px;height:91%;background:linear-gradient(90deg,transparent 0 38%,rgba(16,23,24,.6) 39% 48%,transparent 49%),repeating-linear-gradient(0deg,transparent 0 18px,rgba(16,23,24,.34) 18px 19px);opacity:.3}
.editorial-home .ed-eyebrow{font-family:'Barlow Condensed',sans-serif;font-size:.72rem;letter-spacing:.19em}
.editorial-home .ed-hero h1{font-family:'Anton',Impact,sans-serif;letter-spacing:-.022em;line-height:.84}
.editorial-home .ed-hero h1 span{font-size:clamp(3.1rem,3.35vw,4.15rem)}
.editorial-home .ed-hero h1 strong{font-size:clamp(5.05rem,5.25vw,6.55rem);color:var(--v6-red);text-shadow:1px 0 #6f1f1c}
.editorial-home .ed-hero-copy p{font-size:1rem;max-width:400px}
.editorial-home .ed-btn{font-family:'Barlow Condensed',sans-serif;font-size:.88rem;letter-spacing:.02em}
.editorial-home .ed-hero-visual{border-left:1px solid rgba(16,23,24,.22);border-right:1px solid rgba(255,255,255,.07)}
.editorial-home .ed-hero-visual>img{filter:saturate(.72) contrast(1.12) brightness(.8) sepia(.12);object-position:center 54%}
.editorial-home .ed-hero-visual::before{z-index:2;background:linear-gradient(90deg,rgba(40,22,12,.18),transparent 34%,rgba(4,12,12,.24)),linear-gradient(0deg,rgba(7,12,12,.30),transparent 38%)}
.editorial-home .ed-photo-stamp{left:6.5%;top:29%;padding:10px 12px;font-family:'Anton',Impact,sans-serif;font-size:1.7rem;line-height:.8;background:#a12e28;box-shadow:4px 4px 0 rgba(0,0,0,.24);transform:rotate(-2.2deg)}
.editorial-home .ed-vhs-stack{right:4%;bottom:6.5%}
.editorial-home .ed-vhs-stack span{min-width:135px;padding:6px 10px;background:#111817;border-color:#c29d67;font-family:'Barlow Condensed',sans-serif;font-size:.72rem}
.editorial-home .ed-side-note{padding:72px 15px 18px;background:linear-gradient(180deg,#18221f,#0c1514 75%);overflow:hidden}
.editorial-home .ed-side-note::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.12;background:repeating-linear-gradient(0deg,rgba(255,255,255,.15) 0 1px,transparent 1px 4px)}
.editorial-home .ed-side-poster{position:relative;z-index:2;width:92%;margin:0 auto;background:#d7c294;color:#101718;padding:12px 11px 10px;transform:rotate(-3deg);box-shadow:8px 10px 0 rgba(0,0,0,.18)}
.editorial-home .ed-side-poster strong{font-family:'Anton',Impact,sans-serif;font-size:1.65rem;line-height:.84;color:#111918}
.editorial-home .ed-side-poster small{display:block;margin-top:8px;color:var(--v6-red);font-family:'Barlow Condensed',sans-serif;font-size:.62rem;font-weight:800;letter-spacing:.1em}
.editorial-home .ed-side-vhs{position:absolute;z-index:3;left:9%;right:8%;bottom:24%;display:flex;flex-direction:column;gap:2px;transform:rotate(-1.5deg)}
.editorial-home .ed-side-vhs span{display:block;padding:5px 8px;background:#171a18;border:1px solid #a7895d;color:#cfb781;font-family:'Barlow Condensed',sans-serif;font-size:.62rem;font-weight:800;letter-spacing:.08em}
.editorial-home .ed-crt{left:11%;right:11%;bottom:4%;aspect-ratio:1.05/1;border:5px solid #44352a}
.editorial-home .ed-crt b{position:absolute;z-index:3;right:12%;top:15%;color:#b9c6ae;font:700 .56rem monospace}

/* Menu as a designed 90s product strip — no random stock food photography */
.editorial-home .ed-menu-teaser{background:var(--v6-paper);position:relative}
.editorial-home .ed-menu-layout{grid-template-columns:245px 1fr}
.editorial-home .ed-yellow-block{background:#e5b13a;padding:32px 28px;position:relative;overflow:hidden}
.editorial-home .ed-yellow-block::after{content:"";position:absolute;right:-45px;bottom:-45px;width:120px;height:120px;border:18px solid rgba(113,72,10,.12);border-radius:50%}
.editorial-home .ed-yellow-block h2,.editorial-home .ed-category>span,.editorial-home .ed-city-title,.editorial-home .ed-feature-copy h2,.editorial-home .ed-section-head h2{font-family:'Anton',Impact,sans-serif}
.editorial-home .ed-category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0}
.editorial-home .ed-category{position:relative;display:grid;grid-template-rows:190px 48px;overflow:hidden;background:#efe0c0;border-left:1px solid rgba(16,23,24,.17);color:var(--v6-ink)}
.editorial-home .ed-category:first-child{border-left:0}
.editorial-home .ed-category>span{display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:1rem;letter-spacing:.015em}
.editorial-home .ed-category>span::after{content:"";width:18px;height:2px;background:var(--v6-red)}
.editorial-home .ed-category-art{position:relative;overflow:hidden;isolation:isolate;background:#1f2421}
.editorial-home .ed-category-art::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 50% 38%,rgba(255,224,163,.3),transparent 35%),linear-gradient(135deg,#1b211e,#0e1312)}
.editorial-home .ed-category-art::after{content:"";position:absolute;inset:0;opacity:.2;background:repeating-linear-gradient(0deg,transparent 0 4px,rgba(255,255,255,.16) 4px 5px)}
.editorial-home .ed-category:hover .ed-category-art{filter:brightness(1.08)}
.editorial-home .ed-art-hookah{background:linear-gradient(145deg,#251816,#101614)}
.editorial-home .hookah-bowl{position:absolute;left:50%;top:18px;width:42px;height:24px;transform:translateX(-50%);border-radius:55% 55% 30% 30%;background:#b46b39;box-shadow:0 5px 12px rgba(255,122,54,.25)}
.editorial-home .hookah-stem{position:absolute;left:50%;top:40px;width:12px;height:74px;transform:translateX(-50%);background:linear-gradient(90deg,#69472c,#c59a62,#604025)}
.editorial-home .hookah-base{position:absolute;left:50%;bottom:20px;width:78px;height:64px;transform:translateX(-50%);border-radius:35% 35% 45% 45%;background:linear-gradient(160deg,#0d1717,#466b6b 48%,#132322);box-shadow:inset 0 0 0 3px rgba(222,189,128,.38)}
.editorial-home .hookah-hose{position:absolute;left:52%;top:80px;width:85px;height:74px;border-right:5px solid #795e43;border-bottom:5px solid #795e43;border-radius:0 0 60px 0;transform:rotate(-8deg)}
.editorial-home .ed-art-hookah i{position:absolute;left:34%;top:10px;width:50px;height:65px;background:radial-gradient(ellipse at 50% 100%,rgba(230,230,220,.45),transparent 68%);filter:blur(5px)}
.editorial-home .ed-art-coffee{background:linear-gradient(145deg,#39271e,#171511)}
.editorial-home .coffee-cup{position:absolute;left:50%;top:54px;width:92px;height:67px;transform:translateX(-50%);border-radius:8px 8px 35px 35px;background:#eee0c0;box-shadow:inset 0 -8px 0 #d2bc91}
.editorial-home .coffee-cup::before{content:"";position:absolute;left:9px;right:9px;top:8px;height:18px;border-radius:50%;background:#3b2115;box-shadow:inset 0 0 8px #100c08}
.editorial-home .coffee-cup::after{content:"";position:absolute;right:-26px;top:15px;width:32px;height:31px;border:7px solid #e4d2ad;border-left:0;border-radius:0 50% 50% 0}
.editorial-home .coffee-saucer{position:absolute;left:50%;top:116px;width:130px;height:20px;transform:translateX(-50%);border-radius:50%;background:#d3bd8e}
.editorial-home .ed-art-coffee i{position:absolute;left:48%;top:20px;width:34px;height:38px;border-left:3px solid rgba(245,239,220,.42);border-radius:50%;filter:blur(1px)}
.editorial-home .ed-art-soda{background:linear-gradient(145deg,#39645f,#15332f)}
.editorial-home .soda-bottle{position:absolute;left:50%;top:18px;width:52px;height:145px;transform:translateX(-50%);border:4px solid rgba(230,246,225,.65);border-radius:9px 9px 18px 18px;background:linear-gradient(90deg,rgba(255,255,255,.16),rgba(110,177,160,.15),rgba(255,255,255,.18))}
.editorial-home .soda-bottle::before{content:"";position:absolute;left:10px;right:10px;top:-14px;height:18px;border:4px solid rgba(230,246,225,.65);border-bottom:0;border-radius:4px 4px 0 0}
.editorial-home .soda-bottle b{position:absolute;left:50%;top:61px;transform:translateX(-50%) rotate(-4deg);padding:4px 6px;background:#ad2e26;color:#f3dcb5;font:700 .65rem 'Barlow Condensed',sans-serif}
.editorial-home .ed-art-burger{background:linear-gradient(145deg,#6c3923,#20150f)}
.editorial-home .burger-top,.editorial-home .burger-bottom,.editorial-home .burger-cheese,.editorial-home .burger-patty{position:absolute;left:50%;transform:translateX(-50%)}
.editorial-home .burger-top{top:38px;width:122px;height:51px;border-radius:70px 70px 15px 15px;background:linear-gradient(#d99643,#b66b2b)}
.editorial-home .burger-cheese{top:91px;width:116px;height:17px;background:#e4b734;clip-path:polygon(0 0,100% 0,91% 100%,45% 60%,12% 100%)}
.editorial-home .burger-patty{top:111px;width:119px;height:31px;border-radius:14px;background:#52271c;box-shadow:0 -8px 0 #527c38}
.editorial-home .burger-bottom{top:145px;width:115px;height:25px;border-radius:10px 10px 35px 35px;background:#c67b33}
.editorial-home .ed-art-cake{background:linear-gradient(145deg,#42251f,#181210)}
.editorial-home .cake-slice{position:absolute;left:50%;top:45px;width:105px;height:102px;transform:translateX(-50%);clip-path:polygon(0 100%,13% 0,100% 18%,84% 100%);background:repeating-linear-gradient(0deg,#4d231b 0 22px,#ead6bc 22px 29px)}
.editorial-home .cake-cream{position:absolute;left:50%;top:45px;width:89px;height:20px;transform:translateX(-42%) rotate(10deg);background:#ead6bc;border-radius:50%}
.editorial-home .cake-cherry{position:absolute;left:59%;top:28px;width:16px;height:16px;border-radius:50%;background:#a62620;box-shadow:-11px 4px 0 #8d1f1d}

/* Archive-city section: read as urban memory, not another venue photo */
.editorial-home .ed-city-strip{background:#0c1514}
.editorial-home .ed-city-grid{grid-template-columns:190px 1fr 235px;min-height:210px}
.editorial-home .ed-city-title{font-size:2.6rem;line-height:.84;background:#0c1514;color:#eadbbd;padding:28px 28px 20px 0}
.editorial-home .ed-city-photo{position:relative;overflow:hidden;border-left:1px solid rgba(255,255,255,.12);border-right:1px solid rgba(255,255,255,.12)}
.editorial-home .ed-city-photo img{width:100%;height:210px;object-fit:cover;object-position:center 54%;filter:grayscale(1) sepia(.18) contrast(1.28) brightness(.72)}
.editorial-home .ed-city-photo::before{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,rgba(15,18,17,.48),transparent 22%,transparent 78%,rgba(15,18,17,.3)),repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.08) 3px 4px);mix-blend-mode:screen;opacity:.55}
.editorial-home .ed-city-photo::after{content:"DİYARBAKIR  •  SURİÇİ  •  90’LAR";position:absolute;z-index:3;left:22px;top:18px;padding:4px 7px;background:rgba(17,20,19,.72);color:#d7c294;font:800 .58rem 'Barlow Condensed',sans-serif;letter-spacing:.14em}
.editorial-home .ed-city-skyline{position:absolute;z-index:3;right:18px;bottom:18px;color:rgba(235,220,185,.72);font:800 1.4rem 'Anton',sans-serif;letter-spacing:.04em;transform:rotate(-1deg)}
.editorial-home .ed-city-copy{font-family:'DM Sans',sans-serif;font-size:.84rem;color:#e8dcc4;padding:24px}
.editorial-home .ed-city-caption{bottom:16px;left:18px;background:#1a1e1c;color:#dec79a;font-family:'Barlow Condensed',sans-serif}

/* Hookah section gets a true product hero while retaining real venue atmosphere */
.editorial-home .ed-hookah{min-height:300px;background:#0d2a28}
.editorial-home .ed-hookah>img{filter:saturate(.65) brightness(.52) contrast(1.08)}
.editorial-home .ed-hookah::after{background:linear-gradient(90deg,rgba(6,31,28,.90) 0 34%,rgba(6,31,28,.58) 52%,rgba(6,31,28,.1) 100%)}
.editorial-home .ed-hookah-illustration{position:absolute;z-index:3;left:3%;bottom:-34px;width:220px;height:340px;filter:drop-shadow(10px 12px 16px rgba(0,0,0,.42))}
.editorial-home .ed-hookah-illustration svg{width:100%;height:100%;overflow:visible;fill:#b88852;stroke:#d2ad75}
.editorial-home .ed-hookah-illustration svg path:nth-child(4){fill:none}
.editorial-home .ed-feature-copy{position:relative;z-index:4;margin-left:26%;padding-left:36px}
.editorial-home .ed-feature-copy h2{font-size:2.8rem;line-height:.92}

/* Music block becomes a tactile cassette / vinyl composition */
.editorial-home .ed-music{background:#e8dcc3;min-height:300px}
.editorial-home .ed-music>img{width:55%;height:100%;filter:sepia(.35) saturate(.6) brightness(.63) contrast(1.08)}
.editorial-home .ed-music::after{background:linear-gradient(90deg,rgba(234,219,188,.12) 0 47%,rgba(234,219,188,.93) 62%,rgba(234,219,188,.99) 100%)}
.editorial-home .ed-music-art{position:absolute;z-index:4;left:31%;bottom:20px;width:215px;height:92px}
.editorial-home .ed-vinyl{position:absolute;left:0;bottom:0;width:78px;height:78px;border-radius:50%;background:repeating-radial-gradient(circle,#141414 0 5px,#252525 6px 8px);box-shadow:7px 8px 0 rgba(0,0,0,.12)}
.editorial-home .ed-vinyl::after{content:"";position:absolute;left:50%;top:50%;width:26px;height:26px;transform:translate(-50%,-50%);border-radius:50%;background:#a52a24;box-shadow:inset 0 0 0 8px #d0b576}
.editorial-home .ed-mixtape{position:absolute;left:72px;bottom:4px;width:105px;padding:8px;background:#d7c394;border:1px solid #8d7149;color:#26231d;font:800 .62rem monospace;transform:rotate(2deg)}
.editorial-home .ed-music-cassette{position:absolute;right:0;top:0;width:98px;height:50px;background:#342d26;border:2px solid #79644b;transform:rotate(-5deg);box-shadow:5px 6px 0 rgba(0,0,0,.12)}
.editorial-home .ed-music-cassette::before{content:"MIX 90";position:absolute;left:7px;top:4px;color:#d6bf93;font:700 .5rem monospace}
.editorial-home .ed-music-cassette i{position:absolute;top:20px;width:18px;height:18px;border:4px solid #b8a17c;border-radius:50%}
.editorial-home .ed-music-cassette i:first-child{left:20px}.editorial-home .ed-music-cassette i:last-child{right:20px}
.editorial-home .ed-feature-copy-light{position:relative;z-index:5;margin-left:62%;padding-left:28px;color:#111918}

/* Gallery becomes an album/contact-sheet rather than a clean modern grid */
.editorial-home .ed-gallery{padding:30px 0 36px;background:#eadbbd}
.editorial-home .ed-gallery-grid{gap:10px;align-items:start}
.editorial-home .ed-gallery-grid a{background:#eee0c0;padding:5px 5px 18px;box-shadow:0 2px 0 rgba(20,15,10,.22);transform-origin:center;transition:.2s}
.editorial-home .ed-gallery-grid a:nth-child(1){transform:rotate(-.5deg)}
.editorial-home .ed-gallery-grid a:nth-child(2){transform:rotate(.45deg) translateY(3px)}
.editorial-home .ed-gallery-grid a:nth-child(3){transform:rotate(-.35deg)}
.editorial-home .ed-gallery-grid a:nth-child(4){transform:rotate(.35deg) translateY(2px)}
.editorial-home .ed-gallery-grid a:nth-child(5){transform:rotate(-.5deg)}
.editorial-home .ed-gallery-grid a:hover{transform:translateY(-3px) rotate(0)}
.editorial-home .ed-gallery-grid img{aspect-ratio:16/9;filter:saturate(.72) contrast(1.08) sepia(.08)}

/* More print-like section seams */
.editorial-home .ed-menu-teaser,.editorial-home .ed-city-strip,.editorial-home .ed-feature-row,.editorial-home .ed-gallery{position:relative}
.editorial-home .ed-menu-teaser::after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:16px;z-index:8;pointer-events:none;background:linear-gradient(177deg,transparent 0 35%,#0c1514 36% 53%,transparent 54% 100%);opacity:.9}

@media(max-width:1199.98px){
  .editorial-home .ed-side-vhs{display:none}
  .editorial-home .ed-category{grid-template-rows:170px 46px}
  .editorial-home .ed-hookah-illustration{width:175px;height:275px}
  .editorial-home .ed-feature-copy{margin-left:24%}
  .editorial-home .ed-music-art{left:25%}
}
@media(max-width:991.98px){
  .editorial-home .ed-category-grid{grid-template-columns:repeat(5,220px);overflow-x:auto}
  .editorial-home .ed-category{grid-template-rows:180px 46px}
  .editorial-home .ed-city-grid{grid-template-columns:140px 1fr}
  .editorial-home .ed-city-copy{grid-column:1/-1}
  .editorial-home .ed-hookah-illustration{left:6%;width:150px;height:235px}
  .editorial-home .ed-feature-copy{margin-left:20%;padding-left:25px}
  .editorial-home .ed-music-art{left:12%;bottom:18px}
  .editorial-home .ed-feature-copy-light{margin-left:52%}
}
@media(max-width:767.98px){
  .editorial-home .ed-category{grid-template-rows:165px 44px}
  .editorial-home .ed-hookah-illustration{left:calc(50% - 70px);top:50px;bottom:auto;width:140px;height:220px}
  .editorial-home .ed-feature-copy{margin:0;padding:30px 24px 36px}
  .editorial-home .ed-music-art{left:22px;bottom:auto;top:145px;transform:scale(.8);transform-origin:left bottom}
  .editorial-home .ed-feature-copy-light{margin:0;padding:30px 24px 36px}
  .editorial-home .ed-city-skyline{font-size:1rem}
}

/* ===== V7 PHOTO-DIRECTED PASS — real photography, no CSS-drawn products ===== */
.editorial-home .ed-category{grid-template-rows:190px 48px;background:#efe0c0;}
.editorial-home .ed-category>img{display:block;width:100%;height:190px;aspect-ratio:auto;object-fit:cover;filter:saturate(.78) contrast(1.07) sepia(.06);transform:scale(1.001);transition:transform .28s ease,filter .28s ease;}
.editorial-home .ed-category:hover>img{transform:scale(1.03);filter:saturate(.95) contrast(1.08);}
.editorial-home .ed-category:nth-child(1)>img{object-position:center 43%;}
.editorial-home .ed-category:nth-child(2)>img{object-position:center 48%;}
.editorial-home .ed-category:nth-child(3)>img{object-position:center 52%;}
.editorial-home .ed-category:nth-child(4)>img{object-position:center 50%;}
.editorial-home .ed-category:nth-child(5)>img{object-position:center 46%;}
.editorial-home .ed-category-art,.editorial-home .ed-art-hookah,.editorial-home .ed-art-coffee,.editorial-home .ed-art-soda,.editorial-home .ed-art-burger,.editorial-home .ed-art-cake{display:none!important;}

.editorial-home .ed-city-photo img{object-position:center 48%;filter:grayscale(1) sepia(.22) contrast(1.25) brightness(.68)!important;transform:scale(1.02);}
.editorial-home .ed-city-photo::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(8,14,14,.3),transparent 26%,transparent 72%,rgba(8,14,14,.28)),repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 1px,transparent 1px 4px);opacity:.72;mix-blend-mode:screen;}
.editorial-home .ed-city-photo::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.22));}
.editorial-home .ed-city-caption{z-index:4;}
.editorial-home .ed-city-skyline{display:none!important;}

.editorial-home .ed-hookah{min-height:320px;background:#0b201e;}
.editorial-home .ed-hookah>img{left:0;right:auto;width:43%;height:100%;object-fit:cover;object-position:center 44%;filter:saturate(.72) contrast(1.14) brightness(.68) sepia(.08);}
.editorial-home .ed-hookah::after{background:linear-gradient(90deg,rgba(6,23,22,.04) 0 32%,rgba(6,23,22,.64) 43%,rgba(6,23,22,.94) 62%,rgba(6,23,22,.98) 100%);}
.editorial-home .ed-hookah .ed-feature-copy{margin-left:40%;max-width:650px;padding:58px 54px 54px;color:#fff;}
.editorial-home .ed-hookah-illustration{display:none!important;}

.editorial-home .ed-music{min-height:320px;background:#e9ddc4;}
.editorial-home .ed-music>img{left:0;right:auto;width:58%;height:100%;object-fit:cover;object-position:center 58%;filter:sepia(.2) saturate(.68) brightness(.78) contrast(1.08);}
.editorial-home .ed-music::after{background:linear-gradient(90deg,rgba(232,219,193,.08) 0 45%,rgba(232,219,193,.7) 58%,rgba(232,219,193,.98) 74%,rgba(232,219,193,1) 100%);}
.editorial-home .ed-music .ed-feature-copy-light{margin-left:58%;padding:52px 34px 42px;}
.editorial-home .ed-music-art{display:none!important;}

.editorial-home .ed-side-note{background:linear-gradient(180deg,#17201e,#0b1413 78%);}
.editorial-home .ed-side-poster{box-shadow:7px 8px 0 rgba(0,0,0,.18),0 0 0 1px rgba(0,0,0,.08);}
.editorial-home .ed-side-vhs span{background:linear-gradient(180deg,#242522,#151715);}
.editorial-home .ed-crt{filter:sepia(.08) contrast(1.03);}

.editorial-home .ed-photo-credit{opacity:.58;font-size:.66rem;line-height:1.3;}
.editorial-home .ed-footer-bottom{gap:18px;flex-wrap:wrap;}

@media(max-width:1199.98px){
  .editorial-home .ed-category{grid-template-rows:170px 46px;}
  .editorial-home .ed-category>img{height:170px;}
  .editorial-home .ed-hookah>img{width:48%;}
  .editorial-home .ed-hookah .ed-feature-copy{margin-left:44%;}
}
@media(max-width:767.98px){
  .editorial-home .ed-category{grid-template-rows:165px 44px;}
  .editorial-home .ed-category>img{height:165px;}
  .editorial-home .ed-hookah>img,.editorial-home .ed-music>img{position:relative;width:100%;height:260px;}
  .editorial-home .ed-hookah::after,.editorial-home .ed-music::after{background:linear-gradient(180deg,transparent 0 38%,rgba(10,22,21,.75) 66%,rgba(10,22,21,.98) 100%);}
  .editorial-home .ed-music::after{background:linear-gradient(180deg,transparent 0 40%,rgba(232,219,193,.86) 68%,rgba(232,219,193,1) 100%);}
  .editorial-home .ed-hookah .ed-feature-copy,.editorial-home .ed-music .ed-feature-copy-light{margin-left:0;padding:30px 24px 34px;}
  .editorial-home .ed-photo-credit{width:100%;}
}


/* ======================================================================
   V8 — HEADER / MAIN NAV ONLY
   Reference-directed pass: cream paper header, black nav, red active rule.
   Reservation removed in HTML. BLOG added.
   ====================================================================== */
@media (min-width: 992px) {
  body.editorial-home .ed-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 50;
    background: var(--v6-paper, #eadbbd);
    border-bottom: 1px solid rgba(16, 23, 24, .10);
  }

  body.editorial-home .ed-header::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .10;
    background:
      radial-gradient(circle at 20% 30%, rgba(0,0,0,.22) 0 .55px, transparent .65px),
      radial-gradient(circle at 70% 65%, rgba(0,0,0,.16) 0 .45px, transparent .55px);
    background-size: 4px 4px, 5px 5px;
    mix-blend-mode: multiply;
  }

  body.editorial-home .ed-header-inner {
    position: relative;
    z-index: 2;
    height: 86px;
    display: grid;
    grid-template-columns: 170px 1fr;
    align-items: center;
    gap: 26px;
  }

  body.editorial-home .ed-brand {
    justify-self: start;
    align-self: center;
  }

  body.editorial-home .ed-nav {
    justify-self: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 38px;
    transform: none;
  }

  body.editorial-home .ed-nav a {
    position: relative;
    padding: 4px 0 7px;
    color: #101718 !important;
    opacity: 1 !important;
    background: transparent !important;
    font-family: 'Barlow Condensed', Arial, sans-serif;
    font-size: .76rem;
    line-height: 1;
    font-weight: 800;
    letter-spacing: .035em;
    text-transform: uppercase;
    text-decoration: none;
    text-shadow: none !important;
  }

  body.editorial-home .ed-nav a::after {
    content: "";
    position: absolute;
    left: 0;
    right: auto;
    bottom: -1px;
    width: 0;
    height: 3px;
    background: var(--v6-red, #a52a24);
    transition: width .18s ease;
  }

  body.editorial-home .ed-nav a:hover::after,
  body.editorial-home .ed-nav a.active::after {
    width: 100%;
    right: auto;
  }

  body.editorial-home .ed-reservation {
    display: none !important;
  }

  /* Hero starts immediately below the cream navigation band. */
  body.editorial-home .ed-hero {
    padding-top: 86px;
  }
}


/* ======================================================================
   V9 — HEADER + HERO LOCK PASS
   Only the agreed top region is changed in this pass.
   ====================================================================== */

/* Header: every nav item uses exactly the same metrics and baseline. */
body.editorial-home .ed-nav {
  align-items: center !important;
}
body.editorial-home .ed-nav a,
body.editorial-home .ed-nav a.active {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 30px !important;
  margin: 0 !important;
  padding: 0 0 7px !important;
  font-size: .76rem !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: .035em !important;
  vertical-align: middle !important;
}
body.editorial-home .ed-nav a.active {
  color: #101718 !important;
}

/* Hero outer canvas stays paper-colored. Dark color is limited to the right panel itself. */
body.editorial-home .ed-hero {
  background: var(--v6-paper, #eadbbd) !important;
}
body.editorial-home .ed-hero-grid {
  background: var(--v6-paper, #eadbbd);
}

/* Remove the ruler / meter graphic completely. */
body.editorial-home .ed-hero-copy::before {
  display: none !important;
  content: none !important;
}

/* Make the headline read as three clean lines without collisions. */
body.editorial-home .ed-hero-copy {
  padding-left: 0 !important;
}
body.editorial-home .ed-hero h1 {
  display: grid !important;
  gap: .09em !important;
  margin: 0 0 20px !important;
  line-height: 1 !important;
}
body.editorial-home .ed-hero h1 span,
body.editorial-home .ed-hero h1 strong {
  display: block !important;
  margin: 0 !important;
  line-height: .92 !important;
}
body.editorial-home .ed-hero h1 span {
  font-size: clamp(2.85rem, 3.05vw, 3.9rem) !important;
}
body.editorial-home .ed-hero h1 strong {
  font-size: clamp(4.8rem, 5vw, 6.2rem) !important;
  line-height: .88 !important;
}
body.editorial-home .ed-eyebrow {
  margin-bottom: 16px !important;
}
body.editorial-home .ed-hero-copy p {
  margin-top: 4px !important;
}

/* Photo area becomes a clean, reusable slider viewport. */
body.editorial-home .ed-hero-visual {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #15201e;
}
body.editorial-home .ed-hero-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity .55s ease, visibility .55s ease;
}
body.editorial-home .ed-hero-slide.is-active {
  opacity: 1;
  visibility: visible;
}
body.editorial-home .ed-hero-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 54%;
  filter: saturate(.72) contrast(1.12) brightness(.8) sepia(.12);
}
body.editorial-home .ed-hero-slider-dots {
  position: absolute;
  z-index: 5;
  left: 24px;
  bottom: 18px;
  display: flex;
  gap: 7px;
}
body.editorial-home .ed-hero-slider-dots button {
  width: 24px;
  height: 3px;
  padding: 0;
  border: 0;
  background: rgba(245,232,204,.45);
}
body.editorial-home .ed-hero-slider-dots button.is-active {
  background: var(--v6-red, #a52a24);
}

/* The old red 90'LAR CAFE photo stamp is not used in V9. */
body.editorial-home .ed-photo-stamp,
body.editorial-home .ed-vhs-stack,
body.editorial-home .ed-side-vhs {
  display: none !important;
}

/* Right retro panel ends with the grid; it no longer bleeds into a black page background. */
body.editorial-home .ed-side-note {
  position: relative;
  min-width: 0;
  background: linear-gradient(180deg,#17201e 0%,#0b1413 100%) !important;
  border-left: 1px solid rgba(241,230,207,.15);
  overflow: hidden;
}

/* Replace ambiguous stacked labels with one meaningful "channel" card above the TV. */
body.editorial-home .ed-channel-card {
  position: absolute;
  z-index: 4;
  left: 10%;
  right: 10%;
  bottom: 35%;
  padding: 9px 10px 8px;
  border: 1px solid #a7895d;
  background: rgba(23,26,24,.96);
  color: #d6bd8c;
  box-shadow: 4px 5px 0 rgba(0,0,0,.20);
  transform: rotate(-1deg);
}
body.editorial-home .ed-channel-card strong,
body.editorial-home .ed-channel-card span {
  display: block;
}
body.editorial-home .ed-channel-card strong {
  font-family: 'Barlow Condensed', Arial, sans-serif;
  font-size: .78rem;
  line-height: 1;
  font-weight: 900;
  letter-spacing: .09em;
}
body.editorial-home .ed-channel-card span {
  margin-top: 6px;
  font-family: 'Courier New', monospace;
  font-size: .48rem;
  line-height: 1.25;
  letter-spacing: .04em;
}

/* TV sits clearly below the channel card — no overlap. */
body.editorial-home .ed-crt {
  left: 10% !important;
  right: 10% !important;
  bottom: 5% !important;
  aspect-ratio: 1 / .88 !important;
}
body.editorial-home .ed-crt b {
  position: absolute;
  z-index: 3;
  right: 14%;
  top: 18%;
  color: #d9e1c0;
  font: 700 .58rem monospace;
}

/* Desktop hero proportions are self-contained inside the page shell. */
@media (min-width: 1200px) {
  body.editorial-home .ed-hero-grid {
    grid-template-columns: 34% 53% 13% !important;
  }
}

/* Mobile/tablet remains simple; the decorative side panel stays hidden there. */
@media (max-width: 1199.98px) {
  body.editorial-home .ed-channel-card {
    display: none;
  }
}


/* V9.1 — restore the four original thematic labels above the TV */
body.editorial-home .ed-memory-stack {
  display: grid;
  gap: 3px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  transform: none;
}
body.editorial-home .ed-memory-stack span {
  display: block;
  margin: 0;
  padding: 7px 10px 6px;
  border: 1px solid #a7895d;
  background: rgba(23,26,24,.96);
  color: #d6bd8c;
  font-family: 'Barlow Condensed', Arial, sans-serif;
  font-size: .68rem;
  line-height: 1;
  font-weight: 900;
  letter-spacing: .08em;
}

/* HERO TITLE FIX V9.3 */
body.editorial-home .ed-hero h1 {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 10px !important;
  line-height: 1 !important;
}

body.editorial-home .ed-hero h1 > span,
body.editorial-home .ed-hero h1 > strong {
  display: block !important;
  position: static !important;
  transform: none !important;
  margin: 0 !important;
}

body.editorial-home .ed-hero h1 > span {
  line-height: 1 !important;
}

body.editorial-home .ed-hero h1 > strong {
  line-height: .94 !important;
}


/* ======================================================================
   V10 — MENU TEASER / CATEGORY STRIP ONLY
   Reference-directed compact desktop layout.
   Other sections are intentionally untouched.
   ====================================================================== */
@media (min-width: 992px) {
  body.editorial-home .ed-menu-teaser {
    overflow: hidden;
  }

  body.editorial-home .ed-menu-layout {
    --menu-strip-height: 276px;
    height: var(--menu-strip-height);
    min-height: var(--menu-strip-height);
    align-items: stretch;
    grid-template-columns: 245px 1fr !important;
  }

  body.editorial-home .ed-yellow-block {
    height: 100%;
    min-height: 0;
    padding: 28px 28px 24px !important;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }

  body.editorial-home .ed-yellow-block h2 {
    margin: 0 0 14px !important;
    font-size: 2.55rem !important;
    line-height: .90 !important;
  }

  body.editorial-home .ed-yellow-block p {
    margin: 0 0 16px !important;
    font-size: .88rem;
    line-height: 1.35;
  }

  body.editorial-home .ed-yellow-block > a {
    margin-top: auto;
    line-height: 1.1;
  }

  body.editorial-home .ed-category-grid {
    height: 100%;
    min-height: 0;
    align-items: stretch;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }

  body.editorial-home .ed-category {
    height: 100%;
    min-height: 0;
    display: grid !important;
    grid-template-rows: 220px 56px !important;
    align-content: start !important;
    overflow: hidden;
    border-left: 1px solid rgba(16,23,24,.17);
    background: #efe0c0;
  }

  body.editorial-home .ed-category:first-child {
    border-left: 0;
  }

  body.editorial-home .ed-category > img {
    display: block;
    width: 100%;
    height: 220px !important;
    min-height: 220px;
    aspect-ratio: auto !important;
    object-fit: cover;
  }

  body.editorial-home .ed-category > span {
    position: relative;
    height: 56px;
    min-height: 56px !important;
    padding: 0 14px !important;
    display: flex;
    align-items: center;
    justify-content: flex-start !important;
    background: rgba(244,232,207,.98);
    font-size: 1rem !important;
    line-height: 1;
  }

  /* Reference: short red underline sits below the category title, not at far right. */
  body.editorial-home .ed-category > span::after {
    content: "";
    position: absolute;
    left: 14px;
    bottom: 8px;
    width: 22px !important;
    height: 2px !important;
    margin: 0 !important;
    background: var(--v6-red, #a52a24);
  }

  /* Disable earlier top accent so each label has one clean underline only. */
  body.editorial-home .ed-category > span::before {
    display: none !important;
    content: none !important;
  }
}


/* ======================================================================
   V11 — AYNI ŞEHİR / AYNI HİS ONLY
   Reference-directed desktop composition.
   ====================================================================== */
@media (min-width: 992px) {
  body.editorial-home .ed-city-strip {
    background: #101819 !important;
    color: #eadfc8;
    overflow: hidden;
  }

  body.editorial-home .ed-city-grid {
    height: 238px !important;
    min-height: 238px !important;
    display: grid !important;
    grid-template-columns: 210px minmax(0, 1fr) 225px !important;
    align-items: stretch;
  }

  body.editorial-home .ed-city-title {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    height: 100%;
    padding: 28px 24px 22px 0 !important;
    font-family: 'Anton', Impact, 'Arial Narrow', sans-serif;
    font-size: 2.72rem !important;
    line-height: .86 !important;
    letter-spacing: .01em;
    color: #eadfc8;
  }

  body.editorial-home .ed-city-photo {
    position: relative;
    height: 238px !important;
    overflow: hidden;
    border-left: 1px solid rgba(255,255,255,.10);
    border-right: 1px solid rgba(255,255,255,.10);
    filter: none !important;
    background: #181b1a;
  }

  body.editorial-home .ed-city-photo img {
    display: block;
    width: 100%;
    height: 238px !important;
    min-height: 238px !important;
    object-fit: cover !important;
    object-position: center 58% !important;
    filter: grayscale(1) sepia(.16) contrast(1.17) brightness(.73) !important;
    transform: scale(1.005);
  }

  /* Analog archive print treatment, kept subtle so the street remains readable. */
  body.editorial-home .ed-city-photo::before {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0;
    pointer-events: none;
    background:
      linear-gradient(90deg, rgba(8,14,14,.20), transparent 18%, transparent 82%, rgba(8,14,14,.20)),
      repeating-linear-gradient(0deg, rgba(255,255,255,.035) 0 1px, transparent 1px 4px);
    opacity: .72;
    mix-blend-mode: screen;
  }

  body.editorial-home .ed-city-photo::after {
    content: none !important;
    display: none !important;
  }

  body.editorial-home .ed-city-caption {
    position: absolute;
    z-index: 4;
    left: 18px !important;
    bottom: 14px !important;
    top: auto !important;
    padding: 5px 8px !important;
    background: rgba(18,22,21,.84) !important;
    color: #dbc398 !important;
    font-family: 'Barlow Condensed', Arial, sans-serif;
    font-size: .58rem !important;
    font-weight: 800;
    line-height: 1;
    letter-spacing: .11em;
  }

  body.editorial-home .ed-city-copy {
    position: relative;
    display: flex !important;
    align-items: center !important;
    height: 100%;
    padding: 30px 20px 46px 30px !important;
    border-left: 0 !important;
    color: #e9dfcc;
    font-size: .82rem !important;
    line-height: 1.55 !important;
  }

  body.editorial-home .ed-city-copy::after {
    content: "";
    position: absolute;
    left: 30px;
    bottom: 27px;
    width: 27px;
    height: 3px;
    background: var(--v6-red, #a52a24);
  }
}


/* ======================================================================
   V12 — FEATURE ROW ONLY
   Reference-directed desktop composition:
   left hookah editorial block + right 90s music block.
   Other sections intentionally untouched.
   ====================================================================== */
@media (min-width: 992px) {
  body.editorial-home .ed-feature-row {
    display: grid !important;
    grid-template-columns: 61.5% 38.5% !important;
    min-height: 300px !important;
    background: var(--v6-paper, #eadbbd);
  }

  body.editorial-home .ed-feature {
    position: relative;
    min-height: 300px !important;
    overflow: hidden;
  }

  /* ---------------- LEFT / HOOKAH ---------------- */
  body.editorial-home .ed-hookah {
    min-height: 300px !important;
    background: #0d2927 !important;
  }

  body.editorial-home .ed-hookah > img {
    position: absolute;
    inset: 0 auto 0 0;
    width: 39% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center 48% !important;
    filter: saturate(.68) contrast(1.14) brightness(.74) sepia(.08) !important;
    transform: none !important;
  }

  body.editorial-home .ed-hookah::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
      linear-gradient(90deg,
        rgba(7,26,24,.06) 0%,
        rgba(7,26,24,.18) 31%,
        rgba(7,26,24,.84) 42%,
        rgba(7,26,24,.97) 58%,
        rgba(7,26,24,.99) 100%) !important;
  }

  body.editorial-home .ed-hookah .ed-feature-copy {
    position: relative;
    z-index: 3;
    width: auto;
    max-width: 560px !important;
    margin-left: 37% !important;
    padding: 42px 38px 38px 36px !important;
    color: #fff;
  }

  body.editorial-home .ed-hookah .ed-feature-copy h2 {
    margin: 0 0 12px !important;
    font-family: 'Anton', Impact, 'Arial Narrow', sans-serif;
    font-size: 2.45rem !important;
    line-height: .92 !important;
    letter-spacing: .005em;
    color: #f4ead5;
  }

  body.editorial-home .ed-hookah .ed-feature-copy p {
    max-width: 430px;
    margin: 0 0 18px !important;
    font-size: .88rem !important;
    line-height: 1.5 !important;
    color: rgba(255,255,255,.88);
  }

  body.editorial-home .ed-hookah .ed-btn {
    min-height: 42px !important;
    padding: 0 18px !important;
    font-size: .73rem !important;
    box-shadow: 3px 3px 0 rgba(78,20,18,.75) !important;
  }

  /* ---------------- RIGHT / MUSIC ---------------- */
  body.editorial-home .ed-music {
    min-height: 300px !important;
    display: grid !important;
    grid-template-columns: 55% 45% !important;
    background: var(--v6-paper, #eadbbd) !important;
  }

  body.editorial-home .ed-music > img {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: 300px !important;
    object-fit: cover !important;
    object-position: center 52% !important;
    filter: sepia(.12) saturate(.72) contrast(1.04) brightness(.9) !important;
  }

  body.editorial-home .ed-music::after {
    content: none !important;
    display: none !important;
  }

  body.editorial-home .ed-music .ed-feature-copy-light {
    position: relative;
    z-index: 2;
    width: auto;
    max-width: none !important;
    margin: 0 !important;
    padding: 34px 26px 30px 24px !important;
    color: var(--v6-ink, #101718);
    background:
      linear-gradient(rgba(234,219,189,.97), rgba(234,219,189,.97)),
      repeating-linear-gradient(0deg, rgba(0,0,0,.03) 0 1px, transparent 1px 4px);
  }

  body.editorial-home .ed-music .ed-feature-copy-light h2 {
    margin: 0 0 12px !important;
    font-family: 'Anton', Impact, 'Arial Narrow', sans-serif;
    font-size: 2.22rem !important;
    line-height: .90 !important;
    letter-spacing: .005em;
    color: var(--v6-ink, #101718);
  }

  body.editorial-home .ed-music .ed-feature-copy-light p {
    margin: 0 0 18px !important;
    font-size: .83rem !important;
    line-height: 1.47 !important;
    color: #1b2323;
  }

  body.editorial-home .ed-music .ed-feature-copy-light a {
    display: inline-block;
    padding-bottom: 3px;
    border-bottom: 2px solid var(--v6-red, #a52a24) !important;
    color: var(--v6-ink, #101718) !important;
    font-size: .76rem !important;
    font-weight: 900;
    line-height: 1.1;
    text-decoration: none;
  }
}


/* ======================================================================
   V13 — FEATURE ROW REFERENCE MATCH
   Uses crops from the supplied reference image; no generated imagery.
   ====================================================================== */
@media (min-width: 992px) {
  body.editorial-home .ed-feature-row {
    display: grid !important;
    grid-template-columns: 61.2% 38.8% !important;
    height: 252px !important;
    min-height: 252px !important;
    background: var(--v6-paper, #eadbbd) !important;
  }

  body.editorial-home .ed-feature {
    min-height: 252px !important;
    height: 252px !important;
  }

  body.editorial-home .ed-hookah {
    display: grid !important;
    grid-template-columns: 39% 61% !important;
    background: #0d2927 !important;
  }

  body.editorial-home .ed-hookah > img {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: 252px !important;
    object-fit: cover !important;
    object-position: center center !important;
    filter: none !important;
    transform: none !important;
  }

  body.editorial-home .ed-hookah::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(
      90deg,
      rgba(7,27,25,0) 0 34%,
      rgba(7,27,25,.18) 38%,
      rgba(7,27,25,.92) 45%,
      rgba(7,27,25,.98) 100%
    ) !important;
  }

  body.editorial-home .ed-hookah .ed-feature-copy {
    grid-column: 2;
    position: relative;
    z-index: 3;
    align-self: center;
    margin: 0 !important;
    max-width: none !important;
    padding: 28px 32px 26px 20px !important;
  }

  body.editorial-home .ed-hookah .ed-feature-copy h2 {
    margin: 0 0 12px !important;
    font-size: 2.18rem !important;
    line-height: .92 !important;
  }

  body.editorial-home .ed-hookah .ed-feature-copy p {
    max-width: 380px !important;
    margin: 0 0 17px !important;
    font-size: .79rem !important;
    line-height: 1.5 !important;
  }

  body.editorial-home .ed-hookah .ed-btn {
    min-height: 39px !important;
    padding: 0 18px !important;
    font-size: .70rem !important;
  }

  body.editorial-home .ed-music {
    display: grid !important;
    grid-template-columns: 55% 45% !important;
    height: 252px !important;
    min-height: 252px !important;
    background: var(--v6-paper, #eadbbd) !important;
  }

  body.editorial-home .ed-music > img {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: 252px !important;
    object-fit: cover !important;
    object-position: center center !important;
    filter: none !important;
  }

  body.editorial-home .ed-music .ed-feature-copy-light {
    align-self: stretch;
    margin: 0 !important;
    padding: 28px 22px 24px 20px !important;
    background: var(--v6-paper, #eadbbd) !important;
  }

  body.editorial-home .ed-music .ed-feature-copy-light h2 {
    margin: 0 0 12px !important;
    font-size: 2rem !important;
    line-height: .9 !important;
  }

  body.editorial-home .ed-music .ed-feature-copy-light p {
    margin: 0 0 16px !important;
    font-size: .77rem !important;
    line-height: 1.45 !important;
  }

  body.editorial-home .ed-music .ed-feature-copy-light a {
    font-size: .72rem !important;
    border-bottom-width: 2px !important;
  }
}


/* ======================================================================
   V15 — SHARED DESKTOP GRID / SECTION SPACING
   City, menu and feature blocks follow the same left/right shell.
   ====================================================================== */
@media (min-width: 992px) {

  /* City block must not paint black across the full viewport. */
  body.editorial-home .ed-city-strip {
    background: var(--v6-paper, #eadbbd) !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.editorial-home .ed-city-grid {
    background: #101819 !important;
    overflow: hidden !important;
  }

  /* Deliberate paper gap between city story and menu strip. */
  body.editorial-home .ed-city-strip {
    margin-bottom: 18px !important;
  }

  /* Menu remains on exactly the same shell/grid line. */
  body.editorial-home .ed-menu-teaser {
    background: var(--v6-paper, #eadbbd) !important;
  }

  /* Space between menu strip and the two editorial feature cards. */
  body.editorial-home .ed-feature-section {
    background: var(--v6-paper, #eadbbd) !important;
    padding-top: 18px !important;
    padding-bottom: 0 !important;
  }

  /* Feature row now lives inside .ed-shell, matching city/menu width. */
  body.editorial-home .ed-feature-row {
    width: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: grid !important;
    grid-template-columns: minmax(0, 61.2fr) minmax(0, 38.8fr) !important;
    column-gap: 16px !important;
    background: transparent !important;
  }

  /* Visually separate the two cards without making them overly modern. */
  body.editorial-home .ed-feature {
    border-radius: 7px !important;
    overflow: hidden !important;
  }

  /* Prevent older decorative separators from bridging the new gaps. */
  body.editorial-home .ed-menu-teaser::after {
    content: none !important;
    display: none !important;
  }
}


/* ======================================================================
   V16 — PREMIUM REFINEMENT PASS (2026-09-09)
   Goal: fewer competing accents, more breathing room, calmer motion.
   Nothing structural is removed — only simplified/quieted.
   ====================================================================== */

/* --- 1. Hero: one focal accent instead of three fighting elements.
   The theme-pill stack and the CRT "play" widget are hidden so the
   poster card gets the full side panel and reads as a single, deliberate
   accent rather than a cluttered shelf of decorations. --- */
body.editorial-home .ed-channel-card,
body.editorial-home .ed-crt {
  display: none !important;
}
body.editorial-home .ed-side-note {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 40px 22px !important;
}
body.editorial-home .ed-side-poster {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  max-width: 230px !important;
  margin: 0 !important;
  padding: 30px 24px 26px !important;
  background: #ecdec1 !important;
  transform: none !important;
  box-shadow: 9px 11px 0 rgba(0,0,0,.22) !important;
}
body.editorial-home .ed-side-poster strong {
  font-size: 2rem !important;
  line-height: .92 !important;
  color: #12191a !important;
}
body.editorial-home .ed-side-poster small {
  display: block;
  margin-top: 16px !important;
  padding-top: 12px;
  border-top: 1px solid rgba(17,25,26,.18);
  font-size: .64rem !important;
  letter-spacing: .16em !important;
}

/* --- 2. Palette: mute the third (yellow) accent so red stays the
   only loud color on the page — a leather/ochre tone reads more
   premium than a bright poster-yellow next to the red CTAs. --- */
body.editorial-home .ed-yellow-block {
  background: #bd8f42 !important;
}
body.editorial-home .ed-yellow-block h2,
body.editorial-home .ed-yellow-block p,
body.editorial-home .ed-yellow-block a {
  color: #1b1510 !important;
}
body.editorial-home .ed-yellow-block a {
  border-bottom-color: #1b1510 !important;
}

/* --- 3. Unify the near-black tones: footer and the "Aynı Şehir" strip
   were two slightly different near-blacks (#10191a / #0c1514); pulling
   both to the same ink used elsewhere removes a subtle inconsistency. --- */
body.editorial-home .ed-city-strip,
body.editorial-home .ed-city-grid {
  background: #0d1716 !important;
}
body.editorial-home .ed-footer {
  background: #0d1716 !important;
}

/* --- 4. Bring the stock menu-category photography closer in tone to
   the real venue photography (hero/gallery), so the jump between
   "real photo" and "stock photo" sections feels less abrupt. --- */
body.editorial-home .ed-category > img,
body.editorial-home .ed-category img {
  filter: saturate(.7) contrast(1.05) sepia(.1) !important;
}

/* --- 5. Section rhythm: more air between blocks reads calmer and more
   considered than the tight ~18px gaps the page currently uses. --- */
@media (min-width: 992px) {
  body.editorial-home .ed-city-strip {
    margin-bottom: 64px !important;
  }
  body.editorial-home .ed-feature-section {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  body.editorial-home .ed-blog-strip {
    padding-top: 8px !important;
    padding-bottom: 72px !important;
  }
  body.editorial-home .ed-gallery {
    padding-top: 8px !important;
    padding-bottom: 88px !important;
  }
  body.editorial-home .ed-menu-teaser {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}

/* --- 6. Smoother, slightly slower motion on interactive elements.
   The default 0.2–0.25s linear-feeling transitions are replaced with a
   longer ease-out curve, which reads less "snappy web app" and more
   like a deliberately art-directed detail. --- */
body.editorial-home .ed-btn {
  transition: transform .4s cubic-bezier(.22,1,.36,1),
              box-shadow .4s cubic-bezier(.22,1,.36,1) !important;
}
body.editorial-home .ed-btn:hover {
  transform: translateY(-3px) !important;
}
body.editorial-home .ed-category > img,
body.editorial-home .ed-category img {
  transition: transform .5s cubic-bezier(.22,1,.36,1),
              filter .5s cubic-bezier(.22,1,.36,1) !important;
}
body.editorial-home .ed-gallery-grid img {
  transition: transform .5s cubic-bezier(.22,1,.36,1),
              filter .5s cubic-bezier(.22,1,.36,1) !important;
}

/* --- 7. Footer photo-credit line: keep it (honesty about sourcing is
   good practice) but let it recede further into the background. --- */
body.editorial-home .ed-photo-credit {
  opacity: .42 !important;
  font-size: .62rem !important;
}


/* ======================================================================
   V17 — BLOG CARD (NEWLY AUTHORED — no .ed-blog-card rules existed in
   the file supplied). Matches the palette/typography/hover conventions
   used elsewhere on the page. If a real blog stylesheet exists on the
   live site, compare against it and remove one of the two to avoid
   duplicate/conflicting rules.
   ====================================================================== */
body.editorial-home .ed-blog-strip {
  position: relative;
  background: var(--ed-paper, #f1e6cf);
}
body.editorial-home .ed-blog-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
body.editorial-home .ed-blog-card {
  display: block;
  overflow: hidden;
  background: #efe0c0;
  color: var(--ed-ink, #11191a);
  text-decoration: none;
  box-shadow: 0 2px 0 rgba(20,15,10,.16);
  transition: transform .4s cubic-bezier(.22,1,.36,1),
              box-shadow .4s cubic-bezier(.22,1,.36,1);
}
body.editorial-home .ed-blog-card img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  filter: saturate(.74) contrast(1.05) sepia(.09);
  transition: transform .5s cubic-bezier(.22,1,.36,1),
              filter .5s cubic-bezier(.22,1,.36,1);
}

/* V18 — Menü şeridi: görsel ve başlık alanlarını sabit, kompakt ölçüde tut. */
@media (min-width: 992px) {
  body.editorial-home .ed-menu-teaser {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  body.editorial-home .ed-menu-layout {
    --menu-strip-height: 248px;
    height: var(--menu-strip-height) !important;
    min-height: var(--menu-strip-height) !important;
    max-height: var(--menu-strip-height) !important;
  }
  body.editorial-home .ed-yellow-block {
    height: var(--menu-strip-height) !important;
    min-height: 0 !important;
    padding: 16px 28px !important;
  }
  body.editorial-home .ed-yellow-block h2 {
    margin-bottom: 10px !important;
    font-size: 2rem !important;
    line-height: .9 !important;
  }
  body.editorial-home .ed-yellow-block p {
    margin-bottom: 10px !important;
    line-height: 1.3 !important;
  }
  body.editorial-home .ed-category-grid {
    height: var(--menu-strip-height) !important;
    min-height: 0 !important;
  }
  body.editorial-home .ed-category {
    height: var(--menu-strip-height) !important;
    min-height: 0 !important;
    max-height: var(--menu-strip-height) !important;
    grid-template-rows: 190px 58px !important;
  }
  body.editorial-home .ed-category > img {
    height: 190px !important;
    min-height: 190px !important;
    max-height: 190px !important;
  }
  body.editorial-home .ed-category > span {
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
    padding: 0 14px !important;
  }
}

@media (max-width: 991.98px) {
  body.editorial-home .ed-category {
    grid-template-rows: 160px 44px !important;
  }
  body.editorial-home .ed-category > img {
    height: 160px !important;
    min-height: 160px !important;
    aspect-ratio: auto !important;
  }
  body.editorial-home .ed-category > span {
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 12px !important;
  }
}
body.editorial-home .ed-blog-card > div {
  padding: 20px 22px 24px;
}
body.editorial-home .ed-blog-card small {
  display: block;
  margin-bottom: 10px;
  color: var(--ed-red, #a52d29);
  font-family: 'Barlow Condensed', Arial, sans-serif;
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .14em;
}
body.editorial-home .ed-blog-card h3 {
  margin: 0 0 16px;
  font-family: 'DM Sans', sans-serif;
  font-weight: 700;
  font-size: 1.1rem;
  line-height: 1.35;
}
body.editorial-home .ed-blog-card span {
  display: inline-block;
  font-family: 'Barlow Condensed', Arial, sans-serif;
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .06em;
  color: var(--ed-ink, #11191a);
  border-bottom: 2px solid var(--ed-red, #a52d29);
  padding-bottom: 2px;
}
body.editorial-home .ed-blog-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 26px rgba(0,0,0,.16);
}
body.editorial-home .ed-blog-card:hover img {
  transform: scale(1.035);
}
@media (max-width: 767.98px) {
  body.editorial-home .ed-blog-grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }
}
/* Mobil menü kullanım kolaylığı */
@media (max-width: 991.98px) {
  .custom-navbar {
    position: relative;
    z-index: 1055;
  }

  .custom-navbar .container-fluid {
    position: relative;
  }

  .custom-navbar .navbar-toggler {
    position: relative;
    z-index: 1065;
    width: 56px;
    height: 56px;
    min-width: 56px;
    min-height: 56px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
  }

  .custom-navbar .navbar-toggler-icon,
  .custom-navbar .navbar-toggler i {
    pointer-events: none;
    font-size: 1.65rem;
  }

  .custom-navbar .navbar-collapse {
    position: absolute;
    z-index: 1060;
    top: calc(100% + 2px);
    left: 16px;
    right: 16px;
    width: auto;
    max-height: calc(100vh - 110px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    display: none !important;
    max-height: calc(100dvh - 100px);
    overscroll-behavior: contain;
  }

  .custom-navbar .navbar-collapse.show {
    display: block !important;
  }

  .custom-navbar.menu-open {
    box-shadow: 0 10px 24px rgba(0, 0, 0, .12) !important;
  }

  .custom-navbar .navbar-collapse .nav-link {
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}