.stone-story .stone-hero{background:#e8e3d8}
.stone-story .stone-hero-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,6vw,86px);align-items:center;padding-block:clamp(38px,6vw,88px)}
.stone-display{font-size:var(--collection-hero-title-size);font-weight:800;line-height:1.06;letter-spacing:-.047em;margin:12px 0 26px;text-wrap:balance}
.stone-hero figure{margin:0;background:#f6f4ef;border:1px solid var(--line)}
.stone-hero figure img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.stone-hero figcaption{padding:12px 18px;border-top:1px solid var(--line);font-size:13px;letter-spacing:.04em}
.stone-back{display:inline-block;margin-bottom:18px;font-weight:600}
.stone-atlas{padding-block:clamp(34px,5vw,70px)}
.stone-section-heading{display:grid;grid-template-columns:1.25fr 1fr;align-items:end;gap:18px 36px;margin-bottom:28px}
.stone-section-heading h1,.stone-section-heading h2,.stone-project h2{font-size:clamp(30px,4vw,58px);line-height:1.12;letter-spacing:-.04em;margin:8px 0}
.stone-section-heading p,.stone-project p,.stone-group-card p,.stone-finishes-grid p{font-size:16px;line-height:1.55;color:var(--muted)}
.stone-groups,.stone-finishes-grid{display:grid;gap:16px}
.stone-groups{grid-template-columns:repeat(5,minmax(0,1fr))}
.stone-groups--spc{grid-template-columns:repeat(4,minmax(0,1fr))}
.stone-finishes-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.stone-group-card,.stone-finishes-grid article{display:block;min-width:0;background:var(--paper);border:1px solid var(--line);color:var(--ink);text-align:start}
.stone-group-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#f2efe8}
.stone-group-card div,.stone-finishes-grid article{padding:16px}
.stone-group-card h3,.stone-finishes-grid h3{font-size:21px;margin:6px 0}
.stone-group-card span{font-size:13px;letter-spacing:.04em;color:var(--muted)}
.stone-group-card:hover{border-color:var(--olive)}
.stone-guide{background:#e8e3d8}
.stone-project{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-block:36px}
@media(max-width:920px){.stone-groups,.stone-finishes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.stone-story .stone-hero-layout,.stone-section-heading{grid-template-columns:1fr}.stone-group-card div{padding:12px}.stone-group-card p{font-size:14px}}

.natural-collection-hero {
  height: clamp(460px, 51vw, 640px);
  max-height: none;
  min-height: 0;
}
.natural-collection-hero .hero-image { object-position: center; }
.natural-collection-hero .hero-shade {
  background:linear-gradient(90deg,#151b16ce,#151b1666 56%,#151b1626),linear-gradient(0deg,#151b16ab,transparent 35%);
}
[dir="rtl"] .natural-collection-hero .hero-shade {
  background:linear-gradient(270deg,#151b16ce,#151b1666 56%,#151b1626),linear-gradient(0deg,#151b16ab,transparent 35%);
}
.natural-collection-hero .hero-content { max-width: min(88%, 870px); }
.stone-story .breadcrumb {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  padding-block:12px;
  color:var(--muted);
  font-size:13px;
}
.stone-story .breadcrumb a:hover { text-decoration:underline; }

.stone-story {
  --stone-product-backdrop: #f8f7f4;
}
.natural-collection-hero .stone-hero-band > span {
  display: block;
  font-size: var(--collection-hero-model-size);
  line-height: 1.5;
}
.stone-hero .stone-story-band p {
  margin: 0 0 9px;
  font-size: var(--collection-hero-line-size);
  font-weight: 600;
}
.stone-hero .stone-story-band span {
  display: block;
  padding-top: 8px;
  border-top: 1px solid var(--line);
  font-size: var(--collection-hero-model-size);
}

.stone-atlas .floor-atlas-heading { margin: 0 0 25px; }
#urun-atlasi { padding-block-end: clamp(20px, 3vw, 36px); }
.stone-selection-guide { padding-block-start: clamp(18px, 3vw, 32px); }
.stone-selection-guide a { text-decoration: underline; text-underline-offset: .18em; }
.stone-selection-guide + .stone-project { padding-block-start: 0; }
.stone-atlas .floor-atlas-heading h2 {
  font-size: 32px;
  font-weight: 800;
  letter-spacing: -.035em;
  line-height: 1.2;
}
.stone-atlas .floor-filters { align-items: flex-end; }
.stone-atlas-card.floor-product-image {
  cursor: zoom-in;
}
.stone-atlas-card.floor-product-image img {
  display: block;
}
.stone-specimen-grid .floor-product-image {
  background: var(--stone-product-backdrop);
}
.stone-specimen-grid .floor-product-image img {
  padding: 5%;
  object-fit: contain;
}
.stone-atlas .floor-product-copy h3 {
  font-size: 21px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -.025em;
  margin: 7px 0 4px;
}
@media (max-width: 560px) {
  .stone-atlas .floor-atlas-heading h2 { font-size: 29px; }
  .stone-atlas .floor-product-copy h3 { font-size: 19px; }
}

.stone-photo {
  overflow: hidden;
  background: var(--stone-product-backdrop);
}
.stone-zoom .stone-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.stone-zoom {
  width: min(1280px, 94vw);
  max-width: none;
  max-height: 92svh;
  padding: 0;
  border: 0;
  overflow: auto;
  background: var(--paper);
  color: var(--ink);
}
.stone-zoom[open] {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
}
.stone-zoom::backdrop { background: #151911bf; }
.stone-zoom .dialog-close {
  position: absolute;
  inset: auto;
  inset-block-start: 10px;
  inset-inline-end: 10px;
  z-index: 1;
  background: var(--paper);
}
.stone-zoom-visual {
  display: grid;
  grid-template-rows: 1fr auto;
  gap: 16px;
  padding: 24px;
  background: var(--stone-product-backdrop);
}
.stone-zoom .stone-photo {
  display: block;
  height: clamp(280px, 61svh, 640px);
}
.stone-zoom-navigation {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  font-size: 14px;
  font-variant-numeric: tabular-nums;
}
.stone-zoom-navigation button {
  width: 44px;
  height: 44px;
  border: 1px solid #aaa99c;
  background: var(--paper);
  font-size: 22px;
}
.stone-zoom-navigation button:disabled {
  opacity: .4;
  cursor: default;
}
.stone-zoom-navigation button[dir="ltr"] { direction: ltr; }
.stone-zoom-copy {
  align-self: center;
  padding: 55px 8% 30px;
}
.stone-zoom-copy .product-detail-brand {
  transform: translateY(-16px);
}
.stone-zoom-copy h2 {
  margin: 8px 0 24px;
  font-size: clamp(30px, 4vw, 50px);
  font-weight: 700;
  line-height: 1.08;
}
.stone-zoom-copy dl {
  margin: 0;
  border-top: 1px solid var(--line);
}
.stone-zoom-copy dl > div {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
  align-items: baseline;
  gap: 16px;
  padding: 12px 0;
  border-bottom: 1px solid var(--line);
  font-size: 15px;
  line-height: 1.45;
}
.stone-zoom-copy dt { color: var(--muted); }
.stone-zoom-copy dd {
  margin: 0;
  font-weight: 600;
  text-align: end;
}
@media (max-width: 800px) {
  .stone-zoom[open] { grid-template-columns: minmax(0, 1fr); }
  .stone-zoom-visual { padding: 16px; }
  .stone-zoom .stone-photo { height: clamp(200px, 40svh, 450px); }
  .stone-zoom-copy { padding: 24px 6% 28px; }
}
