/* Příběh SardaTerra: značka klienta na základu reference.css, motivem je námořní mapa */
@font-face{font-family:"Fraunces";font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fonts/Fraunces/Fraunces-italic-latin.woff2) format("woff2");unicode-range:U+0020-00FF,U+2013-2033,U+20AC,U+2192,U+2605}
@font-face{font-family:"Fraunces";font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fonts/Fraunces/Fraunces-italic-latin-ext.woff2) format("woff2");unicode-range:U+010C-010F,U+011A-011B,U+0147-0148,U+0158-0159,U+0160-0161,U+0164-0165,U+016E-016F,U+017D-017E}
@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/fonts/HankenGrotesk/HankenGrotesk-latin.woff2) format("woff2");unicode-range:U+0020-00FF,U+2013-2033,U+20AC,U+2192,U+2605}
@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/fonts/HankenGrotesk/HankenGrotesk-latin-ext.woff2) format("woff2");unicode-range:U+010C-010F,U+011A-011B,U+0147-0148,U+0158-0159,U+0160-0161,U+0164-0165,U+016E-016F,U+017D-017E}

.sa{--bg:#f6f3ec;--bg-soft:#f3eddd;--ink:#17140f;--ink-2:#6e6555;--ink-3:#9a917f;--line:rgba(23,20,15,.12);--line-strong:rgba(23,20,15,.24);--mint:#b58c22;--mint-ink:#8e6d1a;--marker:rgba(220,184,78,.42);--glow:rgba(220,184,78,.22);--glow-2:rgba(181,140,34,.14);--dot:rgba(23,20,15,.14);--card:#fff;--card-2:#f3eddd;--a-bar:#f3eddd;--a-line:rgba(23,20,15,.1);--a-ink:#17140f;--a-mute:#6e6555;--a-dim:#a99f8c;--a-on-accent:#fff;--wc-ink:#17140f;--sun:#dcb84e;--moe:#6fd3e4;--f-brand:"Hanken Grotesk",var(--f-body);--f-it:"Fraunces",Georgia,serif;background:var(--bg)}
.sa :is(.cs-big,.sv-h2,.cs-h1) em{font-family:var(--f-it);font-stretch:normal;font-style:italic;font-weight:400;letter-spacing:-.012em;background:none;color:var(--mint-ink)}
.sa .sv-fx{z-index:0}
.sa>section{position:relative;z-index:1}

/* ── Úvod: záliv Alghera a skutečné pobřeží jako spodní hrana ── */
.sa-hero::after{background:radial-gradient(52% 46% at 76% 16%,rgba(255,221,150,.3),transparent 72%),linear-gradient(180deg,rgba(7,24,40,.44) 0,rgba(7,24,40,0) 17%,rgba(7,24,40,0) 36%,rgba(7,24,40,.34) 58%,rgba(7,24,40,.76) 100%)}
.sa-hero .cs-hero-i{object-position:50% 60%}
.sa .cs-h1{font-size:clamp(2.7rem,1.1rem + 5.2vw,5.6rem)}
.sa .sa-hero .cs-h1 em{color:#f3d57c;font-size:.86em}
.sa-hero .cs-h1 .ln{padding-bottom:.14em;margin-bottom:-.14em}
.sa-bh{position:absolute;left:0;right:0;bottom:-1px;z-index:1;display:block;width:100%;height:clamp(64px,11.8vw,170px)}
.sa-bh .f{fill:var(--bg)}
.sa-bh .s{fill:none;stroke:var(--sun);stroke-width:2;vector-effect:non-scaling-stroke}
.sa-bh .i{fill:none;stroke:#fff;stroke-width:1;vector-effect:non-scaling-stroke;opacity:.5}
.sa-bh .i1{opacity:.3}
.sa-bh .i2{opacity:.16}
.sa-bh .s,.sa-bh .i{animation:saPobr 1.7s var(--ease-io) .1s backwards}
.sa-bh .i{animation-delay:.3s}
@keyframes saPobr{from{clip-path:inset(-30px 100% -30px 0)}to{clip-path:inset(-30px 0 -30px 0)}}

/* ── Výzva ── */
.sa .cs-in{padding-bottom:clamp(8px,2vw,28px)}
.sa-q{display:grid;grid-template-columns:clamp(150px,20vw,270px) minmax(0,1fr);grid-template-rows:1fr auto 1fr;gap:16px clamp(20px,4vw,64px);margin-top:clamp(36px,5vw,76px)}
.sa-q img{grid-row:1 / 4;align-self:center;display:block;width:100%;height:auto;aspect-ratio:1;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px var(--line),0 0 0 10px var(--bg),0 0 0 11px var(--marker)}
.sa-q blockquote{grid-row:2;grid-column:2;margin:0}
.sa-q blockquote p{margin:0;max-width:24em;font:italic 400 clamp(1.5rem,.9rem + 2.1vw,2.9rem)/1.16 var(--f-it);letter-spacing:-.012em;color:var(--ink);text-wrap:pretty}
.sa-q figcaption{grid-row:3;grid-column:2;font:400 15px/1.35 var(--f-body);color:var(--ink-2)}
.sa-q figcaption b{display:block;font-weight:600;color:var(--ink)}

/* ── Logo ── */
.sa .lo-c{background-color:#fbf8ef}
.sa .lo-c.on{box-shadow:0 0 0 1.5px var(--mint),0 18px 30px -22px rgba(181,140,34,.7)}
.sa-lo{padding-block:clamp(30px,5vw,68px) clamp(52px,6vw,84px)}
.sa-lg{display:block;width:min(100%,640px);height:auto;overflow:visible}
.sa-kn{opacity:0;transition:opacity .4s .1s}
.sa-kn path,.sa-kn circle{fill:none;stroke:var(--mint);stroke-width:.7;stroke-opacity:.5}
.sa-lo.is-in .sa-kn{opacity:1;animation:loVen 4s ease forwards}
.sa-lg .ob{fill:transparent;stroke:#3c3a33;stroke-width:1.4;stroke-dasharray:1;stroke-dashoffset:1}
.sa-lg .tv{fill:none;stroke:#3c3a33;stroke-width:11.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1}
.sa-lg .sl{fill:var(--sun);opacity:0;transform:translateY(-104px)}
.sa-lg .nz{font:800 92px/1 var(--f-brand);letter-spacing:-.03em;fill:var(--ink);opacity:0;transform:translateX(-14px)}
.sa-lg .nz tspan{fill:var(--mint)}
.sa-lo.is-in .ob{animation:loKr .9s var(--ease-io) .15s forwards,saPl .55s ease 2s forwards}
.sa-lo.is-in .tv{animation:loKr .75s var(--ease-io) .75s forwards,saTv .5s ease 2s forwards}
.sa-lo.is-in .tv.b{animation-delay:1s,2s}
.sa-lo.is-in .sl{animation:saSl .85s cubic-bezier(.3,1.32,.5,1) 1.45s forwards}
.sa-lo.is-in .nz{transition:opacity .5s ease 2.3s,transform .7s var(--ease) 2.3s;opacity:1;transform:none}
@keyframes saPl{to{fill:#b58c22;stroke:#b58c22}}
@keyframes saTv{to{stroke:#fff}}
@keyframes saSl{from{opacity:1;transform:translateY(-104px)}to{opacity:1;transform:none}}
.sa-lf li{position:relative;justify-content:space-between}
.sa-lk{display:inline-flex;align-items:center;gap:12px;margin:auto 0}
.sa-lk svg{flex:none;width:clamp(46px,5vw,64px);height:auto}
.sa-lk b{font:800 clamp(26px,1.1rem + 1.4vw,40px)/1 var(--f-brand);letter-spacing:-.03em;color:var(--ink)}
.sa-lk i{color:var(--mint)}
.sa-lf .f{overflow:hidden;background:#17140f url(/assets/imgs/case/sardaterra/foto-pristav.jpg) 62% 72%/cover}
.sa-lf .f::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,24,40,.3),rgba(7,24,40,.55))}
.sa-lf .f img{position:relative;height:clamp(38px,4.4vw,58px)}
.sa-lf .f span{position:relative;color:#fff}
.sa-tb{display:flex;align-items:center;gap:9px;width:100%;max-width:300px;margin:auto 0;padding:9px 12px;border-radius:12px 12px 0 0;background:var(--bg);box-shadow:0 0 0 1px var(--line),0 12px 22px -14px rgba(23,20,15,.3)}
.sa-tb svg{flex:none;width:22px;height:22px}
.sa-tb b{overflow:hidden;font:500 13px/1 var(--f-body);color:var(--ink);white-space:nowrap;text-overflow:ellipsis}
.sa-tb i{flex:none;position:relative;width:10px;height:10px;margin-left:auto}
.sa-tb i::before,.sa-tb i::after{content:"";position:absolute;left:4px;top:-1px;width:1.5px;height:12px;background:var(--ink-3);transform:rotate(45deg)}
.sa-tb i::after{transform:rotate(-45deg)}
.lo-f.sa-lf li span.sa-lk,.lo-f.sa-lf li span.sa-tb{color:var(--ink)}

/* ── Barvy a písma ── */
.sa .plt-c{color:#fff}
.sa .plt-c.y{color:#17140f}
.sa .plt-c:first-child{border-radius:clamp(22px,3vw,36px) 0 0 clamp(22px,3vw,36px);box-shadow:inset 0 0 0 1px var(--line)}
.sa .plt-c.m{flex-grow:1.7;background:#0f7f99 url(/assets/imgs/case/sardaterra/more.jpg) 22% 40%/cover}
.sa .plt-c.m::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(5,34,48,.6))}
.sa .plt-c.m>*{position:relative}
.sa-ty{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(10px,1.4vw,18px);margin-top:clamp(10px,1.4vw,18px)}
.sa-ty>div{display:flex;flex-direction:column;justify-content:space-between;gap:26px;padding:clamp(18px,2.4vw,32px);border-radius:18px;background:var(--card);box-shadow:0 0 0 1px var(--line)}
.sa-ty p{margin:0;color:var(--ink)}
.sa-ty .f p{font:italic 400 clamp(2rem,1rem + 2.8vw,3.7rem)/1.06 var(--f-it);letter-spacing:-.015em;color:var(--mint-ink)}
.sa-ty .h p{font:700 clamp(1.5rem,1rem + 1.3vw,2.25rem)/1.12 var(--f-brand);letter-spacing:-.03em}
.sa-ty span{font:400 13.5px/1.3 var(--f-body);color:var(--ink-2)}
.sa-ty span b{display:block;font:500 12px/1.2 var(--f-mono);color:var(--ink)}

/* ── Mapa nabídky ── */
.sa-mapa{position:relative;margin:clamp(40px,6vw,90px) clamp(8px,1vw,16px) 0;padding:clamp(40px,5vw,76px) 0;overflow:hidden;border-radius:clamp(22px,3vw,36px);background:radial-gradient(58% 64% at 74% 24%,#3b3017,#1e1a11 64%,#17140f);color:#fff}
.sa-m-g{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);align-items:center;gap:clamp(18px,3vw,56px)}
.sa .sa-mapa .sv-h2{color:#fff;font-size:clamp(1.85rem,1.05rem + 2vw,2.85rem)}
.sa .sa-mapa .sv-h2 em{color:var(--sun);font-size:1.06em}
.sa-mapa .sv-tx{margin-top:14px;color:rgba(255,255,255,.76)}
.sa-sw{display:inline-flex;gap:4px;margin:22px 0 16px;padding:5px;border-radius:999px;background:rgba(255,255,255,.1)}
.sa-sw button{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 15px;border:0;border-radius:999px;background:none;color:rgba(255,255,255,.76);font:600 14px/1 var(--f-brand);cursor:pointer;transition:background .2s,color .2s}
.sa-sw button i{font:500 11.5px/1 var(--f-mono);opacity:.7}
.sa-sw button b{width:9px;height:9px;border-radius:50%;background:var(--sun)}
.sa-sw button b.r{background:var(--moe)}
.sa-sw button:hover{color:#fff}
.sa-sw button[aria-pressed="true"]{background:#fff;color:var(--mint-ink);box-shadow:0 4px 14px -6px rgba(0,0,0,.5)}
.sa-p{position:relative;display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1fr);max-width:540px;overflow:hidden;border-radius:18px;background:#fff;color:var(--ink);box-shadow:0 30px 50px -30px rgba(0,0,0,.8)}
.sa-p-i{position:relative;display:block;min-height:172px;overflow:hidden;background:var(--bg-soft)}
.sa-p-i img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .35s ease}
.sa-p-i em{position:absolute;left:11px;top:11px;padding:6px 10px;border-radius:999px;background:var(--ink);color:#fff;font:700 11px/1 var(--f-brand);letter-spacing:.03em}
.sa-p-i em.r{background:var(--mint)}
.sa-p-m{display:flex;flex-direction:column;min-width:0;padding:15px 16px 14px;font-family:var(--f-brand)}
.sa-p-m small{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:500;line-height:1.25;color:var(--ink-2)}
.sa-p-m small svg{flex:none;width:13px;height:13px;fill:none;stroke:var(--mint);stroke-width:2}
.sa-p-m strong{margin-top:7px;font-size:17px;font-weight:700;line-height:1.18;letter-spacing:-.02em}
.sa-p-d{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:12px}
.sa-p-d b{font-size:17px;font-weight:800;letter-spacing:-.03em;white-space:nowrap}
.sa-p-d b.r{font-size:13px;font-weight:600;letter-spacing:-.01em;color:var(--ink-2);white-space:normal}
.sa-p-d a{display:inline-flex;align-items:center;gap:4px;font-size:13.5px;font-weight:600;color:var(--mint-ink);text-decoration:none}
.sa-p-d svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.sa-p-n{position:absolute;left:9px;bottom:9px;display:flex;gap:4px}
.sa-p-n button{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:var(--bg);color:var(--ink);cursor:pointer;transition:background .2s}
.sa-p-n button:hover{background:var(--sun)}
.sa-p-n svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.sa-p-n button:first-child svg{transform:rotate(180deg)}
.sa-p.sv .sa-p-m strong,.sa-p.sv .sa-p-m small,.sa-p.sv .sa-p-d b{opacity:0}
.sa-p-m strong,.sa-p-m small,.sa-p-d b{transition:opacity .22s ease}
.sa-m-v{position:relative;min-width:0}
.sa-m{display:block;width:100%;height:auto;max-height:min(calc(100vh - 110px),860px);margin:0 auto;overflow:hidden;touch-action:pan-y}
.sa-mr path{fill:none;stroke:rgba(220,184,78,.13);stroke-width:1}
.sa-mt text{fill:rgba(220,184,78,.56);font:500 10px/1 var(--f-mono)}
.sa-iz path{fill:none;stroke:rgba(220,184,78,.17);stroke-width:.8}
.sa-iz path:nth-child(2){stroke-opacity:.72}
.sa-iz path:nth-child(3){stroke-opacity:.45}
.sa-zs{fill:rgba(220,184,78,.09);stroke:var(--sun);stroke-width:1.1;stroke-linejoin:round}
.sa-zo{fill:rgba(220,184,78,.16);stroke:var(--sun);stroke-width:.8;stroke-linejoin:round}
.sa-mo{font:italic 400 58px/1 var(--f-it);fill:rgba(220,184,78,.4);letter-spacing:-.01em}
.sa-mp text{fill:rgba(255,255,255,.82);font:500 12.5px/1 var(--f-mono);paint-order:stroke;stroke:rgba(23,20,15,.6);stroke-width:3px;stroke-linejoin:round}
.sa-mc{fill:rgba(255,255,255,.46);font:400 10px/1 var(--f-body)}
#saMb circle{fill:var(--sun);transition:opacity .22s}
#saMb circle.r{fill:var(--moe)}
#saMb circle.mi{fill:none;stroke:#fff;stroke-width:1.5;pointer-events:none;transform-box:fill-box;transform-origin:center;animation:saMi 1.6s ease-out infinite}
.sa-m[data-f="s"] #saMb circle.r,.sa-m[data-f="r"] #saMb circle.s{opacity:.13}
@keyframes saMi{0%{transform:scale(.7);stroke-opacity:1}100%{transform:scale(1.7);stroke-opacity:0}}
.sv-js .sa-mapa:not(.is-in) .sa-zs,.sv-js .sa-mapa:not(.is-in) .sa-zo,.sv-js .sa-mapa:not(.is-in) .sa-iz,.sv-js .sa-mapa:not(.is-in) .sa-mp,.sv-js .sa-mapa:not(.is-in) #saMb{opacity:0}
.sa-zs,.sa-zo,.sa-iz,.sa-mp,#saMb{transition:opacity 1s ease}
.sa-iz{transition-delay:.4s}
.sa-mp,#saMb{transition-delay:.7s}

/* ── Rezervace: host a majitelka ve stejném kalendáři ── */
.sa-rz{position:relative;display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);grid-template-rows:auto minmax(0,1fr);gap:clamp(10px,1.4vw,18px);margin-top:clamp(24px,3vw,44px);font-family:var(--f-brand)}
.sa-tbs{display:none}
.sa-w.h{display:flex;flex-direction:column;grid-row:1 / span 2}
.sa-w.h .sa-w-i{flex:1;display:flex;flex-direction:column}
.sa-w.a{align-self:start}
.sa-w-i{padding:clamp(14px,1.7vw,22px)}
.sa-w-h{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.sa-w-h strong{display:block;font-size:clamp(17px,.9rem + .4vw,20px);font-weight:700;line-height:1.15;letter-spacing:-.02em}
.sa-w-h small{display:block;margin-top:4px;font-size:13px;color:var(--ink-2)}
.sa-ln{display:inline-flex;flex:none;gap:2px;padding:4px;border-radius:999px;background:var(--bg-soft)}
.sa-ln button{height:26px;padding:0 9px;border:0;border-radius:999px;background:none;color:var(--ink-2);font:700 12px/1 var(--f-brand);letter-spacing:.04em;cursor:pointer}
.sa-ln button[aria-pressed="true"]{background:#fff;color:var(--mint);box-shadow:0 2px 8px -4px rgba(23,20,15,.4)}
.sa-k-m{margin:16px 0 8px;font-size:15px;font-weight:700;text-transform:capitalize}
.sa-k{flex:1;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:24px;grid-auto-rows:minmax(clamp(36px,3.2vw,44px),1fr);gap:3px}
.sa-k span{padding:3px 0;font-size:11px;font-weight:700;letter-spacing:.04em;text-align:center;color:var(--ink-2)}
.sa-k button{display:grid;place-items:center;padding:0;border:0;border-radius:8px;background:var(--bg-soft);color:var(--ink);font:600 13.5px/1 var(--f-brand);cursor:pointer;transition:background .15s}
.sa-k button:hover:not(:disabled){background:var(--sun)}
.sa-k button.ob{background:var(--bg);color:var(--ink-2);text-decoration:line-through;opacity:.7;cursor:default}
.sa-k button.mz{background:#f6eed4;color:var(--mint-ink)}
.sa-k button.od,.sa-k button.do{background:var(--mint);color:#fff}
.sa-k button.zv{background:var(--bg);color:var(--ink-2);text-decoration:line-through}
.sa-k-l{display:flex;flex-wrap:wrap;gap:4px 16px;margin:12px 0 0;padding:0;list-style:none;font-size:12.5px;color:var(--ink-2)}
.sa-k-l li{display:flex;align-items:center;gap:6px}
.sa-k-l i{width:12px;height:12px;border-radius:4px;background:var(--bg-soft)}
.sa-k-l .b i{background:var(--bg);box-shadow:inset 0 0 0 1px var(--line)}
.sa-k-l .v i{background:var(--mint)}
.sa-k-d{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.sa-k-d p{margin:0;padding:8px 12px;border-radius:9px;box-shadow:inset 0 0 0 1px var(--line)}
.sa-k-d small{display:block;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-2)}
.sa-k-d b{font-size:15px;font-weight:700}
.sa-k-h{min-height:2.7em;margin:10px 0 0;font-size:13.5px;line-height:1.35;color:var(--ink-2)}
.sa-k-h.ok{padding:9px 12px;border-radius:9px;background:#eaf4ea;color:#2e7d32;font-weight:600}
.sa-k-s{display:block;width:100%;height:46px;margin-top:10px;padding:0 16px;border:0;border-radius:999px;background:var(--ink);color:#fff;font:600 14.5px/1 var(--f-brand);cursor:pointer;transition:background .2s,opacity .2s,transform .2s}
.sa-k-s:hover:not(:disabled){background:var(--mint-ink)}
.sa-k-s:disabled{opacity:.34;cursor:default}
.sa-k-s.zn{background:none;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-strong)}
.sa-k-s.zn:hover{background:var(--bg-soft)}
.sa-a-h{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 14px}
.sa-a-h strong{font-size:15px;font-weight:700;text-transform:capitalize}
.sa-a-l{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--ink-2)}
.sa-a-l i{width:11px;height:11px;margin-left:7px;border-radius:3px}
.sa-a-l i.o{background:#2e7d32}
.sa-a-l i.c,.sa-a .pr i.c{background:repeating-linear-gradient(45deg,#f0b849,#f0b849 4px,#fce2b3 4px,#fce2b3 8px)}
.sa-a-l i.b{background:#50575e}
.sa-a{margin-top:12px;--d:31}
.sa-a .pr{display:grid;grid-template-columns:clamp(84px,11vw,150px) minmax(0,1fr);align-items:center;border-top:1px solid var(--a-line)}
.sa-a .pr:first-child{border-top:0}
.sa-a .pr>span{overflow:hidden;padding-right:8px;font-size:12.5px;font-weight:500;white-space:nowrap;text-overflow:ellipsis}
.sa-a .tr{position:relative;display:block;height:30px;background:repeating-linear-gradient(90deg,var(--a-line) 0 1px,transparent 1px calc(100%/var(--d)))}
.sa-a .pr i{position:absolute;top:6px;bottom:6px;left:calc(var(--o)/var(--d)*100%);width:calc(var(--s)/var(--d)*100%);border-radius:4px;background:#2e7d32;transition:background .3s}
.sa-a .pr i.b{background:#50575e}
.sa-a .pr i.n{animation:saBar .4s var(--ease) backwards;transform-origin:left}
.sa-a .dn{display:grid;grid-template-columns:clamp(84px,11vw,150px) minmax(0,1fr);font:500 10px/1 var(--f-mono);color:var(--a-mute)}
.sa-a .dn>span:last-child{position:relative;height:14px}
.sa-a .dn b{position:absolute;left:calc((var(--o) + .5)/var(--d)*100%);font-weight:500;transform:translateX(-50%)}
@keyframes saBar{from{transform:scaleX(.2);opacity:0}}
.sa-po{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-height:58px;margin-top:12px;padding:10px 12px;border-radius:12px;background:var(--bg)}
.sa-po[data-s="1"]{background:#fdf3dc}
.sa-po[data-s="2"] strong{color:#2e7d32}
.sa-po[data-s="3"] strong{color:#a33a3a}
.sa-po button[hidden]{display:none}
.sa-po p{flex:1 1 200px;min-width:0;margin:0;font-size:13px;line-height:1.3}
.sa-po strong{display:block;font-weight:700}
.sa-po span{color:var(--ink-2)}
.sa-po button{height:34px;padding:0 13px;border:0;border-radius:8px;background:none;color:var(--ink-2);font:600 13px/1 var(--f-brand);cursor:pointer}
.sa-po .ok{background:#2e7d32;color:#fff}
.sa-ma{display:flex;flex-direction:column;align-self:stretch;min-width:0;padding:clamp(12px,1.5vw,18px);border-radius:18px;background:var(--bg-soft)}
.sa-ma-h{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 10px;font:500 11.5px/1 var(--f-mono);color:var(--ink-2)}
.sa-ma-h em{padding:5px 8px;border-radius:999px;background:#fff;font-style:normal;color:var(--mint-ink)}
.sa-ma-b{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:266px;padding:12px;border-radius:12px;background:var(--bg)}
.sa-ma-b.pr{align-items:center;text-align:center;color:var(--ink-3);font-size:13.5px}
.sa-ma-b .l{margin:0 0 9px;font:400 19px/1 Georgia,"Times New Roman",serif;letter-spacing:.02em;text-align:center;color:var(--ink)}
.sa-ma-b .l span{color:var(--mint)}
.sa-ma-b .k{padding:15px 16px;border-radius:12px;background:#fff;box-shadow:0 0 0 1px #e9e4d8}
.sa-ma-b .h{display:block;margin:0 0 6px;font:500 18px/1.25 Georgia,"Times New Roman",serif;color:var(--ink)}
.sa-ma-b .k p{margin:0;font-size:13.5px;line-height:1.5;color:var(--ink)}
.sa-ma-b dl{margin:10px 0 0;border-radius:9px;box-shadow:0 0 0 1px #e9e4d8}
.sa-ma-b dl div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:6px 11px}
.sa-ma-b dl div+div{border-top:1px solid #e9e4d8}
.sa-ma-b dt{font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2)}
.sa-ma-b dd{margin:0;font-size:13px;font-weight:600;text-align:right}
.sa-ma-b .p{margin:9px 0 0;font-size:12px;text-align:center;color:var(--ink-2)}
.sa-ma-b.nv{animation:saMail .42s var(--ease) backwards}
@keyframes saMail{from{opacity:0;transform:translateY(10px)}}
.sa-rz .rz-cur{fill:var(--ink)}
.sa-re-f{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px clamp(16px,3vw,40px);margin:clamp(20px,2.6vw,34px) 0 0;padding:0;list-style:none;font:500 15px/1.35 var(--f-body);color:var(--ink)}
.sa-re-f li{display:flex;align-items:flex-start;gap:10px}
.sa-re-f .ok{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;background:var(--mint);color:#fff}
.sa-re-f svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}

/* ── Tři jazyky: moře v písmu ── */
.sa-ja{padding-block:clamp(36px,5vw,72px) 0;overflow:hidden}
.sa-ja-b{display:grid;margin-top:clamp(20px,3vw,44px)}
.sa-ja-b p{grid-area:1/1;margin:0;padding-bottom:.14em;font:italic 400 clamp(2.5rem,.5rem + 7.8vw,8.2rem)/1 var(--f-it);letter-spacing:-.022em;background:#0f7f99 url(/assets/imgs/case/sardaterra/more.jpg) 0 34%/175% auto;-webkit-background-clip:text;background-clip:text;color:transparent;opacity:0;transform:translateY(-.08em);transition:opacity .24s ease,transform .3s ease}
.sa-ja-b p span{display:block}
.sa-ja-b p.on{opacity:1;transform:none;transition:opacity .5s ease .26s,transform .8s var(--ease) .26s}

/* ── Web v akci: hlavička webu je plovoucí kapsle ── */
.sa .sc-nb .sc-hl{left:6.944%;top:.74%;width:86.11%;aspect-ratio:1550/96;border-radius:999px;box-shadow:0 8px 18px -10px rgba(23,20,15,.5)}
.sa .sc-nb .sc-hl img{left:-8.06%;top:-18%;width:116.13%}
.sa .sc-tl .sc-hl{left:2.5%;top:1.6%;width:95%;aspect-ratio:764/112;border-radius:999px;box-shadow:0 6px 14px -8px rgba(23,20,15,.5)}
.sa .sc-tl .sc-hl img{left:-2.63%;top:-18%;width:105.26%}
.sa .sv-end{margin-top:0}

.sv-page:not(.sv-js) .sa-rz{display:none}

/* ── Telefony a tablety ── */
@media (max-width:1199.98px){.sa-rz{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.sa-p{grid-template-columns:minmax(0,.7fr) minmax(0,1fr)}}
@media (max-width:991.98px){.sa-m-g{grid-template-columns:minmax(0,1fr)}
.sa-m-v{justify-self:center;width:100%;max-width:620px}
.sa-p{max-width:none}
.sa-rz{grid-template-columns:minmax(0,1fr);grid-template-rows:none}
.sa-w.h{grid-row:auto}
.sa-tbs{display:flex;gap:4px;padding:5px;border-radius:999px;background:var(--bg-soft)}
.sa-tbs button{flex:1 1 0;min-width:0;height:40px;padding:0 8px;border:0;border-radius:999px;background:none;color:var(--ink-2);font:600 13.5px/1 var(--f-brand);cursor:pointer}
.sa-tbs button[aria-pressed="true"]{background:#fff;color:var(--ink);box-shadow:0 3px 10px -5px rgba(23,20,15,.4)}
.sa-rz[data-tab="h"] .sa-w.a,.sa-rz[data-tab="a"] .sa-w.h{display:none}
.sa-re-f{grid-template-columns:minmax(0,1fr)}
.sa-ty{grid-template-columns:minmax(0,1fr)}}
@media (max-width:767.98px){.sa-q{grid-template-columns:minmax(0,1fr);grid-template-rows:none;justify-items:start}
.sa-q img,.sa-q blockquote,.sa-q figcaption{grid-row:auto;grid-column:auto}
.sa-q img{width:136px}
.sa .plt-c{height:96px;padding-left:18px}
.sa .plt-c.m{height:130px}
.sa-lf .f,.sa-lf .i{min-height:120px}
.sa-sw{display:flex;width:100%}
.sa-sw button{flex:1 1 auto;justify-content:center;padding:0 6px;font-size:13px}
.sa-m-t{display:contents}
.sa-m-g{display:flex;flex-direction:column;align-items:stretch;gap:0}
#sa-m-h{order:1}
.sa-mapa .sv-tx{order:2}
.sa-sw{order:3}
.sa-m-v{order:4;width:auto;max-width:none;margin:0 -3%}
.sa-p{order:5;grid-template-columns:minmax(0,1fr);margin-top:6px}
.sa-p-i{min-height:0;aspect-ratio:16/9}
.sa-p-m{min-height:128px}
.sa-a .pr>span{font-size:11.5px}
.sa-a .tr{height:26px}}
@media (prefers-reduced-motion:reduce){.sa-kn{display:none}
.sa-bh .s,.sa-bh .i{animation:none}
.sa-lg .ob{fill:#b58c22;stroke:#b58c22;stroke-dashoffset:0;animation:none!important}
.sa-lg .tv{stroke:#fff;stroke-dashoffset:0;animation:none!important}
.sa-lg .sl{opacity:1;transform:none;animation:none!important}
.sa-lg .nz{opacity:1;transform:none}
.sa-ja-b p{transition:none}
#saMb circle.mi{animation:none}}
.sv-page.sv-js.sa .cs-sc{height:calc(var(--vh)*2.5)}
@media (prefers-reduced-motion:reduce){.sv-page.sv-js.sa .cs-sc{height:auto}}