:root {
  --bg: #090806;
  --bg-2: #12100d;
  --panel: rgba(23, 19, 14, .88);
  --panel-solid: #17130f;
  --gold: #d7aa55;
  --gold-light: #f0cf87;
  --ivory: #f7f0e2;
  --muted: #c7bca9;
  --line: rgba(215,170,85,.32);
  --shadow: 0 28px 80px rgba(0,0,0,.45);
  --radius: 28px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ivory);
  background:
    radial-gradient(circle at 15% 0%, rgba(151,99,35,.16), transparent 32rem),
    radial-gradient(circle at 90% 30%, rgba(215,170,85,.08), transparent 35rem),
    var(--bg);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.55;
  overflow-x: hidden;
}
a { color: inherit; }
img { max-width: 100%; display: block; }
button, a { -webkit-tap-highlight-color: transparent; }
button { font: inherit; }
.skip-link { position: fixed; left: 1rem; top: -5rem; z-index: 999; background: var(--gold); color:#090806; padding:.8rem 1rem; border-radius:10px; font-weight:800; }
.skip-link:focus { top:1rem; }
.site-header {
  position: sticky; top: 0; z-index: 50;
  background: rgba(8,7,6,.82);
  border-bottom: 1px solid rgba(215,170,85,.17);
  backdrop-filter: blur(18px);
}
.header-inner { width:min(1180px, calc(100% - 32px)); margin:auto; min-height:76px; display:flex; align-items:center; gap:28px; }
.brand { display:flex; align-items:center; gap:11px; text-decoration:none; min-width:max-content; }
.brand img { border-radius:50%; filter:drop-shadow(0 5px 18px rgba(215,170,85,.25)); }
.brand span { display:grid; line-height:1.05; }
.brand strong { font: 700 1.25rem Georgia, serif; color:var(--gold-light); letter-spacing:.08em; }
.brand small { margin-top:4px; color:var(--muted); font-size:.58rem; letter-spacing:.22em; }
nav { display:flex; gap:26px; margin-left:auto; }
nav a, .instagram-link { text-decoration:none; color:#ded4c4; font-size:.9rem; }
nav a:hover, .instagram-link:hover { color:var(--gold-light); }
.instagram-link { border:1px solid var(--line); padding:.65rem .95rem; border-radius:999px; }
.hero { position:relative; min-height:calc(100svh - 76px); display:grid; align-items:center; padding:72px 0 64px; overflow:hidden; }
.hero::before { content:""; position:absolute; inset:0; background:linear-gradient(115deg, rgba(0,0,0,.02), rgba(0,0,0,.18)); pointer-events:none; }
.hero-glow { position:absolute; width:580px; height:580px; border-radius:50%; background:rgba(148,90,20,.17); filter:blur(100px); right:-170px; top:100px; }
.hero-inner { position:relative; z-index:1; width:min(1180px, calc(100% - 32px)); margin:auto; display:grid; grid-template-columns:1fr minmax(420px, 560px); gap:70px; align-items:center; }
.kicker, .section-heading > p { margin:0 0 14px; color:var(--gold); font-weight:700; letter-spacing:.19em; font-size:.76rem; }
h1,h2,h3,p { text-wrap:pretty; }
h1 { margin:0; font:400 clamp(3.2rem, 7vw, 6.8rem)/.91 Georgia, "Times New Roman", serif; letter-spacing:-.04em; }
h1 em { color:var(--gold-light); font-weight:400; }
.hero-text { max-width:650px; margin:28px 0 0; color:#d7cdbd; font-size:clamp(1rem, 1.7vw, 1.2rem); }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:32px; }
.primary-button, .secondary-button { display:inline-flex; align-items:center; justify-content:center; min-height:52px; border-radius:999px; padding:0 1.35rem; font-weight:800; text-decoration:none; cursor:pointer; transition:.2s ease; }
.primary-button { background:linear-gradient(135deg, #f2d28c, #b67a22); color:#100d09; box-shadow:0 12px 35px rgba(197,135,39,.23); }
.primary-button:hover { transform:translateY(-2px); box-shadow:0 16px 45px rgba(197,135,39,.35); }
.secondary-button { border:1px solid var(--line); background:rgba(255,255,255,.025); color:var(--ivory); }
.secondary-button:hover { background:rgba(215,170,85,.09); border-color:rgba(215,170,85,.65); }
.affiliate-note { max-width:650px; margin:18px 0 0; color:#a99d8b; font-size:.82rem; }
.hero-art { position:relative; margin:0; width:100%; max-width:560px; justify-self:end; }
.hero-art::before { content:""; position:absolute; inset:-18px; border:1px solid rgba(215,170,85,.32); border-radius:34px; transform:rotate(2deg); pointer-events:none; }
.hero-art picture { display:block; width:100%; }
.hero-art img { position:relative; display:block; width:100%; height:auto; border-radius:28px; box-shadow:var(--shadow); border:1px solid rgba(255,255,255,.08); object-fit:contain; object-position:center; }
.quick-nav { position:sticky; top:76px; z-index:30; border-block:1px solid rgba(215,170,85,.15); background:rgba(12,10,8,.88); backdrop-filter:blur(16px); padding:14px 16px; display:flex; align-items:center; justify-content:center; gap:22px; }
.quick-nav > span { color:#a99b84; font-size:.7rem; letter-spacing:.18em; font-weight:800; white-space:nowrap; }
.quick-nav > div { display:flex; gap:8px; overflow-x:auto; scrollbar-width:none; }
.quick-nav > div::-webkit-scrollbar { display:none; }
.quick-nav a { display:grid; place-items:center; min-width:38px; height:38px; border:1px solid var(--line); border-radius:50%; text-decoration:none; color:#d9c7a7; font-size:.82rem; font-weight:800; }
.quick-nav a:hover { background:var(--gold); color:#0b0906; }
.catalog-section { width:min(1180px, calc(100% - 32px)); margin:0 auto; padding:104px 0 42px; }
.section-heading { text-align:center; max-width:780px; margin:0 auto 56px; }
.section-heading h2 { margin:0; font:400 clamp(2.4rem, 5vw, 4.7rem)/1 Georgia, serif; }
.section-heading > span { display:block; max-width:660px; margin:20px auto 0; color:var(--muted); }
.products { display:grid; gap:34px; }
.product-card { display:grid; grid-template-columns:minmax(340px, 46%) 1fr; gap:54px; align-items:center; background:linear-gradient(145deg, rgba(26,22,17,.95), rgba(13,11,9,.96)); border:1px solid rgba(215,170,85,.18); border-radius:var(--radius); overflow:hidden; padding:20px 48px 20px 20px; box-shadow:0 18px 60px rgba(0,0,0,.28); scroll-margin-top:150px; }
.product-card:nth-child(even) { grid-template-columns:1fr minmax(340px,46%); padding:20px 20px 20px 48px; }
.product-card:nth-child(even) .product-media { order:2; }
.product-media { position:relative; overflow:hidden; border-radius:20px; background:#0e0c09; }
.product-media img { width:100%; height:auto; aspect-ratio:9/16; object-fit:cover; transition:transform .5s ease; }
.product-card:hover .product-media img { transform:scale(1.018); }
.look-chip { position:absolute; top:16px; left:16px; padding:.45rem .75rem; border-radius:999px; color:#130f08; background:linear-gradient(135deg,#f7dda2,#bd7e26); font-size:.72rem; font-weight:900; letter-spacing:.12em; box-shadow:0 8px 24px rgba(0,0,0,.28); }
.product-info { padding:20px 0; }
.eyebrow { color:var(--gold); font-size:.7rem; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.product-info h2 { margin:12px 0 13px; font:400 clamp(2rem,4vw,3.6rem)/1.05 Georgia,serif; }
.full-title { color:#cfc2af; margin:0; max-width:610px; }
.tags { display:flex; flex-wrap:wrap; gap:8px; margin-top:22px; }
.tags span { border:1px solid rgba(215,170,85,.24); color:#cdbd9d; background:rgba(215,170,85,.045); border-radius:999px; padding:.42rem .72rem; font-size:.76rem; }
.price-box { margin:28px 0 18px; padding:22px 0; border-block:1px solid rgba(215,170,85,.18); display:flex; align-items:center; justify-content:space-between; gap:16px; }
.price-box > div { display:grid; }
.old-price { color:#938776; font-size:.82rem; text-decoration:line-through; }
.old-price--empty { text-decoration:none; text-transform:uppercase; letter-spacing:.12em; font-size:.65rem; }
.price-box strong { font:700 clamp(2.2rem,4vw,3.25rem)/1 Georgia,serif; color:var(--gold-light); margin-top:7px; }
.discount-badge { min-width:max-content; border-radius:999px; padding:.58rem .8rem; background:#35230f; color:#f2cd7d; border:1px solid rgba(215,170,85,.28); font-weight:900; font-size:.78rem; }
.shopee-button { display:flex; align-items:center; justify-content:center; gap:12px; width:100%; min-height:58px; border-radius:16px; padding:0 18px; color:#110d07; text-decoration:none; background:linear-gradient(135deg,#f1d18b 0%,#c4882f 55%,#a96518 100%); font-weight:900; box-shadow:0 12px 34px rgba(171,105,21,.22); transition:.2s ease; }
.shopee-button:hover { transform:translateY(-2px); filter:brightness(1.07); box-shadow:0 17px 42px rgba(171,105,21,.32); }
.bag-icon { display:grid; place-items:center; width:30px; height:30px; border:2px solid #23180b; border-radius:8px 8px 10px 10px; font:900 .8rem/1 system-ui; }
.price-note { color:#8f8373; font-size:.76rem; margin:12px 0 0; }
.how-section { width:min(1180px, calc(100% - 32px)); margin:80px auto 0; padding:64px; border-radius:var(--radius); border:1px solid rgba(215,170,85,.18); background:linear-gradient(135deg,rgba(31,24,16,.8),rgba(11,9,7,.9)); }
.section-heading.compact { margin-bottom:36px; }
.steps { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.steps > div { padding:28px; min-height:210px; border-radius:20px; background:rgba(255,255,255,.025); border:1px solid rgba(215,170,85,.14); }
.steps b { font:400 2.2rem Georgia,serif; color:var(--gold); }
.steps h3 { margin:22px 0 8px; font:400 1.45rem Georgia,serif; }
.steps p { margin:0; color:var(--muted); }
.notice-section { width:min(1180px, calc(100% - 32px)); margin:34px auto 100px; padding:55px 64px; border:1px solid rgba(215,170,85,.16); border-radius:var(--radius); display:grid; grid-template-columns:.75fr 1.25fr; gap:50px; background:rgba(15,12,9,.8); }
.notice-section h2 { margin:0; font:400 clamp(2.3rem,4vw,3.8rem)/1 Georgia,serif; }
.notice-section ul { margin:0; padding:0; list-style:none; display:grid; gap:16px; }
.notice-section li { position:relative; padding-left:25px; color:#c9bdac; }
.notice-section li::before { content:"✦"; position:absolute; left:0; color:var(--gold); }
footer { border-top:1px solid rgba(215,170,85,.14); background:#070605; padding:42px max(24px, calc((100% - 1180px)/2)); display:grid; grid-template-columns:1fr auto; gap:24px 40px; align-items:center; }
.footer-brand { display:flex; gap:15px; align-items:center; }
.footer-brand img { border-radius:50%; }
.footer-brand div { display:grid; }
.footer-brand strong { font:400 1.2rem Georgia,serif; color:var(--gold-light); }
.footer-brand span, footer > p { color:#8f8374; font-size:.8rem; }
.footer-links { display:flex; gap:18px; }
.footer-links a { color:#cdbc9d; text-decoration:none; }
footer > p { grid-column:1/-1; margin:0; }
.back-top { position:fixed; right:18px; bottom:18px; width:48px; height:48px; border-radius:50%; border:1px solid rgba(215,170,85,.4); background:rgba(12,10,8,.86); color:var(--gold-light); cursor:pointer; opacity:0; transform:translateY(12px); pointer-events:none; transition:.25s; backdrop-filter:blur(12px); z-index:60; }
.back-top.show { opacity:1; transform:none; pointer-events:auto; }
.toast { position:fixed; left:50%; bottom:24px; transform:translate(-50%,20px); background:#21180e; color:#f8e7bd; border:1px solid rgba(215,170,85,.35); padding:.8rem 1rem; border-radius:999px; z-index:100; opacity:0; pointer-events:none; transition:.25s; box-shadow:0 12px 40px rgba(0,0,0,.4); }
.toast.show { opacity:1; transform:translate(-50%,0); }
:focus-visible { outline:3px solid #efc56c; outline-offset:4px; }
@media (max-width: 920px) {
  nav { display:none; }
  .instagram-link { margin-left:auto; }
  .hero { padding-top:48px; }
  .hero-inner { grid-template-columns:1fr; gap:42px; }
  .hero-copy { text-align:center; }
  .hero-text,.affiliate-note { margin-left:auto; margin-right:auto; }
  .hero-actions { justify-content:center; }
  .hero-art { width:min(100%, 620px); max-width:620px; margin:auto; justify-self:center; }
  .product-card, .product-card:nth-child(even) { grid-template-columns:minmax(300px,42%) 1fr; gap:34px; padding:18px 28px 18px 18px; }
  .product-card:nth-child(even) { grid-template-columns:1fr minmax(300px,42%); padding:18px 18px 18px 28px; }
  .how-section { padding:48px 28px; }
  .notice-section { grid-template-columns:1fr; padding:48px 32px; }
}
@media (max-width: 720px) {
  .header-inner { min-height:68px; }
  .brand small { display:none; }
  .instagram-link { font-size:0; width:42px; height:42px; padding:0; display:grid; place-items:center; }
  .instagram-link::after { content:"IG"; font-size:.75rem; font-weight:900; }
  .hero { min-height:auto; padding:44px 0 54px; }
  h1 { font-size:clamp(3rem,16vw,5.3rem); }
  .hero-inner { width:min(100% - 16px, 620px); }
  .hero-art { width:100%; max-width:none; margin:4px auto 0; }
  .hero-art::before { inset:-7px; border-radius:22px; transform:none; }
  .hero-art img { width:100%; height:auto; max-height:none; border-radius:20px; object-fit:contain; object-position:center; }
  .hero-actions { display:grid; }
  .primary-button,.secondary-button { width:100%; }
  .quick-nav { top:68px; justify-content:flex-start; gap:12px; }
  .quick-nav > span { display:none; }
  .quick-nav > div { width:100%; justify-content:flex-start; }
  .catalog-section { width:min(100% - 20px, 620px); padding-top:76px; }
  .section-heading { margin-bottom:38px; }
  .product-card, .product-card:nth-child(even) { display:flex; flex-direction:column; padding:10px; gap:0; border-radius:22px; }
  .product-card:nth-child(even) .product-media { order:initial; }
  .product-media { width:100%; border-radius:16px; }
  .product-info { padding:27px 15px 17px; width:100%; }
  .product-info h2 { font-size:clamp(2rem,11vw,3rem); }
  .price-box { align-items:flex-end; }
  .price-box strong { font-size:2.65rem; }
  .how-section { width:calc(100% - 20px); margin-top:54px; padding:42px 16px 16px; }
  .steps { grid-template-columns:1fr; }
  .steps > div { min-height:auto; }
  .notice-section { width:calc(100% - 20px); margin-bottom:70px; padding:38px 22px; gap:28px; }
  footer { grid-template-columns:1fr; text-align:center; justify-items:center; }
  .footer-brand { flex-direction:column; }
  .footer-links { flex-wrap:wrap; justify-content:center; }
  footer > p { text-align:center; }
  .toast { max-width:calc(100% - 32px); text-align:center; border-radius:14px; }
}
@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { scroll-behavior:auto!important; animation:none!important; transition:none!important; }
}


/* V3 — vitrine de acesso rápido e primeira tela otimizada para celular */
.look-picker {
  position: relative;
  border-block: 1px solid rgba(215,170,85,.16);
  background:
    radial-gradient(circle at 50% 0%, rgba(215,170,85,.10), transparent 36rem),
    linear-gradient(180deg, rgba(20,16,12,.96), rgba(9,8,6,.98));
  padding: 64px 0 72px;
  scroll-margin-top: 90px;
}
.look-picker-inner { width:min(1180px, calc(100% - 32px)); margin:auto; }
.picker-heading { max-width:760px; margin:0 auto 34px; text-align:center; }
.picker-heading h2 { margin:0; font:400 clamp(2.45rem,5vw,4.5rem)/1 Georgia,serif; }
.picker-intro { margin:16px auto 0; max-width:650px; color:var(--muted); }
.look-picker-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px; }
.look-preview {
  min-width:0;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  text-decoration:none;
  border:1px solid rgba(215,170,85,.18);
  border-radius:18px;
  background:linear-gradient(160deg,rgba(31,25,18,.98),rgba(12,10,8,.98));
  box-shadow:0 14px 34px rgba(0,0,0,.23);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
  scroll-snap-align:start;
}
.look-preview:hover { transform:translateY(-4px); border-color:rgba(240,207,135,.62); box-shadow:0 20px 48px rgba(0,0,0,.34); }
.preview-media { position:relative; display:block; aspect-ratio:9/12.4; overflow:hidden; background:#0c0a08; }
.preview-media img { width:100%; height:100%; object-fit:cover; object-position:center 15%; transition:transform .35s ease; }
.look-preview:hover .preview-media img { transform:scale(1.035); }
.preview-number { position:absolute; top:9px; left:9px; padding:.34rem .52rem; border-radius:999px; color:#120e08; background:linear-gradient(135deg,#f7dda2,#bd7e26); font-size:.59rem; font-weight:900; letter-spacing:.09em; box-shadow:0 6px 18px rgba(0,0,0,.28); }
.preview-info { display:flex; flex-direction:column; min-height:150px; padding:13px 13px 14px; }
.preview-info > strong { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; font:400 1rem/1.14 Georgia,serif; color:#f2e8d6; }
.preview-price { display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin-top:auto; padding-top:12px; color:var(--gold-light); font-weight:900; font-size:1rem; }
.preview-discount { padding:.22rem .38rem; border-radius:999px; background:#39240f; border:1px solid rgba(215,170,85,.28); color:#efc873; font-size:.55rem; }
.preview-cta { margin-top:7px; color:#b9aa93; font-size:.68rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.picker-hint { display:none; margin:15px 0 0; text-align:center; color:#958774; font-size:.72rem; }

@media (max-width: 920px) {
  .look-picker-grid { grid-template-columns:repeat(5,minmax(145px,1fr)); }
}

@media (max-width: 720px) {
  .hero { padding:24px 0 28px; }
  .hero-inner { gap:17px; width:min(100% - 22px, 620px); }
  .hero-copy { text-align:left; }
  .kicker { margin-bottom:8px; font-size:.62rem; }
  h1 { font-size:clamp(2.7rem,12.8vw,3.8rem); line-height:.93; }
  .hero-text { margin-top:14px; font-size:.91rem; line-height:1.45; }
  .hero-actions { display:grid; grid-template-columns:1.25fr .75fr; gap:8px; margin-top:17px; }
  .primary-button,.secondary-button { min-height:46px; padding:0 .75rem; font-size:.78rem; }
  .affiliate-note { margin-top:10px; font-size:.68rem; line-height:1.4; }
  .hero-art { width:min(52vw,190px); max-width:190px; margin:0 auto; }
  .hero-art::before { inset:-5px; border-radius:18px; }
  .hero-art img { border-radius:16px; }

  .look-picker { padding:31px 0 38px; scroll-margin-top:72px; }
  .look-picker-inner { width:100%; }
  .picker-heading { margin:0 auto 21px; padding:0 16px; }
  .picker-heading h2 { font-size:clamp(2.15rem,11vw,3rem); }
  .picker-intro { margin-top:10px; font-size:.85rem; line-height:1.42; }
  .look-picker-grid {
    display:grid;
    grid-auto-flow:column;
    grid-template-rows:repeat(2,auto);
    grid-auto-columns:132px;
    grid-template-columns:none;
    gap:10px;
    padding:2px 16px 10px;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }
  .look-picker-grid::-webkit-scrollbar { display:none; }
  .look-preview { border-radius:14px; }
  .preview-media { aspect-ratio:9/11.7; }
  .preview-number { top:7px; left:7px; font-size:.52rem; padding:.28rem .42rem; }
  .preview-info { min-height:112px; padding:10px; }
  .preview-info > strong { font-size:.82rem; line-height:1.12; }
  .preview-price { padding-top:8px; font-size:.87rem; }
  .preview-discount { display:none; }
  .preview-cta { margin-top:4px; font-size:.57rem; }
  .picker-hint { display:block; }
  .quick-nav { padding:9px 12px; }
  .catalog-section { padding-top:58px; }
}

@media (max-width: 390px) {
  .hero-actions { grid-template-columns:1fr; }
  .hero-art { width:170px; }
}


/* V4 — compra direta na vitrine + chamada para seguir no Instagram */
.instagram-promo {
  position:relative;
  z-index:40;
  border-bottom:1px solid rgba(215,170,85,.20);
  background:linear-gradient(90deg,rgba(64,39,13,.96),rgba(19,15,10,.98),rgba(64,39,13,.96));
}
.instagram-promo-inner {
  width:min(1180px,calc(100% - 32px));
  min-height:58px;
  margin:auto;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:22px;
  text-align:center;
}
.instagram-promo p { margin:0; color:#e9ddc9; font-size:.88rem; }
.instagram-promo strong { color:var(--gold-light); }
.instagram-follow-button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:0 1rem;
  border-radius:999px;
  text-decoration:none;
  white-space:nowrap;
  color:#110d07;
  background:linear-gradient(135deg,#f4d58f,#bd7d24);
  box-shadow:0 8px 24px rgba(174,109,26,.23);
  font-size:.78rem;
  font-weight:900;
  transition:transform .2s ease,filter .2s ease;
}
.instagram-follow-button:hover { transform:translateY(-2px); filter:brightness(1.06); }

.preview-details-link { display:block; text-decoration:none; }
.preview-actions {
  display:grid;
  grid-template-columns:1fr;
  gap:7px;
  margin-top:10px;
}
.preview-shopee-button,
.preview-details-button {
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  border-radius:10px;
  padding:.52rem .55rem;
  text-decoration:none;
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.025em;
  transition:transform .18s ease,filter .18s ease,border-color .18s ease,background .18s ease;
}
.preview-shopee-button {
  gap:7px;
  color:#130e07;
  background:linear-gradient(135deg,#f5d992,#c4852c);
  box-shadow:0 8px 20px rgba(183,112,24,.20);
}
.preview-shopee-button:hover { transform:translateY(-1px); filter:brightness(1.06); }
.preview-shop-icon {
  display:grid;
  place-items:center;
  width:20px;
  height:20px;
  border:1.5px solid currentColor;
  border-radius:6px 6px 7px 7px;
  font-size:.62rem;
  line-height:1;
}
.preview-details-button {
  color:#dfd2bd;
  border:1px solid rgba(215,170,85,.28);
  background:rgba(255,255,255,.025);
}
.preview-details-button:hover { border-color:rgba(240,207,135,.58); background:rgba(215,170,85,.08); }
.preview-cta { display:none; }

@media (max-width:720px) {
  .instagram-promo-inner {
    width:min(100% - 22px,620px);
    min-height:auto;
    padding:10px 0;
    gap:10px;
    justify-content:space-between;
    text-align:left;
  }
  .instagram-promo p { font-size:.69rem; line-height:1.3; }
  .instagram-promo p strong { display:block; }
  .instagram-follow-button { min-height:36px; padding:0 .72rem; font-size:.68rem; }
  .preview-info { min-height:160px; }
  .preview-actions { margin-top:8px; gap:6px; }
  .preview-shopee-button,.preview-details-button { min-height:36px; font-size:.62rem; padding:.45rem .35rem; }
  .preview-shop-icon { width:18px; height:18px; font-size:.56rem; }
}

@media (max-width:390px) {
  .instagram-promo p { max-width:185px; }
  .instagram-follow-button { padding:0 .58rem; }
}