:root{--ink:#143d28;--deep:#16482e;--leaf:#368b25;--grass:#64b828;--aqua:#149cad;--cream:#fffcf2;--paper:#fffdf8;--line:#dfe9d7;--shadow:0 8px 28px rgba(17,59,31,.10);font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);background:#f3f7e9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 50% 20%,#f9fce9,#e9f5df);z-index:-1}a{color:inherit}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.07;letter-spacing:-.03em}h1{font-size:clamp(2.6rem,5.3vw,5rem)}h2{font-size:clamp(1.7rem,2.7vw,2.6rem)}h3{font-size:1.27rem}p{line-height:1.62}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #0b8ac0;outline-offset:3px}.skip{position:absolute;left:-9999px;top:0;z-index:1000;background:white;padding:15px}.skip:focus{left:0}.surround{max-width:1600px;margin:auto;position:relative;padding:0 clamp(0px,5.2vw,90px)}.site{max-width:1400px;margin:auto;background:var(--cream);box-shadow:0 4px 40px #263e2b18;min-height:100vh;position:relative;z-index:2;border-radius:0 0 28px 28px;overflow:clip}.wrap{padding-left:clamp(22px,3vw,48px);padding-right:clamp(22px,3vw,48px)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:78px;background:rgba(253,255,249,.97);border-bottom:1px solid #e2ead8}.logo{white-space:nowrap;font-family:"Segoe Print","Comic Sans MS",Georgia,serif;text-decoration:none;font-size:clamp(27px,3vw,41px);font-weight:800;font-style:italic;letter-spacing:-.06em;line-height:1;color:#195a2c}.logo em{font-style:normal;color:var(--grass);font-size:.8em;margin-left:4px}.topnav{display:flex;align-items:center;gap:clamp(8px,1.1vw,17px);font-weight:700;font-size:.79rem}.topnav a{text-decoration:none;white-space:nowrap}.topnav a[aria-current=page],.topnav a:hover{color:var(--leaf);text-decoration:underline;text-underline-offset:7px}.header-search{display:flex;background:white;border:1px solid #d3e7d7;border-radius:50px;padding:3px;max-width:266px;min-width:130px}.header-search input{min-width:0;flex:1;width:130px;border:0;padding:8px 10px;background:transparent;font-size:.74rem}.header-search button,.searchbar button{border:0;border-radius:99px;background:var(--leaf);color:white;font-weight:800;padding:9px 17px}.mobile-toggle{display:none;background:#e8f4de;border:0;border-radius:12px;padding:10px;font-weight:800}.side{position:fixed;z-index:1;top:18px;bottom:10px;display:flex;flex-direction:column;gap:10px;width:clamp(54px,5.2vw,90px);max-height:calc(100vh - 32px)}.side.left{left:max(0px,calc((100vw - 1590px)/2))}.side.right{right:max(0px,calc((100vw - 1590px)/2))}.side button{border:0;background:#fffdf7;padding:0;border-radius:13px;overflow:hidden;min-height:0;flex:1;position:relative;box-shadow:0 5px 20px #15452a26}.side img{width:100%;height:100%;object-fit:cover}.side span{position:absolute;bottom:0;left:0;right:0;padding:12px 3px 6px;font-size:10px;color:#fff;background:linear-gradient(transparent,#102b1bcb)}.side .rotate{flex:0 0 36px;background:#eaffdb;color:var(--ink);font-size:20px;font-weight:900}.hero{min-height:448px;position:relative;overflow:hidden;background:#d6f0c2}.hero>.landscape{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(255,254,242,.96) 0%,rgba(255,253,241,.89) 33%,rgba(245,251,231,.35) 66%,rgba(10,57,33,.06) 100%)}.hero-inner{position:relative;z-index:2;display:flex;gap:20px;justify-content:space-between;align-items:center;min-height:448px;padding-top:30px;padding-bottom:35px}.hero-copy{max-width:670px;flex:1}.kicker{font-size:.76rem;letter-spacing:.13em;font-weight:900;text-transform:uppercase;color:var(--leaf)}.hero h1{margin:14px 0 12px;line-height:1.02;text-wrap:balance}.hero h1 span{color:#2f7b29}.hero .lead{font-size:clamp(1rem,1.5vw,1.24rem);max-width:590px;margin:0 0 22px}.searchbar{display:flex;gap:9px;background:#fff;border:2px solid #fff;border-radius:99px;padding:6px 6px 6px 18px;box-shadow:0 7px 20px #254b2c25;max-width:590px}.searchbar input{min-width:0;flex:1;border:0;background:none;padding:10px 5px}.searchbar button{padding:13px 28px}.quicktags{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.quicktags a{padding:7px 12px;border-radius:99px;background:#fffcf2e8;border:1px solid #dce7d1;font-size:.76rem;text-decoration:none;font-weight:650}.quicktags a:hover{background:#e4f6d8}.hero-portrait{width:clamp(210px,28vw,355px);aspect-ratio:1.25;flex:none;position:relative;align-self:flex-end}.hero-portrait a{display:block;border-radius:47% 47% 20% 20%;overflow:hidden;border:7px solid #fff;box-shadow:0 20px 45px #14371e3d;height:100%}.hero-portrait img{width:100%;height:100%;object-fit:cover}.hero-portrait .badge{position:absolute;bottom:-12px;right:-15px;border-radius:20px;background:#fffdf3;padding:11px 16px;font-size:.75rem;font-weight:800;box-shadow:var(--shadow)}.categories{padding-top:26px;padding-bottom:32px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 17px}.section-head p{max-width:410px;margin-bottom:2px;color:#5b7461;font-size:.91rem}.section-head h2{margin:3px 0}.cat-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:9px}.cat{display:block;border-radius:16px;overflow:hidden;background:#fffef9;border:1px solid #e3e7dd;box-shadow:0 4px 13px #2d593116;text-decoration:none;transition:transform .2s,box-shadow .2s}.cat:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.cat figure{margin:0;height:112px;background:#e1eadb;overflow:hidden}.cat img{width:100%;height:100%;object-fit:cover}.cat-content{padding:12px 9px 14px}.cat-content .symbol{display:inline-flex;align-items:center;justify-content:center;background:#f2ffe7;width:32px;height:32px;border-radius:50%;font-size:18px;margin-top:-27px;position:relative;box-shadow:0 2px 6px #29562a30}.cat h3{font-size:1rem;margin:7px 0 4px}.cat p{font-size:.77rem;color:#55675d;margin:0;line-height:1.4}.feature-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:16px;margin:8px 0 28px}.feature{min-height:220px;position:relative;border-radius:20px;overflow:hidden;background:#c9e4c5}.feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.feature:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f4fff1f5 0%,#f4fff1b5 38%,transparent 85%)}.feature .overlay{position:relative;z-index:1;padding:22px;max-width:64%}.feature h2{font-size:clamp(1.45rem,2.3vw,2.1rem);margin:7px 0}.feature p{font-size:.84rem;margin:0 0 15px}.pill-btn{display:inline-block;background:#246a30;color:white;text-decoration:none;border-radius:99px;padding:9px 16px;font-size:.78rem;font-weight:800}.nature-block{display:grid;grid-template-columns:1.7fr .9fr;gap:22px;padding-top:12px;padding-bottom:40px}.nature-gallery{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.nature-gallery a{border-radius:12px;overflow:hidden;display:block;aspect-ratio:3/4;background:#e8f1df;position:relative}.nature-gallery a:after,.photo:after{content:"↗";position:absolute;top:7px;right:7px;background:#153828b6;color:white;border-radius:6px;padding:4px 6px;font-size:.7rem}.nature-gallery img{width:100%;height:100%;object-fit:cover}.service-panel{background:#eff5e6;border-radius:18px;padding:19px}.service-panel h3{margin:0 0 5px}.service-panel p{font-size:.82rem;color:#607365}.service-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.service-cards a{text-decoration:none;font-size:.72rem;font-weight:750;background:white;border-radius:9px;overflow:hidden}.service-cards img{height:72px;width:100%;object-fit:cover}.service-cards span{display:block;padding:7px}.note{font-size:.77rem;color:#53695a}.editorial{background:#e9f3de;padding-top:30px;padding-bottom:35px}.editorial p{max-width:770px}.article-rows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.article-card{background:#fffef9;border-radius:18px;overflow:hidden;border:1px solid #dde7d6;text-decoration:none}.article-card img{width:100%;height:155px;object-fit:cover}.article-card .body{padding:17px}.article-card h3{margin:0 0 7px}.article-card p{font-size:.83rem;color:#596a5e}.footer{background:#133e2d;color:#f3f9ef;padding:34px 0 12px}.footgrid{display:grid;grid-template-columns:1.5fr repeat(2,1fr);gap:20px}.footgrid p{max-width:340px;color:#d2e4d4;font-size:.88rem}.footer a{display:inline-block;color:#f2fff1;text-decoration:none;padding:4px 0}.footgrid .links{display:flex;flex-direction:column;gap:3px;font-size:.85rem}.footbase{border-top:1px solid #ffffff30;margin-top:25px;padding-top:16px;color:#c0d9c8;font-size:.77rem}.page-hero{background:linear-gradient(95deg,#f0fbe8,#fcf6e5);padding-top:55px;padding-bottom:36px}.page-hero h1{max-width:880px}.page-hero p{max-width:830px;font-size:1.12rem;color:#41594a}.bread{font-size:.82rem;margin-bottom:14px;color:#4b6c52}.bread a{color:#36732e}.prose{padding-top:38px;padding-bottom:65px}.prose h2{margin:34px 0 14px}.prose h3{margin:25px 0 10px}.prose p,.prose li{max-width:900px;line-height:1.8;font-size:1rem}.prose ul,.prose ol{padding-left:25px}.statusbox{max-width:900px;border-left:4px solid #7fb63b;background:#f1f8ec;padding:17px 21px;border-radius:0 15px 15px 0;margin:23px 0}.statusbox p{margin:0}.mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:26px}.mini-grid article{background:#f3f8ed;padding:20px;border-radius:15px}.mini-grid p{font-size:.89rem;margin:0}.gallery-full{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}.photo{position:relative;display:block;overflow:hidden;border-radius:16px;background:#e5f0df}.photo img{height:225px;width:100%;object-fit:cover}.photo figcaption{background:#fffdf7;padding:9px 13px;font-size:.8rem;color:#425648}.cta-row{display:flex;flex-wrap:wrap;gap:13px;margin-top:22px}.secondary-btn{border-radius:99px;border:1px solid #97c993;padding:11px 17px;text-decoration:none;background:#fff;font-size:.84rem;font-weight:800}.search-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:20px}.search-results article{border:1px solid #dbead7;border-radius:16px;padding:17px;background:#fff}.search-results a{font-weight:850;color:var(--leaf)}.search-results p{font-size:.9rem;margin:6px 0}.dialog-photo{border:0;border-radius:18px;background:#0d2018;padding:15px 15px 12px;max-height:97vh;max-width:97vw;color:#fff;box-shadow:0 25px 80px #0009}.dialog-photo::backdrop{background:#051810df}.dialog-photo img{width:auto;max-width:calc(97vw - 30px);height:auto;max-height:calc(97vh - 94px);object-fit:contain}.dialog-photo p{margin:8px 0 0;font-size:.75rem}.dialog-photo button{position:absolute;right:15px;top:15px;border:0;border-radius:99px;background:white;padding:7px 13px;color:#152e1f;font-weight:800}.tiny{font-size:.8rem;color:#6b806f}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:1470px){.surround{padding-left:65px;padding-right:65px}.side{width:54px}}@media(max-width:1190px){.topnav{gap:8px;font-size:.73rem}.header-search{display:none}.cat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cat figure{height:145px}}@media(max-width:980px){.surround{padding:0}.side{display:none}.site{border-radius:0}.topbar{position:relative}.topnav{display:none;position:absolute;top:100%;left:0;right:0;background:#fbfff4;box-shadow:var(--shadow);z-index:10;padding:15px 25px;flex-wrap:wrap;gap:18px}.topnav.open{display:flex}.mobile-toggle{display:block}.hero-inner{min-height:400px}.hero-portrait{width:240px}.feature-grid{grid-template-columns:1fr 1fr}.nature-block{grid-template-columns:1fr}.footgrid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.topbar{min-height:64px}.hero-inner{display:block;min-height:0;padding-top:36px;padding-bottom:35px}.hero-portrait{width:min(78%,300px);margin:28px auto 0}.hero h1{font-size:clamp(2.6rem,10vw,3.8rem)}.hero:before{background:linear-gradient(180deg,#fcfff3ec,#fcfff3d9 60%,#fcfff370)}.searchbar button{padding:11px 16px}.cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cat figure{height:125px}.feature-grid{grid-template-columns:1fr}.feature{min-height:230px}.nature-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.nature-gallery a{aspect-ratio:1}.article-rows,.mini-grid{grid-template-columns:1fr}.gallery-full{grid-template-columns:1fr 1fr}.photo img{height:180px}.footgrid{grid-template-columns:1fr}.section-head{display:block}.service-cards{gap:6px}.page-hero{padding-top:35px}.search-results{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cat{transition:none}}

/* CODITE ATMOSPHERE SIDES V4.1
   Intact originals. A whole scaled image sits BEHIND the opaque site.
   The central site masks the inner part. No object-fit: cover, no card crops. */
@media (min-width: 1101px) {
  .surround {
    position:relative;
    max-width:1900px;
    padding:0 clamp(110px, 9vw, 180px);
    isolation:isolate;
  }
  .site {
    position:relative;
    z-index:2;
    width:100%;
    max-width:1400px;
    margin:0 auto;
    background:var(--cream);
    box-shadow:0 9px 45px rgba(13,51,28,.20);
    border-left:3px solid rgba(255,255,242,.9);
    border-right:3px solid rgba(255,255,242,.9);
    overflow:visible;
  }
  .side {
    display:block;
    position:fixed;
    top:0;
    bottom:0;
    width:clamp(360px,32vw,600px);
    height:100vh;
    max-height:none;
    overflow:hidden;
    z-index:1;
    pointer-events:none;
    border:0;
    margin:0;
    padding:0;
    background:#c6d9a6;
  }
  .side.left { left:0 }
  .side.right { right:0 }
  .side .edge-photos {display:block;width:100%;height:auto}
  .side a.side-photo {
    position:relative;
    display:block;
    width:100%;
    height:auto;
    min-height:0;
    flex:none;
    margin:0;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    pointer-events:auto;
    overflow:visible;
  }
  .side a.side-photo img {
    display:block;
    width:100%;
    height:auto;
    max-width:none;
    object-fit:contain;
    border:0;
    padding:0;
    margin:0;
    box-shadow:none;
    border-radius:0;
  }
  .side a.side-photo span {
    opacity:0;
    pointer-events:none;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    padding:10px 15px;
    background:linear-gradient(transparent,rgba(9,41,23,.7));
    color:white;
    font-size:12px;
    transition:opacity .2s ease;
  }
  .side a.side-photo:hover span, .side a.side-photo:focus-visible span {opacity:1}
  .side button.rotate {
    position:absolute;
    z-index:3;
    top:44vh;
    width:42px;
    height:42px;
    flex:none;
    min-height:42px;
    margin:0;
    padding:0;
    border:2px solid white;
    border-radius:50%;
    background:rgba(250,255,242,.95);
    color:#1c622d;
    box-shadow:0 5px 20px #07371560;
    font-weight:900;
    font-size:16px;
    pointer-events:auto;
    cursor:pointer;
  }
  .side.left button.rotate {left:clamp(20px,4vw,74px)}
  .side.right button.rotate {right:clamp(20px,4vw,74px)}
  .side button.rotate:hover {background:#fff;color:#0b4128}
  .site::before,.site::after {pointer-events:none}
}
@media (min-width:1101px) and (max-width:1350px) {
  .surround{padding-left:clamp(72px,7.2vw,120px);padding-right:clamp(72px,7.2vw,120px)}
}
@media (max-width:1100px) {
  .surround {padding:0; max-width:none}
  .site{max-width:none;width:100%;border:0}
  .side{display:none}
}
@media (prefers-reduced-motion:reduce) {
  .side a.side-photo span{transition:none}
}

/* Blend transitions between intact photographs, without cutting their source edges. */
@media(min-width:1101px){
  .side .edge-photos a.side-photo:not(:first-child){
    margin-top:-72px;
    -webkit-mask-image:linear-gradient(to bottom,transparent 0px,#000 72px);
    mask-image:linear-gradient(to bottom,transparent 0px,#000 72px);
  }
  .site{
    overflow:clip;
    border-radius:24px 24px 28px 28px;
  }
}

/* Codițe Immersive V5 — authentic, verified photographs, layered DOM/CSS, no generated image. */
:root{--river-image:url('delta-nuferi-si-pasari.jpg');}
html{background:#27482a}
body{background:#27482a}
body::before{display:none}
.immersive-stage{position:fixed;inset:0;z-index:0;overflow:hidden;background:#27482a}
.immersive-photo{position:absolute;inset:0;display:block;opacity:0;pointer-events:none;transition:opacity 1.8s ease;cursor:zoom-in}
.immersive-photo.is-active{opacity:1;pointer-events:auto}
.immersive-photo img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 49%}
.immersive-stage .immersive-sunlight{position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse 28% 45% at 10% 12%,rgba(252,249,171,.34),transparent),linear-gradient(90deg,rgba(15,52,22,.06),transparent 32%,transparent 72%,rgba(23,62,28,.08));mix-blend-mode:screen}
.immersive-foreground{position:absolute;z-index:3;top:-5%;bottom:-8%;width:28%;pointer-events:none;opacity:.82;filter:blur(2px) saturate(1.03)}
.immersive-foreground-left{left:-13%;background:url('delta-lac.jpg') center center / cover no-repeat;-webkit-mask-image:linear-gradient(to right,#000 15%,rgba(0,0,0,.75) 34%,transparent 92%);mask-image:linear-gradient(to right,#000 15%,rgba(0,0,0,.75) 34%,transparent 92%)}
.immersive-foreground-right{right:-14%;background:url('delta-stuf-si-apa.jpg') center center / cover no-repeat;-webkit-mask-image:linear-gradient(to left,#000 15%,rgba(0,0,0,.60) 44%,transparent 92%);mask-image:linear-gradient(to left,#000 15%,rgba(0,0,0,.60) 44%,transparent 92%)}
body>.surround{isolation:auto;max-width:none;margin:0;padding:38px clamp(105px,9.15vw,225px) 78px;min-height:100vh;position:relative;z-index:5;perspective:1400px}
.site{position:relative;z-index:6;max-width:1400px;margin:0 auto;width:100%;background:#fffcf3;border:1px solid rgba(255,255,247,.91);border-radius:31px;overflow:hidden;box-shadow:0 22px 42px rgba(7,36,18,.28),0 70px 115px rgba(8,36,22,.32),0 2px 2px rgba(255,255,255,.82) inset;transform:translateZ(18px)}
.site:before{content:"";position:absolute;pointer-events:none;z-index:9;inset:0;border-radius:31px;box-shadow:inset 1px 1px 0 rgba(255,255,255,.85)}
.topbar{background:rgba(255,255,247,.92);backdrop-filter:blur(14px)}
.hero{background-color:#edf5e5;background-image:var(--river-image);background-attachment:fixed;background-position:center 49%;background-size:cover;overflow:hidden}
.hero>.landscape{display:none!important}
.hero::before{background:linear-gradient(90deg,rgba(255,255,239,.97) 0%,rgba(255,255,241,.84) 35%,rgba(242,252,232,.18) 74%,rgba(22,50,32,.04) 100%);z-index:1}
.hero-inner{z-index:2;position:relative}
.hero-portrait{filter:drop-shadow(0 10px 12px rgba(16,36,25,.3))}
.categories,.nature-block{background:#fffdf7}
.immersive-tools{position:fixed;inset:0;z-index:8;pointer-events:none}
.immersive-arrow,.immersive-open,.immersive-label{position:fixed;pointer-events:auto;z-index:9}
.immersive-arrow{top:45vh;width:43px;height:43px;border:1px solid rgba(255,255,255,.8);border-radius:50%;background:rgba(255,255,243,.92);box-shadow:0 8px 25px rgba(10,39,20,.25);font-size:26px;line-height:1;color:#185731;backdrop-filter:blur(8px)}
.immersive-arrow.previous{left:max(10px,3vw)}.immersive-arrow.next{right:max(10px,3vw)}
.immersive-label{bottom:22px;left:18px;padding:8px 13px;border-radius:14px;background:rgba(8,41,24,.66);color:white;font-size:12px;backdrop-filter:blur(12px)}
.immersive-open{bottom:22px;right:18px;padding:8px 14px;border-radius:99px;background:rgba(255,255,248,.93);color:#194c2b;text-decoration:none;font-size:12px;font-weight:800}
.side{display:none!important}
@media(max-width:1100px){
 body>.surround{padding:25px 45px 60px}
 .site{transform:none;border-radius:23px}
 .hero{background-attachment:scroll}
 .immersive-arrow.previous{left:5px}.immersive-arrow.next{right:5px}
}
@media(max-width:680px){
 body>.surround{padding:0}
 .site{border:0;border-radius:0;box-shadow:none}
 .immersive-stage,.immersive-tools{display:none}
 .hero{background-image:url('delta-nuferi-si-pasari.jpg');background-attachment:scroll}
 .topbar{backdrop-filter:none}
}
@media(prefers-reduced-motion:reduce){
 .immersive-photo{transition:none}
 .site{transform:none}
}

@media(min-width:681px){
 .hero{background-image:none!important;background-color:#dcead4!important}
 .hero .hero-real-scene{position:absolute;inset:0;z-index:0;opacity:0;pointer-events:none;background-position:center 49%;background-size:cover;background-attachment:fixed;transition:opacity 1.8s ease}
 .hero .hero-real-scene.hero-scene-active{opacity:1}
}
@media(max-width:1100px) and (min-width:681px){
 .hero .hero-real-scene{background-attachment:scroll}
}
@media(max-width:680px){
 .hero .hero-real-scene{display:none}
}
@media(prefers-reduced-motion:reduce){.hero .hero-real-scene{transition:none}}

/* V6 REAL-WORLD OPEN-AIR DESIGN.
   One authentic photograph across OUTER SCENE and THROUGH the hero.
   No 'second wallpaper' crop, no hard rectangular site vs background.
   The editorial lower layer is the floating panel. */
html{background:#234c35}
body{background:#234c35}
.immersive-photo img{object-fit:cover;object-position:50% 42%;filter:saturate(1.04) contrast(1.02)}
.immersive-stage .immersive-sunlight{background:radial-gradient(ellipse 32% 52% at 15% 18%,rgba(255,251,212,.32),transparent 76%),linear-gradient(0deg,rgba(7,36,22,.27),transparent 70%);mix-blend-mode:normal}
.immersive-foreground{opacity:.60;filter:blur(3px) saturate(1.25)}
.immersive-foreground-left{left:-14%;width:35%;background-image:url('corcoduse-2024.webp');background-position:42% 38%;-webkit-mask-image:linear-gradient(to right,#000 0%,#000 15%,transparent 85%);mask-image:linear-gradient(to right,#000 0%,#000 15%,transparent 85%)}
.immersive-foreground-right{right:-15%;width:34%;background-image:url('delta-lac.jpg');background-position:65% 42%;-webkit-mask-image:linear-gradient(to left,#000 0%,#000 16%,transparent 85%);mask-image:linear-gradient(to left,#000 0%,#000 16%,transparent 85%)}
@media (min-width:1101px){
 body>.surround{padding:40px clamp(110px,11.2vw,245px) 88px;transform:translateZ(0);perspective:1200px}
}
@media (min-width:681px){
 .site{background:transparent!important;overflow:visible!important;border:0!important;border-radius:34px 34px 28px 28px!important;box-shadow:none!important;transform:none!important}
 .site:before{display:none!important}
 .topbar{border-radius:32px 32px 0 0;position:relative;z-index:4;background:rgba(251,255,247,.87)!important;border:1px solid rgba(255,255,250,.70)!important;border-bottom:1px solid rgba(255,255,255,.22)!important;box-shadow:0 -12px 35px rgba(17,58,29,.1);backdrop-filter:blur(20px) saturate(1.08)}
 .site main{background:transparent;filter:drop-shadow(0 19px 23px rgba(8,32,18,.22)) drop-shadow(0 48px 58px rgba(8,32,18,.17))}
 .hero{background:none!important;background-image:none!important;background-color:transparent!important;position:relative;min-height:430px;overflow:visible!important}
 .hero .hero-real-scene{display:none!important}
 .hero>.landscape{display:none!important}
 .hero::before{z-index:0!important;inset:0!important;background:linear-gradient(90deg,rgba(255,255,242,.94) 0%,rgba(255,255,243,.81) 29%,rgba(248,255,236,.54) 45%,rgba(248,255,236,.08) 72%,transparent 100%),linear-gradient(0deg,rgba(255,252,243,.88) 0%,transparent 25%)!important;backdrop-filter:none;pointer-events:none}
 .hero-inner{position:relative;z-index:2;min-height:430px;padding-top:24px;padding-bottom:36px;align-items:center}
 .hero-copy{max-width:690px}
 .hero h1{font-size:clamp(3rem,4.2vw,4.75rem);text-shadow:0 1px 16px rgba(255,255,236,.25)}
 .hero .lead{color:#1b4931}
 .hero-portrait{position:relative;align-self:center;width:clamp(165px,22vw,305px);opacity:.94;transform:perspective(850px) rotateY(-7deg) translateY(8px);filter:drop-shadow(0 15px 23px rgba(11,43,24,.24))}
 .hero-portrait a{border:6px solid rgba(255,255,249,.9);border-radius:38% 45% 22% 24%;box-shadow:0 12px 40px rgba(19,51,28,.18)}
 .site .categories{position:relative;z-index:3;margin-top:-5px;border-radius:35px 35px 0 0;padding-top:29px;background:#fffdf7!important;box-shadow:0 -26px 40px rgba(255,254,242,.25),0 -3px 3px rgba(255,255,250,.7)}
 .site .feature-grid{margin-top:0}
 .site .categories ~ *{background:#fffdf7}
 .site main>section.wrap{background:#fffdf7}
 .site .nature-block{background:#fffdf7}
 .site .editorial{background:#eff7e7}
 .site .footer{border-radius:0 0 28px 28px;box-shadow:0 25px 65px rgba(8,37,20,.21)}
 .page-hero{background:linear-gradient(100deg,rgba(255,255,245,.96),rgba(245,254,230,.86));backdrop-filter:blur(16px);border-radius:0 0 25px 25px}
 .prose{background:#fffdf7}
}
@media (min-width:681px) and (max-width:1100px){
 body>.surround{padding:24px 42px 60px}
 .hero h1{font-size:clamp(2.6rem,5vw,4.5rem)}
 .hero-portrait{width:220px}
 .site .topbar{border-radius:25px 25px 0 0}
}
@media(max-width:680px){
 body>.surround{padding:0!important}
 .site{background:#fffdf7!important;box-shadow:none!important;transform:none!important;border:0!important}
 .hero{background-image:url('delta-lacul-cu-pasari.jpg')!important}
 .hero-portrait{transform:none}
}
@media(prefers-reduced-motion:reduce){.hero-portrait{transform:none}}


/* V6 final visual polish: airy floating page, natural image scene. */
@media(min-width:681px){
 .hero-portrait{transform:perspective(850px) rotateY(-3deg) translateY(6px)!important;width:clamp(185px,22vw,315px);opacity:1}
 .hero-portrait a{border:6px solid rgba(255,255,246,.96);border-radius:40% 44% 20% 22%;box-shadow:0 15px 38px rgba(10,43,22,.17)}
 .site .categories{box-shadow:0 -18px 35px rgba(255,252,242,.35),0 -3px 2px rgba(255,255,250,.6)}
 .hero::before{background:linear-gradient(90deg,rgba(255,255,245,.91) 0%,rgba(255,255,244,.77) 30%,rgba(249,255,242,.42) 48%,rgba(249,255,239,.02) 78%,transparent 100%),linear-gradient(0deg,rgba(255,251,240,.82),transparent 23%)!important}
}

/* V8 — derived from V6, not from V7.
   The SITE dominates: 91–94% viewport width.
   Soft organic/wavy edges, original nature photos behind and through the hero.
   NO giant side panels, NO permanent fog. */
:root{--leaf:#63B71E;--grass:#63B71E;--spring:#63B71E;--ink:#133D27;--deep:#145D32;--aqua:#159DA3}
html,body{background:#234b32}
.immersive-foreground,.immersive-foreground-left,.immersive-foreground-right{display:none!important}
.immersive-stage .immersive-sunlight{
 background:linear-gradient(180deg,rgba(7,37,19,.03),transparent 48%,rgba(5,27,15,.06))!important;
 mix-blend-mode:normal!important;filter:none!important;opacity:.5!important
}
.immersive-photo img{filter:saturate(1.03) contrast(1.035)!important}
.logo em{color:var(--spring)!important}
.kicker{color:#387F1E!important}
.topnav a:hover,.topnav a[aria-current="page"]{color:#3B820F!important}
.header-search button,.searchbar button,.pill-btn{
 background:#63B71E!important;color:#123c24!important;
 border:0;box-shadow:0 3px 9px rgba(38,118,30,.16);text-shadow:none;font-weight:850
}
.header-search button:hover,.searchbar button:hover,.pill-btn:hover{background:#7BCD38!important}
.quicktags a:hover{background:#E8FBD8}
.cat-content .symbol{background:#E6F9D5}
.cat:hover{border-color:#A8DC87}
.statusbox{border-left-color:#63B71E}
.immersive-arrow{background:rgba(249,255,241,.95);border:2px solid rgba(232,248,215,.9);color:#286c1c}
.immersive-open{background:rgba(241,255,230,.97);color:#164d27}
.footer{background:#174D32!important}
.footer.wrap{padding:36px clamp(24px,3.1vw,54px) 15px!important}
.footer .logo{color:#e7ffdc!important}
.footer .logo em{color:#86d74b!important}
.footer a:hover{color:#D5FBAE}
@media(min-width:1101px){
 body>.surround{
  padding:25px clamp(18px,3.6vw,94px) 62px!important;
  width:100%;max-width:none!important;perspective:1500px;
 }
 .floating-shell{
  position:relative;z-index:6;
  width:100%;max-width:none;margin:0 auto;
  filter:drop-shadow(0px 6px 9px rgba(5,38,21,.12))
         drop-shadow(0px 28px 37px rgba(9,44,23,.20))
         drop-shadow(0px 55px 62px rgba(8,40,20,.12));
  transform:translateZ(12px);
 }
 .floating-shell .site{
  width:100%!important;max-width:none!important;
  border-radius:38px 38px 27px 27px;
  -webkit-mask-image:url('wave-edge-alpha.png');
  mask-image:url('wave-edge-alpha.png');
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-size:100% 100%;mask-size:100% 100%;
 }
 .site .topbar{border-radius:38px 38px 0 0}
 .topnav{font-size:clamp(.74rem,.83vw,.88rem)!important;gap:clamp(7px,.74vw,16px)!important}
 .site .categories{border-radius:33px 33px 0 0}
 .site .footer{border-radius:0 0 25px 25px}
 .hero::before{
  background:linear-gradient(90deg,rgba(255,255,244,.9) 0%,rgba(255,255,245,.78) 27%,rgba(248,255,237,.40) 47%,rgba(250,255,243,.01) 73%,transparent 100%),linear-gradient(0deg,rgba(255,252,240,.72),transparent 20%)!important
 }
 .hero h1 span{color:#378719}
 .cat h3{font-size:clamp(1rem,.95vw,1.16rem)}
 .cat p{font-size:clamp(.77rem,.77vw,.89rem)}
 .cat figure{height:clamp(122px,8vw,172px)}
}
@media(min-width:681px) and (max-width:1100px){
 body>.surround{padding:16px 28px 42px!important}
 .floating-shell{width:100%;filter:drop-shadow(0 15px 24px rgba(12,40,22,.19))}
 .floating-shell .site{max-width:none!important;width:100%!important;border-radius:25px}
 .hero h1 span{color:#378719}
}
@media(max-width:680px){
 body>.surround{padding:0!important}
 .floating-shell{display:block;width:100%;filter:none}
 .floating-shell .site{max-width:none!important;width:100%!important;border-radius:0!important}
 .footer.wrap{padding:30px 22px 15px!important}
}
@media(prefers-reduced-motion:reduce){.floating-shell{transform:none!important}}

@media(min-width:1101px){.floating-shell{transform:none!important}}


/* V8.1 — edge-depth revision of the preferred V8. No changes to the good header. */
@media(min-width:1101px){
 body>.surround {
   padding:24px clamp(34px,4.65vw,116px) 74px!important;
 }
 .floating-shell {
   max-width:none!important;
   width:100%!important;
   transform:none!important;
   filter:drop-shadow(0 11px 19px rgba(6,39,21,.14))
          drop-shadow(0 29px 39px rgba(5,44,24,.15))
          drop-shadow(0 67px 82px rgba(6,37,21,.13))!important;
 }
 .floating-shell .site {
   max-width:none!important;
   width:100%!important;
   -webkit-mask-image:url('wave-edge-alpha.png')!important;
   mask-image:url('wave-edge-alpha.png')!important;
   -webkit-mask-position:center top!important;
   mask-position:center top!important;
   -webkit-mask-size:100% 100%!important;
   mask-size:100% 100%!important;
   -webkit-mask-repeat:no-repeat!important;
   mask-repeat:no-repeat!important;
   border:0!important;
 }
 /* The header was successful, particularly at its right. Keep it luminous and crisp. */
 .topbar {
   background:rgba(252,255,247,.90)!important;
 }
 /* Spring green remains the canonical bright grass shade, never forest green. */
 .searchbar button,.header-search button,.pill-btn{background:#63B71E!important;color:#173d23!important}
}
@media(min-width:1101px) and (max-width:1240px){
 body>.surround{padding-right:clamp(34px,4.2vw,67px)!important;padding-left:clamp(34px,4.2vw,67px)!important}
}
@media(min-width:681px) and (max-width:1100px){
 body>.surround{padding:16px 28px 50px!important}
}
@media(max-width:680px){
 body>.surround{padding:0!important}
 .floating-shell .site{mask-image:none!important;-webkit-mask-image:none!important}
}


/* V8.1 TYPOGRAPHY — deliberately calm hierarchy, no oversized headings.
   Keep brand and content legible at Firefox/Brave browser zoom 80–100%. */
h1,h2,h3 {
 letter-spacing:-.017em!important;
 line-height:1.14!important;
 text-wrap:balance;
}
h1{font-weight:600!important}
h2{font-size:clamp(1.42rem,1.85vw,2.05rem)!important;font-weight:600!important}
h3{font-weight:600!important}
.logo{
 font-size:clamp(25px,2vw,33px)!important;
 font-weight:700!important;
 letter-spacing:-.045em!important;
}
.topbar{min-height:66px!important}
.topnav{font-size:clamp(.76rem,.80vw,.87rem)!important}
.hero h1{
 font-size:clamp(2.35rem,3.1vw,3.55rem)!important;
 max-width:740px!important;
 line-height:1.06!important;
 letter-spacing:-.018em!important;
 font-weight:600!important;
 margin-top:10px!important;
 margin-bottom:12px!important;
}
.hero .lead{font-size:clamp(.96rem,1.09vw,1.08rem)!important;line-height:1.65!important}
.kicker{font-size:.7rem!important;letter-spacing:.10em!important}
.section-head h2,.editorial h2,.prose h2,.nature-block h2{
 font-size:clamp(1.5rem,1.85vw,2.05rem)!important;
 line-height:1.18!important;
}
.feature h2{font-size:clamp(1.35rem,1.66vw,1.82rem)!important}
.cat h3{font-size:clamp(.95rem,.90vw,1.08rem)!important;line-height:1.23!important}
.cat p{font-size:clamp(.76rem,.74vw,.86rem)!important}
.page-hero h1{font-size:clamp(2rem,2.9vw,3.35rem)!important;line-height:1.12!important}
@media(max-width:1100px){
 .hero h1{font-size:clamp(2.1rem,4.2vw,3.1rem)!important}
 .logo{font-size:29px!important}
}
@media(max-width:650px){
 .hero h1{font-size:clamp(2.13rem,8vw,2.6rem)!important}
 .topbar{min-height:65px!important}
 .logo{font-size:28px!important}
 h2,.section-head h2,.editorial h2,.nature-block h2{font-size:clamp(1.45rem,5vw,1.75rem)!important}
 .page-hero h1{font-size:clamp(1.95rem,7.3vw,2.35rem)!important}
}


/* CODITE V8.2 - NO FRAMES: quiet section distinction + organic alpha fade.
 * Keep the original V8.1 header at top/right, but soften the lower outer edges.
 * No photographic alteration; only an alpha mask on the website surface.
 */
:root{
 --leaf:#63B71E;
 --grass:#63B71E;
 --spring:#63B71E;
 --ink:#17412A;
 --warm-white:#FFFDF5;
 --warm-green:#F5FAEE;
}
@media(min-width:1101px){
 body>.surround{
   padding:25px clamp(40px,5.6vw,125px) 76px!important;
   max-width:none!important;
 }
 .floating-shell{
   transform:none!important;
   filter:
      drop-shadow(0px 17px 26px rgba(12,45,28,.095))
      drop-shadow(0px 43px 61px rgba(8,41,23,.085))!important;
 }
 .floating-shell .site{
   width:100%!important;max-width:none!important;
   border:0!important;outline:0!important;
   -webkit-mask-image:url('organic-edge-fade.png')!important;
   mask-image:url('organic-edge-fade.png')!important;
   -webkit-mask-position:center center!important;mask-position:center center!important;
   -webkit-mask-size:100% 100%!important;mask-size:100% 100%!important;
   -webkit-mask-repeat:no-repeat!important;mask-repeat:no-repeat!important;
   border-radius:0!important;
 }
 .site .topbar{
   background:rgba(251,255,246,.90)!important;
   border:0!important;box-shadow:none!important;
 }
}
/* No frame around Ursu. His actual photograph softly dissolves into the hero.
   This is an alpha effect on the same original image, NOT AI removal. */
.hero-portrait{
 overflow:visible!important;
 filter:none!important;
 transform:none!important;
 aspect-ratio:1.18!important;
 align-self:center!important;
}
.hero-portrait a{
 background:transparent!important;
 border:0!important;
 outline:0!important;
 border-radius:0!important;
 box-shadow:none!important;
 overflow:visible!important;
 display:block!important;
 height:100%!important;
 width:100%!important;
 -webkit-mask-image:radial-gradient(ellipse 73% 70% at 52% 52%,#000 0%,#000 55%,rgba(0,0,0,.82) 69%,transparent 96%);
 mask-image:radial-gradient(ellipse 73% 70% at 52% 52%,#000 0%,#000 55%,rgba(0,0,0,.82) 69%,transparent 96%);
}
.hero-portrait a img{
 display:block!important;
 width:100%!important;
 height:100%!important;
 object-fit:cover!important;
 border:0!important;outline:0!important;border-radius:0!important;
}
.hero-portrait .badge{
 background:rgba(248,255,236,.84)!important;
 backdrop-filter:blur(4px);
 box-shadow:none!important;
 border:0!important;
 border-radius:20px!important;
 right:2px!important;
 bottom:1px!important;
 font-size:.68rem!important;
 padding:6px 10px!important;
}
.hero{min-height:412px!important}
.hero-inner{min-height:412px!important;padding-top:22px!important;padding-bottom:27px!important}
.site .categories{
 margin-top:-12px!important;
 border:0!important;
 border-radius:24px 24px 0 0!important;
 box-shadow:none!important;
 background:linear-gradient(180deg,rgba(255,254,248,.97) 0%,#FFFDF5 80px)!important;
 padding-top:29px!important;
}
.site main>section.wrap{
 background:linear-gradient(180deg,#FFFDF5 0%,#FBFDF5 100%)!important;
}
.site .nature-block{background:linear-gradient(180deg,#FBFDF5 0%,#F5FAEE 100%)!important}
.site .editorial{background:linear-gradient(180deg,#F5FAEE,#EEF7E5)!important}
.service-panel{border:0!important;background:rgba(232,245,220,.64)!important;box-shadow:none!important}
.card,.cat,.feature,.article-card,.service-cards a{
 border:0!important;
 outline:0!important;
 box-shadow:0 3px 11px rgba(14,50,28,.07)!important;
}
.cat:hover,.article-card:hover{
 box-shadow:0 7px 20px rgba(14,50,28,.12)!important;
}
.feature,.cat,.article-card{
 border-radius:15px!important;
}
.feature .overlay{background:none!important}
.footer{border:0!important;box-shadow:none!important}
.site .footer{border-radius:0 0 19px 19px!important}
@media(min-width:681px) and (max-width:1100px){
 body>.surround{padding:20px 32px 50px!important}
 .floating-shell .site{border:0!important;outline:0!important}
 .hero-portrait{aspect-ratio:1.15!important}
}
@media(max-width:680px){
 .floating-shell .site{
  -webkit-mask-image:none!important;mask-image:none!important;
  border:0!important;outline:0!important
 }
 .hero-portrait{width:min(72%,275px)!important;margin:14px auto 0!important}
 .hero-portrait .badge{bottom:-3px!important}
 .hero{min-height:0!important}
 .hero-inner{min-height:0!important}
}
@media(prefers-reduced-motion:reduce){
 .hero-portrait a{transition:none!important}
}


/* V8.2 polish after visual QA: true feather instead of a hard rectangular crop.
   Card sections keep their own quiet tones, without outlines. */
.hero-portrait a{
 -webkit-mask-image:radial-gradient(ellipse 60% 60% at 52% 52%, #000 0%,#000 47%,rgba(0,0,0,.80) 63%,rgba(0,0,0,.31) 75%,transparent 84%)!important;
 mask-image:radial-gradient(ellipse 60% 60% at 52% 52%, #000 0%,#000 47%,rgba(0,0,0,.80) 63%,rgba(0,0,0,.31) 75%,transparent 84%)!important;
}
.hero-portrait .badge{display:none!important}
.site main>section.nature-block.wrap{
 background:linear-gradient(180deg,#FBFDF5 0%,#F2F9E9 100%)!important;
}
.site main>section.editorial.wrap{
 background:linear-gradient(180deg,#F2F9E9 0%,#EBF6E0 100%)!important;
}
.site main>section.wrap:has(.feature-grid){
 background:#FFFEF7!important;
}
/* Distinct sections by hue, not shadowed horizontal borders. */
.site .categories{background:linear-gradient(180deg,rgba(255,254,247,.95),#FFFCF4 90px)!important}
.site .categories + section.wrap{padding-top:2px!important}


/* CODIȚE V8.3 — FADE SURFACES, NEVER FADE THE CONTENT
   PARENT MASK OFF: the original mask cut off full blocks and made artificial cliffs.
   Section-specific :before layers are the only fading material. */
@media(min-width:1101px){
 body>.surround{
   padding:65px clamp(38px,5.55vw,124px) 88px!important;
 }
 .floating-shell{
   filter:drop-shadow(0 24px 48px rgba(4,30,20,.11))
          drop-shadow(0 49px 75px rgba(9,33,20,.075))!important;
 }
 .floating-shell .site {
   -webkit-mask-image:none!important;mask-image:none!important;
   -webkit-mask:none!important;mask:none!important;
   overflow:visible!important;
   border:0!important;
   box-shadow:none!important;
   background:transparent!important;
 }
}
@media(min-width:681px){
 .site .topbar{
  position:relative!important;z-index:5!important;
  border-radius:31px 31px 0 0!important;
  /* preserve the much-liked blending at upper-right */
  background:rgba(252,255,246,.89)!important;
 }
 .site .categories,
 .site main>section.wrap,
 .site .nature-block,
 .site .editorial,
 .site .page-hero,
 .site .prose,
 .site .footer{
   position:relative!important;
   isolation:isolate!important;
   background:transparent!important;
   background-image:none!important;
   box-shadow:none!important;
   border:0!important;
   outline:0!important;
 }
 /* Each background is a separate feathered sheet BEHIND fully sharp content.
    Unlike a site-wide mask this does not fade texts, cards or photos. */
 .site .categories::before,
 .site main>section.wrap::before,
 .site .nature-block::before,
 .site .editorial::before,
 .site .page-hero::before,
 .site .prose::before,
 .site .footer::before{
   content:""!important;display:block!important;
   position:absolute!important;inset:0!important;
   z-index:-1!important;
   background:var(--surface,#FFFDF5)!important;
   pointer-events:none!important;
   -webkit-mask-image:linear-gradient(90deg,
       transparent 0%,rgba(0,0,0,.19) 1.2%,rgba(0,0,0,.50) 3.3%,#000 8.8%,
       #000 90.5%,rgba(0,0,0,.65) 95%,rgba(0,0,0,.18) 98.2%,transparent 100%)!important;
   mask-image:linear-gradient(90deg,
       transparent 0%,rgba(0,0,0,.19) 1.2%,rgba(0,0,0,.50) 3.3%,#000 8.8%,
       #000 90.5%,rgba(0,0,0,.65) 95%,rgba(0,0,0,.18) 98.2%,transparent 100%)!important;
   mask-repeat:no-repeat!important;
   -webkit-mask-repeat:no-repeat!important;
 }
 .site .categories{
   --surface:#FFFDF6;
   margin-top:-10px!important;
   padding-top:27px!important;
   border-radius:0!important;
 }
 .site .categories::before{
   background:linear-gradient(180deg,
      rgba(255,253,245,.20) 0%,
      rgba(255,253,245,.75) 30px,
      #FFFDF6 90px)!important;
 }
 .site main>section.wrap{--surface:#FEFDF6}
 .site main>section.wrap:has(.feature-grid){--surface:#FFFDF7}
 .site .nature-block{--surface:#F5FAEC}
 .site .editorial{--surface:#ECF8E3}
 .site .page-hero{--surface:#F2FAEA}
 .site .prose{--surface:#FFFDF6}
 .site .footer{--surface:#184D32}
 .site .footer::before{
   background:linear-gradient(180deg,#184D32 0%,#184D32 83%,rgba(24,77,50,0) 100%)!important;
 }
 /* Distinction without borders: subtle internal tonal changes and white space. */
 .site .categories,
 .site .nature-block,
 .site .editorial{border-radius:0!important}
 .site .feature-grid{position:relative;z-index:1}
}
/* The top should show more untouched landscape. No haze layers on the source image. */
.immersive-foreground,
.immersive-foreground-left,
.immersive-foreground-right{display:none!important}
.immersive-stage .immersive-sunlight{display:none!important}
.immersive-photo img{filter:none!important}
/* Fresh grass is the visual brand, not a deep forest green. */
:root{--leaf:#63B71E;--grass:#63B71E;--spring:#63B71E;--spring-wash:#E9F9D9;--deep:#205C2D}
.hero h1 span{color:#52A419!important}
.kicker{color:#419418!important}
.logo em,.cat .symbol,.hero .quicktags a:hover{color:#63B71E!important}
.searchbar button,.header-search button,.pill-btn{
 background:#63B71E!important;color:#143C20!important;
 border:0!important;box-shadow:none!important
}
.searchbar button:hover,.header-search button:hover,.pill-btn:hover{background:#7BD142!important}
.cat .symbol{background:#E6FAD8!important}
.topnav a:hover{color:#459615!important}
.service-panel{background:rgba(224,246,205,.61)!important}
/* Ursu has no photographic frame. Preserve his original photograph. */
.hero-portrait a{
 border:0!important;box-shadow:none!important;outline:0!important;
 background:transparent!important;border-radius:0!important
}
.hero-portrait .badge{display:none!important}
@media(min-width:681px) and (max-width:1100px){
 body>.surround{padding:38px 25px 55px!important}
}
@media(max-width:680px){
 body>.surround{padding:0!important}
 .site .categories,.site .nature-block,.site .editorial,
 .site main>section.wrap,.site .footer{background:var(--warm-white,#FFFDF6)!important}
 .site .editorial{background:#ECF8E3!important}
 .site .nature-block{background:#F5FAEC!important}
 .site .footer{background:#184D32!important}
}


/* V8.4: owned-site footer and helpful FAQ — no frames, preserves immersive V8.3 */
.scd-network{margin-top:25px;padding:23px 0 21px;border-top:1px solid rgba(215,247,196,.23)}
.scd-network-head{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin-bottom:15px}
.scd-network h2{font-size:clamp(1.18rem,1.4vw,1.46rem)!important;font-weight:600!important;color:#f0ffe6;margin:0}
.scd-network-head p{max-width:64ch;color:#cfe8c8;font-size:.86rem;line-height:1.45;margin:0}
.scd-network-list{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0;padding:0}
.scd-network-list li{min-width:0}
.scd-network-list a{height:100%;display:flex;flex-direction:column;gap:5px;padding:13px 11px 12px;background:rgba(227,255,213,.065);text-decoration:none;border-radius:12px;transition:background .15s;color:#eefde9}
.scd-network-list a:hover,.scd-network-list a:focus-visible{background:rgba(195,244,161,.17)}
.scd-network-list strong{font-weight:700;color:#f1ffe9;font-size:.9rem}
.scd-network-list span{color:#d9ebd3;line-height:1.38;font-size:.80rem}
.scd-network-list small{color:#a8e57c;margin-top:auto;padding-top:7px;word-break:break-word;font-size:.75rem}
.codite-faq{padding-block:35px 38px;position:relative;isolation:isolate}
.codite-faq::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#f1f8e9,#f9fdf3)}
.faq-heading{margin-bottom:16px}
.faq-heading h2{font-size:clamp(1.4rem,1.82vw,1.9rem)!important;margin:5px 0 0;font-weight:600}
.faq-questions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.faq-questions details{background:rgba(255,255,252,.76);padding:13px 16px;border-radius:12px}
.faq-questions summary{color:#174a2b;cursor:pointer;font-size:.95rem;font-weight:650}
.faq-questions details p{color:#29503b;font-size:.9rem;line-height:1.55;margin:10px 0 1px}
@media(min-width:681px){
 .codite-faq::before{mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
}
@media(max-width:1100px){.scd-network-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){
 .scd-network-head{display:block}
 .scd-network-head p{margin-top:8px}
 .scd-network-list{grid-template-columns:repeat(2,minmax(0,1fr))}
 .faq-questions{grid-template-columns:1fr}
}
@media(max-width:390px){.scd-network-list{grid-template-columns:1fr}}


/* "Cei care susțin Codițe" — discreet recognition, NOT a product catalog. */
.scd-network{margin-top:20px!important;padding-top:17px!important;padding-bottom:18px!important}
.scd-network-head{margin-bottom:11px!important}
.scd-network h2{font-size:clamp(1.15rem,1.3vw,1.4rem)!important}
.scd-network-list{gap:clamp(12px,1.5vw,28px)!important}
.scd-network-list a,
.scd-network-list a:hover,
.scd-network-list a:focus-visible{
 background:transparent!important;
 box-shadow:none!important;
 border:0!important;
 border-radius:0!important;
 padding:6px 0 7px!important;
}
.scd-network-list a:hover strong,.scd-network-list a:focus-visible strong{
 color:#bded9e!important;text-decoration:underline;
}
.scd-network-list strong{font-size:.88rem!important;font-weight:700}
.scd-network-list span{font-size:.79rem!important;opacity:.91}
.scd-network-list small{font-size:.75rem!important;padding-top:5px!important}


/* V8.5 — Make the page breathe: distinguish content with gentle tones, not frames.
   Alpha fading acts only on backgrounds. Every image/text/link stays fully opaque. */
@media(min-width:681px){
 .site main>section.wrap::before,
 .site .nature-block::before,
 .site .editorial::before,
 .site .categories::before,
 .codite-faq::before{
  -webkit-mask-image:radial-gradient(ellipse 83% 95% at 50% 50%,
     #000 0%,#000 62%,rgba(0,0,0,.93) 73%,
     rgba(0,0,0,.52) 90%,transparent 100%)!important;
  mask-image:radial-gradient(ellipse 83% 95% at 50% 50%,
     #000 0%,#000 62%,rgba(0,0,0,.93) 73%,
     rgba(0,0,0,.52) 90%,transparent 100%)!important;
 }
 .site .categories,.site .nature-block,.site .editorial,
 .site main>section.wrap{outline:0!important;border:0!important;box-shadow:none!important}
 .article-card,.feature,.card,.cat,.service-cards a{
   box-shadow:none!important;border:0!important;outline:0!important;
 }
 .article-card,.cat,.feature{
   background:rgba(255,255,248,.80)!important;
   border-radius:12px!important;
 }
 .service-panel{
   align-self:start!important;height:auto!important;
   border:0!important;box-shadow:none!important;
   border-radius:12px!important;
   background:rgba(230,248,213,.48)!important;
 }
 .nature-block{padding-block:30px!important}
 .site .categories{padding-bottom:16px!important}
}
/* Real brand grass green in the entire lower surface, not a dark forest block. */
.site .footer{
 --surface:#63B71E!important;
 background:transparent!important;color:#163E20!important;
 box-shadow:none!important;border:0!important;
}
.site .footer::before{
 background:linear-gradient(180deg,rgba(99,183,30,.92) 0%,#63B71E 16%,#63B71E 80%,rgba(99,183,30,0) 100%)!important;
}
.site .footer,.site .footer p,.site .footer a,
.site .footer .footgrid p,.site .footer .footgrid a,
.site .footer .scd-network-head p,
.site .footer .scd-network-list strong,
.site .footer .scd-network-list span,
.site .footer .scd-network-list small{
 color:#153C21!important;
}
.site .footer .logo,.site .footer .logo em{color:#174521!important}
.site .footer a:hover,.site .footer a:focus-visible{color:#092C15!important}
.site .footer .footgrid a:hover,.site .footer .footgrid a:focus-visible{text-decoration:underline}
.scd-network{border-top:1px solid rgba(24,72,29,.18)!important}
.scd-network h2{color:#183D21!important}
.scd-network-head p{opacity:.85}
.scd-network-list{
 grid-template-columns:repeat(5,minmax(0,1fr))!important;
 gap:clamp(13px,1.6vw,29px)!important;
}
.scd-network-list .scd-supporter{
 display:flex;flex-direction:column;align-items:stretch;
 background:none!important;border:0!important;box-shadow:none!important;
 min-width:0;padding:0 0 7px;
}
.scd-supporter>strong{font-weight:700;font-size:.89rem;line-height:1.3;color:#163F21}
.scd-supporter>.supporter-desc{font-size:.81rem;line-height:1.43;margin:5px 0;color:#194526}
.scd-supporter>.supporter-domain{font-size:.74rem;opacity:.82;color:#255128}
.scd-supporter .supporter-actions{margin-top:auto;padding-top:12px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.scd-supporter .supporter-actions a{
 display:inline-flex!important;width:auto!important;height:auto!important;
 align-items:center;justify-content:center;min-height:31px;
 font-size:.74rem!important;font-weight:700!important;
 text-decoration:none!important;
 padding:6px 11px!important;border-radius:999px!important;
 border:1px solid rgba(19,73,28,.28)!important;
 background:rgba(252,255,247,.78)!important;
 color:#163F21!important;
}
.scd-supporter .supporter-actions a:last-child{
 background:transparent!important;border-color:rgba(19,73,28,.35)!important;
}
.scd-supporter .supporter-actions a:hover,
.scd-supporter .supporter-actions a:focus-visible{
 background:#E9FFD6!important;color:#15391F!important;
 outline:2px solid rgba(18,66,23,.45)!important;outline-offset:1px;
}
.nav-home{color:#37831B!important;font-weight:780!important}
.nav-home[aria-current="page"]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
@media(min-width:981px) and (max-width:1250px){
 .topnav{gap:clamp(5px,.56vw,10px)!important;font-size:.77rem!important}
}
@media(max-width:1100px){.scd-network-list{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:680px){
 .scd-network-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .site .footer{background:#63B71E!important;color:#163E20!important}
 .site .footer::before{display:none!important}
 .site .footer .logo{color:#194A23!important}
}
@media(max-width:390px){.scd-network-list{grid-template-columns:1fr!important}}


/* V8.5 FIX — remove the ACTUAL opaque rectangle beneath the alpha-faded background.
 * Earlier rules left opaque backgrounds on .wrap / .nature-block / .editorial.
 * Keep pseudo backgrounds visible with radial alpha feathering; keep content sharp. */
@media(min-width:681px){
 .site main>section.wrap,
 .site main>section.wrap:has(.feature-grid),
 .site main>section.wrap.nature-block,
 .site main>section.wrap.editorial,
 .site main>.codite-faq.wrap{
  background:transparent!important;background-image:none!important;
  box-shadow:none!important;border:0!important;
 }
 .site main>section.wrap::before,
 .site main>.codite-faq.wrap::before{
  -webkit-mask-image:radial-gradient(ellipse 91% 104% at 50% 50%,
    #000 0%,#000 54%,rgba(0,0,0,.90) 66%,
    rgba(0,0,0,.56) 81%,rgba(0,0,0,.22) 93%,transparent 100%)!important;
  mask-image:radial-gradient(ellipse 91% 104% at 50% 50%,
    #000 0%,#000 54%,rgba(0,0,0,.90) 66%,
    rgba(0,0,0,.56) 81%,rgba(0,0,0,.22) 93%,transparent 100%)!important;
 }
}


/* V8.5 last visual fix: fade both horizontal and vertical edges of the background
 * with independent CSS operations. Text, links and source photographs never fade. */
@media(min-width:681px){
 .site main>section.wrap::before,
 .site main>.codite-faq.wrap::before,
 .site .categories::before{
  background:linear-gradient(180deg,
    transparent 0%,var(--surface,#FFFDF5) 5%,
    var(--surface,#FFFDF5) 95%,transparent 100%)!important;
  -webkit-mask-image:linear-gradient(90deg,
    transparent 0%,rgba(0,0,0,.48) 1.8%,#000 4.5%,
    #000 95.5%,rgba(0,0,0,.48) 98.2%,transparent 100%)!important;
  mask-image:linear-gradient(90deg,
    transparent 0%,rgba(0,0,0,.48) 1.8%,#000 4.5%,
    #000 95.5%,rgba(0,0,0,.48) 98.2%,transparent 100%)!important;
 }
 /* This applies to the shell only: top/right header blend remains untouched. */
}


/* V8.5 compositing final: drop-shadow on partly transparent page used to draw
 * dark horizontal strips between sections. Remove those fake frame artifacts. */
.floating-shell,.site main,.site main>section,.site main>section.wrap{
 filter:none!important;
}


/* V8.5 stacking context restoration: zero-visual-impact filters keep the original
 * scene/layer compositing while eliminating actual dark drop-shadow strips. */
.floating-shell,.site main{
 filter:drop-shadow(0px 0px 0px transparent)!important;
 isolation:isolate!important;
}
.site main>section,.site main>section.wrap{
 filter:none!important;
}


/* V8.7 — organizational polish ONLY: clear footer hierarchy and readable typography.
   Keep the approved floating site, photographs, background, green and feathering intact. */
.site .footer .scd-network-head h2{
 font-size:clamp(1.34rem,1.65vw,1.65rem)!important;
 line-height:1.24!important;font-weight:750!important;letter-spacing:-.015em!important;
}
.site .footer .scd-network-head p{
 font-size:clamp(.88rem, .91vw, 1rem)!important;
 font-weight:550!important;line-height:1.5!important;opacity:1!important;
}
.site .footer .scd-supporter>strong{
 font-size:clamp(1.02rem,1.11vw,1.18rem)!important;
 line-height:1.3!important;font-weight:800!important;
 letter-spacing:-.015em!important;color:#123A1A!important;
}
.site .footer .scd-supporter>.supporter-desc{
 font-size:clamp(.86rem,.87vw,.96rem)!important;
 line-height:1.47!important;font-weight:500!important;
 margin:8px 0 8px!important;opacity:1!important;color:#194323!important;
}
.site .footer .scd-supporter>.supporter-domain{
 font-size:.84rem!important;font-weight:650!important;opacity:1!important;
 color:#22552A!important;overflow-wrap:anywhere;
}
.site .footer .scd-supporter .supporter-actions{
 padding-top:14px!important;gap:8px!important;
}
.site .footer .scd-supporter .supporter-actions a{
 min-height:34px!important;font-size:.84rem!important;font-weight:750!important;
 padding:7px 12px!important;
}
.site .footer .footgrid .links strong{font-size:.96rem!important;font-weight:800!important}
.site .footer .footgrid .links a{
 font-size:.89rem!important;font-weight:560!important;
 line-height:1.48!important;
}
.site .footer .footgrid p{font-size:.90rem!important;line-height:1.52!important}
.site .footer .footbase{font-size:.79rem!important;line-height:1.4!important}
@media(max-width:1100px){
 .site .footer .scd-network-list{row-gap:22px!important}
}
@media(max-width:680px){
 .site .footer .scd-supporter>strong{font-size:1.05rem!important}
 .site .footer .scd-supporter>.supporter-desc{font-size:.89rem!important}
 .site .footer .scd-network-list{row-gap:20px!important}
}


/* CODITE V8.7.1: UN SINGUR MEDALION AX + ABY. Nu modifica site-ul aprobat. */
.hero-inner .axaby-medallion{
 position:absolute;z-index:3;
 right:calc(clamp(210px,28vw,355px) + 65px);
 bottom:104px;
 width:clamp(190px,19vw,285px);
 aspect-ratio:900/530;
 background:transparent!important;border:0!important;
 border-radius:0!important;box-shadow:none!important;
}
.hero-inner .axaby-medallion a,
.hero-inner .axaby-medallion img{
 display:block;width:100%;height:100%;max-width:none;
 border:0!important;border-radius:0!important;
 background:transparent!important;box-shadow:none!important;
 outline:none;
}
.hero-inner .axaby-medallion img{object-fit:contain}
.hero-inner .axaby-medallion a:focus-visible{outline:2px solid #63B71E!important;outline-offset:5px}
.hero-portrait img{transition:opacity .36s ease}
.hero-portrait img.dog-rotation-fading{opacity:.15}
@media (min-width:651px) and (max-width:1100px){
 .hero-inner .axaby-medallion{
  top:50px;bottom:auto;right:260px;width:clamp(124px,15vw,175px)
 }
}
@media (max-width:650px){
 .hero-inner{display:flex;flex-direction:column;align-items:stretch}
 .hero-inner .hero-copy{order:0}
 .hero-inner .hero-portrait{order:1}
 .hero-inner .axaby-medallion{
  order:2;position:relative;inset:auto;
  width:min(68%,250px);height:auto;margin:9px auto 0
 }
}
@media (prefers-reduced-motion:reduce){
 .hero-portrait img{transition:none}
}


/* COMPARATIE AX/ABY - exclusiv pozitiile celor doua fotografii in hero. */
/* Desktop: Ax+Aby in dreapta sus (nori), ceilalti caini spre interior. */
@media (min-width:1101px) {
 .hero-inner .hero-portrait {left:calc(-18vw - 16px)!important;right:auto!important;}
 .hero-inner .axaby-medallion {
   right:clamp(25px,3vw,55px)!important;
   bottom:194px!important;
   top:auto!important;
 }
}
/* Tablet: ambele in zona de cer, fara acoperirea cautarii. */
@media (min-width:651px) and (max-width:1100px) {
 .hero-inner .hero-portrait {
   left:-1vw!important;
   right:auto!important;
   top:10px!important;
 }
 .hero-inner .axaby-medallion {
   right:25px!important;
   top:20px!important;
   bottom:auto!important;
 }
}
/* Telefon: Ax+Aby deasupra celorlalti caini, imaginile intacte. */
@media (max-width:650px) {
 .hero-inner .axaby-medallion {order:1!important;}
 .hero-inner .hero-portrait {order:2!important;}
}


/* Laptop 1101–1300: zona din dreapta, Ax+Aby sus si ceilalti sub ei,
   fara contact cu campul de cautare; doar cele doua bule. */
@media (min-width:1101px) and (max-width:1300px) {
 .hero-inner .hero-portrait{left:0!important;top:75px!important;}
 .hero-inner .axaby-medallion{right:40px!important;top:15px!important;bottom:auto!important;}
}

/* Ax+Aby: owner approved original photo A, exactly 0.5 cm higher (~19 CSS px at 96dpi). No other visual changes. */
.hero-inner .axaby-medallion{transform:translateY(-19px)!important}