/* LUME — full-stack build. Same look as the static site: pure white,
   wine→black gradient pill buttons, natural image ratios, no crop, no zoom. */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:#1c1a18;font-family:Georgia,'Times New Roman',serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;width:100%;height:auto}
header{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid #eee}
.head{max-width:1240px;margin:0 auto;padding:10px 10px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;position:relative}
.head nav{display:none}
.head nav.open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:#fff;padding:20px 24px 24px;gap:16px;z-index:20;border-bottom:1px solid #eee;font-family:Arial,Helvetica,sans-serif;font-size:12px;letter-spacing:.18em;text-transform:uppercase}
.head nav a{padding:6px 0;border-bottom:1px solid transparent}
.head nav a:hover{border-bottom-color:#e0311a}
.wordmark{font-size:20px;letter-spacing:.24em;text-indent:.24em;font-weight:400;white-space:nowrap}
.btn{display:inline-block;background:linear-gradient(135deg,#ff7a1a 0%,#e0311a 48%,#141a2e 100%);color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:12px;letter-spacing:.22em;text-transform:uppercase;padding:15px 36px;border-radius:999px;border:0;cursor:pointer}
.btn:hover{opacity:.92}
.btn:disabled{opacity:.5;cursor:default}
.brand{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0}
.brand img.logo{width:auto;height:40px;flex-shrink:0}
.footlogo{display:block;width:auto;height:90px;margin:0 auto 14px}
.head .cta{font-family:Arial,Helvetica,sans-serif;font-size:11px;letter-spacing:.14em;text-transform:uppercase;background:linear-gradient(135deg,#ff7a1a 0%,#e0311a 48%,#141a2e 100%);color:#fff;padding:11px 18px;border-radius:999px;white-space:nowrap}
.head .cta:hover{opacity:.92}
.head-cart{font-family:Arial,Helvetica,sans-serif;font-size:10px;letter-spacing:.12em;text-transform:uppercase;background:#fff;color:#e0311a;border:1px solid #e0311a;padding:9px 12px;border-radius:999px;white-space:nowrap;flex-shrink:0}
.menu-btn{flex-shrink:0}
.menu-btn{display:block;background:none;border:0;padding:8px;font-size:28px;line-height:1;color:#1c1a18;cursor:pointer}
.hero{background:#fff;text-align:center;padding:0}
.hero figure{margin:0;max-width:none;position:relative}
.hero img{width:100%;height:auto;border:0;display:block}
.brands{background:#fff;border-bottom:1px solid #eee;overflow:hidden;padding:18px 0}
.brands-track{display:flex;gap:48px;width:max-content;animation:brands-scroll 30s linear infinite;white-space:nowrap}
.brands-track span{font-family:Arial,Helvetica,sans-serif;font-size:15px;letter-spacing:.22em;text-transform:uppercase;color:#333;font-weight:700}
@keyframes brands-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.cats-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 20px;max-width:900px;margin:0 auto}
@media(min-width:768px){.cats-grid{grid-template-columns:repeat(3,1fr)}}
.cat-tile{text-align:center}
.cat-tile figure{margin:0}
.cat-tile span{display:block;margin-top:12px;font-family:Arial,Helvetica,sans-serif;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#333}
.feature{display:grid;grid-template-columns:1fr;gap:24px;max-width:1080px;margin:0 auto;padding:64px 20px;align-items:center}
@media(min-width:768px){.feature{grid-template-columns:1fr 1fr;gap:48px;padding:88px 28px}}
.feature figure{margin:0}
.feature h2{font-size:clamp(26px,3.5vw,38px);font-weight:400;margin:0 0 12px}
.feature p{font-size:17px;line-height:1.7;color:#666;margin:0 0 24px}
#como-comprar,#fica-na-bolha{text-align:center}
#como-comprar p{font-size:17px;line-height:1.7;color:#666;max-width:640px;margin:0 auto 16px}
.footgrid{display:grid;grid-template-columns:1fr;gap:24px;max-width:900px;margin:28px auto 0;text-align:left}
@media(min-width:768px){.footgrid{grid-template-columns:repeat(3,1fr)}}
.footgrid h3{font-family:Arial,Helvetica,sans-serif;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#333;margin:0 0 10px}
.footgrid p{margin:8px 0}
.intro{max-width:760px;margin:0 auto;padding:88px 24px 16px;text-align:center}
.intro h2{font-size:clamp(28px,4vw,42px);font-weight:400;line-height:1.25;margin:0}
.intro p{font-size:18px;line-height:1.7;color:#666;margin:20px 0 0}
.rule{width:56px;height:1px;background:#e0311a;margin:0 auto}
.section{max-width:1240px;margin:0 auto;padding:88px 28px}
.section h2{font-size:clamp(26px,3.5vw,38px);font-weight:400;text-align:center;margin:0 0 12px}
.section .sub{text-align:center;color:#666;font-size:17px;line-height:1.6;margin:0 0 56px}
.editorial{display:grid;grid-template-columns:1fr 1fr;gap:64px 56px;align-items:start}
@media(max-width:700px){.editorial{grid-template-columns:1fr;gap:56px}.section{padding:64px 20px}}
.editorial figure{margin:0}
.editorial figcaption,.wide figcaption{margin-top:18px;display:flex;justify-content:space-between;gap:16px;font-family:Arial,Helvetica,sans-serif;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#777}
.editorial figcaption span:last-child{color:#e0311a;white-space:nowrap}
.wide{max-width:880px;margin:72px auto 0}
.collection{background:#fff;border-top:1px solid #eee;border-bottom:1px solid #eee}
.grid{display:grid;grid-template-columns:repeat(3,300px);justify-content:center;gap:72px 48px}
@media(max-width:1060px){.grid{grid-template-columns:repeat(2,300px)}}
@media(max-width:700px){.grid{grid-template-columns:300px;gap:56px}}
.card{margin:0;text-align:center}
.card .frame{background:#fff;border:1px solid #eee;box-shadow:0 14px 34px rgba(0,0,0,.12)}
.card img{width:100%;height:auto}
.card figcaption{margin-top:18px}
.card h3{font-size:19px;font-weight:400;margin:0}
.card p{font-family:Arial,Helvetica,sans-serif;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#999;margin:10px 0 0}
.card .price{font-family:Arial,Helvetica,sans-serif;font-size:15px;letter-spacing:.06em;text-transform:none;color:#e0311a;margin-top:10px}
.videos{display:grid;grid-template-columns:repeat(2,360px);justify-content:center;gap:64px 56px}
@media(max-width:820px){.videos{grid-template-columns:360px}}
.videos figure{margin:0;text-align:center}
.videos video{width:100%;height:auto;background:#fff;border:1px solid #eee}
.videos figcaption{margin-top:18px}
.videos h3{font-size:19px;font-weight:400;margin:0}
.videos p{font-family:Arial,Helvetica,sans-serif;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#999;margin:10px 0 0}
.card-actions{margin-top:18px;display:flex;flex-direction:column;gap:10px;align-items:center}
.btn-small{display:inline-block;background:linear-gradient(135deg,#ff7a1a 0%,#e0311a 48%,#141a2e 100%);color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:11px;letter-spacing:.18em;text-transform:uppercase;padding:11px 22px;border-radius:999px;border:0;cursor:pointer}
.btn-outline{background:#fff;border:1px solid #e0311a;color:#e0311a;font-family:Arial,Helvetica,sans-serif;font-size:11px;letter-spacing:.18em;text-transform:uppercase;padding:11px 22px;border-radius:999px;cursor:pointer}
.order{max-width:640px;margin:0 auto;padding:96px 24px;text-align:center}
.order h2{font-size:clamp(26px,3.5vw,38px);font-weight:400;margin:0}
.order p{font-size:18px;line-height:1.7;color:#777}
footer{border-top:1px solid #eee;padding:48px 24px;text-align:center}
footer .wm{font-size:22px;letter-spacing:.42em;text-indent:.42em}
footer p{font-family:Arial,Helvetica,sans-serif;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#999}
.detail{display:grid;grid-template-columns:1fr 1fr;gap:64px;max-width:1080px;margin:0 auto;padding:64px 28px;align-items:start}
@media(max-width:760px){.detail{grid-template-columns:1fr;gap:32px}}
.detail img{border:1px solid #eee}
.detail h1{font-size:clamp(28px,4vw,42px);font-weight:400;margin:0}
.detail .cat{font-family:Arial,Helvetica,sans-serif;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:#e0311a;margin:14px 0}
.detail .price{font-size:22px;color:#e0311a;margin:18px 0}
.detail p{font-size:17px;line-height:1.7;color:#666}
.qty{display:flex;gap:12px;align-items:center;margin:24px 0}
.qty button{width:40px;height:40px;border:1px solid #eee;background:#fff;font-size:18px;cursor:pointer}
.qty span{min-width:28px;text-align:center;font-size:18px}
.detail .actions{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.cart{max-width:820px;margin:0 auto;padding:64px 28px}
.cart-row{display:grid;grid-template-columns:96px 1fr auto;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid #eee}
.cart-row img{border:1px solid #eee}
.cart-row h3{margin:0;font-weight:400}
.cart-row p{color:#777;margin:6px 0}
.cart-total{font-size:20px;text-align:right;margin:28px 0}
.note{border:1px solid #eee;border-radius:4px;padding:32px;margin-top:32px;background:#fff;box-shadow:0 20px 50px rgba(0,0,0,.14)}
.note .btn{width:100%;text-align:center}
.note input{padding:14px;font-size:17px}
.note p{color:#666;line-height:1.7}
input,textarea,select{width:100%;padding:12px;border:1px solid #ddd;background:#fff;font-family:Georgia,serif;font-size:16px}
label{font-family:Arial,Helvetica,sans-serif;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#777;display:block;margin:16px 0 6px}
.form{max-width:560px;margin:32px auto;padding:64px 36px;background:#fff;border:1px solid #eee;border-radius:4px;box-shadow:0 20px 50px rgba(0,0,0,.14)}
.form h1{font-weight:400;font-size:32px}
.msg{border:1px solid #eee;padding:14px;margin-top:18px;color:#666;line-height:1.6}
.msg.err{border-color:#e0311a;color:#e0311a}
/* Chat: full screen, WhatsApp-style. Never a floating bubble. */
.chatpage{max-width:760px;margin:0 auto;padding:24px 16px 40px}
.overlay{position:fixed;inset:0;background:rgba(20,15,15,.35);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:none;align-items:flex-start;justify-content:center;padding:24px 16px;z-index:50;overflow:auto}
.overlay.open{display:flex}
.overlay-panel{background:#fff;border-radius:16px;padding:28px;max-width:480px;width:100%;box-shadow:0 24px 60px rgba(0,0,0,.25);margin:auto;position:relative}
.overlay-panel .btn{width:100%;text-align:center}
.overlay-panel .btn-outline{width:100%;text-align:center}
.overlay-close{position:absolute;top:10px;right:14px;background:none;border:0;font-size:26px;line-height:1;cursor:pointer;color:#777}
.mini-table{width:100%;border-collapse:collapse;margin:16px 0}
.mini-table td{padding:10px 0;border-bottom:1px solid #eee;line-height:1.6}
.mini-table td:first-child{color:#e0311a;padding-right:14px;white-space:nowrap}
.chat-fab{position:fixed;right:20px;bottom:20px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#ff7a1a,#e0311a 48%,#141a2e);color:#fff;align-items:center;justify-content:center;font-size:24px;box-shadow:0 12px 30px rgba(0,0,0,.20);z-index:40}
.chathead{display:flex;align-items:center;gap:14px;border-bottom:1px solid #eee;padding:12px 0}
.chathead img{width:44px;height:44px}
.chathead h1{font-size:20px;font-weight:400;margin:0}
.chathead p{margin:2px 0 0;color:#777;font-family:Arial,Helvetica,sans-serif;font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.chatlog{border:1px solid #eee;padding:18px;min-height:420px;display:flex;flex-direction:column;gap:12px}
.bubble{max-width:78%;padding:10px 14px;border-radius:18px;line-height:1.55;font-size:16px}
.bubble.mine{align-self:flex-end;background:#1a2436;color:#fff;border-bottom-right-radius:4px}
.bubble.theirs{align-self:flex-start;background:#161616;color:#fff;border-bottom-left-radius:4px}
.bubble small{display:block;opacity:.7;font-size:11px;margin-top:6px;font-family:Arial,Helvetica,sans-serif}
.bubble img,.bubble audio{max-width:100%}
.chatbox{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}
.chatbox input[type=text]{flex:1;min-width:200px}
.group-banner{border:1px solid #e0311a;padding:18px;margin:24px auto;max-width:760px;text-align:center;display:none}
.group-banner p{color:#666;line-height:1.6}
.tabs{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}
.tabs button{border:1px solid #ddd;background:#fff;padding:10px 18px;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.tabs button.on{border-color:#e0311a;color:#e0311a}
table{width:100%;border-collapse:collapse}
th,td{border-bottom:1px solid #eee;padding:10px;text-align:left;font-size:15px;vertical-align:top}
.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
@media(max-width:760px){.admin-grid{grid-template-columns:1fr}}

.hscroll{display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 4px 24px;scrollbar-width:thin}
.hscroll .card{flex:0 0 300px;scroll-snap-align:start}
.hscroll-nav{display:flex;gap:12px;justify-content:center;margin-top:8px}
.hscroll-dot{width:10px;height:10px;border-radius:50%;border:1px solid #e0311a;background:#fff;padding:0;cursor:pointer}
.hscroll-dot.on{background:#e0311a}