:root{--sage:#70877c;--ink:#2e5949;--cream:#f7eed9;--pale:#fffbee;--shadow:#344c3e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{overflow-x:clip;margin:0;color:var(--ink);background:radial-gradient(ellipse at 24% 0,#9eada060,transparent 48%),#70877c;font-family:'Noto Sans Thai',sans-serif;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #b97740;outline-offset:5px}.topbar{width:min(850px,calc(100% - 64px));height:88px;margin:auto;display:flex;justify-content:space-between;align-items:center;color:#fff8e4}.brand{font-weight:800;font-size:27px;line-height:1.05;text-shadow:0 2px 8px #f9e9b662}.brand small{display:block;font-size:8px;letter-spacing:2px;margin-top:8px}.topbar nav{display:flex;align-items:center;gap:24px;font-size:12px;font-weight:600}.pill{border:1px solid #fff8d9;border-radius:999px;background:linear-gradient(175deg,#fffef0,#f2e8ce);color:var(--ink);display:inline-flex;justify-content:center;align-items:center;gap:9px;padding:11px 21px;font-weight:700;box-shadow:inset 0 2px 2px #fff,0 4px 0 #c6bfa6,0 9px 14px #3d57442a;transition:transform .18s,box-shadow .18s}.pill:hover{transform:translateY(-2px);box-shadow:inset 0 2px 2px #fff,0 6px 0 #c6bfa6,0 13px 18px #3d574435}.pill:active{transform:translateY(3px);box-shadow:inset 0 2px 3px #c7bea780,0 1px 0 #c6bfa6,0 3px 6px #3d574430}.line-icon{display:inline-flex;align-items:center;justify-content:center;background:currentColor;width:23px;height:19px;border-radius:50%;position:relative;font-size:0;flex:none}.line-icon:before{content:'LINE';color:#fff9e8;font:700 6px Arial}.line-icon:after{content:'';position:absolute;bottom:-3px;left:5px;border-top:6px solid currentColor;border-right:5px solid transparent;transform:rotate(-12deg)}.nav-line{font-size:11px;padding:9px 17px}.garden{position:relative;width:min(1000px,calc(100% - 30px));margin:0 auto;isolation:isolate;min-height:820px}.surface{position:absolute;inset:0 13% 23px;border-radius:48px 48px 40px 40px;background:radial-gradient(ellipse at 18% 0,#fffef5,transparent 70%),linear-gradient(145deg,#f6ecd8,#e9dcc0);box-shadow:inset 1px 2px 2px #fffff6a0,10px 25px 30px #1e40372b;z-index:-2}.surface:before,.surface:after{content:'';position:absolute;width:9%;height:115px;top:0;border-radius:35px;background:linear-gradient(150deg,#fcf2dd,#eaddc2)}.surface:before{left:-16%}.surface:after{right:-16%}.notch{position:absolute;right:-5%;top:-1px;width:10%;height:64px;border-radius:0 0 24px 24px;background:var(--sage)}.rail{position:absolute;right:-12%;top:35px;width:17px;height:42px;background:repeating-linear-gradient(to bottom,#6e8877 0 2px,transparent 2px 8px);opacity:.8}.botanical-frame{position:absolute;width:100%;height:100%;inset:0;object-fit:fill;pointer-events:none;z-index:2;filter:drop-shadow(6px 13px 9px #153e343b)}.page-content{position:relative;width:53%;margin:auto;padding:31px 0 52px;z-index:3}.intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 18px}.eyebrow{font-size:8px;letter-spacing:2px;font-weight:700;color:#6f8774}h1{font-size:30px;line-height:1.3;margin:7px 0 0;letter-spacing:-1px}h1 span{white-space:nowrap}.intro p{font-size:10px;line-height:1.8;margin:0;color:#71816c}.showcase{border:1px solid #fff7e5;border-radius:15px;background:linear-gradient(150deg,#e7dbc140,#fff9e650);padding:8px;box-shadow:inset 0 1px 1px #fff9}.showcase-head{display:flex;align-items:center;justify-content:space-between;padding:0 7px 7px}.showcase-head>span{display:flex;align-items:center;gap:7px;font-size:12px}.showcase-head img{object-fit:contain}.showcase-head small{font-size:8px;color:#8a9279}.carousel{border-radius:13px;background:linear-gradient(#fffdf3,#f1e8d3);border:1px solid #fffef7;box-shadow:0 3px 1px #c3b99d,0 9px 13px #4b634120,inset 0 2px 1px #fff;overflow:hidden;touch-action:pan-y}.stage{height:192px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 85%,#c7ccad50,transparent 65%);isolation:isolate}.stage:after{content:'';position:absolute;bottom:12px;left:9%;right:9%;height:1px;background:linear-gradient(90deg,transparent,#d6ccb280,transparent);z-index:-1}.hero-product{position:absolute;left:50%;top:5px;width:125px;height:185px;border:0;padding:0;background:none;transition:transform .5s,opacity .5s;transform-origin:center bottom}.hero-product img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(3px 9px 6px #28473525);pointer-events:none;user-select:none}.round{width:29px;height:29px;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:50%;border:1px solid #e3dac0;background:linear-gradient(#fffef1,#ece2c9);box-shadow:inset 0 1px 1px white,0 3px 0 #c9bea1,0 5px 8px #354d3d15;color:var(--ink);font:20px Georgia}.round:hover{background:#fffef5}.round:active{transform:translateY(2px);box-shadow:0 1px 0 #c9bea1}.carousel-controls{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:-5px;position:relative}.carousel-controls span{font-size:8px;letter-spacing:2px;color:#8a9278}.product-name{font-size:15px;text-align:center;font-weight:700;margin:11px 0 0}.dots{display:flex;justify-content:center;gap:2px;margin:3px 0 8px}.dots button{border:0;background:none;padding:8px 3px}.dots button:after{content:'';display:block;width:5px;height:4px;border-radius:5px;background:#d4cdb4}.dots button[aria-pressed=true]:after{width:16px;background:#54745b}.category-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:27px;margin:24px 13px 0}.category{font-size:16px;padding:10px 5px}.category-hint{text-align:center;font-size:9px;color:#8a9278;margin:14px 0 0}.about{padding:20px 0 19px;text-align:center;border-bottom:1px solid #c9c1a340;margin-bottom:19px}.about h2{font-size:17px;margin:0 0 7px}.about p{font-size:10px;margin:0;color:#7e8871}.visit{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;align-items:stretch}.shop-info h2{font-size:19px;margin:5px 0}.shop-info p{font-size:10px;color:#79826c;margin:5px 0 12px}.contact-actions{display:flex;gap:8px}.contact-actions .pill{font-size:10px;padding:8px 10px;gap:5px}.contact-actions svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.7}.phone{display:block;font-size:17px;font-weight:700;margin-top:12px;letter-spacing:.5px}.map-card{border-radius:16px;padding:17px;background:linear-gradient(135deg,#7d9a83,#426f5b);color:#fff6dc;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #bacfb0,0 5px 0 #bfba9d,0 9px 14px #27453125}.map-card img{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 3px 2px #29493740)}.map-card b{display:block;font-size:15px}.map-card small{font-size:9px}.map-ring{position:absolute;width:110px;height:110px;border:1px solid #d9edbf25;border-radius:50%;right:-35px;top:-30px;box-shadow:0 0 0 18px #d9edbf08,0 0 0 36px #d9edbf05}.order-main{display:flex;width:max-content;margin:22px auto 0;font-size:13px;min-width:240px;background:linear-gradient(#608a6c,#3f7056);border-color:#8aa585;color:#fffbe9;box-shadow:inset 0 2px 1px #b4c7a980,0 4px 0 #315942,0 9px 16px #234c3b30}.order-main .line-icon{color:#f8f2db}.order-main .line-icon:before{color:#446f55}footer{text-align:center;font-size:9px;letter-spacing:1.4px;color:#e1e6d2;margin:0 auto 20px}footer span{padding:0 8px;opacity:.6}.floating-line{display:none}dialog{width:min(690px,calc(100% - 28px));max-height:calc(100dvh - 36px);padding:23px 27px;border:1px solid #fffdf2;border-radius:28px;background:radial-gradient(ellipse at top left,#fffdf1,#f0e6cf);color:var(--ink);box-shadow:0 25px 80px #133b3570;overscroll-behavior:contain}dialog::backdrop{background:#24483c9c;backdrop-filter:blur(7px)}.gallery-top{display:flex;align-items:center;justify-content:space-between}.gallery-top h2{font-size:25px;margin:3px 0 14px}.close{width:36px;height:36px;font:25px sans-serif}.gallery-tabs{display:flex;gap:10px}.gallery-tabs .pill{flex:1;font-size:13px;padding:8px}.gallery-tabs [aria-pressed=true]{background:linear-gradient(#77947a,#476d54);color:#fff9e8;box-shadow:inset 0 1px 2px #b1c4a7,0 3px 0 #36583f,0 7px 10px #27473530}.gallery-filters{display:flex;overflow:auto;gap:8px;margin:20px 0 0;padding:3px 2px 9px;scrollbar-width:thin}.filter{border:1px solid #d3c9ac;border-radius:30px;background:none;color:var(--ink);font-size:11px;padding:6px 12px;white-space:nowrap}.filter[aria-pressed=true]{background:#dce3c9;border-color:#839574}.gallery-view{display:flex;align-items:center;justify-content:space-between;gap:8px;touch-action:pan-y;min-height:250px}.gallery-view>button{flex:none;width:35px;height:35px}.gallery-view figure{margin:0;min-width:0;flex:1;text-align:center}.gallery-view img{width:100%;height:min(36vh,300px);object-fit:contain;filter:drop-shadow(0 12px 9px #36533d26);user-select:none}.gallery-view figcaption{font-size:20px;font-weight:700;margin-top:8px}.gallery-count{text-align:center;font-size:11px;letter-spacing:2px;margin:10px 0;color:#7c896d}.gallery-hint{text-align:center;font-size:11px;color:#7c896d}.gallery-order{display:flex;width:max-content;margin:16px auto 8px;font-size:13px}.fruit-guide{display:block;text-align:center;font-size:11px;margin:14px 0 0}.fruit-guide[hidden]{display:none}
@media(min-width:1200px) and (min-height:900px){.garden{width:1040px;min-height:850px}.stage{height:210px}.hero-product{height:200px;width:135px}.intro{margin-bottom:22px}.about{padding:24px 0}.page-content{padding-top:36px}}
@media(max-width:760px){.topbar{width:calc(100% - 40px);height:75px}.brand{font-size:23px}.topbar nav{gap:15px;font-size:11px}.topbar nav>a:nth-child(2),.topbar nav>a:nth-child(3),.nav-line{display:none}.garden{width:100%;min-height:0}.surface{inset:0 5% 16px;border-radius:30px 30px 25px 25px}.surface:before,.surface:after,.rail,.notch{display:none}.botanical-frame{width:116%;left:-8%;opacity:.94}.page-content{width:76%;padding:24px 0 35px}.intro{display:block;text-align:center;margin-bottom:15px}.eyebrow{font-size:7px;letter-spacing:1.6px}h1{font-size:29px;margin-top:6px}.intro p{font-size:10px;line-height:1.6;margin-top:8px}.showcase{padding:6px}.showcase-head{padding:0 3px 5px}.showcase-head>span{font-size:10px;gap:3px}.showcase-head img{width:30px;height:30px}.showcase-head small{font-size:7px}.stage{height:165px}.hero-product{height:160px;width:106px}.product-name{font-size:13px}.category-buttons{gap:10px;margin:20px 0 0}.category{font-size:13px;padding:10px 2px}.category-hint{font-size:8px;margin-top:13px}.about{padding:16px 0;margin-bottom:15px}.about h2{font-size:13px}.about p{font-size:9px;line-height:1.7}.visit{grid-template-columns:1fr;gap:14px}.shop-info{text-align:center}.shop-info h2{font-size:18px}.shop-info p{font-size:9px}.contact-actions{justify-content:center;gap:10px}.contact-actions .pill{font-size:11px;padding:9px 12px}.phone{font-size:16px;margin-top:10px}.map-card{flex-direction:row;justify-content:center;align-items:center;gap:12px;padding:13px}.map-card img{width:34px;height:34px}.map-card b{font-size:13px}.map-card small{font-size:9px}.order-main{margin-top:21px;font-size:12px;min-width:0;width:100%;padding:12px 10px}.floating-line{display:flex;position:fixed;right:15px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:5;font-size:11px;padding:11px 16px;color:#fff9e4;background:linear-gradient(#658e70,#416b53);border-color:#92ac8c;box-shadow:inset 0 1px 1px #bfccad,0 4px 0 #32513f,0 8px 20px #203d3540}.floating-line .line-icon{color:#fff9e4}.floating-line .line-icon:before{color:#446b52}footer{font-size:7px;margin:4px 0 85px;letter-spacing:.7px}footer span{padding:0 4px}dialog{padding:19px 15px;border-radius:22px}.gallery-tabs{gap:7px}.gallery-tabs .pill{font-size:12px}.gallery-view img{height:min(35vh,260px)}.gallery-view figcaption{font-size:17px}.gallery-hint{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Keep the sculpted foliage beside the readable content, with a compact desktop canvas. */
.frame-left{clip-path:inset(0 50% 0 0);transform:translateX(-85px)}
.frame-right{clip-path:inset(0 0 0 50%);transform:translateX(85px)}
@media(min-width:761px){
.garden{min-height:0;width:min(1000px,calc(100% - 100px))}
.topbar{height:76px}.page-content{padding:22px 0 35px}
.intro{margin-bottom:13px;min-height:60px}.intro p{font-size:9px}
.showcase-head{padding-bottom:4px}.showcase-head img{width:30px;height:30px}
.stage{height:160px}.hero-product{height:155px;width:107px}
.carousel-controls .round{width:25px;height:25px}.product-name{margin-top:7px;font-size:13px}
.dots{margin-bottom:4px}.dots button{padding:5px 3px}
.category-buttons{margin-top:18px}.category{font-size:15px;padding:9px 5px}
.category-hint{margin-top:11px}.about{padding:16px 0;margin-bottom:14px}
.about h2{font-size:16px}.visit{gap:16px}.shop-info h2{font-size:17px}
.shop-info p{font-size:9px}.map-card{padding:14px}.phone{margin-top:10px}
.order-main{margin-top:18px}footer{margin-top:2px}
}
@media(max-width:760px){.frame-left{transform:translateX(-23px)}.frame-right{transform:translateX(23px)}}

/* Compact mobile landing page: keep the menu, directions and ordering close together. */
@media(max-width:760px){
.topbar{height:56px;width:calc(100% - 34px)}
.brand{font-size:21px}.brand small{font-size:7px;margin-top:5px}
.topbar nav{font-size:11px;gap:13px}
.page-content{width:80%;padding:13px 0 20px}
.surface{inset:0 4% 9px;border-radius:26px}
.intro{margin-bottom:10px}
.intro .eyebrow{display:none}
h1{font-size:25px;line-height:1.25;margin:0}
.intro p{font-size:10px;line-height:1.5;margin:6px 0 0}
.showcase{padding:5px;border-radius:12px}
.showcase-head{padding:0 3px 4px}
.showcase-head img{width:24px;height:24px}
.showcase-head small{display:none}
.stage{height:108px}
.hero-product{top:0;height:108px;width:76px}
.carousel-controls{gap:12px;margin-top:0}
.carousel-controls .round{width:27px;height:27px}
.product-name{font-size:12px;margin:6px 0 0}
.dots{margin:1px 0 4px}.dots button{padding:5px 3px}
.category-buttons{margin:14px 0 0;gap:9px}
.category{min-height:40px;font-size:12px;padding:8px 2px}
.category-hint{display:none}
.about{padding:14px 0 10px;margin-bottom:10px}
.about h2{font-size:12px;margin:0 0 4px}
.about p{font-size:9px;line-height:1.5}
.visit{grid-template-columns:minmax(0,1fr) 90px;gap:9px;align-items:stretch}
.shop-info{text-align:left}.shop-info>.eyebrow{display:none}
.shop-info h2{font-size:15px;margin:0 0 5px}
.shop-info p{font-size:10px;line-height:1.5;margin:0 0 8px}
.contact-actions{justify-content:flex-start;gap:6px}
.contact-actions .pill{min-height:34px;font-size:10px;padding:7px 8px;gap:3px}
.contact-actions svg{width:12px;height:12px}
.phone{font-size:14px;margin-top:8px}
.map-card{padding:10px 7px;flex-direction:column;justify-content:center;gap:7px;text-align:center;border-radius:13px}
.map-card img{width:29px;height:29px}.map-card b{font-size:11px}
.map-card small{font-size:9px;line-height:1.4;display:block;margin-top:4px}
.order-main{margin-top:14px;min-height:42px;padding:10px 8px;font-size:12px}
.floating-line{font-size:10px;padding:9px 13px;bottom:calc(10px + env(safe-area-inset-bottom));right:10px}
footer{margin:5px 0 62px;font-size:7px}
}
@media(max-width:360px){
.page-content{width:82%}.visit{grid-template-columns:minmax(0,1fr) 75px}
.contact-actions .pill{font-size:9px;padding:7px 6px}
h1{font-size:23px}
}

/* Contain decorative foliage so mobile browsers cannot pan the document sideways. */
html{width:100%;max-width:100%;overflow-x:hidden}
body{width:100%;max-width:100%;overflow-x:hidden;position:relative}
@supports(overflow:clip){html,body{overflow-x:clip}}
@media(max-width:760px){
.garden{width:100%;max-width:100%;overflow:hidden;overflow:clip}
.page-content,.topbar,.intro,.showcase,.category-section,.visit,.shop-info{min-width:0}
.carousel,.stage{max-width:100%;overflow:hidden}
dialog{overflow-x:hidden}
.gallery-view,.gallery-view figure{min-width:0;max-width:100%}
.gallery-image{max-width:100%}
}

/* Soft upper-left lighting: a rounded surface, contact shadow and diffuse cast shadow. */
.pill{
background:linear-gradient(145deg,#fffdf0 0%,#f5ecd7 60%,#eee2c8 100%);
border:1px solid #fff9e280;
box-shadow:inset 1px 1px 2px #ffffffc4,inset -1px -2px 3px #b4a48920,1px 2px 3px #4b51331c,5px 8px 15px #3c503322;
transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
.pill:hover{
transform:translateY(-1px);
box-shadow:inset 1px 1px 2px #ffffffc4,inset -1px -2px 3px #b4a48920,1px 3px 4px #4b51331a,6px 10px 18px #3c503325;
}
.pill:active{
transform:translateY(1px);
box-shadow:inset 1px 2px 4px #6a63431a,inset -1px -1px 2px #ffffff70,1px 2px 4px #3c50331b;
}
.order-main,.floating-line{
background:linear-gradient(145deg,#779b7c 0%,#567e60 52%,#436c52 100%);
border-color:#a6b99b70;
box-shadow:inset 1px 1px 2px #d4e3bb80,inset -1px -2px 3px #234d3a30,1px 2px 3px #263d3026,5px 8px 16px #233f3433;
}
.order-main:hover,.floating-line:hover{
box-shadow:inset 1px 1px 2px #d4e3bb80,inset -1px -2px 3px #234d3a30,1px 3px 4px #263d3023,6px 10px 18px #233f3433;
}
.order-main:active,.floating-line:active{
box-shadow:inset 1px 2px 4px #234b3a40,inset -1px -1px 2px #c5d5ad50,1px 2px 4px #233f3426;
}
.round{
background:linear-gradient(140deg,#fffdf0,#efe4cb);
border-color:#fffae580;
box-shadow:inset 1px 1px 1px #ffffffd0,inset -1px -1px 2px #a4997c24,1px 2px 3px #4d543222,3px 5px 8px #3c50331c;
}
.round:hover{background:linear-gradient(140deg,#fffef5,#f2e8d3)}
.round:active{transform:translateY(1px);box-shadow:inset 1px 2px 3px #7c735027,1px 1px 3px #3c50331c}
.carousel{
border-color:#fffbee99;
background:linear-gradient(145deg,#fffdf2,#f2e9d5);
box-shadow:inset 1px 1px 2px #ffffffc0,inset -1px -1px 3px #bdad8b15,1px 2px 3px #62593b14,5px 8px 16px #3f50351b;
}
.map-card{
box-shadow:inset 1px 1px 2px #d0dfb970,inset -1px -2px 3px #23493425,1px 2px 3px #3c50331c,5px 8px 16px #3c503322;
}
.gallery-tabs [aria-pressed=true]{
background:linear-gradient(145deg,#839e7f,#527457);
box-shadow:inset 1px 1px 2px #d2dfb577,inset -1px -2px 3px #234d3a25,1px 2px 3px #263d301b,4px 6px 12px #233f3422;
}
@media(hover:none){.pill:hover{transform:none}.pill:active{transform:translateY(1px)}}

/* A single sage canvas prevents a visible color seam beside the overflowing foliage. */
html,body{background:#70877c;background-image:none}

/* Leave room around the outer edges for the foliage's diffuse shadow. */
.frame-left{clip-path:inset(-60px 50% -60px -60px)}
.frame-right{clip-path:inset(-60px -60px -60px 50%)}

/* Use wide desktop screens instead of leaving large empty sage margins. */
@media(min-width:1100px){
.garden{width:min(1600px,calc(100% - 180px))}
.topbar{width:min(1360px,calc(100% - 240px))}
}

/* Preserve the botanical artwork's aspect ratio independently of the wide panel. */
@media(min-width:761px){
.botanical-frame{width:auto;height:100%;max-width:none;object-fit:contain;aspect-ratio:1/1}
.frame-left{inset:0 auto 0 -85px;transform:none}
.frame-right{inset:0 -85px 0 auto;transform:none}
}

/* Mobile-only readability and compact controls; desktop and foliage rules stay intact. */
@media(max-width:760px){
.page-content{padding-bottom:22px}
.intro{margin-bottom:8px}
.stage{height:102px}
.hero-product{height:102px;width:74px}
.carousel-controls .round{width:36px;height:36px}
.carousel-controls span{font-size:10px}
.product-name{min-height:20px;padding:0 8px;font-size:13px;line-height:1.5}
.dots{height:22px;align-items:center;margin:0 0 3px}
.dots button{display:none;flex:none}
.dots button[aria-pressed=true],.dots button:has(+button[aria-pressed=true]),.dots button:has(+button+button[aria-pressed=true]),.dots button[aria-pressed=true]+button,.dots button[aria-pressed=true]+button+button{display:block}
.category-buttons{margin-top:12px;gap:7px}
.category{min-height:44px}
.category[aria-pressed=true]{background:linear-gradient(145deg,#e4ecd7,#ccd9bc);border-color:#a3b48f}
.about{padding:11px 0 9px}
.visit{grid-template-columns:minmax(0,1fr);gap:9px;padding:12px 10px;background:linear-gradient(145deg,#fbf5e7,#f1e6ce);border:1px solid #fff9e5;border-radius:16px;position:relative;isolation:isolate}
.shop-info{text-align:center;min-width:0}
.shop-info h2{font-size:16px}
.shop-info p{font-size:11px;line-height:1.55}
.contact-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.contact-actions .pill{font-size:11px;min-height:42px;padding:8px 4px;white-space:nowrap}
.phone{font-size:16px;margin-top:8px}
.map-card{flex-direction:row;gap:9px;padding:9px;min-height:58px;text-align:left}
.map-card img{width:30px;height:30px}
.map-card b{font-size:12px}
.map-card small{font-size:10px;margin-top:1px}
.order-main{display:none}
.floating-line{min-height:44px;font-size:11px;padding:10px 16px}
footer{margin-bottom:calc(76px + env(safe-area-inset-bottom))}
}