/* Tema "botanik": sera ve herbaryum — adaçayı yeşili, krem, pudra; italik serif başlıklar, kendini çizen dallar, organik maskeler */
:root{
  --bg:#f6f2e7;--bg-2:#ebefdf;--paper:#fffdf6;--ink:#20362a;--ink-2:#55675b;--sage:#8fa883;--sage-2:#c5d4b8;--leaf:#3f6b4a;--deep:#183024;
  --blush:#f2d8cd;--blush-2:#e4ad9c;--line:#d9dccb;
  --f-head:"Cormorant Garamond",Georgia,serif;--f-body:"Jost",system-ui,sans-serif;
}
::selection{background:var(--sage-2);color:var(--deep)}
.progress{background:linear-gradient(90deg,var(--sage),var(--leaf))}
em{font-style:italic;color:var(--leaf);font-weight:600}
h1,h2,h3{font-weight:600;letter-spacing:-.01em}

/* Çizim animasyonu: .draw içindeki pathLength=1 çizgiler .in gelince çizilir */
.draw .stem,.draw .lf,.draw .rib,.draw .ring{fill:none;stroke-dasharray:1;stroke-dashoffset:1;stroke-linecap:round;stroke-linejoin:round}
.draw .stem{stroke:var(--leaf);stroke-width:2.2;transition:stroke-dashoffset 2.6s cubic-bezier(.45,0,.2,1)}
.draw .stem.thin{stroke-width:1.6;transition-delay:.9s}
.draw .lf{stroke:var(--leaf);stroke-width:1.6;fill:rgba(143,168,131,0);transition:stroke-dashoffset 1.2s cubic-bezier(.45,0,.2,1) calc(.7s + var(--i,0) * .16s),fill 1s ease calc(1.6s + var(--i,0) * .16s)}
.draw .rib{stroke:var(--leaf);stroke-width:1;opacity:.6;transition:stroke-dashoffset .9s ease calc(1.3s + var(--i,0) * .16s)}
.draw .bud{fill:var(--blush-2);transform-box:fill-box;transform-origin:center;transform:scale(0);transition:transform .8s cubic-bezier(.3,1.6,.5,1) 2.4s}
.in .draw .stem,.in .draw .lf,.in .draw .rib,.in.draw .stem,.in.draw .lf,.in.draw .rib,.in .draw .ring,.in.draw .ring{stroke-dashoffset:0}
.in .draw .lf,.in.draw .lf{fill:rgba(143,168,131,.28)}
.in .draw .bud{transform:scale(1)}

/* Butonlar */
.btn{border-radius:99px}
.btn-main{background:var(--leaf);color:var(--paper)}
.btn-main:hover{background:var(--deep);transform:translateY(-3px);box-shadow:0 16px 30px -14px rgba(24,48,36,.7)}
.btn-wa{border-radius:99px}
.btn-wa:hover{transform:translateY(-3px);box-shadow:0 16px 30px -14px rgba(31,179,90,.7)}
.btn-line{color:var(--leaf);box-shadow:inset 0 0 0 1.5px var(--sage);background:transparent}
.btn-line:hover{background:var(--leaf);color:var(--paper);box-shadow:inset 0 0 0 1.5px var(--leaf)}
.btn-line svg{transition:transform .3s}
.btn-line:hover svg{transform:translateX(4px)}

/* Üst menü */
.top{color:var(--ink)}
.top.scrolled{background:rgba(246,242,231,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line)}
.logo{font-family:var(--f-head);font-weight:700;font-size:1.45rem;letter-spacing:0}
.logo-mark{background:var(--leaf);color:var(--paper);border-radius:4px 50% 4px 50%;transition:transform .6s cubic-bezier(.3,1.5,.5,1),border-radius .6s}
.logo:hover .logo-mark{transform:rotate(-20deg);border-radius:50% 4px 50% 4px}
.nav a.link{position:relative;color:var(--ink-2)}
.nav a.link::after{content:"";position:absolute;left:50%;bottom:-6px;width:6px;height:6px;border-radius:0 50% 0 50%;background:var(--sage);transform:translateX(-50%) scale(0) rotate(45deg);transition:transform .4s cubic-bezier(.3,1.6,.5,1)}
.nav a.link:hover{color:var(--leaf)}
.nav a.link:hover::after{transform:translateX(-50%) scale(1) rotate(45deg)}
.top .btn-call{background:var(--leaf);color:var(--paper);padding:11px 18px;font-size:.92rem}
.top .btn-call:hover{background:var(--deep)}

/* Ortak bölüm başlıkları */
.sec{padding:110px 0}
.sec-head{max-width:680px;margin-bottom:56px}
.sec-head.center{text-align:center;margin-left:auto;margin-right:auto}
.sec-head h2,.intro-txt h2{font-size:clamp(2.3rem,4.6vw,3.7rem);margin-top:12px;line-height:1.05}
.sec-head p{color:var(--ink-2);margin-top:16px;font-size:1.06rem}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:.78rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--leaf)}
.eyebrow::before{content:"";width:12px;height:12px;border-radius:0 50% 0 50%;background:var(--sage);flex:none}

/* Kahraman */
.hero{padding:150px 0 110px;overflow:hidden;background:radial-gradient(800px 520px at 88% 8%,rgba(242,216,205,.75),transparent 62%),radial-gradient(700px 520px at 0% 100%,rgba(197,212,184,.6),transparent 62%)}
.hero-in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:60px;align-items:center;position:relative;z-index:1}
.kicker{display:inline-flex;align-items:center;gap:10px;font-weight:500;color:var(--ink-2);font-size:.95rem;padding:6px 16px 6px 6px;border-radius:99px;background:rgba(255,253,246,.7);box-shadow:inset 0 0 0 1px var(--line)}
.kic{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--sage-2);color:var(--leaf)}
.kic svg{width:18px;height:18px}
.hero h1{font-size:clamp(3.1rem,7.4vw,6.4rem);line-height:.98;margin:24px 0 24px;color:var(--deep)}
.hero h1 em{display:inline}
.lead{font-size:1.14rem;color:var(--ink-2);max-width:540px}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.hero-tags{display:flex;flex-wrap:wrap;gap:8px 22px;list-style:none;padding:0;margin:30px 0 0;font-size:.93rem;font-weight:500;color:var(--ink-2)}
.hero-tags li{display:flex;align-items:center;gap:7px}
.hero-tags svg{width:17px;height:17px;color:var(--leaf)}
.hero-art{position:relative;width:100%;max-width:480px;justify-self:end;aspect-ratio:420/520}
.blob{position:absolute;inset:8% 6% 6% 10%;overflow:hidden;border-radius:58% 42% 46% 54%/52% 44% 56% 48%;animation:morph 16s ease-in-out infinite;box-shadow:0 40px 70px -40px rgba(24,48,36,.6);z-index:1}
.blob img{width:100%;height:100%;object-fit:cover;animation:breathe 18s ease-in-out infinite alternate}
@keyframes morph{
  0%,100%{border-radius:58% 42% 46% 54%/52% 44% 56% 48%}
  25%{border-radius:44% 56% 62% 38%/46% 60% 40% 54%}
  50%{border-radius:36% 64% 42% 58%/62% 38% 62% 38%}
  75%{border-radius:62% 38% 56% 44%/40% 58% 42% 60%}
}
@keyframes breathe{from{transform:scale(1.04)}to{transform:scale(1.14) translate(2%,-2%)}}
.branch{position:absolute;left:-12%;top:-6%;width:124%;height:112%;z-index:2;pointer-events:none;overflow:visible;filter:drop-shadow(0 0 1.5px #fffdf6) drop-shadow(0 0 3px rgba(255,253,246,.9))}
.branch .stem{stroke-width:3}
.branch .lf{stroke-width:2}
.in .branch .lf{fill:rgba(197,212,184,.8)}
.pod{position:absolute;left:-8%;bottom:4%;width:30%;aspect-ratio:9/16;margin:0;border-radius:999px;overflow:hidden;border:6px solid var(--paper);box-shadow:0 24px 40px -20px rgba(24,48,36,.6);z-index:3;animation:bob 7s ease-in-out infinite}
.pod video{width:100%;height:100%;object-fit:cover}
.label{position:absolute;right:-2%;top:2%;z-index:3;background:var(--paper);border-radius:18px 18px 18px 4px;padding:12px 18px 14px;box-shadow:0 18px 34px -18px rgba(24,48,36,.45);rotate:4deg;animation:sway 6s ease-in-out infinite;transform-origin:top center}
.label small{display:block;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-2)}
.label b{display:block;font-family:var(--f-head);font-style:italic;font-size:1.7rem;line-height:1.1;color:var(--leaf)}
.label span{font-size:.82rem;color:var(--ink-2)}
@keyframes bob{50%{transform:translateY(-14px)}}
@keyframes sway{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}

/* Süzülen yapraklar */
.floaters{position:absolute;inset:0;pointer-events:none;z-index:0}
.fl{position:absolute;width:46px;fill:var(--sage-2);opacity:.75}
.fl .v{fill:none;stroke:var(--sage);stroke-width:2;stroke-linecap:round}
.fl1{left:4%;top:18%;animation:drift 19s ease-in-out infinite}
.fl2{left:44%;top:12%;width:30px;fill:var(--blush);animation:drift 23s ease-in-out -6s infinite}
.fl3{left:52%;bottom:12%;width:38px;animation:drift 21s ease-in-out -3s infinite reverse}
.fl4{right:3%;bottom:20%;width:54px;animation:drift 25s ease-in-out -9s infinite}
.fl5{left:22%;bottom:4%;width:26px;fill:var(--blush);animation:drift 17s ease-in-out -12s infinite reverse}
.fl6{right:30%;top:6%;width:22px;animation:drift 15s ease-in-out -4s infinite}
.fl7{left:36%;top:46%;width:18px;fill:var(--blush-2);opacity:.5;animation:drift 20s ease-in-out -8s infinite}
@keyframes drift{0%,100%{transform:translate(0,0) rotate(-12deg)}25%{transform:translate(30px,-26px) rotate(24deg)}50%{transform:translate(-14px,-48px) rotate(-30deg)}75%{transform:translate(-34px,-14px) rotate(10deg)}}

/* Yeşil şerit */
.vine-band{background:var(--leaf);color:var(--paper);padding:18px 0}
.vine-band .marquee{--mq-gap:28px;--mq-speed:60s}
.vine-band span{font-family:var(--f-head);font-style:italic;font-size:1.6rem;white-space:nowrap;line-height:1.2}
.vine-band i{display:grid;place-items:center;color:var(--sage-2)}
.vine-band i svg{width:22px;height:22px}

/* Giriş: herbaryum sayfası */
.intro{overflow:hidden}
.vine{position:absolute;left:max(0px,calc((100vw - 1320px) / 2));top:40px;bottom:40px;width:70px;height:calc(100% - 80px);pointer-events:none}
.vine path{fill:none;stroke:var(--sage);stroke-width:2;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--p,0));stroke-linecap:round}
.intro-in{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:80px;align-items:center}
.sheet{position:relative;margin:0;background:var(--paper);padding:22px 22px 26px;border-radius:6px;box-shadow:0 30px 60px -34px rgba(24,48,36,.5),0 0 0 1px var(--line);transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) rotate(-2.5deg);transition-property:opacity,translate,scale,transform;transition-duration:.9s,.9s,.9s,.4s}
.sheet-photo{border-radius:44% 56% 40% 60%/58% 42% 58% 42%;overflow:hidden;aspect-ratio:4/4.4;transition:border-radius 1.2s cubic-bezier(.4,0,.2,1)}
.sheet:hover .sheet-photo{border-radius:58% 42% 60% 40%/42% 58% 42% 58%}
.sheet-photo img{width:100%;height:100%;object-fit:cover}
.sheet figcaption{margin-top:18px;border-top:1px dashed var(--line);padding-top:14px;display:grid;gap:2px}
.sheet figcaption small{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-2)}
.sheet figcaption b{font-family:var(--f-head);font-size:2rem;font-style:italic;color:var(--leaf);line-height:1.1}
.sheet figcaption i{font-style:normal;color:var(--ink-2);font-size:.92rem}
.tape{position:absolute;width:92px;height:26px;background:rgba(242,216,205,.85);top:-11px;box-shadow:0 2px 6px rgba(0,0,0,.06)}
.tape.a{left:18px;transform:rotate(-8deg)}
.tape.b{right:18px;transform:rotate(7deg);background:rgba(197,212,184,.85)}
.intro-txt p{color:var(--ink-2);font-size:1.06rem;margin-top:20px}
.intro-txt h2{margin-bottom:8px}
.points{list-style:none;padding:0;margin:34px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.points li{display:flex;align-items:center;gap:14px;padding:14px 18px 14px 14px;background:var(--bg-2);border-radius:999px 999px 999px 18px;font-weight:500;font-size:.94rem;line-height:1.4;transition-property:opacity,translate,scale,background,transform;transition-duration:.9s,.9s,.9s,.4s,.4s}
.points li:hover{background:var(--sage-2);transform:translateY(-3px)}
.points li span{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--paper);color:var(--leaf)}
.points li svg{width:20px;height:20px}

/* Hizmetler: askılı bitki etiketleri */
.svc-sec{background:var(--bg-2);overflow:hidden}
.svc-sec::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:repeating-linear-gradient(90deg,var(--sage) 0 14px,transparent 14px 26px);opacity:.6}
.tags{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:56px 24px;padding-top:30px}
.tag{position:relative;padding-top:34px}
.tag:nth-child(even){margin-top:46px}
.tag::before{content:"";position:absolute;left:50%;top:-30px;height:76px;width:1.5px;background:linear-gradient(var(--sage),var(--ink-2));opacity:.55}
.tag-in{position:relative;height:100%;padding:40px 24px 28px;background:var(--paper);clip-path:polygon(22% 0,78% 0,100% 13%,100% 100%,0 100%,0 13%);transform-origin:50% -30px;animation:tagsway 7s ease-in-out infinite;animation-delay:calc(var(--d,0) * -1.6s);transition:background .5s}
.tag-in.k1{background:#f9ece6}
.tag-in.k2{background:#f1f5ea}
.tag-in.k3{background:#fbf6ea}
.tag:hover .tag-in{animation-duration:1.8s;background:var(--leaf)}
.tag:hover .tag-in h3,.tag:hover .tag-in p,.tag:hover .no{color:var(--paper)}
.tag:hover .tic{background:var(--paper);color:var(--leaf)}
@keyframes tagsway{0%,100%{transform:rotate(-1.6deg)}50%{transform:rotate(1.6deg)}}
.hole{position:absolute;left:50%;top:14px;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:var(--bg-2);box-shadow:inset 0 0 0 2px var(--sage)}
.tic{display:grid;place-items:center;width:52px;height:52px;border-radius:50% 50% 50% 8px;background:var(--sage-2);color:var(--leaf);margin:6px 0 18px;transition:background .4s,color .4s}
.tic svg{width:24px;height:24px}
.tag h3{font-size:1.6rem;line-height:1.1;color:var(--deep);transition:color .4s}
.tag p{color:var(--ink-2);font-size:.93rem;margin-top:10px;transition:color .4s}
.no{position:absolute;right:20px;top:22px;font-family:var(--f-head);font-style:italic;font-size:1.3rem;color:var(--sage);transition:color .4s}

/* İşler: organik bahçe ızgarası */
.garden{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(5,150px);gap:18px}
.g{position:relative;margin:0;overflow:hidden;background:var(--sage-2);transition-property:opacity,translate,scale,border-radius;transition-duration:.9s,.9s,.9s,1.1s}
.g img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.g:hover img{transform:scale(1.07)}
.g figcaption{position:absolute;left:12px;right:12px;bottom:12px;padding:8px 14px;border-radius:99px;background:rgba(255,253,246,.92);color:var(--deep);font-size:.8rem;font-weight:500;line-height:1.35;opacity:0;transform:translateY(10px);transition:opacity .4s,transform .4s}
.g:hover figcaption{opacity:1;transform:none}
.g0{grid-column:1;grid-row:1/4;border-radius:200px 200px 30px 30px}
.g1{grid-column:2/4;grid-row:1/3;border-radius:30px 120px 30px 120px}
.g2{grid-column:4;grid-row:1/3;border-radius:50%/40%}
.g3{grid-column:2;grid-row:3/5;border-radius:120px 30px 120px 30px}
.g4{grid-column:3/5;grid-row:3/5;border-radius:30px 30px 200px 30px}
.g5{grid-column:1;grid-row:4/6;border-radius:30px 30px 200px 200px}
.g6{grid-column:2/5;grid-row:5;border-radius:99px}
.g0:hover{border-radius:30px 30px 200px 200px}
.g1:hover{border-radius:120px 30px 120px 30px}
.g2:hover{border-radius:40%/50%}
.g3:hover{border-radius:30px 120px 30px 120px}
.g4:hover{border-radius:200px 30px 30px 30px}
.g5:hover{border-radius:200px 200px 30px 30px}
.g6:hover{border-radius:30px}
.pods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px}
.pod-card{position:relative;margin:0;aspect-ratio:3/4;border-radius:999px 999px 40px 40px;overflow:hidden;box-shadow:0 26px 50px -30px rgba(24,48,36,.6)}
.pod-card:nth-child(2){border-radius:40px 40px 999px 999px;margin-top:40px}
.pod-card video{width:100%;height:100%;object-fit:cover}
.pod-card figcaption{position:absolute;left:0;right:0;bottom:0;padding:50px 24px 26px;text-align:center;color:#fff;font-weight:500;font-size:.88rem;background:linear-gradient(transparent,rgba(24,48,36,.82));pointer-events:none}
.pod-card:nth-child(2) figcaption{bottom:auto;top:0;padding:26px 24px 50px;background:linear-gradient(rgba(24,48,36,.82),transparent)}

/* Süreç: büyüyen gövde */
.grow-sec{background:linear-gradient(var(--bg),var(--blush) 140%)}
.stem{list-style:none;margin:0 auto;padding:0;max-width:980px;position:relative}
.stem::before,.stem::after{content:"";position:absolute;left:50%;top:0;bottom:0;width:3px;margin-left:-1.5px;border-radius:3px;background:var(--line)}
.stem::after{background:linear-gradient(var(--sage),var(--leaf));transform:scaleY(var(--p,0));transform-origin:top}
.stem li{position:relative;width:50%;padding:0 70px 64px 0;text-align:right}
.stem li.right{margin-left:50%;padding:0 0 64px 70px;text-align:left}
.stem li:last-child{padding-bottom:0}
.node{position:absolute;right:-26px;top:-4px;width:52px;height:52px;border-radius:50%;background:var(--paper);box-shadow:inset 0 0 0 2px var(--sage);display:grid;place-items:center;z-index:2;transition:background .6s .3s,box-shadow .6s .3s}
.stem li.right .node{right:auto;left:-26px}
.node b{font-family:var(--f-head);font-size:1.5rem;font-weight:700;color:var(--leaf);transition:color .6s .3s}
.stem li.in .node{background:var(--leaf);box-shadow:0 0 0 8px rgba(143,168,131,.25)}
.stem li.in .node b{color:var(--paper)}
.sprig{position:absolute;right:30px;top:14px;width:38px;height:22px;background:var(--sage);border-radius:0 100% 0 100%;transform:scale(0) rotate(-20deg);transform-origin:right center;transition:transform .8s cubic-bezier(.3,1.6,.5,1) .5s;opacity:.8}
.stem li.right .sprig{right:auto;left:30px;border-radius:100% 0 100% 0;transform-origin:left center;transform:scale(0) rotate(20deg)}
.stem li.in .sprig{transform:scale(1) rotate(-20deg)}
.stem li.right.in .sprig{transform:scale(1) rotate(20deg)}
.st h3{font-size:2rem;color:var(--deep)}
.st p{color:var(--ink-2);margin-top:8px}

/* Mahalleler */
.hoods-in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:70px;align-items:start}
.hoods-in .sec-head{margin-bottom:0;position:sticky;top:120px}
.hoods-in .btn-line{margin-top:28px}
.leafs{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:12px}
.leafs li{display:inline-flex;align-items:center;gap:8px;padding:12px 20px 12px 14px;background:var(--paper);border-radius:4px 26px 4px 26px;box-shadow:inset 0 0 0 1px var(--line);font-family:var(--f-head);font-size:1.32rem;font-weight:600;color:var(--deep);line-height:1.2;cursor:default;transition-property:opacity,translate,scale,background,color,border-radius,transform;transition-duration:.9s,.9s,.9s,.4s,.4s,.5s,.4s}
.leafs li svg{width:18px;height:18px;color:var(--sage);transition:transform .5s cubic-bezier(.3,1.6,.5,1),color .4s}
.leafs li:nth-child(3n+2){background:#f9ece6}
.leafs li:nth-child(4n+3){background:var(--bg-2)}
.leafs li:hover{background:var(--leaf);color:var(--paper);border-radius:26px 4px 26px 4px;transform:rotate(-2deg)}
.leafs li:hover svg{color:var(--sage-2);transform:rotate(-25deg) scale(1.2)}

/* SSS + teklif */
.faq-sec{background:var(--bg-2)}
.duo{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:70px;align-items:start}
.faq details{border-radius:22px;background:var(--paper);margin-bottom:12px;box-shadow:inset 0 0 0 1px var(--line);transition-property:opacity,translate,scale,box-shadow;transition-duration:.9s,.9s,.9s,.4s}
.faq details[open]{box-shadow:inset 0 0 0 1.5px var(--sage)}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 22px;font-family:var(--f-head);font-size:1.38rem;font-weight:600;line-height:1.25;color:var(--deep)}
.pm{flex:none;width:38px;height:38px;border-radius:50% 50% 50% 6px;background:var(--bg-2);color:var(--leaf);display:grid;place-items:center;transition:transform .5s cubic-bezier(.3,1.5,.5,1),background .3s,color .3s}
.pm svg{width:18px;height:18px}
.faq details[open] .pm{transform:rotate(135deg);background:var(--leaf);color:var(--paper)}
.faq details p{color:var(--ink-2);padding:0 22px 22px;animation:fadeup .5s}
@keyframes fadeup{from{opacity:0;transform:translateY(-6px)}}
.form-wrap{position:relative;position:sticky;top:110px}
.corner{position:absolute;right:-30px;top:-46px;width:150px;height:150px;z-index:2;pointer-events:none;overflow:visible}
.quote{position:relative;background:var(--blush);border-radius:40px 40px 40px 10px;padding:38px 34px;box-shadow:0 34px 60px -38px rgba(24,48,36,.55)}
.quote h3{font-size:2.2rem;color:var(--deep)}
.quote .sub{color:var(--ink-2);margin:6px 0 22px;font-size:.95rem}
.field{display:block;margin-bottom:14px}
.field span{display:block;font-size:.74rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);margin-bottom:6px}
.field input,.field select{width:100%;font:inherit;padding:13px 16px;border-radius:99px;border:1.5px solid transparent;background:var(--paper);color:var(--ink);transition:border-color .3s,box-shadow .3s}
.field input:focus,.field select:focus{outline:0;border-color:var(--leaf);box-shadow:0 0 0 4px rgba(143,168,131,.3)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.quote .btn-wa{width:100%;margin-top:6px}
.quote .note{font-size:.8rem;color:var(--ink-2);text-align:center;margin-top:12px}

/* Son çağrı: çelenk */
.final{background:var(--deep);color:var(--paper);padding:110px 0;overflow:hidden}
.final::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 400px at 50% 50%,rgba(143,168,131,.25),transparent 70%)}
.final-in{position:relative}
.wreath-box{position:relative;max-width:640px;margin:0 auto;aspect-ratio:1;display:grid;place-items:center}
.wreath{position:absolute;inset:0;width:100%;height:100%;overflow:visible;animation:slowspin 80s linear infinite}
.wreath .ring{stroke:rgba(197,212,184,.35);stroke-width:1;transition:stroke-dashoffset 3s ease}
.wreath .lf{stroke:var(--sage-2)}
.wreath .rib{stroke:var(--sage-2)}
.in .wreath .lf{fill:rgba(143,168,131,.35)}
@keyframes slowspin{to{transform:rotate(360deg)}}
.final-txt{position:relative;text-align:center;padding:0 16%}
.final h2{font-size:clamp(2.2rem,5vw,3.8rem);line-height:1.05}
.final h2 em{color:var(--sage-2)}
.final-phone{display:inline-flex;align-items:center;gap:12px;margin-top:26px;font-family:var(--f-head);font-weight:700;font-size:clamp(1.7rem,3.4vw,2.5rem);text-decoration:none;color:var(--paper);background:linear-gradient(var(--sage),var(--sage)) 0 100%/0 2px no-repeat;transition:background-size .6s}
.final-phone:hover{background-size:100% 2px}
.final-phone svg{width:30px;height:30px;color:var(--sage-2)}
.final .cta{justify-content:center;margin-top:20px}

/* Alt bilgi */
.foot{background:#12251b;color:rgba(255,253,246,.72);padding:70px 0 30px}
.foot-in{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px}
.foot .logo{color:var(--paper);margin-bottom:16px}
.foot .logo-mark{background:var(--sage);color:var(--deep)}
.foot p{font-size:.93rem;max-width:380px}
.foot h4{font-family:var(--f-body);color:var(--paper);font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;margin-bottom:16px;font-weight:600}
.foot ul{list-style:none;padding:0;margin:0;display:grid;gap:9px;font-size:.93rem}
.foot a{text-decoration:none}
.foot a:hover{color:var(--sage-2)}
.copy{margin-top:50px;padding-top:24px;border-top:1px solid rgba(255,253,246,.12);font-size:.84rem}

.mbar{background:rgba(246,242,231,.94);backdrop-filter:blur(10px);border-top:1px solid var(--line)}
.mbar .btn-call{background:var(--leaf);color:var(--paper)}

@media (max-width:1060px){
  .tags{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .top .nav{background:var(--bg);box-shadow:0 20px 30px -20px rgba(0,0,0,.25)}
  .sec{padding:80px 0}
  .hero{padding:110px 0 80px}
  .hero-in,.intro-in,.hoods-in,.duo{grid-template-columns:minmax(0,1fr);gap:48px}
  .hero-art{justify-self:center;max-width:360px;margin:0 auto}
  .label{right:0}
  .pod{left:0;width:28%}
  .label b{font-size:1.4rem}
  .vine{display:none}
  .sheet{max-width:420px;margin:0 auto}
  .points{grid-template-columns:1fr}
  .hoods-in .sec-head,.form-wrap{position:static}
  .garden{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:150px;grid-auto-flow:dense;gap:12px}
  .tag-in{animation-name:tagsway-sm}
  @keyframes tagsway-sm{0%,100%{transform:rotate(-.8deg)}50%{transform:rotate(.8deg)}}
  .g0,.g1,.g2,.g3,.g4,.g5,.g6{grid-column:auto;grid-row:span 1}
  .g0,.g3{grid-row:span 2}
  .g1,.g6{grid-column:span 2}
  .g figcaption{opacity:1;transform:none;font-size:.72rem;left:8px;right:8px;bottom:8px;padding:6px 10px}
  .pods{grid-template-columns:minmax(0,1fr);max-width:340px;margin-left:auto;margin-right:auto}
  .pod-card:nth-child(2){margin-top:0}
  .stem::before,.stem::after{left:26px}
  .stem li,.stem li.right{width:auto;margin-left:0;padding:0 0 48px 78px;text-align:left}
  .node,.stem li.right .node{left:0;right:auto}
  .sprig,.stem li.right .sprig{display:none}
  .st h3{font-size:1.7rem}
  .corner{right:-6px;top:-40px;width:110px;height:110px}
  .quote{padding:30px 22px;border-radius:30px 30px 30px 10px}
  .row2{grid-template-columns:1fr}
  .final-txt{padding:0 8%}
  .foot-in{grid-template-columns:1fr;gap:34px}
}
@media (max-width:600px){
  .tags{grid-template-columns:minmax(0,1fr);gap:40px}
  .tag:nth-child(even){margin-top:0}
  .wreath-box{aspect-ratio:auto;padding:70px 0}
  .wreath{inset:auto;width:150%;left:-25%;top:50%;height:auto;aspect-ratio:1;translate:0 -50%;opacity:.55}
  .final-txt{padding:0}
  .faq summary{font-size:1.22rem;padding:18px}
  .faq details p{padding:0 18px 18px}
}