/* Bukietowa's original catalog layout with a separate mrossess palette. */
body.motyw-rozowy {
  --tlo:#faf5f0;
  --tekst:#3e3038;
  --akcent:#9d5b73;
  --akcent-tekst:#fff;
  --karta:#fffdfb;
  --karta-obr:#e8d7d9;
  --cien:0 6px 18px rgba(115,66,84,.1);
  --przygaszony:#7e6c73;
}
.naglowek-katalogu { padding-top:3.5rem; }
.naglowek-katalogu .logo-mrossess { position:relative; width:340px; max-width:100%; height:auto; aspect-ratio:760/620; padding:0; border:0; background:transparent; border-radius:0; overflow:hidden; }
.logo-mrossess img { width:100%; height:100%; object-fit:contain; object-position:center; mix-blend-mode:multiply; }
/* Frame the supplied artwork, removing only the empty margins from view. */
.logo-mrossess img[src="logo-mrossess-wordmark.png"] { position:absolute; width:173.6842%; max-width:none; height:auto; left:-65.7895%; top:-17.7419%; }
.jezyki { position:absolute; top:12px; right:16px; display:flex; gap:4px; border:1px solid var(--karta-obr); border-radius:999px; padding:3px; background:var(--karta); }
.jezyki a { display:block; padding:7px 10px; font-size:.75rem; border-radius:999px; }
.jezyki a[aria-current] { background:var(--akcent); color:#fff; }
.karta-produktu { border-radius:16px; }
.okno-fotografii { position:relative; width:100%; aspect-ratio:921/1228; overflow:hidden; background:#cbc6c4; }
.okno-fotografii .zdjecie { position:absolute; top:0; left:0; width:100%; height:100%; max-width:none; aspect-ratio:auto; object-fit:contain; }
.okno-fotografii.kadr-zrzutu .zdjecie { height:auto; object-fit:initial; transform:translateY(var(--foto-offset)); }
.miniatura-kategorii { object-position:center 62%; }
#lightbox .lb-foto { position:relative; width:min(90vw,calc(84vh * .75)); aspect-ratio:921/1228; overflow:hidden; border-radius:8px; }
#lightbox #lb-obraz { position:absolute; top:0; left:0; width:100%; height:100%; max-width:none; max-height:none; object-fit:contain; border-radius:0; }
#lightbox .kadr-zrzutu #lb-obraz { height:auto; object-fit:initial; transform:translateY(var(--foto-offset)); }
#pasek-koszyka.ma-produkty { background:#85465d; }
.ceny .pln { font-size:1rem; }
button:focus-visible,a:focus-visible,.zdjecie:focus-visible { outline:3px solid var(--akcent); outline-offset:3px; }
footer { padding-bottom:6rem; }
.zakladki-okazji { display:flex; flex-wrap:wrap; justify-content:center; gap:.6rem; padding:1rem 0; scroll-margin-top:15px; }
.zakladki-okazji button { padding:.7rem 1.15rem; min-height:44px; border:1px solid var(--karta-obr); border-radius:999px; background:var(--karta); color:var(--tekst); font:inherit; font-size:.9rem; cursor:pointer; }
.zakladki-okazji button:hover,.zakladki-okazji button.aktywna { background:var(--akcent); border-color:var(--akcent); color:white; }
.tytul-okazji { margin:1.4rem 0 0; text-align:center; font-size:1.35rem; font-weight:500; }
.okazje-kafelki { grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.6rem; padding-top:1.6rem; }
.kafelek.kafelek-okazji { min-width:0; font:inherit; padding:0; aspect-ratio:4/3; min-height:280px; position:relative; overflow:hidden; }
.kafelek-okazji .foto-okazji { position:absolute; inset:0; overflow:hidden; }
.foto-okazji img { position:absolute; top:0; left:0; width:100%; height:100%; max-width:none; object-fit:cover; object-position:center 65%; }
.foto-okazji.kadr-zrzutu img { height:auto; object-fit:initial; transform:translateY(calc(var(--foto-offset) - 14%)); }
.kafelek-okazji .etykieta-kafelka { padding:1.5rem; }
.kafelek-okazji strong { font-size:1.45rem; letter-spacing:.025em; }
.kafelek-okazji .etykieta-kafelka small { font-size:.9rem; line-height:1.5; letter-spacing:0; }
.kafelek-przejdz { display:inline-block; margin-top:1rem; padding:.45rem .8rem; border:1px solid #ffffff88; border-radius:999px; font-size:.78rem; }
.kafelek-okazji.bez-fotografii { flex-direction:column; gap:1rem; background:linear-gradient(145deg,#fffdfb,#eee3dd); color:var(--tekst); }
.kafelek.bez-fotografii .etykieta-kafelka { padding:0 1.5rem 1.5rem; }
.bez-fotografii .kafelek-przejdz { border-color:var(--karta-obr); color:var(--akcent); }
.okazja-symbol { font:6rem Georgia,serif; color:#bd9e9e; line-height:1; }
.okazje-kafelki .szeroki { grid-column:1/-1; aspect-ratio:8/3; }
.szyld-informacyjny { display:flex; align-items:center; gap:1rem; max-width:900px; margin:0 auto 2rem; padding:1.3rem 1.6rem; background:var(--karta); border:1px solid var(--karta-obr); border-radius:16px; }
.szyld-informacyjny h2 { margin:0 0 .4rem; font-size:1.2rem; }
.szyld-informacyjny p { white-space:pre-line; margin:0 0 .5rem; }
.szyld-informacyjny a { color:var(--akcent); text-decoration:underline; }
.szyld-ikona { font-size:2.3rem; }
.pusta-okazja { grid-column:1/-1; text-align:center; padding:3rem 1.5rem; background:var(--karta); border:1px solid var(--karta-obr); border-radius:16px; }
.pusta-okazja>span { display:block; font-size:4rem; color:var(--akcent); }
.pusta-okazja h3 { font-size:1.5rem; margin:1rem 0; }
.pusta-okazja p { max-width:480px; margin:auto; line-height:1.7; color:var(--przygaszony); }
.pusta-okazja a { background:var(--akcent); color:white; }
@media(max-width:600px) {
  .naglowek-katalogu h1 { font-size:1.35rem; letter-spacing:.065em; }
  .naglowek-katalogu .logo-mrossess { width:280px; height:auto; }
  .siatka-produktow { grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); }
  .okazje-kafelki { grid-template-columns:1fr; gap:1.1rem; }
  .kafelek.kafelek-okazji { aspect-ratio:4/3; min-height:250px; }
  .szyld-informacyjny { margin:0 1rem 1rem; padding:1rem; }
  .zakladki-okazji { gap:.4rem; }
  .zakladki-okazji button { padding:.65rem .8rem; font-size:.8rem; }
  .tytul-okazji { font-size:1.15rem; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }