@import url(‚https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,700;1,700&family=Inter:wght@400;500;600;700;800;900&family=Playfair+Display:ital,wght@0,700;1,700&display=swap‘); body:has(.sth-wrap) { margin-top: 0 !important; } body:has(.sth-wrap) .site-main { max-width: 100% !important; margin: 0 !important; padding: 0 !important; } body:has(.sth-wrap) .entry-content { max-width: 100% !important; } body:has(.sth-wrap) [data-elementor-type=“header“], body:has(.sth-wrap) .page-header { display: none !important; } body:has(.sth-wrap) [data-elementor-type=“footer“] { display: none !important; } .sth-wrap{font-family:’Inter‘,system-ui,sans-serif;color:#1a1a1a;-webkit-font-smoothing:antialiased;line-height:1.6;font-size:17px} .sth-wrap *{box-sizing:border-box;margin:0;padding:0} .sth-wrap a{text-decoration:none !important} /* === SECTION HEADINGS (green text, no bg) === */ .sth-section-title{display:inline-block;background:none;color:#17462F;padding:0;font-size:1.5rem;font-weight:800;letter-spacing:-0.02em;margin-bottom:0} .sth-section-title.on-dark{color:#fff} .sth-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:12px} .sth-section-more{font-size:14px;font-weight:600;color:#17462F;text-decoration:none;transition:opacity .2s} .sth-section-more:hover{opacity:0.7} /* === HEADER NAV === */ .sth-topbar{background:#17462F;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:52px;border-bottom:1px solid rgba(255,255,255,0.1)} .sth-topbar-left{display:flex;align-items:center;gap:12px;flex-shrink:0} .sth-topbar-camlogo{flex-shrink:0} .sth-topbar-camlogo img{width:36px;height:36px;border-radius:8px;object-fit:contain;transition:opacity .3s} .sth-topbar-brand{font-size:16px;font-weight:800;color:#fff;text-decoration:none;letter-spacing:-0.02em} .sth-topbar-quote{flex:1;text-align:center;padding:0 24px;overflow:hidden} .sth-topbar-quote p{font-size:14px;font-weight:300;font-style:italic;color:rgba(255,255,255,0.6);transition:opacity 0.3s;white-space:nowrap} .sth-topbar-right{display:flex;gap:20px;align-items:center;flex-wrap:nowrap;overflow-x:auto;flex-shrink:0} .sth-topbar-right a{font-size:13px;font-weight:600;color:rgba(255,255,255,0.7);text-decoration:none;transition:color .2s;white-space:nowrap} .sth-topbar-right a:hover{color:#fff} @media(max-width:768px){.sth-topbar{flex-direction:column;height:auto;padding:10px 16px;gap:8px}.sth-topbar-quote{padding:0 8px}.sth-topbar-right{gap:12px}} /* === HERO === */ .sth-hero{position:relative;min-height:400px;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden} .sth-hero-bg{position:absolute;inset:0} .sth-hero-bg img{width:100%;height:100%;object-fit:cover} .sth-hero-bg::after{content:“;position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.4) 100%)} .sth-hero-content{position:relative;z-index:10;padding:60px 24px} .sth-hero h1{font-family:’Spectral‘,Georgia,serif;font-size:clamp(3rem,8vw,6rem);font-weight:700;font-style:italic;color:#fff;letter-spacing:-0.02em;text-shadow:0 2px 30px rgba(0,0,0,0.3);margin-bottom:8px} .sth-hero h2{font-family:’Inter‘,sans-serif;font-size:clamp(1.1rem,2.5vw,1.5rem);font-weight:400;color:rgba(255,255,255,0.85);letter-spacing:0.05em;text-shadow:0 1px 10px rgba(0,0,0,0.2)} /* === TIPY NA VYLET (zelena) === */ .sth-tipy{position:relative;overflow:hidden;padding:56px 24px;width:100%} .sth-tipy-bg{position:absolute;inset:0;background:#17462F} .sth-tipy-bg img{width:100%;height:100%;object-fit:cover;opacity:.15;mix-blend-mode:overlay} .sth-tipy-in{position:relative;z-index:10;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:220px 1fr;gap:40px;align-items:start} @media(max-width:768px){.sth-tipy-in{grid-template-columns:1fr}} .sth-tipy-header h2{color:#fff;font-size:1.6rem;font-weight:800;margin:0 0 8px;letter-spacing:-0.02em} .sth-tipy-header p{color:rgba(255,255,255,0.6);font-size:13px;margin-bottom:16px} .sth-tipy-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 22px;background:#fff;color:#17462F;border-radius:8px;font-size:13px;font-weight:700;text-decoration:none;transition:all .3s} .sth-tipy-btn:hover{background:#f0f0f0;transform:translateY(-1px)} .sth-tipy-nav{display:flex;gap:8px;margin-top:16px} .sth-tipy-nav button{width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,0.2);background:transparent;color:#fff;cursor:pointer;font-size:14px;transition:all .2s;display:flex;align-items:center;justify-content:center} .sth-tipy-nav button:hover{background:rgba(255,255,255,0.1)} .sth-tip-cards{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:8px;scrollbar-width:none} .sth-tip-cards::-webkit-scrollbar{display:none} .sth-tip-cards{padding-right:0;-webkit-mask-image:linear-gradient(to right,#000 85%,transparent 100%);mask-image:linear-gradient(to right,#000 85%,transparent 100%)} .sth-tip-card{min-width:220px;max-width:260px;scroll-snap-align:start;flex-shrink:0} .sth-tip-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:14px;overflow:hidden;text-decoration:none !important;color:#fff;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column} .sth-tip-card:hover{border-color:rgba(255,255,255,.3);transform:translateY(-4px);background:rgba(255,255,255,.14);box-shadow:0 12px 40px rgba(0,0,0,0.2)} .sth-tip-img{width:100%;height:150px;object-fit:cover;transition:transform .5s} .sth-tip-card:hover .sth-tip-img{transform:scale(1.03)} .sth-tip-body{padding:14px 16px} .sth-tip-cat{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:rgba(255,255,255,0.7);margin-bottom:6px} .sth-tip-title{font-size:16px;font-weight:700;margin:0 0 6px;line-height:1.35;color:#fff} .sth-tip-excerpt{font-size:14px;color:rgba(255,255,255,.75);margin:0;line-height:1.55} .sth-tip-date{font-size:11px;color:rgba(255,255,255,.5);margin-top:8px} /* === HLAVNI ZPRAVY === */ .sth-news{position:relative;padding:56px 24px;background:#f5f9f6} .sth-news-inner{max-width:1200px;margin:0 auto} .sth-news-grid{display:grid;grid-template-columns:1fr 280px;gap:16px} .sth-news-articles{display:grid;grid-template-columns:repeat(2,1fr);gap:16px} @media(max-width:900px){.sth-news-articles{grid-template-columns:1fr}} @media(max-width:768px){.sth-news-grid{grid-template-columns:1fr}} .sth-kratce{background:rgba(23,70,47,0.04);border:1px solid rgba(23,70,47,0.08);border-radius:16px;padding:16px;overflow:hidden;display:flex;flex-direction:column} .sth-kratce-scroll{flex:1;overflow-y:auto;max-height:400px;scrollbar-width:thin;scrollbar-color:rgba(23,70,47,0.1) transparent} .sth-kratce-scroll::-webkit-scrollbar{width:3px} .sth-kratce-scroll::-webkit-scrollbar-thumb{background:rgba(23,70,47,0.1);border-radius:3px} .sth-kratce-more{display:block;text-align:center;padding:10px 0 0;margin-top:8px;border-top:1px solid rgba(23,70,47,0.08);font-size:13px;font-weight:600;color:#17462F;text-decoration:none} .sth-kratce-title{font-size:13px;font-weight:800;color:#17462F;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px} .sth-kratce-list{list-style:none} .sth-kratce-item{padding:6px 0;border-bottom:1px solid rgba(23,70,47,0.06);font-size:14px;line-height:1.5} .sth-kratce-item:last-child{border-bottom:none} .sth-kratce-item a{color:#1a1a1a;text-decoration:none;transition:color .2s} .sth-kratce-item a:hover{color:#17462F} @media(max-width:900px){.sth-news-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:600px){.sth-news-grid{grid-template-columns:1fr}} /* LIQUID GLASS CARD */ .sth-glass{position:relative;background:#fff;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(23,70,47,0.08);border-radius:16px;overflow:hidden;text-decoration:none !important;color:#1a1a1a;transition:all 0.4s cubic-bezier(.4,0,.2,1);cursor:pointer} .sth-glass::before{content:“;position:absolute;inset:0;border-radius:16px;background:linear-gradient(135deg,rgba(23,70,47,0.03) 0%,transparent 50%,rgba(23,70,47,0.02) 100%);pointer-events:none;transition:opacity 0.4s} .sth-glass::after{content:“;position:absolute;inset:-1px;border-radius:17px;background:linear-gradient(135deg,rgba(23,70,47,0.2),rgba(23,70,47,0.05),rgba(23,70,47,0.15));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;opacity:0;transition:opacity 0.4s;pointer-events:none} .sth-glass:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(23,70,47,0.1);background:#fff;border-color:rgba(23,70,47,0.2)} .sth-glass:hover::after{opacity:1} .sth-glass:hover::before{opacity:0.5} .sth-glass-img{width:100%;height:170px;object-fit:cover;transition:transform 0.5s cubic-bezier(.4,0,.2,1)} .sth-glass:hover .sth-glass-img{transform:scale(1.04)} .sth-glass-body{padding:16px 18px} .sth-glass-cat{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#17462F;margin-bottom:6px} .sth-glass-title{font-size:17px;font-weight:700;line-height:1.35;margin-bottom:6px;color:#111} .sth-glass-excerpt{font-size:14px;color:#333;line-height:1.55} .sth-glass-date{font-size:11px;color:#888;margin-top:8px} /* === WEBCAMS (green watermark) === */ .sth-cams{padding:56px 40px;overflow:hidden;position:relative} .sth-cams-bg{position:absolute;inset:0;background:#17462F} .sth-cams-bg img{width:100%;height:100%;object-fit:cover;opacity:.12;mix-blend-mode:overlay} .sth-cam-row{position:relative;z-index:10;display:flex;gap:16px;margin-bottom:16px;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 8%,#000 92%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 8%,#000 92%,transparent 100%)} .sth-cam-track{display:flex;gap:16px} .sth-cam-row.left .sth-cam-track{animation:sthCamLeft 90s linear infinite} .sth-cam-row.right .sth-cam-track{animation:sthCamRight 90s linear infinite} @keyframes sthCamLeft{0%{transform:translateX(0)}100%{transform:translateX(-50%)}} @keyframes sthCamRight{0%{transform:translateX(-50%)}100%{transform:translateX(0)}} .sth-cam-card{flex-shrink:0;width:360px;height:220px;position:relative;border-radius:18px;overflow:hidden;cursor:pointer;border:1px solid rgba(255,255,255,0.08);transition:all 0.4s cubic-bezier(.4,0,.2,1);background:rgba(255,255,255,0.04);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)} .sth-cam-card::before{content:““;position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,0.08),transparent 50%,rgba(255,255,255,0.04));border-radius:18px;z-index:2;pointer-events:none;transition:opacity 0.4s} .sth-cam-card::after{content:““;position:absolute;inset:-1px;border-radius:19px;background:linear-gradient(135deg,rgba(255,255,255,0.2),rgba(255,255,255,0.05),rgba(255,255,255,0.15));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;opacity:0;transition:opacity 0.4s;pointer-events:none;z-index:3} .sth-cam-card:hover{transform:translateY(-6px);box-shadow:0 24px 64px rgba(0,0,0,0.5);border-color:rgba(255,255,255,0.25)} .sth-cam-card:hover::after{opacity:1} .sth-cam-img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s} .sth-cam-card:hover .sth-cam-img{transform:scale(1.05)} .sth-cam-overlay{position:absolute;bottom:0;left:0;right:0;padding:10px 14px;background:linear-gradient(transparent,rgba(0,0,0,0.7));z-index:4} .sth-cam-name{font-size:16px;font-weight:700;color:#fff} .sth-cam-live{display:inline-flex;align-items:center;gap:4px;font-size:10px;color:rgba(255,255,255,0.6);margin-top:2px} .sth-cam-dot{width:5px;height:5px;border-radius:50%;background:#ef4444;animation:sthBlink 1.5s infinite} @keyframes sthBlink{0%,100%{opacity:1}50%{opacity:0.3}} /* === FOTOKRONIKA === */ .sth-foto{padding:56px 24px;background:#faf8f5} .sth-foto-inner{max-width:1200px;margin:0 auto} .sth-foto-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px} @media(max-width:900px){.sth-foto-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:600px){.sth-foto-grid{grid-template-columns:1fr}} /* === MINIATURY === */ .sth-mini{padding:56px 24px;background:#f0f4f8} .sth-mini-inner{max-width:1200px;margin:0 auto} .sth-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px} @media(max-width:900px){.sth-mini-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:600px){.sth-mini-grid{grid-template-columns:1fr}} /* === KULTURA === */ .sth-kultura{padding:56px 24px;background:#f8f5f0} .sth-kultura-inner{max-width:1200px;margin:0 auto} .sth-kultura-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px} @media(max-width:900px){.sth-kultura-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:600px){.sth-kultura-grid{grid-template-columns:1fr}} /* === UBYTOVANI === */ .sth-ubyt{padding:56px 24px;background:linear-gradient(135deg,#f5f0e8 0%,#ede7dc 100%)} .sth-ubyt-inner{max-width:1200px;margin:0 auto} /* ENHANCED GLASS CARD (shared) */ .sth-glass2{position:relative;background:rgba(255,255,255,0.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.5);border-radius:18px;overflow:hidden;text-decoration:none !important;color:#1a1a1a;transition:all 0.4s cubic-bezier(.4,0,.2,1);cursor:pointer;box-shadow:0 2px 12px rgba(0,0,0,0.04)} .sth-glass2::before{content:““;position:absolute;inset:0;border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.1) 50%,rgba(255,255,255,0.3) 100%);pointer-events:none;transition:opacity 0.4s} .sth-glass2::after{content:““;position:absolute;inset:-1px;border-radius:19px;background:linear-gradient(135deg,rgba(255,255,255,0.8),rgba(255,255,255,0.2),rgba(255,255,255,0.6));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;opacity:0;transition:opacity 0.4s;pointer-events:none} .sth-glass2:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(0,0,0,0.08);border-color:rgba(255,255,255,0.8)} .sth-glass2:hover::after{opacity:1} .sth-glass2-img{width:100%;height:170px;object-fit:cover;transition:transform 0.5s cubic-bezier(.4,0,.2,1)} .sth-glass2:hover .sth-glass2-img{transform:scale(1.04)} .sth-glass2-body{padding:16px 18px;position:relative;z-index:2} .sth-glass2-cat{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px} .sth-foto .sth-glass2-cat{color:#8b6914} .sth-mini .sth-glass2-cat{color:#2563eb} .sth-ubyt .sth-glass2-cat{color:#8b4513} .sth-kultura .sth-glass2-cat{color:#8b4513} .sth-glass2-title{font-size:17px;font-weight:700;line-height:1.35;margin-bottom:6px;color:#111} .sth-glass2-excerpt{font-size:14px;color:#333;line-height:1.55} /* === POCASI (green watermark) === */ .sth-pocasi{position:relative;padding:56px 24px;overflow:hidden} .sth-pocasi-bg{position:absolute;inset:0;background:linear-gradient(135deg,#17462F 0%,#1a5438 50%,#17462F 100%)} .sth-pocasi-bg img{width:100%;height:100%;object-fit:cover;opacity:.12;mix-blend-mode:overlay} .sth-pocasi-inner{position:relative;z-index:10;max-width:1200px;margin:0 auto} .sth-pocasi-grid2{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:12px;height:500px} .sth-pocasi-map{grid-column:1;grid-row:1 / span 2;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,0.15);position:relative} .sth-pocasi-map iframe{width:100%;height:100%;border:none} @media(max-width:768px){.sth-pocasi-grid2{grid-template-columns:1fr;height:auto}.sth-pocasi-map{grid-row:auto;height:300px}} .sth-pocasi-quad{border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,0.12);position:relative;background:rgba(255,255,255,0.06)} .sth-pocasi-quad iframe{width:100%;height:100%;border:none} .sth-pocasi-quad-label{position:absolute;top:10px;left:12px;z-index:10;font-size:11px;font-weight:700;color:rgba(255,255,255,0.7);text-transform:uppercase;letter-spacing:1px;background:rgba(0,0,0,0.3);backdrop-filter:blur(8px);padding:4px 10px;border-radius:6px} .sth-pocasi-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:rgba(255,255,255,0.3);font-size:14px} /* === DOPORUCUJEME (ubytovani) SLIDESHOW === */ .sth-dopor{position:relative;overflow:hidden;padding:56px 24px;background:#fff} .sth-dopor-inner{position:relative;z-index:10;max-width:1200px;margin:0 auto} .sth-dopor-content{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch} @media(max-width:768px){.sth-dopor-content{grid-template-columns:1fr}} .sth-dopor-glass{background:rgba(23,70,47,0.04);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(23,70,47,0.1);border-radius:18px;padding:28px 28px 24px;position:relative;overflow:hidden;height:100%;display:flex;flex-direction:column;justify-content:center} .sth-dopor-glass::before{content:““;position:absolute;inset:0;border-radius:18px;background:linear-gradient(135deg,rgba(23,70,47,0.06) 0%,transparent 50%,rgba(23,70,47,0.03) 100%);pointer-events:none} .sth-dopor-glass::after{content:““;position:absolute;inset:-1px;border-radius:19px;background:linear-gradient(135deg,rgba(23,70,47,0.15),rgba(23,70,47,0.03),rgba(23,70,47,0.1));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;opacity:0.5;pointer-events:none} .sth-dopor-glass p{color:#333;font-size:17px;line-height:2;margin-bottom:12px;position:relative;z-index:2} .sth-dopor-glass p.sth-dopor-lead{font-size:18px;font-weight:700;color:#1a1a1a} .sth-dopor-glass p.sth-dopor-bold{font-size:18px;font-weight:700;color:#1a1a1a} .sth-dopor-btn{display:inline-block;padding:14px 36px;background:#17462F;color:#fff;border-radius:10px;font-size:16px;font-weight:800;text-decoration:none;box-shadow:0 4px 20px rgba(23,70,47,0.3);margin-top:8px;transition:all 0.3s;position:relative;z-index:2} .sth-dopor-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(23,70,47,0.4)} .sth-dopor-slider{position:relative;width:100%;height:100%;min-height:360px;border-radius:18px;overflow:hidden;border:1px solid rgba(23,70,47,0.1);box-shadow:0 20px 60px rgba(0,0,0,0.08)} .sth-dopor-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease-in-out} .sth-dopor-slide.active{opacity:1} .sth-dopor-slide img{width:100%;height:100%;object-fit:cover} .sth-dopor-dots{display:flex;gap:6px;justify-content:center;margin-top:16px} .sth-dopor-dot{width:8px;height:8px;border-radius:50%;background:rgba(23,70,47,0.2);transition:all 0.3s;cursor:pointer} .sth-dopor-dot.active{background:#17462F;transform:scale(1.3)} /* === FOTOGALERIE (green, like webcams) === */ .sth-galerie{position:relative;overflow:hidden;padding:56px 24px} .sth-galerie-bg{position:absolute;inset:0;background:#17462F} .sth-galerie-bg img{width:100%;height:100%;object-fit:cover;opacity:.12;mix-blend-mode:overlay} .sth-galerie-inner{position:relative;z-index:10;max-width:1200px;margin:0 auto} .sth-galerie-scroll{display:flex;gap:16px;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,#000 90%,transparent 100%);mask-image:linear-gradient(to right,#000 90%,transparent 100%);padding-bottom:8px} .sth-galerie-scroll::-webkit-scrollbar{display:none} .sth-galerie-card{flex-shrink:0;width:300px;height:220px;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,0.12);position:relative;cursor:pointer;transition:all 0.4s cubic-bezier(.4,0,.2,1)} .sth-galerie-card::before{content:““;position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,0.06),transparent 50%);border-radius:14px;z-index:2;pointer-events:none} .sth-galerie-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px rgba(0,0,0,0.4);border-color:rgba(255,255,255,0.3)} .sth-galerie-card img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s} .sth-galerie-card:hover img{transform:scale(1.05)} /* === FOOTER === */ .sth-footer{padding:40px 24px 32px;background:#f2f7f4;border-top:1px solid rgba(23,70,47,0.08)} .sth-footer-inner{max-width:1200px;margin:0 auto} .sth-footer-row{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap} .sth-footer-logo{display:flex;align-items:center;gap:16px} .sth-footer-logo img{height:48px;width:auto;object-fit:contain} .sth-footer-logo span{font-size:15px;font-weight:700;color:#17462F;letter-spacing:-0.02em} .sth-footer-partners{display:flex;align-items:center;gap:12px} .sth-footer-partners a{font-size:14px;font-weight:600;color:#17462F;text-decoration:none;padding:8px 18px;border:1px solid rgba(23,70,47,0.15);border-radius:8px;transition:all 0.3s;white-space:nowrap} .sth-footer-partners a:hover{background:rgba(23,70,47,0.06);border-color:rgba(23,70,47,0.3)} .sth-footer-social{display:flex;align-items:center;gap:10px} .sth-footer-social a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(23,70,47,0.08);color:#17462F;font-size:18px;transition:all 0.3s;text-decoration:none} .sth-footer-social a:hover{background:#17462F;color:#fff;transform:translateY(-2px);box-shadow:0 4px 16px rgba(23,70,47,0.2)} .sth-footer-bottom{margin-top:24px;padding-top:16px;border-top:1px solid rgba(23,70,47,0.06);text-align:center;font-size:12px;color:#8a9b92} .sth-footer-bottom a{color:#17462F;text-decoration:none;font-weight:600} @media(max-width:768px){.sth-footer-row{flex-direction:column;text-align:center}.sth-footer-partners{flex-wrap:wrap;justify-content:center}} /* === RETINA POLISH === */ @media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){ .sth-glass,.sth-glass2,.sth-cam-card,.sth-galerie-card,.sth-dopor-slider{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges} } /* Smooth scroll */ .sth-wrap{scroll-behavior:smooth} /* Selection color */ .sth-wrap ::selection{background:rgba(23,70,47,0.15);color:#111} /* Focus outlines for a11y */ .sth-wrap a:focus-visible,.sth-wrap button:focus-visible{outline:2px solid #17462F;outline-offset:2px;border-radius:4px} /* Better button hover on Doporučujeme */ .sth-dopor-text a:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,0,0,0.3) !important} /* Galerie card liquid glass overlay */ .sth-galerie-card::after{content:““;position:absolute;inset:-1px;border-radius:15px;background:linear-gradient(135deg,rgba(255,255,255,0.2),rgba(255,255,255,0.05),rgba(255,255,255,0.15));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;opacity:0;transition:opacity 0.4s;pointer-events:none;z-index:3} .sth-galerie-card:hover::after{opacity:1} /* Pocasi quad glass effect */ .sth-pocasi-quad::before{content:““;position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,0.05),transparent 50%);border-radius:14px;z-index:1;pointer-events:none} /* Dopor slider liquid glass border glow */ .sth-dopor-slider::after{content:““;position:absolute;inset:-1px;border-radius:19px;background:linear-gradient(135deg,rgba(23,70,47,0.15),rgba(23,70,47,0.03),rgba(23,70,47,0.1));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;z-index:5}