body{margin:0;background:#0C1A13}
html{scroll-behavior:smooth}
a{color:#D9B86E}a:hover{color:#F0D79A}
.dz-root{timeline-scope:--dzs,--dz2,--dz3}
.dz-seq{view-timeline-name:--dzs;view-timeline-axis:block}
.dz3-seq{view-timeline-name:--dz3;view-timeline-axis:block}
.dz3-c1,.dz3-c2,.dz3-c3{opacity:0;visibility:hidden}
.dz3-calm,.dz3-ring,.dz3-sheen,.dz3-dollop{opacity:0}
.dz3-cream{stroke-dasharray:1;stroke-dashoffset:1;opacity:0}
.dz2-seq{view-timeline-name:--dz2;view-timeline-axis:block}
.dz2-c1,.dz2-c2,.dz2-c3{opacity:0;visibility:hidden}
.dz2-steam,.dz2-spark,.dz2-slim{opacity:0}
.dz-spoon{opacity:0}
.dz-scoop{opacity:0}
.dz-c1,.dz-c2,.dz-c3{opacity:0;visibility:hidden}
.dz-shine{opacity:0;background:linear-gradient(100deg,transparent 35%,rgba(255,236,190,.55) 50%,transparent 65%);background-size:300% 100%;-webkit-mask-image:url(/assets/img/epimedium-macun-kapak.webp);mask-image:url(/assets/img/epimedium-macun-kapak.webp);-webkit-mask-size:100% 100%;mask-size:100% 100%}
@media (max-width: 760px){
.dz-navlink,.dz-hide-m,.dz-fl-d{display:none !important}
.dz-mbar{display:flex !important}
.dz-foot{padding-bottom:110px !important}
.dz-head{padding:12px 16px !important}
.dz-sticky{padding:72px 16px 16px !important}
.dz-row{gap:4px !important}
.dz-caps{min-height:300px !important;flex-basis:100% !important;z-index:2}
.dz-caps > div{gap:10px !important}
.dz-caps h1,.dz-caps h2{font-size:40px !important}
.dz-caps p{font-size:15px !important}
.dz-caps span{font-size:52px !important}
.dz-caps a{padding:13px 22px !important;font-size:15px !important}
.dz-stagebox{height:296px !important}
.dz-stage{transform:scale(.46);transform-origin:top center}
}
@media (prefers-reduced-motion: no-preference){
@supports (animation-timeline: view()){
.dz-seq{height:420vh}
.dz-lid{animation:dz-lid linear both;animation-timeline:--dzs;animation-range:contain 0% contain 100%}
.dz-shine{animation:dz-shine linear both;animation-timeline:--dzs;animation-range:contain 0% contain 100%}
.dz-spoon{animation:dz-spoon linear both;animation-timeline:--dzs;animation-range:contain 0% contain 100%}
.dz-scoop{animation:dz-scoop linear both;animation-timeline:--dzs;animation-range:contain 0% contain 100%}
.dz-c0{animation:dz-c0 linear both;animation-timeline:--dzs;animation-range:contain 0% contain 100%}
.dz-c1{animation:dz-c1 linear both;animation-timeline:--dzs;animation-range:contain 0% contain 100%}
.dz-c2{animation:dz-c2 linear both;animation-timeline:--dzs;animation-range:contain 0% contain 100%}
.dz-c3{animation:dz-c3 linear both;animation-timeline:--dzs;animation-range:contain 0% contain 100%}
.dz-cue{animation:dz-cue linear both;animation-timeline:--dzs;animation-range:contain 0% contain 100%}
.dz2-seq{height:420vh}
.dz3-seq{height:420vh}
.dz-mbar{animation:dz-barhide linear none,dz-barhide linear none,dz-barhide linear none;animation-timeline:--dzs,--dz2,--dz3;animation-range:contain 0% contain 100%,contain 0% contain 100%,contain 0% contain 100%}
.dz3-lid{animation:dz3-lid linear both;animation-timeline:--dz3;animation-range:contain 0% contain 100%}
.dz3-dollop{animation:dz3-dollop linear both;animation-timeline:--dz3;animation-range:contain 0% contain 100%}
.dz3-cream{animation:dz3-cream linear both;animation-timeline:--dz3;animation-range:contain 0% contain 100%}
.dz3-sheen{animation:dz3-sheen linear both;animation-timeline:--dz3;animation-range:contain 0% contain 100%}
.dz3-ring{animation:dz3-ring linear both;animation-timeline:--dz3;animation-range:contain 0% contain 100%}
.dz3-pain{animation:dz3-pain linear both;animation-timeline:--dz3;animation-range:contain 0% contain 100%}
.dz3-calm{animation:dz3-calm linear both;animation-timeline:--dz3;animation-range:contain 0% contain 100%}
.dz3-c0{animation:dz3-c0 linear both;animation-timeline:--dz3;animation-range:contain 0% contain 100%}
.dz3-c1{animation:dz3-c1 linear both;animation-timeline:--dz3;animation-range:contain 0% contain 100%}
.dz3-c2{animation:dz3-c2 linear both;animation-timeline:--dz3;animation-range:contain 0% contain 100%}
.dz3-c3{animation:dz3-c3 linear both;animation-timeline:--dz3;animation-range:contain 0% contain 100%}
.dz3-bar{animation:dz2-bar linear both;animation-timeline:--dz3;animation-range:contain 0% contain 100%}
.dz2-pouch{animation:dz2-pouch linear both;animation-timeline:--dz2;animation-range:contain 0% contain 100%}
.dz2-stream{animation:dz2-stream linear both;animation-timeline:--dz2;animation-range:contain 0% contain 100%}
.dz2-level{animation:dz2-level linear both;animation-timeline:--dz2;animation-range:contain 0% contain 100%}
.dz2-steam{animation:dz2-steam linear both;animation-timeline:--dz2;animation-range:contain 0% contain 100%}
.dz2-mug{animation:dz2-mug linear both;animation-timeline:--dz2;animation-range:contain 0% contain 100%}
.dz2-plush{animation:dz2-plush linear both;animation-timeline:--dz2;animation-range:contain 0% contain 100%}
.dz2-fat{animation:dz2-fat linear both;animation-timeline:--dz2;animation-range:contain 0% contain 100%}
.dz2-slim{animation:dz2-slim linear both;animation-timeline:--dz2;animation-range:contain 0% contain 100%}
.dz2-spark{animation:dz2-spark linear both;animation-timeline:--dz2;animation-range:contain 0% contain 100%}
.dz2-c0{animation:dz2-c0 linear both;animation-timeline:--dz2;animation-range:contain 0% contain 100%}
.dz2-c1{animation:dz2-c1 linear both;animation-timeline:--dz2;animation-range:contain 0% contain 100%}
.dz2-c2{animation:dz2-c2 linear both;animation-timeline:--dz2;animation-range:contain 0% contain 100%}
.dz2-c3{animation:dz2-c3 linear both;animation-timeline:--dz2;animation-range:contain 0% contain 100%}
.dz2-bar{animation:dz2-bar linear both;animation-timeline:--dz2;animation-range:contain 0% contain 100%}
.dz2-wisp{animation:dz2-wisp 2.6s ease-in-out infinite}
.dz-bar{animation:dz-grow linear both;animation-timeline:--dzs;animation-range:contain 0% contain 100%}
.rv{animation:dz-rv linear both;animation-timeline:view();animation-range:entry 0% cover 28%}
.rv-l{animation:dz-rvl linear both;animation-timeline:view();animation-range:entry 0% cover 30%}
.rv-r{animation:dz-rvr linear both;animation-timeline:view();animation-range:entry 0% cover 30%}
.hero-fade{animation:dz-fade linear both;animation-timeline:scroll(root);animation-range:0 640px}
.grow{animation:dz-grow linear both;animation-timeline:view();animation-range:entry 10% cover 50%}
.prog{animation:dz-prog linear both;animation-timeline:scroll(root)}
}
.marquee{animation:dz-mq 38s linear infinite}
.dz-intro{display:flex !important;animation:dz-intro-out .7s ease 2.1s forwards}
.dz-draw{stroke-dasharray:1;stroke-dashoffset:1;animation:dz-draw 1s ease forwards}
.dz-intro-word{opacity:0;animation:dz-fadeup .7s ease 1s forwards}
.dz-intro-line{transform:scaleX(0);animation:dz-grow2 .8s ease 1.3s forwards}
.dz-sway{animation:dz-sway 8s ease-in-out infinite}
.dz3-pulse{animation:dz3-pulse 1.6s ease-in-out infinite}
.dz3-float{animation:dz3-float 4.5s ease-in-out infinite}
.dz3-ripple{animation:dz3-ripple 2.4s ease-out infinite}
.dz-pop{animation:dz-pop .55s cubic-bezier(.2,.8,.2,1) both}
.dz-cf{animation:dz-cf0 1.8s cubic-bezier(.15,.75,.35,1) both}
.dz-cf0{animation-name:dz-cf0}
.dz-cf1{animation-name:dz-cf1}
.dz-cf2{animation-name:dz-cf2}
.dz-cf3{animation-name:dz-cf3}
.dz-cf4{animation-name:dz-cf4}
.dz-cf5{animation-name:dz-cf5}
.dz-cf6{animation-name:dz-cf6}
.dz-cf7{animation-name:dz-cf7}
.dz-cf8{animation-name:dz-cf8}
.dz-cf9{animation-name:dz-cf9}
.dz-cf10{animation-name:dz-cf10}
.dz-cf11{animation-name:dz-cf11}
.dz-cf12{animation-name:dz-cf12}
.dz-cf13{animation-name:dz-cf13}
.dz-cf14{animation-name:dz-cf14}
.dz-cf15{animation-name:dz-cf15}
.dz-cf16{animation-name:dz-cf16}
.dz-cf17{animation-name:dz-cf17}
.dz-cf18{animation-name:dz-cf18}
.dz-cf19{animation-name:dz-cf19}
.dz-cf20{animation-name:dz-cf20}
.dz-cf21{animation-name:dz-cf21}
.dz-cf22{animation-name:dz-cf22}
.dz-cf23{animation-name:dz-cf23}
.dz-cf24{animation-name:dz-cf24}
.dz-cf25{animation-name:dz-cf25}
.dz-cf26{animation-name:dz-cf26}
.dz-cf27{animation-name:dz-cf27}
.dz-truck{animation:dz-truck 1.6s cubic-bezier(.2,.8,.2,1) .4s both}
@supports (animation-timeline: scroll()){
.dz-par1{animation:dz-par1 linear both;animation-timeline:scroll(root)}
.dz-par2{animation:dz-par2 linear both;animation-timeline:scroll(root)}
.dz-par3{animation:dz-par3 linear both;animation-timeline:scroll(root)}
.dz2-sticky{animation:dz2-bgin linear both,dz2-bgout linear forwards;animation-timeline:--dz2,--dz2;animation-range:entry 40% contain 4%,contain 96% exit 60%}
.dz3-sticky{animation:dz3-bgin linear both,dz3-bgout linear forwards;animation-timeline:--dz3,--dz3;animation-range:entry 40% contain 4%,contain 96% exit 60%}
}
}
@media (hover: hover) and (prefers-reduced-motion: no-preference){
.dz-card{transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}
.dz-card:hover{transform:perspective(1000px) rotateX(4deg) rotateY(-5deg) translateY(-8px);box-shadow:0 30px 60px rgba(0,0,0,.45),0 0 0 1px rgba(217,184,110,.35)}
.dz-card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(110deg,transparent 38%,rgba(255,236,190,.16) 50%,transparent 62%);background-size:260% 100%;background-position:160% 0;transition:background-position .9s ease}
.dz-card:hover::after{background-position:-60% 0}
}
@keyframes dz-draw{to{stroke-dashoffset:0}}
@keyframes dz-fadeup{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes dz-grow2{to{transform:scaleX(1)}}
@keyframes dz-intro-out{to{opacity:0;visibility:hidden}}
@keyframes dz-sway{0%,100%{transform:rotate(-7deg) translateY(0)}50%{transform:rotate(7deg) translateY(-14px)}}
@keyframes dz-par1{to{transform:translateY(-260px)}}
@keyframes dz-par2{to{transform:translateY(-560px)}}
@keyframes dz-par3{to{transform:translateY(-120px)}}
@keyframes dz-pop{from{opacity:0;transform:translateY(26px) scale(.86)}to{opacity:1;transform:none}}
@keyframes dz-cf0{0%{transform:translate(0,0) rotate(0deg);opacity:1}45%{transform:translate(-22px,-192px) rotate(116deg);opacity:1}100%{transform:translate(-26px,20px) rotate(233deg);opacity:0}}
@keyframes dz-cf1{0%{transform:translate(0,0) rotate(0deg);opacity:1}45%{transform:translate(-150px,-149px) rotate(268deg);opacity:1}100%{transform:translate(-176px,19px) rotate(537deg);opacity:0}}
@keyframes dz-cf2{0%{transform:translate(0,0) rotate(0deg);opacity:1}45%{transform:translate(-137px,-103px) rotate(289deg);opacity:1}100%{transform:translate(-161px,106px) rotate(579deg);opacity:0}}
@keyframes dz-cf3{0%{transform:translate(0,0) rotate(0deg);opacity:1}45%{transform:translate(170px,-56px) rotate(-199deg);opacity:1}100%{transform:translate(200px,126px) rotate(-398deg);opacity:0}}
@keyframes dz-cf4{0%{transform:translate(0,0) rotate(0deg);opacity:1}45%{transform:translate(-92px,-40px) rotate(254deg);opacity:1}100%{transform:translate(-108px,168px) rotate(508deg);opacity:0}}
@keyframes dz-cf5{0%{transform:translate(0,0) rotate(0deg);opacity:1}45%{transform:translate(30px,-135px) rotate(-59deg);opacity:1}100%{transform:translate(35px,8px) rotate(-118deg);opacity:0}}
@keyframes dz-cf6{0%{transform:translate(0,0) rotate(0deg);opacity:1}45%{transform:translate(-15px,-151px) rotate(-275deg);opacity:1}100%{transform:translate(-18px,69px) rotate(-550deg);opacity:0}}
@keyframes dz-cf7{0%{transform:translate(0,0) rotate(0deg);opacity:1}45%{transform:translate(-89px,-112px) rotate(-250deg);opacity:1}100%{transform:translate(-105px,15px) rotate(-499deg);opacity:0}}
@keyframes dz-cf8{0%{transform:translate(0,0) rotate(0deg);opacity:1}45%{transform:translate(-67px,-241px) rotate(-360deg);opacity:1}100%{transform:translate(-79px,-36px) rotate(-719deg);opacity:0}}
@keyframes dz-cf9{0%{transform:translate(0,0) rotate(0deg);opacity:1}45%{transform:translate(-134px,-52px) rotate(69deg);opacity:1}100%{transform:translate(-158px,139px) rotate(139deg);opacity:0}}
@keyframes dz-cf10{0%{transform:translate(0,0) rotate(0deg);opacity:1}45%{transform:translate(90px,-107px) rotate(-20deg);opacity:1}100%{transform:translate(106px,22px) rotate(-39deg);opacity:0}}
@keyframes dz-cf11{0%{transform:translate(0,0) rotate(0deg);opacity:1}45%{transform:translate(-110px,-71px) rotate(-299deg);opacity:1}100%{transform:translate(-129px,59px) rotate(-598deg);opacity:0}}
@keyframes dz-cf12{0%{transform:translate(0,0) rotate(0deg);opacity:1}45%{transform:translate(25px,-175px) rotate(-226deg);opacity:1}100%{transform:translate(29px,-36px) rotate(-452deg);opacity:0}}
@keyframes dz-cf13{0%{transform:translate(0,0) rotate(0deg);opacity:1}45%{transform:translate(-64px,-247px) rotate(246deg);opacity:1}100%{transform:translate(-75px,-127px) rotate(493deg);opacity:0}}
@keyframes dz-cf14{0%{transform:translate(0,0) rotate(0deg);opacity:1}45%{transform:translate(-59px,-228px) rotate(-258deg);opacity:1}100%{transform:translate(-69px,-44px) rotate(-515deg);opacity:0}}
@keyframes dz-cf15{0%{transform:translate(0,0) rotate(0deg);opacity:1}45%{transform:translate(-120px,-176px) rotate(-57deg);opacity:1}100%{transform:translate(-141px,-23px) rotate(-114deg);opacity:0}}
@keyframes dz-cf16{0%{transform:translate(0,0) rotate(0deg);opacity:1}45%{transform:translate(-127px,-141px) rotate(17deg);opacity:1}100%{transform:translate(-149px,-19px) rotate(35deg);opacity:0}}
@keyframes dz-cf17{0%{transform:translate(0,0) rotate(0deg);opacity:1}45%{transform:translate(149px,-52px) rotate(35deg);opacity:1}100%{transform:translate(175px,125px) rotate(70deg);opacity:0}}
@keyframes dz-cf18{0%{transform:translate(0,0) rotate(0deg);opacity:1}45%{transform:translate(179px,-97px) rotate(-166deg);opacity:1}100%{transform:translate(211px,48px) rotate(-332deg);opacity:0}}
@keyframes dz-cf19{0%{transform:translate(0,0) rotate(0deg);opacity:1}45%{transform:translate(27px,-211px) rotate(134deg);opacity:1}100%{transform:translate(32px,-52px) rotate(268deg);opacity:0}}
@keyframes dz-cf20{0%{transform:translate(0,0) rotate(0deg);opacity:1}45%{transform:translate(-88px,-52px) rotate(-116deg);opacity:1}100%{transform:translate(-104px,164px) rotate(-232deg);opacity:0}}
@keyframes dz-cf21{0%{transform:translate(0,0) rotate(0deg);opacity:1}45%{transform:translate(-46px,-240px) rotate(172deg);opacity:1}100%{transform:translate(-54px,-71px) rotate(345deg);opacity:0}}
@keyframes dz-cf22{0%{transform:translate(0,0) rotate(0deg);opacity:1}45%{transform:translate(-133px,-92px) rotate(270deg);opacity:1}100%{transform:translate(-157px,93px) rotate(541deg);opacity:0}}
@keyframes dz-cf23{0%{transform:translate(0,0) rotate(0deg);opacity:1}45%{transform:translate(110px,-55px) rotate(-85deg);opacity:1}100%{transform:translate(129px,67px) rotate(-169deg);opacity:0}}
@keyframes dz-cf24{0%{transform:translate(0,0) rotate(0deg);opacity:1}45%{transform:translate(-123px,-46px) rotate(-226deg);opacity:1}100%{transform:translate(-145px,127px) rotate(-451deg);opacity:0}}
@keyframes dz-cf25{0%{transform:translate(0,0) rotate(0deg);opacity:1}45%{transform:translate(-19px,-158px) rotate(174deg);opacity:1}100%{transform:translate(-22px,35px) rotate(348deg);opacity:0}}
@keyframes dz-cf26{0%{transform:translate(0,0) rotate(0deg);opacity:1}45%{transform:translate(143px,-69px) rotate(-41deg);opacity:1}100%{transform:translate(168px,87px) rotate(-82deg);opacity:0}}
@keyframes dz-cf27{0%{transform:translate(0,0) rotate(0deg);opacity:1}45%{transform:translate(-94px,-45px) rotate(-221deg);opacity:1}100%{transform:translate(-111px,106px) rotate(-441deg);opacity:0}}
@keyframes dz-truck{from{transform:translateX(-140%)}to{transform:none}}
@keyframes dz2-bgin{from{background-color:#0C1A13}to{background-color:#0A0A0A}}
@keyframes dz2-bgout{from{background-color:#0A0A0A}to{background-color:#0C1A13}}
@keyframes dz-rv{from{opacity:0;translate:0 48px}to{opacity:1;translate:0 0}}
@keyframes dz-rvl{from{opacity:0;translate:-56px 0}to{opacity:1;translate:0 0}}
@keyframes dz-rvr{from{opacity:0;translate:56px 0}to{opacity:1;translate:0 0}}
@keyframes dz-fade{to{opacity:.15;transform:translateY(-80px) scale(.96)}}
@keyframes dz-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes dz-prog{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes dz-mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes dz-lid{0%,12%{transform:none}17%{transform:translateY(-6px) rotate(-5deg)}22%{transform:translateY(-12px) rotate(5deg)}27%{transform:translateY(-20px) rotate(-6deg)}32%{transform:translateY(-30px) rotate(4deg)}36%{transform:translateY(-46px) rotate(0deg)}44%,100%{transform:translate(175px,-40px) rotate(20deg)}}
@keyframes dz-shine{0%,12%{opacity:0;background-position:100% 0}14%{opacity:1}24%{background-position:0% 0}24.01%{background-position:100% 0}36%{opacity:1;background-position:0% 0}40%,100%{opacity:0;background-position:0% 0}}
@keyframes dz-spoon{0%,44%{opacity:0;transform:translateY(-560px) rotate(16deg)}48%{opacity:1;transform:translateY(-380px) rotate(14deg)}58%{opacity:1;transform:translateY(0) rotate(8deg)}63%,67%{opacity:1;transform:translateY(72px) rotate(4deg)}78%,100%{opacity:1;transform:translateY(-170px) rotate(-8deg)}}
@keyframes dz-scoop{0%,64%{opacity:0}67%,100%{opacity:1}}
@keyframes dz-c0{0%,8%{opacity:1;visibility:visible;transform:none}15%,100%{opacity:0;visibility:hidden;transform:translateY(-30px)}}
@keyframes dz-c1{0%,16%{opacity:0;visibility:hidden;transform:translateY(30px)}22%,38%{opacity:1;visibility:visible;transform:none}44%,100%{opacity:0;visibility:hidden;transform:translateY(-30px)}}
@keyframes dz-c2{0%,44%{opacity:0;visibility:hidden;transform:translateY(30px)}50%,68%{opacity:1;visibility:visible;transform:none}74%,100%{opacity:0;visibility:hidden;transform:translateY(-30px)}}
@keyframes dz-c3{0%,74%{opacity:0;visibility:hidden;transform:translateY(30px)}80%,100%{opacity:1;visibility:visible;transform:none}}
@keyframes dz-cue{0%{opacity:1}6%,100%{opacity:0}}
@keyframes dz3-lid{0%,10%{transform:none;opacity:1}14%{transform:translateY(-2px) rotate(-5deg)}18%{transform:translateY(-4px) rotate(5deg)}22%{transform:translateY(-7px) rotate(-6deg)}26%{transform:translateY(-14px) rotate(0deg);opacity:1}34%,100%{transform:translate(80px,-90px) rotate(28deg);opacity:0}}
@keyframes dz3-dollop{0%,36%{opacity:0;transform:translate(0,10px) scale(.4)}40%{opacity:1;transform:translate(0,-36px) scale(1)}45%{opacity:1;transform:translate(-80px,-30px) scale(1)}50%{opacity:1;transform:translate(-57px,250px) scale(.9)}54%,100%{opacity:0;transform:translate(-57px,256px) scale(1.4,.5)}}
@keyframes dz3-cream{0%,49%{stroke-dashoffset:1;stroke-width:11px;opacity:0}50%{stroke-dashoffset:0.92;stroke-width:11px;opacity:1}57%{stroke-dashoffset:0;stroke-width:11px;opacity:1}64%{stroke-dashoffset:0;stroke-width:12px;opacity:.95}82%,100%{stroke-dashoffset:0;stroke-width:34px;opacity:.2}}
@keyframes dz3-sheen{0%,64%{opacity:0}82%,100%{opacity:1}}
@keyframes dz3-ring{0%,62%{opacity:0;transform:rotate(0deg)}67%{opacity:1;transform:rotate(60deg)}80%{opacity:1;transform:rotate(540deg)}85%,100%{opacity:0;transform:rotate(620deg)}}
@keyframes dz3-pain{0%,66%{opacity:1;transform:none}86%,100%{opacity:0;transform:scale(.5)}}
@keyframes dz3-calm{0%,74%{opacity:0;transform:scale(.6)}90%,100%{opacity:1;transform:none}}
@keyframes dz3-c0{0%,8%{opacity:1;visibility:visible;transform:none}14%,100%{opacity:0;visibility:hidden;transform:translateY(-30px)}}
@keyframes dz3-c1{0%,12%{opacity:0;visibility:hidden;transform:translateY(30px)}16%,30%{opacity:1;visibility:visible;transform:none}36%,100%{opacity:0;visibility:hidden;transform:translateY(-30px)}}
@keyframes dz3-c2{0%,36%{opacity:0;visibility:hidden;transform:translateY(30px)}40%,56%{opacity:1;visibility:visible;transform:none}62%,100%{opacity:0;visibility:hidden;transform:translateY(-30px)}}
@keyframes dz3-c3{0%,62%{opacity:0;visibility:hidden;transform:translateY(30px)}66%,100%{opacity:1;visibility:visible;transform:none}}
@keyframes dz-barhide{0%{transform:translateY(0)}5%,95%{transform:translateY(115%)}100%{transform:translateY(0)}}
@keyframes dz3-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes dz3-pulse{0%,100%{transform:scale(.9);opacity:.8}50%{transform:scale(1.08);opacity:1}}
@keyframes dz3-ripple{from{transform:scale(.6);opacity:.9}to{transform:scale(2.2);opacity:0}}
@keyframes dz3-bgin{from{background-color:#0C1A13}to{background-color:#140A09}}
@keyframes dz3-bgout{from{background-color:#140A09}to{background-color:#0C1A13}}
@keyframes dz2-pouch{0%,4%{transform:none;opacity:1}12%,22%{transform:translate(-86px,29px) rotate(-110deg);opacity:1}30%,100%{transform:translate(140px,-140px) rotate(-60deg);opacity:0}}
@keyframes dz2-stream{0%,12%{transform:scaleY(0);opacity:1}15%,22%{transform:scaleY(1);opacity:1}25%,100%{transform:scaleY(1);opacity:0}}
@keyframes dz2-level{0%,13%{transform:translateY(26px)}24%,46%{transform:translateY(3px)}58%,100%{transform:translateY(17px)}}
@keyframes dz2-steam{0%,20%{opacity:0}27%,44%{opacity:1}48%,100%{opacity:0}}
@keyframes dz2-mug{0%,40%{transform:none}46%{transform:translate(112px,-128px) rotate(0deg)}50%,58%{transform:translate(112px,-128px) rotate(28deg)}63%,100%{transform:none}}
@keyframes dz2-plush{0%,34%{transform:translateX(70px) scale(.85);opacity:0}42%,78%{transform:none;opacity:1}83%{transform:translateY(-16px);opacity:1}88%,100%{transform:none;opacity:1}}
@keyframes dz2-fat{0%,60%{opacity:1;transform:none}74%{opacity:0;transform:scaleX(.82)}100%{opacity:0;transform:scaleX(.82)}}
@keyframes dz2-slim{0%,64%{opacity:0;transform:scaleX(1.25)}78%,100%{opacity:1;transform:none}}
@keyframes dz2-spark{0%,76%{opacity:0;transform:scale(.4)}86%,100%{opacity:1;transform:scale(1)}}
@keyframes dz2-c0{0%,8%{opacity:1;visibility:visible;transform:none}14%,100%{opacity:0;visibility:hidden;transform:translateY(-30px)}}
@keyframes dz2-c1{0%,14%{opacity:0;visibility:hidden;transform:translateY(30px)}18%,32%{opacity:1;visibility:visible;transform:none}36%,100%{opacity:0;visibility:hidden;transform:translateY(-30px)}}
@keyframes dz2-c2{0%,36%{opacity:0;visibility:hidden;transform:translateY(30px)}40%,58%{opacity:1;visibility:visible;transform:none}62%,100%{opacity:0;visibility:hidden;transform:translateY(-30px)}}
@keyframes dz2-c3{0%,62%{opacity:0;visibility:hidden;transform:translateY(30px)}68%,100%{opacity:1;visibility:visible;transform:none}}
@keyframes dz2-bar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes dz2-wisp{0%{transform:translateY(8px);opacity:0}40%{opacity:.8}100%{transform:translateY(-22px);opacity:0}}
/* ---- statik site ekleri ---- */
html.no-intro .dz-intro{display:none !important}
*,*::before,*::after{box-sizing:border-box}
img{max-width:100%}
.skip{position:absolute;left:-9999px;top:8px;z-index:200;background:#D9B86E;color:#0C1A13;padding:10px 16px;border-radius:8px;font-weight:700}
.skip:focus{left:8px}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #F0D79A;outline-offset:3px}
.eyebrow{margin:0;font-size:13px;letter-spacing:.32em;text-transform:uppercase;color:#D9B86E;font-weight:600}
.h2{margin:0;font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(40px,5vw,64px);line-height:1.02}
.h2 em{color:#D9B86E}
/* SSS */
.faq{border-bottom:1px solid rgba(217,184,110,.2)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:26px 0;font-size:19px;font-weight:600;min-height:44px}
.faq summary::-webkit-details-marker{display:none}
.faq-sign{width:18px;height:18px;position:relative;flex:none}
.faq-sign::before,.faq-sign::after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;background:#D9B86E;transition:transform .25s}
.faq-sign::after{transform:rotate(90deg)}
.faq[open] .faq-sign::after{transform:rotate(0)}
.faq p{margin:0;padding:0 0 26px;color:#C3BCAC;line-height:1.7}
/* Sipariş */
.dz-order{padding:40px 24px 140px}
.dz-order-in{max-width:1240px;margin:0 auto;display:flex;flex-direction:column;gap:40px}
.dz-order-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px}
.badges{display:flex;flex-wrap:wrap;gap:10px}
.badge-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;border:1px solid rgba(217,184,110,.4);font-size:14px;font-weight:600;color:#EEE7D7}
.dz-order-grid{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}
.dz-panel{flex:1 1 440px;min-width:0;background:#12271D;border:1px solid rgba(217,184,110,.2);border-radius:28px;padding:clamp(22px,4vw,36px);display:flex;flex-direction:column;gap:22px}
.dz-step{display:flex;flex-direction:column;gap:12px}
.step-label{font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:#A9B3A6;font-weight:600}
.dz-tabs{display:flex;flex-wrap:wrap;gap:10px}
.dz-tab{min-height:48px;padding:6px 18px 6px 8px;border-radius:999px;border:1px solid rgba(217,184,110,.35);background:transparent;color:#EEE7D7;font:inherit;font-size:15px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:10px}
.dz-tab.on{background:#D9B86E;color:#0C1A13;border-color:#D9B86E}
.dz-tab-img{width:34px;height:34px;border-radius:50%;background:rgba(12,26,19,.55);display:inline-flex;align-items:center;justify-content:center;flex:none}
.dz-tab-img img{height:28px;width:auto;display:block}
.dz-packs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr));gap:12px}
.dz-pack{position:relative;text-align:left;font:inherit;color:#EEE7D7;cursor:pointer;padding:22px 16px 16px;border-radius:20px;border:1.5px solid rgba(217,184,110,.25);background:#0C1A13;display:flex;flex-direction:column;gap:6px}
.dz-pack.on{border-color:#D9B86E;background:rgba(217,184,110,.12)}
.dz-pop-tag{position:absolute;top:-11px;left:14px;background:#D9B86E;color:#0C1A13;font-size:11px;font-weight:700;letter-spacing:.04em;padding:4px 10px;border-radius:999px;white-space:nowrap}
.dz-pack-n{font-family:'Cormorant Garamond',serif;font-size:28px;font-weight:600;line-height:1}
.dz-pack-p{font-size:20px;font-weight:700}
.dz-pack-u{font-size:13px;color:#A9B3A6}
.dz-pack-s{font-size:13px;font-weight:700;color:#9FCB86}
.dz-stack{display:flex;justify-content:center;align-items:flex-end;min-height:176px;padding-top:6px}
.dz-stack img{width:auto;display:block;margin:0 -12px;position:relative;filter:drop-shadow(0 14px 18px rgba(0,0,0,.45))}
.dz-sel{display:flex;flex-direction:column;gap:12px;padding-top:18px;border-top:1px solid rgba(217,184,110,.15)}
.dz-sel-row{display:flex;justify-content:space-between;gap:12px;color:#C3BCAC}
.dz-sel-row b{color:#EEE7D7}
.dz-add{min-height:54px;border-radius:999px;font:inherit;font-size:16px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;background:#D9B86E;color:#0C1A13}
.dz-add.in{border:1.5px solid #9FCB86;background:rgba(159,203,134,.12);color:#CFE8C2}
#dzForm{display:flex;flex-direction:column;gap:16px}
.dz-cart-box{display:flex;flex-direction:column;gap:10px}
.dz-empty{padding:18px;border-radius:16px;border:1px dashed rgba(217,184,110,.4);color:#C3BCAC;font-size:15px;line-height:1.5}
.dz-empty strong{color:#EEE7D7}
.dz-cart{display:flex;flex-direction:column;gap:10px}
.dz-line{display:flex;gap:14px;align-items:center;padding:12px;border-radius:16px;background:#0C1A13;border:1px solid rgba(217,184,110,.3)}
.dz-line-img{width:64px;height:64px;border-radius:12px;flex:none;background:radial-gradient(ellipse at 50% 60%,#22422E,#0F2219 75%);display:flex;align-items:center;justify-content:center}
.dz-line-img img{max-height:54px;max-width:54px;width:auto;display:block}
.dz-line-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.dz-line-txt strong{font-size:16px}
.dz-line-txt span{font-size:14px;color:#C3BCAC}
.dz-line-txt em{font-style:normal;font-size:13px;font-weight:700;color:#9FCB86}
.dz-line-end{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:none}
.dz-line-end b{font-size:18px;color:#D9B86E}
.dz-rm{min-height:32px;padding:0 10px;border-radius:999px;border:1px solid rgba(217,184,110,.35);background:transparent;color:#C3BCAC;font:inherit;font-size:13px;cursor:pointer}
.dz-totals{display:flex;flex-direction:column;gap:6px;padding:12px 4px 0;border-top:1px solid rgba(217,184,110,.15)}
.dz-totals>div{display:flex;justify-content:space-between;gap:12px;color:#C3BCAC;font-size:14px}
.dz-totals .big{font-size:20px;font-weight:700;color:#EEE7D7}
.dz-totals .big span:last-child{color:#D9B86E}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.dz-field{display:flex;flex-direction:column;gap:6px}
.dz-field>span:first-child{font-size:14px;font-weight:600}
.dz-field input,.dz-field select,.dz-field textarea{width:100%;min-height:48px;padding:0 14px;border-radius:12px;border:1px solid rgba(217,184,110,.35);background:#0C1A13;color:#EEE7D7;font:inherit;font-size:16px}
.dz-field textarea{padding:12px 14px;resize:vertical}
.dz-field select{appearance:none;-webkit-appearance:none;padding-right:40px;cursor:pointer}
.dz-field select:disabled{opacity:.55;cursor:not-allowed}
.dz-sel-wrap{position:relative;display:block}
.dz-sel-wrap::after{content:"";position:absolute;right:16px;top:50%;width:8px;height:8px;margin-top:-6px;border-right:2px solid #D9B86E;border-bottom:2px solid #D9B86E;transform:rotate(45deg);pointer-events:none}
.dz-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(170px,100%),1fr));gap:12px}
.dz-pay{margin:0;padding:0;border:0}
.dz-pay legend{font-size:14px;font-weight:600;padding:0;margin-bottom:8px}
.dz-payopt{display:flex;align-items:center;gap:12px;min-height:56px;padding:0 16px;border-radius:14px;border:1.5px solid rgba(217,184,110,.3);background:#0C1A13;cursor:pointer;font-weight:600}
.dz-payopt.on{border-color:#D9B86E;background:rgba(217,184,110,.12)}
.dz-payopt input{width:20px;height:20px;margin:0;accent-color:#D9B86E;flex:none}
.dz-consent{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.5;color:#C3BCAC;cursor:pointer}
.dz-consent input{width:20px;height:20px;margin:2px 0 0;accent-color:#D9B86E;flex:none}
.dz-err{padding:14px 16px;border-radius:14px;background:rgba(200,48,30,.14);border:1px solid rgba(232,102,79,.6);color:#FFD9D0;font-size:14px;line-height:1.55}
.dz-err strong{display:block;margin-bottom:4px;color:#FFE7E1}
.dz-err ul{margin:0;padding-left:18px}
.dz-submit{min-height:56px;border:0;border-radius:999px;background:#D9B86E;color:#0C1A13;font:inherit;font-size:17px;font-weight:700;cursor:pointer}
.dz-submit:disabled{opacity:.7;cursor:wait}
.dz-note{margin:0;font-size:13px;color:#A9B3A6;text-align:center}
.dz-done{position:relative;display:flex;flex-direction:column;gap:16px;align-items:flex-start;padding:12px 0}
.dz-done h3{margin:0;font-family:'Cormorant Garamond',serif;font-weight:600;font-size:38px;line-height:1.05}
.dz-done>p{margin:0;color:#C3BCAC}
.dz-done strong{color:#F0D79A}
.dz-done .dz-cart,.dz-done .dz-totals{width:100%}
.dz-cf-origin{position:absolute;left:28px;top:40px;width:0;height:0;z-index:5}
.dz-truck-wrap{position:relative;width:100%;height:58px;overflow:hidden;border-bottom:1px dashed rgba(217,184,110,.35)}
.dz-truck{position:absolute;left:0;bottom:6px;display:flex;align-items:flex-end;gap:12px;white-space:nowrap;color:#D9B86E;font-weight:700}
.dz-truck span{padding-bottom:6px}
.dz-ghost{min-height:44px;padding:10px 20px;border-radius:999px;border:1px solid rgba(217,184,110,.5);background:transparent;color:#EEE7D7;font:inherit;font-weight:600;cursor:pointer}
[hidden]{display:none !important}
/* Footer */
.dz-foot{border-top:1px solid rgba(217,184,110,.18);padding:56px 24px 40px;color:#A39C8C;font-size:14px}
.foot-in{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:32px}
.foot-brand p{margin:12px 0 0;line-height:1.6}
.dz-foot h2{margin:0 0 12px;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:#D9B86E;font-weight:700}
.dz-foot ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.dz-foot a{color:#C3BCAC;text-decoration:none}
.dz-foot a:hover{color:#F0D79A}
.foot-copy{max-width:1240px;margin:32px auto 0;padding-top:20px;border-top:1px solid rgba(217,184,110,.12)}
/* İçerik sayfaları */
.crumbs{max-width:1240px;margin:0 auto;padding:28px 24px 0;font-size:14px;color:#A9B3A6}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.crumbs li+li::before{content:"/";margin-right:8px;color:#5E6D5E}
.crumbs a{color:#C3BCAC;text-decoration:none}
.pd{max-width:1240px;margin:0 auto;padding:32px 24px 80px;display:flex;flex-wrap:wrap;gap:48px;align-items:flex-start}
.pd-media{flex:1 1 440px;min-width:0;position:sticky;top:110px;aspect-ratio:1/1;border-radius:28px;border:1px solid rgba(217,184,110,.25);background:radial-gradient(ellipse at 50% 60%,#22422E,#0F2219 75%);display:flex;align-items:center;justify-content:center;overflow:hidden}
.pd-media.red{background:radial-gradient(ellipse at 50% 60%,#3A1712,#140A09 75%)}
.pd-media img{width:100%;height:100%;object-fit:contain;padding:8%;filter:drop-shadow(0 26px 30px rgba(0,0,0,.5))}
.pd-info{flex:1 1 440px;min-width:0;display:flex;flex-direction:column;gap:20px}
.pd-info h1{margin:0;font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(40px,5vw,64px);line-height:1.02}
.pd-lead{margin:0;font-size:18px;line-height:1.65;color:#C3BCAC}
.pd-facts{display:flex;flex-wrap:wrap;gap:8px}
.pd-facts span{padding:7px 14px;border-radius:999px;border:1px solid rgba(217,184,110,.35);font-size:13px;font-weight:600;color:#EEE7D7}
.pd-buy{display:flex;flex-direction:column;gap:14px;padding:22px;border-radius:24px;background:#12271D;border:1px solid rgba(217,184,110,.25)}
.pd-packs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(120px,100%),1fr));gap:10px}
.pd-packs button{font:inherit;color:#EEE7D7;cursor:pointer;padding:14px;border-radius:16px;border:1.5px solid rgba(217,184,110,.25);background:#0C1A13;text-align:left;display:flex;flex-direction:column;gap:4px}
.pd-packs button.on{border-color:#D9B86E;background:rgba(217,184,110,.12)}
.pd-packs b{font-family:'Cormorant Garamond',serif;font-size:24px;line-height:1}
.pd-packs span{font-size:17px;font-weight:700}
.pd-packs small{color:#9FCB86;font-weight:700;font-size:12px;min-height:1em}
.pd-buy a.dz-add{text-decoration:none}
.pd-ship{margin:0;font-size:13px;color:#A9B3A6}
.prose{max-width:820px;margin:0 auto;padding:0 24px 40px;color:#D6CFBF;font-size:17px;line-height:1.75}
.prose h2{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:32px;line-height:1.15;color:#EEE7D7;margin:40px 0 10px}
.prose p{margin:0 0 14px}
.prose .note{font-size:14px;color:#A9B3A6;border-left:0;padding:14px 16px;border-radius:12px;background:rgba(255,255,255,.03)}
.related{max-width:1240px;margin:0 auto;padding:20px 24px 100px}
.related h2{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:40px;margin:0 0 20px}
.rel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:16px}
.rel-card{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:20px;border:1px solid rgba(217,184,110,.2);background:#12271D;text-decoration:none;color:#EEE7D7}
.rel-card:hover{border-color:#D9B86E}
.rel-card img{aspect-ratio:1/1;object-fit:contain;width:100%;border-radius:12px;background:radial-gradient(ellipse at 50% 60%,#22422E,#0F2219 75%);padding:10px}
.rel-card b{font-size:16px}
.rel-card span{color:#D9B86E;font-weight:700}
.legal{max-width:820px;margin:0 auto;padding:56px 24px 100px;color:#D6CFBF;font-size:16px;line-height:1.75}
.legal h1{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(40px,6vw,60px);line-height:1.05;color:#EEE7D7;margin:8px 0 20px}
.legal h2{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:28px;color:#EEE7D7;margin:32px 0 8px}
.legal ul,.legal ol{padding-left:22px}
.about-hero{max-width:1240px;margin:0 auto;padding:40px 24px 60px;display:flex;flex-wrap:wrap;gap:56px;align-items:center}
.about-hero figure{margin:0;flex:1 1 380px;min-width:0;border-radius:24px;overflow:hidden;border:1px solid rgba(217,184,110,.3);aspect-ratio:4/5}
.about-hero figure img{width:100%;height:100%;object-fit:cover;object-position:55% 40%;display:block}
.about-hero .txt{flex:1 1 440px;min-width:0;display:flex;flex-direction:column;gap:18px}
.about-hero h1{margin:0;font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(42px,6vw,72px);line-height:1}
.about-hero blockquote{margin:0;font-family:'Cormorant Garamond',serif;font-size:clamp(26px,3vw,36px);font-style:italic;line-height:1.25}
.nf{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;padding:80px 24px}
.nf h1{margin:0;font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(44px,7vw,80px)}
@media (max-width:760px){.pd-media{position:relative;top:0}.dz-foot{padding-bottom:110px}}
@media (max-width:760px){.dz-caps h1.dz-kicker{font-size:11px !important;letter-spacing:.22em !important}.dz-caps p.dz-display{font-size:42px !important;color:#EEE7D7 !important;line-height:.98 !important}}