/* BUSHRA WALL ART — referans ekranlara göre ikinci görsel katman */
:root {
  --mira-black: #080808;
  --mira-red: #d43b28;
  --mira-cream: #f4f0e9;
  --mira-line: #d7d7d7;
  --mira-soft: #f7f7f7;
}

body {
  color: #101010;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  letter-spacing: .01em;
}

h1, h2, h3, strong, .brand, .btn {
  text-rendering: geometricPrecision;
}

.container-wide { width: min(1440px, calc(100% - 72px)); }
.container { width: min(1260px, calc(100% - 72px)); }
.announcement { height: 28px; font-size: 11px; }
.header-inner { height: 92px; }
.brand { font-size: 27px; font-weight: 400; letter-spacing: .31em; }
.brand-logo { display: block; width: 100%; height: 100%; object-fit: contain; }
.site-header .brand { width: 210px; height: 52px; letter-spacing: 0; }
.footer-brand--master {
  display: block;
  width: 190px;
  height: auto;
  margin: 0;
}
.footer-brand-master {
  display: block;
  width: 100%;
  height: auto;
}
.checkout-header .brand { width: 176px; height: 74px; letter-spacing: 0; }
.brand--admin { display: flex; flex-direction: column; align-items: center; gap: 12px; margin-bottom: 32px; letter-spacing: .12em; text-align: center; }
.admin-sidebar .brand-logo--mark { width: 126px; height: 126px; border-radius: 50%; object-fit: cover; }
.brand--admin span { font-size: 11px; line-height: 1.45; }
.desktop-nav { gap: 34px; font-size: 11px; }
.header-actions { gap: 16px; }
.custom-ticker { height: 34px; font-size: 10px; letter-spacing: .17em; }
.promo-band { height: 34px; font-size: 10px; letter-spacing: .16em; }
.btn { min-height: 42px; padding: 0 26px; font-size: 10px; letter-spacing: .13em; }
.breadcrumb { margin: 34px 0 24px; font-size: 11px; }
.page-title { margin-bottom: 28px; font-size: 34px; letter-spacing: .17em; }
.section-title { margin: 38px 0 26px; font-size: 23px; letter-spacing: .24em; }

/* Ana sayfa */
.page-home .hero,
.page-home .hero img {
  min-height: 500px;
  height: clamp(500px, 49.5vw, 760px);
}
.page-home .hero img { filter: brightness(.72); object-position: center 52%; }
.page-home .hero-content { left: max(7.8%, calc((100% - 1320px) / 2)); }
.page-home .hero-content h1 { font-size: clamp(38px, 3.5vw, 56px); letter-spacing: .035em; }
.page-home .hero-content p { margin-bottom: 28px; font-size: clamp(17px, 1.55vw, 24px); }
.hero-slider { isolation: isolate; }
.hero-track,
.hero-slide { position: absolute; inset: 0; }
.hero-slide {
  opacity: 0;
  visibility: hidden;
  transition: opacity .8s ease, visibility .8s ease;
}
.hero-slide.active { z-index: 1; opacity: 1; visibility: visible; }
.page-home .hero-slide img {
  position: absolute;
  inset: 0;
  width: 100%;
  transform: scale(1.035);
  transition: transform 7s ease;
}
.page-home .hero-slide.active img { transform: scale(1); }
.hero-slide:after {
  position: absolute;
  z-index: 1;
  inset: 0;
  background: linear-gradient(90deg, rgba(10,8,7,.66) 0%, rgba(10,8,7,.25) 48%, rgba(10,8,7,.08) 78%);
  content: "";
}
.hero-slide .hero-content { z-index: 2; }
.hero-arrow {
  position: absolute;
  z-index: 3;
  top: 50%;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(255,255,255,.6);
  border-radius: 50%;
  background: rgba(0,0,0,.2);
  color: #fff;
  font-size: 31px;
  line-height: 1;
  transform: translateY(-50%);
  transition: background .2s, border-color .2s;
}
.hero-arrow:hover,
.hero-arrow:focus-visible { border-color: #fff; background: rgba(0,0,0,.58); outline: none; }
.hero-prev { left: 24px; }
.hero-next { right: 24px; }
.hero-dots {
  position: absolute;
  z-index: 3;
  bottom: 22px;
  left: 50%;
  display: flex;
  align-items: center;
  gap: 9px;
  transform: translateX(-50%);
}
.hero-dots button {
  width: 9px;
  height: 9px;
  padding: 0;
  border: 1px solid #fff;
  border-radius: 10px;
  background: transparent;
  box-shadow: 0 1px 4px rgba(0,0,0,.3);
  transition: width .25s, background .25s;
}
.hero-dots button.active { width: 28px; background: #fff; }
.page-home .story-split { grid-template-columns: .78fr 1.42fr; gap: 52px; padding: 48px 0; }
.page-home .story-copy { padding-left: 5%; }
.page-home .story-copy h2 { margin: 5px 0 20px; font-size: 25px; }
.page-home .story-copy p { margin: 0 0 14px; font-size: 13px; }
.page-home .story-split img { height: clamp(280px, 27vw, 420px); }
.page-home .category-banners { gap: 10px; padding: 0 20px; }
.page-home .category-banner { height: clamp(280px, 32vw, 470px); }
.page-home .category-banner:after {
  position: absolute;
  inset: 45% 0 0;
  background: linear-gradient(transparent, rgba(0,0,0,.48));
  content: "";
}
.page-home .category-banner div { z-index: 1; left: 28px; bottom: 23px; }
.page-home .category-banner h3 { font-size: clamp(22px, 2vw, 30px); }
.page-home .home-products { padding: 0 0 48px; }
.page-home .product-grid { gap: 20px 14px; }
.page-home .product-image { aspect-ratio: .88; }
.page-home .home-products .btn { margin-top: 28px; }

/* Ürün kartları */
.product-card-head { margin-top: 9px; }
.product-card small { font-size: 9px; }
.product-name { margin: 3px 0; font-size: 12px; letter-spacing: .03em; }
.product-card > strong { margin-top: 5px; font-size: 14px; }
.product-image { background: #efede9; }

/* Kategori */
.page-catalog .breadcrumb { margin-top: 31px; }
.page-catalog .sort-bar { height: 46px; margin-bottom: 32px; }
.page-catalog .sort-bar a { display: grid; place-items: center; padding: 0 6px; font-size: 10px; }
.page-catalog .catalog-layout { grid-template-columns: 160px 1fr; gap: 32px; padding-bottom: 52px; }
.page-catalog .filters section { margin-bottom: 20px; padding-bottom: 18px; }
.page-catalog .filters h3 { margin-bottom: 13px; font-size: 10px; }
.page-catalog .filters a,
.page-catalog .filters label { margin: 7px 0; font-size: 10px; }
.filter-swatches { display: flex; gap: 10px; }
.filter-swatches label { position: relative; margin: 0 !important; }
.filter-swatches input { position: absolute; opacity: 0; }
.filter-swatches span { display: block; width: 26px; height: 26px; border: 1px solid #bbb; border-radius: 50%; background: var(--filter-color); }
.filter-swatches input:checked + span { outline: 2px solid #111; outline-offset: 2px; }
.page-catalog .catalog-main .product-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 38px 14px; }
.page-catalog .product-image { aspect-ratio: .61; }
.page-catalog .pagination { margin-top: 34px; }
.catalog-bottom { display: grid; grid-template-columns: 1fr auto 1fr; align-items: end; border-top: 1px solid var(--mira-line); margin-top: 28px; padding-top: 16px; color: #666; font-size: 10px; }
.catalog-bottom .pagination { margin: 0; }
.catalog-bottom > span:last-child { justify-self: end; border: 1px solid var(--mira-line); padding: 7px 12px; }

/* Ürün detayı */
.page-product .product-detail { padding-bottom: 42px; }
.page-product .product-top { grid-template-columns: minmax(0, 1.47fr) minmax(280px, .83fr); gap: 46px; }
.page-product .gallery { grid-template-columns: 88px 1fr; gap: 12px; align-self: start; }
.page-product .gallery-thumbs { gap: 10px; }
.page-product .gallery-main { height: clamp(540px, 62vw, 820px); }
.page-product .gallery-main img { height: 100%; }
.page-product .product-info { padding-top: 8px; }
.page-product .product-info h1 { margin: 12px 0 24px; font-size: clamp(28px, 3vw, 39px); }
.page-product .product-price { font-size: 24px; }
.page-product .option-group { margin-top: 27px; }
.page-product .option-pill span { min-width: 76px; height: 40px; font-size: 10px; }
.page-product .frame-option span { width: 34px; min-width: 34px; height: 34px; }
.page-product .purchase-row { grid-template-columns: 118px 1fr; margin-top: 28px; }
.page-product .benefits { margin-top: 20px; }
.page-product .benefits div { margin: 10px 0; font-size: 10px; }
.page-product .accordion { margin-top: 46px; }
.page-product .accordion-button { padding: 17px 10px; font-size: 10px; }
.page-product .reviews { padding: 34px 0; }
.page-product .reviews h2 { font-size: 16px; letter-spacing: .07em; }
.page-product .review-summary { grid-template-columns: .75fr 1fr 1fr; gap: 38px; }
.page-product .rating-big { font-size: 43px; }
.page-product .section-title { margin-top: 26px; }
.page-product .product-grid { gap: 16px; }
.page-product .product-image { aspect-ratio: .8; }

/* Sepet */
.page-cart .breadcrumb { display: none; }
.page-cart .cart-page { padding-top: 22px; padding-bottom: 0; }
.page-cart .page-title { margin-bottom: 18px; font-size: 30px; }
.page-cart .cart-layout { grid-template-columns: minmax(0, 1.85fr) minmax(330px, .8fr); gap: 54px; }
.page-cart .cart-row { grid-template-columns: 135px 1.15fr auto 116px auto auto; gap: 24px; margin-bottom: 12px; padding-bottom: 12px; }
.page-cart .cart-row img { width: 135px; height: 125px; }
.page-cart .cart-row h3 { font-size: 12px; }
.page-cart .cart-row small { font-size: 10px; }
.page-cart .cart-row .quantity { width: 116px; height: 40px; }
.page-cart .shipping-ok { padding: 10px 0 8px; font-size: 10px; }
.page-cart .order-summary { padding: 28px 26px; }
.page-cart .order-summary h2 { font-size: 17px; }
.cart-recommendations { clear: both; padding: 24px 0 38px; }
.cart-recommendations h2 { margin: 0 0 18px; font-size: 12px; letter-spacing: .06em; }
.cart-recommendations .product-grid { grid-template-columns: repeat(4, 1fr); max-width: 900px; }
.cart-recommendations .product-image { aspect-ratio: 1.35; }

/* Ödeme */
.checkout-header { height: 66px; }
.checkout-header .brand { font-size: 25px; }
.checkout-page { padding: 28px 0 48px; }
.checkout-steps { margin-bottom: 30px; }
.checkout-step { font-size: 11px; }
.checkout-step span { width: 24px; height: 24px; }
.checkout-grid { grid-template-columns: minmax(0, 1.82fr) minmax(350px, .92fr); gap: 54px; }
.checkout-main > h2,
.form-section h2 { font-size: 16px; }
.choice-grid { gap: 22px; }
.choice-card { min-height: 148px; padding: 18px; }
.choice-card h3 { margin: 0 0 8px; font-size: 13px; }
.choice-card p { min-height: 38px; margin: 0 0 14px; font-size: 11px; }
.form-section { margin-top: 25px; }
.delivery-form-grid { display: grid; gap: 10px; }
.delivery-row { display: grid; grid-template-columns: 175px 1fr; align-items: center; gap: 16px; }
.delivery-row > label { font-size: 10px; font-weight: 700; letter-spacing: .05em; }
.delivery-row .split-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.delivery-row .form-control { min-height: 40px; padding: 9px 12px; }
.delivery-row textarea.form-control { min-height: 70px; }
.delivery-consent { margin: 16px 0; }
.checkout-page .order-summary { padding: 26px 24px; }
.checkout-page .checkout-item { grid-template-columns: 78px 1fr auto; }
.checkout-page .checkout-item img { width: 78px; height: 94px; }
.checkout-security { display: flex; align-items: center; gap: 13px; border-top: 1px solid var(--mira-line); margin-top: 8px; padding-top: 14px; font-size: 10px; }
.checkout-security span { display: flex; align-items: center; gap: 7px; margin-right: auto; }
.checkout-security strong:nth-of-type(1) { color: #1a3a86; }
.checkout-security strong:nth-of-type(2) { color: #e03b24; letter-spacing: -.35em; }
.checkout-page .payment-options { gap: 22px; }
.checkout-page .payment-option { padding: 17px; }
.checkout-page .payment-option { align-items: center; }
.checkout-page .payment-option > span { display: grid; flex: 1; }
.checkout-page .payment-option small { color: #666; }
.secure-card-preview { border: 1px solid #aaa; margin-top: 18px; padding: 16px; }
.secure-card-preview > div:not(.card-preview-split),
.card-preview-split > div { display: grid; gap: 5px; margin-bottom: 10px; }
.secure-card-preview label { font-size: 10px; }
.secure-card-preview span { min-height: 37px; border: 1px solid #bbb; padding: 9px 11px; color: #9a9a9a; }
.secure-card-preview p { margin: 6px 0 0; color: #666; font-size: 10px; }
.card-preview-split { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.installment-box { border: 1px solid #aaa; margin-top: 10px; }
.installment-box h3 { margin: 0; padding: 9px 14px; border-bottom: 1px solid #bbb; font-size: 11px; }
.installment-box label { display: grid; grid-template-columns: 24px 1fr auto; align-items: center; padding: 8px 14px; border-bottom: 1px solid #ddd; font-size: 10px; }
.billing-panel { position: relative; border: 1px solid #aaa; margin-top: 10px; padding: 13px 15px; font-size: 10px; }
.billing-panel p { margin: 5px 90px 0 0; }
.billing-panel a { position: absolute; right: 15px; top: 15px; text-decoration: underline; }
.secure-note { display: flex; align-items: center; gap: 10px; font-size: 10px; }
.checkout-page .panel { padding: 20px; }
.checkout-page .success-icon { width: 78px; height: 78px; }
.checkout-page .success-page h1 { font-size: 29px; }
.success-page .success-panels { margin: 28px auto 18px; }
.success-page .success-panels .text-link { display: block; width: max-content; margin: 10px auto 0; }
.confirmation-summary { display: grid; grid-template-columns: 1.3fr .8fr .8fr; max-width: 960px; margin: 0 auto 22px; border: 1px solid #aaa; text-align: left; }
.confirmation-summary > section { padding: 18px; border-right: 1px solid #ccc; }
.confirmation-summary > section:last-child { border: 0; }
.confirmation-summary h2 { margin: 0 0 13px; font-size: 11px; letter-spacing: .07em; }
.confirmation-summary p { font-size: 10px; }
.confirmation-summary .checkout-item { grid-template-columns: 62px 1fr auto; gap: 10px; margin-bottom: 8px; padding-bottom: 8px; }
.confirmation-summary .checkout-item img { width: 62px; height: 68px; }
.confirmation-summary .checkout-item > div,
.confirmation-summary .checkout-item > strong { display: grid; align-content: start; gap: 2px; }
.confirmation-summary .checkout-item small { display: block; font-weight: 400; }
.confirmation-summary .summary-line { padding: 5px 0; font-size: 10px; }

/* Giriş / hesap */
.auth-page { padding: 38px 0 34px; }
.auth-grid { max-width: 1120px; }
.auth-column { padding: 0 54px; }
.auth-column h1 { font-size: 19px; }
.auth-column form { gap: 12px; }
.auth-column .form-control { min-height: 39px; padding: 8px 11px; }
.auth-note { margin-top: 20px; font-size: 11px; }
.auth-column .benefits { margin-top: 18px; }
.auth-column .benefits { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; }
.auth-column .benefits div { flex-direction: column; align-items: flex-start; border-right: 1px solid var(--mira-line); padding: 0 16px; }
.auth-form-meta { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.account-page { padding: 34px 0 48px; }
.account-layout { grid-template-columns: 225px 1fr; gap: 62px; }
.account-nav h2 { font-size: 17px; }
.account-nav a { padding: 9px 14px; font-size: 10px; }
.account-page h1 { font-size: 19px; letter-spacing: .08em; }
.account-page .data-table th,
.account-page .data-table td { padding: 10px; font-size: 10px; }
.account-latest { display: grid; grid-template-columns: 1.3fr .8fr; gap: 30px; margin-top: 20px; border: 1px solid var(--mira-line); padding: 20px; }
.account-latest .checkout-item { grid-template-columns: 74px 1fr auto; }

/* İletişim */
.contact-page { padding-bottom: 48px; }
.contact-page .page-title { font-weight: 400; }
.contact-grid { grid-template-columns: 1fr 1fr; gap: 64px; max-width: 1180px; margin: 0 auto; }
.contact-grid > div + div { border-left: 1px solid var(--mira-line); padding-left: 42px; }
.contact-grid h2 { margin-bottom: 24px; font-size: 19px; font-weight: 400; letter-spacing: .12em; }
.contact-image { height: 420px; }
.contact-details div { font-size: 11px; }
.contact-socials { display: flex; gap: 22px; margin-top: 25px; font-weight: 700; }
.contact-page form { display: grid; gap: 12px; }
.contact-page .form-control { min-height: 42px; }
.contact-page .textarea { min-height: 150px; }
.contact-page .faq { margin-top: 58px; }
.contact-page .accordion { margin-top: 0; }
.contact-page .accordion-button { padding: 14px 20px; }
.contact-cta { margin: 28px 0 0; background: #050505; color: #fff; padding: 18px; text-align: center; letter-spacing: .2em; font-size: 12px; }

/* Hakkımızda */
.about-hero { height: clamp(360px, 42vw, 540px); }
.about-hero h1 { font-size: clamp(30px, 3.4vw, 44px); }
.page-hakkimizda .story-split { grid-template-columns: 1.15fr .85fr; padding: 42px 0; gap: 45px; }
.page-hakkimizda .story-split img { height: 360px; }
.process-grid { gap: 14px; }
.process-grid article { text-align: center; }
.process-grid p { color: #686868; font-size: 11px; }
.atelier-band { display: grid; grid-template-columns: 1.45fr .85fr; background: #111; color: #fff; margin-top: 36px; }
.atelier-band img { width: 100%; height: 320px; object-fit: cover; filter: brightness(.7); }
.atelier-band div { display: grid; align-content: center; padding: 40px; }
.atelier-band h2 { font-size: 24px; }
.values-grid { padding: 40px 0; }
.values-grid div { font-size: 11px; }
.collection-cta { display: block; background: #050505; color: #fff; padding: 18px; text-align: center; font-size: 20px; letter-spacing: .12em; }

/* Blog */
.page-blog .page-title { margin-bottom: 6px; font-weight: 400; }
.page-blog .blog-feature { margin-top: 28px; }
.blog-feature { gap: 38px; }
.blog-feature img { height: 390px; }
.blog-feature h2 { font-size: 25px; line-height: 1.25; }
.blog-feature p { color: #666; }
.blog-tabs { display: flex; justify-content: space-around; border-bottom: 1px solid var(--mira-line); margin-top: 34px; }
.blog-tabs span { padding: 13px 18px; font-size: 10px; }
.blog-tabs span:first-child { border-bottom: 2px solid #111; font-weight: 700; }
.blog-grid { gap: 34px 18px; margin: 22px 0 52px; }
.blog-card h2 { font-size: 15px; }
.blog-card p { font-size: 11px; }

/* Yasal */
.page-legal .breadcrumb { margin-bottom: 18px; }
.legal-layout { grid-template-columns: 250px 1fr; gap: 58px; padding-bottom: 42px; }
.legal-nav:before { display: block; padding: 0 10px 15px; border-bottom: 1px solid var(--mira-line); content: "YASAL METİNLER"; font-weight: 700; letter-spacing: .08em; }
.legal-nav a { padding: 11px 10px; font-size: 11px; }
.legal-content { max-width: none; }
.legal-content h1 { margin: -4px 0 8px; font-size: 27px; }
.legal-sections { display: grid; grid-template-columns: 1fr 1fr; gap: 0 45px; }
.legal-content h2 { margin: 21px 0 5px; font-size: 14px; }
.legal-content p { margin: 0; font-size: 11px; }
.legal-content .panel { grid-column: 1/-1; margin-top: 20px; padding: 15px; }

/* Alt alan */
.trust-strip { padding-top: 20px; padding-bottom: 20px; }
.trust-strip > div { padding: 0 34px; }
.trust-strip .icon { width: 31px; height: 31px; }
.newsletter { padding: 28px 0 20px; }
.newsletter input { height: 40px; }
.newsletter button { font-size: 9px; }
.footer-grid { padding: 25px 0 30px; }
.footer-grid .brand { font-size: 21px; }
.footer-grid p,
.footer-grid > div:not(:first-child) { font-size: 10px; }
.copyright { padding: 13px; font-size: 9px; }

@media (min-width: 768px) and (max-width: 1100px) {
  .container-wide { width: calc(100% - 36px); }
  .container { width: calc(100% - 48px); }
  .header-inner { grid-template-columns: 1fr auto 1fr; height: 92px; }
  .header-inner .brand { font-size: 23px; letter-spacing: .26em; }
  .desktop-nav { gap: 14px; font-size: 9px; }
  .header-actions { gap: 5px; }
  .product-grid,
  .catalog-main .product-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .page-catalog .catalog-layout { grid-template-columns: 155px 1fr; gap: 30px; }
  .page-product .product-top { gap: 34px; }
  .page-product .gallery-main { height: 565px; }
  .page-product .gallery { grid-template-columns: 82px 1fr; }
  .page-product .product-info h1 { font-size: 29px; }
  .page-product .option-pill span { min-width: 68px; padding: 0 10px; }
  .page-home .story-split { padding: 38px 0; }
  .page-home .story-split img { height: 285px; }
  .page-home .category-banner { height: 280px; }
  .page-home .product-image { aspect-ratio: .9; }
  .trust-strip > div { padding: 0 20px; }
  .footer-grid { gap: 35px; }
  .contact-grid { gap: 42px; }
  .contact-grid > div + div { padding-left: 32px; }
  .blog-feature img { height: 320px; }
}

@media (max-width: 767px) {
  .container,
  .container-wide { width: calc(100% - 32px); }
  .announcement { height: 25px; font-size: 8px; }
  .header-inner { height: 70px; }
  .site-header .brand { width: 150px; height: 42px; }
  .footer-brand--master { width: 160px; }
  .checkout-header .brand { width: 150px; height: 62px; }
  .promo-band { height: 31px; }
  .custom-ticker { height: 33px; }
  .hero-content h1 { font-size: 30px; }
  .page-home .hero,
  .page-home .hero img { min-height: 520px; height: 520px; }
  .page-home .hero img { object-position: 58% center; }
  .page-home .hero-slide:nth-child(2) img { object-position: 52% center; }
  .page-home .hero-slide:nth-child(3) img { object-position: 61% center; }
  .hero-slide:after { background: linear-gradient(0deg, rgba(10,8,7,.7) 0%, rgba(10,8,7,.08) 68%); }
  .hero-arrow { top: 46%; width: 36px; height: 36px; font-size: 27px; }
  .hero-prev { left: 10px; }
  .hero-next { right: 10px; }
  .hero-dots { bottom: 15px; }
  .page-home .story-split { grid-template-columns: 1fr; gap: 24px; padding: 36px 0; }
  .page-home .story-split img { height: 270px; }
  .page-home .category-banner { height: 330px; }
  .page-home .product-image { aspect-ratio: .78; }
  .page-catalog .catalog-layout { display: block; }
  .page-catalog .catalog-main .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .page-catalog .product-image { aspect-ratio: .68; }
  .page-product .product-top { grid-template-columns: 1fr; }
  .page-product .gallery-main { height: auto; }
  .page-product .gallery-main img { height: auto; }
  .page-product .review-summary { grid-template-columns: 1fr; }
  .page-cart .cart-layout { grid-template-columns: 1fr; }
  .page-cart .cart-row { grid-template-columns: 92px 1fr auto; gap: 12px; }
  .page-cart .cart-row img { width: 92px; height: 108px; }
  .cart-recommendations .product-grid { grid-template-columns: repeat(2, 1fr); }
  .checkout-grid { grid-template-columns: 1fr; }
  .confirmation-summary { grid-template-columns: 1fr; }
  .confirmation-summary > section { border-right: 0; border-bottom: 1px solid #ccc; }
  .delivery-row { grid-template-columns: 1fr; gap: 5px; }
  .delivery-row .split-fields { grid-template-columns: 1fr; }
  .card-preview-split { grid-template-columns: 1fr; gap: 0; }
  .account-latest { grid-template-columns: 1fr; }
  .contact-grid { grid-template-columns: 1fr; }
  .contact-grid > div + div { border-left: 0; border-top: 1px solid var(--mira-line); padding: 30px 0 0; }
  .page-hakkimizda .story-split { grid-template-columns: 1fr; }
  .atelier-band { grid-template-columns: 1fr; }
  .atelier-band img { height: 250px; }
  .blog-tabs { justify-content: flex-start; overflow-x: auto; }
  .blog-feature { grid-template-columns: 1fr; }
  .blog-tabs span { white-space: nowrap; }
  .legal-sections { grid-template-columns: 1fr; }
}

/* Responsive sistem — mağaza, ödeme, hesap ve yönetim */
html,
body { max-width: 100%; overflow-x: clip; }
main,
.catalog-main,
.checkout-main,
.account-layout > *,
.admin-main,
.form-group,
.checkout-item > * { min-width: 0; }
.form-control,
input[type="file"],
.newsletter input { max-width: 100%; }
.checkout-item strong,
.admin-card,
.legal-content,
.contact-details span { overflow-wrap: anywhere; }
[data-option-manager] { grid-column: 1 / -1; margin: 0; }
.admin-option-row {
  grid-template-columns: minmax(150px, 1fr) minmax(120px, .75fr) minmax(120px, .75fr) minmax(220px, 1.4fr);
  margin-bottom: 18px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--mira-line);
}
.admin-option-row .full { grid-column: 1 / -1; }

@media (max-width: 960px) {
  .page-cart .cart-layout,
  .checkout-grid { grid-template-columns: 1fr; gap: 30px; }
  .page-cart .order-summary,
  .checkout-page .order-summary { position: static; }
  .checkout-summary { order: 2; }

  .admin-shell { grid-template-columns: minmax(0, 1fr); width: 100%; max-width: 100%; overflow: hidden; }
  .admin-sidebar,
  .admin-main { width: 100%; max-width: 100%; min-width: 0; }
  .admin-sidebar { position: static; height: auto; padding: 16px 18px; }
  .admin-sidebar .brand--admin { display: flex; flex-direction: row; justify-content: center; gap: 10px; margin: 0 0 14px; }
  .admin-sidebar .brand-logo--mark { width: 52px; height: 52px; }
  .admin-sidebar nav { display: flex; max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: thin; }
  .admin-sidebar nav a { flex: 0 0 auto; white-space: nowrap; }
  .admin-sidebar > form { margin-top: 14px !important; }
  .admin-main { padding: 24px; }
  .admin-option-row { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 900px) {
  .header-inner { grid-template-columns: 44px 1fr auto; height: 76px; }
  .mobile-menu-button { display: grid; }
  .desktop-nav { display: none; }
  .header-inner .brand { justify-self: center; }
  .header-actions { gap: 2px; }
  .hide-mobile { display: none; }
  .icon-button { min-width: 44px; min-height: 44px; }
  .mobile-nav {
    position: fixed;
    z-index: 100;
    inset: 0 12% 0 0;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    padding: 82px 26px 32px;
    background: #fff;
    box-shadow: var(--shadow);
    transform: translateX(-110%);
    transition: transform .3s ease;
  }
  .mobile-nav.open { transform: translateX(0); }
  .mobile-nav a { padding: 15px 0; border-bottom: 1px solid var(--mira-line); font-size: 12px; letter-spacing: .06em; }
  .mobile-close { position: absolute; top: 18px; right: 16px; }
}

@media (max-width: 767px) {
  body { font-size: 14px; line-height: 1.55; }
  .container,
  .container-wide { width: calc(100% - 32px); }
  .announcement,
  .promo-band,
  .custom-ticker {
    height: auto;
    min-height: 30px;
    padding-top: 7px;
    padding-bottom: 7px;
    line-height: 1.3;
    text-align: center;
  }
  .custom-ticker { gap: 10px; }
  .custom-ticker span { flex: 0 0 auto; }
  .site-header .brand { width: min(150px, 42vw); }
  .search-panel { grid-template-columns: minmax(0, 1fr) 44px; gap: 8px; }
  .search-panel input { width: 100%; min-width: 0; }
  .toast { top: 12px; right: 12px; left: 12px; max-width: none; }

  .breadcrumb { flex-wrap: wrap; gap: 7px; margin: 24px 0 18px; font-size: 10px; line-height: 1.35; }
  .page-title { margin-bottom: 24px; font-size: clamp(25px, 8vw, 31px); letter-spacing: .12em; overflow-wrap: anywhere; }
  .section-title { margin: 42px 0 24px; font-size: clamp(19px, 6vw, 23px); line-height: 1.3; letter-spacing: .16em; }
  .btn { min-height: 46px; padding: 0 20px; }
  .form-control { width: 100%; min-width: 0; font-size: 16px; }
  .checkbox-row { line-height: 1.45; }
  .checkbox-row input { flex: 0 0 auto; width: 18px; height: 18px; margin-top: 1px; }
  .empty { padding: 54px 14px; }
  .panel,
  .admin-card,
  .order-detail { padding: 18px; }

  /* Ana sayfa */
  .page-home .hero,
  .page-home .hero img { min-height: 500px; height: min(520px, calc(100svh - 120px)); }
  .page-home .hero-content { right: 28px; bottom: 58px; left: 28px; }
  .page-home .hero-content h1 { font-size: clamp(29px, 9vw, 36px); line-height: 1.08; }
  .page-home .hero-content p { margin-bottom: 22px; font-size: 15px; line-height: 1.45; }
  .hero-arrow { width: 42px; height: 42px; }
  .page-home .story-copy { padding: 0; }
  .page-home .story-split img { width: 100%; height: 260px; }
  .page-home .category-banners { grid-template-columns: 1fr; padding: 0 16px; }
  .page-home .category-banner { height: 315px; }
  .page-home .category-banner div { right: 24px; left: 24px; }
  .page-home .product-grid,
  .page-catalog .catalog-main .product-grid,
  .page-product .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 10px; }
  .product-card-head { align-items: flex-start; gap: 6px; }
  .product-card-head button { flex: 0 0 32px; min-width: 32px; min-height: 32px; }
  .product-name { line-height: 1.35; overflow-wrap: anywhere; }
  .home-products .btn { max-width: 100%; text-align: center; }

  /* Katalog */
  .catalog-head { align-items: center; gap: 12px; }
  .catalog-head .page-title { margin: 0; }
  .filter-toggle { flex: 0 0 auto; min-height: 42px; }
  .page-catalog .sort-bar {
    height: auto;
    margin: 22px -16px 24px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
  }
  .page-catalog .sort-bar::-webkit-scrollbar { display: none; }
  .page-catalog .sort-bar a { flex: 0 0 132px; min-height: 46px; scroll-snap-align: start; }
  .page-catalog .filters { margin: 0 0 24px; padding: 20px; border: 1px solid var(--mira-line); background: #fafafa; }
  .page-catalog .filters section:last-of-type { margin-bottom: 14px; }
  .filter-swatches span { width: 32px; height: 32px; }
  .catalog-bottom { grid-template-columns: 1fr auto; gap: 16px 10px; align-items: center; }
  .catalog-bottom .pagination { grid-column: 1 / -1; grid-row: 2; }
  .catalog-bottom > span:last-child { grid-column: 2; grid-row: 1; }

  /* Ürün */
  .page-product .breadcrumb { margin-bottom: 16px; }
  .page-product .gallery { grid-template-columns: 1fr; gap: 10px; }
  .page-product .gallery-main { order: 1; }
  .page-product .gallery-main img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; }
  .page-product .gallery-thumbs { order: 2; padding-bottom: 4px; }
  .page-product .gallery-thumb { flex: 0 0 72px; }
  .page-product .product-info { padding-top: 22px; }
  .page-product .product-info h1 { margin: 10px 0 18px; font-size: clamp(25px, 8vw, 31px); }
  .page-product .option-list { gap: 8px; }
  .page-product .option-pill { flex: 1 1 calc(33.333% - 8px); }
  .page-product .option-pill span { width: 100%; min-width: 0; padding: 0 8px; }
  .page-product .frame-option { flex: 0 0 auto; }
  .page-product .frame-option span { width: 38px; min-width: 38px; }
  .page-product .purchase-row { z-index: 12; grid-template-columns: 108px minmax(0, 1fr); gap: 10px; margin-top: 24px; padding: 10px 0 max(10px, env(safe-area-inset-bottom)); }
  .page-product .purchase-row .btn { padding: 0 12px; }
  .page-product .benefits div { align-items: flex-start; line-height: 1.4; }
  .page-product .accordion { margin-top: 34px; }
  .page-product .review-summary { gap: 24px; }
  .page-product progress { width: min(230px, 72vw); }

  /* Sepet */
  .page-cart .cart-page { padding-top: 20px; }
  .page-cart .page-title { margin-bottom: 24px; }
  .page-cart .cart-row {
    position: relative;
    grid-template-columns: 92px minmax(0, 1fr) auto;
    grid-template-rows: auto auto auto;
    align-items: start;
    gap: 7px 13px;
    padding: 0 0 20px;
    margin-bottom: 20px;
  }
  .page-cart .cart-row > img { grid-column: 1; grid-row: 1 / 4; width: 92px; height: 118px; }
  .page-cart .cart-row > div:nth-child(2) { grid-column: 2; grid-row: 1; padding-right: 24px; }
  .page-cart .cart-row > strong:not(.line-total) { grid-column: 2; grid-row: 2; color: #666; font-size: 11px; }
  .page-cart .cart-row > form:first-of-type { grid-column: 2; grid-row: 3; }
  .page-cart .cart-row > form:first-of-type .quantity { width: 108px; height: 40px; }
  .page-cart .cart-row > .line-total { grid-column: 3; grid-row: 3; align-self: center; white-space: nowrap; }
  .page-cart .cart-row > form:last-of-type { grid-column: 3; grid-row: 1; }
  .page-cart .remove-button { min-width: 36px; min-height: 36px; }
  .page-cart .shipping-ok { width: 100%; }
  .page-cart .order-summary { padding: 22px 18px; }
  .cart-recommendations { padding-top: 34px; }
  .cart-recommendations .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }

  /* Ödeme */
  .checkout-header { height: 70px; justify-content: center; padding: 0 58px; }
  .checkout-header .brand { width: min(145px, 45vw); height: 54px; }
  .checkout-header .secure-label { right: 12px; }
  .checkout-page { padding: 20px 0 40px; }
  .checkout-steps { gap: 0; margin-bottom: 28px; }
  .checkout-step { position: relative; display: grid; grid-template-columns: 1fr; justify-items: center; gap: 4px; font-size: 9px; text-align: center; }
  .checkout-step span { z-index: 1; width: 26px; height: 26px; background: #fff; font-size: 11px; }
  .checkout-step:after { position: absolute; top: 13px; right: calc(-50% + 17px); left: calc(50% + 17px); width: auto; }
  .checkout-main > h2,
  .form-section h2 { font-size: 15px; line-height: 1.4; }
  .choice-grid { grid-template-columns: 1fr; gap: 12px; }
  .choice-card { min-height: 0; padding: 17px; }
  .choice-card p { min-height: 0; }
  .delivery-row { gap: 7px; }
  .delivery-row > label { font-size: 10px; }
  .checkout-page .payment-options { grid-template-columns: 1fr; gap: 12px; }
  .checkout-page .payment-option { min-height: 64px; padding: 14px; }
  .secure-card-preview { padding: 14px; }
  .secure-card-preview span { overflow-wrap: anywhere; }
  .installment-box label { grid-template-columns: 24px minmax(0, 1fr) auto; gap: 5px; }
  .billing-panel { padding: 14px; }
  .billing-panel p { margin: 7px 0; }
  .billing-panel a { position: static; display: inline-block; }
  .checkout-page .order-summary { padding: 20px 16px; }
  .checkout-item { grid-template-columns: 64px minmax(0, 1fr); gap: 10px; }
  .checkout-item img,
  .checkout-page .checkout-item img { width: 64px; height: 78px; }
  .checkout-item > strong { grid-column: 2; justify-self: end; text-align: right; }
  .checkout-security { flex-wrap: wrap; gap: 8px; }
  .checkout-security span { flex-basis: 100%; }
  .success-page h1,
  .checkout-page .success-page h1 { font-size: clamp(24px, 7.5vw, 29px); line-height: 1.25; letter-spacing: .14em; }
  .success-meta { justify-content: stretch; gap: 0; margin: 22px 0; text-align: left; }
  .success-meta span { display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--mira-line); }
  .success-panels { gap: 14px; margin-top: 24px; }
  .confirmation-summary > section { padding: 16px; }
  .confirmation-summary .checkout-item { grid-template-columns: 58px minmax(0, 1fr); }
  .confirmation-summary .checkout-item img { width: 58px; height: 68px; }

  /* Üyelik ve hesap */
  .auth-page { padding: 30px 0 42px; }
  .auth-grid { grid-template-columns: 1fr; }
  .auth-column { padding: 24px 0; }
  .auth-column:first-child { padding-top: 0; }
  .auth-column h1 { font-size: 19px; }
  .auth-column .form-grid { grid-template-columns: 1fr; }
  .auth-column .benefits { grid-template-columns: 1fr; }
  .auth-column .benefits div { flex-direction: row; align-items: center; min-height: 54px; border-right: 0; border-bottom: 1px solid var(--mira-line); padding: 10px 0; }
  .auth-form-meta { flex-wrap: wrap; }
  .account-page { padding: 24px 0 42px; }
  .account-layout { grid-template-columns: 1fr; gap: 24px; }
  .account-nav { margin: 0 -16px; padding: 0 16px 8px; gap: 6px; border: 0; overscroll-behavior-x: contain; scrollbar-width: none; }
  .account-nav::-webkit-scrollbar { display: none; }
  .account-nav a { flex: 0 0 auto; border: 1px solid var(--mira-line); }
  .account-nav form { flex: 0 0 auto; }
  .account-page h1 { font-size: 19px; line-height: 1.35; overflow-wrap: anywhere; }
  .table-wrap { margin: 0 -4px; border: 1px solid var(--mira-line); }
  .data-table th,
  .data-table td { min-width: 105px; }
  .account-latest { padding: 16px; }
  .account-latest .checkout-item { grid-template-columns: 64px minmax(0, 1fr); }
  .favorite-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }

  /* İçerik sayfaları */
  .contact-page { padding-bottom: 40px; }
  .contact-grid { gap: 34px; }
  .contact-grid h2 { margin-bottom: 18px; }
  .contact-image { height: 285px; }
  .contact-details div { align-items: flex-start; }
  .contact-socials a { display: grid; place-items: center; min-width: 42px; min-height: 42px; }
  .contact-page .faq { margin-top: 42px; }
  .contact-page .accordion-button { min-height: 52px; padding: 13px 12px; line-height: 1.4; }
  .contact-cta { padding: 16px 12px; font-size: 10px; line-height: 1.5; }
  .about-hero { height: 370px; }
  .about-hero div { padding: 0 24px; }
  .about-hero h1 { font-size: clamp(27px, 8vw, 34px); line-height: 1.2; }
  .page-hakkimizda .story-split img { height: 280px; }
  .process-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 12px; }
  .atelier-band div { padding: 28px 22px; }
  .atelier-band h2 { font-size: 21px; }
  .values-grid { padding: 20px 0; }
  .values-grid div { padding: 26px 14px; }
  .collection-cta { padding: 17px 16px; font-size: 16px; }
  .page-blog .blog-feature { margin-top: 22px; }
  .blog-feature { gap: 22px; }
  .blog-feature img { height: 280px; }
  .blog-feature h2 { font-size: 22px; }
  .blog-tabs { margin: 28px -16px 0; padding: 0 8px; }
  .blog-grid { grid-template-columns: 1fr; gap: 34px; }
  .blog-card img { width: 100%; }
  .blog-detail { padding-bottom: 55px !important; }
  .blog-detail .page-title { letter-spacing: .04em !important; }
  .blog-detail-content { margin-top: 24px !important; font-size: 15px !important; line-height: 1.75 !important; }
  .legal-layout { grid-template-columns: 1fr; gap: 24px; }
  .legal-nav { margin: 0 -16px; padding: 0 16px 8px; overscroll-behavior-x: contain; scrollbar-width: none; }
  .legal-nav::-webkit-scrollbar { display: none; }
  .legal-nav:before { display: none; }
  .legal-nav a { flex: 0 0 auto; }
  .legal-content h1 { font-size: 24px; line-height: 1.35; letter-spacing: .08em; }
  .legal-content .btn { width: 100% !important; }
  .track-form { margin-bottom: 55px; }
  .track-result { padding: 20px; }
  .page-odeme-hatasi .success-page { padding-top: 50px !important; }

  /* Yönetim */
  .admin-main { padding: 18px 14px; }
  .admin-top { align-items: flex-start; gap: 8px; flex-direction: column; }
  .admin-top h1 { font-size: 24px; line-height: 1.25; overflow-wrap: anywhere; }
  .stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .stat-card { padding: 16px; }
  .stat-card strong { font-size: 22px; }
  .admin-products-toolbar { align-items: stretch; flex-direction: column; }
  .admin-products-toolbar .btn { width: 100%; }
  .admin-card { margin-bottom: 14px; }
  .admin-card .form-grid,
  .admin-option-row { grid-template-columns: 1fr; gap: 13px; }
  .admin-option-row > *,
  .admin-card .full { grid-column: 1; }
  .admin-actions { align-items: stretch; }
  .admin-row-actions { min-width: 250px; }
  .admin-row-actions .btn { white-space: nowrap; }
  .admin-product-list { padding: 0; }
  .admin-product-list .table-wrap { border: 0; }
  .admin-body .checkout-item { grid-template-columns: 64px minmax(0, 1fr); }
  .admin-body code { word-break: break-all; }
}

@media (max-width: 520px) {
  .footer-grid { grid-template-columns: 1fr; }
  .newsletter { grid-template-columns: 1fr; }
  .newsletter form { grid-template-columns: minmax(0, 1fr) auto; }
  .newsletter button { padding: 0 16px; }
  .process-grid { grid-template-columns: 1fr; }
  .page-hakkimizda .process-grid img { width: 100%; }
  .page-cart .cart-row { grid-template-columns: 82px minmax(0, 1fr) auto; }
  .page-cart .cart-row > img { width: 82px; height: 108px; }
}

@media (max-width: 360px) {
  .container,
  .container-wide { width: calc(100% - 24px); }
  .site-header .brand { width: 126px; }
  .header-actions .icon-button { min-width: 40px; padding: 6px; }
  .page-home .product-grid,
  .page-catalog .catalog-main .product-grid,
  .page-product .product-grid,
  .cart-recommendations .product-grid,
  .favorite-grid { grid-template-columns: 1fr; }
  .page-product .purchase-row { grid-template-columns: 96px minmax(0, 1fr); }
  .stat-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .hero-slide,
  .page-home .hero-slide img { transition: none; }
}