:root{--garden-green:#00552b}
#gardenShop{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}
#gardenShop>main{flex:1 0 auto;width:100%}
#gardenShop>.header,#gardenShop>.shop-end,#gardenShop>.site-footer{flex-shrink:0}
.garden-intro{display:none;position:fixed;inset:0;right:auto;width:100vw;z-index:10000;isolation:isolate;overflow:hidden}
.garden-intro-pending .garden-intro{display:block}
html.garden-intro-pending,html.garden-intro-pending body{overflow:hidden}
.garden-intro-pending #gardenShop{visibility:hidden}
.garden-intro-running #gardenShop{visibility:visible}
.garden-shutter{position:absolute;left:0;right:0;height:calc(50% + 1px);background:var(--garden-green);will-change:transform}
.garden-shutter-top{top:0}
.garden-shutter-bottom{bottom:0}
.garden-flower{position:absolute;width:clamp(130px,20vw,260px);aspect-ratio:1;bottom:-28px;left:-25px;pointer-events:none;opacity:0}
.garden-flower:nth-child(2){width:clamp(95px,13vw,175px);left:14%;bottom:-45px;rotate:28deg}
.garden-flower:nth-child(3){left:auto;right:-30px;bottom:52px;rotate:-28deg}
.garden-flower:nth-child(4){width:clamp(95px,13vw,175px);left:auto;right:14%;bottom:-40px;rotate:65deg}
.garden-petal-stage{position:absolute;inset:0;background-image:url('/assets/garden-rose-bloom-v1.png');background-size:300% 100%;background-repeat:no-repeat;opacity:0;will-change:opacity,transform}
.garden-petal-stage:nth-child(1){background-position:0% 50%}
.garden-petal-stage:nth-child(2){background-position:50% 50%}
.garden-petal-stage:nth-child(3){background-position:100% 50%}
.garden-mark-position{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.garden-mark{width:min(88vw,820px);aspect-ratio:1254/410;position:relative;overflow:hidden;opacity:0;will-change:transform,opacity}
.garden-mark img{position:absolute;top:-102.439%;left:0;width:100%;height:auto;display:block;filter:url('#garden-logo-alpha')}
.garden-skip{position:absolute;right:clamp(20px,4vw,56px);bottom:max(24px,env(safe-area-inset-bottom));min-height:44px;padding:10px 0;color:#fff;background:none;border:0;font:11px/1.4 Arial,sans-serif;letter-spacing:.06em;cursor:pointer;opacity:.7}
.garden-skip:hover,.garden-skip:focus-visible{opacity:1}
.garden-skip:focus-visible{outline:1px solid #fff;outline-offset:6px}
@media(max-width:600px){.garden-mark{width:96vw}.garden-skip{font-size:11px}}
@media(max-width:600px){.garden-flower{width:160px;bottom:10px;left:-24px}.garden-flower:nth-child(2){display:none}.garden-flower:nth-child(3){width:155px;right:-30px;bottom:78px}.garden-flower:nth-child(4){width:105px;right:27%;bottom:-24px}}
.garden-shutter-top .garden-flower{bottom:auto;top:-28px;rotate:160deg}
.garden-shutter-top .garden-flower:nth-child(2){top:-45px;rotate:205deg}
.garden-shutter-top .garden-flower:nth-child(3){top:32px;rotate:130deg}
.garden-shutter-top .garden-flower:nth-child(4){top:-40px;rotate:245deg}
@media(max-width:600px){.garden-shutter-top .garden-flower{top:-22px}.garden-shutter-top .garden-flower:nth-child(3){top:38px}.garden-shutter-top .garden-flower:nth-child(4){top:-32px}}