:root{--ink:#1d1d1a;--muted:#625e59;--sand:#f1ece5;--cream:#faf8f4;--copper:#987959;--line:#dedbd6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}h1,h2,h3,.brand strong{font-family:Georgia,"Times New Roman",serif;line-height:1.12;letter-spacing:-.025em}h1{font-size:clamp(2.9rem,5.4vw,5.4rem);margin:15px 0 22px}h2{font-size:clamp(2rem,3.8vw,3.5rem);margin:10px 0 20px}h3{font-size:1.45rem;margin:14px 0}a{color:inherit}.wrap{width:min(1240px,calc(100% - 48px));margin:auto}.site-header{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:10}.head-inner{min-height:82px;display:flex;align-items:center;gap:35px}.brand{text-decoration:none;display:flex;flex-direction:column;min-width:162px}.brand strong{font-size:30px;font-weight:400}.brand span{font-size:10px;letter-spacing:.5em}.nav{flex:1}.nav-list{display:flex;align-items:center;justify-content:center;gap:20px;list-style:none;padding:0;margin:0}.nav a{text-decoration:none;font-size:13px;white-space:nowrap}.nav a:hover,.text-link:hover{color:var(--copper)}.call{background:#1b1b19;color:white;text-decoration:none;padding:11px 23px;border-radius:5px;font-size:14px}.menu-toggle{display:none}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:10px;top:10px;background:#fff;z-index:99;padding:10px}.hero{background:var(--cream)}.hero-inner{min-height:520px;display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.hero-copy{padding:77px 40px 77px 0;align-self:center}.hero-copy p{font-size:18px;max-width:540px}.eyebrow{font-size:11px;letter-spacing:.19em;font-weight:700}.hero-image{background:linear-gradient(130deg,#ded0bc 0%,#e7ded1 43%,#a58c73 100%);position:relative;min-height:430px}.hero-image:after{content:'MIEJSCE NA FOTOGRAFIĘ ODBITEK';position:absolute;left:24px;bottom:24px;font-size:11px;color:#3c3027;letter-spacing:.15em}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.button{padding:13px 22px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;text-align:center;font-weight:600;text-decoration:none;font-size:14px;min-height:48px}.button-dark{background:#20201e;color:white}.button-outline{border:1px solid #82776b}.button-light{background:#f1e6d8;color:#28221b}.benefits{display:flex;gap:21px;flex-wrap:wrap;margin-top:36px;font-size:13px}.services{padding-top:90px;padding-bottom:95px}.section-head{max-width:800px;margin-bottom:40px}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.service{min-height:245px;background:var(--cream);border:1px solid var(--line);padding:26px 20px;display:flex;flex-direction:column;text-decoration:none;transition:transform .2s}.service:hover{transform:translateY(-3px)}.service-index{font-size:12px;color:var(--copper)}.service p{color:var(--muted);font-size:14px;margin:0}.service-more{margin-top:auto;padding-top:22px;font-size:13px;font-weight:700}.fine-art{background:#25231f;color:white}.fine-art-inner{display:grid;grid-template-columns:1fr 1fr;min-height:440px;align-items:center;gap:55px;padding-top:65px;padding-bottom:65px}.fine-art p{color:#e2dbd2;max-width:500px}.printer-placeholder{height:300px;border:1px solid #81756b;background:linear-gradient(130deg,#191919,#50483e);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;font-size:28px;font-weight:700;letter-spacing:.1em}.printer-placeholder small{font-size:12px;letter-spacing:0;font-weight:400;margin:8px 20px}.print-online{padding-top:100px;padding-bottom:100px;max-width:900px;text-align:center}.print-online .actions{justify-content:center}.print-online p{color:var(--muted)}.snapshot{background:var(--sand)}.snapshot-inner{padding-top:75px;padding-bottom:75px;display:flex;gap:60px;align-items:center;justify-content:space-between}.snapshot-inner>div:first-child{max-width:680px}.snapshot-inner p{color:var(--muted)}.snapshot-tag{font:35px Georgia,serif;text-align:center;white-space:nowrap}.snapshot-tag span{font:12px system-ui,sans-serif;letter-spacing:.1em;display:block}.text-link{font-weight:700;text-underline-offset:4px}.footer{background:#1d1d1b;color:#fff;padding:65px 0}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.footer p{color:#dad4cd}.content{padding-top:65px;padding-bottom:90px;min-height:40vh;max-width:960px}.content h1{font-size:clamp(2.3rem,4vw,4rem)}.content img{max-width:100%;height:auto}@media(max-width:1000px){.head-inner{flex-wrap:wrap;gap:12px}.menu-toggle{display:block;margin-left:auto;background:none;border:1px solid var(--line);border-radius:4px;padding:10px 14px}.nav{display:none;order:5;flex-basis:100%}.nav.is-open{display:block}.nav-list{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:10px 0}.nav-list li a{display:block;padding:13px}.services-grid{grid-template-columns:repeat(2,1fr)}.call{display:none}}@media(max-width:700px){.wrap{width:min(100% - 30px,1240px)}.hero-inner,.fine-art-inner,.footer-grid{grid-template-columns:1fr}.hero-copy{padding:48px 0 32px}.hero-image{min-height:230px}.hero-copy p{font-size:16px}.services{padding-top:60px;padding-bottom:60px}.services-grid{grid-template-columns:1fr}.service{min-height:190px}.fine-art-inner{gap:25px}.printer-placeholder{height:210px}.snapshot-inner{flex-direction:column;align-items:start;gap:20px}.print-online{padding-top:65px;padding-bottom:65px}.benefits{gap:13px}.brand strong{font-size:25px}}

/* FOG v0.2 — typografia, hierarchia i responsywne karty */
:root{--cream:#fbfaf8;--sand:#f4efe8;--ink:#201f1d;--copper:#927054}
.wrap{width:min(1300px,calc(100% - 64px))}
h1,h2,h3{font-weight:600;letter-spacing:-.035em}
h1{font-size:clamp(2.8rem,4.25vw,4.4rem);line-height:1.075;margin:18px 0 23px}
h2{font-size:clamp(2rem,3vw,3.1rem);line-height:1.12}
h3{font-size:clamp(1.3rem,1.5vw,1.65rem)}
.hero-inner{grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);min-height:570px}
.hero-copy{padding:65px 55px 65px 0}
.hero-copy p{max-width:540px;line-height:1.55;color:#494540}
.hero-image{min-height:480px;background:linear-gradient(145deg,#e9e0d3,#cdbba5 60%,#a18770)}
.hero-image:before{content:'ZDJĘCIE GŁÓWNE';display:block;position:absolute;top:42%;width:100%;text-align:center;font-size:clamp(1.1rem,2vw,1.75rem);letter-spacing:.12em;color:#6c5b4a;font-family:Georgia,serif}
.hero-image:after{content:'Tutaj umieścimy autentyczne zdjęcie odbitek';letter-spacing:.04em;font-size:12px}
.services{padding-top:75px;padding-bottom:85px}
.section-head{max-width:900px;margin-bottom:30px}
.services-grid{gap:17px}
.service{padding:0 0 23px;min-height:340px;overflow:hidden;background:#fff}
.service-media{height:170px;display:flex;align-items:flex-end;padding:18px 19px;background:#ebe5dc;color:#51493f;background-position:center;background-size:cover}
.service-media span{font-size:11px;letter-spacing:.09em;text-transform:uppercase;background:rgba(255,255,255,.86);padding:5px 8px}
.service-media-doc{background-image:linear-gradient(145deg,#eee9e4,#c9b9a8)}
.service-media-print{background-image:linear-gradient(145deg,#e5e4db,#b6b7a5)}
.service-media-fine{background-image:linear-gradient(145deg,#e7ded3,#aaa08f)}
.service-media-vhs{background-image:linear-gradient(145deg,#d9d5d0,#9c938c)}
.service>.service-index,.service>h3,.service>p,.service>.service-more{margin-left:19px;margin-right:19px}
.service-index{margin-top:20px}.service h3{margin-top:7px;margin-bottom:8px;line-height:1.2}.service-more{padding-top:18px}
.fine-art-inner{min-height:420px;padding-top:72px;padding-bottom:72px}.fine-art h2{font-size:clamp(2.6rem,3.9vw,4.5rem)}
.printer-placeholder{height:340px}.print-online{padding-top:75px;padding-bottom:85px}
.snapshot-inner{padding-top:68px;padding-bottom:68px}.snapshot h2{font-size:clamp(2rem,2.8vw,3rem)}
.footer{padding:55px 0}.footer h2{font-size:clamp(2rem,3vw,3rem)}
@media(max-width:1050px){.hero-inner{grid-template-columns:1fr 1fr}.hero-copy{padding-right:26px}.services-grid{grid-template-columns:repeat(2,1fr)}.hero-image{min-height:390px}}
@media(max-width:700px){.wrap{width:calc(100% - 34px)}.hero-inner,.fine-art-inner{grid-template-columns:1fr}.hero-copy{padding:49px 0 36px}.hero-image{min-height:270px}.hero-image:before{top:40%}.services-grid{grid-template-columns:1fr}.service{min-height:0}.service-media{height:215px}.services{padding-top:54px;padding-bottom:60px}.hero h1{font-size:clamp(2.7rem,10.2vw,4rem)}.benefits{font-size:12px}.fine-art-inner{padding-top:58px;padding-bottom:60px}.print-online{padding-top:60px;padding-bottom:60px}.snapshot-inner{padding-top:55px;padding-bottom:55px}.footer-grid{gap:20px}}

/* v0.3: grafiki robocze; podmieniaj pliki w assets/images bez zmian w kodzie */
.hero-image{background-image:url('../images/usluga-odbitki.webp');background-size:cover;background-position:64% center}
.hero-image::before,.hero-image::after{content:none!important}
.service-media-print{background-image:url('../images/usluga-odbitki.webp');background-position:65% center}
.service-media-vhs{background-image:url('../images/usluga-vhs.webp');background-position:65% center}
.service-media-fine{background-image:url('../images/zamow-fine-art.webp');background-position:70% center}
.printer-placeholder{background:url('../images/zamow-fine-art.webp') center / cover no-repeat;border:0;min-height:320px}
.online-preview{height:250px;width:min(100%,720px);margin:28px auto 8px;background:url('../images/zamow-odbitki.webp') center 52% / cover no-repeat;border-radius:5px}
@media(max-width:700px){.hero-image{background-position:65% center}.printer-placeholder{min-height:245px}.online-preview{height:210px}}

/* FOG v0.4 — naprawa siatki po błędnej podmianie PHP; bez nakładek tekstowych */
.services .services-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  align-items: stretch;
}
.services .services-grid > a.service {
  display: flex;
  flex-direction: column;
  min-width: 0;
  width: auto;
  height: auto;
  padding: 0 0 22px;
  margin: 0;
  background: #fff;
  overflow: hidden;
  border: 1px solid var(--line);
  text-decoration: none;
}
.services .services-grid .service-media {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  flex: 0 0 auto;
  margin: 0;
  padding: 0;
  position: relative;
  background-color: #e5ded5;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.services .services-grid .service-media::before,
.services .services-grid .service-media::after,
.printer-placeholder::before,
.printer-placeholder::after {content: none !important;display:none !important;}
.services .service-media-doc {background-image: url('../images/usluga-dokumenty.webp');}
.services .service-media-print {background-image: url('../images/usluga-odbitki.webp');}
.services .service-media-fine {background-image: url('../images/zamow-fine-art.webp');}
.services .service-media-vhs {background-image: url('../images/usluga-vhs.webp');}
.services .service-index,
.services .service h3,
.services .service p,
.services .service .service-more {display:block;margin-left:20px;margin-right:20px;}
.services .service-index {margin-top:18px;}
.services .service h3 {font-size:clamp(1.25rem,1.55vw,1.6rem);line-height:1.18;}
.services .service .service-more {margin-top:auto;padding-top:24px;}
.fine-art .printer-placeholder {
  display: block;
  overflow: hidden;
  font-size: 0 !important;
  color: transparent !important;
  text-indent: -9999px;
  background: url('../images/zamow-fine-art.webp') center center / cover no-repeat;
  border: 0;
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  min-height: 0;
}
@media (max-width:1050px) {
  .services .services-grid {grid-template-columns: repeat(2,minmax(0,1fr));}
}
@media (max-width:700px) {
  .services .services-grid {grid-template-columns: minmax(0,1fr);}
  .services .services-grid .service-media {aspect-ratio: 3 / 2;}
  .fine-art .printer-placeholder {aspect-ratio: 3 / 2;}
}

/* FOG v0.5: real logo, opening hours, accessible responsive footer */
.fog-topline{background:#f2eee8;border-bottom:1px solid #e5e0d9;color:#403b35;font-size:12px}
.fog-topline-inner{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:34px}
.brand.brand-image{display:flex;align-items:center;justify-content:flex-start;min-width:180px;max-width:205px;padding:7px 0}
.brand-image img{display:block;width:100%;height:auto;max-height:54px;object-fit:contain;object-position:left center}
.head-inner{min-height:74px}
.fog-footer{padding:68px 0 22px;background:#1e1e1c;color:#f5f1eb}
.fog-footer-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:32px}
.fog-footer-grid h2{font-family:system-ui,-apple-system,sans-serif;font-size:16px;letter-spacing:0;font-weight:700;margin:0 0 22px}
.fog-footer-grid p{font-size:14px;line-height:1.7;color:#c9c4bc}
.fog-footer-brand img{display:block;width:195px;max-width:100%;height:auto;margin-bottom:17px}
.fog-footer address{font-style:normal;font-size:14px;line-height:1.85;color:#e5e0d9}
.fog-footer address span{color:#bfb7ad}
.fog-footer a{color:#f5f1eb;text-underline-offset:4px}
.fog-footer-link{display:inline-block;margin-top:18px;font-size:14px;font-weight:700}
.fog-hours{font-size:13px;margin:0}.fog-hours div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-bottom:1px solid #45423e;padding:10px 0}.fog-hours dt{color:#d4cec6}.fog-hours dd{margin:0;white-space:nowrap;font-weight:700}
.fog-phone{display:block;font-size:clamp(18px,1.7vw,23px);font-weight:700;text-decoration:none;margin-bottom:13px}
.fog-email{display:block;font-size:13px;overflow-wrap:anywhere}.fog-small{margin-top:18px}
.fog-footer-bottom{border-top:1px solid #45423e;padding-top:20px;margin-top:55px;display:flex;justify-content:space-between;gap:16px;color:#beb8b0;font-size:12px;flex-wrap:wrap}
.fog-footer-bottom div{display:flex;gap:24px}.fog-footer-bottom a{color:#beb8b0}
@media(max-width:1020px){.fog-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px}.fog-detail{display:none}}
@media(max-width:700px){.fog-topline-inner{min-height:0;flex-direction:column;align-items:flex-start;gap:2px;padding:7px 0;font-size:11px}.brand.brand-image{min-width:145px;max-width:165px}.brand-image img{max-height:45px}.head-inner{min-height:66px}.fog-footer{padding:48px 0 22px}.fog-footer-grid{grid-template-columns:1fr;gap:35px}.fog-footer-grid h2{margin-bottom:12px}.fog-footer-bottom{margin-top:38px}}

/* v0.6 – czyste zdjęcie na pierwszym ekranie */
.hero-image {
  background-image: url('../images/hero-odbitki.webp') !important;
  background-size: cover;
  background-position: 55% center;
  background-repeat: no-repeat;
}
.hero-image::before,
.hero-image::after { content: none !important; display: none !important; }
@media (max-width: 700px) {
  .hero-image { background-position: center 48%; }
}


/* FOG 0.7: dwa oddzielne obszary odbitek i Fine Art */
.fog-order-section{padding:clamp(56px,7vw,104px) 0;background:#faf9f7}
.fog-order-section .wrap{max-width:1220px}
.fog-order-heading{max-width:760px;margin:0 0 34px}
.fog-order-heading .eyebrow{display:block;margin-bottom:13px}
.fog-order-heading h2{font-size:clamp(2.25rem,4.2vw,4rem);line-height:1.07;letter-spacing:-.035em;margin:0 0 18px}
.fog-order-heading p{max-width:680px;font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.65;color:#5e5953;margin:0}
.fog-order-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
.fog-order-card{background:#fff;border:1px solid #e0ddd7;display:flex;flex-direction:column;min-width:0;overflow:hidden}
.fog-order-visual{display:block;overflow:hidden;aspect-ratio:3/2;background:#e9e3da}
.fog-order-visual img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.fog-order-visual:hover img{transform:scale(1.025)}
.fog-order-content{padding:clamp(22px,2.8vw,36px);display:flex;flex-direction:column;align-items:flex-start;flex:1}
.fog-order-kicker{font:700 11px/1.35 system-ui,-apple-system,sans-serif;letter-spacing:.18em;color:#916f50;margin-bottom:12px}
.fog-order-content h3{font-size:clamp(1.55rem,2.25vw,2.4rem);line-height:1.13;letter-spacing:-.02em;margin:0 0 15px}
.fog-order-content p{color:#625d56;font-size:1rem;line-height:1.7;margin:0 0 25px}
.fog-order-content .button{margin-top:auto}
.fog-order-notice{margin:20px 0 0;color:#726e67;font-size:.86rem;line-height:1.6}
@media(max-width:740px){.fog-order-section{padding:50px 0}.fog-order-grid{grid-template-columns:1fr;gap:18px}.fog-order-visual{aspect-ratio:3/2}.fog-order-content{padding:24px}.fog-order-heading{margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){.fog-order-visual img{transition:none}}

/* FOG v0.8 — oryginalne logo SNAPshot, bez konfliktu z innymi sekcjami */
.snapshot .snapshot-inner{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(270px,.85fr);gap:clamp(28px,5vw,80px);align-items:center}
.snapshot .snapshot-inner>div:first-child{max-width:670px}
.snapshot .snapshot-inner h2{font-size:clamp(2rem,3.1vw,3.15rem);line-height:1.12;max-width:650px}
.snapshot-logo-link{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;text-decoration:none;padding:22px 24px;border:1px solid rgba(60,50,40,.13);background:rgba(255,255,255,.30);border-radius:4px;min-height:205px;transition:border-color .2s ease,background-color .2s ease}
.snapshot-logo-link:hover,.snapshot-logo-link:focus-visible{border-color:#967c63;background:rgba(255,255,255,.6)}
.snapshot-logo-img{display:block;width:min(100%,390px);height:auto;object-fit:contain}
.snapshot-logo-action{font-size:13px;color:#4d443e;font-weight:650;text-align:center}
@media(max-width:800px){.snapshot .snapshot-inner{grid-template-columns:1fr;gap:24px}.snapshot-logo-link{max-width:520px;width:100%;min-height:150px;margin:0 auto}}
@media(max-width:480px){.snapshot-logo-link{padding:14px 18px}.snapshot .snapshot-inner h2{font-size:clamp(1.95rem,8vw,2.5rem)}}

/* v0.9 — spokojniejsza hierarchia i lokalne informacje */
.hero-copy h1{font-size:clamp(2.7rem,4vw,4.3rem);line-height:1.09}
.hero-copy p{max-width:520px}
.services{padding-top:clamp(54px,6vw,78px);padding-bottom:clamp(54px,6vw,78px)}
.services .section-head h2{max-width:760px;font-size:clamp(2rem,3vw,3rem)}
.services .services-grid .service-media{background-position:center center}
.services .service-media-print{background-image:url('../images/usluga-odbitki-czyste.webp')}
.services .service-media-fine{background-image:url('../images/usluga-fine-art-czyste.webp')}
.services .service-media-vhs{background-image:url('../images/usluga-vhs-czyste.webp')}
.fine-art .printer-placeholder{background-image:url('../images/usluga-fine-art-czyste.webp')}
.fine-art-inner{gap:clamp(24px,4vw,56px)}
.snapshot .snapshot-inner{padding-top:clamp(38px,4.5vw,55px);padding-bottom:clamp(38px,4.5vw,55px)}
.snapshot .snapshot-inner h2{font-size:clamp(1.8rem,2.65vw,2.85rem);max-width:530px}
.snapshot-logo-link{min-height:170px}
.fog-local{background:#fff;padding:clamp(55px,7vw,95px) 0}
.fog-local-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,7vw,96px);align-items:start}
.fog-local h2{font-size:clamp(2rem,3.1vw,3.25rem);margin:14px 0 18px}
.fog-local-intro>p{line-height:1.7;color:#514b44;max-width:570px}
.fog-local-actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}
.fog-local-hours{font-size:14px}
.fog-faq h3{font-size:clamp(1.5rem,2vw,2rem);margin:12px 0 20px}
.fog-faq details{border-top:1px solid #ddd8d1;padding:15px 0}
.fog-faq details:last-child{border-bottom:1px solid #ddd8d1}
.fog-faq summary{cursor:pointer;font-weight:650;list-style:none;padding-right:28px;position:relative}
.fog-faq summary::-webkit-details-marker{display:none}
.fog-faq summary:after{content:'+';position:absolute;right:4px;top:0;font-size:20px;font-weight:400}
.fog-faq details[open] summary:after{content:'−'}
.fog-faq details p{font-size:14px;color:#605a54;line-height:1.7;margin:11px 0 0}
@media(max-width:760px){.fog-local-grid{grid-template-columns:1fr}.fog-local-actions .button{width:100%}.hero-copy h1{font-size:clamp(2.3rem,9vw,3.6rem)}}