/* HOFARO — Markenkonzept: Waldgrün #234638 · Salbei #9EAF92 · Creme #F7F3E8 · Sand #C9A978 · Ernte-Orange #E58A3B · Dunkelgrau #242824 */
:root{--g:#234638;--g2:#1A3529;--sage:#9EAF92;--cream:#F7F3E8;--sand:#C9A978;--or:#E58A3B;--or2:#D27A2C;--ink:#242824;--mut:#6B6F68;--line:#E6E1D5;--white:#fff;--r:14px;--r2:20px;--gut:24px;--serif:"Playfair Display",Georgia,serif;--sans:Inter,system-ui,-apple-system,sans-serif;--hand:Caveat,cursive;--sh:0 1px 2px rgba(36,40,36,.06),0 6px 18px rgba(36,40,36,.07)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font:15px/1.5 var(--sans);color:var(--ink);background:var(--cream)}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none;padding:0}
h1,h2,h3{font-family:var(--serif);font-weight:600;margin:0;color:var(--g);letter-spacing:-.01em;line-height:1.15}h1{font-size:40px}h2{font-size:28px}h3{font-size:18px}h4{margin:14px 0 4px;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--mut)}
p{margin:0 0 10px}.wrap{width:min(1360px,100% - 2*var(--gut));margin-inline:auto}.wrap.narrow{max-width:860px}.ic{width:18px;height:18px;flex:none;vertical-align:-3px}
[hidden]{display:none!important}.m-only{display:none}.note{color:var(--mut);background:var(--white);border:1px dashed var(--line);border-radius:var(--r);padding:12px 14px;margin:10px 0 18px}.lead{font-size:17px;color:#3c4039}.small{font-size:13px;color:var(--mut)}.err{background:#FBE9E3;color:#8a2f0f;border-radius:var(--r);padding:10px 14px}.warn{color:#8a5a0f}.mt{margin-top:48px}.r{text-align:right}
/* düğmeler */
.btn{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 24px;border-radius:999px;font-weight:600;font-size:15px;white-space:nowrap;transition:background .15s,transform .1s}.btn:active{transform:translateY(1px)}
.btn.or{background:var(--or);color:#fff}.btn.or:hover{background:var(--or2)}.btn.dk{background:var(--g);color:#fff}.btn.dk:hover{background:var(--g2)}.btn.ghost{background:var(--white);color:var(--g);border:1.5px solid var(--g)}.btn.ghost:hover{background:#eef2ec}.btn.big{height:52px;padding:0 28px;font-size:16px}.btn.sm{height:36px;padding:0 14px;font-size:13px}
.mini{display:inline-flex;align-items:center;gap:4px;height:30px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--white);font-size:12px;font-weight:600}.mini.on{border-color:var(--g);color:var(--g)}
/* util bar */
.util{background:var(--g);color:#e9efe6;font-size:12.5px}.util .wrap{display:flex;justify-content:space-between;align-items:center;height:34px}.util ul{display:flex;gap:22px;margin:0;padding:0;list-style:none}.util li{display:flex;align-items:center;gap:6px}.util .ic{width:15px;height:15px}.util a:hover{color:#fff;text-decoration:underline}
.langs{display:flex;gap:4px}.langs a{padding:2px 6px;border-radius:6px;opacity:.7}.langs a.on{opacity:1;background:rgba(255,255,255,.15)}.util .langs{margin-left:8px}
/* header */
.top{background:var(--white);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.top>.wrap{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:28px;height:74px}
.logo{display:flex;flex-direction:column;line-height:1}.wm{font:800 30px/1 var(--sans);letter-spacing:-.02em;color:var(--g);display:inline-flex;align-items:center}.wm .o{display:inline-block;width:.92em;height:.92em;margin:0 .01em;color:var(--g);vertical-align:-.05em}.wm .o svg{width:100%;height:100%;display:block}.wm.sm{font-size:24px;color:#fff}.wm.sm .o{color:#fff}.logo small{font-size:11.5px;color:var(--mut);margin-top:3px;margin-left:2px}
.search{display:flex;height:48px;max-width:620px;width:100%;border:1.5px solid var(--line);border-radius:999px;overflow:hidden;background:#FAF8F3}.search:focus-within{border-color:var(--g)}.search input{flex:1;border:0;background:none;padding:0 16px;outline:0;min-width:0}.search button{width:54px;background:var(--g);color:#fff;display:grid;place-items:center}.search button .ic{width:20px;height:20px}
.plzbox label{display:flex;align-items:center;gap:8px;cursor:text}.plzbox .lab{display:flex;flex-direction:column}.plzbox small{font-size:11px;color:var(--mut)}.plzbox input{border:0;background:none;outline:0;width:120px;font-weight:500;padding:0}.plzbox .ic{color:var(--g);width:20px;height:20px}
.acct{display:flex;gap:18px;align-items:center}.acct a{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11.5px;color:var(--ink);position:relative}.acct .ic{width:24px;height:24px;color:var(--g)}.acct b{position:absolute;top:-6px;right:-4px;background:var(--or);color:#fff;font-size:10px;min-width:18px;height:18px;border-radius:9px;display:grid;place-items:center;padding:0 4px}.burger{display:none}
.catnav{border-top:1px solid #F0ECE2}.catnav .wrap{display:flex;gap:4px;height:44px;align-items:center;overflow-x:auto;scrollbar-width:none}.catnav a{padding:7px 14px;border-radius:999px;font-weight:600;font-size:14px;white-space:nowrap;color:var(--ink)}.catnav a:hover,.catnav a.on{background:var(--cream);color:var(--g)}.catnav a.offers{color:var(--or)}
.flash{margin-top:14px}.flash div{background:#E9F1E5;border-left:4px solid var(--g);padding:10px 14px;border-radius:8px;margin-bottom:8px}
/* hero */
.hero{background:var(--white);padding:12px 0 0}.hero .wrap{position:relative;border-radius:var(--r2);overflow:hidden;min-height:440px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;background:linear-gradient(90deg,#F7F3E8 0%,#F7F3E8 42%,rgba(247,243,232,0) 70%)}
.hmedia{position:absolute;inset:0;z-index:0}.hmedia img{width:100%;height:100%;object-fit:cover;object-position:70% 50%}.hmedia:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#F7F3E8 0%,rgba(247,243,232,.96) 32%,rgba(247,243,232,.55) 48%,rgba(247,243,232,0) 64%)}
.hcopy{position:relative;z-index:1;padding:48px 52px}.hcopy h1{font-size:64px;line-height:1.02;margin-bottom:14px;letter-spacing:-.02em}.hcopy p{font-size:20px;color:#3c4039;max-width:460px;margin-bottom:22px}.ctas{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:26px}
.trust{display:flex;gap:26px;list-style:none;margin:0;padding:0;font-weight:600;font-size:14px}.trust li{display:flex;align-items:center;gap:8px}.trust .ic{width:28px;height:28px;color:var(--g);background:#fff;border-radius:50%;padding:5px;box-shadow:var(--sh)}
.hand{position:absolute;right:5%;top:14%;font:600 30px/1.1 var(--hand);color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.45);transform:rotate(-6deg);text-align:center;z-index:1;max-width:220px}
/* video hero (tam genişlik) */
.vhero{position:relative;padding:0;background:#1a2e22;overflow:hidden;min-height:min(78vh,720px);display:flex;align-items:center}.vhero .vbg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.vhero .vshade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,38,28,.82) 0%,rgba(20,38,28,.62) 38%,rgba(20,38,28,.18) 70%,rgba(20,38,28,.05) 100%),linear-gradient(180deg,rgba(20,38,28,.1),rgba(20,38,28,.35))}
.vhero .wrap{position:relative;z-index:1;border-radius:0;overflow:visible;min-height:0;display:block;background:none;padding:72px 0 64px}.vhero .hcopy{padding:0;max-width:640px}.vhero .hcopy h1{color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.25)}.vhero .hcopy p{color:#EAF0E6}.vhero .trust{color:#fff}.vhero .trust .ic{background:rgba(255,255,255,.14);color:#fff;box-shadow:none;backdrop-filter:blur(6px)}.vhero .btn.ghost{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.7);backdrop-filter:blur(6px)}.vhero .btn.ghost:hover{background:rgba(255,255,255,.22)}
.vhero .hand{position:absolute;right:6%;top:20%;font:600 34px/1.1 var(--hand);color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.45);transform:rotate(-6deg);max-width:240px;text-align:center;z-index:1}
@media(max-width:860px){.vhero{min-height:min(88vh,640px);align-items:flex-end}.vhero .wrap{padding:120px 0 34px}.vhero .vshade{background:linear-gradient(180deg,rgba(20,38,28,.15) 0%,rgba(20,38,28,.55) 45%,rgba(20,38,28,.88) 100%)}.vhero .hand{top:14px;right:12px;font-size:22px;max-width:160px}.vhero .hcopy h1{font-size:38px}.vhero .hcopy p{font-size:16px}}
/* kategoriler */
.catrow{background:var(--white);padding:26px 0 30px}.catrow .wrap{display:flex;justify-content:space-between;gap:10px;overflow-x:auto;scrollbar-width:none}.catrow a,.srow a{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:96px;font-weight:600;font-size:13.5px;text-align:center}
.ci{width:84px;height:84px;border-radius:50%;background:var(--cream);display:grid;place-items:center;font-size:40px;box-shadow:inset 0 0 0 1px #EFE9DC;transition:transform .15s}.catrow a:hover .ci,.srow a:hover .ci{transform:translateY(-3px)}
/* bölümler */
.sec{padding:42px 0}.sechead{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px;flex-wrap:wrap}.sechead p{color:var(--mut);margin:4px 0 0}.more{font-weight:600;display:inline-flex;gap:6px;align-items:center;color:var(--g)}
.plzfind{display:flex;gap:8px}.plzfind label{display:flex;align-items:center;gap:8px;background:var(--white);border:1.5px solid var(--line);border-radius:999px;padding:0 18px;height:48px;position:relative}.plzfind input{border:0;outline:0;background:none;width:140px}.plzfind select{height:48px;border:1.5px solid var(--line);border-radius:999px;padding:0 16px;background:var(--white);padding:0 10px}
.ac{position:absolute;left:0;top:48px;background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);z-index:20;min-width:220px;overflow:hidden}.ac div{padding:8px 12px;cursor:pointer}.ac div:hover{background:var(--cream)}
.fgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.fcard{background:var(--white);border-radius:var(--r2);overflow:hidden;box-shadow:var(--sh);display:flex;flex-direction:column;transition:transform .15s,box-shadow .15s}.fcard:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(36,40,36,.12)}
.fimg{position:relative;aspect-ratio:16/9;overflow:hidden}.fimg img{width:100%;height:100%;object-fit:cover}.km{position:absolute;left:14px;bottom:14px;background:var(--g);color:#fff;font-size:12.5px;font-weight:600;padding:6px 12px;border-radius:999px}.demo{position:absolute;right:14px;top:14px;background:rgba(255,255,255,.9);color:var(--mut);font-size:11px;padding:3px 8px;border-radius:6px}em.demo{position:static;font-style:normal}
.fbody{padding:14px 16px 16px;position:relative}.fbody h3{font-family:var(--sans);font-size:17px;font-weight:700;color:var(--ink);margin-bottom:4px}.fbody p{font-size:13px;color:var(--mut);display:flex;align-items:center;gap:5px;margin:0 0 2px;flex-wrap:wrap}.fbody .ic{width:14px;height:14px;color:var(--g)}.arr{position:absolute;right:14px;bottom:16px;width:34px;height:34px;border-radius:50%;background:var(--cream);display:grid;place-items:center;color:var(--g)}
.cert{display:inline-block;background:#E9F1E5;color:var(--g);font-size:11.5px;font-weight:600;padding:2px 8px;border-radius:6px;font-style:normal}
.pgrid{display:grid;gap:16px}.pgrid.six{grid-template-columns:repeat(6,1fr)}.pgrid.four{grid-template-columns:repeat(4,1fr)}
.pcard{background:var(--white);border-radius:var(--r);overflow:hidden;border:1px solid #EFEAE0;display:flex;flex-direction:column;transition:box-shadow .15s}.pcard:hover{box-shadow:var(--sh)}.pimg{position:relative;aspect-ratio:1;overflow:hidden;display:block}.pimg img{width:100%;height:100%;object-fit:cover}
.badge{position:absolute;left:8px;top:8px;font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px;color:#fff}.badge.or{background:var(--or)}.badge.gr{background:var(--g)}
.pbody{padding:10px 12px 12px;display:flex;flex-direction:column;flex:1}.pbody h3{font-family:var(--sans);font-size:14.5px;font-weight:700;color:var(--ink);margin:0}.pbody .sub{font-size:12px;color:var(--mut);margin:2px 0 8px}.pbody .sub a:hover{text-decoration:underline}.prow{margin-top:auto;display:flex;justify-content:space-between;align-items:flex-end}.prow b{font-size:15px;display:block}.prow small{font-size:11.5px;color:var(--mut)}
.addbtn{width:36px;height:36px;border-radius:50%;background:var(--g);color:#fff;display:grid;place-items:center;transition:background .15s,transform .1s}.addbtn:hover{background:var(--g2)}.addbtn.done{background:var(--or);transform:scale(1.1)}.addbtn .ic{width:18px;height:18px}.out{font-size:12px;color:#8a2f0f;font-weight:600}
.season{background:var(--white)}.srow{display:flex;justify-content:space-between;gap:10px;overflow-x:auto;scrollbar-width:none}.srow .ci{width:72px;height:72px;font-size:34px;background:var(--cream)}
.farmer{background:var(--white);padding:0 0 42px}.farmer .wrap{display:grid;grid-template-columns:340px 1fr auto;gap:32px;align-items:center;background:linear-gradient(90deg,#DCE8D2,#EEF3E7);border-radius:var(--r2);overflow:hidden;min-height:220px}.farmer .fimg{aspect-ratio:auto;height:100%;min-height:220px}.fcopy{padding:26px 0}.fcopy h2{margin-bottom:6px}.fcopy p{max-width:520px;color:#3c4039;margin-bottom:16px}
.fbenefits{list-style:none;margin:0 28px 0 0;padding:16px 18px;background:rgba(255,255,255,.75);border-radius:var(--r);display:grid;gap:10px;font-weight:600;font-size:13.5px;backdrop-filter:blur(4px)}.fbenefits li{display:flex;gap:8px;align-items:center}.fbenefits .ic{color:var(--g)}
/* hof sayfası */
.farmhead{background:var(--white)}.cover{height:340px;overflow:hidden}.cover img{width:100%;height:100%;object-fit:cover}.fh{display:flex;gap:20px;align-items:flex-end;margin-top:-44px;padding-bottom:22px;position:relative}.flogo{width:96px;height:96px;border-radius:var(--r);object-fit:cover;border:4px solid #fff;background:#fff;box-shadow:var(--sh)}.fh h1{background:var(--white);display:inline-block;padding:10px 14px 4px;border-radius:var(--r) var(--r) 0 0}.fh .loc{display:flex;gap:6px;align-items:center;color:var(--mut);margin:6px 0}.fh .ic{color:var(--g)}.badges{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.vbadge{display:inline-flex;gap:6px;align-items:center;background:var(--g);color:#fff;font-weight:600;font-size:12.5px;padding:5px 12px;border-radius:999px}.vbadge .ic{width:15px;height:15px;color:#fff}.pbadge{background:#FBEFD9;color:#8a5a0f;font-size:12.5px;padding:5px 12px;border-radius:999px}.stars{display:inline-flex;gap:4px;align-items:center;color:var(--or);font-weight:600}.stars .ic{fill:var(--or);stroke:var(--or)}
.cols{display:grid;grid-template-columns:1fr 340px;gap:32px;align-items:start}.cols h2{margin:26px 0 12px}.cols h2:first-child{margin-top:0}.story{color:#3c4039;max-width:720px}.cath{font-family:var(--sans);font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--mut);margin:18px 0 10px}
.card{background:var(--white);border-radius:var(--r2);padding:20px 22px;box-shadow:var(--sh);margin-bottom:16px}.card h3{margin-bottom:10px}.card p{display:flex;gap:8px;align-items:flex-start;font-size:14px}.card p.small{display:block}.card code{word-break:break-all;font-size:12px}.card .ic{color:var(--g);margin-top:2px}.card.sticky{position:sticky;top:90px}
.map{height:260px;border-radius:var(--r);overflow:hidden;background:#E9EFE4;margin:14px 0 22px}.map.sm{height:200px;margin:14px 0 0}
.review{border-top:1px solid var(--line);padding:12px 0}.review b{color:var(--or)}.review span{font-size:12.5px;color:var(--mut);margin-left:8px}
/* ürün sayfası */
.crumbs{font-size:13px;color:var(--mut);margin-bottom:16px}.crumbs a:hover{text-decoration:underline}.pdp{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.gallery{position:sticky;top:96px}.gallery img{border-radius:var(--r2);aspect-ratio:1;object-fit:cover;width:100%;background:#fff}.thumbs{display:flex;gap:8px;margin-top:10px}.thumbs img{width:72px;height:72px;border-radius:8px;cursor:pointer;border:2px solid transparent}.thumbs img:hover{border-color:var(--g)}
.eyebrow{font-size:13px;color:var(--mut)}.eyebrow .badge{position:static;margin-right:6px}.pinfo h1{font-size:36px;margin-bottom:6px}.from{color:var(--mut)}.from a{color:var(--g);font-weight:600}.price{margin:14px 0}.price b{font-size:30px;color:var(--g)}.price span{margin-left:6px;color:var(--mut)}.price small{display:block;font-size:12.5px;color:var(--mut)}
.addform{display:flex;gap:12px;align-items:center;margin:18px 0}.qty{display:inline-flex;align-items:center;border:1.5px solid var(--line);border-radius:var(--r);height:46px;background:#fff}.qty button{width:40px;height:100%;font-size:20px;color:var(--g)}.qty input,.qty span{width:44px;text-align:center;border:0;outline:0;font-weight:600;background:none}.low{color:#8a5a0f;font-size:13px}
.desc{color:#3c4039;margin:12px 0 18px}.facts{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;font-size:14px;margin:0 0 20px}.facts dt{color:var(--mut)}.facts dd{margin:0}.tag{display:inline-block;background:var(--cream);font-size:12px;padding:2px 8px;border-radius:6px}
.farmbox{display:flex;gap:12px;align-items:center;background:var(--white);border-radius:var(--r);padding:12px 14px;box-shadow:var(--sh)}.farmbox img{width:52px;height:52px;border-radius:8px;object-fit:cover}.farmbox span{display:flex;flex-direction:column;flex:1}.farmbox small{color:var(--mut)}.farmbox .ic{color:var(--g)}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.filters input,.filters select{height:46px;border:1.5px solid var(--line);border-radius:999px;padding:0 16px;background:#fff;padding:0 12px}.filters input[type=search]{flex:1;min-width:200px}.filters input[name=plz]{width:110px}
/* sepet / kasa */
.cartlist{background:var(--white);border-radius:var(--r2);box-shadow:var(--sh);padding:6px 18px;margin:16px 0}.cline{display:grid;grid-template-columns:64px 1fr auto auto;gap:16px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.cline:last-child{border:0}.cline img{width:64px;height:64px;border-radius:8px;object-fit:cover}.cn a{font-weight:600}.cn small{display:block;color:var(--mut)}.cline .qty{height:40px}.cline .rm{color:#8a2f0f;width:36px}.lt{min-width:80px;text-align:right}
.totals{display:flex;flex-direction:column;align-items:flex-end;gap:4px;margin-bottom:18px}.totals div{display:flex;gap:30px;font-size:17px}.totals .small{font-size:13px;color:var(--mut)}
.co{grid-template-columns:1fr 360px}.form h2{font-size:20px;margin:22px 0 10px}.form label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:600;color:#3c4039;margin-bottom:12px}.form input,.form select,.form textarea{height:48px;border:1.5px solid var(--line);border-radius:14px;background:#fff;padding:0 12px;outline:0;font-weight:400;font-size:16px;width:100%}.form textarea{height:auto;padding:10px 12px}.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--g)}.form input[type=file]{padding:9px 12px;font-size:14px}.form input:disabled{background:var(--cream)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.grid2 .full{grid-column:1/-1}.grid2 h2{grid-column:1/-1}.row{display:flex;gap:8px}.lab{display:block;font-size:13px;font-weight:600;margin-bottom:6px}
.choices{display:grid;gap:10px;margin-bottom:14px}.choice{display:flex!important;flex-direction:row!important;gap:12px;align-items:center;background:#fff;border:1.5px solid var(--line);border-radius:var(--r);padding:12px 14px!important;cursor:pointer}.choice:has(input:checked){border-color:var(--g);background:#F4F7F1}.choice input{width:18px!important;height:18px!important;margin:0}.choice span{display:flex;flex-direction:column;gap:2px}.choice b{display:flex;gap:8px;align-items:center;font-size:15px}.choice small{font-weight:400;color:var(--mut)}
.chk{flex-direction:row!important;align-items:flex-start;gap:10px!important;font-weight:400!important}.chk input{width:18px!important;height:18px!important;margin-top:2px}
.sline{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid var(--line);font-size:14px}.sline.tot{font-weight:600;border:0;padding-top:12px}.sline.big b{font-size:22px;color:var(--g)}
.okbox{display:flex;gap:14px;align-items:center;background:#E9F1E5;border-radius:var(--r2);padding:18px 20px;margin-bottom:20px}.okbox .ic{width:36px;height:36px;color:var(--g)}
.st{display:inline-block;font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;background:var(--cream);color:var(--mut)}.st-new{background:#FBEFD9;color:#8a5a0f}.st-confirmed,.st-verified,.st-active{background:#E9F1E5;color:var(--g)}.st-ready{background:#E3EEF9;color:#1f4d7a}.st-done{background:var(--g);color:#fff}.st-cancelled,.st-rejected,.st-blocked,.st-suspended{background:#FBE9E3;color:#8a2f0f}.st-pending{background:#FBEFD9;color:#8a5a0f}
.tbl{width:100%;border-collapse:collapse;background:var(--white);border-radius:var(--r2);overflow:hidden;box-shadow:var(--sh);margin-bottom:20px}.tbl td,.tbl th{padding:10px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;font-size:14px}.tbl th{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--mut)}.tbl tr:last-child td{border:0}.tbl .tot td{font-weight:700;font-size:16px}.tbl .dim{opacity:.5}.tbl .pi img{width:48px;height:48px;border-radius:8px;object-fit:cover}
.info{gap:16px;margin-bottom:20px}.starpick{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:2px;font-size:30px;margin-bottom:8px}.starpick input{display:none}.starpick label{color:#ddd;cursor:pointer;margin:0}.starpick input:checked~label,.starpick label:hover,.starpick label:hover~label{color:var(--or)}
/* auth */
.auth{max-width:520px}.auth .card{padding:28px 30px}.auth h1{margin-bottom:16px}.steps{display:flex;gap:8px;list-style:none;padding:0;margin:0 0 18px;counter-reset:s}.steps li{flex:1;background:var(--white);border-radius:8px;padding:8px 12px;font-weight:600;font-size:13px;border-left:4px solid var(--sage)}.steps li.on{border-color:var(--g)}
/* panel */
.panel{padding-top:22px}.panelnav{display:flex;gap:4px;flex-wrap:wrap;background:var(--white);border-radius:var(--r2);padding:6px;box-shadow:var(--sh);margin-bottom:12px}.panelnav a{display:flex;gap:7px;align-items:center;padding:9px 14px;border-radius:8px;font-weight:600;font-size:14px}.panelnav a.on,.panelnav a:hover{background:var(--cream);color:var(--g)}.panelnav a:nth-last-child(2){margin-left:auto}
.status{font-size:13px;padding:8px 14px;border-radius:8px;margin-bottom:18px}.s-pending{background:#FBEFD9;color:#8a5a0f}.s-verified{background:#E9F1E5;color:var(--g)}.s-suspended,.s-rejected{background:#FBE9E3;color:#8a2f0f}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:18px 0 22px}.kpis div{background:var(--white);border-radius:var(--r2);padding:16px 18px;box-shadow:var(--sh)}.kpis b{display:block;font:600 28px/1.1 var(--serif);color:var(--g)}.kpis span{font-size:12.5px;color:var(--mut)}
.todo{list-style:none;padding:0;margin:0;display:grid;gap:6px}.todo a{display:flex;gap:8px;align-items:center;font-weight:600;color:var(--g)}.inline{display:inline-flex;gap:6px;align-items:center}.inline input,.inline select{height:32px;border:1px solid var(--line);border-radius:8px;padding:0 8px;background:#fff;font-size:14px}.inline input{width:70px}
.tagpick{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.tagpick label{flex-direction:row!important;gap:6px!important;align-items:center;background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 14px!important;font-weight:500!important;margin:0!important}.tagpick input{width:16px!important;height:16px!important;margin:0}.tagpick .dis{opacity:.45}.imgs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.imgs label{flex-direction:column;font-weight:400!important;font-size:12px}.imgs img{width:90px;height:90px;object-fit:cover;border-radius:8px}.prev{width:120px;border-radius:8px;margin-top:6px}
.stbtns{display:flex;flex-wrap:wrap;gap:8px}.row-form{display:grid;grid-template-columns:1fr 200px auto auto;gap:10px;align-items:center}.row-form input{height:36px;border:1px solid var(--line);border-radius:8px;padding:0 10px}
details.card summary{cursor:pointer;font-weight:600}
/* teslim noktaları (kasa) */
.points{display:grid;gap:6px;margin-top:8px}.pt{display:flex!important;flex-direction:row!important;gap:8px;align-items:flex-start;padding:8px 10px!important;border:1px solid var(--line);border-radius:8px;background:#fff;font-weight:400!important}.pt input{width:16px!important;height:16px!important;margin-top:3px}.pt em{font-style:normal;color:var(--mut);font-size:12px}
/* legal */
.legal h2{font-size:20px;margin:26px 0 8px}.legal h3{font-family:var(--sans);font-size:15px;margin:18px 0 6px}.legal p,.legal li{color:#3c4039}.legal .ph{background:#FBEFD9;padding:0 4px;border-radius:4px}
/* mega menü */
.catnav .wrap{overflow:visible}.cn{position:relative}.cn>a{display:block}.cn-tog,.cn-sub{display:none}
.mega{position:absolute;left:-40px;top:100%;padding-top:8px;z-index:70;display:none}.cn:hover .mega,.cn:focus-within .mega{display:block}.mega-in{width:min(1100px,calc(100vw - 48px));background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 18px 50px rgba(36,40,36,.16);padding:18px 22px 20px}
.mega-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.mega-head h3{font-size:18px}.mega-head a{font-weight:600;font-size:13px;color:var(--g);display:inline-flex;gap:4px;align-items:center}
.mega-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px 18px}.mg-tile{display:flex;flex-direction:column;gap:8px}.mg-tile img,.mg-emoji{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:6px;background:linear-gradient(135deg,#E9F1E5,#F3E6D2);display:flex;align-items:center;justify-content:center;font-size:44px}.mg-tile b{font-size:14px;color:var(--ink);line-height:1.3}.mg-tile:hover b{color:var(--g)}
.mega-grid.deep{grid-template-columns:1fr 1fr;gap:18px 28px}.mega-grid.deep .mg-tile{flex-direction:row;align-items:center;gap:12px;margin-bottom:10px}.mega-grid.deep .mg-tile img,.mega-grid.deep .mg-emoji{width:92px;height:62px;aspect-ratio:auto;flex:none;font-size:30px}.mega-grid.deep .mg-tile b{font-size:16px}
.mg .chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.mg .chips li a{display:inline-flex;gap:5px;align-items:center;font-size:12.5px;color:#2f3a33;background:#F5F6F3;border:1px solid #ECEEE9;border-radius:6px;padding:5px 9px;white-space:nowrap}.mg .chips li a:hover{background:#E9F1E5;border-color:var(--g);color:var(--g)}
.cn:has(.mega)>a:after{content:"";display:inline-block;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin:0 0 3px 6px;opacity:.6}
/* kategori sayfası */
.cathero{background:var(--white);border-bottom:1px solid var(--line);padding:20px 0 22px}.cathead{display:flex;gap:18px;align-items:center;margin-top:12px}.catimg{width:96px;height:72px;object-fit:cover;border-radius:6px}.catemoji{width:96px;height:72px;border-radius:6px;background:linear-gradient(135deg,#E9F1E5,#F3E6D2);display:flex;align-items:center;justify-content:center;font-size:40px}.cathead h1{font-size:36px}.cathead p{color:var(--mut);margin:0}.h2s{font-size:24px;margin-bottom:14px}
.subgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.subtile{display:flex;gap:12px;align-items:flex-start;background:var(--white);border:1px solid #EFEAE0;border-radius:8px;padding:10px;transition:border-color .15s}.subtile:hover{border-color:var(--g)}.subtile img,.subtile .mg-emoji{width:84px;height:64px;flex:none;aspect-ratio:auto;font-size:30px}.st-body{display:flex;flex-direction:column;gap:2px;min-width:0}.st-body b{font-size:14.5px}.st-body small{color:var(--mut);font-size:12px}.st-body em{font-style:normal;font-size:12px;color:#4a524c;line-height:1.35}
@media(max-width:860px){.mega{display:none!important}.cn:has(.mega)>a:after{display:none}.cn{display:flex;flex-wrap:wrap;align-items:center;width:100%;border-top:1px solid var(--line)}.cn>a{flex:1;padding:10px 12px}.cn-tog{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center}.cn-tog .ic{transition:transform .2s}.cn.open .cn-tog .ic{transform:rotate(180deg)}.cn-sub{display:none;width:100%;list-style:none;margin:0;padding:0 0 8px 12px}.cn.open .cn-sub{display:block}.cn-sub li a{display:block;padding:6px 12px;font-size:14px;font-weight:500;white-space:normal}.cn-sub li ul{list-style:none;margin:0;padding:0 0 4px 14px}.cn-sub li ul a{font-weight:400;font-size:13px;color:#4a524c;padding:4px 12px}.catnav .plain{width:100%;border-top:1px solid var(--line);border-radius:0;padding:10px 12px}.cathead h1{font-size:26px}.subgrid{grid-template-columns:1fr}}
/* preloader + üst ilerleme çubuğu */
.pre{position:fixed;inset:0;background:var(--cream);z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;transition:opacity .4s}.pre.off{opacity:0;pointer-events:none}.pre .wm{font-size:42px;animation:pulse 1.2s ease-in-out infinite}.pbar{width:120px;height:3px;background:#E6E1D5;border-radius:2px;overflow:hidden;position:relative}.pbar:after{content:"";position:absolute;left:-40%;width:40%;height:100%;background:var(--or);animation:slide 1s linear infinite}@keyframes pulse{50%{opacity:.55}}@keyframes slide{to{left:100%}}
.topbar{position:fixed;left:0;top:0;height:3px;width:0;background:var(--or);z-index:998;transition:width .3s,opacity .3s;opacity:0}.topbar.on{opacity:1}
/* yatay geniş karusel */
.hscroll{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 14px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.hscroll>*{flex:0 0 min(300px,78vw);scroll-snap-align:start}.hscroll .pcard{border-radius:var(--r2)}.hscroll .pbody h3{font-size:16px}.hscroll .pbody{padding:14px 16px 16px}.hscroll.small>*{flex-basis:200px}
.sg{display:flex;flex-direction:column;gap:4px;background:#fff;border-radius:10px;padding:8px;border:1px solid var(--line)}.sg img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}.sg b{font-size:13px}.sg small{color:var(--mut);font-size:12px}
.loadmore{text-align:center;color:var(--mut);padding:18px;font-size:14px;display:flex;gap:10px;justify-content:center;align-items:center}.spin{width:18px;height:18px;border:2px solid var(--line);border-top-color:var(--g);border-radius:50%;animation:rot .8s linear infinite}@keyframes rot{to{transform:rotate(360deg)}}
/* arama açılır kutusu */
.search{position:relative;overflow:visible}.search input{border-radius:999px 0 0 999px;padding-left:22px}.search button{border-radius:0 999px 999px 0;width:58px}.sdrop{position:absolute;left:0;right:0;top:52px;background:#fff;border:1px solid var(--line);border-radius:var(--r2);box-shadow:0 14px 40px rgba(36,40,36,.16);z-index:60;padding:10px;max-height:min(70vh,560px);overflow-y:auto}.sdrop h5{margin:6px 8px 4px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--mut);display:flex;justify-content:space-between}.sdrop h5 a{font-weight:400;text-transform:none;letter-spacing:0;cursor:pointer}
.sdrop .chips{display:flex;flex-wrap:wrap;gap:6px;padding:0 8px 6px}.sdrop .chips a{background:var(--cream);border-radius:999px;padding:5px 12px;font-size:13px}.sdrop .chips a:hover{background:#E9F1E5}
.sdrop .it{display:flex;gap:10px;align-items:center;padding:7px 8px;border-radius:8px}.sdrop .it:hover{background:var(--cream)}.sdrop .it img{width:44px;height:44px;border-radius:8px;object-fit:cover;background:var(--cream)}.sdrop .it b{display:block;font-size:14px}.sdrop .it small{color:var(--mut);font-size:12px}.sdrop .it .pr{margin-left:auto;font-weight:600;white-space:nowrap}.sdrop .all{display:block;text-align:center;padding:10px;font-weight:600;color:var(--g);border-top:1px solid var(--line);margin-top:6px}
/* puanlar */
.loybox{background:#FBF8F3;border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;margin-bottom:14px}.loybox input[type=range]{height:auto;padding:0;accent-color:var(--g)}.loybox output{font-weight:600;color:var(--g)}.loyline{display:flex;gap:6px;align-items:center;color:var(--or);font-weight:600}.loyline .ic{fill:var(--or);stroke:var(--or)}.sline.disc b{color:#3B6D11}.ok{color:#3B6D11;font-weight:600;display:flex;gap:6px;align-items:center}
.loycard{background:var(--white);border-radius:var(--r2);box-shadow:var(--sh);padding:20px 22px;margin:14px 0 22px;display:grid;gap:14px}.loyn b{font:600 40px/1 var(--serif);color:var(--g);display:block}.loyn span{font-weight:600}.loyn small{display:block;color:var(--mut);margin-top:4px}.loys h4{margin:0 0 8px}
.rev .revhead{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.rev .stars{color:var(--or)}.rev .revhead span{color:var(--mut);font-size:13px}.reply{background:var(--cream);border-radius:8px;padding:8px 12px;font-size:14px}.form h3 small{font-weight:400;color:var(--or);font-size:13px;margin-left:8px}
@media(max-width:860px){.sdrop{position:fixed;left:8px;right:8px;top:118px;max-height:70vh}}
/* ürün pasaportu */
.pass{background:var(--white);border:1px solid #EFEAE0;border-radius:var(--r2);padding:18px 20px;margin:0 0 20px}.pass h2{font-size:20px;display:flex;gap:8px;align-items:center;margin-bottom:14px}.pass h2 .ic{color:var(--g)}
.pgrid4{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pi{background:var(--cream);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:3px}.pi small{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--mut)}.pi b{font-size:14px;color:var(--g)}.pi span{font-size:12.5px;color:#3c4039}
.fbar{height:8px;border-radius:4px;background:#E6E1D5;overflow:hidden;margin:3px 0}.fbar i{display:block;height:100%;border-radius:4px}
.months{display:flex;gap:2px;margin:3px 0}.months i{flex:1;height:18px;border-radius:3px;background:#E6E1D5;font:600 9px/18px Inter,sans-serif;text-align:center;color:#9b9a92;font-style:normal}.months i.on{background:#C0DD97;color:#27500A}.months i.now{outline:2px solid var(--g);outline-offset:-2px;color:var(--g)}
.og{display:inline-block;font-size:11.5px;font-weight:600;padding:2px 8px;border-radius:6px;margin-top:2px;width:max-content}.og-bio{background:#C0DD97;color:#27500A}.og-conversion{background:#FAC775;color:#633806}.og-sprayfree{background:#E1F5EE;color:#085041}.og-conventional{background:#F1EFE8;color:#444441}
.pcerts{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.pcerts .cert{display:inline-flex;gap:4px;align-items:center}.pcerts .ic{width:13px;height:13px}
.pass .story{margin:14px 0 0;padding:12px 14px;border-left:3px solid var(--sand);background:#FBF8F3;font-family:var(--serif);font-size:15.5px;color:#3c4039}.pass .story cite{display:block;font:500 12px var(--sans);color:var(--mut);margin-top:6px;font-style:normal}
.trace{font-size:12px;color:var(--mut);margin:10px 0 0}.nut{margin-top:10px}.nut summary{cursor:pointer;font-weight:600;font-size:13px}.nut .tbl{margin:8px 0 0;font-size:13px}
.form .tpl{background:#E9F1E5;padding:12px 14px;border-radius:var(--r);display:block}.form label small{font-weight:400;color:var(--mut);font-size:12px}
@media(max-width:480px){.pgrid4{grid-template-columns:1fr}}
/* ===== İÇ SAYFALAR · modern docs dili (Roboto) ===== */
.docs{--rd:18px}.content.docs .rich *{border-radius:0}.content.docs .rich .tbl,.content.docs .rich table:not(.tbl),.content.docs .rich ol:not(.jour)>li,.content.docs .rich details.faq,.content.docs .rich .callout,.content.docs .rich .sheet,.content.docs .rich p.lead,.content.docs .pager a,.content.docs .rich .sys .jour .card,.content.docs .rich .sys .tile,.content.docs .rich .sys .money div,.content.docs .rich .sys .tl div,.content.docs .rich .sys .tabs button,.content.docs .rich .sys .ok,.content.docs .rich .sys .plan,.content.docs .rich .ph,.content.docs .rich code{border-radius:var(--rd)}
.content.docs .rich .sys .jour .node,.content.docs .rich ol:not(.jour)>li:before{border-radius:50%}
/* sol menü: sakin liste */
.content.docs .cside-in{background:none;border:0;padding:0 0 0 0}.content.docs .snav{padding:0}.content.docs .snav:before{display:none}.content.docs .snav .grp{padding:0 12px;margin:18px 0 6px;font-size:11px;color:#8A918C}.content.docs .snav .grp:first-child{margin-top:0}
.content.docs .snav li a{padding:8px 14px;border-radius:999px;gap:0;font-size:14.5px;color:#3A443D;border-left:2px solid transparent}.content.docs .snav li a i{display:none}.content.docs .snav li a:hover{background:#F3F5F1;color:#17271E}.content.docs .snav li.on>a{background:#EEF3EC;border-left-color:var(--g);color:#17271E;font-weight:600}
.content.docs .snav .toc{margin:4px 0 8px 12px;border-left:1px solid #E6E9E3}.content.docs .snav .toc li a{padding:5px 0 5px 14px;border:0;font-size:13px;color:#6B746E;background:none}.content.docs .snav .toc li a.on{color:#17271E;font-weight:600}
/* başlıklar: sol şerit yok, alt hairline */
.content.docs .rich h2{border-left:0;padding:0 0 10px;border-bottom:1px solid #ECEEE9;margin:48px 0 18px;font-size:24px}.content.docs .rich h2:first-of-type{margin-top:6px}.content.docs .rich h3{margin:26px 0 8px}
/* tablolar: hizalı satırlar */
.content.docs .rich .tbl td,.content.docs .rich .tbl th,.content.docs .rich table:not(.tbl) td,.content.docs .rich table:not(.tbl) th{padding:12px 14px;vertical-align:top;line-height:1.5}.content.docs .rich .tbl td:first-child,.content.docs .rich table:not(.tbl) td:first-child{font-weight:500;color:#17271E}.content.docs .rich .sys table td:last-child{min-width:170px}
.content.docs .rich .sys .ok,.content.docs .rich .sys .plan{white-space:normal;line-height:1.35;padding:4px 10px;font-size:12px;display:inline-block;max-width:100%;border-radius:999px!important}
/* adım kartları, akordeon, kartlar: sade */
.content.docs .rich ol:not(.jour)>li{box-shadow:none;background:#fff;border:1px solid #E6E9E3}.content.docs .rich details.faq summary{padding:14px 48px 14px 16px}.content.docs .rich .sys .jour .card{border:1px solid #E6E9E3;border-left-width:3px;box-shadow:none}.content.docs .rich .sys .jour .node{box-shadow:0 0 0 5px #fff;width:40px;height:40px;line-height:40px;font-size:15px;left:5px;top:14px}.content.docs .rich .sys .jour:before{left:24px}.content.docs .rich .sys .tabs button{box-shadow:none;border-radius:var(--rd)}.content.docs .rich .sys .tile{background:#F6F7F4}.content.docs .rich .sys .tile.auto{background:#FBF3E6}.content.docs .rich .sys .tile.money{background:#EEF4EE}
.content.docs .rich .sys .bar{border-radius:var(--rd);box-shadow:none}.content.docs .rich .sys .bar div{border-radius:0}
.chero.docs .wrap{padding:34px 0 26px}.chero.docs h1{font-weight:700;font-size:40px}
.docs,.docs *{font-family:Roboto,Inter,system-ui,sans-serif}.docs h1,.docs h2,.docs h3,.docs .pager a{font-family:Roboto,Inter,system-ui,sans-serif!important}
.chero.docs{background:#fff;border-bottom:1px solid #ECEAE3}.chero.docs .wrap{padding:38px 0 30px}.chero.docs .eyebrow{color:var(--or);letter-spacing:.12em;font-weight:700}.chero.docs h1{font-weight:900;font-size:44px;letter-spacing:-.025em;color:#17271E;line-height:1.08}.chero.docs .chero-lead{font-size:18px;color:#4A524C;line-height:1.6}.chero.docs .crumbs{color:#8A918C}.chero.docs .crumbs b{color:#17271E}
.content.docs{background:#fff;padding:0 0 60px}.content.docs .cpage{gap:56px}.content.docs .cside-in{background:#F5F6F3;border-radius:14px;box-shadow:none;border:1px solid #ECEEE9;padding:16px 16px 10px}.content.docs .snav .grp{color:#8A918C}.content.docs .snav:before{background:#E1E4DE}.content.docs .snav li a{color:#2F3A33;font-weight:500}.content.docs .snav li.on>a{color:#17271E;font-weight:700}
.content.docs .rich{font-size:17px;line-height:1.75;color:#2B342E;max-width:none}.content.docs .rich>p,.content.docs .rich>ul,.content.docs .rich>.callout,.content.docs .rich>p.lead{max-width:960px}.content.docs .rich h2{font-size:26px;font-weight:700;color:#17271E;letter-spacing:-.015em;margin:44px 0 12px;padding:0 0 0 18px;border-left:4px solid var(--or)}.content.docs .rich h2:before{display:none}.content.docs .rich h2:first-of-type{margin-top:4px}.content.docs .rich h3{font-size:17px;font-weight:700;color:#17271E;margin:22px 0 6px}
.content.docs .rich p{margin:0 0 16px}.content.docs .rich p.lead{background:#F5F6F3;border-left:4px solid var(--g);border-radius:0 12px 12px 0}.content.docs .rich a:not(.btn){color:#1D6B45;text-decoration-color:#B9D7C6}
.content.docs .rich ol:not(.jour)>li{border:1px solid #ECEEE9;box-shadow:none;background:#FBFBF9;border-radius:12px;padding:16px 18px 16px 66px}.content.docs .rich ol:not(.jour)>li:before{background:linear-gradient(135deg,#2F6B47,#234638);font-family:Roboto,sans-serif;font-weight:700;font-size:14px;width:36px;height:36px;line-height:36px;left:16px;top:14px}.content.docs .rich ul>li:before{background:var(--g);width:7px;height:7px;top:11px}
.content.docs .rich .tbl,.content.docs .rich table:not(.tbl){box-shadow:none;border:1px solid #ECEEE9;border-radius:12px}.content.docs .rich .tbl th{background:#F5F6F3;color:#5F6862;font-size:11.5px;letter-spacing:.08em}.content.docs .rich .tbl tr:nth-child(even) td{background:#FBFBF9}
.content.docs .rich details.faq{box-shadow:none;border:1px solid #ECEEE9;border-radius:12px;background:#fff}.content.docs .rich details.faq summary{font-size:16px;color:#17271E;padding-right:52px}.content.docs .rich details.faq summary:after{content:"";background:none;width:10px;height:10px;border-right:2px solid var(--g);border-bottom:2px solid var(--g);transform:rotate(45deg);top:18px;right:22px;border-radius:0}.content.docs .rich details.faq[open] summary:after{transform:rotate(225deg);top:22px}.content.docs .rich details.faq[open]{background:#FBFBF9}
.content.docs .rich .callout{background:#F0F6F1;border:1px solid #D7E6DB;border-radius:12px}.content.docs .rich .ph{background:#FFF3E0;color:#7A4A10}.content.docs .rich .sheet{display:grid;grid-template-columns:1fr 1fr;gap:4px 24px;background:#F5F6F3;border:1px solid #ECEEE9;border-radius:14px;padding:20px 24px;margin:0 0 24px}.content.docs .rich .sheet p{margin:0 0 6px;font-size:15.5px}.content.docs .rich .sheet p:first-child{grid-column:1/-1;font-size:20px;font-weight:700;color:#17271E;margin-bottom:8px}
.content.docs .pager a{border-radius:12px;border-color:#ECEEE9;background:#F5F6F3;color:#17271E}.content.docs .pager a:hover{border-color:var(--g);background:#fff}
.content.docs .rich .sys .jour .card{box-shadow:none;border:1px solid #ECEEE9;border-left-width:4px}.content.docs .rich .sys .jour h3{font-family:Roboto,sans-serif;font-weight:700;font-size:20px}.content.docs .rich .sys .jour .node{font-family:Roboto,sans-serif;font-weight:700;font-size:17px}.content.docs .rich .sys .tabs{background:#fff}.content.docs .rich .sys .tabs button{font-family:Roboto,sans-serif}.content.docs .rich .sys .money b,.content.docs .rich .sys h3.sh{font-family:Roboto,sans-serif;font-weight:800}.content.docs .rich .sys .tl div{border:1px solid #ECEEE9;box-shadow:none}
.ccta.docs-cta{background:#fff}
@media(max-width:860px){.chero.docs h1{font-size:32px}.content.docs .rich{font-size:16px}.content.docs .rich h2{font-size:22px;margin-top:32px}.content.docs .rich .sheet{grid-template-columns:1fr;padding:16px 18px}.content.docs .cside-in{border:0;border-radius:0}}
/* içerik sayfaları: üst bant */
.chero{background:linear-gradient(135deg,#E6EEE1 0%,#F7F3E8 60%,#F3E6D2 100%);border-bottom:1px solid #EAE4D6}.chero .wrap{display:grid;grid-template-columns:1fr 420px;gap:30px;align-items:center;padding:44px 0 36px}.chero .eyebrow{display:flex;gap:6px;align-items:center;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--g);margin-bottom:10px}.chero h1{font-size:52px;line-height:1.05;letter-spacing:-.02em;text-wrap:balance;margin-bottom:14px}.chero-lead{font-size:18px;color:#3c4039;max-width:620px}.chero-lead p{margin:0}.chero .crumbs{margin:18px 0 0;font-size:13px}.chero .crumbs b{color:var(--g);font-weight:600}.produce.hero{margin:0;max-width:420px;justify-self:end}
/* içerik gövdesi: zengin tipografi */
.rich{font-size:16.5px;line-height:1.7;color:#2f332e}.rich>h1{display:none}.rich h2{font-size:26px;margin:40px 0 14px;padding-top:10px;position:relative}.rich h2:before{content:"";display:block;width:36px;height:3px;background:var(--or);border-radius:2px;margin-bottom:12px}.rich h2:first-of-type{margin-top:0}.rich h3{font-family:var(--sans);font-size:16px;font-weight:700;color:var(--ink);margin:20px 0 6px}.rich p{margin:0 0 14px}.rich p.lead{font-size:19px;color:#3c4039;background:var(--white);border-left:4px solid var(--sage);padding:14px 18px;border-radius:0 var(--r) var(--r) 0}
.rich ol:not(.jour){list-style:none;counter-reset:st;padding:0;margin:14px 0 22px;display:grid;gap:10px}.rich ol:not(.jour)>li{counter-increment:st;position:relative;background:var(--white);border:1px solid #EFEAE0;border-radius:var(--r);padding:14px 16px 14px 62px;min-height:56px;box-shadow:var(--sh)}.rich ol:not(.jour)>li:before{content:counter(st);position:absolute;left:14px;top:12px;width:34px;height:34px;border-radius:50%;background:var(--g);color:#fff;font:600 15px/34px var(--serif);text-align:center}
.rich ul{padding-left:0;list-style:none;margin:10px 0 18px;display:grid;gap:8px}.rich ul>li{position:relative;padding-left:26px}.rich ul>li:before{content:"";position:absolute;left:4px;top:10px;width:9px;height:9px;border-radius:50%;background:var(--or)}
.rich .tbl{box-shadow:var(--sh);font-size:14.5px}.rich .tbl th{background:var(--cream)}.rich .tbl tr:nth-child(even) td{background:#FBF9F4}.rich table:not(.tbl){width:100%;border-collapse:collapse;background:var(--white);border-radius:var(--r2);overflow:hidden;box-shadow:var(--sh);margin:12px 0 22px;font-size:14.5px}.rich table:not(.tbl) td,.rich table:not(.tbl) th{padding:10px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.rich a:not(.btn){color:var(--g);font-weight:600;text-decoration:underline;text-decoration-color:var(--sage);text-underline-offset:3px}.rich .ph{background:#FBEFD9;padding:0 6px;border-radius:4px;font-weight:500}.rich code{background:var(--cream);padding:2px 6px;border-radius:4px;font-size:13px}.rich p.small{font-size:13px;color:var(--mut)}
.rich details.faq{background:var(--white);border:1px solid #EFEAE0;border-radius:var(--r);padding:0;margin:0 0 8px;box-shadow:var(--sh)}.rich details.faq summary{cursor:pointer;list-style:none;padding:14px 48px 14px 18px;font-weight:600;font-size:15.5px;position:relative;color:var(--ink)}.rich details.faq summary::-webkit-details-marker{display:none}.rich details.faq summary:after{content:"+";position:absolute;right:16px;top:10px;width:28px;height:28px;border-radius:50%;background:var(--cream);color:var(--g);text-align:center;line-height:28px;font-size:18px;transition:transform .2s}.rich details.faq[open] summary:after{transform:rotate(45deg)}.rich details.faq .fa{padding:0 18px 14px;color:#3c4039}.rich details.faq .fa p{margin:0 0 8px}
.rich .callout{background:#E9F1E5;border-radius:var(--r2);padding:16px 20px;margin:18px 0;display:flex;gap:12px;align-items:flex-start}.rich .callout .ic{color:var(--g);flex:none;margin-top:3px}
.pager{display:flex;justify-content:space-between;gap:12px;margin:40px 0 0;padding-top:20px;border-top:1px solid var(--line)}.pager a{display:flex;gap:10px;align-items:center;background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:12px 16px;font-weight:600;text-decoration:none!important;max-width:48%}.pager a:hover{border-color:var(--g)}.pager small{color:var(--or);font-size:16px}.pager .next{margin-left:auto;text-align:right}
.ccta{padding:0 0 46px}.ccta-in{background:var(--g);color:#fff;border-radius:var(--r2);padding:32px 36px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.ccta h2{color:#fff;font-size:28px;margin-bottom:6px}.ccta p{color:#D8E2D2;max-width:560px;margin:0}.ccta .btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.6)}
/* çizgisel sol menü */
.snav{list-style:none;margin:0;padding:0 0 0 14px;position:relative}.snav:before{content:"";position:absolute;left:14px;top:14px;bottom:14px;width:2px;background:var(--line)}
.snav .grp{margin:14px 0 4px;padding-left:22px;font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}.snav .grp:first-child{margin-top:2px}
.snav li a{display:flex;align-items:center;gap:12px;padding:7px 8px 7px 0;font-size:14.5px;font-weight:500;color:#3c4039;position:relative;border-radius:0;background:none!important}.snav li a i{width:10px;height:10px;border-radius:50%;background:var(--white);border:2px solid var(--sage);margin-left:-5px;flex:none;transition:transform .15s,background .15s}.snav li a:hover{color:var(--g)}.snav li a:hover i{border-color:var(--g)}
.snav li.on>a{color:var(--g);font-weight:700}.snav li.on>a i{background:var(--g);border-color:var(--g);transform:scale(1.25);box-shadow:0 0 0 4px #E9F1E5}
.snav .toc{margin:2px 0 6px 20px;padding:0;border-left:1px dashed var(--line)}.snav .toc li a{font-size:13px;font-weight:400;padding:4px 0 4px 12px;color:var(--mut)}.snav .toc li a i{display:none}.snav .toc li a.on{color:var(--g);font-weight:600}.snav .toc li.h3 a{padding-left:22px;font-size:12.5px}
.cside-in{padding:14px 16px 10px}
/* akış sayfası uyumu */
.rich .sys .ok,.rich .sys .plan{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.rich .sys .ok{background:#E9F1E5;color:#27500A}.rich .sys .plan{background:#FBEFD9;color:#854F0B}
.rich .sys .tabs{margin:4px 0 16px}.rich .sys .tabs button{box-shadow:var(--sh)}.rich .sys .step button{box-shadow:var(--sh)}.rich .sys .detail{box-shadow:var(--sh)}.rich .sys .detail p,.rich .sys .detail li{font-size:14px}.rich .sys .detail ul{display:block;margin:0;padding-left:18px}.rich .sys .detail ul>li{padding-left:0}.rich .sys .detail ul>li:before{display:none}
.rich .sys table{font-size:14px}.rich .sys .money b{font-size:24px}.rich .sys .tl span{font-size:14px}.rich .sys .lead{display:none}
/* içerik sayfaları: sol menü + orta içerik */
.cpage{display:grid;grid-template-columns:250px minmax(0,1fr);gap:44px;align-items:start}.cside{position:sticky;top:90px;max-height:calc(100vh - 110px);overflow-y:auto;scrollbar-width:thin}.cside-in{background:var(--white);border-radius:var(--r2);box-shadow:var(--sh);padding:18px 18px 8px}.cside h4{margin:12px 0 6px}.cside h4:first-child{margin-top:0}.cside ul{list-style:none;margin:0 0 6px;padding:0}.cside li a{display:block;padding:6px 10px;border-radius:8px;font-size:14px;font-weight:500}.cside li a:hover{background:var(--cream)}.cside li a.on{background:var(--g);color:#fff}

.produce{width:100%;height:auto;display:block;margin-top:10px;border-radius:10px;background:transparent}.produce.big{margin:24px 0 0;max-width:520px}
.cmain{max-width:none;min-width:0}.cmain h1{margin-bottom:18px}.cmain h2{scroll-margin-top:100px}.cmain h3{scroll-margin-top:100px}.cmenu-btn{display:none}
.farmlogin .main{padding-top:10px}.farmlogin .eyebrow{display:flex;gap:6px;align-items:center;color:var(--g);font-weight:600}.farmlogin h1{font-size:44px}.fbenefits.static{margin:14px 0 0;padding:0;background:none;grid-template-columns:1fr 1fr;max-width:460px;backdrop-filter:none}.farmlogin .side{position:sticky;top:90px}
@media(max-width:860px){.chero .wrap{grid-template-columns:1fr;padding:26px 0 22px}.chero h1{font-size:34px}.chero-lead{font-size:16px}.produce.hero{display:none}.rich{font-size:15.5px}.rich h2{font-size:22px;margin-top:30px}.rich ol>li{padding-left:56px}.ccta-in{padding:24px 20px}.ccta h2{font-size:22px}.pager a{max-width:100%}.pager{flex-direction:column}.pager .next{margin-left:0}.cpage{grid-template-columns:1fr;gap:12px}.cmenu-btn{display:inline-flex;gap:8px;align-items:center;height:42px;padding:0 14px;border:1.5px solid var(--line);border-radius:var(--r);background:#fff;font-weight:600}
.cside{position:fixed;top:0;left:0;bottom:0;width:min(320px,86vw);z-index:70;transform:translateX(-105%);transition:transform .25s;overflow-y:auto;background:var(--white);box-shadow:0 0 40px rgba(0,0,0,.25)}.cside.open{transform:none}.cside-in{border-radius:0;box-shadow:none;padding:20px 18px calc(20px + env(safe-area-inset-bottom))}.cside .produce{display:none}
.cshade{position:fixed;inset:0;background:rgba(36,40,36,.4);z-index:69}.farmlogin h1{font-size:32px}.farmlogin .side{position:static}.fbenefits.static{grid-template-columns:1fr}}
/* footer */
.foot{background:var(--g);color:#D8E2D2;padding:44px 0 20px;margin-top:20px}.fcols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px;margin-bottom:30px}.fcols h4{color:#fff;margin:0 0 10px;letter-spacing:.06em}.fcols a{display:block;padding:4px 0;font-size:14px}.fcols a:hover{color:#fff}.fcols p{max-width:340px;font-size:14px;margin-top:12px}.fbot{border-top:1px solid rgba(255,255,255,.14);padding-top:16px;display:flex;justify-content:space-between;font-size:13px;align-items:center}.foot .langs a{color:#fff}
.cookie{position:fixed;left:16px;right:16px;bottom:16px;max-width:560px;margin:0 auto;background:#fff;border-radius:var(--r2);box-shadow:0 10px 30px rgba(0,0,0,.18);padding:14px 16px;display:flex;gap:14px;align-items:center;font-size:13.5px;z-index:60}.cookie button{background:var(--g);color:#fff;border-radius:8px;padding:8px 14px;font-weight:600;white-space:nowrap}
/* mobil */
@media(max-width:1100px){.pgrid.six{grid-template-columns:repeat(4,1fr)}.farmer .wrap{grid-template-columns:260px 1fr}.fbenefits{grid-column:1/-1;margin:0 20px 20px}.hcopy h1{font-size:52px}}
@media(max-width:860px){:root{--gut:16px}.util li{white-space:nowrap}.util ul{gap:14px}.util .util-l li:nth-child(2){display:none}.util{font-size:12px}.m-only{display:contents}.util .util-l li:nth-child(n+3),.util .util-r li:not(.langs){display:none}
.top>.wrap{grid-template-columns:auto 1fr auto;gap:12px;height:64px}.search{order:5;grid-column:1/-1;margin-bottom:10px;height:42px}.top>.wrap{grid-template-rows:auto auto;height:auto;padding-top:10px}.plzbox{display:none}.acct a span{display:none}.acct{gap:14px}.burger{display:grid;place-items:center;width:36px;height:36px}.burger .ic{width:24px;height:24px}
.catnav{display:none}.catnav.open{display:block}.catnav .wrap{flex-wrap:wrap;height:auto;padding:8px 0 12px}.catnav .m-only a{width:100%;border-top:1px solid var(--line);border-radius:0;padding:10px 12px}.catnav .langs{padding:8px 12px}.catnav .langs a{color:var(--ink)}
.hero .wrap{grid-template-columns:1fr;min-height:0;background:none}.hmedia{position:relative;height:240px}.hmedia:after{background:linear-gradient(180deg,rgba(247,243,232,0) 40%,#F7F3E8 100%)}.hcopy{padding:14px 18px 28px}.hcopy h1{font-size:40px}.hcopy p{font-size:17px}.trust{gap:12px;flex-wrap:wrap;font-size:13px}.hand{font-size:22px;top:10px;right:10px;max-width:160px}
.catrow .wrap{justify-content:flex-start}.catrow a{min-width:80px}.ci{width:66px;height:66px;font-size:30px}.sec{padding:28px 0}.sechead{flex-direction:column;align-items:stretch}.plzfind{flex-wrap:wrap}.plzfind label{flex:1 1 100%}.plzfind input{width:100%}.plzfind select{flex:1}.plzfind .btn{flex:1;justify-content:center}
.fgrid{grid-template-columns:1fr}.pgrid.six,.pgrid.four{grid-template-columns:repeat(2,1fr);gap:10px}.srow{justify-content:flex-start}
.farmer .wrap{grid-template-columns:1fr}.farmer .fimg{min-height:160px}.fcopy{padding:18px 18px 0}.fbenefits{margin:14px 18px 18px}
.cover{height:200px}.fh{flex-direction:column;align-items:flex-start;margin-top:-30px}.fh h1{font-size:28px}.cols{grid-template-columns:1fr}.pdp{grid-template-columns:1fr;gap:20px}.pinfo h1{font-size:28px}
.cline{grid-template-columns:56px 1fr;gap:10px}.cline .qty{grid-column:2}.lt{grid-column:2;text-align:left}.co{grid-template-columns:1fr}.card.sticky{position:static}.grid2{grid-template-columns:1fr}
.fcols{grid-template-columns:1fr 1fr;gap:20px}.fbot{flex-direction:column;gap:10px}.row-form{grid-template-columns:1fr}.panelnav a:nth-last-child(2){margin-left:0}.kpis{grid-template-columns:1fr 1fr}
.tbl td,.tbl th{padding:8px 10px;font-size:13px}.btn.big{width:100%;justify-content:center}}
@media(max-width:860px){
.gallery{position:static}
/* mobil: ürün sayfası yapışkan sepet çubuğu */
.addform{position:fixed;left:0;right:0;bottom:0;z-index:40;margin:0;padding:10px var(--gut) calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line);box-shadow:0 -6px 20px rgba(36,40,36,.08)}.addform .btn{flex:1;justify-content:center}.pinfo{padding-bottom:84px}
/* mobil: panel menüsü yatay kaydırma */
.panelnav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:2px}.panelnav a{white-space:nowrap;padding:9px 11px;font-size:13px}
/* dokunma alanları */
.form input,.form select{height:48px}.btn{min-height:46px}.choice{padding:14px!important}.qty{height:48px}.qty button{width:44px}.catrow a{min-width:72px}
.tbl{display:block;overflow-x:auto}.tbl thead{display:none}.tbl tr{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:8px 10px;border-bottom:1px solid var(--line)}.tbl td{border:0;padding:2px 0}.tbl td.r{text-align:right}
.kpis{grid-template-columns:1fr 1fr}.sechead .plzfind{width:100%}.sechead .plzfind label{flex:1 1 100%}.farmhead .cover{height:180px}.cline{grid-template-columns:56px 1fr auto}.cline .qty{grid-column:auto}.lt{grid-column:2/4}
}
@media(max-width:860px){.rich .tbl{display:block;overflow-x:auto;white-space:normal}.rich .tbl thead{display:table-header-group}.rich .tbl tr{display:table-row;padding:0;border:0}.rich .tbl td,.rich .tbl th{display:table-cell;padding:9px 10px;border-bottom:1px solid var(--line);min-width:110px}.rich .tbl td:first-child{font-weight:600;white-space:nowrap}}
@media(max-width:400px){.pgrid.six,.pgrid.four{grid-template-columns:1fr 1fr}.hcopy h1{font-size:34px}}
@media print{.util,.top,.foot,.panelnav,.cookie,.btn{display:none!important}}