#larum-lenses-page { --larum-lenses-gold: #9a7d00; --larum-lenses-text: #2b2b2b; --larum-lenses-muted: #666666; --larum-lenses-soft: #f7f7f5; width: 100%; margin: 0; padding: 0; color: var(--larum-lenses-text); background: #ffffff; font-family: inherit; } #larum-lenses-page *, #larum-lenses-page *::before, #larum-lenses-page *::after { box-sizing: border-box; } #larum-lenses-page .larum-lenses-container { width: min(1120px, calc(100% - 40px)); margin: 0 auto; } #larum-lenses-page h1, #larum-lenses-page h2, #larum-lenses-page p, #larum-lenses-page figure { margin-top: 0; } #larum-lenses-page p { margin-bottom: 12px; color: var(--larum-lenses-text); font-size: 16px; line-height: 1.58; } #larum-lenses-page p:last-child { margin-bottom: 0; } /* SEKCE */ #larum-lenses-page .larum-lenses-section { margin: 0; padding: 30px 0; } #larum-lenses-page .larum-lenses-section-alt { background: var(--larum-lenses-soft); } /* NADPISY */ #larum-lenses-page .larum-lenses-intro h1 { max-width: 920px; margin-bottom: 16px; color: var(--larum-lenses-gold); font-size: clamp(38px, 4.5vw, 54px); line-height: 1.08; font-weight: 400; } #larum-lenses-page .larum-lenses-intro p { max-width: 920px; font-size: 17px; } #larum-lenses-page .larum-lenses-section-heading { margin-bottom: 16px; } #larum-lenses-page .larum-lenses-section-heading h2 { margin-bottom: 4px; color: var(--larum-lenses-gold); font-size: clamp(30px, 3.5vw, 42px); line-height: 1.12; font-weight: 400; } #larum-lenses-page .larum-lenses-subheading { margin-bottom: 0; color: var(--larum-lenses-muted); font-size: 16px; } /* ROZLOŽENÍ TEXT + FOTO */ #larum-lenses-page .larum-lenses-split { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(320px, .9fr); gap: 28px; align-items: start; } #larum-lenses-page .larum-lenses-split-reverse { grid-template-columns: minmax(320px, .9fr) minmax(0, 1.55fr); } #larum-lenses-page .larum-lenses-text, #larum-lenses-page .larum-lenses-content { min-width: 0; } #larum-lenses-page .larum-lenses-content { max-width: 980px; } /* FOTOGRAFIE */ #larum-lenses-page .larum-lenses-photo { position: relative; width: 100%; margin: 0; } #larum-lenses-page .larum-lenses-photo-link { position: relative; display: block; width: 100%; overflow: hidden; background: #ececec; cursor: zoom-in; } #larum-lenses-page .larum-lenses-photo-link::after { content: "↗"; position: absolute; right: 10px; bottom: 10px; display: grid; width: 34px; height: 34px; place-items: center; color: #ffffff; background: rgba(0, 0, 0, .72); font-size: 16px; line-height: 1; } #larum-lenses-page .larum-lenses-photo img { display: block; width: 100%; height: 250px; object-fit: cover; border: 0; border-radius: 0; box-shadow: none; transition: transform .2s ease; } #larum-lenses-page .larum-lenses-photo-link:hover img { transform: scale(1.02); } #larum-lenses-page .larum-lenses-photo-close { display: none; } /* ZVĚTŠENÍ FOTOGRAFIE NA STRÁNCE */ #larum-lenses-page .larum-lenses-photo:target { position: fixed; inset: 0; z-index: 999999; display: grid; place-items: center; width: 100%; margin: 0; padding: 24px; background: rgba(0, 0, 0, .88); } #larum-lenses-page .larum-lenses-photo:target .larum-lenses-photo-link { width: auto; max-width: 94vw; max-height: 92vh; overflow: visible; background: transparent; cursor: default; } #larum-lenses-page .larum-lenses-photo:target .larum-lenses-photo-link::after { display: none; } #larum-lenses-page .larum-lenses-photo:target img { width: auto; height: auto; max-width: 94vw; max-height: 92vh; object-fit: contain; transform: none; } #larum-lenses-page .larum-lenses-photo:target .larum-lenses-photo-close { position: fixed; top: 18px; right: 22px; z-index: 2; display: grid; width: 44px; height: 44px; place-items: center; color: #ffffff; background: rgba(0, 0, 0, .72); font-size: 30px; line-height: 1; text-decoration: none; } /* TABLET */ @media (max-width: 900px) { #larum-lenses-page .larum-lenses-split, #larum-lenses-page .larum-lenses-split-reverse { grid-template-columns: 1fr; gap: 18px; } #larum-lenses-page .larum-lenses-split-reverse .larum-lenses-photo { order: 2; } #larum-lenses-page .larum-lenses-split-reverse .larum-lenses-text { order: 1; } #larum-lenses-page .larum-lenses-photo { max-width: 620px; } } /* MOBIL */ @media (max-width: 600px) { #larum-lenses-page .larum-lenses-container { width: calc(100% - 28px); } #larum-lenses-page .larum-lenses-section { padding: 24px 0; } #larum-lenses-page .larum-lenses-intro h1 { font-size: 34px; } #larum-lenses-page .larum-lenses-section-heading h2 { font-size: 29px; } #larum-lenses-page .larum-lenses-section-heading { margin-bottom: 13px; } #larum-lenses-page p, #larum-lenses-page .larum-lenses-intro p { font-size: 15px; } #larum-lenses-page .larum-lenses-photo img { height: auto; } #larum-lenses-page .larum-lenses-photo:target { padding: 14px; } }