:root{
  --ink:#111111;
  --paper:#f7f3ec;
  --paper-2:#eee7dc;
  --gold:#b58a4a;
  --gold-dark:#8e6732;
  --muted:#6f675f;
  --line:#d9d0c4;
  --white:#fff;
  --max:1200px;
  --shadow:0 12px 40px rgba(20,16,11,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.55}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.container{width:min(calc(100% - 40px),var(--max));margin-inline:auto}
.eyebrow{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-dark);font-weight:700}
.serif{font-family:Georgia,"Times New Roman",serif}
.topbar{background:#090909;color:#eee;font-size:.82rem}
.topbar .container{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:8px 0}
.topbar span{opacity:.88}
.nav{position:sticky;top:0;z-index:50;background:rgba(247,243,236,.96);backdrop-filter:blur(14px);border-bottom:1px solid rgba(0,0,0,.06)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;min-height:82px;gap:24px}
.brand{display:flex;flex-direction:column;line-height:1}
.brand strong{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:2rem;letter-spacing:.04em}
.brand small{font-size:.62rem;letter-spacing:.25em;margin-top:7px}
.nav-links{display:flex;gap:26px;align-items:center;font-size:.86rem;font-weight:600}
.nav-links a{position:relative;padding:8px 0}
.nav-links a:after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:1px;background:var(--gold);transition:.25s}
.nav-links a:hover:after{right:0}
.actions{display:flex;gap:10px;align-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--ink);padding:13px 20px;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700;transition:.2s;cursor:pointer;background:transparent}
.btn:hover{transform:translateY(-1px)}
.btn-dark{background:var(--ink);color:#fff}
.btn-gold{background:var(--gold);border-color:var(--gold);color:#fff}
.btn-ghost-light{border-color:rgba(255,255,255,.6);color:#fff}
.menu-btn{display:none;border:0;background:none;font-size:1.4rem}
.hero{min-height:620px;background:radial-gradient(circle at 70% 30%,#9b603d 0,#6c3f28 25%,#2e1a10 58%,#150e0a 100%);color:#fff;position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;inset:auto 7% -30% auto;width:520px;height:520px;border:1px solid rgba(201,159,92,.22);border-radius:50%}
.hero:after{content:"";position:absolute;right:13%;top:16%;width:280px;height:420px;border-radius:48% 48% 45% 45%;background:linear-gradient(145deg,rgba(239,202,153,.55),rgba(94,49,29,.1));filter:blur(2px);box-shadow:0 0 100px rgba(255,208,153,.08)}
.hero .container{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;min-height:620px}
.hero-copy{max-width:610px;padding:78px 0}
.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(3.4rem,7vw,6.8rem);font-weight:500;line-height:.9;margin:.2em 0 .22em;letter-spacing:.02em}
.hero h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(1.6rem,3vw,2.7rem);line-height:1.12;margin:0 0 22px}
.hero p{max-width:540px;color:#eee1d8;font-size:1.05rem}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.hero-art{min-height:520px;position:relative}
.jewel-ring{position:absolute;border:8px solid #cfab6e;border-radius:50%;box-shadow:0 0 0 3px rgba(255,255,255,.12),0 20px 60px rgba(0,0,0,.35)}
.j1{width:170px;height:170px;right:20%;top:25%;transform:rotate(-20deg)}
.j2{width:120px;height:120px;right:4%;top:42%;border-width:6px}
.gem{position:absolute;width:44px;height:44px;background:linear-gradient(135deg,#f3dfac,#b88434);transform:rotate(45deg);right:32%;top:19%;box-shadow:0 0 35px rgba(241,200,116,.45)}
.badge{position:absolute;right:3%;bottom:12%;width:150px;height:150px;border:1px solid #c9a05f;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#d9bb87}
.badge strong{font-family:Georgia,"Times New Roman",serif;font-size:2.3rem;font-weight:400;line-height:1}
.badge span{font-size:.67rem;letter-spacing:.14em;text-transform:uppercase}
.section{padding:74px 0}
.section-head{text-align:center;max-width:760px;margin:0 auto 36px}
.section-head h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2rem,4vw,3.2rem);font-weight:400;margin:5px 0 10px}
.section-head p{color:var(--muted)}
.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.card{background:#fff;border:1px solid rgba(0,0,0,.05);box-shadow:0 8px 24px rgba(25,20,15,.04)}
.category-card{overflow:hidden;transition:.25s}
.category-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.art{aspect-ratio:1/1;background:linear-gradient(145deg,#e8dccb,#c7a985);position:relative;overflow:hidden}
.art:before,.art:after{content:"";position:absolute;border-radius:50%;border:6px solid rgba(130,84,34,.72)}
.art:before{width:35%;height:35%;left:18%;top:25%}
.art:after{width:24%;height:24%;right:16%;bottom:20%;border-width:4px}
.art.bag:before{border-radius:12px;width:52%;height:42%;left:24%;top:33%;border-width:0;background:#5d3d28;box-shadow:inset 0 0 0 2px rgba(255,255,255,.18)}
.art.bag:after{width:28%;height:20%;left:36%;top:20%;border:5px solid #5d3d28;border-bottom:0;border-radius:50% 50% 0 0}
.art.gift:before{border:0;border-radius:4px;width:50%;height:50%;left:25%;top:30%;background:#b68a52}
.art.gift:after{border:0;border-radius:0;width:8%;height:70%;left:46%;top:20%;background:#ead5a8}
.category-card h3{font-size:.86rem;letter-spacing:.08em;text-align:center;text-transform:uppercase;margin:14px 8px 18px}
.value-strip{border-block:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);margin-top:56px;background:rgba(255,255,255,.28)}
.value{padding:24px 28px;border-right:1px solid var(--line)}
.value:last-child{border-right:0}
.value strong{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}
.value span{font-size:.88rem;color:var(--muted)}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.feature{min-height:350px;padding:28px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;color:#111;background:#e6ddcf}
.feature:before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(247,243,236,.96),rgba(247,243,236,.12) 65%)}
.feature > *{position:relative;z-index:2}
.feature h3{font-family:Georgia,"Times New Roman",serif;font-size:2rem;font-weight:400;margin:0 0 8px}
.feature p{margin:0 0 18px;max-width:300px}
.feature.jewels{background:radial-gradient(circle at 25% 25%,#f6ead9,#d8bb8f 45%,#a68156)}
.feature.bags{background:linear-gradient(135deg,#ede6dc,#bda58b)}
.feature.fur{background:linear-gradient(135deg,#e8dfd6,#b7a18c)}
.story{display:grid;grid-template-columns:1fr 1fr;min-height:430px;background:#fff}
.story-visual{background:linear-gradient(145deg,#3d3b39,#1c1b1a);position:relative;overflow:hidden}
.story-visual:before{content:"BALI BRASIL";position:absolute;left:8%;top:18%;font-family:Georgia,"Times New Roman",serif;color:#ddd;font-size:2.8rem;letter-spacing:.08em}
.story-visual:after{content:"arquivo histórico / imagem real a inserir";position:absolute;left:8%;bottom:10%;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:#aaa}
.story-copy{padding:58px;display:flex;flex-direction:column;justify-content:center}
.story-copy h2{font-family:Georgia,"Times New Roman",serif;font-size:2.8rem;font-weight:400;line-height:1.08;margin:8px 0 20px}
.notice{margin-top:20px;padding:14px 16px;border-left:3px solid var(--gold);background:#faf7f1;color:#6f6457;font-size:.88rem}
.location{display:grid;grid-template-columns:1fr 1.2fr;gap:24px}
.location-card{background:#111;color:#fff;padding:36px}
.location-card h3{font-family:Georgia,"Times New Roman",serif;font-size:2rem;font-weight:400}
.map-placeholder{min-height:320px;background:repeating-linear-gradient(45deg,#e8e4dc,#e8e4dc 18px,#ddd8cf 18px,#ddd8cf 36px);display:grid;place-items:center;color:#5f5a54;text-align:center;padding:30px}
.footer{background:#0b0b0b;color:#d8d8d8;padding:42px 0 24px;margin-top:70px}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:36px}
.footer h4{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:#fff}
.footer a,.footer p{font-size:.9rem;color:#bdbdbd}
.footer-bottom{border-top:1px solid #2a2a2a;margin-top:28px;padding-top:18px;font-size:.78rem;color:#888}
.page-hero{padding:72px 0 54px;background:#17110e;color:#fff}
.page-hero h1{font-family:Georgia,"Times New Roman",serif;font-size:4rem;font-weight:400;margin:8px 0 12px}
.breadcrumb{font-size:.8rem;color:#cdbb9f}
.products{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.product-card{background:#fff}
.product-card .art{aspect-ratio:4/5}
.product-body{padding:18px}
.product-body h3{margin:0 0 7px;font-family:Georgia,"Times New Roman",serif;font-size:1.35rem;font-weight:400}
.product-body p{margin:0 0 14px;color:var(--muted);font-size:.92rem}
.product-meta{display:flex;justify-content:space-between;gap:10px;font-size:.78rem;text-transform:uppercase;letter-spacing:.07em;color:#746754}
.gift-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.gift-tile{background:#fff;padding:30px;text-align:center;border:1px solid var(--line)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.contact-card{background:#fff;padding:30px;border:1px solid var(--line)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
input,textarea,select{width:100%;border:1px solid #cfc5b8;background:#fff;padding:13px 14px;font:inherit}
textarea{min-height:140px;resize:vertical}
.full{grid-column:1/-1}
.whatsapp{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#111;color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.25);z-index:60;font-weight:800}
@media (max-width:1000px){
  .nav-links{display:none;position:absolute;top:82px;left:0;right:0;background:var(--paper);padding:24px 30px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}
  .nav-links.open{display:flex}.menu-btn{display:block}.actions .btn{display:none}
  .hero .container{grid-template-columns:1fr}.hero-art{display:none}.hero-copy{max-width:760px}
  .category-grid{grid-template-columns:repeat(3,1fr)}.feature-grid{grid-template-columns:1fr}.feature{min-height:260px}
  .story,.location,.contact-grid{grid-template-columns:1fr}.products{grid-template-columns:repeat(2,1fr)}.gift-nav{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .container{width:min(calc(100% - 26px),var(--max))}.topbar .container{justify-content:center}.topbar span:last-child{display:none}
  .nav-inner{min-height:72px}.brand strong{font-size:1.55rem}.brand small{font-size:.55rem}.nav-links{top:72px}
  .hero{min-height:560px}.hero .container{min-height:560px}.hero-copy{padding:62px 0}.hero h1{font-size:3.6rem}.hero h2{font-size:2rem}
  .section{padding:54px 0}.category-grid{grid-template-columns:repeat(2,1fr)}.value-strip{grid-template-columns:1fr 1fr}.value:nth-child(2){border-right:0}.value:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .story-copy{padding:34px 24px}.story-copy h2{font-size:2.2rem}.products{grid-template-columns:1fr}.gift-nav{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}
  .page-hero h1{font-size:3rem}
}