section{padding:0 clamp(22px,7vw,110px)}
/* katman kurulumu */
.asmpin{height:260vh;position:relative}
.asmstage{position:sticky;top:0;height:100vh;display:grid;place-items:center}
.asmgrid{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(24px,5vw,64px);align-items:center;max-width:860px;width:100%;margin:0 auto}
@media (max-width:720px){.asmgrid{grid-template-columns:1fr;justify-items:center;gap:20px}}
.asmcase{position:relative;width:min(320px,70vw)}
.asmglow{position:absolute;left:50%;top:50%;width:160%;height:110%;transform:translate(-50%,-50%);
  pointer-events:none;z-index:0;
  background:radial-gradient(ellipse 58% 48% at 50% 52%,rgba(255,106,42,.16),rgba(255,106,42,.05) 55%,transparent 74%);
  animation:asmbreathe 9s var(--ease-soft) -3s infinite alternate}
@keyframes asmbreathe{from{opacity:.65}to{opacity:1}}
.alayer{position:absolute;left:50%;top:0;display:block;height:auto;will-change:transform;transform:translate(-50%,0);
  filter:drop-shadow(0 18px 26px rgba(0,0,0,.55))}
.asmtext .kicker{display:block;margin-bottom:10px}
.asmtext h1{font-size:clamp(2.4rem,6vw,4.6rem);margin-bottom:8px}
.asmtext .lede{color:var(--text-secondary);margin-bottom:22px;max-width:38ch}
.ing{list-style:none;display:flex;flex-direction:column;gap:10px}
.ing li{display:flex;align-items:baseline;gap:10px;color:var(--text-secondary);font-size:.95rem;
  opacity:.35;transform:translateX(8px);transition:opacity .4s var(--ease),transform .4s var(--ease),color .4s var(--ease)}
.ing li.on{opacity:1;transform:none;color:var(--text-primary)}
.ing .tick{width:8px;height:8px;border-radius:2px;background:var(--accent);flex:none;transform:translateY(-1px)}
@media (max-width:720px){
  .asmtext{text-align:center}
  .asmtext .lede{margin-left:auto;margin-right:auto}
  .ing{flex-direction:row;flex-wrap:wrap;gap:8px 14px;justify-content:center}
  .ing li{font-size:.8rem}
}
@media (max-height:560px){.asmpin{height:auto}.asmstage{position:static;height:auto;padding-top:80px}}
.cue{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);color:var(--text-secondary);opacity:.8}
.cue svg{display:block;animation:cuebob 2.6s var(--ease-soft) -1.2s infinite}
@keyframes cuebob{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}

/* detay */
#detay{padding-top:clamp(60px,10vh,120px);padding-bottom:clamp(80px,12vh,140px)}
#detay .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,64px);align-items:center;max-width:1060px;margin:0 auto}
@media (max-width:860px){#detay .wrap{grid-template-columns:1fr}}
#detay .imgwrap{border-radius:18px;overflow:hidden;border:1px solid rgba(245,237,226,.08)}
#detay .imgwrap img{width:100%;height:auto;display:block}
#detay .info h2{font-size:clamp(1.8rem,3.8vw,2.8rem);margin:10px 0 14px}
#detay .info p{color:var(--text-secondary);max-width:52ch}
#detay .price{margin-top:18px;color:var(--accent)}
#detay .btnrow{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}