*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:Segoe UI,Arial,sans-serif;-webkit-font-smoothing:antialiased;background-color:#0a3d2e}.wrb-perspective{perspective:900px;perspective-origin:50% 60%}.wrb-filter-svg{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.wrb-btn{position:relative;display:flex;align-items:center;justify-content:center;width:320px;min-height:110px;padding:1.6rem 2rem;background:#082d20a6;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(100,232,144,.28);border-radius:20px;cursor:pointer;outline:none;overflow:hidden;transform-style:preserve-3d;transform:rotateX(0) translateY(0) scale(1);transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s ease,border-color .35s ease,background .35s ease;box-shadow:0 8px 32px #00000073,0 0 #64e89000}.wrb-btn:hover{transform:rotateX(-6deg) translateY(-8px) scale(1.03);background:#0a3726cc;border-color:#64e8908c;box-shadow:0 20px 60px #0009,0 0 40px #64e8901f,inset 0 1px #ffffff14}.wrb-btn:active{transform:rotateX(-3deg) translateY(-3px) scale(.98);transition-duration:.1s}.wrb-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,#64e89000,#64e8900f 40%,#b4ffdc1f,#64e8900f 60%,#64e89000);background-size:200% 200%;opacity:0;transition:opacity .3s ease;animation:shimmer-move 5s ease-in-out infinite paused;pointer-events:none}.wrb-btn:hover .wrb-shimmer{opacity:1;animation-play-state:running}@keyframes shimmer-move{0%{background-position:200% 200%}50%{background-position:0% 0%}to{background-position:200% 200%}}.wrb-ripple-origin{position:absolute;left:var(--rx);top:var(--ry);width:0;height:0;pointer-events:none;z-index:1}.wrb-wave{position:absolute;width:36px;height:36px;margin-left:-18px;margin-top:-18px;border-radius:50%;border:1.5px solid rgba(100,232,144,.55);opacity:0;transform:scale(.1);pointer-events:none;animation:wrb-wave-expand 3.8s cubic-bezier(.15,0,.55,1) forwards}.wrb-wave--1{animation-delay:0s}.wrb-wave--2{animation-delay:.6s;border-color:#64e89059}.wrb-wave--3{animation-delay:1.2s;border-color:#64e89033}@keyframes wrb-wave-expand{0%{transform:scale(.1);opacity:.7}10%{opacity:.55}70%{opacity:.12}to{transform:scale(22);opacity:0}}.wrb-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:.4rem;pointer-events:none}.wrb-emoji{font-size:2.4rem;line-height:1;filter:drop-shadow(0 0 10px rgba(100,232,144,.5));transition:filter .3s ease,transform .3s ease}.wrb-btn:hover .wrb-emoji{filter:drop-shadow(0 0 18px rgba(100,232,144,.8));transform:scale(1.1) translateZ(20px)}.wrb-label{font-size:clamp(.95rem,3vw,1.1rem);font-weight:700;color:#e8fff3;text-align:center;letter-spacing:.02em;line-height:1.3;text-shadow:0 0 16px rgba(100,232,144,.4);transition:text-shadow .3s ease}.wrb-btn:hover .wrb-label{text-shadow:0 0 24px rgba(100,232,144,.7)}.wrb-sublabel{font-size:.78rem;color:#96f0b4b3;letter-spacing:.04em;text-transform:uppercase;font-weight:400}@media(max-width:420px){.wrb-btn{width:280px;min-height:95px;padding:1.3rem 1.5rem}}.home{min-height:100vh;width:100%;background-image:url(/images/darkgreen.jpg);background-size:cover;background-position:center;background-attachment:fixed;background-color:#071f12;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.home:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#00000085;pointer-events:none;z-index:0}.home__caustic{position:fixed;border-radius:50%;pointer-events:none;z-index:0;opacity:0;mix-blend-mode:screen;animation:caustic-pulse 8s ease-in-out infinite}.home__caustic--1{width:60vmax;height:60vmax;top:-15vmax;left:-10vmax;background:radial-gradient(ellipse at 40% 40%,rgba(40,180,100,.18) 0%,rgba(20,120,70,.08) 45%,transparent 70%);animation-duration:9s;animation-delay:0s}.home__caustic--2{width:50vmax;height:50vmax;bottom:-10vmax;right:-8vmax;background:radial-gradient(ellipse at 60% 60%,rgba(0,160,200,.14) 0%,rgba(0,100,150,.06) 50%,transparent 70%);animation-duration:11s;animation-delay:-3s}.home__caustic--3{width:40vmax;height:40vmax;top:30%;left:30%;transform:translate(-50%,-50%);background:radial-gradient(ellipse at 50% 50%,rgba(80,220,140,.1) 0%,rgba(40,160,100,.04) 50%,transparent 70%);animation-duration:13s;animation-delay:-6s}@keyframes caustic-pulse{0%{opacity:.4;transform:scale(1) translate(0)}25%{opacity:.7;transform:scale(1.08) translate(2%,-2%)}50%{opacity:.5;transform:scale(.95) translate(-2%,3%)}75%{opacity:.75;transform:scale(1.05) translate(3%,1%)}to{opacity:.4;transform:scale(1) translate(0)}}.home__caustic--3{top:50%;left:50%}.home__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:2.5rem;padding:2rem 1.5rem 3rem;width:100%;max-width:480px}.home__hero{display:flex;flex-direction:column;align-items:center;gap:.5rem}.home__logo-wrap{position:relative;width:90px;height:90px;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.home__logo-icon{font-size:4rem;line-height:1;position:relative;z-index:2;filter:drop-shadow(0 0 20px rgba(100,232,144,.6));animation:logo-float 4s ease-in-out infinite}@keyframes logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.home__logo-ripple{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid rgba(100,232,144,.3);animation:logo-ring 2.5s ease-out infinite}.home__logo-ripple:after{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;border-radius:50%;border:1.5px solid rgba(100,232,144,.15);animation:logo-ring 2.5s ease-out infinite .6s}@keyframes logo-ring{0%{transform:scale(.8);opacity:.8}to{transform:scale(1.6);opacity:0}}.home__brand{font-size:clamp(2.2rem,8vw,3rem);font-weight:900;color:#fff;letter-spacing:.04em;text-shadow:0 0 30px rgba(100,232,144,.5),0 2px 8px rgba(0,0,0,.5);margin:0;line-height:1}.home__tagline{font-size:clamp(.75rem,2.5vw,.9rem);color:#96f0b4d9;letter-spacing:.1em;text-transform:uppercase;font-weight:500;margin:0}.home__subtitle{font-size:clamp(.85rem,2.8vw,1rem);color:#c8ffe699;font-weight:400;margin:.4rem 0 0;letter-spacing:.03em}.home__actions{display:flex;flex-direction:column;align-items:center;gap:1.4rem;width:100%}.home__divider{display:flex;align-items:center;width:100%;max-width:320px;gap:.8rem;opacity:.4}.home__divider span:not(.home__divider-icon){flex:1;height:1px;background:linear-gradient(to right,transparent,rgba(100,232,144,.6),transparent)}.home__divider-icon{font-size:1.2rem;color:#64e890cc;letter-spacing:-.1em}.home__footer-text{font-size:.78rem;color:#ffffff59;letter-spacing:.04em;margin:0}@media(min-width:480px){.home__content{gap:3rem;padding:3rem 2rem 4rem}}@media(min-width:768px){.home__actions{flex-direction:row;justify-content:center;flex-wrap:wrap;gap:1.8rem}}.header{position:sticky;top:0;z-index:100;background:#082d20eb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 2px 20px #0000004d}.header__inner{max-width:1200px;margin:0 auto;padding:.75rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.header__logo{display:flex;align-items:center;gap:.6rem}.header__logo-icon{font-size:2rem;line-height:1;filter:drop-shadow(0 0 8px rgba(100,220,150,.4))}.header__logo-text{display:flex;flex-direction:column;gap:.05rem}.header__brand{font-size:clamp(1.2rem,4vw,1.6rem);font-weight:800;color:#fff;letter-spacing:.02em;line-height:1.1;text-shadow:0 0 20px rgba(100,220,150,.3)}.header__tagline{font-size:clamp(.65rem,2vw,.75rem);color:#96f0b4cc;font-weight:400;letter-spacing:.05em;text-transform:uppercase}.header__subtitle{font-size:clamp(.75rem,2.5vw,.9rem);color:#96f0b4b3;font-weight:500;letter-spacing:.03em;text-align:right}@media(min-width:768px){.header__inner{padding:1rem 1.5rem}}@media(min-width:1024px){.header__inner{padding:1rem 2rem}}.drink-card{min-width:0;background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:14px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;cursor:default;min-height:44px;display:grid;grid-template-areas:"img namewrap prices";grid-template-columns:4.5rem 1fr auto;grid-template-rows:1fr}.drink-card:active{transform:scale(.97);background:#ffffff1a}.drink-card__image{grid-area:img;aspect-ratio:1 / 1;background:#ffffff0a;border-right:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.drink-card__image img{width:100%;height:100%;object-fit:contain;padding:.4rem}.drink-card__image-placeholder{font-size:2rem;opacity:.3;border:2px dashed rgba(255,255,255,.2);width:calc(100% - 1.2rem);height:calc(100% - 1.2rem);display:flex;align-items:center;justify-content:center;border-radius:8px}.drink-card__name-wrap{grid-area:namewrap;display:flex;flex-direction:column;gap:.15rem;padding:.5rem .5rem .5rem .6rem;align-self:center}.drink-card__name{font-size:clamp(.72rem,2.2vw,.82rem);font-weight:600;color:#e8fff3;line-height:1.3;margin:0}.drink-card__prices{grid-area:prices;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:.3rem;padding:.5rem .65rem .5rem .5rem;text-align:right;border-left:1px solid rgba(255,255,255,.08)}.drink-card__price{font-size:clamp(.78rem,2.2vw,.88rem);font-weight:700;color:#64e890;letter-spacing:.02em;margin:0}.drink-card__original-price{font-size:clamp(.62rem,1.7vw,.72rem);color:#c8c8c880;text-decoration:line-through;font-weight:400}.drink-card__discount-pct{display:inline-block;background:linear-gradient(135deg,#ff5f40,#ff3a1a);color:#fff;font-size:.62rem;font-weight:700;padding:.15rem .4rem;border-radius:20px;letter-spacing:.03em;box-shadow:0 2px 6px #ff3c1459}.drink-card__volume{font-size:.65rem;color:#a8f0c680;font-weight:400}@media(min-width:768px){.drink-card{display:flex;flex-direction:column}.drink-card:hover{transform:translateY(-3px);box-shadow:0 8px 30px #00000040;background:#ffffff1a}.drink-card__image{width:100%;border-right:none;border-bottom:1px solid rgba(255,255,255,.08)}.drink-card__image-placeholder{font-size:3rem;width:calc(100% - 1.5rem);height:calc(100% - 1.5rem)}.drink-card__name-wrap{padding:.25rem .9rem .5rem;gap:.2rem;align-self:auto;border-left:none}.drink-card__name{font-size:.95rem}.drink-card__prices{flex-direction:row;align-items:baseline;justify-content:flex-start;flex-wrap:wrap;text-align:left;gap:.35rem;padding:.1rem .9rem .75rem;border-left:none}.drink-card__volume{font-size:.72rem;width:100%;margin-top:.1rem}}@media(min-width:1024px){.drink-card__name-wrap{padding:.25rem 1rem 1rem}.drink-card__prices{padding:.15rem 1rem .7rem}}.category-section{margin-bottom:2rem;min-width:0}.category-section__header{display:flex;align-items:center;gap:.6rem;margin-bottom:.9rem;padding-bottom:.5rem;border-bottom:2px solid rgba(100,220,150,.3)}.category-section__icon{font-size:1.4rem;line-height:1}.category-section__title{font-size:clamp(1rem,3.5vw,1.25rem);font-weight:700;color:#a8f0c6;letter-spacing:.02em;text-shadow:0 0 10px rgba(100,220,150,.2)}.category-section__grid{display:grid;grid-template-columns:1fr;gap:.75rem}@media(min-width:480px){.category-section__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.category-section{margin-bottom:2.5rem}.category-section__grid{grid-template-columns:repeat(3,1fr);gap:1rem}}@media(min-width:1024px){.category-section__grid{grid-template-columns:repeat(4,1fr);gap:1.25rem}}.filter-bar{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.5rem}.filter-bar__search{position:relative;display:flex;align-items:center}.filter-bar__search-icon{position:absolute;left:.75rem;font-size:.9rem;pointer-events:none;opacity:.7}.filter-bar__input{width:100%;padding:.6rem 2.5rem .6rem 2.3rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#e8fff3;font-size:.9rem;outline:none;transition:background .2s,border-color .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.filter-bar__input::placeholder{color:#a8f0c666}.filter-bar__input:focus{background:#ffffff1f;border-color:#64e89073}.filter-bar__input::-webkit-search-cancel-button{display:none}.filter-bar__clear{position:absolute;right:.6rem;background:none;border:none;color:#a8f0c680;font-size:.75rem;cursor:pointer;padding:.2rem .3rem;line-height:1;transition:color .15s}.filter-bar__clear:hover{color:#e8fff3}.filter-bar__select-wrap{position:relative;display:flex;align-items:center}.filter-bar__select-icon{position:absolute;left:.75rem;font-size:.85rem;pointer-events:none;opacity:.7}.filter-bar__select{width:100%;padding:.6rem 2.2rem .6rem 2.3rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#e8fff3;font-size:.9rem;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:background .2s,border-color .2s}.filter-bar__select:focus{background:#ffffff1f;border-color:#64e89073}.filter-bar__select option{background:#1a3d2a;color:#e8fff3}.filter-bar__select-arrow{position:absolute;right:.8rem;font-size:.75rem;color:#a8f0c680;pointer-events:none}@media(min-width:560px){.filter-bar{flex-direction:row;align-items:stretch}.filter-bar__search{flex:1 1 0}.filter-bar__select-wrap{flex:0 0 220px}}@media(min-width:768px){.filter-bar{margin-bottom:2rem}.filter-bar__input,.filter-bar__select{font-size:.95rem;padding-top:.7rem;padding-bottom:.7rem}.filter-bar__select-wrap{flex-basis:260px}}.app{min-height:100vh;background-image:url(/images/blue.jpg);background-size:cover;background-position:center;background-attachment:fixed;background-color:#0a3d2e;position:relative;overflow-x:hidden}.app:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:#0000008c;pointer-events:none;z-index:0}.app__main{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:1rem .75rem 2rem}.app__no-results{text-align:center;color:#a8f0c680;font-size:1rem;padding:3rem 1rem}.app__footer{position:relative;z-index:1;text-align:center;padding:1.5rem 1rem;color:#ffffff80;font-size:.85rem;border-top:1px solid rgba(255,255,255,.1)}@media(min-width:768px){.app__main{padding:1.5rem 1.5rem 3rem}}@media(min-width:1024px){.app__main{padding:2rem 2rem 4rem}}.drinks-sticky-header{position:sticky;top:0;z-index:200}.drinks-sticky-header .drinks-nav,.drinks-sticky-header .header{position:relative;top:auto;z-index:auto}.drinks-filter-sticky{position:sticky;top:0;z-index:150;margin:-1rem -.75rem 1rem;padding:.75rem;background:#051e14f7;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(100,232,144,.12);box-shadow:0 4px 16px #0000004d}.drinks-filter-sticky .filter-bar{margin-bottom:0}@media(min-width:768px){.drinks-filter-sticky{margin-left:-.75rem;margin-right:-.75rem;padding:.75rem}}@media(max-width:767px){.drinks-page{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.drinks-page .app__main{flex:1;width:100%;align-self:stretch;overflow-y:auto;overflow-x:hidden;min-height:0;-webkit-overflow-scrolling:touch;padding-top:0;padding-left:20px;padding-right:20px;box-sizing:border-box}.drinks-page .drinks-filter-sticky{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px;margin-bottom:30px}.drinks-page .filter-bar{flex-direction:column}.drinks-page .filter-bar__search,.drinks-page .filter-bar__select-wrap{flex:1 1 auto;width:100%}.drinks-page .app__footer{flex-shrink:0}}.drinks-nav{position:sticky;top:0;z-index:200;display:flex;align-items:center;justify-content:space-between;padding:.55rem 1rem;background:#051e14f2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(100,232,144,.15);box-shadow:0 2px 16px #00000059}.drinks-nav__btn{display:flex;align-items:center;gap:.4rem;padding:.4rem .9rem;background:#64e8901a;border:1px solid rgba(100,232,144,.25);border-radius:20px;color:#a8f0c6;font-size:.82rem;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.drinks-nav__btn:hover{background:#64e89033;border-color:#64e89080;color:#e8fff3}.drinks-nav__btn--qr{background:#50b4ff1a;border-color:#50b4ff40;color:#a0d8ff}.drinks-nav__btn--qr:hover{background:#50b4ff33;border-color:#50b4ff80;color:#e8f6ff}@media(min-width:768px){.drinks-nav{padding:.6rem 1.5rem}.drinks-nav__btn{font-size:.88rem;padding:.45rem 1.1rem}}.qr-sticky-header{position:sticky;top:0;z-index:200}.qr-sticky-header .header,.qr-sticky-header .qr-nav{position:relative;top:auto;z-index:auto}.qr-page{min-height:100vh;width:100%;background-image:url(/images/darkgreen.jpg);background-size:cover;background-position:center;background-attachment:fixed;background-color:#071f12;position:relative;overflow:hidden;display:flex;flex-direction:column}.qr-page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;pointer-events:none;z-index:0}.qr-page__caustic{position:fixed;border-radius:50%;pointer-events:none;z-index:0;mix-blend-mode:screen;animation:caustic-pulse 9s ease-in-out infinite}.qr-page__caustic--1{width:55vmax;height:55vmax;top:-15vmax;right:-10vmax;background:radial-gradient(ellipse at 60% 40%,rgba(40,180,100,.15) 0%,rgba(20,120,70,.06) 50%,transparent 70%);animation-duration:10s}.qr-page__caustic--2{width:45vmax;height:45vmax;bottom:-8vmax;left:-8vmax;background:radial-gradient(ellipse at 40% 60%,rgba(0,160,200,.12) 0%,rgba(0,100,150,.05) 50%,transparent 70%);animation-duration:13s;animation-delay:-4s}@keyframes caustic-pulse{0%{opacity:.4;transform:scale(1) translate(0)}33%{opacity:.7;transform:scale(1.07) translate(2%,-2%)}66%{opacity:.5;transform:scale(.95) translate(-2%,3%)}to{opacity:.4;transform:scale(1) translate(0)}}.qr-nav{position:relative;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:.55rem 1rem;background:#051e14f2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(100,232,144,.15);box-shadow:0 2px 16px #00000059;flex-shrink:0}.qr-nav__btn{display:flex;align-items:center;gap:.4rem;padding:.4rem .9rem;background:#64e8901a;border:1px solid rgba(100,232,144,.25);border-radius:20px;color:#a8f0c6;font-size:.82rem;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.qr-nav__btn:hover{background:#64e89033;border-color:#64e89080;color:#e8fff3}.qr-nav__btn--drinks{background:#64c8501a;border-color:#64c85040;color:#b8f0a0}.qr-nav__btn--drinks:hover{background:#64c85033;border-color:#64c85080;color:#e8ffe0}.qr-page__content{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem 3rem;gap:2rem}.qr-page__header{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.qr-page__icon{font-size:2.8rem;filter:drop-shadow(0 0 14px rgba(100,232,144,.5));animation:icon-float 4s ease-in-out infinite}@keyframes icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.qr-page__title{font-size:clamp(1.2rem,5vw,1.7rem);font-weight:800;color:#fff;text-shadow:0 0 24px rgba(100,232,144,.45);margin:0;letter-spacing:.02em;line-height:1.25}.qr-page__desc{font-size:.88rem;color:#96f0b4bf;margin:0;letter-spacing:.03em}.qr-page__card{display:flex;flex-direction:column;align-items:center;gap:1rem}.qr-page__card-inner{position:relative;padding:1.2rem;background:#ffffff0f;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(100,232,144,.2);border-radius:20px;box-shadow:0 8px 40px #00000080,0 0 0 1px #ffffff0a inset;overflow:hidden}.qr-page__corner{position:absolute;width:22px;height:22px;pointer-events:none;z-index:3}.qr-page__corner--tl{top:10px;left:10px;border-top:3px solid rgba(100,232,144,.8);border-left:3px solid rgba(100,232,144,.8);border-radius:4px 0 0}.qr-page__corner--tr{top:10px;right:10px;border-top:3px solid rgba(100,232,144,.8);border-right:3px solid rgba(100,232,144,.8);border-radius:0 4px 0 0}.qr-page__corner--bl{bottom:10px;left:10px;border-bottom:3px solid rgba(100,232,144,.8);border-left:3px solid rgba(100,232,144,.8);border-radius:0 0 0 4px}.qr-page__corner--br{bottom:10px;right:10px;border-bottom:3px solid rgba(100,232,144,.8);border-right:3px solid rgba(100,232,144,.8);border-radius:0 0 4px}.qr-page__scan-line{position:absolute;left:12px;right:12px;height:2px;background:linear-gradient(to right,transparent,rgba(100,232,144,.8),transparent);box-shadow:0 0 8px #64e89099;z-index:3;animation:scan 2.5s ease-in-out infinite;border-radius:1px}@keyframes scan{0%{top:15px;opacity:1}48%{opacity:1}50%{top:calc(100% - 15px);opacity:.7}51%{opacity:0}52%{top:15px;opacity:0}54%{opacity:1}to{top:15px;opacity:1}}.qr-page__image{display:block;width:clamp(220px,60vw,300px);height:clamp(220px,60vw,300px);object-fit:contain;border-radius:12px;position:relative;z-index:1}.qr-page__hint{font-size:.8rem;color:#fff6;letter-spacing:.04em;margin:0;text-align:center}@media(min-width:768px){.qr-nav{padding:.6rem 1.5rem}.qr-nav__btn{font-size:.88rem;padding:.45rem 1.1rem}.qr-page__content{padding:3rem 2rem 4rem}}