/* GARANTİ Pages 0.2.6 — product photos ("<model> up close"). Uses the page's own tokens; no new colours. */
#gpl .gpl-sec--photos .gwh-wrap{padding-bottom:40px}
#gpl .gpl-gallery{list-style:none!important;margin:0!important;padding:0!important;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
#gpl .gpl-gallery li{margin:0!important;padding:0!important;list-style:none!important}
#gpl .gpl-gallery li::before{content:none!important}
#gpl .gpl-gallery figure{margin:0}
#gpl .gpl-gallery__a{display:block;border-radius:8px;overflow:hidden;background:var(--g-stage,#efedea);aspect-ratio:4/5;outline-offset:3px}
#gpl .gpl-gallery__a img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
#gpl .gpl-gallery__a:hover img{transform:scale(1.03)}
#gpl .gpl-gallery__a:focus-visible{outline:2px solid var(--gp-red,#A4192D)}
#gpl .gpl-gallery figcaption{margin:10px 0 0;font-size:15px;line-height:1.4;color:var(--g-ink,#202326)}
@media (max-width:700px){
  #gpl .gpl-gallery{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0!important;padding:0 0 8px!important;scrollbar-width:none}
  #gpl .gpl-gallery::-webkit-scrollbar{display:none}
  #gpl .gpl-gallery li{flex:0 0 72%;scroll-snap-align:start}
  #gpl .gpl-gallery figcaption{font-size:14px}
}
@media (prefers-reduced-motion:reduce){#gpl .gpl-gallery__a img{transition:none}#gpl .gpl-gallery__a:hover img{transform:none}}
/* Viewer (native <dialog>) */
.gpl-viewer{border:0;padding:0;margin:auto;width:min(92vw,1100px);max-height:94vh;background:#111;color:#fff;border-radius:10px;overflow:hidden}
.gpl-viewer::backdrop{background:rgba(0,0,0,.82)}
.gpl-viewer figure{margin:0;display:flex;flex-direction:column}
.gpl-viewer img{display:block;width:100%;height:auto;max-height:calc(94vh - 64px);object-fit:contain;background:#111}
.gpl-viewer figcaption{display:flex;align-items:center;gap:12px;min-height:56px;padding:6px 8px 6px 18px;font-size:15px}
.gpl-viewer figcaption span{flex:1}
.gpl-viewer button{min-width:44px;min-height:44px;border:0;border-radius:6px;background:transparent;color:#fff;font:inherit;font-size:22px;line-height:1;cursor:pointer}
.gpl-viewer button:hover{background:rgba(255,255,255,.12)}
.gpl-viewer button:focus-visible{outline:2px solid #fff;outline-offset:-2px}
/* Two photos: two columns, not a half-empty row */
@media (min-width:701px){#gpl .gpl-gallery:has(>li:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px}}