/* Pela: translucent glass surfaces, soft reflections and tactile product cards. */
body{background:radial-gradient(ellipse at 4% 35%,#dce9d78f 0,transparent 38%),radial-gradient(ellipse at 98% 68%,#e7dfce7a 0,transparent 34%),#f7f8f1;background-attachment:fixed}
.topbar{border-bottom-color:#ffffffb3;background:#ffffff38;backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%)}
.hero{border:1px solid #ffffffb8;border-radius:0 0 36px 36px;overflow:hidden;box-shadow:0 20px 55px -40px #234c3d66;background:linear-gradient(125deg,#e5eddfdc,#f2f3e9b3)}
.hero-stamp{border:1px solid #ffffffc9;border-radius:22px;background:linear-gradient(130deg,#ffffffb8,#ffffff69);box-shadow:inset 0 1px 0 #fff,0 8px 28px #234c3d14;backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%)}
.search{padding:14px 18px;border:1px solid #ffffffd9;border-radius:24px;background:linear-gradient(135deg,#ffffffa8,#ffffff48);box-shadow:inset 0 1px 0 #fff,0 8px 24px #294c3b08;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.categories{padding:12px;gap:6px;border:1px solid #ffffffc9;border-radius:26px;background:linear-gradient(135deg,#ffffffad,#ffffff4a);box-shadow:inset 0 1px 0 #fff,0 12px 36px #234c3d08;backdrop-filter:blur(24px) saturate(135%);-webkit-backdrop-filter:blur(24px) saturate(135%)}
.category{border-radius:18px;transition:background .2s,box-shadow .2s}
.category.active{background:linear-gradient(135deg,#3c6752,#214b3b);box-shadow:inset 0 1px 0 #ffffff4d,0 5px 13px #254e3c26}
.grid{gap:24px 20px;align-items:stretch}
.card{isolation:isolate;overflow:hidden;border-radius:29px;border:1px solid #ffffffee;background:linear-gradient(145deg,#ffffffcf 0%,#ffffff69 52%,#e7eddf7a 100%);box-shadow:inset 0 1px 1px #fff,0 2px 5px #1f473b04,0 14px 34px -12px #2b4e3621;backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%);transition:transform .3s ease,box-shadow .3s ease,border-color .3s}
.card::before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 1px 1px 0 #ffffffc9,inset -1px -1px 0 #c8d5bf3d;pointer-events:none;z-index:2}
.card-open{display:flex;flex-direction:column;padding:10px;height:100%;border-radius:inherit}
.photo{width:100%;border-radius:21px;aspect-ratio:1.15;border:1px solid #ffffffb3;box-shadow:0 4px 12px #243e3210;flex-shrink:0}
.photo img{transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.card-line{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:17px 10px 10px}
.card h3{font-size:21px;line-height:1.22;letter-spacing:-.45px}
.price{display:inline-flex;align-items:center;align-self:flex-start;border:1px solid #ffffffce;background:linear-gradient(125deg,#e0ead9b8,#ffffffab);padding:7px 11px;border-radius:30px;color:#355a42;font:600 13px/1 Arial,sans-serif;box-shadow:inset 0 1px 0 #ffffffb3}
.card p{margin:0 10px 16px;font-size:12px;line-height:1.65;color:#6b7768}
.card-bottom{margin:auto 10px 9px;padding-top:2px}
.detail-link{font-size:11px;border-bottom:0;color:#54714e;padding-bottom:0}
.favorite{top:20px;right:20px;width:36px;height:36px;border:1px solid #ffffffd4;background:linear-gradient(135deg,#ffffffd9,#ffffff73);backdrop-filter:blur(16px) saturate(170%);-webkit-backdrop-filter:blur(16px) saturate(170%);box-shadow:inset 0 1px 0 #fff,0 4px 14px #1f3e321a;transition:transform .2s,background .2s}
.favorite.saved{background:linear-gradient(135deg,#4a765c,#234c3d);border-color:#ffffff80;color:white;box-shadow:inset 0 1px 0 #ffffff59,0 4px 14px #1f3e3226}
.favorite:active{transform:scale(.9)}
.modal{border:1px solid #ffffffdb;background:linear-gradient(135deg,#fffef8ed,#eff3e9e6);box-shadow:inset 0 1px 0 #fff,0 35px 100px #183b3540;border-radius:30px;backdrop-filter:blur(32px) saturate(140%);-webkit-backdrop-filter:blur(32px) saturate(140%)}
.close{border:1px solid #ffffffd4;background:#ffffffb3;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 4px 15px #234c3d12}
.pill{background:#ffffff6b;border-color:#ffffffda;box-shadow:inset 0 1px 0 #fff,0 5px 18px #234c3d0d}
@media(hover:hover){.card:hover{transform:translateY(-5px);border-color:white;box-shadow:inset 0 1px 1px #fff,0 22px 44px -14px #234c3d35}.card-open:hover .photo img{transform:scale(1.035)}}
@media(max-width:680px){.hero{border-radius:0 0 27px 27px}.menu-wrap{padding:0 14px}.section-head{padding:0 4px}.categories{margin:0 -4px 25px;padding:9px 8px;top:8px;border-radius:25px;gap:7px;background:linear-gradient(135deg,#fffffff0,#eff3e4bf);box-shadow:inset 0 1px 0 #fff,0 7px 25px #234c3d0b}.category{padding:12px 15px;border:1px solid #ffffffb3;border-radius:22px;background:#ffffff55;font-size:11px}.category.active{border-color:#ffffff7d}.category-title,.category-desc{padding:0 4px}.grid{gap:16px 12px}.card{border-radius:24px}.card-open{padding:8px}.photo{border-radius:17px;aspect-ratio:1}.card-line{margin:13px 5px 9px;gap:9px}.card h3{font-size:18px;line-height:1.2;letter-spacing:-.4px}.price{font-size:12px;padding:7px 9px;margin-top:0}.card p{font-size:11px;line-height:1.6;margin:0 5px 12px}.card-bottom{margin:auto 5px 8px}.detail-link{font-size:10px}.favorite{top:16px;right:16px;width:32px;height:32px;font-size:18px}.mobile-nav{left:12px;right:12px;bottom:12px;max-width:450px;margin:0 auto;border:1px solid #ffffffd9;border-radius:30px;padding:12px 6px max(12px,env(safe-area-inset-bottom));background:linear-gradient(140deg,#ffffffd9,#eff3e4ad);box-shadow:inset 0 1px 0 #fff,0 12px 40px #234c3d26;backdrop-filter:blur(28px) saturate(170%);-webkit-backdrop-filter:blur(28px) saturate(170%)}.mobile-nav button,.mobile-nav a{color:#41644b}.footer{margin-bottom:110px}.menu-note{padding-left:5px;padding-right:5px}.overlay{padding:12px}.modal{border-radius:27px}}
@media(prefers-reduced-motion:reduce){.card,.photo img,.favorite{transition:none}.card:hover{transform:none}}