/* Pakalolo Asiatique - restored from the 2024 Wix site's palette (plum, magenta, sunset orange, lilac) */
:root{
  --plum:#2b0a2a; --plum2:#390a3a; --plum3:#553554; --lilac:#d5b4d4;
  --hot:#d93c66; --pink:#f2b8c8; --orange:#ff9745; --peach:#ffcba2;
  --ink:#fff6fb; --muted:#d9c3d8;
  --head:'Prompt',system-ui,sans-serif; --body:'Poppins',system-ui,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--plum);color:var(--ink);font:400 16px/1.65 var(--body);-webkit-text-size-adjust:100%}
img{max-width:100%;height:auto;display:block}
a{color:var(--peach)}
a:focus-visible,.slides:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.skip{position:absolute;left:-999px;top:0;background:var(--orange);color:var(--plum);padding:.5rem 1rem;z-index:9}
.skip:focus{left:.5rem}

/* Header + hero: sunset sky with palm silhouettes, as on the original */
.top{position:relative;background:url(img/sky.webp) center top/cover no-repeat,var(--orange);overflow:hidden}
.top::after{content:"";position:absolute;inset:auto 0 0 0;height:58%;background:url(img/palms.webp) center bottom/cover no-repeat;pointer-events:none}
.top__bar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 1rem;background:rgba(43,10,42,.82);backdrop-filter:blur(4px)}
.top__brand img{width:62px}
.top__nav{display:flex;flex-wrap:wrap;gap:.2rem .9rem;justify-content:flex-end}
.top__nav a{color:var(--ink);text-decoration:none;font:500 .92rem/1.2 var(--head);letter-spacing:.02em;padding:.35rem 0}
.top__nav a:hover{color:var(--orange)}
.hero{position:relative;z-index:2;text-align:center;padding:2rem 1.2rem 11rem}
.hero__logo{width:min(56vw,250px);margin:0 auto 1.2rem;border-radius:14px;box-shadow:0 18px 40px rgba(43,10,42,.45)}
.hero__panel{max-width:34rem;margin:0 auto 1.2rem;padding:1rem 1rem .6rem;border-radius:18px;background:rgba(255,220,193,.86);box-shadow:0 10px 30px rgba(43,10,42,.25)}
.hero__title{margin:0;font:700 clamp(1.9rem,7vw,3.4rem)/1.05 var(--head);color:var(--plum);text-shadow:0 2px 0 rgba(255,255,255,.35)}
.hero__title span{display:block;font-weight:500;font-size:.5em;margin-top:.35rem;color:var(--plum3)}
.hero__sub{margin:.9rem 0 .2rem;font:700 1.15rem var(--head);color:var(--hot);letter-spacing:.06em;text-transform:uppercase}
.hero__note{margin:.3rem auto .4rem;max-width:30rem;color:var(--plum);font-size:.9rem}
.hero__cta{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center}

.btn{display:inline-block;padding:.75rem 1.4rem;border-radius:999px;text-decoration:none;font:700 .98rem/1 var(--head);letter-spacing:.03em}
.btn--hot{background:var(--hot);color:#fff;box-shadow:0 6px 18px rgba(217,60,102,.35)}
.btn--hot:hover{background:#c22b55}
.btn--ghost{background:rgba(43,10,42,.85);color:var(--ink)}

section{padding:3.2rem 1.2rem}
.kicker{margin:0 0 1rem;font:700 clamp(1.7rem,6vw,2.6rem)/1.1 var(--head);text-align:center;background:linear-gradient(90deg,var(--orange),var(--hot) 55%,#9b5fd0);-webkit-background-clip:text;background-clip:text;color:transparent}
.lede{text-align:center;color:var(--muted);margin:-.4rem 0 1.6rem}
.small{font-size:.85rem;color:var(--muted)}

/* Our Shop: swipe gallery replaces the Wix slideshow */
.slides{display:flex;gap:.8rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.6rem;max-width:860px;margin:0 auto;scrollbar-color:var(--hot) transparent}
.slide{flex:0 0 88%;margin:0;scroll-snap-align:center;border-radius:16px;overflow:hidden;background:var(--plum2)}
.slide img{width:100%;aspect-ratio:3/2;object-fit:cover}
.slides__hint{text-align:center;font-size:.8rem;color:var(--muted);margin:.3rem 0 0}
.story{max-width:44rem;margin:2rem auto 0;font-size:1.02rem}
.story p{margin:0 0 1.1rem}
.story p:first-child::first-letter{font:700 3rem/1 var(--head);float:left;margin:.2rem .5rem 0 0;color:var(--orange)}
.story .btn{margin-top:.4rem}

.paradise{background:linear-gradient(180deg,var(--plum),var(--plum2));text-align:center;padding:2.4rem 1.2rem}
.paradise img{width:min(60vw,240px);margin:0 auto;border-radius:12px}
.paradise p{margin:1rem 0 0;font:700 clamp(1.4rem,5vw,2rem) var(--head);color:var(--pink)}

/* Reviews */
.reviews{background:var(--plum2)}
.cards{columns:1;column-gap:1rem;max-width:1100px;margin:0 auto}
.card{margin:0 0 1rem;break-inside:avoid;padding:1.3rem 1.3rem 1.1rem;border-radius:16px;background:linear-gradient(160deg,rgba(255,151,69,.12),rgba(217,60,102,.10));border:1px solid rgba(213,180,212,.22)}
.card p{margin:0 0 .8rem}
.stars{color:var(--orange);letter-spacing:.12em;font-size:1.05rem}
.card footer{font:500 .88rem var(--head);color:var(--lilac)}

/* Gallery */
.grid{display:grid;gap:.8rem;max-width:1100px;margin:0 auto}
.g{margin:0;position:relative;border-radius:14px;overflow:hidden;background:var(--plum2)}
.g img{width:100%;aspect-ratio:4/3;object-fit:cover}
.g figcaption{position:absolute;right:0;bottom:0;padding:.2rem .5rem;font-size:.7rem;background:rgba(43,10,42,.75);color:var(--ink);border-top-left-radius:8px}

/* Visit */
.visit{background:url(img/palms.webp) center bottom/cover no-repeat,linear-gradient(180deg,var(--plum),#5a1846);padding-bottom:8rem}
.visit__card{max-width:34rem;margin:0 auto;padding:1.6rem 1.3rem;border-radius:18px;background:rgba(43,10,42,.88);border:1px solid rgba(255,151,69,.35)}
.visit__name{font:700 1.2rem/1.3 var(--head);margin:0}
.visit__aka{color:var(--muted);margin:.2rem 0 .8rem;font-size:.92rem}
address{font-style:normal;margin:0 0 1rem}
.visit h3{font:700 1.05rem var(--head);color:var(--orange);margin:1.4rem 0 .5rem}
.hours{width:100%;border-collapse:collapse;font-size:.95rem}
.hours th{text-align:left;font-weight:500;padding:.35rem 0;color:var(--lilac)}
.hours td{text-align:right;padding:.35rem 0}
.hours tr+tr{border-top:1px solid rgba(213,180,212,.15)}

/* Contact */
.contact__row{display:grid;gap:.8rem;max-width:40rem;margin:0 auto}
.contact__item{display:block;padding:1.1rem 1.2rem;border-radius:14px;background:var(--plum2);border:1px solid rgba(213,180,212,.22);color:var(--ink);text-decoration:none;font:700 1.15rem var(--head)}
.contact__item span{display:block;font:500 .78rem var(--body);color:var(--orange);text-transform:uppercase;letter-spacing:.1em}
.contact__item:hover{border-color:var(--hot)}

.foot{padding:2rem 1.2rem 2.4rem;text-align:center;font-size:.85rem;color:var(--muted);background:#1d061c}
.foot p{margin:0 0 .8rem}
.foot__nap strong{color:var(--ink)}
.foot__restore{font-size:.75rem;opacity:.85}

@media (min-width:720px){
  .top__bar{padding:.8rem 2rem}
  .top__brand img{width:78px}
  .top__nav{gap:1.6rem}
  .top__nav a{font-size:1rem}
  .hero{padding:3rem 2rem 15rem}
  .cards{columns:2}
  .grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:300px}
  .g--wide{grid-column:span 2}
  .g img{aspect-ratio:auto;height:100%}
  .contact__row{grid-template-columns:1fr 1fr}
  .slide{flex-basis:100%}
}
@media (min-width:1100px){
  .cards{columns:3}
  section{padding:4.5rem 2rem}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}