:root{
  --navy:#062b4a;--navy2:#031b30;--blue:#0f5483;--aqua:#21aee3;--cream:#fff8ec;--paper:#ffffff;--line:#eadfce;--ink:#09233a;--muted:#687786;--gold:#c99a44;--shadow:0 24px 70px rgba(6,43,74,.16);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#fff 0%,var(--cream) 45%,#eef7ff 100%);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);overflow-x:hidden}a{text-decoration:none;color:inherit}
.hero{position:relative;min-height:660px;background:url('img/beach3.png') center/cover no-repeat;display:grid;place-items:center;text-align:center;color:#fff;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 12%,rgba(255,166,75,.35),transparent 28%),linear-gradient(180deg,rgba(2,22,38,.65),rgba(2,25,43,.28) 45%,rgba(255,248,236,.48));z-index:-1}.hero:after{content:"";position:absolute;left:-8%;right:-8%;bottom:-2px;height:145px;background:#fff;border-radius:50% 50% 0 0/78% 78% 0 0;z-index:1}.shade{display:none}.hero-content{position:relative;z-index:3;padding:90px 18px 135px;text-shadow:0 10px 35px rgba(0,0,0,.45)}.hero-logo{width:min(350px,72vw);height:auto;display:block;margin:0 auto 14px;filter:drop-shadow(0 16px 20px rgba(0,0,0,.34))}.sea-line{width:42px;height:10px;display:block;margin:0 auto 22px;border-top:2px solid #80dfff;border-bottom:2px solid #80dfff;border-radius:50%;opacity:.9}.overline,.mini{font-size:12px;font-weight:900;letter-spacing:.42em;text-transform:uppercase;color:#81d6ff}.hero h1{font-family:'Caveat Brush','Comic Sans MS',cursive;font-size:clamp(76px,13vw,150px);line-height:.78;margin:10px 0 0;color:#fff;letter-spacing:1px}.hero h2{font-family:'Caveat Brush','Comic Sans MS',cursive;font-size:clamp(34px,5vw,64px);line-height:.9;margin:8px 0 18px;color:#fff}.slogan{font-size:clamp(21px,2.8vw,34px);font-weight:400;letter-spacing:.01em;margin:0}.down{display:inline-grid;place-items:center;width:48px;height:48px;margin-top:27px;border:1px solid rgba(255,255,255,.65);border-radius:50%;color:#fff;font-size:24px;animation:floaty 2.8s ease-in-out infinite;background:rgba(255,255,255,.06);backdrop-filter:blur(8px)}
.lang-box{position:absolute;left:38px;top:35px;z-index:10;text-align:left}.lang-toggle{border:0;border-radius:999px;background:rgba(255,255,255,.95);box-shadow:0 18px 45px rgba(0,0,0,.18);color:var(--ink);font-weight:900;padding:12px 18px;cursor:pointer;display:flex;gap:9px;align-items:center}.flag{font-size:18px;line-height:1}.lang-menu{display:none;margin-top:12px;padding:12px;background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.65);border-radius:16px;box-shadow:0 26px 60px rgba(0,0,0,.20);width:205px;backdrop-filter:blur(16px)}.lang-box.open .lang-menu{display:block;animation:drop .2s ease}.lang-menu a{display:flex;gap:10px;align-items:center;color:#52606b;font-size:14px;font-weight:800;padding:10px 11px;border-radius:12px}.lang-menu a:hover,.lang-menu a.on{background:#eef7ff;color:var(--navy)}.lang-menu .code{font-size:11px;font-weight:900;color:var(--blue);min-width:24px;text-transform:uppercase}.waiter{display:none!important}.main-wave{position:relative;z-index:5;margin-top:-82px;padding:0 5vw 55px}.menu-shell{max-width:1160px;margin:0 auto 54px;background:rgba(255,255,255,.94);border:1px solid rgba(216,196,163,.40);border-radius:30px;padding:20px 20px 22px;box-shadow:var(--shadow);backdrop-filter:blur(18px)}.search-form{height:62px;border:1px solid rgba(6,43,74,.10);background:#fff;border-radius:999px;display:flex;align-items:center;gap:14px;padding:0 24px;box-shadow:0 12px 36px rgba(6,43,74,.06)}.search-form svg{width:22px;color:var(--navy)}.search{border:0;outline:0;width:100%;font:700 16px Inter,sans-serif;color:var(--ink)}.search::placeholder{color:#9aa6af}.cats{display:flex;gap:13px;overflow-x:auto;padding:20px 0 0;scrollbar-width:none}.cats::-webkit-scrollbar{display:none}.cat{flex:0 0 auto;display:flex;align-items:center;gap:11px;background:#fff9ef;border:1px solid #ead8bc;color:var(--ink);padding:15px 25px;border-radius:999px;font-weight:900;text-transform:uppercase;box-shadow:0 12px 24px rgba(6,43,74,.05);transition:.25s}.cat:hover{transform:translateY(-3px);border-color:#d2b681}.cat.active{background:linear-gradient(135deg,var(--navy),#0e4f80);color:#fff;border-color:transparent;box-shadow:0 16px 34px rgba(6,43,74,.25)}.ico{width:22px;height:22px;display:grid;place-items:center}.ico svg,.section-title svg,.product-photo svg{width:22px;height:22px;display:block}.menu-section{max-width:1160px;margin:0 auto}.section-title{text-align:center;margin-bottom:28px}.section-title h2{font-family:'Caveat Brush',cursive;font-size:56px;line-height:1;margin:8px 0 3px;color:var(--navy);display:flex;align-items:center;justify-content:center;gap:13px}.section-title h2 svg{width:34px;height:34px;color:#a8845a}.section-title p{margin:0;color:var(--muted);font-weight:900}.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.product{position:relative;min-height:158px;background:#fff;border:1px solid rgba(6,43,74,.08);border-radius:20px;overflow:hidden;display:grid;grid-template-columns:1fr 122px;box-shadow:0 18px 45px rgba(6,43,74,.10);transition:.3s}.product:hover{transform:translateY(-6px);box-shadow:0 28px 65px rgba(6,43,74,.16)}.product-text{padding:24px 20px 18px}.product h3{font-size:21px;margin:0 0 8px;letter-spacing:-.02em}.product p{color:#66737d;margin:0 0 17px;line-height:1.45}.product-bottom{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.product strong{font-size:21px;color:var(--navy);font-weight:900}.product-photo{background:linear-gradient(135deg,#edf7ff,#fff3dd);display:grid;place-items:center;overflow:hidden;color:#8d6c48}.product-photo img{width:100%;height:100%;object-fit:cover}.product-photo svg{width:54px;height:54px;opacity:.82}.tag{display:inline-block;background:#fff0c2;color:#835c10;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:900;text-transform:uppercase}.empty{text-align:center;background:#fff;border-radius:18px;padding:30px;font-weight:900}.vibes{max-width:1160px;margin:74px auto 56px;background:#fffaf3;border:1px solid #eadcc6;border-radius:16px;display:grid;grid-template-columns:repeat(5,1fr);box-shadow:0 20px 50px rgba(6,43,74,.08);overflow:hidden}.vibes div{position:relative;padding:20px 22px;border-right:1px solid #eadcc6}.vibes div:last-child{border-right:0}.vibes b{display:block;font-size:14px;text-transform:uppercase;letter-spacing:.02em}.vibes b:before{content:"";display:inline-block;width:7px;height:7px;background:var(--gold);border-radius:50%;margin-right:9px;vertical-align:middle}.vibes span{display:block;font-size:13px;color:#687580;margin-top:5px}.moments{max-width:1160px;margin:0 auto 42px;text-align:center}.moments h2{font-family:'Caveat Brush',cursive;font-size:42px;color:var(--navy);margin:0 0 22px}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.gallery img{width:100%;height:190px;object-fit:cover;border-radius:20px;box-shadow:0 18px 40px rgba(6,43,74,.12);transition:.3s}.gallery img:hover{transform:scale(1.03)}.subscribe{max-width:1160px;margin:52px auto -28px;position:relative;z-index:2;background:linear-gradient(135deg,#e9f4ff,#fff);border-radius:20px;padding:25px 34px;display:flex;justify-content:space-between;align-items:center;gap:25px;box-shadow:0 18px 55px rgba(6,43,74,.12)}.subscribe h3{font-family:'Caveat Brush',cursive;font-size:34px;margin:0;color:var(--navy)}.subscribe p{margin:5px 0 0;color:#687580}.subscribe form{display:flex;gap:12px;flex:1;max-width:520px}.subscribe input{flex:1;border:0;border-radius:999px;padding:18px 22px;font-weight:800;outline:0}.subscribe button{border:0;border-radius:999px;background:var(--navy);color:#fff;font-weight:900;padding:0 26px}.footer{max-width:none;margin:0 -5vw;padding:88px 10vw 32px;background:radial-gradient(circle at top left,#0d4d7c,var(--navy2) 55%);color:#fff;display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:30px}.footer img{width:180px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.25))}.footer h4{margin:0 0 14px;text-transform:uppercase;letter-spacing:.08em}.footer a,.footer p{display:block;margin:8px 0;color:rgba(255,255,255,.78);text-decoration:none;line-height:1.45}.footer small{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.12);padding-top:20px;color:rgba(255,255,255,.58)}.top-btn{position:fixed;right:22px;bottom:22px;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#1b5d91;color:#fff;font-size:24px;box-shadow:0 14px 35px rgba(0,0,0,.18);z-index:20}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease;transition-delay:var(--delay,0s)}.reveal.in{opacity:1;transform:none}@keyframes floaty{50%{transform:translateY(8px)}}@keyframes drop{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media(max-width:900px){.hero{min-height:600px}.lang-box{left:14px;top:14px}.lang-toggle{padding:11px 13px;font-size:13px}.lang-menu{width:210px}.hero-content{padding-top:88px}.products{grid-template-columns:1fr}.product{grid-template-columns:1fr 110px}.vibes{grid-template-columns:1fr;border-radius:20px}.vibes div{border-right:0;border-bottom:1px solid #eadcc6}.vibes div:last-child{border-bottom:0}.gallery{grid-template-columns:repeat(2,1fr)}.subscribe{flex-direction:column;align-items:stretch}.subscribe form{max-width:none}.footer{grid-template-columns:1fr;margin-left:-5vw;margin-right:-5vw}.main-wave{padding-left:16px;padding-right:16px}.menu-shell{border-radius:24px}.cat{padding:13px 18px}.section-title h2{font-size:46px}.hero-logo{width:min(310px,70vw)}}
@media(max-width:520px){.hero{min-height:560px}.hero h1{font-size:82px}.hero h2{font-size:34px}.slogan{font-size:21px}.products{gap:14px}.product{min-height:135px;grid-template-columns:1fr 92px}.product-text{padding:18px 14px}.gallery{grid-template-columns:1fr 1fr}.gallery img{height:130px}.subscribe form{flex-direction:column}.subscribe button{padding:15px}.footer img{width:150px}.lang-toggle span:nth-child(2){max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cat{font-size:13px}}

/* ActionGrid update: clean home with logo only */
.hero-logo-only{width:min(520px,82vw);margin-bottom:28px}.hero-content{text-shadow:none}.hero-logo-only+ .down{margin-top:8px;background:rgba(255,255,255,.18)}
@media(max-width:520px){.hero-logo-only{width:min(360px,84vw)}}