/* Uygulama ekran görüntüleri: telefon çerçevesi, ana sayfada üçlü (yelpaze), /uygulama'da galeri. */
.pg-device{position:relative;flex:none;border:6px solid #09090a;border-radius:30px;background:#09090a;box-shadow:0 0 0 1px #77666d,0 16px 32px rgba(0,0,0,.35);overflow:hidden}
.pg-device img{display:block;width:100%;height:auto;aspect-ratio:645/1398;border-radius:24px;object-fit:cover}
html[data-theme=light] .pg-device{box-shadow:0 0 0 1px #c9bdc0,0 16px 32px rgba(40,24,20,.2)}
/* Ana sayfa "Senin haritan": ortada büyük, iki yanda arkada daha küçük telefonlar */
.pg-trio{display:flex;justify-content:center;align-items:center;padding:6px 0 4px}
.pg-trio .pg-device{width:190px}
.pg-trio .pg-side{width:150px;opacity:.92}
.pg-trio .pg-left{transform:rotate(-6deg) translateX(34px);z-index:0}
.pg-trio .pg-front{z-index:1}
.pg-trio .pg-right{transform:rotate(6deg) translateX(-34px);z-index:0}
.home-feature .pg-figure{display:grid;justify-items:center;gap:14px;min-width:0;margin:0}
@media(max-width:1050px){.pg-trio .pg-device{width:165px}.pg-trio .pg-side{width:128px}}
@media(max-width:560px){.pg-trio .pg-device{width:150px}.pg-trio .pg-side{width:112px}.pg-trio .pg-left{transform:rotate(-6deg) translateX(30px)}.pg-trio .pg-right{transform:rotate(6deg) translateX(-30px)}}
/* /uygulama: yan yana üç ekran, telefonda kaydırmalı */
.pg-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:0;padding:0;list-style:none}
.pg-gallery li{display:grid;justify-items:center;gap:12px;margin:0}
.pg-gallery .pg-device{width:min(250px,100%)}
.pg-gallery figcaption,.pg-gallery p{margin:0;font-size:14px;line-height:1.45;text-align:center;color:var(--muted-fg,#b9aaae);max-width:26ch}
.pg-gallery strong{display:block;color:var(--fg,#f5f0ef);font-size:15px;margin-bottom:2px}
html[data-theme=light] .pg-gallery strong{color:#1c1718}
@media(max-width:760px){.pg-gallery{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:72%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}.pg-gallery li{scroll-snap-align:center}}
/* Masaüstü: tanıtım kutularında boşluğu azalt, metin ile görseli yaklaştır */
@media(min-width:801px){
  .home-feature>section{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:24px!important;padding:28px 40px!important;align-items:center}
  .home-feature-navigation>section .home-feature-copy{grid-column:2}
  .home-feature-copy{max-width:520px;justify-self:end}
  .home-feature-navigation .home-feature-copy{justify-self:start}
  .home-feature-reviews>section{grid-template-columns:minmax(0,1fr)!important}
  .home-feature-reviews .home-feature-copy{justify-self:stretch;max-width:none}
  .home-feature .home-phone-image{height:400px}
  .pg-trio .pg-device{width:clamp(160px,17vw,200px)}
  .pg-trio .pg-side{width:clamp(122px,13vw,152px)}
  .pg-trio .pg-left{transform:rotate(-6deg) translateX(38px)}
  .pg-trio .pg-right{transform:rotate(6deg) translateX(-38px)}
  .home-feature .pg-figure{gap:10px}
}
