/* Jesienna skórka sklepu (body.sm-sezon-jesien) + jesienna strona główna (.gj). Ładowane tylko w sezonie / podglądzie (inc/sezon.php).
   Paleta: oliwka (pasek, stopka), rdza jako akcent sezonu (kontrast z białym 6:1), ciepły papier jako tło sekcji. Niebieski marki zostaje przy koszyku. */
.sm-sezon-jesien {
	--gj-oliwka: #2e3526;
	--gj-oliwka-jasna: #49533c;
	--gj-rdza: #a4471f;
	--gj-rdza-ciemna: #86391a;
	--gj-papier: #f7f2ea;
	--gj-linia: #e6ddcf;
}

/* ---------- skórka całego sklepu ---------- */
.sm-sezon-jesien .sm-topbar { background: var(--gj-oliwka); }
.sm-sezon-jesien .sm-nav > .sm-wrap > ul > li > a:hover, .sm-sezon-jesien .sm-nav .sub-menu a:hover { color: var(--gj-rdza); }
.sm-sezon-jesien a:hover { color: var(--gj-rdza); }
.sm-sezon-jesien .sm-sekcja__tytul { border-bottom-color: var(--gj-linia); }
.sm-sezon-jesien .sm-sekcja__tytul::before { content: ""; display: inline-block; width: 14px; height: 14px; margin-right: 10px; vertical-align: -1px; background: var(--gj-rdza); border-radius: 0 70% 0 70%; transform: rotate(-12deg); }
.sm-sezon-jesien .sm-kafel:hover .sm-kafel__tytul, .sm-sezon-jesien .sm-produkt:hover .sm-produkt__nazwa { color: var(--gj-rdza); }
.sm-sezon-jesien .sm-footer { background: var(--gj-papier); border-top-color: var(--gj-linia); }
.sm-sezon-jesien .sm-footer__dol { background: var(--gj-oliwka); color: #e9e4d8; }

/* ---------- strona główna: wspólne ---------- */
.gj { padding-bottom: 30px; }
.gj-sekcja { margin-bottom: 64px; }
.gj-tytul { font: 500 30px/1.15 "Oswald", sans-serif; margin: 0 0 24px; text-align: center; color: var(--sm-tekst); }
.gj-tytul--lewo { text-align: left; }
.gj-przycisk { display: inline-block; padding: 13px 22px; border-radius: 3px; background: var(--gj-rdza); color: #fff; font: 500 16px/1.2 "Oswald", sans-serif; letter-spacing: .02em; transition: background .2s; }
.gj-przycisk:hover { background: var(--gj-rdza-ciemna); color: #fff; }
.gj-przycisk--jasny { background: rgba(255,255,255,.85); color: var(--gj-oliwka); box-shadow: inset 0 0 0 1px var(--gj-oliwka); }
.gj-przycisk--jasny:hover { background: #fff; color: var(--gj-rdza); }
.gj-cena del { color: var(--sm-jasny); }
.gj-cena ins { text-decoration: none; color: var(--sm-czerwony); }

/* ---------- 2 · hero ---------- */
.gj-hero { position: relative; overflow: hidden; background: var(--gj-papier); }
.gj-hero img { width: 100%; height: min(76vh, 56vw); min-height: 420px; object-fit: cover; object-position: 70% 50%; }
.gj-hero__tekst { position: absolute; left: max(var(--sm-odstep), calc((100vw - var(--sm-szer)) / 2)); top: 50%; translate: 0 -50%; width: min(34vw, 470px); color: #2a2a22; }
.gj-hero__nad { margin: 0 0 10px; font: 500 14px/1 "Oswald", sans-serif; letter-spacing: .14em; text-transform: uppercase; color: var(--gj-rdza); }
.gj-hero__tytul { margin: 0 0 14px; font: 500 clamp(30px, 3.4vw, 50px)/1.08 "Oswald", sans-serif; }
.gj-hero__opis { margin: 0 0 22px; font-size: 16px; line-height: 1.6; color: #3d3b33; }
.gj-hero__przyciski { display: flex; flex-wrap: wrap; gap: 10px; }

/* ---------- 3 · pasek korzyści ---------- */
.gj-korzysci { list-style: none; margin: 0 0 48px; padding: 16px var(--sm-odstep); display: flex; justify-content: center; flex-wrap: wrap; gap: 10px 42px; background: var(--gj-oliwka); color: #ece6d8; font-size: 14px; }
.gj-korzysci strong { color: #fff; font-weight: 600; }
.gj-korzysci a { color: #fff; text-decoration: underline; }

/* ---------- 4 · kategorie ---------- */
.gj .sm-kafle { margin-bottom: 20px; }
.gj .sm-kafel__tytul { font-size: 23px; margin: 12px 0 4px; }
.gj-podkategorie { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.gj-podkategorie a { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 8px 14px; border: 1px solid var(--gj-linia); border-radius: 3px; background: #fff; font-size: 14px; }
.gj-podkategorie a:hover { border-color: var(--gj-rdza); }
.gj-podkategorie span { color: var(--sm-jasny); font-size: 12px; }

/* ---------- 5 · sezon ---------- */
.gj .sm-banery { margin-bottom: 0; }

/* ---------- 7 · prezenty ---------- */
#gj-prezenty { background: var(--gj-papier); margin-inline: calc(-1 * var(--sm-odstep)); padding: 44px var(--sm-odstep); }
.gj-prezenty { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.gj-prezenty + .gj-prezenty { margin-top: 16px; }
.gj-prezenty--4 { grid-template-columns: repeat(4, 1fr); }
.gj-prezent { display: flex; flex-direction: column; padding: 16px; background: #fff; border: 1px solid var(--gj-linia); transition: border-color .2s; }
.gj-prezent:hover { border-color: var(--gj-rdza); }
.gj-prezent__obrazy { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; margin-bottom: 12px; }
.gj-prezent__obrazy img { aspect-ratio: 1; width: 100%; object-fit: cover; background: #f4f4f4; }
.gj-prezent__tytul { font: 500 22px/1.2 "Oswald", sans-serif; }
.gj-prezenty--4 .gj-prezent__tytul { font-size: 19px; }
.gj-prezent__opis { margin-top: 4px; font-size: 13px; color: var(--sm-jasny); }

/* ---------- 8 · inspiracja ---------- */
.gj-inspiracja { display: grid; grid-template-columns: 1.4fr 1fr; gap: 36px; align-items: center; }
.gj-inspiracja__obraz img { width: 100%; height: auto; }
.gj-inspiracja__tekst p { margin: 0 0 12px; }
.gj-inspiracja__tekst p a { color: var(--gj-rdza); text-decoration: underline; }
.gj-inspiracja__pod { margin-top: 20px !important; font: 500 14px "Oswald", sans-serif; letter-spacing: .1em; text-transform: uppercase; color: var(--sm-jasny); }
.gj-inspiracja__lista { list-style: none; margin: 0; padding: 0; }
.gj-inspiracja__lista a { display: grid; grid-template-columns: 64px 1fr auto; gap: 12px; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--gj-linia); font-size: 13px; }
.gj-inspiracja__lista img { width: 64px; height: 64px; object-fit: cover; }
.gj-inspiracja__lista .gj-cena { white-space: nowrap; font-weight: 600; }

/* ---------- 10 · poradniki ---------- */
.gj-wpisy { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.gj-wpis img { width: 100%; aspect-ratio: 3/2; object-fit: cover; margin-bottom: 12px; }
.gj-wpis__tytul { display: block; font: 500 20px/1.25 "Oswald", sans-serif; margin-bottom: 6px; }
.gj-wpis__opis { display: block; font-size: 14px; color: var(--sm-szary); }

/* ---------- 11 · o sklepie ---------- */
.gj-o-nas { display: grid; grid-template-columns: 2fr 1fr; gap: 40px; padding-top: 40px; border-top: 1px solid var(--gj-linia); }
.gj-o-nas p a { color: var(--gj-rdza); text-decoration: underline; }
.gj-o-nas address { font-style: normal; line-height: 1.9; padding: 20px 24px; background: var(--gj-papier); }

/* ---------- telefon i tablet ---------- */
@media (max-width: 1100px) {
	.gj-prezenty--4 { grid-template-columns: repeat(2, 1fr); }
	.gj-wpisy { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 760px) {
	/* produkty są w dolnej połowie pionowego kadru: przycinamy górę (ściana), a tekst idzie pod zdjęcie, żeby niczego nie zasłaniał */
	.gj-hero img { height: auto; min-height: 0; aspect-ratio: 1200 / 1000; object-position: 50% 85%; }
	.gj-hero__tekst { position: static; translate: none; width: auto; padding: 18px 16px 22px; }
	.gj-hero__tytul { font-size: 28px; }
	.gj-hero__opis { font-size: 14px; margin-bottom: 14px; }
	.gj-przycisk { padding: 12px 16px; font-size: 15px; }
	.gj-korzysci { justify-content: flex-start; flex-direction: column; gap: 6px; padding: 14px 16px; }
	.gj-tytul { font-size: 24px; }
	.gj-prezenty, .gj-prezenty--4 { grid-template-columns: 1fr; }
	.gj-inspiracja, .gj-o-nas { grid-template-columns: 1fr; gap: 20px; }
	.gj-wpisy { grid-template-columns: 1fr; }
	#gj-prezenty { padding: 32px 16px; }
}

/* jeden poradnik: karta pozioma zamiast jednej trzeciej szerokości */
.gj-wpis:only-child { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 420px) 1fr; gap: 8px 28px; align-items: center; }
.gj-wpis:only-child img { grid-row: span 2; margin: 0; }
.gj-wpis:only-child .gj-wpis__tytul { align-self: end; font-size: 26px; }
.gj-wpis:only-child .gj-wpis__opis { align-self: start; }
@media (max-width: 760px) { .gj-wpis:only-child { grid-template-columns: 1fr; } .gj-wpis:only-child img { grid-row: auto; } }

/* dane firmy w „Kto prowadzi sklep”: trzy adresy z opisem roli */
.gj-o-nas address { line-height: 1.7; }
.gj-adres__opis { color: var(--sm-jasny); font-size: 13px; }
.gj-adres__uwaga { display: block; margin-top: 8px; font-size: 13px; color: var(--sm-jasny); }

/* funkcja odstąpienia od umowy (art. 11a dyrektywy 2011/83/UE): wyraźny przycisk na stronie głównej */
.gj-odstapienie { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin-top: 18px !important; }
.gj-odstapienie a:not(.gj-przycisk) { color: var(--gj-rdza); text-decoration: underline; }
.gj-odstapienie__info { font-size: 13px; color: var(--sm-jasny); }