body{margin:0;background:#13110C}
a{color:#F2E8D5}a:hover{color:#E3A33B}
html{scroll-behavior:smooth}
.root *{box-sizing:border-box}
.serif{font-family:'Cormorant Garamond',Georgia,serif}
.navlink{color:#D9CFBB;text-decoration:none;font-size:14px;letter-spacing:.04em;padding:12px 4px;position:relative}
.navlink::after{content:"";position:absolute;left:4px;right:4px;bottom:6px;height:1px;background:var(--honey);transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.navlink:hover::after{transform:scaleX(1)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 28px;border-radius:999px;font:600 15px/1 Manrope,system-ui,sans-serif;letter-spacing:.02em;text-decoration:none;cursor:pointer;transition:transform .35s cubic-bezier(.2,.8,.2,1),background .35s,color .35s,box-shadow .35s}
.btn-honey{background:var(--honey);color:#1A1309;border:0;box-shadow:0 0 0 0 rgba(227,163,59,.0)}
.btn-honey:hover{color:#1A1309;transform:translateY(-2px);box-shadow:0 14px 40px -12px var(--honey)}
.btn-ghost{background:transparent;color:#F2E8D5;border:1px solid rgba(242,232,213,.28)}
.btn-ghost:hover{color:#13110C;background:#F2E8D5;transform:translateY(-2px)}
.btn .arr{transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.btn:hover .arr{transform:translateX(4px)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:56px;align-items:center}
.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:center}
.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.award-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:56px;align-items:start}
.award-photos{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(0,1fr);gap:20px;align-items:stretch}
.award-info{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,calc(5 * var(--vw)),72px);align-items:start;margin-top:clamp(40px,calc(5 * var(--vw)),64px)}
.order-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:stretch}
.mask{display:block;overflow:clip;padding-bottom:.06em}
.mask>span{display:block;animation:rise 1.25s cubic-bezier(.16,.84,.24,1) both;animation-delay:var(--d,0s)}
.fade{animation:fadeup 1.1s cubic-bezier(.16,.84,.24,1) both;animation-delay:var(--d,0s)}
@keyframes rise{from{transform:translateY(105%) rotate(2deg)}to{transform:none}}
@keyframes fadeup{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.kenburns{animation:kb 22s ease-in-out infinite alternate}
@keyframes kb{from{transform:scale(1.04) translate(0,0)}to{transform:scale(1.14) translate(-1.5%,-2%)}}
.spin{animation:spin 28s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.bee{position:absolute;left:0;top:0;width:46px;height:34px;offset-path:path('M 60 360 C 120 120, 420 40, 560 200 S 520 560, 300 600 S 0 520, 60 360');offset-rotate:auto;animation:fly 17s linear infinite;z-index:4}
@keyframes fly{from{offset-distance:0%}to{offset-distance:100%}}
.wings{transform-box:fill-box;transform-origin:50% 100%;animation:flutter .09s linear infinite alternate}
@keyframes flutter{from{transform:scaleY(1)}to{transform:scaleY(.35)}}
.contour path{stroke-dasharray:6 10;animation:drift 40s linear infinite}
.contour path:nth-child(2n){animation-duration:55s;animation-direction:reverse}
@keyframes drift{to{stroke-dashoffset:-640}}
.marquee{display:flex;width:max-content;animation:marq 38s linear infinite}
@keyframes marq{to{transform:translateX(-50%)}}
/* mézszalag: organikus, csorgó alsó él */
.honeyband{box-shadow:inset 0 1px 0 rgba(255,244,218,.45),inset 0 -1px 0 rgba(120,70,10,.12)}
.honeyband>div:first-child::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,248,230,.28) 50%,transparent 65%);transform:translateX(-100%);animation:bandsheen 9s ease-in-out infinite;pointer-events:none}
@keyframes bandsheen{0%,55%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.honeyband .marquee>span>span{font-size:.5em;opacity:.55}
.honeyedge-wrap{position:absolute;left:0;right:0;top:calc(100% - 1px);pointer-events:none}
.honeyedge{display:block;width:100%;height:auto;overflow:visible}
@media (max-width:767px){.honeyedge-wrap{overflow-x:clip}.honeyedge{width:250%;margin-left:-78%}}
.honeyedge .hd{transform-box:fill-box;transform-origin:50% 0;animation:hdrip 8s ease-in-out infinite alternate}
@keyframes hdrip{from{transform:scaleY(.8)}to{transform:scaleY(1.05)}}
.honeyedge .hdrop{opacity:0;animation:hdrop 7s cubic-bezier(.5,0,.85,.45) infinite}
@keyframes hdrop{0%,50%{opacity:0;transform:translateY(-4px) scale(.3)}60%{opacity:1;transform:translateY(4px) scale(1)}68%{transform:translateY(9px) scale(.88,1.28)}100%{opacity:0;transform:translateY(150px) scale(.8,1.15)}}
.drip{position:absolute;top:100%;background:var(--honey);border-radius:0 0 999px 999px;transform-origin:50% 0;animation:drip 6s ease-in-out infinite alternate}
@keyframes drip{from{transform:scaleY(.35)}to{transform:scaleY(1)}}
.drop{position:absolute;width:11px;height:14px;background:var(--honey);border-radius:50% 50% 50% 50%/60% 60% 42% 42%;animation:fall 6s cubic-bezier(.55,0,.9,.5) infinite}
@keyframes fall{0%,58%{transform:translateY(0) scale(.2);opacity:0}62%{transform:translateY(0) scale(1);opacity:1}100%{transform:translateY(320px) scale(.9);opacity:0}}
.shimmer{background:linear-gradient(100deg,#8E949B 10%,#E9ECEF 32%,#A7ADB4 48%,#F7F8F9 62%,#8E949B 85%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shim 6s ease-in-out infinite}
@keyframes shim{0%,100%{background-position:100% 0}50%{background-position:0 0}}
.medal-wrap{perspective:900px}
.medal{animation:swing 8s ease-in-out infinite;transform-style:preserve-3d}
@keyframes swing{0%,100%{transform:rotateY(-22deg) rotateZ(-2deg)}50%{transform:rotateY(22deg) rotateZ(2deg)}}
.medal-face{position:relative;overflow:clip}
.medal-face::after{content:"";position:absolute;inset:-40%;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.55) 50%,transparent 58%);animation:sheen 5s ease-in-out infinite}
@keyframes sheen{0%,60%{transform:translateX(-60%)}100%{transform:translateX(60%)}}
.card{transition:transform .5s cubic-bezier(.2,.8,.2,1),border-color .5s,background .5s}
.card:hover{transform:translateY(-6px);border-color:var(--honey);background:#1C1912}
.card .num{transition:color .5s}
.card:hover .num{color:var(--honey)}
.imgzoom img{transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.imgzoom:hover img{transform:scale(1.05)}
.field{width:100%;min-height:52px;padding:14px 16px;border-radius:14px;border:1px solid rgba(242,232,213,.22);background:#1A1711;color:#F2E8D5;font:500 15px/1.4 Manrope,system-ui,sans-serif;transition:border-color .3s,box-shadow .3s}
textarea.field{field-sizing:content;min-height:120px;max-height:420px;overflow-y:auto;resize:none}
.field:focus{outline:none;border-color:var(--honey);box-shadow:0 0 0 4px rgba(227,163,59,.18)}
.step{width:48px;height:48px;border-radius:999px;border:1px solid rgba(242,232,213,.28);background:transparent;color:#F2E8D5;font:600 20px/1 Manrope,sans-serif;cursor:pointer;transition:background .3s,color .3s}
.step:hover{background:#F2E8D5;color:#13110C}
.pulse{animation:pulse 2.4s ease-in-out infinite}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(227,163,59,.55)}50%{box-shadow:0 0 0 10px rgba(227,163,59,0)}}
.scrollcue{animation:cue 2.2s ease-in-out infinite}
@keyframes cue{0%{transform:translateY(-100%)}60%,100%{transform:translateY(100%)}}
@supports (animation-timeline: view()){
 @media (prefers-reduced-motion: no-preference){
  .rv{animation:rv linear both;animation-timeline:view();animation-range:entry 4% cover 26%}
  .rv2{animation:rv linear both;animation-timeline:view();animation-range:entry 14% cover 34%}
  .rv3{animation:rv linear both;animation-timeline:view();animation-range:entry 24% cover 42%}
  .clip{animation:clipin linear both;animation-timeline:view();animation-range:entry 0% cover 40%}
  .clip img{animation:unzoom linear both;animation-timeline:view();animation-range:entry 0% cover 60%}
  .para-a{animation:para linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
  .para-b{animation:parab linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
  .para-c{animation:parac linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
  .grow{animation:growx linear both;animation-timeline:view();animation-range:entry 10% cover 40%}
  .bigword{animation:slide linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
 }
}
@keyframes rv{from{opacity:0;transform:translateY(56px)}to{opacity:1;transform:none}}
@keyframes clipin{from{clip-path:inset(18% 14% 18% 14% round 28px)}to{clip-path:inset(0 0 0 0 round 28px)}}
@keyframes unzoom{from{transform:scale(1.28)}to{transform:scale(1)}}
@keyframes para{from{transform:translateY(90px)}to{transform:translateY(-90px)}}
@keyframes parab{from{transform:translateY(50px)}to{transform:translateY(-50px)}}
@keyframes parac{from{transform:translateY(18px)}to{transform:translateY(-18px)}}
@keyframes growx{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes slide{from{transform:translateX(8%)}to{transform:translateX(-22%)}}
.tiers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:relative;isolation:isolate}
.tiers::before{content:"";position:absolute;left:14px;right:14px;top:15px;height:1px;background:rgba(242,232,213,.16)}
.tier{position:relative;padding-right:24px;display:flex;flex-direction:column;gap:8px}
.tier-mark{position:relative;width:30px;height:32px;margin-bottom:14px}
.tier-hex{position:absolute;inset:0;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);box-shadow:inset 0 0 0 1px rgba(0,0,0,.2)}
.tier-ring{background:var(--honey);box-shadow:none}
.tier-ring::before{content:"";position:absolute;inset:2px;background:#0E0D09;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.tier-star::after{content:"";position:absolute;inset:9px 8px;background:var(--honey);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
.tier-ping{position:absolute;left:-9px;top:-8px;width:48px;height:48px;border-radius:50%;border:1.5px solid #DADDE0}
.tier-name{font:500 26px/1.05 'Cormorant Garamond',Georgia,serif;color:#F2E8D5}
.tier-text{margin:0;font-size:14.5px;line-height:1.55;color:#B9AE98}
.tier-count{margin-top:auto;padding-top:10px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#8F8572}
.tier-on .tier-name{font-weight:600}
.tier-on .tier-count{color:#DADDE0}
.tier-on::after{content:"";position:absolute;left:-14px;right:10px;top:-14px;bottom:-16px;border:1px solid rgba(218,221,224,.28);border-radius:18px;background:rgba(218,221,224,.035);z-index:-1}
@media (max-width:767px){.tiers{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:36px}.tiers::before{display:none}}
@media (max-width:640px){.tiers{grid-template-columns:minmax(0,1fr)}}
.oline{display:flex;align-items:center;gap:16px;padding:10px 12px 10px 18px;border-radius:16px;border:1px solid rgba(242,232,213,.14);transition:border-color .3s,background .3s}
.step.sm{width:44px;height:44px;font-size:18px}
.qnum{min-width:30px;text-align:center;font:700 20px/1 Manrope,system-ui,sans-serif;font-variant-numeric:tabular-nums;color:#F2E8D5}
.chip{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 18px;border-radius:999px;border:1px solid rgba(242,232,213,.28);font:600 14px/1 Manrope,system-ui,sans-serif;cursor:pointer;transition:background .3s,color .3s,border-color .3s,transform .3s}
.chip:hover{transform:translateY(-2px)}
.geo{view-timeline:--geo block;--S:min(calc(68 * var(--vmin)),620px)}
.geo-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:48px}
.layer{position:absolute;left:50%;top:50%;max-width:none;transform-origin:50% 50%}
.geoA{opacity:0;transform:translate(-50%,-50%) scale(.25)}
.geoB{opacity:0;transform:translate(-50%,-50%) scale(.333)}
.geoC{opacity:1;transform:translate(-50%,-50%) scale(.929)}
.geoBw{opacity:0;transform:translate(-50%,-50%) scale(3)}
.geoCw{opacity:1;transform:translate(-50%,-50%) scale(5.2)}
.geo-dot{opacity:0}
.maplbl{position:absolute;transform:translate(.7em,-50%);color:#F2E8D5;font:600 1em/1.1 Manrope,system-ui,sans-serif;white-space:nowrap;text-shadow:0 1px 6px rgba(0,0,0,.9),0 0 2px rgba(0,0,0,.9)}
.maplbl::before{content:"";position:absolute;left:-.7em;top:50%;width:.36em;height:.36em;margin:-.18em 0 0 -.18em;border-radius:50%;background:#F2E8D5;box-shadow:0 0 0 2px rgba(0,0,0,.45)}
.maplbl.lft{transform:translate(calc(-100% - .7em),-50%)}
.maplbl.water{color:#B5D4E6;font:italic 600 1.35em/1 'Cormorant Garamond',Georgia,serif;letter-spacing:.06em}
.maplbl.water::before{display:none}
.maplbl.peak{font-weight:700;font-size:.95em;letter-spacing:.04em}
.maplbl.peak::before{width:0;height:0;border-radius:0;background:none;box-shadow:none;border-left:.34em solid transparent;border-right:.34em solid transparent;border-bottom:.6em solid #F2E8D5;margin:-.34em 0 0 -.34em}
.maplbl.lft::before{left:auto;right:-.7em;margin:-.18em -.18em 0 0}
.gs{grid-area:1/1;opacity:0}
.gs4{opacity:1}
.geo-pin{transform:translate(-50%,-50%)}
.ping{animation:ping 2.4s cubic-bezier(.2,.6,.3,1) infinite}
@keyframes ping{from{transform:scale(.25);opacity:1}to{transform:scale(1.6);opacity:0}}
.stars{position:absolute;inset:0;background-image:radial-gradient(1px 1px at 12% 18%,rgba(242,232,213,.7),transparent),radial-gradient(1px 1px at 78% 12%,rgba(242,232,213,.5),transparent),radial-gradient(1.5px 1.5px at 88% 64%,rgba(242,232,213,.6),transparent),radial-gradient(1px 1px at 22% 82%,rgba(242,232,213,.5),transparent),radial-gradient(1px 1px at 60% 90%,rgba(242,232,213,.4),transparent),radial-gradient(1.5px 1.5px at 8% 52%,rgba(227,163,59,.6),transparent),radial-gradient(1px 1px at 46% 6%,rgba(242,232,213,.5),transparent);animation:twinkle 5s ease-in-out infinite alternate}
@keyframes twinkle{from{opacity:.45}to{opacity:1}}
@supports (animation-timeline: view()){
 @media (prefers-reduced-motion: no-preference){
  .geoA,.geoB,.geoBw,.geoC,.geoCw,.geo-dot,.geo-hud,.gs1,.gs2,.gs3,.gs4,.geo-prog,.geo-pin,.geo-tag{animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--geo;animation-range:contain 0% contain 100%}
  .geoA{animation-name:gA}.geoB{animation-name:gB}.geoC{animation-name:gC}.geoBw{animation-name:gBw}.geoCw{animation-name:gCw}.geo-dot{animation-name:gdot}
  .gs1{animation-name:gs1}.gs2{animation-name:gs2}.gs3{animation-name:gs3}.gs4{animation-name:gs4}
  .geo-prog{animation-name:gprog}.geo-pin{animation-name:gpin}.geo-tag{animation-name:gtag}.geo-hud{animation-name:gtag}
 }
}
@keyframes gA{0%{transform:translate(-50%,-50%) scale(.25);opacity:1}8%{transform:translate(-50%,-50%) scale(.25)}16%{transform:translate(-50%,-50%) scale(.375)}24%{transform:translate(-50%,-50%) scale(.65);opacity:1}32%{transform:translate(-50%,-50%) scale(1.25)}36%{opacity:0}40%{transform:translate(-50%,-50%) scale(2.5)}100%{transform:translate(-50%,-50%) scale(2.5);opacity:0}}
@keyframes gB{0%{transform:translate(-50%,-50%) scale(.028);opacity:0}24%{transform:translate(-50%,-50%) scale(.072)}30%{opacity:0}32%{transform:translate(-50%,-50%) scale(.139)}38%{opacity:1}40%{transform:translate(-50%,-50%) scale(.278)}46%{transform:translate(-50%,-50%) scale(.333)}54%{transform:translate(-50%,-50%) scale(.375)}60%{transform:translate(-50%,-50%) scale(.667)}66%{transform:translate(-50%,-50%) scale(1.333)}72%{transform:translate(-50%,-50%) scale(2.78)}76%{opacity:1}80%{transform:translate(-50%,-50%) scale(6.11)}82%{transform:translate(-50%,-50%) scale(7.22);opacity:0}100%{transform:translate(-50%,-50%) scale(7.22);opacity:0}}
@keyframes gBw{0%{transform:translate(-50%,-50%) scale(.252);opacity:0}24%{transform:translate(-50%,-50%) scale(.648)}30%{opacity:0}32%{transform:translate(-50%,-50%) scale(1.251)}38%{opacity:1}40%{transform:translate(-50%,-50%) scale(2.502)}46%{transform:translate(-50%,-50%) scale(3)}54%{transform:translate(-50%,-50%) scale(3.375)}60%{transform:translate(-50%,-50%) scale(6)}66%{transform:translate(-50%,-50%) scale(12)}72%{transform:translate(-50%,-50%) scale(25)}76%{opacity:1}80%{transform:translate(-50%,-50%) scale(55)}82%{transform:translate(-50%,-50%) scale(65);opacity:0}100%{transform:translate(-50%,-50%) scale(65);opacity:0}}
@keyframes gC{0%{transform:translate(-50%,-50%) scale(.043);opacity:0}60%{transform:translate(-50%,-50%) scale(.043)}66%{transform:translate(-50%,-50%) scale(.086)}72%{transform:translate(-50%,-50%) scale(.179);opacity:0}78%{opacity:1}80%{transform:translate(-50%,-50%) scale(.393)}88%{transform:translate(-50%,-50%) scale(.679)}100%{transform:translate(-50%,-50%) scale(.929);opacity:1}}
@keyframes gCw{0%{transform:translate(-50%,-50%) scale(.241);opacity:0}60%{transform:translate(-50%,-50%) scale(.241)}66%{transform:translate(-50%,-50%) scale(.482)}72%{transform:translate(-50%,-50%) scale(1);opacity:0}78%{opacity:1}80%{transform:translate(-50%,-50%) scale(2.2)}88%{transform:translate(-50%,-50%) scale(3.8)}100%{transform:translate(-50%,-50%) scale(5.2);opacity:1}}
@keyframes gdot{0%,82%{opacity:1}88%,100%{opacity:0}}
@keyframes gs1{0%,22%{opacity:1;transform:none}28%,100%{opacity:0;transform:translateY(-18px)}}
@keyframes gs2{0%,28%{opacity:0;transform:translateY(18px)}34%,56%{opacity:1;transform:none}62%,100%{opacity:0;transform:translateY(-18px)}}
@keyframes gs3{0%,62%{opacity:0;transform:translateY(18px)}68%,82%{opacity:1;transform:none}87%,100%{opacity:0;transform:translateY(-18px)}}
@keyframes gs4{0%,86%{opacity:0;transform:translateY(18px)}92%,100%{opacity:1;transform:none}}
@keyframes gprog{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes gpin{0%,84%{opacity:0;transform:translate(-50%,-50%) scale(.5)}90%,100%{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes gtag{0%,86%{opacity:0;transform:translateX(-12px)}92%,100%{opacity:1;transform:none}}
@media (max-width:767px){
 .geo-grid{grid-template-columns:minmax(0,1fr);gap:24px}
 .geo-stage{order:1}.geo-steps-wrap{order:2}
 .geo-steps-wrap>div:first-child{min-height:150px !important}
}
@media (max-width:640px){.geo-hud{gap:12px !important;font-size:10px !important}.geo-hud>span:nth-child(4){display:none !important}.geo-tag{left:auto !important;right:8px;top:calc(50% + 40px) !important}}
.root{timeline-scope:--s1,--s2,--s3,--s4,--s5,--s6;--vw:1vw;--vh:1vh;--vmin:1vmin}
#mez{view-timeline:--s1 block}#termekek{view-timeline:--s2 block}#dij{view-timeline:--s3 block}#mehesz{view-timeline:--s4 block}#szarhegy{view-timeline:--s5 block}#rendeles{view-timeline:--s6 block}
.rail{position:fixed;right:26px;top:50%;translate:0 -50%;z-index:45;opacity:0}
.rail:has(:focus-visible){opacity:1 !important}
.rseg{position:relative;width:18px;height:54px}
.rseg.rs6{height:40px}
.rhex{position:absolute;left:0;top:0;width:18px;height:20px;display:block;outline-offset:4px}
.rout{position:absolute;inset:0;width:18px;height:20px;overflow:visible}
.rout path{fill:#0E0D09;stroke:rgba(242,232,213,.45);stroke-width:1.2}
.rfill{position:absolute;left:4px;top:4.5px;width:10px;height:11px;background:var(--honey);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);opacity:0}
.rring-wrap{position:absolute;left:-7px;top:-6px;width:32px;height:32px;opacity:0}
.rring{position:absolute;inset:0;border-radius:50%;border:1.5px solid var(--honey)}
.rlbl{position:absolute;right:30px;top:50%;transform:translateY(-50%);white-space:nowrap;font:700 11px/1 Manrope,system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#F2E8D5;background:rgba(14,13,9,.82);border:1px solid rgba(242,232,213,.12);padding:7px 10px;border-radius:8px;opacity:0;transition:opacity .3s}

.rtrack{position:absolute;left:8.5px;top:22px;bottom:2px;width:1px;background:rgba(242,232,213,.16);overflow:clip}
.rprog{position:absolute;inset:0;background:var(--honey);transform-origin:50% 0;transform:scaleY(0)}
.rend{position:absolute;left:6.5px;bottom:-3px;width:5px;height:5px;border-radius:50%;background:rgba(242,232,213,.3)}
.railbee{position:absolute;left:9px;top:0;width:0;height:0;opacity:0}
.railbee-in{position:absolute;left:-12px;top:-9px;transform:rotate(90deg);animation:beebob 1.6s ease-in-out infinite;filter:drop-shadow(0 0 1.5px rgba(14,13,9,.9)) drop-shadow(0 1px 2px rgba(14,13,9,.5))}
.railbee-in ellipse[fill^="rgba(242"]{stroke:rgba(30,26,18,.75);stroke-width:2.5}
@keyframes beebob{0%,100%{translate:-2px 0}50%{translate:2px 0}}
.topbar{display:none}
@supports (animation-timeline: scroll()){
 @media (prefers-reduced-motion: no-preference){
  .rail{animation:railin linear both;animation-timeline:scroll(root);animation-range:140px 420px}
  .rs1 .rfill,.rs1 .rprog,.rs1 .rlbl,.rs1 .rring-wrap{animation-timeline:--s1}
  .rs2 .rfill,.rs2 .rprog,.rs2 .rlbl,.rs2 .rring-wrap{animation-timeline:--s2}
  .rs3 .rfill,.rs3 .rprog,.rs3 .rlbl,.rs3 .rring-wrap{animation-timeline:--s3}
  .rs4 .rfill,.rs4 .rprog,.rs4 .rlbl,.rs4 .rring-wrap{animation-timeline:--s4}
  .rs5 .rfill,.rs5 .rprog,.rs5 .rlbl,.rs5 .rring-wrap{animation-timeline:--s5}
  .rs6 .rfill,.rs6 .rprog,.rs6 .rlbl,.rs6 .rring-wrap{animation-timeline:--s6}
  .rfill{animation-name:ron;animation-timing-function:linear;animation-fill-mode:forwards;animation-range:exit-crossing 0% exit-crossing 2%}
  .rprog{animation-name:rgrow;animation-timing-function:linear;animation-fill-mode:both;animation-range:exit-crossing 0% exit-crossing 100%}
  .rlbl,.rring-wrap{animation-name:ron;animation-timing-function:linear;animation-fill-mode:none;animation-range:exit-crossing 0% exit-crossing 100%}
  .railbee{animation:railbee linear both;animation-timeline:--s1,--s2,--s3,--s4,--s5,--s6;animation-name:bee1,bee2,bee3,bee4,bee5,bee6;animation-range:exit-crossing 0% exit-crossing 100%;animation-fill-mode:none,none,none,none,none,forwards}
  .topbar{animation:railin linear both;animation-timeline:scroll(root);animation-range:140px 420px}
  .topbar-fill{animation:tgrow linear both;animation-timeline:scroll(root)}
  .topbar-bee{animation:tbee linear both;animation-timeline:scroll(root)}
 }
}
@keyframes railin{from{opacity:0}to{opacity:1}}
@media (max-width:640px){.medal-wrap .medal{width:124px !important;height:142px !important}}
@keyframes ron{from{opacity:1}to{opacity:1}}
@keyframes rgrow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes bee1{from{top:22px;opacity:1}to{top:52px;opacity:1}}
@keyframes bee2{from{top:76px;opacity:1}to{top:106px;opacity:1}}
@keyframes bee3{from{top:130px;opacity:1}to{top:160px;opacity:1}}
@keyframes bee4{from{top:184px;opacity:1}to{top:214px;opacity:1}}
@keyframes bee5{from{top:238px;opacity:1}to{top:268px;opacity:1}}
@keyframes bee6{from{top:292px;opacity:1}to{top:308px;opacity:1}}
@keyframes tgrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes tbee{from{left:0%}to{left:100%}}
@media (max-width:767px){
 .rail{display:none}
 .topbar{display:block;position:absolute;left:0;right:0;bottom:-1px;height:2px;opacity:0}
 .topbar-fill{position:absolute;inset:0;background:var(--honey);transform-origin:0 50%;transform:scaleX(0)}
 .topbar-bee{position:absolute;top:-8px;left:0;margin-left:-11px}
}
.motion-off *,.motion-off *::before,.motion-off *::after{animation:none !important;transition:none !important}
@media (prefers-reduced-motion: reduce){.root *,.root *::before,.root *::after{animation:none !important}}
@media (max-width:767px){
 .hero-grid,.two,.award-grid,.order-grid,.award-info{grid-template-columns:minmax(0,1fr);gap:48px}
 .award-photos{grid-template-columns:minmax(0,1fr)}
 .shelf-fig{aspect-ratio:4/5}
 .four{grid-template-columns:repeat(2,minmax(0,1fr))}
 .navlinks{display:none !important}
}
@media (max-width:640px){
 .three{grid-template-columns:minmax(0,1fr)}
 .four{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:28px !important;row-gap:8px}
 .four>div{padding:22px 12px 0 0 !important}
 .tiers{row-gap:26px}
 .hide-sm{display:none !important}
}
/* világos termék-szekció */
#termekek{margin:0 clamp(8px,calc(1.4 * var(--vw)),20px)}
.lcard{border:1px solid rgba(30,26,18,.1);border-radius:24px;overflow:clip;background:#FBF6EC;display:flex;flex-direction:column;box-shadow:0 1px 0 rgba(30,26,18,.04),0 30px 60px -40px rgba(60,40,10,.45);transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}
.lcard:hover{transform:translateY(-6px);box-shadow:0 1px 0 rgba(30,26,18,.04),0 40px 70px -36px rgba(60,40,10,.55)}
.btn-dark{background:#1E1A12;color:#F2E8D5;border:0}
.btn-dark:hover{background:#8A5A12;color:#FBF6EC;transform:translateY(-2px)}
/* nyelvváltó */
.lang{display:flex;border:1px solid rgba(242,232,213,.2);border-radius:999px;padding:3px;font:700 11.5px/1 Manrope,system-ui,sans-serif;letter-spacing:.12em}
.lang a{display:flex;align-items:center;justify-content:center;min-width:38px;min-height:32px;border-radius:999px;color:#B9AE98;text-decoration:none}
.lang a[aria-current="true"]{background:rgba(242,232,213,.12);color:#F2E8D5}
/* lélegző közjáték */
.interlude{position:relative;height:clamp(420px,calc(72 * var(--vh)),760px);overflow:clip;background:#13110C;margin:-1px 0;border:0}
.interlude img{position:absolute;inset:-2px 0;width:100%;height:calc(100% + 4px);object-fit:cover;transform:scale(1.08)}
.interlude>div[aria-hidden]{inset:-1px 0 !important}
@supports (animation-timeline: view()){@media (prefers-reduced-motion: no-preference){.interlude img{animation:ilzoom linear both;animation-timeline:view();animation-range:cover 0% cover 100%}}}
@keyframes ilzoom{from{transform:scale(1.14) translateY(-2%)}to{transform:scale(1.06) translateY(2%)}}
/* méhész embléma */
.emblem{position:relative;aspect-ratio:1/1;border-radius:50%;background:radial-gradient(circle at 50% 42%,#2A2215 0%,#17140F 62%,#13110C 100%);border:1px solid rgba(227,163,59,.28);display:grid;place-items:center;overflow:clip}
.emblem .ring{position:absolute;inset:0;width:100%;height:100%}
.emblem .combs{position:absolute;inset:0;opacity:.18}
.emblem-sm{position:absolute;right:-44px;top:-44px;width:150px;z-index:4;box-shadow:0 0 0 5px rgba(19,17,12,.55),0 0 40px rgba(0,0,0,.55)}
@media (max-width:640px){.emblem-sm{right:-6px;top:-30px;width:112px}}
@supports (animation-timeline: view()){@media (prefers-reduced-motion: no-preference){
 .emblem-sm{animation:embin cubic-bezier(.2,.8,.2,1) both;animation-timeline:view();animation-range:entry 0% cover 26%}
}}
@keyframes embin{from{translate:160% 0;rotate:120deg;opacity:0}60%{opacity:1}to{translate:0 0;rotate:0deg;opacity:1}}
.dipl{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(36px,calc(5 * var(--vw)),80px);align-items:center;margin-top:clamp(64px,calc(8 * var(--vw)),112px)}
.dipl-fig{margin:0;position:relative;justify-self:center;width:min(100%,440px);transform:rotate(-2.2deg);transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.dipl-fig:hover{transform:rotate(0) scale(1.015)}
.dipl-fig img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:10px;box-shadow:0 40px 80px -30px rgba(0,0,0,.9),0 0 0 1px rgba(242,232,213,.08)}
.tl{list-style:none;margin:0;padding:0;position:relative}
.tl::before{content:"";position:absolute;left:19px;top:24px;bottom:24px;width:1px;background:linear-gradient(180deg,rgba(227,163,59,.6),rgba(227,163,59,.15))}
.tl li{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);gap:20px;padding:18px 0}
.tl .yr{width:40px;height:45px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(135deg,#8E949B,#F1F3F5 45%,#9BA1A8);display:grid;place-items:center;font:800 10px Manrope,sans-serif;color:#2A2D31}
@media (max-width:767px){.dipl{grid-template-columns:minmax(0,1fr)}}
/* asztali: a fejléc felcsúszik, amikor az oldalsáv megjelenik; nagyobb oldalsáv */
@media (min-width:768px){
 .rail{right:34px;scale:1.6;transform-origin:100% 50%}
 .rlbl{font-size:8.5px;padding:5px 8px;border-radius:6px;right:26px}
}
@media (min-width:768px){
 .rout path{stroke-width:1}
 @supports (animation-timeline: view()){
  @media (prefers-reduced-motion: no-preference){
   .site-head{animation:headout linear both;animation-timeline:scroll(root);animation-range:140px 420px}
   .site-head:has(:focus-visible){animation:none}
   .geo-sticky{top:0 !important;height:min(calc(100 * var(--vh)),880px) !important}
  }
 }
}
@keyframes headout{from{transform:translateY(0);opacity:1}to{transform:translateY(-105%);opacity:0;visibility:hidden}}
.herotl{display:flex;flex-direction:column;gap:14px;margin-top:22px;padding-top:24px;border-top:1px solid rgba(242,232,213,.12);text-decoration:none;color:inherit;align-self:flex-start}
.herotl-lbl{font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;color:#B9AE98}
.herotl-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.herotl-item{display:flex;align-items:center;gap:12px}
.herotl-item b{display:block;font:600 22px/1 'Cormorant Garamond',serif;color:#F2E8D5;letter-spacing:.01em}
.herotl-item small{display:block;font-size:13px;color:#B9AE98;margin-top:4px}
.herotl .yr{width:40px;height:45px;flex:none;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(135deg,#8E949B,#F1F3F5 45%,#9BA1A8);display:grid;place-items:center;font:800 10px Manrope,sans-serif;color:#2A2D31}
.herotl-line{width:clamp(28px,calc(4 * var(--vw)),56px);height:1px;background:linear-gradient(90deg,rgba(227,163,59,.7),rgba(227,163,59,.2))}
.herotl:hover .herotl-item b{color:var(--honey)}
@media (max-width:640px){.herotl-line{display:none}}
/* hogyan rendelj */
.howto{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;counter-reset:h}
.howto li{position:relative;padding:18px 16px 16px;border:1px solid rgba(242,232,213,.12);border-radius:16px;background:rgba(242,232,213,.02);font-size:14px;color:#B9AE98;line-height:1.4}
.howto b{display:block;color:#F2E8D5;font-size:15.5px;margin:10px 0 4px}
.howto .hn{display:inline-grid;place-items:center;width:28px;height:31px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:var(--honey);color:#1A1309;font-weight:800;font-size:13px}
.consent{display:flex;gap:12px;align-items:flex-start;font-size:13.5px;color:#B9AE98;line-height:1.5;cursor:pointer}
.consent input{appearance:none;-webkit-appearance:none;flex:none;width:22px;height:22px;margin:0;border-radius:6px;border:1.5px solid rgba(242,232,213,.35);background:transparent;display:grid;place-items:center;cursor:pointer}
.consent input:checked{background:var(--honey);border-color:var(--honey)}
.consent input:checked::after{content:"";width:6px;height:11px;border:solid #1A1309;border-width:0 2.5px 2.5px 0;transform:translateY(-1px) rotate(45deg)}
.consent a,.flinks a{color:#F2E8D5;text-decoration:underline;text-decoration-color:rgba(227,163,59,.6);text-underline-offset:3px}
.flinks{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:13px}
@media (max-width:767px){.geo{height:2000px !important}}
@media (max-width:640px){.howto{grid-template-columns:minmax(0,1fr)}.lang{display:none}}
/* ===== mennyiség-gombok: animáció ===== */
.step{transition:transform .28s cubic-bezier(.3,1.7,.5,1),background .3s,color .3s,border-color .3s,opacity .3s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.step:hover{background:var(--honey);border-color:var(--honey);color:#13110C}
.step:active{transform:scale(.84)}
.step:focus-visible{outline:2px solid var(--honey);outline-offset:3px}
.step.dec.zero{opacity:.38;pointer-events:none}
.step .fx{position:absolute;inset:0;border-radius:50%;pointer-events:none}
.step .fx::before{content:"";position:absolute;inset:-1px;border-radius:50%;border:2px solid var(--honey);opacity:0}
.step .fx i{position:absolute;left:50%;top:50%;width:8px;height:9px;margin:-4.5px 0 0 -4px;background:var(--honey);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);opacity:0}
.step .fx i:nth-child(1){--dx:30px;--dy:-6px}.step .fx i:nth-child(2){--dx:14px;--dy:-30px}.step .fx i:nth-child(3){--dx:-16px;--dy:-28px}
.step .fx i:nth-child(4){--dx:-31px;--dy:2px}.step .fx i:nth-child(5){--dx:-12px;--dy:28px}.step .fx i:nth-child(6){--dx:18px;--dy:26px}
.step.hit0 .fx::before{animation:ripA .6s cubic-bezier(.2,.7,.3,1)}.step.hit1 .fx::before{animation:ripB .6s cubic-bezier(.2,.7,.3,1)}
.step.hit0 .fx i{animation:sparkA .7s cubic-bezier(.15,.7,.3,1)}.step.hit1 .fx i{animation:sparkB .7s cubic-bezier(.15,.7,.3,1)}
.step.hit0,.step.hit1{animation:none}
@keyframes ripA{from{transform:scale(1);opacity:.95}to{transform:scale(2.1);opacity:0}}
@keyframes ripB{from{transform:scale(1);opacity:.95}to{transform:scale(2.1);opacity:0}}
@keyframes sparkA{from{transform:translate(0,0) scale(1.1) rotate(0);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(.2) rotate(150deg);opacity:0}}
@keyframes sparkB{from{transform:translate(0,0) scale(1.1) rotate(0);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(.2) rotate(150deg);opacity:0}}
.qnum.u0,.ochip b.u0{animation:qupA .4s cubic-bezier(.2,.9,.3,1.25)}.qnum.u1,.ochip b.u1{animation:qupB .4s cubic-bezier(.2,.9,.3,1.25)}
.qnum.d0,.ochip b.d0{animation:qdnA .4s cubic-bezier(.2,.9,.3,1.25)}.qnum.d1,.ochip b.d1{animation:qdnB .4s cubic-bezier(.2,.9,.3,1.25)}
@keyframes qupA{from{transform:translateY(75%) scale(.6);opacity:0}to{transform:none;opacity:1}}
@keyframes qupB{from{transform:translateY(75%) scale(.6);opacity:0}to{transform:none;opacity:1}}
@keyframes qdnA{from{transform:translateY(-75%) scale(.6);opacity:0}to{transform:none;opacity:1}}
@keyframes qdnB{from{transform:translateY(-75%) scale(.6);opacity:0}to{transform:none;opacity:1}}
.oline.fl0{animation:rowA .75s ease-out}.oline.fl1{animation:rowB .75s ease-out}
@keyframes rowA{from{box-shadow:0 0 0 0 rgba(227,163,59,.6)}to{box-shadow:0 0 0 14px rgba(227,163,59,0)}}
@keyframes rowB{from{box-shadow:0 0 0 0 rgba(227,163,59,.6)}to{box-shadow:0 0 0 14px rgba(227,163,59,0)}}
.qnum{display:inline-block;min-width:1.6ch;text-align:center;font-variant-numeric:tabular-nums}
.qnum.up{animation:qup .38s cubic-bezier(.2,.9,.3,1.25)}
.qnum.down{animation:qdown .38s cubic-bezier(.2,.9,.3,1.25)}
@keyframes qup{from{transform:translateY(70%) scale(.7);opacity:0}to{transform:none;opacity:1}}
@keyframes qdown{from{transform:translateY(-70%) scale(.7);opacity:0}to{transform:none;opacity:1}}
.oline{transition:border-color .35s,background .35s,box-shadow .35s}
.oline.flash{animation:rowflash .7s ease-out}
@keyframes rowflash{from{box-shadow:0 0 0 0 rgba(227,163,59,.55)}to{box-shadow:0 0 0 12px rgba(227,163,59,0)}}
.cartbadge{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;margin-left:2px;border-radius:999px;background:#13110C;color:var(--honey);font:800 12px/1 Manrope,sans-serif;animation:qup .4s cubic-bezier(.2,.9,.3,1.3)}
.cartbadge.bump{animation:badgebump .45s cubic-bezier(.3,1.8,.5,1)}
@keyframes badgebump{40%{transform:scale(1.35)}100%{transform:scale(1)}}

/* ===== több görgetéses animáció ===== */
@supports (animation-timeline: view()){
 @media (prefers-reduced-motion: no-preference){
  .tiers>.tier{animation:rv linear both;animation-timeline:view();animation-range:entry 0% cover 30%}
  .tiers>.tier:nth-child(2){animation-range:entry 8% cover 34%}
  .tiers>.tier:nth-child(3){animation-range:entry 16% cover 38%}
  .tiers>.tier:nth-child(4){animation-range:entry 24% cover 42%}
  .tiers>.tier:nth-child(5){animation-range:entry 32% cover 46%}
  .tiers::before{animation:growx linear both;animation-timeline:view();animation-range:entry 0% cover 40%;transform-origin:0 50%}
  .howto>li{animation:rv linear both;animation-timeline:view();animation-range:entry 0% cover 26%}
  .howto>li:nth-child(2){animation-range:entry 10% cover 32%}
  .howto>li:nth-child(3){animation-range:entry 20% cover 38%}
  .tl::before{animation:growy linear both;animation-timeline:view();animation-range:entry 10% cover 45%;transform-origin:50% 0}
  .tl>li{animation:slidein linear both;animation-timeline:view();animation-range:entry 0% cover 30%}
  .dipl-fig img{animation:paperin linear both;animation-timeline:view();animation-range:entry 0% cover 45%}
  .medal-wrap .medal{animation:swing 8s ease-in-out infinite,medalin linear both;animation-timeline:auto,view();animation-range:normal,entry 0% cover 35%}
  .lcard .imgzoom img{animation:unzoom2 linear both;animation-timeline:view();animation-range:entry 0% cover 55%}
  .kenburns{animation:kb 22s ease-in-out infinite alternate,heropar linear both;animation-timeline:auto,scroll(root);animation-range:normal,0px 900px}
  .footword{animation:footin linear both;animation-timeline:view();animation-range:entry 0% cover 50%}
 }
}
@keyframes unzoom2{from{scale:1.25}to{scale:1}}
@keyframes growy{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes slidein{from{opacity:0;transform:translateX(-36px)}to{opacity:1;transform:none}}
@keyframes paperin{from{opacity:0;transform:translateY(70px) rotate(-9deg) scale(.92)}to{opacity:1;transform:none}}
@keyframes medalin{from{opacity:0;translate:0 -60px;scale:.6}to{opacity:1;translate:0 0;scale:1}}
@keyframes heropar{to{translate:0 70px}}
@keyframes footin{from{opacity:0;letter-spacing:.12em;transform:translateY(40px)}to{opacity:1;letter-spacing:-.02em;transform:none}}
/* tartalék a görgetéses animációkhoz (Firefox / régebbi Safari): a script adja az .io / .in osztályokat */
.io .rv,.io .rv2,.io .rv3,.io .tiers>.tier,.io .howto>li,.io .tl>li{opacity:0;transform:translateY(40px);transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1)}
.io .rv2{transition-delay:.1s}.io .rv3{transition-delay:.2s}
.io .tiers>.tier:nth-child(2),.io .howto>li:nth-child(2),.io .tl>li:nth-child(2){transition-delay:.1s}
.io .tiers>.tier:nth-child(3),.io .howto>li:nth-child(3){transition-delay:.2s}
.io .tiers>.tier:nth-child(4){transition-delay:.3s}.io .tiers>.tier:nth-child(5){transition-delay:.4s}
.io .in{opacity:1 !important;transform:none !important}

/* ===== könnyített mód (gyenge telefon / lassú net / adatspórolás) ===== */
.lite *{backdrop-filter:none !important;-webkit-backdrop-filter:none !important}
.lite .kenburns,.lite .contour path,.lite .bee,.lite .honeyedge .hd,.lite .honeyedge .hdrop,.lite .honeyband>div:first-child::after,.lite .medal-face::after,.lite .shimmer,.lite .pulse,.lite .wings,.lite .scrollcue{animation:none !important}
.lite .bee,.lite .honeyedge .hdrop{display:none}
.lite .shimmer{color:#D5D9DD;background:none}
.lite .marquee{animation-duration:70s}
/* képernyőn kívül megállnak a végtelen animációk (a script adja a .paused osztályt) */
.paused .marquee,.paused .honeyedge *,.paused .kenburns,.paused .bee,.paused .wings,.paused .contour path,.paused .medal-face::after,.paused .shimmer,.paused .spin,.paused .pulse,.paused .ping,.paused .scrollcue,.paused .honeyband>div:first-child::after{animation-play-state:paused !important}

/* ===== Elismerés szekció: megjelenő animációk ===== */
.ln{display:block;overflow:clip;padding-bottom:.08em;margin-bottom:-.08em}
.ln>span{display:block}
.four::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:rgba(242,232,213,.14);transform-origin:0 50%}
.four>div{position:relative}
@supports (animation-timeline: view()){
 @media (prefers-reduced-motion: no-preference){
  #dij .ey{animation:eyin linear both;animation-timeline:view();animation-range:entry 10% cover 30%}
  #dij .ln>span{animation:lnup linear both;animation-timeline:view();animation-range:entry 15% cover 32%}
  #dij .ln2>span{animation-range:entry 30% cover 42%}
  #dij .cap{animation:capin linear both;animation-timeline:view();animation-range:entry 55% cover 50%}
  #dij .rows>*{animation:rowin linear both;animation-timeline:view();animation-range:entry 0% cover 24%}
  #dij .rows>:nth-child(3),#dij .rows>:nth-child(4){animation-range:entry 6% cover 28%}
  #dij .rows>:nth-child(5),#dij .rows>:nth-child(6){animation-range:entry 12% cover 32%}
  #dij .rows>:nth-child(7),#dij .rows>:nth-child(8){animation-range:entry 18% cover 36%}
  #dij .stag>*{animation:rv linear both;animation-timeline:view();animation-range:entry 0% cover 26%}
  #dij .stag>:nth-child(2){animation-range:entry 8% cover 30%}
  #dij .stag>:nth-child(3){animation-range:entry 16% cover 34%}
  #dij .stag>:nth-child(4){animation-range:entry 24% cover 40%}
  #dij .tier-hex{animation:hexpop linear both;animation-timeline:view();animation-range:entry 20% cover 38%}
  #dij .tier:nth-child(2) .tier-hex{animation-range:entry 26% cover 42%}
  #dij .tier:nth-child(3) .tier-hex{animation-range:entry 32% cover 46%}
  #dij .tier:nth-child(4) .tier-hex{animation-range:entry 38% cover 50%}
  #dij .tier:nth-child(5) .tier-hex{animation-range:entry 44% cover 54%}
  #dij .tier-on::after{animation:tierbox linear both;animation-timeline:view();animation-range:entry 40% cover 52%}
  #dij .four::before{animation:growx linear both;animation-timeline:view();animation-range:entry 10% cover 40%}
  #dij .four>div{animation:rv linear both;animation-timeline:view();animation-range:entry 10% cover 34%}
  #dij .four>div:nth-child(2){animation-range:entry 16% cover 38%}
  #dij .four>div:nth-child(3){animation-range:entry 22% cover 42%}
  #dij .four>div:nth-child(4){animation-range:entry 28% cover 46%}
 }
}
@keyframes eyin{from{opacity:0;letter-spacing:.7em}to{opacity:1;letter-spacing:.28em}}
@keyframes lnup{from{transform:translateY(110%) rotate(2.5deg)}to{transform:none}}
@keyframes capin{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes rowin{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:none}}
@keyframes hexpop{from{opacity:0;transform:scale(0) rotate(-120deg)}70%{opacity:1;transform:scale(1.18) rotate(8deg)}to{opacity:1;transform:none}}
@keyframes tierbox{from{opacity:0;transform:scale(.8)}70%{opacity:1;transform:scale(1.04)}to{opacity:1;transform:none;box-shadow:0 24px 60px -30px rgba(218,221,224,.4)}}
/* tartalék (Firefox / régi Safari) */
.io #dij .ln>span{transform:translateY(110%);transition:transform 1s cubic-bezier(.16,.84,.24,1)}
.io #dij .ln2>span{transition-delay:.12s}
.io #dij .in>span,.io #dij .ln.in>span{transform:none}
.io #dij .rows>*,.io #dij .stag>*,.io #dij .four>div,.io #dij .cap{opacity:0;transform:translateY(30px);transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1)}
.io #dij .rows>:nth-child(n+3){transition-delay:.08s}.io #dij .rows>:nth-child(n+5){transition-delay:.16s}.io #dij .rows>:nth-child(n+7){transition-delay:.24s}
.io #dij .stag>:nth-child(2),.io #dij .four>div:nth-child(2){transition-delay:.1s}.io #dij .stag>:nth-child(3),.io #dij .four>div:nth-child(3){transition-delay:.2s}.io #dij .stag>:nth-child(4),.io #dij .four>div:nth-child(4){transition-delay:.3s}

/* készítő: Incze Webstudio jelzés */
.madeby{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}
.iw{display:inline-flex;align-items:center;gap:7px;color:#D9CFBB;transition:color .4s}
.iwmark{fill:currentColor;opacity:.85;flex:none;transition:opacity .4s,fill .4s}
.iw:hover{color:#EAF2FF}.iw:hover .iwmark{fill:#60A5FA;opacity:1}
/* mézlovag-kártya */
.lovag{display:flex;align-items:center;gap:22px;margin-top:6px;padding:18px 22px 18px 18px;border-radius:20px;border:1px solid rgba(227,163,59,.28);background:linear-gradient(135deg,rgba(227,163,59,.09),rgba(227,163,59,.015) 60%);transition:border-color .5s,transform .5s cubic-bezier(.2,.8,.2,1)}
.lovag:hover{border-color:rgba(227,163,59,.6);transform:translateY(-3px)}
.lovag-img{width:78px;height:auto;flex:none;filter:drop-shadow(0 10px 18px rgba(0,0,0,.55));transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.lovag:hover .lovag-img{transform:rotate(-4deg) scale(1.06)}
.lovag-ey{font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--honey);font-weight:600}
.lovag-title{font-size:clamp(24px,calc(2.2 * var(--vw)),30px);line-height:1.05;margin-top:6px;color:#F2E8D5}
.lovag-title em{color:var(--honey)}
.lovag-p{margin:8px 0 0;font-size:15px;color:#B9AE98;line-height:1.5}
@media (max-width:640px){.lovag{gap:16px;padding:16px}.lovag-img{width:64px}}
/* ===== termékkártyák: kiszerelés-váltó + kinyíló részletek ===== */
.pgrid{align-items:start}
.pcard .pdesc{min-height:3.3em}
.pcard .pimg{position:relative}
.pcard .pimg .pv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .45s ease;will-change:opacity;backface-visibility:hidden}
.pcard[data-sel="1000"] .pv[data-for="1000"],.pcard[data-sel="500"] .pv[data-for="500"],.pcard[data-sel="200"] .pv[data-for="200"],.pcard[data-sel="10"] .pv[data-for="10"]{opacity:1;filter:none}
.pcard .pt{display:none}
.pcard[data-sel="1000"] .pt[data-for="1000"],.pcard[data-sel="500"] .pt[data-for="500"],.pcard[data-sel="200"] .pt[data-for="200"],.pcard[data-sel="10"] .pt[data-for="10"]{display:inline}
.pchip{position:absolute;left:14px;top:14px;padding:7px 12px;border-radius:999px;background:rgba(251,246,236,.92);color:#1E1A12;font:700 12.5px/1 Manrope,sans-serif;letter-spacing:.04em;box-shadow:0 6px 18px -8px rgba(0,0,0,.35)}
.sizes{display:inline-flex;align-self:flex-start;gap:4px;padding:4px;border-radius:999px;background:#EFE5D2;border:1px solid rgba(30,26,18,.1)}
.sz{border:0;background:transparent;font:700 13.5px/1 Manrope,sans-serif;padding:10px 16px;border-radius:999px;color:#5E5546;cursor:pointer;transition:background .35s,color .35s,transform .25s cubic-bezier(.3,1.7,.5,1);-webkit-tap-highlight-color:transparent}
.sz:hover{color:#1E1A12}
.sz:active{transform:scale(.92)}
.sz:focus-visible{outline:2px solid #8A5A12;outline-offset:2px}
.pcard[data-sel="1000"] .sz[data-size="1000"],.pcard[data-sel="500"] .sz[data-size="500"],.pcard[data-sel="200"] .sz[data-size="200"],.sizes.single .sz{background:#1E1A12;color:#F2E8D5;box-shadow:0 6px 16px -8px rgba(30,26,18,.6)}
.sizes.single .sz{cursor:default}
.det-btn{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px 0 2px;border:0;border-top:1px dashed rgba(30,26,18,.2);background:transparent;font:700 14px/1.2 Manrope,sans-serif;color:#1E1A12;cursor:pointer;text-align:left}
.det-btn:hover{color:#8A5A12}
.det-btn:focus-visible{outline:2px solid #8A5A12;outline-offset:3px;border-radius:6px}
.chev{width:26px;height:26px;flex:none;border-radius:50%;border:1px solid rgba(30,26,18,.2);position:relative;transition:transform .45s cubic-bezier(.2,.8,.2,1),background .3s,border-color .3s}
.chev::before,.chev::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:1.6px;margin:-.8px 0 0 -5px;background:currentColor;border-radius:2px;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.chev::after{transform:rotate(90deg)}
.pcard.open .chev{transform:rotate(180deg);background:#1E1A12;border-color:#1E1A12;color:#F2E8D5}
.pcard.open .chev::after{transform:rotate(0)}
.det{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s cubic-bezier(.2,.8,.2,1)}
.det-in{overflow:clip;min-height:0}
.pcard.open .det{grid-template-rows:1fr}
.det dl{margin:0;padding:4px 0 6px;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:16px;font-size:14px;opacity:0;transform:translateY(-6px);transition:opacity .4s ease .05s,transform .5s cubic-bezier(.2,.8,.2,1)}
.pcard.open .det dl{opacity:1;transform:none;transition-delay:.12s}
.det dt{color:#8A7F6B;padding:8px 0;border-bottom:1px solid rgba(30,26,18,.08);font-weight:600}
.det dd{margin:0;padding:8px 0;border-bottom:1px solid rgba(30,26,18,.08);color:#1E1A12}
.det .dlist{margin:0;padding:0;list-style:none;display:grid;gap:6px}
.det .dlist li{position:relative;padding-left:14px}
.det .dlist li::before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:2px;background:#E3A33B;transform:rotate(45deg)}
.det .dlist b{font-weight:700}
@media (max-width:767px){.det dl{grid-template-columns:minmax(0,1fr)}.det dt{padding:12px 0 2px;border-bottom:0;font-size:12.5px;letter-spacing:.04em}.det dd{padding:2px 0 12px}}
/* méhész: név + mézlovag-jelvény egy sorban (ha elfér) */
.namerow{display:flex;flex-wrap:wrap;align-items:center;gap:22px clamp(22px,calc(2.6 * var(--vw)),36px)}
.lovag-badge{position:relative;display:flex;align-items:center;gap:16px;padding:16px 22px 16px 16px;border-radius:20px;border:1px solid rgba(227,163,59,.32);background:radial-gradient(120% 140% at 0% 0%,rgba(227,163,59,.16),rgba(227,163,59,.03) 55%,rgba(19,17,12,0) 100%),#17140F;box-shadow:inset 0 1px 0 rgba(255,236,200,.08),0 24px 50px -30px rgba(0,0,0,.9);max-width:290px;transition:border-color .5s,transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}
.lovag-badge::after{content:"";position:absolute;inset:5px;border-radius:15px;border:1px solid rgba(227,163,59,.12);pointer-events:none}
.lovag-badge:hover{border-color:rgba(227,163,59,.6);transform:translateY(-3px);box-shadow:inset 0 1px 0 rgba(255,236,200,.1),0 30px 60px -28px rgba(227,163,59,.35)}
.lovag-badge .lovag-img{width:clamp(52px,calc(4.4 * var(--vw)),64px);flex:none;filter:drop-shadow(0 8px 14px rgba(0,0,0,.6))}
.lovag-badge .lovag-txt{padding-left:16px;border-left:1px solid rgba(227,163,59,.25)}
.lovag-badge .lovag-ey{display:flex;align-items:center;gap:8px;font-size:10.5px;letter-spacing:.26em}
.lovag-badge .lovag-ey::before{content:"";width:16px;height:1px;background:var(--honey)}
.lovag-badge .lovag-title{font-size:clamp(19px,calc(1.6 * var(--vw)),22px);margin-top:6px;line-height:1.08}
.lovag-date{font-size:12.5px;color:#B9AE98;margin-top:6px;letter-spacing:.04em}
.emb-logo{position:relative;width:72%;height:auto;border-radius:50%;box-shadow:0 0 0 2px rgba(227,163,59,.6),0 0 16px rgba(0,0,0,.55)}
@media (max-width:640px){.lovag-badge{max-width:none;width:100%}}
/* oldalsáv: feliratok csak az adott pont fölé víve */
.rail .rlbl{animation:none !important;pointer-events:none;opacity:0;transform:translate(8px,-50%);transition:opacity .28s ease,transform .35s cubic-bezier(.2,.8,.2,1),color .25s,border-color .25s}
/* hitbox: csak a sáv közvetlen környéke – ide víve az egeret mind a 6 címke megjelenik, és mindegyik kattintható */
.rail::after{content:"";position:absolute;top:-10px;bottom:-10px;left:-6px;right:-8px;z-index:-1}
.rail:hover::after{left:-128px}
.rail:hover .rlbl,.rail:has(:focus-visible) .rlbl{opacity:1;pointer-events:auto;transform:translate(0,-50%)}
/* kattintás után bezárul, és csak akkor nyílik újra, ha az egér elhagyta a sávot */
.rail.shut .rlbl{opacity:0 !important;pointer-events:none !important;transform:translate(8px,-50%) !important}
.rail.shut:hover::after{left:-6px}
.rail .rhex:hover .rlbl,.rail .rhex:focus-visible .rlbl{opacity:1;color:var(--honey);border-color:rgba(227,163,59,.55)}
.rail .act .rlbl{color:var(--honey)}
.rail .rhex{cursor:pointer}
/* oldalsáv: ha a script vezérli (pontos, minden szakaszban látszó méhecske) */
.rail.js .rfill,.rail.js .rprog,.rail.js .rring-wrap,.rail.js .railbee{animation:none !important}
.rail.js .rfill{opacity:var(--f,0);transition:opacity .3s}
.rail.js .rprog{transform:scaleY(var(--p,0))}
.rail.js .rring-wrap{opacity:0;transition:opacity .3s}
.rail.js .act .rring-wrap{opacity:1}
.rail.js .railbee{opacity:var(--bo,0);top:var(--bt,22px);transition:opacity .3s}
/* ANPC – SAL hivatkozás a láblécben */
.flinks .sal{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid rgba(242,232,213,.22);border-radius:6px;text-decoration:none;font-weight:700;letter-spacing:.06em;font-size:11.5px;color:#D9CFBB}
.flinks .sal:hover{border-color:var(--honey);color:var(--honey)}
/* lassú, finom ugrás a fejezetekhez – közben a görgetéses animációk szünetelnek (végállapotban látszanak) */
html.jumping{scroll-behavior:auto}
.jumping .rv,.jumping .rv2,.jumping .rv3,.jumping .clip,.jumping .clip img,.jumping .para-a,.jumping .para-b,.jumping .para-c,.jumping .grow,.jumping .bigword,
.jumping .tiers>.tier,.jumping .tiers::before,.jumping .howto>li,.jumping .tl::before,.jumping .tl>li,.jumping .dipl-fig img,.jumping .lcard .imgzoom img,
.jumping .footword,.jumping .interlude img,.jumping .emblem-sm,.jumping #dij .ey,.jumping #dij .ln>span,.jumping #dij .cap,.jumping #dij .rows>*,.jumping #dij .stag>*,
.jumping #dij .tier-hex,.jumping #dij .tier-on::after,.jumping #dij .four::before,.jumping #dij .four>div{animation:none !important}
.jumping .medal-wrap .medal{animation:swing 8s ease-in-out infinite !important}
/* Incze Webstudio link */
a.iw{font-size:15px;font-weight:600;text-decoration:none}
a.iw:hover{color:#EAF2FF}
/* statisztika: jól olvasható, modern számok (nem „IIO”) */
.four .serif{font-family:Manrope,system-ui,sans-serif !important;font-weight:300 !important;letter-spacing:-.03em;font-variant-numeric:lining-nums tabular-nums}
#dij{padding-bottom:clamp(56px,calc(6 * var(--vw)),96px) !important}
/* méhecske: a láblécnél vízszintes, nagyobb, és visszarepít az elejére */
.railbee .beetop{position:absolute;left:0;top:0;display:block;pointer-events:none;text-decoration:none;color:inherit}
.railbee .railbee-in{display:block;transition:transform .55s cubic-bezier(.3,1.5,.5,1)}
.rail.athome .railbee .beetop{pointer-events:auto;cursor:pointer}
.rail.athome .railbee .railbee-in{transform:rotate(0deg) scale(1.5)}
.rail.athome .railbee .beetop:hover .railbee-in{transform:rotate(-8deg) scale(1.75)}
.beebub{position:absolute;right:20px;top:-34px;white-space:nowrap;background:#F2E8D5;color:#1E1A12;font:700 8px/1.2 Manrope,system-ui,sans-serif;letter-spacing:.02em;padding:6px 9px;border-radius:10px 10px 3px 10px;box-shadow:0 8px 20px -8px rgba(0,0,0,.7);opacity:0;transform:translate(6px,4px) scale(.85);transform-origin:100% 100%;transition:opacity .35s ease,transform .45s cubic-bezier(.3,1.5,.5,1);pointer-events:none}
.rail.athome .beebub{opacity:1;transform:none;animation:bubbob 2.6s ease-in-out infinite .5s}
@keyframes bubbob{0%,100%{translate:0 0}50%{translate:0 -2px}}
.rail.athome:hover .rlbl{opacity:0 !important;pointer-events:none !important}
.rail.athome .rhex:hover .rlbl{opacity:1 !important}
@media (min-width:768px){.backtop{display:none !important}}
/* 01 – a három kártya csak akkor jelenik meg, ha tovább görgetsz (félig látszó állapotban még rejtve) */
@supports (animation-timeline: view()){@media (prefers-reduced-motion: no-preference){
 #mez .three>article{animation:rvlate linear both !important;animation-timeline:view() !important;animation-range:entry 100% cover 52% !important}
 #mez .three>article:nth-child(2){animation-range:entry 100% cover 56% !important}
 #mez .three>article:nth-child(3){animation-range:entry 100% cover 60% !important}
}}
@keyframes rvlate{from{opacity:0;transform:translateY(60px)}to{opacity:1;transform:none}}
/* ===== telefon: a nyitóképernyő mindig kiférjen a gombbal együtt ===== */
@media (max-width:767px){
 #top>div{padding-top:clamp(14px,3svh,40px) !important;padding-bottom:clamp(32px,5svh,64px) !important}
 #top .hero-grid>div:first-child{gap:clamp(10px,2.1svh,24px) !important}
 #top .hero-grid>div:first-child>.fade:first-child{font-size:clamp(10px,1.45svh,12.5px) !important;letter-spacing:.24em !important}
 #top h1 .mask:nth-child(1),#top h1 .mask:nth-child(2){font-size:clamp(46px,min(20vw,9.4svh),96px) !important}
 #top h1 .mask:nth-child(3){font-size:clamp(21px,min(7.4vw,3.7svh),34px) !important;margin-top:clamp(4px,1svh,14px) !important}
 #top p.fade{font-size:clamp(14px,2.05svh,18px) !important;line-height:1.5 !important}
 #top .btn{min-height:clamp(42px,5.8svh,52px);padding:0 clamp(18px,5vw,26px);font-size:clamp(13.5px,1.9svh,15px)}
}
/* ===== telefon: „04 — A méhész” a kép fölött ===== */
@media (max-width:767px){
 #mehesz .two{gap:24px}
 #mehesz .two>div:last-child{display:contents !important}
 #mehesz .two>div:last-child>.rv:first-child{order:-1;margin-bottom:30px}
 #mehesz .two>div:first-child{order:0;margin-bottom:22px}
 #mehesz .two>div:last-child>*:not(:first-child){order:1}
}
/* ===== telefon: berepülő méhecske a láblécnél – „vissza az elejére” ===== */
.backtop{display:none !important}
.mbee{display:none}
@media (max-width:767px){
 .mbee{display:flex;align-items:center;gap:10px;position:fixed;right:14px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:60;text-decoration:none;pointer-events:none;-webkit-tap-highlight-color:transparent}
 .mbee-ic{display:block;width:62px;height:62px;border-radius:50%;background:#1C1810;border:1px solid rgba(227,163,59,.45);box-shadow:0 14px 30px -10px rgba(0,0,0,.85);display:grid;place-items:center;transform:translateX(160%) rotate(25deg);opacity:0;transition:transform .9s cubic-bezier(.25,1.25,.4,1),opacity .4s}
 .mbee-bub{background:#F2E8D5;color:#1E1A12;font:700 13px/1.3 Manrope,system-ui,sans-serif;padding:10px 13px;border-radius:14px 14px 4px 14px;max-width:190px;box-shadow:0 10px 24px -10px rgba(0,0,0,.8);opacity:0;transform:translateX(16px) scale(.85);transform-origin:100% 100%;transition:opacity .35s ease .55s,transform .45s cubic-bezier(.3,1.5,.5,1) .55s}
 .mbee.on{pointer-events:auto}
 .mbee.on .mbee-ic{transform:none;opacity:1;animation:mbeefloat 2.4s ease-in-out infinite 1s}
 .mbee.on .mbee-bub{opacity:1;transform:none}
 .mbee:active .mbee-ic{transform:scale(.9)}
}
@keyframes mbeefloat{0%,100%{translate:0 0}50%{translate:0 -5px}}
/* rendelés-összesítő */
.osum{margin-top:8px;padding:18px 18px 16px;border-radius:18px;background:linear-gradient(135deg,rgba(227,163,59,.10),rgba(227,163,59,.02) 60%);border:1px solid rgba(227,163,59,.22);display:flex;flex-direction:column;gap:14px}
.osum-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.osum-lbl{font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;color:#B9AE98}
.osum-total:empty{display:none}
.osum-total{font:600 13px/1 Manrope,sans-serif;color:#13110C;background:var(--honey);padding:7px 11px;border-radius:999px;letter-spacing:.02em}
.osum-chips{display:flex;flex-wrap:wrap;gap:8px}
.ochip{display:inline-flex;align-items:center;gap:10px;padding:5px 14px 5px 5px;border-radius:999px;background:#211C13;border:1px solid rgba(242,232,213,.14);font-size:14.5px;font-weight:600;color:#F2E8D5;animation:chipin .45s cubic-bezier(.2,.9,.3,1.3) both}
.ochip b{display:inline-grid;place-items:center;min-width:28px;height:28px;padding:0 6px;border-radius:999px;background:var(--honey);color:#13110C;font-size:13px;font-weight:800}
.ochip-empty{font-size:14px;color:#8F8572;font-style:italic}
@keyframes chipin{from{opacity:0;transform:translateY(6px) scale(.9)}to{opacity:1;transform:none}}
@media (max-width:767px){#kapcsolat>.btn{align-self:center !important}}
/* +/− gombok: rajzolt ikon, pontosan középen */
.step{display:inline-grid;place-items:center;padding:0;font-size:0 !important;line-height:0;position:relative;flex:none}
.step::before,.step.inc::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2px;margin:-1px 0 0 -7px;border-radius:2px;background:currentColor}
.step.inc::after{width:2px;height:14px;margin:-7px 0 0 -1px}

/* --- statikus export kiegészítések --- */
/* nyelvváltó mobilon is */
@media (max-width:767px){
 .site-head nav{gap:10px !important}
 .site-head nav>div:last-child{gap:8px !important}
 .site-head .lang{display:flex !important;padding:2px;font-size:10.5px}
 .site-head .lang a{min-width:32px;min-height:30px}
 .site-head nav>a>span>span:last-child{white-space:nowrap;letter-spacing:.22em !important}
}
@media (max-width:400px){
 .site-head nav>a>span>span:last-child{display:none}
 .site-head .btn-honey{padding:0 16px !important}
}
.oline{border-color:rgba(242,232,213,.14);background:transparent}
.oline.on{border-color:var(--honey);background:rgba(227,163,59,.07)}
@media (max-width:767px){section[id]{scroll-margin-top:72px}}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
#kapcsolat.busy button[type="submit"]{opacity:.6;cursor:progress}
#kapcsolat.sent>*:not(.osent){display:none !important}
.osent{display:flex;gap:18px;align-items:flex-start;padding:8px 4px;animation:qup .5s cubic-bezier(.2,.9,.3,1.2)}
.osent b{display:block;font:600 28px/1.15 'Cormorant Garamond',Georgia,serif;color:#F2E8D5}
.osent span{display:block;margin-top:8px;color:#B9AE98;font-size:15px}
.osent-ic{flex:none;width:52px;height:58px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:var(--honey);position:relative}
.osent-ic::after{content:"";position:absolute;left:19px;top:15px;width:11px;height:20px;border:solid #13110C;border-width:0 4px 4px 0;transform:rotate(45deg)}