/*
Theme Name: NOAM
Theme URI: https://example.com/noam
Author: NOAM
Description: Premium forest-green travel guide theme. Dark green palette, scroll animations, icons, hero slider, excursions, gallery with lightbox, reviews side tab, WhatsApp button, built-in contact form. Includes sample text and sample images that you can replace. Works with or without Elementor.
Version: 2.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: noam
*/
:root{--c-primary:#224B40;--c-dark:#081F1C;--c-accent:#406D61;--c-deep:#021010;--c-mid:#133129;--c-bg:#081F1C;--c-gold:#DCE8E2;--tx:#DCE8E2;--mut:#9DB8AE;--line:rgba(169,196,187,.2);--serif:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;--sans:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--wrap:1240px;--gap:clamp(1rem,2.6vw,2rem);--sec:clamp(4rem,9vw,7.5rem);--ease:cubic-bezier(.2,.7,.2,1)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--c-bg);color:var(--tx);font:1.05rem/1.75 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:#bfd6cc}
h1,h2,h3,h4{font-family:var(--serif);line-height:1.1;margin:0 0 .5em;color:#fff;font-weight:600;letter-spacing:-.015em}
h1{font-size:clamp(2.6rem,6.4vw,5.2rem)}h2{font-size:clamp(2rem,4.2vw,3.3rem)}h3{font-size:1.45rem}
h1 em,h2 em{font-style:italic;font-weight:400;color:#a9c4bb}
p{margin:0 0 1em;color:var(--tx)}
.wrap{width:min(var(--wrap),100% - 2*var(--gap));margin-inline:auto}
.sec{position:relative;padding-block:var(--sec);background:var(--c-bg);overflow:hidden}
.sec.alt{background:var(--c-mid)}.sec.deep{background:var(--c-deep)}
.sec.grad{background:linear-gradient(135deg,var(--c-primary) 0%,var(--c-mid) 45%,var(--c-deep) 100%)}
.sec.glow::before{content:"";position:absolute;width:60vw;height:60vw;max-width:800px;max-height:800px;right:-15%;top:-20%;background:radial-gradient(closest-side,rgba(64,109,97,.35),transparent);pointer-events:none}
.sec>.wrap{position:relative}
.eyebrow{display:inline-flex;align-items:center;gap:.7rem;font:700 .72rem/1 var(--sans);letter-spacing:.26em;text-transform:uppercase;color:#a9c4bb;margin-bottom:1.1rem}
.eyebrow::before{content:"";width:34px;height:1px;background:#a9c4bb}
.screen-reader-text{position:absolute;left:-9999px}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:#fff;color:#000;padding:.5rem;z-index:999}
.ico{width:1.1em;height:1.1em;flex:none;vertical-align:-.15em}
/* buttons */
.btn,.btn-ghost,.btn-light{display:inline-flex;align-items:center;gap:.7rem;padding:1.05em 1.9em;font:700 .74rem/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;text-decoration:none;border:1px solid var(--c-accent);background:var(--c-accent);color:#fff;border-radius:999px;cursor:pointer;transition:background .3s,color .3s,border-color .3s,transform .3s var(--ease)}
.btn:hover{background:#4d8274;border-color:#4d8274;transform:translateY(-2px)}
.btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.45)}.btn-ghost:hover{background:#fff;color:var(--c-deep);border-color:#fff;transform:translateY(-2px)}
.btn-light{background:var(--c-gold);color:var(--c-deep);border-color:var(--c-gold)}.btn-light:hover{background:#fff;border-color:#fff;transform:translateY(-2px)}
.btn .ico,.btn-ghost .ico,.btn-light .ico{transition:transform .3s var(--ease)}.btn:hover .ico,.btn-ghost:hover .ico,.btn-light:hover .ico{transform:translateX(4px)}
.btns{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:1.8rem}
/* reveal animations */
.js .rv{opacity:0;transform:translateY(34px);transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:var(--d,0s)}
.js .rv.in{opacity:1;transform:none}
.js .rv.l{transform:translateX(-40px)}.js .rv.r{transform:translateX(40px)}.js .rv.z{transform:scale(.94)}
.js .rv.in.l,.js .rv.in.r,.js .rv.in.z{transform:none}
@keyframes up{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
@keyframes kb{from{transform:scale(1)}to{transform:scale(1.12)}}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.55)}70%{box-shadow:0 0 0 18px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}
/* header */
.site-header{position:absolute;inset:0 0 auto;z-index:80;color:#fff;transition:background .35s,padding .35s,box-shadow .35s}
.site-header.solid,.site-header.scrolled{position:fixed;background:rgba(2,16,16,.82);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line)}
.site-header .in{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding-block:1.25rem;transition:padding .35s}
.site-header.scrolled .in{padding-block:.7rem}
.logo{display:inline-flex;align-items:center;gap:.6rem;font:700 1.55rem/1 var(--serif);letter-spacing:.2em;color:#fff;text-decoration:none}.logo img{max-height:44px;width:auto}.logo .ico{color:#a9c4bb;width:1.3em;height:1.3em}
.nav ul{list-style:none;display:flex;gap:2rem;margin:0;padding:0}
.nav a{position:relative;color:#fff;text-decoration:none;font:600 .74rem/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;padding:.5rem 0}
.nav a::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:0;background:#a9c4bb;transition:width .35s var(--ease)}
.nav a:hover::after,.nav .current-menu-item>a::after,.nav .current_page_item>a::after{width:100%}
.menu-toggle{display:none;background:none;border:1px solid rgba(255,255,255,.5);color:#fff;padding:.6rem .9rem;font:600 .72rem var(--sans);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;border-radius:999px}
.has-fixed-header{padding-top:76px}
@media(max-width:1000px){.menu-toggle{display:block}.nav{position:fixed;inset:0 0 0 auto;width:min(340px,86vw);background:var(--c-deep);transform:translateX(100%);transition:transform .4s var(--ease);padding:6rem 2rem 2rem;visibility:hidden;border-left:1px solid var(--line)}.nav.open{transform:none;visibility:visible}.nav ul{flex-direction:column;gap:1.5rem}.header-cta{display:none}}
/* hero */
.hero{position:relative;color:#fff;background:var(--c-deep)}
.hero .track,.slider .track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.hero .track::-webkit-scrollbar,.slider .track::-webkit-scrollbar{display:none}
.hero .slide{flex:0 0 100%;scroll-snap-align:start;position:relative;min-height:min(100vh,900px);display:flex;align-items:center;overflow:hidden}
.hero .bg,.banner .bg,.cta .bg{position:absolute;inset:0;overflow:hidden}
.hero .bg img,.hero .bg .ph,.banner .bg img,.banner .bg .ph,.cta .bg img{width:100%;height:100%;object-fit:cover}
.hero .bg img{animation:kb 22s ease-in-out infinite alternate}
.ov{position:absolute;inset:0}
.hero .bg::after,.banner .bg::after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(transparent,var(--c-bg))}
.hero .copy{position:relative;max-width:50rem;padding-block:9rem 8rem}
.hero .copy>*{animation:up 1s var(--ease) both}.hero .copy>:nth-child(2){animation-delay:.12s}.hero .copy>:nth-child(3){animation-delay:.24s}.hero .copy>:nth-child(4){animation-delay:.36s}
.hero .copy p{font-size:1.2rem;color:#e3ece8;max-width:36rem}
.hero .slide.center .copy{margin-inline:auto;text-align:center}.hero .slide.center .btns{justify-content:center}.hero .slide.center p{margin-inline:auto}
.hero .slide.right .copy{margin-left:auto;text-align:right}.hero .slide.right .btns{justify-content:flex-end}.hero .slide.right p{margin-left:auto}
.hero-tags{position:absolute;inset:auto 0 1.8rem;z-index:3}.hero-tags .wrap{display:flex;gap:1.2rem 2.2rem;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.22);padding-top:1.2rem;font:700 .68rem/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#cfe0d8;max-width:calc(100% - 200px);margin-inline:var(--gap) auto}
.hero-tags span{display:inline-flex;gap:.6rem;align-items:center}
.scroll-cue{position:absolute;left:50%;bottom:5.5rem;z-index:3;animation:bob 2s ease-in-out infinite;color:#cfe0d8;display:none}
.arrows{position:absolute;inset:auto var(--gap) 1.6rem auto;display:flex;gap:.5rem;align-items:center;z-index:5}
.arrows button{width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:rgba(2,16,16,.35);color:#fff;font-size:1.2rem;cursor:pointer;transition:background .3s}.arrows button:hover{background:var(--c-accent)}
.dots{display:flex;gap:.45rem;margin-right:.6rem}.dots i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.4);transition:all .3s}.dots i.on{background:#fff;width:24px;border-radius:8px}
@media(max-width:760px){.hero-tags{display:none}.hero .copy{padding-block:8rem 6rem}}
.banner{position:relative;color:#fff;padding:11rem 0 6rem;background:var(--c-deep);overflow:hidden}
.banner .bg img{animation:kb 24s ease-in-out infinite alternate}
.banner .copy{position:relative;max-width:46rem}.banner .copy>*{animation:up 1s var(--ease) both}.banner p{color:#e3ece8;font-size:1.15rem}
/* features */
.feats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap)}
.feat{padding:2rem 1.6rem;border:1px solid var(--line);background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.01));border-radius:6px;transition:transform .4s var(--ease),border-color .4s}
.feat:hover{transform:translateY(-6px);border-color:#6f9d8f}
.feat .ic{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--c-primary);color:#cfe0d8;margin-bottom:1.2rem;font-size:1.4rem}
.feat h3{font-size:1.2rem}.feat p{color:var(--mut);font-size:.95rem;margin:0}
@media(max-width:960px){.feats{grid-template-columns:1fr 1fr}}@media(max-width:560px){.feats{grid-template-columns:1fr}}
/* split / intro */
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2.5rem,7vw,6rem);align-items:center}
.split.rev>:first-child{order:2}
.imgs{position:relative;aspect-ratio:4/4.6}.imgs>.a{position:absolute;inset:0 22% 14% 0;overflow:hidden;border-radius:4px}.imgs>.b{position:absolute;inset:34% 0 0 40%;overflow:hidden;border:6px solid var(--c-bg);border-radius:4px}
.imgs img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}.imgs:hover img{transform:scale(1.05)}
.imgs::after{content:"";position:absolute;inset:8% 4% 6% 18%;border:1px solid #6f9d8f;z-index:-1;border-radius:4px}
.portrait{position:relative;aspect-ratio:4/5;border-radius:4px;overflow:visible}.portrait img{width:100%;height:100%;object-fit:cover;border-radius:4px}
.portrait::before{content:"";position:absolute;inset:-14px 14px 14px -14px;border:1px solid #6f9d8f;border-radius:4px}
.portrait img{position:relative}
.checks{list-style:none;padding:0;margin:1.2rem 0 0}.checks li{display:flex;gap:.8rem;align-items:flex-start;margin-bottom:.7rem;color:var(--tx)}.checks .ico{color:#8fb5a8;margin-top:.3rem}
@media(max-width:820px){.split{grid-template-columns:1fr}.split.rev>:first-child{order:0}.portrait::before{display:none}}
/* heads */
.head{display:flex;justify-content:space-between;align-items:end;gap:1.5rem;flex-wrap:wrap;margin-bottom:3rem}.head h2{margin:0;max-width:30rem}
/* cards / excursions */
.exc{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}
.card{position:relative;display:flex;flex-direction:column;background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:6px;overflow:hidden;transition:transform .5s var(--ease),border-color .4s,box-shadow .5s}
.card:hover{transform:translateY(-6px);border-color:#6f9d8f;box-shadow:0 24px 50px -24px rgba(0,0,0,.7)}
.card .im{aspect-ratio:4/3;overflow:hidden;display:block}.card .im img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}.card:hover .im img{transform:scale(1.07)}
.card .tx{padding:1.5rem 1.5rem 1.7rem;display:flex;flex-direction:column;flex:1}
.card .meta{display:flex;flex-wrap:wrap;gap:.4rem 1.1rem;font:700 .68rem/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#8fb5a8;margin-bottom:.8rem}
.card .meta span{display:inline-flex;align-items:center;gap:.4rem}
.card h3 a{text-decoration:none;color:#fff}.card p{color:var(--mut);font-size:.97rem}
.card .more{margin-top:auto;display:inline-flex;align-items:center;gap:.6rem;font:700 .72rem var(--sans);letter-spacing:.18em;text-transform:uppercase;color:#fff;text-decoration:none;padding-top:.6rem}.card .more .ico{transition:transform .3s var(--ease)}.card .more:hover .ico{transform:translateX(5px)}
.exc .card:first-child{grid-column:span 2;grid-row:span 2}
.exc .card:first-child .im{aspect-ratio:auto;flex:1;min-height:360px}.exc .card:first-child h3{font-size:2.1rem}
.exc.plain .card:first-child{grid-column:auto;grid-row:auto}.exc.plain .card:first-child .im{aspect-ratio:4/3;min-height:0;flex:none}.exc.plain .card:first-child h3{font-size:1.45rem}
@media(max-width:900px){.exc{grid-template-columns:1fr 1fr}}@media(max-width:600px){.exc{grid-template-columns:1fr}.exc .card:first-child{grid-column:auto;grid-row:auto}}
/* slider */
.slider{position:relative}
.slider .s{flex:0 0 100%;scroll-snap-align:start;display:grid;grid-template-columns:1.15fr 1fr;background:var(--c-deep);border:1px solid var(--line);border-radius:6px;overflow:hidden}
.slider .s .im{min-height:460px;overflow:hidden}.slider .s .im img{width:100%;height:100%;object-fit:cover}
.slider .s .tx{padding:clamp(2rem,5vw,4.5rem);align-self:center}
.slider .arrows{position:static;margin-top:1.4rem;justify-content:flex-end}
@media(max-width:800px){.slider .s{grid-template-columns:1fr}.slider .s .im{min-height:260px}}
/* gallery */
.masonry{columns:3 280px;column-gap:var(--gap)}
.masonry figure{margin:0 0 var(--gap);break-inside:avoid;position:relative;overflow:hidden;background:var(--c-mid);border-radius:4px}
.masonry a{display:block;color:#fff;text-decoration:none}.masonry img{width:100%;transition:transform .9s var(--ease)}.masonry figure:hover img{transform:scale(1.06)}
.masonry figcaption{position:absolute;inset:auto 0 0;padding:3rem 1.1rem 1rem;background:linear-gradient(transparent,rgba(2,16,16,.92));font-size:.88rem;transform:translateY(100%);transition:transform .5s var(--ease)}
.masonry figure:hover figcaption,.masonry a:focus figcaption{transform:none}
.masonry .play{position:absolute;top:.8rem;right:.8rem;background:var(--c-deep);color:#fff;font-size:.68rem;padding:.4rem .7rem;letter-spacing:.12em;border-radius:999px}
.filters{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:2.2rem}.filters a{padding:.65rem 1.2rem;border:1px solid var(--line);border-radius:999px;text-decoration:none;font:700 .7rem var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#cfe0d8;transition:all .3s}.filters a.on,.filters a:hover{background:var(--c-accent);color:#fff;border-color:var(--c-accent)}
/* video */
.video{position:relative;aspect-ratio:16/10;background:var(--c-deep);overflow:hidden;border-radius:6px;border:1px solid var(--line)}.video img,.video .ph,.video iframe{width:100%;height:100%;object-fit:cover;border:0}
.video button{position:absolute;inset:0;margin:auto;width:92px;height:92px;border-radius:50%;border:0;background:var(--c-gold);color:var(--c-deep);font-size:1.6rem;cursor:pointer;display:grid;place-items:center;animation:pulse 2.4s infinite;transition:transform .3s}
.video button:hover{transform:scale(1.1)}.video button .ico{width:30px;height:30px;margin-left:4px}
/* reviews */
.revs{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}@media(max-width:900px){.revs{grid-template-columns:1fr}}
.rev{position:relative;padding:2rem 1.8rem;border:1px solid var(--line);background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.015));border-radius:6px}
.rev::before{content:"\201C";position:absolute;right:1.4rem;top:.4rem;font:5rem/1 var(--serif);color:rgba(169,196,187,.25)}
.stars{display:flex;gap:.2rem;color:#e8d9a8;margin-bottom:1rem}.stars .ico{width:1.1rem;height:1.1rem;fill:currentColor}
.rev p{color:var(--tx)}.rev .who{display:flex;align-items:center;gap:.8rem;margin-top:1.2rem}.rev .av{width:42px;height:42px;border-radius:50%;background:var(--c-accent);display:grid;place-items:center;font:700 .9rem var(--sans);color:#fff}
.rev small{display:block;color:var(--mut);font-size:.78rem}.rev .tag{position:absolute;left:1.4rem;top:-.7rem;background:#2f5f52;color:#cfe0d8;font:700 .6rem var(--sans);letter-spacing:.14em;padding:.35rem .7rem;border-radius:999px;text-transform:uppercase}
.rtab{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:85;display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:1rem .7rem;background:var(--c-accent);color:#fff;border:0;border-radius:8px 0 0 8px;cursor:pointer;box-shadow:-4px 4px 18px rgba(0,0,0,.35);transition:background .3s,padding .3s}
.rtab:hover{background:#4d8274;padding-right:1rem}.rtab .ico{fill:#fff;width:1.1rem;height:1.1rem}.rtab span{writing-mode:vertical-rl;font:600 .95rem var(--serif);letter-spacing:.08em}
.rpanel{position:fixed;inset:0 0 0 auto;width:min(440px,100%);z-index:120;background:var(--c-deep);border-left:1px solid var(--line);transform:translateX(105%);transition:transform .5s var(--ease);display:flex;flex-direction:column;box-shadow:-20px 0 60px rgba(0,0,0,.5)}
.rpanel.open{transform:none}.rpanel header{display:flex;justify-content:space-between;align-items:center;padding:1.3rem 1.5rem;border-bottom:1px solid var(--line)}.rpanel h3{margin:0}
.rpanel .x{background:none;border:1px solid var(--line);color:#fff;width:40px;height:40px;border-radius:50%;font-size:1.3rem;cursor:pointer}
.rpanel .body{padding:1.5rem;overflow:auto;flex:1}.rpanel .rev{margin-bottom:1.2rem}.rpanel footer{padding:1.2rem 1.5rem;border-top:1px solid var(--line)}
.rscrim{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:110;opacity:0;pointer-events:none;transition:opacity .4s}.rscrim.open{opacity:1;pointer-events:auto}
/* cta */
.cta{position:relative;text-align:center;background:linear-gradient(135deg,var(--c-primary),var(--c-deep))}.cta .bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--c-bg),transparent 30%,transparent 70%,var(--c-bg))}
.cta .wrap{position:relative;max-width:50rem}.cta h2{font-size:clamp(2.2rem,5vw,4rem)}.cta .btns{justify-content:center}
/* footer */
.site-footer{background:var(--c-deep);color:var(--mut);font-size:.96rem;border-top:1px solid var(--line)}.site-footer a{color:#cfe0d8;text-decoration:none;transition:color .2s}.site-footer a:hover{color:#fff}
.fgrid{display:grid;grid-template-columns:1.6fr 1fr 1.3fr;gap:3rem;padding-block:5rem 3rem}.site-footer h4{color:#fff;font:700 .72rem var(--sans);letter-spacing:.22em;text-transform:uppercase;margin-bottom:1.3rem}
.site-footer ul{list-style:none;margin:0;padding:0}.site-footer li{margin-bottom:.65rem}.site-footer li .ico{margin-right:.5rem;color:#8fb5a8}
.socials{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.4rem}.socials a{border:1px solid var(--line);padding:.55rem 1rem;border-radius:999px;font:700 .68rem var(--sans);letter-spacing:.14em;text-transform:uppercase}.socials a:hover{background:var(--c-accent);border-color:var(--c-accent)}
.copy-bar{border-top:1px solid var(--line);padding-block:1.4rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.85rem}
@media(max-width:800px){.fgrid{grid-template-columns:1fr;gap:2.2rem}}
/* blog */
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}@media(max-width:900px){.posts{grid-template-columns:1fr 1fr}}@media(max-width:600px){.posts{grid-template-columns:1fr}}
.featured{display:grid;grid-template-columns:1.3fr 1fr;background:var(--c-deep);border:1px solid var(--line);border-radius:6px;overflow:hidden;margin-bottom:var(--gap)}.featured h2 a{color:#fff;text-decoration:none}.featured .im{overflow:hidden}.featured .im img{width:100%;height:100%;object-fit:cover;min-height:340px;transition:transform .9s var(--ease)}.featured:hover .im img{transform:scale(1.05)}.featured .tx{padding:clamp(1.6rem,4vw,3.2rem);align-self:center}
@media(max-width:800px){.featured{grid-template-columns:1fr}}
.pagination{margin-top:3rem;display:flex;gap:.4rem;flex-wrap:wrap}.pagination .page-numbers,.nav-links .page-numbers{padding:.65rem 1rem;border:1px solid var(--line);border-radius:999px;text-decoration:none;color:#fff}.pagination .current,.nav-links .current{background:var(--c-accent);border-color:var(--c-accent)}
.entry{max-width:46rem;margin-inline:auto;font-size:1.12rem}.entry img{margin-block:1.5rem;border-radius:4px}.entry h2,.entry h3{margin-top:1.6em}.entry li{margin-bottom:.4em}
.search-form{display:flex;gap:.5rem}.search-form input[type=search]{padding:.8rem 1.2rem;border:1px solid var(--line);background:rgba(255,255,255,.05);color:#fff;font:inherit;min-width:0;border-radius:999px}.search-form input[type=submit]{padding:.8rem 1.4rem;border-radius:999px;border:0;background:var(--c-accent);color:#fff;font-weight:700;cursor:pointer}
/* form */
.cform label{display:block;font:700 .7rem var(--sans);letter-spacing:.18em;text-transform:uppercase;margin:1.2rem 0 .45rem;color:#a9c4bb}
.cform input,.cform textarea{width:100%;padding:.95rem 1.1rem;border:1px solid var(--line);background:rgba(255,255,255,.05);color:#fff;font:inherit;border-radius:6px;transition:border-color .3s,background .3s}.cform input:focus,.cform textarea:focus{outline:none;border-color:#8fb5a8;background:rgba(255,255,255,.09)}
.cform .hp{position:absolute;left:-9999px}
.notice{padding:1rem 1.2rem;margin-bottom:1.5rem;border-left:4px solid #8fb5a8;background:rgba(143,181,168,.15);border-radius:4px}.notice.err{border-color:#d98c8c;background:rgba(217,140,140,.15)}
.info li{display:flex;gap:1rem;margin-bottom:1.2rem}.info .ico{width:1.4rem;height:1.4rem;color:#8fb5a8;margin-top:.2rem}.map iframe{width:100%;height:340px;border:0;border-radius:6px;filter:grayscale(.4) brightness(.85)}
/* whatsapp */
.wa{position:fixed;bottom:24px;z-index:90;width:60px;height:60px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 22px rgba(0,0,0,.4);animation:pulse 2.6s infinite;transition:transform .3s var(--ease)}.wa:hover{transform:scale(1.1) rotate(-6deg)}.wa svg{width:32px;height:32px;fill:#fff}.wa.right{right:24px}.wa.left{left:24px}
@media(max-width:600px){.wa{bottom:16px;width:54px;height:54px}.wa.right{right:14px}.wa.left{left:14px}.rtab{padding:.8rem .55rem}}
.lb{position:fixed;inset:0;background:rgba(2,16,16,.95);z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;color:#fff}.lb img{max-height:80vh;max-width:94vw;object-fit:contain;border-radius:4px}.lb .vid{width:min(960px,94vw);aspect-ratio:16/9}.lb iframe{width:100%;height:100%;border:0}.lb p{margin:.8rem 0 0;font-size:.9rem}.lb button{position:absolute;top:1rem;right:1rem;background:none;border:1px solid #fff;color:#fff;width:46px;height:46px;border-radius:50%;font-size:1.3rem;cursor:pointer}
.lb .nx,.lb .pv{top:50%;right:1rem}.lb .pv{right:auto;left:1rem}
.admin-note{background:#3a3a1a;color:#f1e7b0;padding:1rem;border:1px dashed #b8a54b;font-size:.9rem;border-radius:4px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.js .rv{opacity:1;transform:none}}