/* Propozycja 2 — strona produktu */
.pd{padding:140px 0 110px}
.pd .crumbs{margin-bottom:40px}
.pd-grid{display:grid;grid-template-columns:110px 1fr .8fr;gap:40px;align-items:start}
.pd-gallery{display:contents}
.pd-thumbs{display:flex;flex-direction:column;gap:12px;position:sticky;top:110px;order:-1}
.pd-thumbs button{width:110px;aspect-ratio:1;border:0;background:var(--paper);padding:0;cursor:pointer;overflow:hidden;position:relative;opacity:.55;transition:opacity .5s}
.pd-thumbs button img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}
.pd-thumbs button:hover,.pd-thumbs button.on{opacity:1}
.pd-thumbs button.on::after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--grad)}
.pd-main{position:relative;aspect-ratio:4/5;background:var(--paper);overflow:hidden;cursor:zoom-in}
.pd-main img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;transition:transform .6s var(--out),opacity .25s}
.pd-main img.swap{opacity:0}
.pd-main.zoom img{transform:scale(1.9)}
.pd-main .fr{inset:18px}
.pd-main:hover .fr::before{transform:scaleX(1)}
.pd-main:hover .fr::after{transform:scaleY(1)}
.pd-arrows{position:absolute;right:0;bottom:0;display:flex;z-index:3}
.pd-arrows button{width:56px;height:56px;border:0;background:#fff;font:400 1.1rem var(--serif);cursor:pointer;transition:background .4s,color .4s}
.pd-arrows button:hover{background:var(--ink);color:#fff}
.pd-count{position:absolute;left:22px;top:18px;z-index:3;font-family:var(--serif);font-style:italic;color:var(--gold)}
.pd-info{position:sticky;top:110px}
.pd-info .label{margin-bottom:22px}
.pd-info h1{font-size:clamp(2.8rem,5vw,4.8rem)}
.pd-info .typ{font-size:.66rem;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--muted);margin-top:14px}
.pd-info .fin{margin-top:6px;font-family:var(--serif);font-style:italic;font-size:1.25rem;color:var(--gold)}
.pd-info .desc{margin:30px 0;color:var(--ink2);padding-top:26px;border-top:1px solid var(--line)}
.pd-info .desc p+p{margin-top:12px}
.specs{margin-bottom:36px}
.specs div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px dotted rgba(17,17,17,.25);font-size:.9rem}
.specs dt{font-size:.64rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);padding-top:3px}
.specs dd{text-align:right}
.pd-cta{display:flex;gap:26px;align-items:center;flex-wrap:wrap}
.pd-note{margin-top:24px;font-size:.8rem;color:var(--muted)}
.related{padding:110px 0 130px;border-top:1px solid var(--line)}
.related .pgrid{grid-template-columns:repeat(4,1fr)}
.related .pcard:nth-child(3n+2){transform:none}
.pd-fs{position:fixed;inset:0;z-index:95;background:#fff;display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .5s}
.pd-fs.open{opacity:1;pointer-events:auto}
.pd-fs img{max-width:84vw;max-height:84vh;object-fit:contain}
.pd-fs button{position:absolute;background:none;border:0;font:600 .9rem var(--sans);letter-spacing:.3em;text-transform:uppercase;cursor:pointer;padding:14px}
.pd-fs .x{top:24px;right:24px}.pd-fs .l{left:24px;top:50%}.pd-fs .r{right:24px;top:50%}
.pd-fs-n{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);font-family:var(--serif);font-style:italic;color:var(--gold)}
@media (max-width:1000px){.pd-grid{grid-template-columns:1fr;gap:20px}.pd-thumbs{flex-direction:row;position:static;order:2;overflow-x:auto}.pd-thumbs button{width:76px;flex:none}.pd-main{order:1}.pd-info{order:3;position:static;margin-top:20px}.related .pgrid{grid-template-columns:repeat(2,1fr)}}