/* reset ayarları - margin padding sıfırla */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* sayfa genel ayarları */
body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #f5f5f0;
    color: #333;
    line-height: 1.6;
}

/* içerik genişliği */
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* header üstte sabit kalsın */
.sticky-header {
    position: sticky;
    top: 0;
    background-color: #ffffff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    padding: 15px 0;
}

/* header container - 3 bölüm: sol (logo), orta (yazı), sağ (menü) */
.header-container {
    max-width: 100%;
    margin: 0;
    padding: 0 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

/* logo - solda */
.logo {
    text-decoration: none;
    display: flex;
    align-items: center;
    transition: opacity 0.3s ease;
}

.logo img {
    height: 80px;
    width: auto;
    display: block;
}

.logo:hover {
    opacity: 0.8;
}

/* header ortasındaki yazı */
.header-title {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    color: #8b7355;
    font-size: 28px;
    font-weight: 600;
    font-family: 'Georgia', 'Times New Roman', serif;
    letter-spacing: 1px;
    white-space: nowrap;
}

/* hamburger menü - sağda */
.menu-toggle {
    padding: 0;
}

/* hamburger menü butonu */
.menu-toggle {
    display: flex;
    flex-direction: column;
    gap: 5px;
    cursor: pointer;
    padding: 5px;
    z-index: 1001;
}

.menu-toggle span {
    width: 25px;
    height: 3px;
    background-color: #333;
    transition: all 0.3s ease;
    border-radius: 2px;
}

.menu-toggle:hover span {
    background-color: #8b7355;
}

/* sidebar overlay - karanlık arka plan */
.sidebar-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

/* sidebar açıkken overlay görünür */
#sidebar-toggle:checked ~ .sidebar-overlay {
    opacity: 1;
    pointer-events: all;
}

/* sidebar - sol tarafta */
.sidebar {
    position: fixed;
    top: 0;
    left: -300px;
    width: 300px;
    height: 100%;
    background-color: #ffffff;
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    transition: left 0.3s ease;
    overflow-y: auto;
}

/* sidebar açıkken sağa kay */
#sidebar-toggle:checked ~ .sidebar {
    left: 0;
}

/* sidebar içerik */
.sidebar-content {
    padding: 80px 30px 30px;
}

/* sidebar menü başlığı */
.sidebar-title {
    font-size: 24px;
    color: #8b7355;
    margin-bottom: 30px;
    font-weight: 600;
    font-family: 'Georgia', 'Times New Roman', serif;
    border-bottom: 2px solid #e8e8e8;
    padding-bottom: 15px;
}

/* sidebar menü linkleri */
.sidebar-nav {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.sidebar-nav .nav-link {
    text-decoration: none;
    color: #333;
    font-weight: 500;
    font-size: 16px;
    padding: 12px 15px;
    border-radius: 5px;
    transition: all 0.3s ease;
    display: block;
}

.sidebar-nav .nav-link:hover {
    background-color: #f5f5f0;
    color: #8b7355;
    padding-left: 20px;
}

/* aktif menü linki */
.sidebar-nav .nav-link.active {
    background-color: #8b7355;
    color: #ffffff;
}

.sidebar-nav .nav-link.active::after {
    display: none;
}

/* hamburger animasyonu - açıkken X */
#sidebar-toggle:checked ~ .sidebar ~ .sticky-header .menu-toggle span:nth-child(1) {
    transform: rotate(45deg) translate(8px, 8px);
}

#sidebar-toggle:checked ~ .sidebar ~ .sticky-header .menu-toggle span:nth-child(2) {
    opacity: 0;
}

#sidebar-toggle:checked ~ .sidebar ~ .sticky-header .menu-toggle span:nth-child(3) {
    transform: rotate(-45deg) translate(7px, -7px);
}

/* sidebar toggle radio button gizle */
#sidebar-toggle {
    display: none;
}

/* karusel tam ekran */
.hero-carousel {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

/* karusel container */
.carousel-container {
    position: relative;
    width: 100%;
    height: 100%;
}

/* radio button gizle - kontrol için */
.carousel-radio {
    display: none;
}

/* slide container */
.carousel-slides {
    position: relative;
    width: 100%;
    height: 100%;
}

/* her slide - arka plan resim, üstten kes */
.carousel-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center 75%;
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

/* seçili slide görünsün */
#slide1:checked ~ .carousel-slides .carousel-slide:nth-child(1),
#slide2:checked ~ .carousel-slides .carousel-slide:nth-child(2),
#slide3:checked ~ .carousel-slides .carousel-slide:nth-child(3),
#slide4:checked ~ .carousel-slides .carousel-slide:nth-child(4),
#slide5:checked ~ .carousel-slides .carousel-slide:nth-child(5),
#slide6:checked ~ .carousel-slides .carousel-slide:nth-child(6),
#slide7:checked ~ .carousel-slides .carousel-slide:nth-child(7),
#slide8:checked ~ .carousel-slides .carousel-slide:nth-child(8) {
    opacity: 1;
    z-index: 1;
}

/* karusel ileri geri butonları */
.carousel-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(255, 255, 255, 0.7);
    color: #333;
    border: none;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    font-size: 30px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    transition: background-color 0.3s ease, opacity 0.3s ease;
    user-select: none;
    opacity: 0;
    pointer-events: none;
}

/* hover yapınca butonları göster */
.carousel-container:hover .carousel-btn {
    opacity: 0.7;
}

.carousel-container:hover .carousel-btn:hover {
    opacity: 1;
}

.carousel-btn:hover {
    background-color: rgba(255, 255, 255, 0.9);
}

/* geri butonu sol */
.prev-btn {
    left: 20px;
}

/* ileri butonu sağ */
.next-btn {
    right: 20px;
}

/* butonlar sadece aktif slide için çalışsın */
#slide1:checked ~ .prev-btn[for="slide8"],
#slide1:checked ~ .next-btn[for="slide2"],
#slide2:checked ~ .prev-btn[for="slide1"],
#slide2:checked ~ .next-btn[for="slide3"],
#slide3:checked ~ .prev-btn[for="slide2"],
#slide3:checked ~ .next-btn[for="slide4"],
#slide4:checked ~ .prev-btn[for="slide3"],
#slide4:checked ~ .next-btn[for="slide5"],
#slide5:checked ~ .prev-btn[for="slide4"],
#slide5:checked ~ .next-btn[for="slide6"],
#slide6:checked ~ .prev-btn[for="slide5"],
#slide6:checked ~ .next-btn[for="slide7"],
#slide7:checked ~ .prev-btn[for="slide6"],
#slide7:checked ~ .next-btn[for="slide8"],
#slide8:checked ~ .prev-btn[for="slide7"],
#slide8:checked ~ .next-btn[for="slide1"] {
    pointer-events: all;
}

/* hover yapınca buton görünür olsun */
.carousel-container:hover #slide1:checked ~ .prev-btn[for="slide8"],
.carousel-container:hover #slide1:checked ~ .next-btn[for="slide2"],
.carousel-container:hover #slide2:checked ~ .prev-btn[for="slide1"],
.carousel-container:hover #slide2:checked ~ .next-btn[for="slide3"],
.carousel-container:hover #slide3:checked ~ .prev-btn[for="slide2"],
.carousel-container:hover #slide3:checked ~ .next-btn[for="slide4"],
.carousel-container:hover #slide4:checked ~ .prev-btn[for="slide3"],
.carousel-container:hover #slide4:checked ~ .next-btn[for="slide5"],
.carousel-container:hover #slide5:checked ~ .prev-btn[for="slide4"],
.carousel-container:hover #slide5:checked ~ .next-btn[for="slide6"],
.carousel-container:hover #slide6:checked ~ .prev-btn[for="slide5"],
.carousel-container:hover #slide6:checked ~ .next-btn[for="slide7"],
.carousel-container:hover #slide7:checked ~ .prev-btn[for="slide6"],
.carousel-container:hover #slide7:checked ~ .next-btn[for="slide8"],
.carousel-container:hover #slide8:checked ~ .prev-btn[for="slide7"],
.carousel-container:hover #slide8:checked ~ .next-btn[for="slide1"] {
    opacity: 0.7;
}

.carousel-container:hover #slide1:checked ~ .prev-btn[for="slide8"]:hover,
.carousel-container:hover #slide1:checked ~ .next-btn[for="slide2"]:hover,
.carousel-container:hover #slide2:checked ~ .prev-btn[for="slide1"]:hover,
.carousel-container:hover #slide2:checked ~ .next-btn[for="slide3"]:hover,
.carousel-container:hover #slide3:checked ~ .prev-btn[for="slide2"]:hover,
.carousel-container:hover #slide3:checked ~ .next-btn[for="slide4"]:hover,
.carousel-container:hover #slide4:checked ~ .prev-btn[for="slide3"]:hover,
.carousel-container:hover #slide4:checked ~ .next-btn[for="slide5"]:hover,
.carousel-container:hover #slide5:checked ~ .prev-btn[for="slide4"]:hover,
.carousel-container:hover #slide5:checked ~ .next-btn[for="slide6"]:hover,
.carousel-container:hover #slide6:checked ~ .prev-btn[for="slide5"]:hover,
.carousel-container:hover #slide6:checked ~ .next-btn[for="slide7"]:hover,
.carousel-container:hover #slide7:checked ~ .prev-btn[for="slide6"]:hover,
.carousel-container:hover #slide7:checked ~ .next-btn[for="slide8"]:hover,
.carousel-container:hover #slide8:checked ~ .prev-btn[for="slide7"]:hover,
.carousel-container:hover #slide8:checked ~ .next-btn[for="slide1"]:hover {
    opacity: 1;
}

/* karusel alt nokta göstergeleri */
.carousel-indicators {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
    z-index: 10;
}

/* nokta gösterge */
.indicator {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.indicator:hover {
    background-color: rgba(255, 255, 255, 0.8);
}

/* aktif slide noktası beyaz olsun */
#slide1:checked ~ .carousel-indicators .indicator:nth-child(1),
#slide2:checked ~ .carousel-indicators .indicator:nth-child(2),
#slide3:checked ~ .carousel-indicators .indicator:nth-child(3),
#slide4:checked ~ .carousel-indicators .indicator:nth-child(4),
#slide5:checked ~ .carousel-indicators .indicator:nth-child(5),
#slide6:checked ~ .carousel-indicators .indicator:nth-child(6),
#slide7:checked ~ .carousel-indicators .indicator:nth-child(7),
#slide8:checked ~ .carousel-indicators .indicator:nth-child(8) {
    background-color: rgba(255, 255, 255, 1);
}

/* proje üyeleri bölümü */
.team-section {
    padding: 80px 0;
    background-color: #ffffff;
}

/* bölüm başlıkları */
.section-title {
    text-align: center;
    font-size: 36px;
    color: #333;
    margin-bottom: 50px;
    font-weight: 300;
}

/* 5 üye tek satır grid */
.team-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 30px;
    max-width: 1400px;
    margin: 0 auto;
}

/* üye kartı */
.team-member {
    text-align: center;
}

/* üye fotoğrafı */
.member-photo {
    width: 180px;
    height: 180px;
    margin: 0 auto 20px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid #e8e8e8;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.member-photo:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

/* üye fotoğrafı img */
.member-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* üye ismi */
.member-name {
    font-size: 18px;
    color: #333;
    font-weight: 500;
    margin-bottom: 15px;
}

/* üye açıklama metni */
.member-description {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    margin-top: 15px;
    text-align: left;
    padding: 0 10px;
}

/* konum ve ulaşım bölümü */
.location-section {
    padding: 80px 0;
    background-color: #f5f5f0;
}

/* metin ve görsel yan yana */
.info-block {
    display: flex;
    gap: 40px;
    align-items: stretch;
    margin-bottom: 80px;
}

/* index.html konum bölümü - kart var */
.location-section .info-block {
    background-color: #ffffff;
    padding: 40px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    margin-bottom: 60px;
    opacity: 1;
}

/* mısır çarşısı sayfası - kart yok */
.history-section .info-block {
    background-color: transparent;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 80px;
    opacity: 1;
}

/* ters sıralama - görsel solda */
.info-block.reverse {
    flex-direction: row-reverse;
}

/* metin kısmı */
.info-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.info-content h2,
.info-content h3 {
    font-size: 28px;
    color: #000000;
    margin-bottom: 25px;
    font-weight: 400;
    line-height: 1.4;
}

.info-content h2 {
    font-size: 32px;
    color: #000000;
}

/* index.html h3 eski renk */
.location-section .info-content h3 {
    color: #8b7355;
    font-size: 24px;
}

/* ana başlık ortada */
.main-page-title {
    text-align: center;
    font-size: 48px;
    color: #000000;
    margin-bottom: 40px;
    font-weight: 400;
    padding-top: 40px;
}

/* ana başlık altı görsel */
.main-image {
    text-align: center;
    margin-bottom: 60px;
}

.main-image img {
    max-width: 100%;
    height: auto;
    max-height: 500px;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.info-content p {
    font-size: 16px;
    color: #555;
    margin-bottom: 15px;
    line-height: 1.8;
}

/* Hikayemiz sayfası için yazı boyutları - resim boyutlarıyla orantılı */
.history-section .main-page-title {
    font-size: 42px;
}

.history-section .info-content h2 {
    font-size: 28px;
    line-height: 1.3;
}

.history-section .info-content p {
    font-size: 15px;
    line-height: 1.7;
}

/* Responsive - Hikayemiz sayfası */
@media (max-width: 768px) {
    .history-section .main-page-title {
        font-size: 32px;
    }
    
    .history-section .info-content h2 {
        font-size: 24px;
    }
    
    .history-section .info-content p {
        font-size: 14px;
    }
    
    .history-section .main-image img {
        max-height: 300px;
    }
    
    .history-section .info-content,
    .history-section .info-image {
        flex: 1 1 100%;
        max-width: 100%;
    }
}

.info-content strong {
    color: #333;
    font-weight: 600;
}

/* görsel kısmı */
.info-image {
    flex: 1;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    min-width: 0;
    min-height: 400px;
}

.info-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Hikayemiz sayfası için görsel ve metin eşit boyut */
.history-section .info-content {
    flex: 1 1 50%;
    max-width: 50%;
}

.history-section .info-image {
    flex: 1 1 50%;
    max-width: 50%;
    min-height: auto;
    max-height: 450px;
    display: flex;
    align-items: center;
}

.history-section .info-image img {
    width: 100%;
    height: 100%;
    max-height: 450px;
    object-fit: cover;
    display: block;
}

/* footer */
.main-footer {
    background-color: #333;
    color: #fff;
    text-align: center;
    padding: 15px 0;
}

.main-footer p {
    font-size: 14px;
}

/* galeri bölümü */
.gallery-section {
    padding: 80px 0;
    background-color: #f5f5f0;
}

/* masonry galeri container */
.masonry-gallery {
    position: relative;
}

/* radio button gizle - lightbox için */
.lightbox-radio {
    display: none;
}

/* masonry - 4 sütun */
.gallery-grid {
    column-count: 4;
    column-gap: 20px;
}

/* galeri fotoğraf */
.gallery-item {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    cursor: pointer;
    transition: transform 0.3s ease, opacity 0.3s ease;
    break-inside: avoid;
}

.gallery-item:hover {
    transform: scale(1.02);
    opacity: 0.9;
}

/* galeri img - orijinal boyut */
.gallery-item img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* lightbox karanlık arka plan */
.lightbox-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 1000;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

/* lightbox açıkken overlay görünür */
#img1:checked ~ .lightbox-overlay,
#img2:checked ~ .lightbox-overlay,
#img3:checked ~ .lightbox-overlay,
#img4:checked ~ .lightbox-overlay,
#img5:checked ~ .lightbox-overlay,
#img6:checked ~ .lightbox-overlay,
#img7:checked ~ .lightbox-overlay,
#img8:checked ~ .lightbox-overlay,
#img9:checked ~ .lightbox-overlay,
#img10:checked ~ .lightbox-overlay,
#img11:checked ~ .lightbox-overlay,
#img12:checked ~ .lightbox-overlay,
#img13:checked ~ .lightbox-overlay,
#img14:checked ~ .lightbox-overlay,
#img15:checked ~ .lightbox-overlay,
#img16:checked ~ .lightbox-overlay,
#img17:checked ~ .lightbox-overlay,
#img18:checked ~ .lightbox-overlay,
#img19:checked ~ .lightbox-overlay,
#img20:checked ~ .lightbox-overlay,
#img21:checked ~ .lightbox-overlay,
#img22:checked ~ .lightbox-overlay,
#img23:checked ~ .lightbox-overlay,
#img24:checked ~ .lightbox-overlay,
#img25:checked ~ .lightbox-overlay,
#img26:checked ~ .lightbox-overlay,
#img27:checked ~ .lightbox-overlay,
#img28:checked ~ .lightbox-overlay,
#img29:checked ~ .lightbox-overlay,
#img30:checked ~ .lightbox-overlay,
#img31:checked ~ .lightbox-overlay,
#img32:checked ~ .lightbox-overlay,
#img33:checked ~ .lightbox-overlay,
#img34:checked ~ .lightbox-overlay,
#img35:checked ~ .lightbox-overlay,
#img36:checked ~ .lightbox-overlay,
#img37:checked ~ .lightbox-overlay,
#img38:checked ~ .lightbox-overlay,
#img39:checked ~ .lightbox-overlay,
#img40:checked ~ .lightbox-overlay,
#img41:checked ~ .lightbox-overlay,
#img42:checked ~ .lightbox-overlay,
#img43:checked ~ .lightbox-overlay,
#img44:checked ~ .lightbox-overlay,
#img45:checked ~ .lightbox-overlay,
#img46:checked ~ .lightbox-overlay,
#img47:checked ~ .lightbox-overlay,
#img48:checked ~ .lightbox-overlay,
#img49:checked ~ .lightbox-overlay,
#img50:checked ~ .lightbox-overlay,
#img51:checked ~ .lightbox-overlay,
#img52:checked ~ .lightbox-overlay,
#img53:checked ~ .lightbox-overlay,
#img54:checked ~ .lightbox-overlay,
#img55:checked ~ .lightbox-overlay,
#img56:checked ~ .lightbox-overlay,
#img57:checked ~ .lightbox-overlay,
#img58:checked ~ .lightbox-overlay,
#img59:checked ~ .lightbox-overlay,
#img60:checked ~ .lightbox-overlay,
#img61:checked ~ .lightbox-overlay,
#img62:checked ~ .lightbox-overlay,
#img63:checked ~ .lightbox-overlay,
#img64:checked ~ .lightbox-overlay,
#img65:checked ~ .lightbox-overlay,
#img66:checked ~ .lightbox-overlay,
#img67:checked ~ .lightbox-overlay,
#img68:checked ~ .lightbox-overlay,
#img69:checked ~ .lightbox-overlay,
#img70:checked ~ .lightbox-overlay,
#img71:checked ~ .lightbox-overlay,
#img72:checked ~ .lightbox-overlay,
#img73:checked ~ .lightbox-overlay,
#img74:checked ~ .lightbox-overlay,
#img75:checked ~ .lightbox-overlay,
#img76:checked ~ .lightbox-overlay,
#img77:checked ~ .lightbox-overlay,
#img78:checked ~ .lightbox-overlay,
#img79:checked ~ .lightbox-overlay,
#img80:checked ~ .lightbox-overlay,
#img81:checked ~ .lightbox-overlay,
#img82:checked ~ .lightbox-overlay,
#img83:checked ~ .lightbox-overlay,
#img84:checked ~ .lightbox-overlay,
#img85:checked ~ .lightbox-overlay,
#img86:checked ~ .lightbox-overlay,
#img87:checked ~ .lightbox-overlay,
#img88:checked ~ .lightbox-overlay,
#img89:checked ~ .lightbox-overlay,
#img90:checked ~ .lightbox-overlay,
#img91:checked ~ .lightbox-overlay,
#img92:checked ~ .lightbox-overlay,
#img93:checked ~ .lightbox-overlay,
#img94:checked ~ .lightbox-overlay,
#img95:checked ~ .lightbox-overlay,
#img96:checked ~ .lightbox-overlay,
#img97:checked ~ .lightbox-overlay,
#img98:checked ~ .lightbox-overlay,
#img99:checked ~ .lightbox-overlay,
#img100:checked ~ .lightbox-overlay,
#img101:checked ~ .lightbox-overlay,
#img102:checked ~ .lightbox-overlay,
#img103:checked ~ .lightbox-overlay,
#img104:checked ~ .lightbox-overlay,
#img105:checked ~ .lightbox-overlay,
#img106:checked ~ .lightbox-overlay,
#img107:checked ~ .lightbox-overlay,
#img108:checked ~ .lightbox-overlay,
#img109:checked ~ .lightbox-overlay,
#img110:checked ~ .lightbox-overlay,
#img111:checked ~ .lightbox-overlay,
#img112:checked ~ .lightbox-overlay,
#img113:checked ~ .lightbox-overlay,
#img114:checked ~ .lightbox-overlay,
#img115:checked ~ .lightbox-overlay,
#img116:checked ~ .lightbox-overlay,
#img117:checked ~ .lightbox-overlay,
#img118:checked ~ .lightbox-overlay,
#img119:checked ~ .lightbox-overlay,
#img120:checked ~ .lightbox-overlay,
#img121:checked ~ .lightbox-overlay,
#img122:checked ~ .lightbox-overlay,
#img123:checked ~ .lightbox-overlay,
#img124:checked ~ .lightbox-overlay,
#img125:checked ~ .lightbox-overlay,
#img126:checked ~ .lightbox-overlay,
#img127:checked ~ .lightbox-overlay,
#img128:checked ~ .lightbox-overlay,
#img130:checked ~ .lightbox-overlay {
    opacity: 1;
    pointer-events: all;
}

/* lightbox içerik - büyük fotoğraf */
.lightbox-content {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.8);
    z-index: 1001;
    max-width: 90%;
    max-height: 90%;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

/* lightbox açıkken görünür */
#img1:checked ~ .lightbox-content,
#img2:checked ~ .lightbox-content,
#img3:checked ~ .lightbox-content,
#img4:checked ~ .lightbox-content,
#img5:checked ~ .lightbox-content,
#img6:checked ~ .lightbox-content,
#img7:checked ~ .lightbox-content,
#img8:checked ~ .lightbox-content,
#img9:checked ~ .lightbox-content,
#img10:checked ~ .lightbox-content,
#img11:checked ~ .lightbox-content,
#img12:checked ~ .lightbox-content,
#img13:checked ~ .lightbox-content,
#img14:checked ~ .lightbox-content,
#img15:checked ~ .lightbox-content,
#img16:checked ~ .lightbox-content,
#img17:checked ~ .lightbox-content,
#img18:checked ~ .lightbox-content,
#img19:checked ~ .lightbox-content,
#img20:checked ~ .lightbox-content,
#img21:checked ~ .lightbox-content,
#img22:checked ~ .lightbox-content,
#img23:checked ~ .lightbox-content,
#img24:checked ~ .lightbox-content,
#img25:checked ~ .lightbox-content,
#img26:checked ~ .lightbox-content,
#img27:checked ~ .lightbox-content,
#img28:checked ~ .lightbox-content,
#img29:checked ~ .lightbox-content,
#img30:checked ~ .lightbox-content,
#img31:checked ~ .lightbox-content,
#img32:checked ~ .lightbox-content,
#img33:checked ~ .lightbox-content,
#img34:checked ~ .lightbox-content,
#img35:checked ~ .lightbox-content,
#img36:checked ~ .lightbox-content,
#img37:checked ~ .lightbox-content,
#img38:checked ~ .lightbox-content,
#img39:checked ~ .lightbox-content,
#img40:checked ~ .lightbox-content,
#img41:checked ~ .lightbox-content,
#img42:checked ~ .lightbox-content,
#img43:checked ~ .lightbox-content,
#img44:checked ~ .lightbox-content,
#img45:checked ~ .lightbox-content,
#img46:checked ~ .lightbox-content,
#img47:checked ~ .lightbox-content,
#img48:checked ~ .lightbox-content,
#img49:checked ~ .lightbox-content,
#img50:checked ~ .lightbox-content,
#img51:checked ~ .lightbox-content,
#img52:checked ~ .lightbox-content,
#img53:checked ~ .lightbox-content,
#img54:checked ~ .lightbox-content,
#img55:checked ~ .lightbox-content,
#img56:checked ~ .lightbox-content,
#img57:checked ~ .lightbox-content,
#img58:checked ~ .lightbox-content,
#img59:checked ~ .lightbox-content,
#img60:checked ~ .lightbox-content,
#img61:checked ~ .lightbox-content,
#img62:checked ~ .lightbox-content,
#img63:checked ~ .lightbox-content,
#img64:checked ~ .lightbox-content,
#img65:checked ~ .lightbox-content,
#img66:checked ~ .lightbox-content,
#img67:checked ~ .lightbox-content,
#img68:checked ~ .lightbox-content,
#img69:checked ~ .lightbox-content,
#img70:checked ~ .lightbox-content,
#img71:checked ~ .lightbox-content,
#img72:checked ~ .lightbox-content,
#img73:checked ~ .lightbox-content,
#img74:checked ~ .lightbox-content,
#img75:checked ~ .lightbox-content,
#img76:checked ~ .lightbox-content,
#img77:checked ~ .lightbox-content,
#img78:checked ~ .lightbox-content,
#img79:checked ~ .lightbox-content,
#img80:checked ~ .lightbox-content,
#img81:checked ~ .lightbox-content,
#img82:checked ~ .lightbox-content,
#img83:checked ~ .lightbox-content,
#img84:checked ~ .lightbox-content,
#img85:checked ~ .lightbox-content,
#img86:checked ~ .lightbox-content,
#img87:checked ~ .lightbox-content,
#img88:checked ~ .lightbox-content,
#img89:checked ~ .lightbox-content,
#img90:checked ~ .lightbox-content,
#img91:checked ~ .lightbox-content,
#img92:checked ~ .lightbox-content,
#img93:checked ~ .lightbox-content,
#img94:checked ~ .lightbox-content,
#img95:checked ~ .lightbox-content,
#img96:checked ~ .lightbox-content,
#img97:checked ~ .lightbox-content,
#img98:checked ~ .lightbox-content,
#img99:checked ~ .lightbox-content,
#img100:checked ~ .lightbox-content,
#img101:checked ~ .lightbox-content,
#img102:checked ~ .lightbox-content,
#img103:checked ~ .lightbox-content,
#img104:checked ~ .lightbox-content,
#img105:checked ~ .lightbox-content,
#img106:checked ~ .lightbox-content,
#img107:checked ~ .lightbox-content,
#img108:checked ~ .lightbox-content,
#img109:checked ~ .lightbox-content,
#img110:checked ~ .lightbox-content,
#img111:checked ~ .lightbox-content,
#img112:checked ~ .lightbox-content,
#img113:checked ~ .lightbox-content,
#img114:checked ~ .lightbox-content,
#img115:checked ~ .lightbox-content,
#img116:checked ~ .lightbox-content,
#img117:checked ~ .lightbox-content,
#img118:checked ~ .lightbox-content,
#img119:checked ~ .lightbox-content,
#img120:checked ~ .lightbox-content,
#img121:checked ~ .lightbox-content,
#img122:checked ~ .lightbox-content,
#img123:checked ~ .lightbox-content,
#img124:checked ~ .lightbox-content,
#img125:checked ~ .lightbox-content,
#img126:checked ~ .lightbox-content,
#img127:checked ~ .lightbox-content,
#img128:checked ~ .lightbox-content,
#img130:checked ~ .lightbox-content {
    opacity: 1;
    pointer-events: all;
    transform: translate(-50%, -50%) scale(1);
}

/* lightbox kapatma butonu */
.lightbox-close {
    position: absolute;
    top: -40px;
    right: 0;
    color: #fff;
    font-size: 40px;
    cursor: pointer;
    line-height: 1;
    z-index: 1002;
    transition: color 0.3s ease;
}

.lightbox-close:hover {
    color: #8b7355;
}

/* lightbox fotoğraflar - gizli */
.lightbox-image {
    max-width: 100%;
    max-height: 85vh;
    width: auto;
    height: auto;
    display: none;
    border-radius: 4px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
}

/* radio seçilince ilgili fotoğraf göster */
#img1:checked ~ .lightbox-content #lightbox-img1,
#img2:checked ~ .lightbox-content #lightbox-img2,
#img3:checked ~ .lightbox-content #lightbox-img3,
#img4:checked ~ .lightbox-content #lightbox-img4,
#img5:checked ~ .lightbox-content #lightbox-img5,
#img6:checked ~ .lightbox-content #lightbox-img6,
#img7:checked ~ .lightbox-content #lightbox-img7,
#img8:checked ~ .lightbox-content #lightbox-img8,
#img9:checked ~ .lightbox-content #lightbox-img9,
#img10:checked ~ .lightbox-content #lightbox-img10,
#img11:checked ~ .lightbox-content #lightbox-img11,
#img12:checked ~ .lightbox-content #lightbox-img12,
#img13:checked ~ .lightbox-content #lightbox-img13,
#img14:checked ~ .lightbox-content #lightbox-img14,
#img15:checked ~ .lightbox-content #lightbox-img15,
#img16:checked ~ .lightbox-content #lightbox-img16,
#img17:checked ~ .lightbox-content #lightbox-img17,
#img18:checked ~ .lightbox-content #lightbox-img18,
#img19:checked ~ .lightbox-content #lightbox-img19,
#img20:checked ~ .lightbox-content #lightbox-img20,
#img21:checked ~ .lightbox-content #lightbox-img21,
#img22:checked ~ .lightbox-content #lightbox-img22,
#img23:checked ~ .lightbox-content #lightbox-img23,
#img24:checked ~ .lightbox-content #lightbox-img24,
#img25:checked ~ .lightbox-content #lightbox-img25,
#img26:checked ~ .lightbox-content #lightbox-img26,
#img27:checked ~ .lightbox-content #lightbox-img27,
#img28:checked ~ .lightbox-content #lightbox-img28,
#img29:checked ~ .lightbox-content #lightbox-img29,
#img30:checked ~ .lightbox-content #lightbox-img30,
#img31:checked ~ .lightbox-content #lightbox-img31,
#img32:checked ~ .lightbox-content #lightbox-img32,
#img33:checked ~ .lightbox-content #lightbox-img33,
#img34:checked ~ .lightbox-content #lightbox-img34,
#img35:checked ~ .lightbox-content #lightbox-img35,
#img36:checked ~ .lightbox-content #lightbox-img36,
#img37:checked ~ .lightbox-content #lightbox-img37,
#img38:checked ~ .lightbox-content #lightbox-img38,
#img39:checked ~ .lightbox-content #lightbox-img39,
#img40:checked ~ .lightbox-content #lightbox-img40,
#img41:checked ~ .lightbox-content #lightbox-img41,
#img42:checked ~ .lightbox-content #lightbox-img42,
#img43:checked ~ .lightbox-content #lightbox-img43,
#img44:checked ~ .lightbox-content #lightbox-img44,
#img45:checked ~ .lightbox-content #lightbox-img45,
#img46:checked ~ .lightbox-content #lightbox-img46,
#img47:checked ~ .lightbox-content #lightbox-img47,
#img48:checked ~ .lightbox-content #lightbox-img48,
#img49:checked ~ .lightbox-content #lightbox-img49,
#img50:checked ~ .lightbox-content #lightbox-img50,
#img51:checked ~ .lightbox-content #lightbox-img51,
#img52:checked ~ .lightbox-content #lightbox-img52,
#img53:checked ~ .lightbox-content #lightbox-img53,
#img54:checked ~ .lightbox-content #lightbox-img54,
#img55:checked ~ .lightbox-content #lightbox-img55,
#img56:checked ~ .lightbox-content #lightbox-img56,
#img57:checked ~ .lightbox-content #lightbox-img57,
#img58:checked ~ .lightbox-content #lightbox-img58,
#img59:checked ~ .lightbox-content #lightbox-img59,
#img60:checked ~ .lightbox-content #lightbox-img60,
#img61:checked ~ .lightbox-content #lightbox-img61,
#img62:checked ~ .lightbox-content #lightbox-img62,
#img63:checked ~ .lightbox-content #lightbox-img63,
#img64:checked ~ .lightbox-content #lightbox-img64,
#img65:checked ~ .lightbox-content #lightbox-img65,
#img66:checked ~ .lightbox-content #lightbox-img66,
#img67:checked ~ .lightbox-content #lightbox-img67,
#img68:checked ~ .lightbox-content #lightbox-img68,
#img69:checked ~ .lightbox-content #lightbox-img69,
#img70:checked ~ .lightbox-content #lightbox-img70,
#img71:checked ~ .lightbox-content #lightbox-img71,
#img72:checked ~ .lightbox-content #lightbox-img72,
#img73:checked ~ .lightbox-content #lightbox-img73,
#img74:checked ~ .lightbox-content #lightbox-img74,
#img75:checked ~ .lightbox-content #lightbox-img75,
#img76:checked ~ .lightbox-content #lightbox-img76,
#img77:checked ~ .lightbox-content #lightbox-img77,
#img78:checked ~ .lightbox-content #lightbox-img78,
#img79:checked ~ .lightbox-content #lightbox-img79,
#img80:checked ~ .lightbox-content #lightbox-img80,
#img81:checked ~ .lightbox-content #lightbox-img81,
#img82:checked ~ .lightbox-content #lightbox-img82,
#img83:checked ~ .lightbox-content #lightbox-img83,
#img84:checked ~ .lightbox-content #lightbox-img84,
#img85:checked ~ .lightbox-content #lightbox-img85,
#img86:checked ~ .lightbox-content #lightbox-img86,
#img87:checked ~ .lightbox-content #lightbox-img87,
#img88:checked ~ .lightbox-content #lightbox-img88,
#img89:checked ~ .lightbox-content #lightbox-img89,
#img90:checked ~ .lightbox-content #lightbox-img90,
#img91:checked ~ .lightbox-content #lightbox-img91,
#img92:checked ~ .lightbox-content #lightbox-img92,
#img93:checked ~ .lightbox-content #lightbox-img93,
#img94:checked ~ .lightbox-content #lightbox-img94,
#img95:checked ~ .lightbox-content #lightbox-img95,
#img96:checked ~ .lightbox-content #lightbox-img96,
#img97:checked ~ .lightbox-content #lightbox-img97,
#img98:checked ~ .lightbox-content #lightbox-img98,
#img99:checked ~ .lightbox-content #lightbox-img99,
#img100:checked ~ .lightbox-content #lightbox-img100,
#img101:checked ~ .lightbox-content #lightbox-img101,
#img102:checked ~ .lightbox-content #lightbox-img102,
#img103:checked ~ .lightbox-content #lightbox-img103,
#img104:checked ~ .lightbox-content #lightbox-img104,
#img105:checked ~ .lightbox-content #lightbox-img105,
#img106:checked ~ .lightbox-content #lightbox-img106,
#img107:checked ~ .lightbox-content #lightbox-img107,
#img108:checked ~ .lightbox-content #lightbox-img108,
#img109:checked ~ .lightbox-content #lightbox-img109,
#img110:checked ~ .lightbox-content #lightbox-img110,
#img111:checked ~ .lightbox-content #lightbox-img111,
#img112:checked ~ .lightbox-content #lightbox-img112,
#img113:checked ~ .lightbox-content #lightbox-img113,
#img114:checked ~ .lightbox-content #lightbox-img114,
#img115:checked ~ .lightbox-content #lightbox-img115,
#img116:checked ~ .lightbox-content #lightbox-img116,
#img117:checked ~ .lightbox-content #lightbox-img117,
#img118:checked ~ .lightbox-content #lightbox-img118,
#img119:checked ~ .lightbox-content #lightbox-img119,
#img120:checked ~ .lightbox-content #lightbox-img120,
#img121:checked ~ .lightbox-content #lightbox-img121,
#img122:checked ~ .lightbox-content #lightbox-img122,
#img123:checked ~ .lightbox-content #lightbox-img123,
#img124:checked ~ .lightbox-content #lightbox-img124,
#img125:checked ~ .lightbox-content #lightbox-img125,
#img126:checked ~ .lightbox-content #lightbox-img126,
#img127:checked ~ .lightbox-content #lightbox-img127,
#img128:checked ~ .lightbox-content #lightbox-img128,
#img130:checked ~ .lightbox-content #lightbox-img130 {
    display: block;
}

/* video container - responsive iframe */
.video-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* video butonu */
.video-btn {
    display: inline-block;
    margin-top: 20px;
    padding: 12px 30px;
    background: linear-gradient(135deg, #8b7355 0%, #6b5d45 100%);
    color: #ffffff;
    text-decoration: none;
    border-radius: 5px;
    font-weight: 600;
    font-size: 16px;
    transition: all 0.3s ease;
    text-align: center;
    box-shadow: 0 2px 8px rgba(139, 115, 85, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.video-btn:hover {
    background: linear-gradient(135deg, #6b5d45 0%, #5a4d3a 100%);
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(139, 115, 85, 0.4);
}

/* iletişim sayfası */
.contact-section {
    padding: 80px 0;
    background-color: #f5f5f0;
}

.contact-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.contact-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

/* sol taraf - görsel */
.contact-left {
    position: relative;
}

.contact-image-wrapper {
    width: 100%;
    height: 100%;
}

.contact-image-container {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 600px;
}

.contact-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.contact-image-title {
    position: absolute;
    top: 44px;
    left: 44px;
    color: #ffffff;
    font-size: 36px;
    font-weight: 700;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.contact-info-card {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #ffffff;
    border-radius: 8px;
    padding: 24px;
    margin: 44px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

.contact-info-item {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
    text-decoration: none;
    color: #333;
    transition: color 0.3s ease;
}

.contact-info-item:last-child {
    margin-bottom: 0;
}

.contact-info-item:hover {
    color: #8b7355;
}

.contact-info-item svg {
    flex-shrink: 0;
}

.contact-info-item span {
    margin-left: 20px;
    font-size: 16px;
    line-height: 24px;
}

/* sağ taraf - form */
.contact-right {
    background-color: #f9f9f9;
    padding: 44px;
    display: flex;
    flex-direction: column;
}

.contact-form {
    flex: 1;
}

.contact-form-title {
    color: #8b7355;
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 44px;
    line-height: 40px;
}

/* form inputları */
.form-input {
    width: 100%;
    height: 48px;
    color: #4b5563;
    background-color: transparent;
    font-size: 18px;
    border-radius: 9999px;
    border: 1px solid #e5e7eb;
    padding: 0 16px;
    margin-bottom: 40px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    transition: all 0.3s;
    font-family: inherit;
}

.form-input:focus {
    outline: none;
    border-color: #8b7355;
    box-shadow: 0 0 0 2px rgba(139, 115, 85, 0.2);
}

.form-textarea {
    height: 128px;
    border-radius: 24px;
    padding-top: 12px;
    resize: none;
}

/* radio butonlar */
.form-radio-group {
    margin-bottom: 40px;
}

.form-radio-title {
    color: #6b7280;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 16px;
    line-height: 28px;
}

.form-radio-options {
    display: flex;
}

.form-radio-option {
    display: flex;
    align-items: center;
    margin-right: 44px;
}

.form-radio-option:last-child {
    margin-right: 0;
}

.form-radio-option input[type="radio"] {
    display: none;
}

.form-radio-option label {
    display: flex;
    align-items: center;
    cursor: pointer;
    color: #6b7280;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.custom-radio {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #d1d5db;
    border-radius: 50%;
    margin-right: 8px;
    margin-left: 8px;
    transition: all 0.2s;
    position: relative;
}

.form-radio-option input[type="radio"]:checked + label .custom-radio {
    background-color: #8b7355;
    border-color: #8b7355;
    box-shadow: inset 0 0 0 3px white;
}

/* submit butonu */
.form-submit-btn {
    width: 100%;
    height: 48px;
    background: linear-gradient(135deg, #8b7355 0%, #6b5d45 100%);
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    border: none;
    border-radius: 9999px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.form-submit-btn:hover {
    background: linear-gradient(135deg, #6b5d45 0%, #5a4d3a 100%);
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(139, 115, 85, 0.3);
}

.contact-form-footer {
    margin-top: 16px;
    text-align: center;
}

.contact-form-link {
    font-size: 12px;
    color: #9ca3af;
    text-decoration: none;
    transition: color 0.3s ease;
}

.contact-form-link:hover {
    color: #8b7355;
}

/* responsive */
@media (max-width: 968px) {
    .contact-grid {
        grid-template-columns: 1fr;
    }
    
    .contact-image-container {
        min-height: 400px;
    }
    
    .contact-right {
        padding: 32px 20px;
    }
}

/* SSS sayfası */
.faq-section {
    padding: 80px 0;
    background-color: #f5f5f0;
}

.faq-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.faq-main-title {
    font-size: 36px;
    font-weight: 600;
    color: #333;
    text-transform: uppercase;
    margin-bottom: 16px;
    line-height: 1.2;
}

.faq-intro {
    margin-bottom: 64px;
}

.faq-intro p {
    font-size: 16px;
    color: #666;
    line-height: 24px;
    max-width: 70%;
}

.faq-content {
    display: flex;
    gap: 32px;
    align-items: flex-start;
}

.faq-image-wrapper {
    flex: 0 0 33.333%;
    max-width: 33.333%;
}

.faq-image {
    width: 100%;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    display: block;
}

.faq-questions {
    flex: 1;
}

.faq-item {
    margin-bottom: 0;
}

.faq-question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    padding: 16px 0;
    transition: color 0.3s ease;
}

.faq-question:hover {
    color: #8b7355;
}

.faq-question h3 {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    line-height: 24px;
    margin: 0;
    flex: 1;
    padding-right: 16px;
}

.faq-toggle-btn {
    background: none;
    border: none;
    cursor: pointer;
    color: #333;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease, color 0.3s ease;
}

.faq-toggle-btn:hover {
    color: #8b7355;
}

.faq-toggle-btn svg {
    transition: transform 0.3s ease;
}

.faq-item.active .faq-toggle-btn svg {
    transform: rotate(45deg);
}

.faq-answer {
    font-size: 16px;
    color: #666;
    line-height: 24px;
    margin-top: 16px;
    max-width: 91.666%;
    display: none;
    transition: all 0.3s ease-in-out;
}

.faq-answer-open {
    display: block;
}

.faq-divider {
    border: none;
    border-top: 1px solid #e5e7eb;
    margin: 28px 0;
}

/* responsive */
@media (max-width: 968px) {
    .faq-content {
        flex-direction: column;
    }
    
    .faq-image-wrapper {
        flex: 1;
        max-width: 100%;
        margin-bottom: 32px;
    }
    
    .faq-intro p {
        max-width: 100%;
    }
    
    .faq-main-title {
        font-size: 28px;
    }
}

/* yorumlar sayfası */
.reviews-section {
    padding: 80px 0;
    background: linear-gradient(to top right, #e2e8f0, #f8fafc);
    min-height: calc(100vh - 200px);
    display: flex;
    align-items: center;
}

.reviews-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    background-color: #ffffff;
    border-radius: 24px;
    box-shadow: 0 20px 25px rgba(0, 0, 0, 0.1);
    padding: 48px;
    text-align: center;
    overflow: hidden;
}

.reviews-main-title {
    font-size: 24px;
    font-weight: 700;
    color: #333;
    margin-bottom: 8px;
}

.reviews-subtitle {
    font-size: 14px;
    color: #6b7280;
    margin-bottom: 32px;
}

.slider-container {
    position: relative;
    margin-bottom: 32px;
}

.slider-nav-buttons {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    padding: 0 8px;
    z-index: 50;
    pointer-events: none;
}

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    font-family: 'Material Symbols Outlined';
    font-size: 24px;
}

.nav-btn {
    background: linear-gradient(135deg, #8b7355 0%, #6b5d45 100%);
    color: #ffffff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 15px rgba(139, 115, 85, 0.3);
    transition: all 0.3s;
    border: none;
    cursor: pointer;
    pointer-events: auto;
}

.nav-btn:hover {
    background: linear-gradient(135deg, #6b5d45 0%, #5a4d3a 100%);
    transform: scale(1.1);
    box-shadow: 0 6px 20px rgba(139, 115, 85, 0.4);
}

.slider-viewport {
    overflow: hidden;
}

.group-wrapper {
    display: flex;
    transition: transform 0.7s ease-in-out;
}

.slide-group {
    min-width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
    padding: 16px;
}

.group-title {
    margin-top: 32px;
    font-weight: 600;
    color: #8b7355;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    font-size: 13px;
    font-family: 'Georgia', 'Times New Roman', serif;
}

/* yorum kartı */
.review-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: transform 0.5s ease;
}

.review-card:hover {
    transform: translateY(-5px);
}

.review-quote {
    background: linear-gradient(135deg, #8b7355 0%, #6b5d45 100%);
    color: #ffffff;
    border-radius: 12px;
    padding: 16px;
    font-size: 11px;
    line-height: 1.6;
    position: relative;
    transition: all 0.5s;
    height: 96px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    margin: 0;
    box-shadow: 0 2px 8px rgba(139, 115, 85, 0.2);
}

.review-quote::before {
    content: '';
    position: absolute;
    background: linear-gradient(135deg, #8b7355 0%, #6b5d45 100%);
    width: 12px;
    height: 12px;
    transform: rotate(45deg);
    bottom: -6px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    z-index: -1;
}

.review-details {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    margin-top: 16px;
}

.review-img {
    width: 48px;
    height: 48px;
    object-fit: cover;
    border-radius: 50%;
    border: 2px solid #ffffff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.review-name {
    font-size: 11px;
    font-weight: 700;
    color: #333;
    margin: 0;
}

.review-role {
    font-size: 9px;
    color: #6b7280;
    margin: 0;
}

/* responsive */
@media (max-width: 968px) {
    .slide-group {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }
    
    .reviews-container {
        padding: 32px 20px;
    }
}

@media (max-width: 640px) {
    .slide-group {
        grid-template-columns: 1fr;
        gap: 24px;
    }
    
    .reviews-main-title {
        font-size: 20px;
    }
}

/* ============================================
   GAZETE SAYFASI STİLLERİ
   ============================================ */

/* Yazı Tipleri - Nostaljik bir hava için */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400;1,700&family=Source+Sans+Pro:wght@300;400;600;700&display=swap');

/* Gazete sayfası için body ayarları */
body.gazete-page {
    background-color: #d6d3d1; /* Gazete kağıdı rengi */
    color: #1c1917; /* Mürekkep rengi */
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 1.5;
}

/* Başlıklar için Serif Fontu */
.gazete-page h1, .gazete-page h2, .gazete-page h3, .gazete-page .font-serif {
    font-family: 'Playfair Display', serif;
}

/* Görsel Efektleri - Eski fotoğraf havası */
.gazete-page .gazete-content img {
    filter: grayscale(100%) contrast(120%) sepia(20%);
    border: 1px solid rgba(0, 0, 0, 0.5);
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    display: block;
    width: 100%;
}

/* Üstüne gelince resimlerin renklenmesi */
.gazete-page .gazete-content img:hover {
    filter: grayscale(0%) contrast(100%) sepia(0%);
    transform: scale(1.01);
}

/* Gazete Sütun Çizgileri */
.gazete-page .border-r {
    border-right: 1px solid rgba(0, 0, 0, 0.2);
}

/* Büyük İlk Harf (Drop Cap) Ayarı */
.gazete-page p.first-letter\:text-5xl::first-letter {
    float: left;
    margin-right: 12px;
    line-height: 0.8;
    margin-top: 4px;
    font-weight: 900;
    text-transform: uppercase;
}

/* Kenarlık ve Çizgi Özelleştirmeleri */
.gazete-page .border-black {
    border-color: #000000 !important;
}

.gazete-page .border-double {
    border-style: double !important;
}

/* Haber metinlerinin iki yana yaslanması (Gazete stili) */
.gazete-page .text-justify {
    text-align: justify;
    text-justify: inter-word;
}

/* Sayfa Kenarlığı */
.gazete-page section {
    position: relative;
}

/* Haber aralarındaki yatay çizgiler */
.gazete-page hr {
    border-top: 1px solid #000;
    opacity: 0.6;
}

/* Sütunlar arası boşluk düzenlemesi */
.gazete-page .gap-x-3 {
    column-gap: 1.5rem;
}

/* Mobil Uyumluluk İyileştirmeleri */
@media (max-width: 768px) {
    .gazete-page .border-r {
        border-right: none;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        padding-bottom: 1.5rem;
        margin-bottom: 1.5rem;
    }
    
    .gazete-page h1 {
        font-size: 2.5rem !important;
    }
}

/* ============================================
   BAZAAR SAYFASI STİLLERİ (3D Model Viewer)
   ============================================ */

:root {
    --bazaar-gold: #c5a059;
    --bazaar-bg: #0a0a0a;
}

/* Bazaar sayfası için body ayarları */
body.bazaar-page {
    margin: 0;
    background-color: var(--bazaar-bg);
    color: white;
    font-family: 'Plus Jakarta Sans', sans-serif;
}

/* Bazaar sayfası için header stil ayarları */
body.bazaar-page .sticky-header {
    background-color: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    z-index: 1000;
}

/* 3D Model: En altta ve sabit */
.bazaar-page .model-viewport {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1;
    pointer-events: none; /* Yazıları tıklamanı engellemez */
}

.bazaar-page model-viewer {
    width: 100%;
    height: 100%;
    display: block;
}

/* Scroll Alanı: Üstte */
.bazaar-page .scroll-container {
    position: relative;
    z-index: 2;
}

.bazaar-page .step {
    height: 100vh;
    display: flex;
    align-items: center;
    padding: 0 10vw;
}

.bazaar-page .step.left { 
    justify-content: flex-start; 
}

.bazaar-page .step.right { 
    justify-content: flex-end; 
}

.bazaar-page .step.center { 
    justify-content: center; 
    text-align: center; 
}

.bazaar-page .content {
    max-width: 450px;
    background: rgba(0,0,0,0.6);
    padding: 30px;
    border-radius: 15px;
    backdrop-filter: blur(10px);
    border-left: 3px solid var(--bazaar-gold);
}

.bazaar-page .tag {
    color: var(--bazaar-gold);
    font-weight: bold;
    letter-spacing: 3px;
    font-size: 0.8rem;
}

.bazaar-page h2 {
    font-family: 'Playfair Display', serif;
    font-size: 3.5rem;
    line-height: 1;
    margin: 10px 0;
}

.bazaar-page h2 i { 
    font-weight: 200; 
    color: var(--bazaar-gold); 
}

.bazaar-page p { 
    color: #ccc; 
    line-height: 1.6; 
}

.bazaar-page .btn {
    background: var(--bazaar-gold);
    border: none;
    padding: 15px 40px;
    color: white;
    font-weight: bold;
    cursor: pointer;
    margin-top: 20px;
    text-decoration: none;
    display: inline-block;
    transition: background 0.3s ease;
}

.bazaar-page .btn:hover {
    background: var(--bazaar-gold-dark, #d4a574);
}

/* ============================================
   TUR SAYFASI STİLLERİ
   ============================================ */

/* Tur Fiyat Kartı */
.tour-price-card {
    text-align: center;
    margin: 60px 0;
}

.tour-price-card-inner {
    background-color: #ffffff;
    padding: 40px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
    max-width: 600px;
    margin: 0 auto;
    border: 1px solid #e8e8e8;
}

.tour-price-title {
    font-size: 36px;
    color: #8b7355;
    margin-bottom: 20px;
    font-weight: 400;
}

.tour-price-amount {
    font-size: 48px;
    color: #333;
    font-weight: 600;
    margin: 30px 0;
}

.tour-price-subtitle {
    color: #666;
    margin-bottom: 30px;
    font-size: 16px;
}

.tour-price-discount {
    color: #888;
    margin-bottom: 40px;
    font-size: 14px;
}

.tour-book-btn {
    display: inline-block;
    background-color: #8b7355;
    color: #ffffff;
    padding: 15px 40px;
    text-decoration: none;
    border-radius: 5px;
    font-weight: 600;
    font-size: 16px;
    transition: background-color 0.2s ease;
    border: none;
    cursor: pointer;
}

.tour-book-btn:hover {
    background-color: #6b5d45;
}

.tour-contact-info {
    margin-top: 30px;
    color: #888;
    font-size: 14px;
}

.tour-contact-info strong {
    color: #8b7355;
}

/* Tur Programı Timeline */
.tour-timeline {
    list-style: none;
    padding: 0;
    margin: 0;
}

.tour-timeline-item {
    padding-bottom: 20px;
    border-bottom: 1px solid #e8e8e8;
}

.tour-timeline-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.tour-timeline-time {
    font-weight: 600;
    color: #8b7355;
    font-size: 15px;
    margin-bottom: 8px;
}

.tour-timeline-description {
    color: #555;
    font-size: 15px;
    line-height: 1.7;
}

/* Tur Avantajları Kartları */
.tour-features {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    margin: 30px 0;
}

.tour-feature-card {
    background: #f9f9f9;
    padding: 20px;
    border-radius: 6px;
    border-left: 3px solid #8b7355;
    transition: background-color 0.2s ease;
}

.tour-feature-card:hover {
    background: #f5f5f0;
}

.tour-feature-title {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    margin-bottom: 8px;
}

.tour-feature-text {
    color: #666;
    font-size: 14px;
    line-height: 1.6;
    margin: 0;
}

/* Tur Bilgileri Kartları */
.tour-info-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin: 30px 0;
}

.tour-info-item {
    background: #f9f9f9;
    padding: 25px;
    border-radius: 8px;
    border-top: 3px solid #8b7355;
}

.tour-info-item strong {
    color: #8b7355;
    display: block;
    margin-bottom: 8px;
    font-size: 15px;
}

.tour-info-item p {
    color: #555;
    margin: 0;
    font-size: 14px;
    line-height: 1.6;
}

/* Responsive */
@media (max-width: 768px) {
    .tour-price-amount {
        font-size: 36px;
    }
    
    .tour-features {
        grid-template-columns: 1fr;
    }
    
    .tour-info-grid {
        grid-template-columns: 1fr;
    }
}

/* ============================================
   YEREBATAN SARNICI GAZETE SAYFASI STİLLERİ
   ============================================ */

/* Yerebatan gazete sayfası için body ayarları */
body.yerebatan-page {
    background-color: #d6d3d1; /* Gazete kağıdı dokusu */
    color: #1c1917;
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 1.5;
}

/* Başlıklar için Klasik Serif Fontu */
.yerebatan-page h1, .yerebatan-page h2, .yerebatan-page h3, .yerebatan-page .font-serif {
    font-family: 'Playfair Display', serif;
}

/* Görsel Efektleri - Karanlık ve mistik yer altı havası */
.yerebatan-page .yerebatan-content img {
    filter: grayscale(90%) contrast(120%) sepia(15%);
    border: 1px solid rgba(0, 0, 0, 0.5);
    transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1);
    display: block;
    width: 100%;
    height: auto;
}

/* Col-span-2 içindeki fotoğraflar için standart boyut */
.yerebatan-page .yerebatan-content article.col-span-2 img {
    height: auto;
}

/* Col-span-3 içindeki tam genişlik fotoğraflar */
.yerebatan-page .yerebatan-content article.col-span-3 img {
    height: auto;
}

/* Col-span-1 içindeki küçük fotoğraflar */
.yerebatan-page .yerebatan-content article.col-span-1 img {
    height: auto;
}

/* Üstüne gelince fotoğrafın canlanması */
.yerebatan-page .yerebatan-content img:hover {
    filter: grayscale(10%) contrast(100%) sepia(0%);
    transform: scale(1.01);
}

/* Gazete Sütun Çizgileri */
.yerebatan-page .border-r {
    border-right: 1px solid rgba(0, 0, 0, 0.2);
}

/* Büyük İlk Harf (Drop Cap) */
.yerebatan-page p.first-letter\:text-5xl::first-letter {
    float: left;
    margin-right: 12px;
    line-height: 0.8;
    margin-top: 4px;
    font-weight: 900;
    text-transform: uppercase;
    color: #000;
}

/* Metin İki Yana Yaslama */
.yerebatan-page .text-justify {
    text-align: justify;
    text-justify: inter-word;
}

/* Yatay çizgiler */
.yerebatan-page hr {
    border-top: 1px solid #000;
    opacity: 0.6;
}

/* Mobil Düzenlemeler */
@media (max-width: 768px) {
    .yerebatan-page .border-r {
        border-right: none;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        padding-bottom: 1.5rem;
        margin-bottom: 1.5rem;
    }
    .yerebatan-page h1 {
        font-size: 2.2rem !important;
    }
}

/* ============================================
   TOPKAPI SARAYI GAZETE SAYFASI STİLLERİ
   ============================================ */

/* Topkapı gazete sayfası için body ayarları */
body.topkapi-page {
    background-color: #d6d3d1; /* Gazete kağıdı dokusu */
    color: #1c1917; /* Mürekkep siyahı */
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 1.5;
}

/* Başlıklar için Klasik Serif Fontu */
.topkapi-page h1, .topkapi-page h2, .topkapi-page h3, .topkapi-page .font-serif {
    font-family: 'Playfair Display', serif;
}

/* Görsel Efektleri - Tarihi fotoğraf havası */
.topkapi-page .topkapi-content img {
    filter: grayscale(90%) contrast(110%) sepia(20%);
    border: 1px solid rgba(0, 0, 0, 0.5);
    transition: all 0.6s ease-in-out;
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* Col-span-2 içindeki fotoğraflar için standart boyut */
.topkapi-page .topkapi-content article.col-span-2 img {
    max-height: 500px;
    object-fit: cover;
}

/* Col-span-3 içindeki tam genişlik fotoğraflar */
.topkapi-page .topkapi-content article.col-span-3 img {
    max-height: 600px;
    object-fit: cover;
}

/* Col-span-1 içindeki küçük fotoğraflar */
.topkapi-page .topkapi-content article.col-span-1 img {
    max-height: 400px;
    object-fit: cover;
}

/* Üstüne gelince resimlerin hafifçe canlanması */
.topkapi-page .topkapi-content img:hover {
    filter: grayscale(0%) contrast(100%) sepia(0%);
    transform: scale(1.01);
}

/* Gazete Sütun Çizgileri */
.topkapi-page .border-r {
    border-right: 1px solid rgba(0, 0, 0, 0.2);
}

/* Büyük İlk Harf (Drop Cap) Ayarı */
.topkapi-page p.first-letter\:text-5xl::first-letter {
    float: left;
    margin-right: 12px;
    line-height: 0.8;
    margin-top: 4px;
    font-weight: 900;
    text-transform: uppercase;
    color: #000;
}

/* Kenarlık ve Çizgi Özelleştirmeleri */
.topkapi-page .border-black {
    border-color: #000000 !important;
}

/* Haber metinlerinin iki yana yaslanması */
.topkapi-page .text-justify {
    text-align: justify;
    text-justify: inter-word;
}

/* Haber aralarındaki yatay çizgiler */
.topkapi-page hr {
    border-top: 1px solid #000;
    opacity: 0.6;
}

/* Mobil Uyumluluk */
@media (max-width: 768px) {
    .topkapi-page .border-r {
        border-right: none;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        padding-bottom: 1.5rem;
        margin-bottom: 1.5rem;
    }
    
    .topkapi-page h1 {
        font-size: 2.2rem !important;
    }
}

/* ============================================
   GALATA KULESİ GAZETE SAYFASI STİLLERİ
   ============================================ */

/* Galata gazete sayfası için body ayarları */
body.galata-page {
    background-color: #d6d3d1; /* Nostaljik Gazete Kağıdı */
    color: #1c1917;
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 1.5;
}

/* Başlıklar için Serif Fontu */
.galata-page h1, .galata-page h2, .galata-page h3, .galata-page .font-serif {
    font-family: 'Playfair Display', serif;
}

/* Görsel Efektleri - Tarihi Galata fotoğrafları hissi */
.galata-page .galata-content img {
    filter: grayscale(85%) contrast(115%) sepia(20%);
    border: 1px solid rgba(0, 0, 0, 0.5);
    transition: all 0.7s ease;
    display: block;
    width: 100%;
    height: auto;
}

/* Col-span-2 içindeki fotoğraflar için standart boyut */
.galata-page .galata-content article.col-span-2 img {
    height: auto;
}

/* Col-span-3 içindeki tam genişlik fotoğraflar */
.galata-page .galata-content article.col-span-3 img {
    height: auto;
}

/* Üstüne gelince fotoğrafın canlanması */
.galata-page .galata-content img:hover {
    filter: grayscale(0%) contrast(100%) sepia(0%);
    transform: scale(1.01);
}

/* Gazete Sütun Çizgileri */
.galata-page .border-r {
    border-right: 1px solid rgba(0, 0, 0, 0.2);
}

/* Büyük İlk Harf (Drop Cap) */
.galata-page p.first-letter\:text-5xl::first-letter {
    float: left;
    margin-right: 12px;
    line-height: 0.8;
    margin-top: 4px;
    font-weight: 900;
    text-transform: uppercase;
    color: #111;
}

/* Metin İki Yana Yaslama */
.galata-page .text-justify {
    text-align: justify;
    text-justify: inter-word;
}

/* Yatay Çizgiler */
.galata-page hr {
    border-top: 1px solid #000;
    opacity: 0.6;
}

/* Mobil Uyumluluk Ayarları */
@media (max-width: 768px) {
    .galata-page .border-r {
        border-right: none;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        padding-bottom: 1.5rem;
        margin-bottom: 1.5rem;
    }
    .galata-page h1 {
        font-size: 2.3rem !important;
    }
}

/* ============================================
   AYASOFYA GAZETE SAYFASI STİLLERİ
   ============================================ */

/* Ayasofya gazete sayfası için body ayarları */
body.ayasofya-page {
    background-color: #d6d3d1; /* Gazete kağıdı dokusu */
    color: #1c1917;
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 1.5;
}

/* Başlıklar için Klasik Serif Fontu */
.ayasofya-page h1, .ayasofya-page h2, .ayasofya-page h3, .ayasofya-page .font-serif {
    font-family: 'Playfair Display', serif;
}

/* Görsel Efektleri - Tarihi fotoğraf havası */
.ayasofya-page .ayasofya-content img {
    filter: grayscale(85%) contrast(110%) sepia(25%);
    border: 1px solid rgba(0, 0, 0, 0.5);
    transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1);
    display: block;
    width: 100%;
    height: auto;
}

/* Col-span-2 içindeki fotoğraflar için standart boyut */
.ayasofya-page .ayasofya-content article.col-span-2 img {
    height: auto;
}

/* Col-span-3 içindeki tam genişlik fotoğraflar */
.ayasofya-page .ayasofya-content article.col-span-3 img {
    height: auto;
}

/* Üstüne gelince resimlerin yavaşça renklenmesi */
.ayasofya-page .ayasofya-content img:hover {
    filter: grayscale(0%) contrast(100%) sepia(0%);
    transform: scale(1.01);
}

/* Gazete Sütun Çizgileri */
.ayasofya-page .border-r {
    border-right: 1px solid rgba(0, 0, 0, 0.2);
}

/* Büyük İlk Harf (Drop Cap) Ayarı */
.ayasofya-page p.first-letter\:text-5xl::first-letter {
    float: left;
    margin-right: 12px;
    line-height: 0.8;
    margin-top: 4px;
    font-weight: 900;
    text-transform: uppercase;
    color: #000;
}

/* Haber metinlerinin iki yana yaslanması */
.ayasofya-page .text-justify {
    text-align: justify;
    text-justify: inter-word;
}

/* Yatay çizgiler */
.ayasofya-page hr {
    border-top: 1px solid #000;
    opacity: 0.6;
}

/* Mobil Düzenlemeler */
@media (max-width: 768px) {
    .ayasofya-page .border-r {
        border-right: none;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        padding-bottom: 1.5rem;
        margin-bottom: 1.5rem;
    }
    .ayasofya-page h1 {
        font-size: 2.3rem !important;
    }
}

/* ============================================
   ÜRÜNLER SAYFASI STİLLERİ
   ============================================ */

.products-section {
    padding: 80px 0;
    background-color: #f5f5f0;
}

.products-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 30px;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
}

.product-card {
    background-color: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
}

.product-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.product-image {
    width: 100%;
    height: 250px;
    object-fit: cover;
    display: block;
}

.product-info {
    padding: 20px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.product-name {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    margin-bottom: 10px;
    line-height: 1.4;
}

.product-price {
    font-size: 24px;
    font-weight: 700;
    color: #8b7355;
    margin-top: auto;
    padding-top: 15px;
    border-top: 1px solid #e8e8e8;
}

.product-price-currency {
    font-size: 18px;
    font-weight: 500;
}

.products-header {
    text-align: center;
    margin-bottom: 60px;
    padding: 0 20px;
}

.products-title {
    font-size: 48px;
    color: #000;
    margin-bottom: 15px;
    font-weight: 400;
}

.products-subtitle {
    font-size: 18px;
    color: #666;
    max-width: 700px;
    margin: 0 auto;
    line-height: 1.6;
}

/* Responsive */
@media (max-width: 768px) {
    .products-grid {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
        gap: 20px;
    }
    
    .products-title {
        font-size: 36px;
    }
    
    .products-subtitle {
        font-size: 16px;
    }
    
    .product-image {
        height: 200px;
    }
}