/* * MODARENTA DRESS V2 - CORE STYLES * Dependencies: tokens.css *//* -------------------------------------------------------------------------- *//* 1. RESET & GLOBAL BASE                                                     *//* -------------------------------------------------------------------------- */*, *::before, *::after {    box-sizing: border-box;    margin: 0;    padding: 0;}html {    font-family: var(--font-sans);    font-size: 16px; /* Base for rem calculations */    scroll-behavior: smooth;    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;}body { overflow-y: scroll;    font-family: var(--font-sans);    background-color: #ffffff;    color: var(--color-text);    line-height: var(--lh-normal);    min-height: 100vh;}img, video, svg {    display: block;    max-width: 100%;    height: auto;}a {    color: inherit;    text-decoration: none;    transition: color var(--duration-fast) var(--ease-out);}a:hover {    color: var(--color-link-hover);}button, input, select, textarea {    font: inherit;    color: inherit;}body,p,span,small,label,li,a,button,input,select,textarea,figcaption,.btn,.badge,.nav-link,.product-card__name,.product-card__category,.product-card__price,.section-subtitle,.footer-bottom,.footer-col li {    font-family: var(--font-sans);}/* * Global Focus Strategy - Deterministic Ring + Offset * Ensures high contrast visibility in both light & dark modes. */:focus-visible {    outline: none;    box-shadow: 0 0 0 var(--width-ring-offset) var(--color-ring-offset),                 0 0 0 calc(var(--width-ring-offset) + var(--width-ring)) var(--color-ring);}/* -------------------------------------------------------------------------- *//* 2. TYPOGRAPHY                                                              *//* -------------------------------------------------------------------------- */h1, h2, h3, h4, h5, h6 {    font-family: var(--font-serif, var(--font-sans)); /* Serif opsiyonel fallback */    font-weight: var(--fw-semibold);    line-height: var(--lh-tight);    color: var(--color-text);    margin-bottom: var(--space-4);}h1 { font-size: var(--text-4xl); letter-spacing: var(--tracking-tight); }h2 { font-size: var(--text-3xl); letter-spacing: var(--tracking-tight); }h3 { font-size: var(--text-2xl); }h4 { font-size: var(--text-xl); }.section-title,.catalog-header__title,.home-section__title,.product-summary__title,.product-reviews__summary h2,.product-related__head h2,.header-brand__text,.footer-col h4 {    font-family: var(--font-serif, var(--font-sans));}p {    margin-bottom: var(--space-4);    max-width: var(--measure-prose);}.text-muted { color: var(--color-muted); }.text-brand { color: var(--color-brand); }.text-sm { font-size: var(--text-sm); }.font-bold { font-weight: var(--fw-bold); }/* -------------------------------------------------------------------------- *//* 3. LAYOUT PRIMITIVES                                                       *//* -------------------------------------------------------------------------- */.app-shell {    display: flex;    flex-direction: column;    min-height: 100vh;    background: #ffffff;}.app-main {    flex: 1;    display: flex;    flex-direction: column;    background: #ffffff;}.container {    width: 100%;    max-width: var(--container-max);    margin-inline: auto;    padding-inline: var(--container-padding);}.section {    padding-block: var(--space-12);}.section-header {    margin-bottom: var(--space-8);    text-align: center;    max-width: 800px;    margin-inline: auto;}.section-title {    font-size: var(--text-3xl);    margin-bottom: var(--space-2);}.section-subtitle {    color: var(--color-muted);    font-size: var(--text-lg);}/* -------------------------------------------------------------------------- *//* 4. COMPONENT: BUTTONS                                                      *//* -------------------------------------------------------------------------- */.btn {    display: inline-flex;    align-items: center;    justify-content: center;    padding: var(--space-3) var(--space-6);    border-radius: var(--radius-md);    font-weight: var(--fw-medium);    font-size: var(--text-sm);    line-height: 1;    cursor: pointer;    transition: all var(--duration-fast) var(--ease-out);    border: 1px solid transparent; /* Explicit border for consistency */    white-space: nowrap;    min-height: 44px; /* Touch target */    text-decoration: none;}/* * Button Focus - Inherits Global Strategy  * Using box-shadow prevents layout shift and ensures offset visibility. * Explicitly disabled for disabled buttons to avoid confusion. * Border color change removed to preserve contract integrity (outline buttons). */.btn:focus-visible:not(:disabled):not([aria-disabled="true"]) {    outline: none;    box-shadow: 0 0 0 var(--width-ring-offset) var(--color-ring-offset),                 0 0 0 calc(var(--width-ring-offset) + var(--width-ring)) var(--color-ring);}/* PRIMARY BUTTON (Brand Contract) */.btn-primary {    background-color: var(--color-btn-primary-bg);    color: var(--color-btn-primary-text);    border-color: var(--color-btn-primary-border);    box-shadow: var(--shadow-sm);}.btn-primary:hover:not(:disabled) {    background-color: var(--color-btn-primary-hover-bg);    border-color: var(--color-btn-primary-hover-border);    transform: translateY(-1px);    box-shadow: var(--shadow-md);}.btn-primary:active:not(:disabled) {    background-color: var(--color-btn-primary-active-bg);    transform: translateY(0);}.btn-primary:disabled,.btn-primary[aria-disabled="true"] {    background-color: var(--color-btn-primary-disabled-bg);    color: var(--color-btn-primary-disabled-text);    border-color: var(--color-btn-primary-disabled-border);    cursor: not-allowed;    box-shadow: none;    transform: none;}/* OUTLINE/SECONDARY BUTTON (Secondary Contract) */.btn-outline {    background-color: var(--color-btn-secondary-bg);    color: var(--color-btn-secondary-text);    border-color: var(--color-btn-secondary-border);}.btn-outline:hover:not(:disabled) {    background-color: var(--color-btn-secondary-hover-bg);    border-color: var(--color-btn-secondary-hover-border);}.btn-outline:active:not(:disabled) {    background-color: var(--color-btn-secondary-active-bg);}.btn-outline:disabled,.btn-outline[aria-disabled="true"] {    background-color: var(--color-btn-secondary-disabled-bg);    color: var(--color-btn-secondary-disabled-text);    border-color: var(--color-btn-secondary-disabled-border);    cursor: not-allowed;}/* GHOST BUTTON (Ghost Contract) */.btn-ghost {    background-color: var(--color-btn-ghost-bg);    color: var(--color-btn-ghost-text);    border-color: var(--color-btn-ghost-border);}.btn-ghost:hover:not(:disabled) {    background-color: var(--color-btn-ghost-hover-bg);    color: var(--color-btn-ghost-hover-text);}.btn-ghost:active:not(:disabled) {    background-color: var(--color-btn-ghost-active-bg);}.btn-ghost:disabled,.btn-ghost[aria-disabled="true"] {    background-color: var(--color-btn-ghost-disabled-bg);    color: var(--color-btn-ghost-disabled-text);    border-color: var(--color-btn-ghost-disabled-border);    cursor: not-allowed;}/* -------------------------------------------------------------------------- *//* 5. COMPONENT: FORMS (BASIC)                                                *//* -------------------------------------------------------------------------- */.form-input {    display: block;    width: 100%;    padding: var(--space-3) var(--space-4);    font-size: var(--text-sm);    color: var(--color-text);    background-color: var(--color-input-bg);    border: 1px solid var(--color-input-border);    border-radius: var(--radius-md);    transition: border-color var(--duration-fast), box-shadow var(--duration-fast);}/* * Input Focus - Unified Strategy * Offset + Ring for clear focus indication. */.form-input:focus:not(:disabled):not([aria-disabled="true"]) {    outline: none;    border-color: var(--color-input-focus);    box-shadow: 0 0 0 var(--width-ring-offset) var(--color-ring-offset),                 0 0 0 calc(var(--width-ring-offset) + var(--width-ring)) var(--color-ring);}.form-input:disabled,.form-input[aria-disabled="true"] {    background-color: var(--color-input-disabled-bg);    color: var(--color-input-disabled-text);    border-color: var(--color-input-disabled-border);    cursor: not-allowed;    box-shadow: none; /* No focus ring if somehow focused */}/* -------------------------------------------------------------------------- *//* 6. COMPONENT: APP HEADER                                                   *//* -------------------------------------------------------------------------- */.app-header {    background-color: var(--color-surface);    border-bottom: 1px solid var(--color-border);    position: sticky;    top: 0;    z-index: var(--z-sticky); /* Uses Token */    height: var(--header-height);}.app-header .container {    height: 100%;    display: flex;    align-items: center;    justify-content: space-between;    gap: var(--space-4);}.brand {    font-size: var(--text-xl);    font-weight: var(--fw-bold);    color: var(--color-text);    letter-spacing: var(--tracking-tight);    display: flex;    align-items: center;    gap: var(--space-2);}.brand__logo {    width: 36px;    height: 36px;    object-fit: contain;    flex: 0 0 36px;}.brand span {    color: var(--color-brand);}.header-nav {    display: none; /* Mobile first hidden */}.header-search {    flex: 1;    max-width: 400px;    position: relative;    display: block; /* Mobile default: visible */}/* ├çok k├╝├ğ├╝k ekranlarda header patlamas─▒n diye gizle */@media (max-width: 359px) {    .header-search {        display: none;    }}.header-actions {    display: flex;    align-items: center;    gap: var(--space-3);}/* Menesa-like Header */.mh { position: sticky; top: 0; z-index: var(--z-sticky); background: #fff; border-bottom: 1px solid var(--color-border); }.mh__announce {    background: #252220; color: #f6f3ed; text-align: center;    font-size: 12px; padding: 6px 10px; font-weight: 500;}.mh__announce strong { font-weight: 700; }.mh__top { border-bottom: 1px solid var(--color-border); background: #fff; }.mh__top-inner {    display: grid; grid-template-columns: 260px minmax(320px, 1fr) 320px;    align-items: center; gap: 16px; height: 72px;}.mh__brand { display: inline-flex; align-items: center; gap: 12px; color: #171717; }.mh__brand img { width: 36px; height: 36px; object-fit: contain; }.mh__brand-mark {    width: 32px; height: 32px; border-radius: 8px; background: #c59a54;    color: #fff; display: inline-flex; align-items: center; justify-content: center; font-weight: 700;}.mh__brand-text { font-family: var(--font-serif, var(--font-sans)); font-size: 14px; font-weight: 700; letter-spacing: .04em; }.mh__search {    height: 40px; display: grid; grid-template-columns: 1fr 40px; border: 1px solid #ddd4c4;    border-radius: 999px; overflow: hidden; background: #ffffff;}.mh__search input { border: 0; outline: none; padding: 0 14px; background: transparent; font-size: 14px; }.mh__search button { border: 0; background: transparent; cursor: pointer; font-size: 16px; color: #353535; }.mh__actions { display: flex; align-items: center; justify-content: flex-end; gap: 12px; }.mh__actions a { font-size: 13px; color: #222; font-weight: 500; }.mh__cta {    background: #cc9c47; color: #fff !important; border-radius: 12px; padding: 9px 14px;    font-weight: 700 !important; letter-spacing: .01em;}.mh__nav-wrap { background: #fff; }.mh__nav {    min-height: 52px; display: flex; align-items: center; justify-content: center; gap: 20px;}.mh__item { position: static; }.mh__item > a {    display: inline-flex; align-items: center; height: 52px; font-size: 15px;    font-family: var(--font-sans); font-weight: 600; color: #222; border-bottom: 2px solid transparent;}.mh__item:hover > a { color: #b8935a; border-color: #b8935a; }.mh__mega {    position: absolute; left: 0; right: 0; top: 100%;    background: #fff; border-top: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border);    box-shadow: 0 12px 30px rgba(0,0,0,.06);    opacity: 0; visibility: hidden; transform: translateY(8px); transition: .18s ease;}.mh__item.has-dd:hover .mh__mega { opacity: 1; visibility: visible; transform: translateY(0); }.mh__mega-inner {    max-width: var(--container-max); margin: 0 auto; padding: 18px var(--container-padding);    display: grid; grid-template-columns: repeat(3, minmax(0, 160px)); gap: 22px; justify-content: start;}.mh__mega-card { color: #222; }.mh__mega-thumb {    height: 110px; border-radius: 10px; border: 1px solid #e4ddcf;    background: repeating-linear-gradient(90deg, #e5dfd3 0, #e5dfd3 8px, #ebe6dc 8px, #ebe6dc 16px);    display: flex; align-items: center; justify-content: center; color: #8f887d; margin-bottom: 10px;    overflow: hidden;}.mh__mega-thumb img { width: 100%; height: 100%; object-fit: cover; }.mh__mega-card strong { font-size: 13px; font-family: var(--font-sans); font-weight: 700; }.mh__cta:hover { color: #fff !important; filter: brightness(.95); }.fe-topbar {    background: var(--color-surface-2);    border-bottom: 1px solid var(--color-border);}.fe-topbar__inner,.fe-topbar__left,.fe-topbar__right {    display: flex;    align-items: center;    gap: var(--space-3);    flex-wrap: wrap;}.fe-topbar__inner {    justify-content: space-between;    padding-block: var(--space-2);}.fe-topbar__left,.fe-topbar__right {    font-size: var(--text-sm);    color: var(--color-muted);}.fe-topbar__left strong {    color: var(--color-text);    font-weight: var(--fw-semibold);}.header-nav__item {    position: relative;}.header-mega {    position: absolute;    top: calc(100% + 10px);    left: 0;    display: none;    width: 260px;    z-index: var(--z-popover);}.header-nav__item:hover .header-mega {    display: block;}.header-mega__card {    border: 1px solid var(--color-border);    border-radius: var(--radius-xl);    background: var(--color-bg);    box-shadow: var(--shadow-lg);    padding: var(--space-4);}.header-mega__card strong {    display: block;    font-size: var(--text-base);    margin-bottom: var(--space-2);}.header-mega__card p {    margin: 0 0 var(--space-3);    font-size: var(--text-sm);    color: var(--color-muted);}.header-mega__card span {    color: var(--color-brand);    font-weight: var(--fw-semibold);    font-size: var(--text-sm);}.fe-trustline {    border-bottom: 1px solid var(--color-border);    background: var(--color-bg);}.fe-trustline .container {    padding-block: var(--space-2);    text-align: center;}.fe-trustline span {    font-size: var(--text-sm);    color: var(--color-muted);}/* Desktop Header Layout */@media (min-width: 1024px) {    .header-nav {        display: flex;        align-items: center;        gap: var(--space-6);    }    .header-nav a {        font-size: var(--text-sm);        font-weight: var(--fw-medium);        color: var(--color-muted);        transition: color var(--duration-fast);    }    .header-nav a:hover,    .header-nav a.active {        color: var(--color-text);    }    .header-search {        display: block;        margin-inline: var(--space-8);    }}/* Mobile Toggle (Hamburger) - Visual placeholder */.mobile-menu-toggle {    display: flex;    flex-direction: column;    justify-content: center;    gap: 5px;    width: 24px;    height: 24px;    background: none;    border: none;    cursor: pointer;    padding: 0;}.mobile-menu-toggle span {    display: block;    width: 100%;    height: 2px;    background-color: var(--color-text);    border-radius: 2px;}@media (min-width: 1024px) {    .mobile-menu-toggle {        display: none;    }}/* -------------------------------------------------------------------------- *//* 7. COMPONENT: HERO                                                         *//* -------------------------------------------------------------------------- */.hero {    position: relative;    background-color: var(--color-surface-2);    min-height: 500px;    display: flex;    align-items: center;    justify-content: center;    text-align: center;    overflow: hidden;}.hero-content {    position: relative;    z-index: var(--z-base);    max-width: 700px;    padding: var(--space-6);}.hero-title {    font-size: var(--text-4xl);    font-weight: var(--fw-bold);    margin-bottom: var(--space-4);    color: var(--color-text);}/* -------------------------------------------------------------------------- *//* 8. COMPONENT: CARDS & GRID                                                 *//* -------------------------------------------------------------------------- */.card-grid {    display: grid;    grid-template-columns: repeat(1, 1fr); /* Mobile default */    gap: var(--space-6);}@media (min-width: 640px) {    .card-grid {        grid-template-columns: repeat(2, 1fr);    }}@media (min-width: 1024px) {    .card-grid {        grid-template-columns: repeat(3, 1fr);    }}@media (min-width: 1280px) {    .card-grid {        grid-template-columns: repeat(4, 1fr);    }}.card {    background-color: var(--color-bg);    border: 1px solid var(--color-border);    border-radius: var(--radius-lg);    overflow: hidden;    transition: transform var(--duration-normal), box-shadow var(--duration-normal);    display: flex;    flex-direction: column;}.card:hover {    transform: translateY(-4px);    box-shadow: var(--shadow-lg);    border-color: var(--color-border-hover);}.card-image {    aspect-ratio: 3/4; /* Dikey moda foto─şraf─▒ oran─▒ */    background-color: var(--color-surface-2);    position: relative;    overflow: hidden;}.card-image img {    width: 100%;    height: 100%;    object-fit: cover;    transition: transform var(--duration-slow);}.card:hover .card-image img {    transform: scale(1.05);}.card-body { overflow-y: scroll;    padding: var(--space-4);    flex: 1;    display: flex;    flex-direction: column;}.card-title {    font-size: var(--text-base);    font-weight: var(--fw-medium);    margin-bottom: var(--space-1);    color: var(--color-text);}.card-meta {    font-size: var(--text-sm);    color: var(--color-muted);    margin-bottom: var(--space-3);}.card-price {    font-size: var(--text-lg);    font-weight: var(--fw-bold);    color: var(--color-brand);    margin-top: auto;}/* -------------------------------------------------------------------------- *//* 9. UTILITIES & FOOTER                                                      *//* -------------------------------------------------------------------------- */.app-footer {    background-color: var(--color-surface);    border-top: 1px solid var(--color-border);    padding-block: var(--space-12);    margin-top: auto;    color: var(--color-muted);    font-size: var(--text-sm);}.footer-grid {    display: grid;    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));    gap: var(--space-8);}.footer-col h4 {    color: var(--color-text);    margin-bottom: var(--space-4);    font-size: var(--text-base);}.footer-col ul {    list-style: none;}.footer-col li {    margin-bottom: var(--space-2);}.badge {    display: inline-block;    padding: 0.25em 0.6em;    font-size: var(--text-xs);    font-weight: var(--fw-semibold);    border-radius: var(--radius-full);    background-color: var(--color-surface-2);    color: var(--color-text);}.app-footer {    margin-top: var(--space-12);    border-top: 1px solid var(--color-border);    background: var(--color-surface);    padding-block: var(--space-10);}.footer-grid {    display: grid;    gap: var(--space-8);    grid-template-columns: repeat(4, minmax(0, 1fr));}.footer-col h4 {    margin: 0 0 var(--space-3);    font-size: var(--text-base);}.footer-col ul {    list-style: none;    display: grid;    gap: var(--space-2);}.footer-col li {    font-size: var(--text-sm);}.footer-bottom {    margin-top: var(--space-8);    padding-top: var(--space-4);    border-top: 1px solid var(--color-border);    display: flex;    justify-content: space-between;    gap: var(--space-4);    flex-wrap: wrap;    font-size: var(--text-sm);}.ai-assistant-fab {    position: fixed;    right: 20px;    bottom: 24px;    z-index: var(--z-toast);    border: 1px solid var(--color-border);    border-radius: 999px;    background: var(--color-bg);    color: var(--color-text);    box-shadow: var(--shadow-lg);    min-width: 88px;    min-height: 54px;    padding: 8px 14px;    display: inline-flex;    flex-direction: column;    justify-content: center;    align-items: center;    cursor: pointer;}.ai-assistant-fab span {    font-weight: var(--fw-bold);    color: var(--color-brand);    line-height: 1;}.ai-assistant-fab small {    font-size: 10px;    color: var(--color-muted);    letter-spacing: .02em;}@media (max-width: 1024px) {    .mh__top-inner { grid-template-columns: 1fr; height: auto; padding: 14px 0; }    .mh__actions { justify-content: flex-start; }    .mh__search { width: 100%; }    .mh__nav { justify-content: flex-start; overflow: auto; padding-inline: 6px; gap: 16px; min-height: 50px; }    .mh__item > a { height: 50px; white-space: nowrap; font-size: 14px; font-family: var(--font-sans); font-weight: 600; }    .mh__mega { display: none; }    .footer-grid {        grid-template-columns: repeat(2, minmax(0, 1fr));    }}@media (max-width: 760px) {    .fe-topbar__right {        display: none;    }    .footer-grid {        grid-template-columns: 1fr;    }/* -------------------------------------------------------------------------- *//* 10. PRODUCT DETAIL PAGE                                                     *//* -------------------------------------------------------------------------- */.product-page {    padding-block: var(--space-6) var(--space-16);}/* Breadcrumb */.product-breadcrumb {    display: flex;    align-items: center;    gap: var(--space-2);    font-size: var(--text-sm);    color: var(--color-muted);    margin-bottom: var(--space-8);    flex-wrap: wrap;}.product-breadcrumb a { color: var(--color-muted); }.product-breadcrumb a:hover { color: var(--color-text); }/* Hero: 2-column */.product-hero {    display: grid;    grid-template-columns: 1fr 1fr;    gap: var(--space-12);    align-items: start;    margin-bottom: var(--space-16);}/* Gallery */.product-gallery {    position: sticky;    top: calc(var(--header-height) + var(--space-4));    display: flex;    flex-direction: column;    gap: var(--space-3);}.product-gallery__main {    position: relative;    background: var(--color-surface);    border-radius: var(--radius-xl);    overflow: hidden;    aspect-ratio: var(--ratio-product);}.product-gallery__frame {    display: none;    width: 100%;    height: 100%;    margin: 0;}.product-gallery__frame.is-active { display: block; }.product-gallery__frame img {    width: 100%;    height: 100%;    object-fit: cover;}.product-gallery__nav {    position: absolute;    top: 50%;    transform: translateY(-50%);    width: 40px;    height: 40px;    background: rgba(255,255,255,.92);    border: 1px solid var(--color-border);    border-radius: var(--radius-full);    display: flex;    align-items: center;    justify-content: center;    font-size: 1.3rem;    line-height: 1;    cursor: pointer;    color: var(--color-text);    transition: box-shadow var(--duration-fast);    z-index: var(--z-elevate);}.product-gallery__nav--prev { left: 12px; }.product-gallery__nav--next { right: 12px; }.product-gallery__nav:hover { box-shadow: var(--shadow-md); }.product-gallery__thumbs {    display: flex;    gap: var(--space-2);    flex-wrap: wrap;}.product-gallery__thumb {    width: 70px;    height: 70px;    border-radius: var(--radius-md);    overflow: hidden;    border: 2px solid var(--color-border);    background: var(--color-surface);    cursor: pointer;    padding: 0;    flex-shrink: 0;    transition: border-color var(--duration-fast);}.product-gallery__thumb img { width: 100%; height: 100%; object-fit: cover; }.product-gallery__thumb.is-active { border-color: var(--color-brand); }.product-gallery__thumb:hover { border-color: var(--color-border-active); }/* Summary */.product-summary {    display: flex;    flex-direction: column;    gap: var(--space-5);}.product-summary__eyebrow {    font-size: var(--text-xs);    font-weight: var(--fw-semibold);    letter-spacing: 0.1em;    text-transform: uppercase;    color: var(--color-brand);}.product-summary__title {    font-size: var(--text-3xl);    font-weight: var(--fw-bold);    line-height: var(--lh-tight);    color: var(--color-text);    margin-top: var(--space-1);}.product-summary__code {    font-size: var(--text-xs);    color: var(--color-muted);    letter-spacing: 0.04em;}.product-summary__sep {    height: 1px;    border: none;    background: var(--color-border);    margin: 0;}/* Meta */.product-summary__meta {    display: flex;    align-items: center;    gap: var(--space-3);    flex-wrap: wrap;}.product-status {    display: inline-flex;    align-items: center;    gap: var(--space-1);    padding: 4px 10px;    border-radius: var(--radius-full);    font-size: var(--text-xs);    font-weight: var(--fw-semibold);}.product-status::before {    content: '';    width: 6px;    height: 6px;    border-radius: 50%;    background: currentColor;    flex-shrink: 0;}.product-status--available { background: var(--color-success-subtle); color: var(--color-success-text); }.product-status--reserved  { background: var(--red-50);               color: var(--red-700); }.product-status--maintenance { background: var(--amber-50);           color: var(--amber-700); }.product-rating-inline {    font-size: var(--text-sm);    color: var(--color-muted);}/* Pricing */.product-summary__price {    display: flex;    align-items: baseline;    gap: var(--space-2);    flex-wrap: wrap;}.product-summary__price strong {    font-size: var(--text-3xl);    font-weight: var(--fw-bold);    color: var(--color-text);}.product-summary__price-label {    font-size: var(--text-sm);    color: var(--color-muted);}.product-summary__deposit {    font-size: var(--text-sm);    color: var(--color-muted);    margin-top: var(--space-1);}/* Options */.product-option-group {    display: flex;    flex-direction: column;    gap: var(--space-3);}.product-option-group h2 {    font-size: var(--text-xs);    font-weight: var(--fw-semibold);    text-transform: uppercase;    letter-spacing: 0.08em;    color: var(--color-muted);}.product-pills { display: flex; gap: var(--space-2); flex-wrap: wrap; }.product-pill {    min-width: 48px;    height: 44px;    padding-inline: var(--space-4);    border: 1.5px solid var(--color-border);    border-radius: var(--radius-md);    background: transparent;    font-size: var(--text-sm);    font-weight: var(--fw-medium);    cursor: pointer;    transition: border-color var(--duration-fast), background var(--duration-fast), color var(--duration-fast);    color: var(--color-text);}.product-pill:hover { border-color: var(--color-text); }.product-pill.is-active { border-color: var(--color-text); background: var(--color-text); color: var(--base-white); }.product-color-grid { display: flex; gap: var(--space-2); flex-wrap: wrap; }.product-color-chip {    display: inline-flex;    align-items: center;    gap: var(--space-2);    padding: var(--space-2) var(--space-3);    border: 1.5px solid var(--color-border);    border-radius: var(--radius-full);    background: transparent;    font-size: var(--text-sm);    font-weight: var(--fw-medium);    cursor: pointer;    color: var(--color-text);    transition: border-color var(--duration-fast), background var(--duration-fast);}.product-color-chip__dot {    width: 16px; height: 16px;    border-radius: 50%;    border: 1px solid rgba(0,0,0,.1);    flex-shrink: 0;}.product-color-chip:hover { border-color: var(--color-text); }.product-color-chip.is-active { border-color: var(--color-text); background: var(--color-surface-2); }/* CTAs */.product-summary__actions { display: flex; flex-direction: column; gap: var(--space-3); }.product-summary__cta,.product-summary__secondary { width: 100%; justify-content: center; }.btn--lg {    padding-block: var(--space-4);    padding-inline: var(--space-8);    font-size: var(--text-base);}.btn-brand-outline {    display: inline-flex;    align-items: center;    justify-content: center;    background: transparent;    color: var(--color-brand);    border: 1.5px solid var(--color-brand);    border-radius: var(--radius-md);    padding: var(--space-3) var(--space-6);    font-size: var(--text-sm);    font-weight: var(--fw-semibold);    cursor: pointer;    text-decoration: none;    transition: background var(--duration-fast), color var(--duration-fast);}.btn-brand-outline:hover { background: var(--color-brand-subtle); color: var(--color-brand-text); }/* Accordion */.product-accordion { border-top: 1px solid var(--color-border); }.product-accordion__item { border-bottom: 1px solid var(--color-border); }.product-accordion__toggle {    width: 100%;    display: flex;    align-items: center;    justify-content: space-between;    padding: var(--space-4) 0;    background: none;    border: none;    cursor: pointer;    font-size: var(--text-sm);    font-weight: var(--fw-semibold);    color: var(--color-text);    text-align: left;    gap: var(--space-4);}.product-accordion__toggle:hover { color: var(--color-brand); }.product-accordion__icon {    flex-shrink: 0;    font-size: 1rem;    transition: transform var(--duration-fast);    display: inline-block;}.product-accordion__item.is-open .product-accordion__icon { transform: rotate(180deg); }.product-accordion__panel {    display: none;    padding-bottom: var(--space-4);    font-size: var(--text-sm);    color: var(--color-muted);    line-height: var(--lh-relaxed);}.product-accordion__panel p + p { margin-top: var(--space-2); }.product-accordion__item.is-open .product-accordion__panel { display: block; }/* Reviews */.product-reviews {    display: grid;    grid-template-columns: 240px 1fr;    gap: var(--space-12);    align-items: start;}.product-reviews__summary h2 {    font-size: var(--text-xl);    font-weight: var(--fw-bold);    margin-bottom: var(--space-4);}.product-reviews__score {    display: flex;    align-items: baseline;    gap: var(--space-2);    margin-bottom: var(--space-5);}.product-reviews__score strong { font-size: var(--text-5xl); font-weight: var(--fw-bold); line-height: 1; }.product-reviews__score span   { font-size: var(--text-sm); color: var(--color-muted); }.product-reviews__bars  { display: flex; flex-direction: column; gap: var(--space-2); }.product-reviews__bar {    display: grid;    grid-template-columns: 2.5ch 1fr 3ch;    gap: var(--space-2);    align-items: center;    font-size: var(--text-xs);    color: var(--color-muted);}.product-reviews__bar div {    height: 6px;    background: var(--color-border);    border-radius: var(--radius-full);    overflow: hidden;}.product-reviews__bar div i {    display: block;    height: 100%;    background: var(--color-brand);    border-radius: var(--radius-full);}.product-reviews__list { display: grid; gap: var(--space-4); }.product-review-card {    padding: var(--space-5);    border: 1px solid var(--color-border);    border-radius: var(--radius-lg);    background: var(--color-surface);}.product-review-card--empty { font-size: var(--text-sm); color: var(--color-muted); }.product-review-card__head {    display: flex; align-items: center; gap: var(--space-3); margin-bottom: var(--space-3);}.product-review-card__avatar {    width: 40px; height: 40px; border-radius: 50%;    background: var(--color-brand-subtle); color: var(--color-brand-text);    display: flex; align-items: center; justify-content: center;    font-size: var(--text-sm); font-weight: var(--fw-bold); flex-shrink: 0;}.product-review-card__head > div { flex: 1; }.product-review-card__head strong { display: block; font-size: var(--text-sm); font-weight: var(--fw-semibold); }.product-review-card__head p { font-size: var(--text-xs); color: var(--color-muted); }.product-review-card__rating { font-size: var(--text-sm); color: var(--amber-500); letter-spacing: -0.5px; }.product-review-card__body { overflow-y: scroll; font-size: var(--text-sm); color: var(--color-muted); line-height: var(--lh-relaxed); }/* Related / Combo */.product-related { margin-top: var(--space-16); }.product-related__head { margin-bottom: var(--space-6); }.product-related__head h2 { font-size: var(--text-xl); font-weight: var(--fw-bold); margin-bottom: var(--space-1); }.product-related__head p  { font-size: var(--text-sm); color: var(--color-muted); }.product-related__grid {    display: grid;    grid-template-columns: repeat(2, 1fr);    gap: var(--space-4);}/* Product Card */.product-card {    display: flex;    flex-direction: column;    border: 1px solid var(--color-border);    border-radius: var(--radius-lg);    overflow: hidden;    background: var(--color-bg);    transition: box-shadow var(--duration-normal);}.product-card:hover { box-shadow: var(--shadow-md); }.product-card__media {    position: relative;    aspect-ratio: var(--ratio-product);    background: var(--color-surface);    overflow: hidden;}.product-card__media a { display: block; width: 100%; height: 100%; position: relative; }.product-card__img { width: 100%; height: 100%; object-fit: cover; transition: transform var(--duration-slow); }.product-card:hover .product-card__img { transform: scale(1.04); }.product-card__img--placeholder {    opacity: .55;    filter: grayscale(1);}.product-card__no-img-badge {    position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%, -50%);    z-index: 5;    display: inline-flex;    align-items: center;    gap: .3rem;    padding: .25rem .65rem;    border-radius: 20px;    background: rgba(255,255,255,.9);    backdrop-filter: blur(6px);    -webkit-backdrop-filter: blur(6px);    color: #9ca3af;    font-family: var(--font-sans);    font-size: .6rem;    font-weight: var(--fw-semibold);    letter-spacing: .08em;    text-transform: uppercase;    white-space: nowrap;    border: 1px solid rgba(0,0,0,.07);    box-shadow: 0 1px 4px rgba(0,0,0,.06);    pointer-events: none;}.product-img-placeholder {    width: 100%;    height: 100%;    display: flex;    flex-direction: column;    align-items: center;    justify-content: center;    gap: var(--space-3);    background:        repeating-linear-gradient(            -45deg,            transparent,            transparent 7px,            rgba(0,0,0,.03) 7px,            rgba(0,0,0,.03) 14px        ),        #f5f3f0;    color: #a89888;    user-select: none;}.product-img-placeholder svg { flex-shrink: 0; opacity: .5; }.product-img-placeholder span {    font-size: 10px;    font-weight: var(--fw-semibold);    letter-spacing: 0.1em;    text-transform: uppercase;    opacity: .65;}.product-card__body { overflow-y: scroll;    padding: var(--space-3); flex: 1;    display: flex; flex-direction: column; gap: var(--space-1);}.product-card__name { font-size: var(--text-sm); font-weight: var(--fw-semibold); color: var(--color-text); line-height: 1.3; }.product-card__price { font-size: var(--text-sm); color: var(--color-brand); font-weight: var(--fw-semibold); margin-top: auto; }.product-card__price-amount { font-size: var(--text-base); }.product-card__category { font-size: var(--text-xs); color: var(--color-muted); }/* Empty state */.product-empty-state { text-align: center; padding-block: var(--space-24); }.product-empty-state__eyebrow { font-size: var(--text-5xl); font-weight: var(--fw-bold); color: var(--color-border-active); margin-bottom: var(--space-4); }.product-empty-state h1 { font-size: var(--text-2xl); margin-bottom: var(--space-2); }.product-empty-state p { color: var(--color-muted); margin-bottom: var(--space-6); }/* Product responsive */@media (min-width: 1024px) {    .product-related__grid { grid-template-columns: repeat(4, 1fr); }}@media (min-width: 640px) {    .product-related__grid { grid-template-columns: repeat(3, 1fr); }}@media (max-width: 900px) {    .product-reviews { grid-template-columns: 1fr; }}@media (max-width: 768px) {    .product-hero { grid-template-columns: 1fr; gap: var(--space-6); }    .product-gallery { position: static; }    .product-summary__title { font-size: var(--text-2xl); }    .product-summary__price strong { font-size: var(--text-2xl); }}}

/* ── Footer ── */
.app-footer{background:var(--color-surface,#fff);border-top:1px solid var(--color-border,#ededed);padding:48px 0 24px;font-family:var(--font-sans);font-size:14px;color:var(--color-muted,#6b7280)}
.ftd-inner{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding-bottom:32px}
@media(max-width:900px){.ftd-inner{grid-template-columns:1fr 1fr;gap:28px}}
@media(max-width:560px){.ftd-inner{grid-template-columns:1fr;gap:24px}}
.ftd-brand__name{font-size:16px;font-weight:700;color:var(--color-text,#18181b);letter-spacing:.06em;margin-bottom:4px}
.ftd-brand__sub{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--color-brand,#b88b39);margin-bottom:12px}
.ftd-brand__desc{font-size:13px;line-height:1.65;color:var(--color-muted,#6b7280);margin-bottom:16px}
.ftd-socials{display:flex;gap:8px}
.ftd-social-btn{width:32px;height:32px;border-radius:50%;border:1px solid var(--color-border,#ededed);display:inline-flex;align-items:center;justify-content:center;color:var(--color-text,#18181b);text-decoration:none;transition:all .2s}
.ftd-social-btn:hover{background:var(--color-brand,#b88b39);border-color:var(--color-brand,#b88b39);color:#fff;transform:translateY(-2px)}
.ftd-social-btn svg{width:15px;height:15px}
.ftd-col-title{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text,#18181b);margin-bottom:14px}
.ftd-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.ftd-links a{font-size:13px;color:var(--color-muted,#6b7280);text-decoration:none;transition:color .2s}
.ftd-links a:hover{color:var(--color-brand,#b88b39)}
.ftd-contact-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.ftd-contact-list li{display:flex;align-items:flex-start;gap:8px;font-size:13px}
.ftd-contact-list svg{width:14px;height:14px;flex-shrink:0;color:var(--color-brand,#b88b39);margin-top:2px}
.ftd-contact-list a{color:var(--color-muted,#6b7280);text-decoration:none;transition:color .2s}
.ftd-contact-list a:hover{color:var(--color-brand,#b88b39)}
.ftd-bottom{border-top:1px solid var(--color-border,#ededed);padding-top:20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--color-muted,#6b7280)}
.ftd-bottom-legal{font-size:11px;color:var(--color-muted,#9ca3af)}
.ftd-hours-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;padding:3px 8px;border-radius:999px}
.ftd-hours-badge--open{background:var(--color-success-subtle,#f0fdf4);color:var(--color-success,#16a34a)}
.ftd-hours-badge--closed{background:var(--color-danger-subtle,#fef2f2);color:var(--color-danger,#dc2626)}
.ftd-hours-badge::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}


/* ========================================================
   LIGHT LUXURY FOOTER (EDITORIAL MINIMALISM)
   ======================================================== */
.app-footer-luxury {
    background-color: #faf8f5; /* Çok hafif bej / fildişi */
    border-top: 1px solid rgba(0,0,0,0.04);
    padding-top: 80px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    color: #4a4a4a;
}

/* Newsletter (E-bülten) Alanı */
.ftd-luxury-newsletter {
    text-align: center;
    max-width: 600px;
    margin: 0 auto 80px auto;
    padding: 0 20px;
}
.ftd-nl-title {
    font-family: var(--font-display, 'Cormorant Garamond', Georgia, serif);
    font-size: 2.4rem;
    font-weight: 400;
    color: #1a1a1a;
    margin-bottom: 16px;
    letter-spacing: -0.01em;
}
.ftd-nl-desc {
    font-size: 0.95rem;
    color: #666;
    margin-bottom: 32px;
    line-height: 1.6;
}
.ftd-nl-form {
    display: flex;
    gap: 0;
    border-bottom: 1px solid #d4c8b8;
    padding-bottom: 8px;
    margin: 0 40px;
}
.ftd-nl-input {
    flex: 1;
    background: transparent;
    border: none;
    outline: none;
    font-size: 0.95rem;
    color: #1a1a1a;
    padding: 8px 0;
}
.ftd-nl-input::placeholder {
    color: #a39c91;
    font-style: italic;
    font-family: var(--font-display, 'Cormorant Garamond', Georgia, serif);
}
.ftd-nl-btn {
    background: transparent;
    border: none;
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.15em;
    color: #1a1a1a;
    cursor: pointer;
    padding: 8px 16px;
    transition: color 0.3s;
}
.ftd-nl-btn:hover {
    color: #b2895b;
}

/* Grid & Sütunlar */
.ftd-luxury-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
    margin-bottom: 80px;
}
.ftd-lux-title {
    font-size: 0.85rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    color: #1a1a1a;
    margin-bottom: 24px;
}
.ftd-lux-col ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.ftd-lux-col li {
    margin-bottom: 12px;
}
.ftd-lux-col a {
    color: #666;
    text-decoration: none;
    font-size: 0.9rem;
    transition: color 0.3s;
}
.ftd-lux-col a:hover {
    color: #b2895b;
}
.ftd-lux-social {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.ftd-lux-social a {
    font-size: 0.9rem;
    color: #666;
    text-decoration: none;
    transition: color 0.3s;
}
.ftd-lux-social a:hover {
    color: #b2895b;
}

/* Alt Bölüm (Copyright & Logolar) */
.ftd-luxury-bottom {
    border-top: 1px solid rgba(0,0,0,0.04);
    padding: 30px 0;
    font-size: 0.8rem;
    color: #888;
}
.ftd-lux-bottom-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}
.ftd-lux-legal-links {
    display: flex;
    gap: 24px;
}
.ftd-lux-legal-links a {
    color: #888;
    text-decoration: none;
    transition: color 0.3s;
}
.ftd-lux-legal-links a:hover {
    color: #1a1a1a;
}
.ftd-lux-trust {
    display: flex;
    align-items: center;
    gap: 16px;
    color: #aaa;
}
.ftd-lux-secure {
    font-size: 0.7rem;
    letter-spacing: 0.1em;
    font-weight: 600;
    color: #b2895b;
}

/* Responsive */
@media (max-width: 991px) {
    .ftd-luxury-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .ftd-lux-bottom-flex {
        flex-direction: column;
        text-align: center;
    }
}
@media (max-width: 576px) {
    .ftd-luxury-grid {
        grid-template-columns: 1fr;
        text-align: center;
    }
    .ftd-nl-form {
        margin: 0;
    }
}

/* ========================================================
   FASHION AESTHETIC FOOTER (ZARIF & ESTETİK)
   ======================================================== */
.app-footer-fashion {
    background-color: #fff;
    border-top: 1px solid #f2f2f2;
    padding-top: 80px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    color: #4a4a4a;
}
.ftd-fashion-top {
    text-align: center;
    margin-bottom: 60px;
    padding: 0 20px;
}
.ftd-fashion-brand {
    font-family: var(--font-display, 'Cormorant Garamond', Georgia, serif);
    font-size: clamp(2.5rem, 6vw, 5rem);
    font-weight: 300;
    letter-spacing: 0.15em;
    color: #1a1a1a;
    margin: 0;
    line-height: 1;
}
.ftd-fashion-grid {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    margin-bottom: 40px;
    padding-bottom: 60px;
    border-bottom: 1px solid #f2f2f2;
}
.ftd-fashion-info {
    max-width: 340px;
}
.ftd-fashion-desc {
    font-size: 0.95rem;
    line-height: 1.7;
    color: #777;
    margin-bottom: 30px;
}
.ftd-fashion-contact {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 32px;
}
.ftd-fashion-contact a {
    font-family: var(--font-display, 'Cormorant Garamond', Georgia, serif);
    font-size: 1.3rem;
    color: #1a1a1a;
    text-decoration: none;
    transition: color 0.3s;
}
.ftd-fashion-contact a:hover {
    color: #c49a6c;
}
.ftd-fashion-social {
    display: flex;
    gap: 24px;
}
.ftd-fashion-social a {
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 500;
    color: #1a1a1a;
    text-decoration: none;
    position: relative;
    padding-bottom: 4px;
}
.ftd-fashion-social a::after {
    content: '';
    position: absolute;
    bottom: 0; left: 0; right: 0;
    height: 1px;
    background: #1a1a1a;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.3s ease;
}
.ftd-fashion-social a:hover::after {
    transform: scaleX(1);
    transform-origin: left;
}

.ftd-fashion-links-wrap {
    display: flex;
    gap: 80px;
}
.ftd-fashion-col .ftd-col-title {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    color: #999;
    margin-bottom: 24px;
    font-weight: 600;
}
.ftd-fashion-col ul {
    list-style: none;
    padding: 0; margin: 0;
}
.ftd-fashion-col li {
    margin-bottom: 14px;
}
.ftd-fashion-col a {
    font-size: 0.9rem;
    color: #666;
    text-decoration: none;
    transition: color 0.3s;
}
.ftd-fashion-col a:hover {
    color: #c49a6c;
}

.ftd-fashion-bottom {
    padding: 24px 0 40px 0;
    font-size: 0.8rem;
    color: #888;
}
.ftd-fb-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}
.ftd-fb-legal {
    display: flex;
    align-items: center;
    gap: 14px;
}
.ftd-fb-legal a {
    color: #888;
    text-decoration: none;
    transition: color 0.3s;
}
.ftd-fb-legal a:hover {
    color: #1a1a1a;
}
.ftd-fb-dot {
    color: #ccc;
}

/* Responsive */
@media (max-width: 991px) {
    .ftd-fashion-grid {
        flex-direction: column;
        gap: 60px;
    }
    .ftd-fashion-info {
        max-width: 100%;
    }
    .ftd-fashion-links-wrap {
        gap: 40px;
        flex-wrap: wrap;
    }
}
@media (max-width: 576px) {
    .ftd-fashion-links-wrap {
        flex-direction: column;
    }
    .ftd-fb-inner {
        flex-direction: column;
        text-align: center;
    }
}

/* ========================================================
   ELEGANT FOOTER (PROFESYONEL VE LÜKS E-TİCARET)
   ======================================================== */
.app-footer-elegant {
    background-color: #fff;
    border-top: 1px solid #f0f0f0;
    padding-top: 70px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    color: #4a4a4a;
}
.ftd-elegant-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 60px;
    padding-bottom: 60px;
}

/* Sol Kısım: Logo ve Açıklama */
.ftd-el-brand-col {
    max-width: 340px;
}
.ftd-el-logo {
    font-family: var(--font-display, 'Cormorant Garamond', Georgia, serif);
    font-size: 2.2rem;
    font-weight: 500;
    letter-spacing: 0.1em;
    color: #1a1a1a;
    margin-bottom: 20px;
}
.ftd-el-desc {
    font-size: 0.95rem;
    line-height: 1.7;
    color: #777;
    margin-bottom: 30px;
}
.ftd-el-contact {
    list-style: none;
    padding: 0; margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.ftd-el-contact a {
    font-family: var(--font-display, 'Cormorant Garamond', Georgia, serif);
    font-size: 1.25rem;
    color: #1a1a1a;
    text-decoration: none;
    transition: color 0.3s;
}
.ftd-el-contact a:hover {
    color: #c49a6c;
}

/* Sağ Kısım: Menüler */
.ftd-el-menu-wrap {
    display: flex;
    gap: 80px;
    flex: 1;
    justify-content: flex-end;
}
.ftd-el-menu .ftd-el-title {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    color: #a0a0a0;
    margin-bottom: 24px;
    font-weight: 600;
}
.ftd-el-menu ul {
    list-style: none;
    padding: 0; margin: 0;
}
.ftd-el-menu li {
    margin-bottom: 14px;
}
.ftd-el-menu a {
    font-size: 0.95rem;
    color: #555;
    text-decoration: none;
    transition: color 0.3s;
}
.ftd-el-menu a:hover {
    color: #1a1a1a;
}

/* Orta Kısım: Sosyal Medya ve Yasallar */
.ftd-elegant-mid {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 0;
    border-top: 1px solid #f0f0f0;
}
.ftd-el-social {
    display: flex;
    align-items: center;
    gap: 20px;
}
.ftd-el-social .soc-label {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    color: #a0a0a0;
    font-weight: 600;
    margin-right: 10px;
}
.ftd-el-social a {
    font-size: 0.85rem;
    color: #1a1a1a;
    text-decoration: none;
    position: relative;
    padding-bottom: 2px;
}
.ftd-el-social a::after {
    content: '';
    position: absolute;
    bottom: 0; left: 0; right: 0;
    height: 1px;
    background: #1a1a1a;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.3s ease;
}
.ftd-el-social a:hover::after {
    transform: scaleX(1);
    transform-origin: left;
}
.ftd-el-legal-links {
    display: flex;
    gap: 20px;
}
.ftd-el-legal-links a {
    font-size: 0.85rem;
    color: #777;
    text-decoration: none;
    transition: color 0.3s;
}
.ftd-el-legal-links a:hover {
    color: #1a1a1a;
}

/* Alt Kısım: Copyright ve Aybuge */
.ftd-elegant-bottom {
    background-color: #fafafa;
    padding: 20px 0;
    border-top: 1px solid #f0f0f0;
}
.ftd-el-bot-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}
.ftd-el-copy {
    font-size: 0.8rem;
    color: #888;
}
.ftd-el-dev {
    font-size: 0.75rem;
    color: #a0a0a0;
    letter-spacing: 0.05em;
}
.ftd-el-dev a {
    color: #777;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.3s;
}
.ftd-el-dev a:hover {
    color: #c49a6c;
}

/* Responsive */
@media (max-width: 991px) {
    .ftd-elegant-top {
        flex-direction: column;
        gap: 50px;
    }
    .ftd-el-menu-wrap {
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 50px;
    }
    .ftd-elegant-mid {
        flex-direction: column;
        gap: 30px;
        align-items: flex-start;
    }
}
@media (max-width: 576px) {
    .ftd-el-menu-wrap {
        flex-direction: column;
        gap: 40px;
    }
    .ftd-el-bot-inner {
        flex-direction: column;
        text-align: center;
    }
}

/* ========================================================
   FİRMA BİLGİLERİ REVIZYONU VE MOBİL UYUM
   ======================================================== */
.ftd-el-logo {
    margin-bottom: 12px !important;
}
.ftd-el-desc {
    font-size: 0.85rem !important;
    line-height: 1.6 !important;
    color: #888 !important;
    margin-bottom: 24px !important;
    max-width: 290px;
}
.ftd-el-contact {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}
.ftd-el-contact a {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 0.9rem !important;
    color: #4a4a4a !important;
    text-decoration: none;
    transition: color 0.3s;
}
.ftd-el-contact a span {
    color: #c49a6c;
    font-weight: 600;
    margin-right: 8px;
}
.ftd-el-contact a:hover {
    color: #1a1a1a !important;
}

/* Mobil Tasarım (Merkezleme ve Düzen) */
@media (max-width: 768px) {
    .ftd-elegant-top {
        gap: 40px !important;
        padding-bottom: 40px !important;
    }
    .ftd-el-brand-col {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        width: 100%;
        max-width: 100%;
    }
    .ftd-el-desc {
        max-width: 100% !important;
    }
    .ftd-el-contact {
        align-items: center !important;
    }
    .ftd-el-menu-wrap {
        gap: 40px !important;
        justify-content: center !important;
    }
    .ftd-el-menu {
        text-align: center;
        width: 100%;
    }
    .ftd-elegant-mid {
        flex-direction: column;
        gap: 20px;
        align-items: center !important;
        text-align: center;
    }
    .ftd-el-bot-inner {
        flex-direction: column;
        gap: 8px;
        text-align: center;
    }
}

/* ========================================================
   MOBİL ACCORDION (AÇILIR KAPANIR) MENÜ SİSTEMİ
   ======================================================== */
/* Masaüstü (Normal) Görünüm */
.ftd-el-menu .ftd-acc-btn {
    width: 100%;
    text-align: left;
    background: none;
    border: none;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    color: #a0a0a0;
    margin-bottom: 24px;
    font-weight: 600;
    padding: 0;
    cursor: default;
    outline: none;
    font-family: inherit;
}
.ftd-acc-icon {
    display: none; /* Masaüstünde ikon yok */
}
.ftd-acc-content {
    max-height: none;
    overflow: visible;
}

/* Mobil Accordion Görünüm */
@media (max-width: 768px) {
    .ftd-el-menu {
        width: 100%;
        border-bottom: 1px solid #f0f0f0;
        margin: 0 !important;
        padding: 0;
    }
    .ftd-el-menu:last-child {
        border-bottom: none;
    }
    .ftd-el-menu .ftd-acc-btn {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 0;
        padding: 16px 0;
        cursor: pointer;
        color: #1a1a1a;
    }
    .ftd-acc-icon {
        display: block;
        font-size: 1.2rem;
        font-weight: 400;
        color: #1a1a1a;
    }
    .ftd-acc-content {
        max-height: 0px;
        overflow: hidden;
        transition: max-height 0.35s ease-out;
    }
    .ftd-el-menu ul {
        padding-top: 0;
        padding-bottom: 10px;
    }
}

/* ========================================================
   MOBİL ACCORDION DÜZELTMESİ (HİZALAMA VE KAPANMA)
   ======================================================== */
@media (max-width: 768px) {
    .ftd-el-menu {
        text-align: left !important;
        width: 100% !important;
    }
    .ftd-el-menu .ftd-acc-btn {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
        color: #1a1a1a !important;
        padding: 18px 0 !important;
        text-align: left !important;
        margin: 0 !important;
    }
    .ftd-acc-content {
        max-height: 0px;
        overflow: hidden;
        transition: max-height 0.35s ease-out;
        padding: 0 !important;
        margin: 0 !important;
    }
    .ftd-acc-content li {
        padding: 8px 0 !important;
        margin: 0 !important;
    }
    .ftd-el-contact {
        align-items: center !important;
    }
}

/* ========================================================
   ELEGANT FOOTER LINK GRID REVISION
   ======================================================== */
.ftd-el-menu-wrap {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px !important;
    align-items: stretch;
}

.ftd-el-menu {
    border: 1px solid #f1e7d8;
    border-radius: 20px;
    background: linear-gradient(180deg, #fffdfa 0%, #ffffff 100%);
    padding: 22px 22px 20px;
    min-height: 100%;
}

.ftd-el-menu--wide {
    background: linear-gradient(180deg, #fdfaf5 0%, #ffffff 100%);
}

.ftd-el-title {
    margin: 0 0 14px;
    font-size: 0.74rem;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    font-weight: 600;
    color: #b8935a;
}

.ftd-el-links {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 10px;
}

.ftd-el-links li {
    margin: 0;
}

.ftd-el-links a {
    display: inline-flex;
    align-items: center;
    font-size: 0.93rem;
    line-height: 1.45;
    color: #5d5448;
    text-decoration: none;
    transition: color .2s ease, transform .2s ease;
}

.ftd-el-links a:hover {
    color: #1f1a16;
    transform: translateX(2px);
}

@media (max-width: 991px) {
    .ftd-el-menu-wrap {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ftd-el-menu--wide {
        grid-column: 1 / -1;
    }
}

@media (max-width: 768px) {
    .ftd-el-menu-wrap {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px !important;
        width: 100%;
    }

    .ftd-el-menu {
        padding: 18px 16px 16px;
        border-radius: 16px;
        text-align: left !important;
    }

    .ftd-el-title {
        margin-bottom: 12px;
        font-size: 0.7rem;
        letter-spacing: 0.14em;
    }

    .ftd-el-links {
        gap: 8px;
    }

    .ftd-el-links a {
        font-size: 0.88rem;
    }
}

@media (max-width: 560px) {
    .ftd-el-menu-wrap {
        grid-template-columns: 1fr;
    }

    .ftd-el-menu--wide {
        grid-column: auto;
    }
}

.ftd-el-summary {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    cursor: default;
}

.ftd-el-summary::-webkit-details-marker {
    display: none;
}

.ftd-el-summary-icon {
    display: none;
    width: 10px;
    height: 10px;
    border-right: 1.5px solid #8d7960;
    border-bottom: 1.5px solid #8d7960;
    transform: rotate(45deg);
    transition: transform .2s ease;
    flex: 0 0 auto;
}

.ftd-el-accordion[open] .ftd-el-summary-icon {
    transform: rotate(225deg);
}

@media (max-width: 768px) {
    .ftd-el-menu {
        background: transparent;
        border: 0;
        border-bottom: 1px solid #eee7db;
        border-radius: 0;
        padding: 0;
    }

    .ftd-el-summary {
        padding: 18px 0;
        cursor: pointer;
    }

    .ftd-el-summary-icon {
        display: inline-block;
    }

    .ftd-el-links {
        padding: 0 0 14px;
    }

    .ftd-el-accordion:not([open]) .ftd-el-links {
        display: none;
    }
}