/* ==========================================================================
   Onun İçin — arduvaz ve konyak; nesneler deri bir masa altlığının üstünde
   ========================================================================== */

.desk-hero { padding: clamp(50px, 8vw, 120px) 0 clamp(40px, 6vw, 80px); background: radial-gradient(60% 80% at 100% 0%, rgba(181, 121, 74, .16), transparent 60%); }
.desk-hero .display { margin: 20px 0 24px; }
.desk-hero .lead { max-width: 52ch; }

.desk { padding-block: clamp(40px, 6vw, 80px); }
.desk__in { display: grid; grid-template-columns: 260px 1fr; gap: clamp(24px, 4vw, 60px); align-items: start; }
.desk__label { position: sticky; top: calc(var(--hd-h) + 30px); display: grid; gap: 10px; }
.desk__n { font: italic 500 4rem/.8 var(--font-d); color: var(--accent-text); }
.desk__mat {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  padding: clamp(18px, 3vw, 36px);
  border-radius: 6px;
  background:
    radial-gradient(120% 90% at 30% 0%, rgba(255, 255, 255, .05), transparent 60%),
    repeating-linear-gradient(45deg, rgba(0, 0, 0, .12) 0 1px, transparent 1px 5px),
    linear-gradient(160deg, #3a2a21, #24191a);
  box-shadow: inset 0 0 0 1px rgba(181, 121, 74, .35), inset 0 0 0 8px rgba(0, 0, 0, .12), inset 0 0 0 9px rgba(214, 160, 112, .25), 0 40px 60px -30px rgba(0, 0, 0, .7);
}
.obj { position: relative; display: grid; gap: 12px; }
.obj__img { display: block; aspect-ratio: 4/5; overflow: hidden; border-radius: 3px; box-shadow: 0 18px 28px -14px rgba(0, 0, 0, .7); }
.obj__img img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s var(--ease); }
.obj:hover .obj__img img { transform: scale(1.05) rotate(-1deg); }
.obj__tag { position: relative; padding: 10px 12px; background: #f1e7d8; color: #2b211d; transform: rotate(-.6deg); box-shadow: 0 6px 12px -6px rgba(0, 0, 0, .6); }
.obj:nth-child(even) .obj__tag { transform: rotate(.8deg); }
.obj__tag::before { content: ""; position: absolute; left: 12px; top: -6px; width: 10px; height: 10px; border-radius: 50%; background: #2b211d; box-shadow: 0 0 0 2px #f1e7d8; }
.obj__tag h3 { font: 600 1.05rem/1.2 var(--font-d); }
.obj__tag p { font-size: .72rem; color: #6b5a50; }
.obj__tag .obj__price { font: 600 .82rem var(--font-t); color: #2b211d; margin-top: 4px; }

.desk-gift { padding-block: clamp(70px, 10vw, 130px); border-top: 1px solid var(--line); }
.desk-gift__in { display: grid; grid-template-columns: 1.1fr 1fr; gap: 48px; align-items: center; }
.desk-gift__cta { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 26px; }

@media (max-width: 900px) {
  .desk__in, .desk-gift__in { grid-template-columns: 1fr; }
  .desk__label { position: static; }
  .desk__mat { grid-template-columns: repeat(2, 1fr); gap: 14px; }
}