/* v3.4 — CSS consolidado da vitrine. Cascata original preservada; fundo duplicado removido. */

:root{--bg:#08101a;--panel:rgba(8,19,31,.82);--panel-2:rgba(5,13,22,.94);--text:#f6fbff;--muted:#d5e6ee;--cream:#fff6ea;--gold:#e3c56b;--cyan:#66e8ff;--cyan-soft:rgba(102,232,255,.16);--line:rgba(102,232,255,.20);--line-strong:rgba(102,232,255,.36)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:#05080c;}body{margin:0;font-family:Montserrat,Arial,sans-serif;color:var(--text);}
a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.shop-container{width:min(1180px,calc(100% - 28px));margin:auto}.shop-header{position:sticky;top:12px;z-index:30;max-width:min(1180px,calc(100% - 28px));margin:14px auto 0;border:1px solid rgba(255,255,255,.10);border-radius:999px;background:linear-gradient(180deg,rgba(18,18,19,.52),rgba(8,8,9,.34));box-shadow:0 18px 70px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.07);backdrop-filter:blur(18px)}.shop-header-inner{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 18px}.shop-brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none}.shop-brand img{width:48px;height:48px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 24px rgba(227,197,107,.14)}.shop-brand span{display:grid}.shop-brand strong{font:700 22px/1 "Cormorant Garamond",serif;color:var(--cream)}.shop-brand small{color:var(--muted);font-size:11px}.shop-header-actions{display:flex;align-items:center;gap:12px}.shop-back{min-height:38px;padding:8px 14px;border-radius:999px;border:1px solid rgba(227,197,107,.18);background:rgba(8,8,9,.34);color:#e7c572;font-weight:700;font-size:12px}.shop-languages{display:flex;gap:4px;padding:4px;border-radius:999px;border:1px solid rgba(255,255,255,.10);background:rgba(4,10,15,.54)}.shop-lang{min-width:38px;min-height:32px;border:0;border-radius:999px;background:transparent;color:var(--muted);font-weight:800;cursor:pointer}.shop-lang.active{background:linear-gradient(180deg,#bafcff,#54e1ff);color:#08031f;box-shadow:0 0 22px rgba(104,239,255,.30)}
.shop-hero{padding:52px 0 18px;text-align:center}.shop-hero-overline,.shop-section-kicker{margin:0 0 7px;color:var(--cyan);font-size:.74rem;font-weight:950;letter-spacing:.20em;text-transform:uppercase;text-shadow:0 0 12px rgba(104,239,255,.34)}.shop-hero h1{max-width:820px;margin:0 auto;color:var(--cream);font:700 clamp(40px,5.4vw,70px)/.98 "Cormorant Garamond",serif;text-shadow:0 18px 70px rgba(0,0,0,.80)}.shop-hero-lead{max-width:760px;margin:17px auto 0;color:var(--muted);line-height:1.6}.shop-trust{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:21px}.shop-trust span{padding:8px 12px;border:1px solid rgba(227,197,107,.18);border-radius:999px;background:rgba(8,8,9,.34);font-size:11px;font-weight:700}.shop-price-disclaimer{max-width:740px;margin:14px auto 0;color:rgba(255,255,255,.58);font-size:11px;line-height:1.5}
.shop-search-wrap{display:none}.shop-nav-wrap{position:sticky;top:92px;z-index:20;background:rgba(8,8,9,.72);border-block:1px solid rgba(255,255,255,.08);backdrop-filter:blur(14px)}.shop-nav{display:flex;gap:9px;overflow:auto;padding:10px 0;scrollbar-width:none}.shop-nav::-webkit-scrollbar{display:none}.shop-nav-pill{flex:0 0 auto;min-height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(9,9,11,.78),rgba(6,6,8,.78));color:#f7f2ea;font-size:12px;font-weight:800;cursor:pointer}.shop-nav-pill.is-active{border-color:var(--line-strong);box-shadow:0 0 22px rgba(104,239,255,.16)}
.shop-main{padding:28px 0 60px;min-height:42vh}.shop-status{text-align:center;color:var(--muted);padding:32px 0}.shop-featured-section,.shop-controls-section,.shop-section,.shop-footer{border:1px solid rgba(255,255,255,.10);background:linear-gradient(180deg,rgba(8,19,31,.80),rgba(5,13,22,.88));border-radius:32px;box-shadow:0 16px 44px rgba(0,0,0,.26),0 0 24px rgba(102,232,255,.04)}.shop-featured-section,.shop-controls-section,.shop-section{padding:18px}.shop-featured-section{margin-bottom:22px}.shop-featured-header,.shop-section-header{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:18px}.shop-featured-header{display:block}.shop-featured-title,.shop-section-header h2{margin:0;color:var(--cream);font:700 clamp(28px,4vw,42px)/1 "Cormorant Garamond",serif}.shop-section-intro{max-width:640px;margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.shop-highlight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.shop-highlight-card,.shop-card{min-width:0;border:1px solid rgba(102,232,255,.18);border-radius:20px;overflow:hidden;background:linear-gradient(180deg,rgba(7,18,31,.98),rgba(3,9,18,.98));box-shadow:0 14px 34px rgba(0,0,0,.22)}.shop-card-link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}.shop-frame{display:block;width:100%;aspect-ratio:1/1;background:#050505;overflow:hidden}.shop-product-image{display:block;width:100%;height:auto;aspect-ratio:1/1;background:#050505}.shop-highlight-body,.shop-card-body{display:flex;flex-direction:column;gap:8px;padding:14px;min-height:190px}.shop-highlight-category,.shop-card-category{color:var(--cyan);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.shop-highlight-title,.shop-card-title{font:700 19px/1.08 "Cormorant Garamond",serif;color:var(--cream);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.shop-highlight-hook,.shop-card-hook{font-size:11px;line-height:1.5;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.shop-highlight-price,.shop-card-price{display:block;margin-top:auto;color:var(--gold);font:900 14px/1.2 Montserrat,sans-serif}.shop-highlight-cta,.shop-card-cta{margin-top:2px;display:flex;align-items:center;justify-content:center;min-height:40px;border-radius:999px;background:linear-gradient(180deg,rgba(7,19,33,.98),rgba(3,12,23,.98));color:#f6fbff;font-size:11px;font-weight:900;padding:8px 11px;text-align:center;border:1px solid rgba(102,232,255,.36);box-shadow:0 0 18px rgba(102,232,255,.10)}
.shop-controls-section{margin-bottom:22px}.shop-filter-form{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,.9fr) auto;gap:14px;align-items:end}.shop-field{display:grid;gap:8px}.shop-field-label{color:var(--gold);font-weight:800}.shop-field input,.shop-field select{min-height:52px;padding:0 16px;border-radius:14px;border:1px solid rgba(227,197,107,.22);background:linear-gradient(180deg,rgba(9,9,11,.78),rgba(6,6,8,.78));color:#fff;font:700 14px Montserrat,sans-serif;outline:none}.shop-field input:focus,.shop-field select:focus{border-color:var(--line-strong);box-shadow:0 0 0 3px rgba(102,232,255,.10)}.shop-filter-clear{min-height:52px;padding:0 18px;border-radius:14px;font-weight:800;cursor:pointer}.shop-found-count{margin:14px 2px 0;color:var(--muted);font-weight:800;text-align:center}.shop-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.shop-pager{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:22px;flex-wrap:wrap}.shop-page-btn{min-height:42px;padding:0 16px;border-radius:999px;cursor:pointer;font-weight:800}.shop-page-btn[disabled]{opacity:.45;cursor:not-allowed}.shop-page-info{color:var(--muted);font-weight:700}.shop-card-focus{outline:2px solid var(--cyan);box-shadow:0 0 0 4px rgba(102,232,255,.12),0 0 28px rgba(102,232,255,.16)}.shop-footer{margin-top:40px;padding:30px 0 42px;text-align:center;color:var(--muted)}.shop-footer strong{color:var(--cream);font-family:"Cormorant Garamond",serif;font-size:24px}.shop-footer p{margin:5px 0 0;font-size:12px}.shop-back-top{position:fixed;right:18px;bottom:20px;width:50px;height:50px;display:grid;place-items:center;border-radius:50%;z-index:50;text-decoration:none;background:linear-gradient(180deg,#bafcff,#54e1ff);color:#08031f;border:1px solid rgba(104,239,255,.30);box-shadow:0 0 22px rgba(104,239,255,.30),0 14px 30px rgba(0,0,0,.20);font:900 22px/1 Montserrat,sans-serif}
.shop-back,.shop-lang,.shop-nav-pill,.shop-highlight-card,.shop-card,.shop-highlight-cta,.shop-card-cta,.shop-page-btn,.shop-filter-clear,.shop-back-top{transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease,background .28s ease}.shop-highlight-card:hover,.shop-card:hover{transform:translateY(-4px);border-color:rgba(102,232,255,.38);box-shadow:0 18px 44px rgba(0,0,0,.28),0 0 24px rgba(104,239,255,.10)}.shop-highlight-cta:hover,.shop-card-cta:hover,.shop-page-btn:hover,.shop-filter-clear:hover,.shop-nav-pill:hover{border-color:rgba(102,232,255,.64);box-shadow:0 0 28px rgba(102,232,255,.22),0 14px 34px rgba(0,0,0,.30)}
@media (max-width:980px){.shop-highlight-grid,.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-filter-form{grid-template-columns:1fr 1fr}.shop-filter-clear{grid-column:1/-1}}
@media (max-width:720px){.shop-header-inner{align-items:flex-start;padding:10px 12px;flex-direction:column}.shop-header-actions{width:100%;justify-content:space-between}.shop-hero{padding-top:34px}.shop-nav-wrap{top:118px}.shop-highlight-grid,.shop-grid{grid-template-columns:1fr}.shop-card-body,.shop-highlight-body{min-height:178px;padding:12px}.shop-card-title,.shop-highlight-title{font-size:17px}.shop-featured-header,.shop-section-header{display:block}.shop-filter-form{grid-template-columns:1fr}.shop-field select,.shop-field input,.shop-filter-clear{width:100%}}


/* ===== v233 — escala e fluxo iguais ao modelo Rogério ===== */
.shop-main{width:min(1180px,calc(100% - 28px))!important;}
.shop-featured-section,.shop-controls-section{width:min(860px,100%)!important;margin-left:auto!important;margin-right:auto!important;}
.shop-featured-section{padding:18px 16px!important;}
.shop-highlight-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;}
.shop-highlight-card{border-radius:15px!important;}
.shop-highlight-body{min-height:120px!important;padding:10px!important;gap:5px!important;}
.shop-highlight-title{font-size:16px!important;line-height:1.02!important;}
.shop-highlight-hook{font-size:10px!important;line-height:1.35!important;-webkit-line-clamp:2!important;}
.shop-highlight-price{font-size:12px!important;}
.shop-highlight-cta{min-height:34px!important;font-size:10px!important;}
.shop-controls-section{padding:12px!important;}
.shop-filter-form{grid-template-columns:minmax(0,1.7fr) minmax(220px,.9fr) auto!important;gap:10px!important;}
.shop-field input,.shop-field select,.shop-filter-clear{min-height:42px!important;border-radius:10px!important;}
.shop-field-label{font-size:13px!important;}
.shop-found-count{margin:10px 0 0!important;font-size:12px!important;}
.shop-section{padding:16px!important;}
.shop-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important;}
.shop-card{border-radius:15px!important;}
.shop-card-body{min-height:154px!important;padding:10px!important;gap:6px!important;}
.shop-card-title{font-size:15px!important;line-height:1.02!important;}
.shop-card-hook{font-size:10px!important;line-height:1.35!important;-webkit-line-clamp:2!important;}
.shop-card-price{font-size:12px!important;}
.shop-card-cta{min-height:34px!important;font-size:10px!important;}
.shop-card-focus{border-color:rgba(102,232,255,.75)!important;box-shadow:0 0 0 3px rgba(102,232,255,.15),0 0 26px rgba(102,232,255,.22)!important;}
button:not([disabled]),.shop-card,.shop-highlight-card,.shop-card-cta,.shop-highlight-cta,.shop-page-btn,.shop-filter-clear,.shop-nav-pill,.shop-back,.shop-back-top{transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease,filter .28s ease!important;}
button:not([disabled]):hover,button:not([disabled]):focus-visible,button.is-touch-glow,.shop-card:hover,.shop-highlight-card:hover,.shop-card-cta:hover,.shop-highlight-cta:hover,.shop-page-btn:hover,.shop-filter-clear:hover,.shop-nav-pill:hover,.shop-back:hover,.shop-back-top:hover{border-color:rgba(102,232,255,.65)!important;box-shadow:0 0 28px rgba(102,232,255,.22),0 14px 34px rgba(0,0,0,.30)!important;filter:brightness(1.07)!important;}
@media (max-width:1180px){.shop-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media (max-width:900px){.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.shop-filter-form{grid-template-columns:1fr 1fr!important}.shop-filter-clear{grid-column:1/-1!important}}
@media (max-width:720px){.shop-highlight-grid{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;padding-bottom:6px!important}.shop-highlight-card{flex:0 0 76%!important;scroll-snap-align:start!important}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.shop-filter-form{grid-template-columns:1fr!important}.shop-card-hook{display:none!important}.shop-card-body{min-height:126px!important}}


/* v234 override — centralização e interação padrão Rogério */
.shop-search-wrap,.shop-hero,.shop-main{max-width:1180px!important;margin-left:auto!important;margin-right:auto!important}
.shop-nav{justify-content:center!important;flex-wrap:wrap!important}
.shop-section-header,.shop-featured-header,.shop-status{text-align:center!important}
.shop-nav-pill,.shop-card-cta,.shop-highlight-cta,.shop-page-btn,.shop-filter-clear,.shop-search-primary,.shop-search-clear,.shop-back,.shop-back-top{
  background:linear-gradient(180deg,rgba(7,19,33,.98),rgba(3,12,23,.96))!important;
  color:#f6fbff!important;
  border:1px solid rgba(102,232,255,.34)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 0 1px rgba(102,232,255,.08),0 0 18px rgba(102,232,255,.10)!important;
}
.shop-nav-pill:hover,.shop-card-cta:hover,.shop-highlight-cta:hover,.shop-page-btn:hover,.shop-filter-clear:hover,.shop-search-primary:hover,.shop-search-clear:hover,.shop-back:hover,.shop-back-top:hover,
.shop-nav-pill:focus-visible,.shop-card-cta:focus-visible,.shop-highlight-cta:focus-visible,.shop-page-btn:focus-visible,.shop-filter-clear:focus-visible,.shop-search-primary:focus-visible,.shop-search-clear:focus-visible,.shop-back:focus-visible,.shop-back-top:focus-visible{
  transform:translateY(-2px)!important;border-color:rgba(102,232,255,.70)!important;box-shadow:0 0 32px rgba(102,232,255,.28),0 14px 34px rgba(0,0,0,.30)!important;filter:brightness(1.08)!important;
}
@media (max-width:780px){.shop-nav{justify-content:flex-start!important;flex-wrap:nowrap!important}}


/* ===== v235 DEFINITIVE STORE OVERRIDES ===== */
.shop-featured-header{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
.shop-featured-header .shop-section-kicker,
.shop-featured-title,
.shop-featured-header .shop-section-intro{
  width:100%!important;
  max-width:760px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
.shop-featured-header .shop-section-intro{margin-top:8px!important}
.shop-nav-wrap{overflow:hidden!important}
.shop-nav{justify-content:center!important;align-items:center!important;flex-wrap:wrap!important;margin-left:auto!important;margin-right:auto!important}
.shop-nav-pill{cursor:pointer!important;pointer-events:auto!important}
#shopControls,#shopCatalog{scroll-margin-top:150px!important}
@media (max-width:780px){.shop-nav{justify-content:flex-start!important;flex-wrap:nowrap!important}}

/* ===== v240 FECHAMENTO CIRÚRGICO: CATEGORIAS CENTRALIZADAS ===== */
.shop-nav-pill{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  vertical-align:middle!important;
  min-height:42px!important;
  padding:0 16px!important;
  line-height:1.15!important;
  white-space:nowrap!important;
}

/* v252 — correção cirúrgica: opções do seletor de categoria legíveis no Chrome/Windows */
.shop-field select{
  color-scheme:dark;
  background-color:#07121f;
}
.shop-field select option{
  background-color:#07121f;
  color:#f7f2ea;
  font-weight:700;
}
.shop-field select option:checked{
  background-color:#0d5068;
  color:#ffffff;
}

/* ===== v261 LOJA 381 — HIERARQUIA COMERCIAL SEM ALTERAR O MODELO VISUAL ===== */
.shop-collections-section{padding:16px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:18px!important;background:linear-gradient(180deg,rgba(13,20,30,.82),rgba(7,12,20,.78))!important;box-shadow:0 18px 48px rgba(0,0,0,.20)!important}
.shop-collections-header{margin-bottom:12px!important}
.shop-collection-grid{display:flex!important;justify-content:center!important;align-items:center!important;flex-wrap:wrap!important;gap:9px!important}
.shop-collection-pill{min-height:40px!important;padding:0 14px!important;font-size:12px!important}
.shop-filter-form{grid-template-columns:minmax(0,1.65fr) minmax(190px,.9fr) minmax(210px,1fr) auto!important}
@media (max-width:1020px){.shop-filter-form{grid-template-columns:1fr 1fr!important}.shop-filter-clear{grid-column:1/-1!important}}
@media (max-width:720px){.shop-collection-grid{justify-content:flex-start!important;flex-wrap:nowrap!important;overflow-x:auto!important;padding:2px 2px 8px!important;scroll-snap-type:x proximity!important}.shop-collection-pill{flex:0 0 auto!important;scroll-snap-align:start!important}.shop-filter-form{grid-template-columns:1fr!important}}

/* ===== v262 — FECHAMENTO VISUAL DESKTOP: COLEÇÕES + BUSCA ALINHADAS =====
   Escopo deliberado: somente telas desktop/largas. Mobile/app preservados. */
@media (min-width:1021px){
  .shop-collections-header{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    text-align:center!important;
    margin-bottom:14px!important;
  }
  .shop-collections-header > div,
  .shop-collections-header .shop-section-kicker,
  .shop-collections-header h2,
  .shop-collections-header .shop-section-intro{
    width:100%!important;
    max-width:900px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    text-align:center!important;
  }
  .shop-collections-header .shop-section-intro{
    margin-top:2px!important;
  }
  .shop-controls-section{
    width:min(1180px,100%)!important;
    padding:14px 16px!important;
  }
  .shop-filter-form{
    width:100%!important;
    display:grid!important;
    grid-template-columns:minmax(0,1.7fr) minmax(0,1fr) minmax(0,1fr) minmax(150px,.72fr)!important;
    gap:12px!important;
    align-items:end!important;
  }
  .shop-field{
    min-width:0!important;
    width:100%!important;
  }
  .shop-field-label{
    display:block!important;
    width:100%!important;
    text-align:center!important;
  }
  .shop-field input,
  .shop-field select,
  .shop-filter-clear{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
  .shop-found-count{
    width:100%!important;
    margin:11px auto 0!important;
    text-align:center!important;
  }
}


/* v8 — fundo unificado escuro loja */
html,body{background:#050506!important;}body{}


/* v9 — loja mobile background fix */
@media (max-width:860px){body{}}

/* v12 — fundo único igual ao site/app */
html{background:#050506!important;}body{position:relative!important;isolation:isolate!important;background:transparent!important;}

/*
 * Pão com Palavra v300 — v244
 * Camada exclusivamente mobile/app.
 * Objetivo: corrigir navegação de categorias, destaque da Loja e carrosséis touch
 * sem alterar o layout desktop já aprovado na v243.
 */

@media (max-width: 760px), (max-width: 900px) and (pointer: coarse) {
  html,
  body {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  /* =========================================================
     LOJA INTERNA — categorias legíveis, sem corte lateral
     ========================================================= */
  .shop-nav-wrap {
    position: relative !important;
    top: auto !important;
    z-index: 18 !important;
    overflow: visible !important;
    background: rgba(8, 8, 9, .86) !important;
    backdrop-filter: blur(14px) !important;
  }

  .shop-nav {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    overflow: visible !important;
    padding: 11px 0 12px !important;
    margin: 0 auto !important;
    justify-content: stretch !important;
    align-items: stretch !important;
  }

  .shop-nav-pill {
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 48px !important;
    padding: 8px 10px !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    line-height: 1.15 !important;
    font-size: clamp(11px, 3.2vw, 13px) !important;
  }

  .shop-nav-pill:first-child {
    grid-column: 1 / -1 !important;
  }

  /* Destaques: 1 card completo por vez. Nada de card cortado na lateral. */
  .shop-featured-section {
    overflow: hidden !important;
  }

  .shop-highlight-grid {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scroll-padding-inline: 0 !important;
    overscroll-behavior-x: contain !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    padding: 2px 0 7px !important;
    touch-action: pan-x pan-y !important;
  }

  .shop-highlight-grid::-webkit-scrollbar {
    display: none !important;
  }

  .shop-highlight-card {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    scroll-snap-align: center !important;
    scroll-snap-stop: always !important;
  }

  .shop-highlight-title {
    -webkit-line-clamp: 2 !important;
    line-height: 1.08 !important;
  }

  .shop-highlight-hook {
    -webkit-line-clamp: 2 !important;
  }

  /* =========================================================
     FERNANDO PINA — carrossel nativo para toque
     ========================================================= */
  #lancamentos .pao-music-carousel {
    position: relative !important;
    padding: 0 34px !important;
    overflow: visible !important;
  }

  #lancamentos .pao-music-viewport {
    width: 100% !important;
    padding: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scroll-behavior: smooth !important;
    overscroll-behavior-x: contain !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    touch-action: pan-x pan-y !important;
    border-radius: 24px !important;
  }

  #lancamentos .pao-music-viewport::-webkit-scrollbar {
    display: none !important;
  }

  #lancamentos .pao-music-rail {
    display: flex !important;
    grid-auto-flow: initial !important;
    grid-auto-columns: initial !important;
    width: max-content !important;
    min-width: max-content !important;
    gap: 12px !important;
    padding: 2px 0 10px !important;
    margin: 0 !important;
    transform: none !important;
    transition: none !important;
    will-change: auto !important;
    backface-visibility: visible !important;
  }

  #lancamentos .pao-music-tile {
    flex: 0 0 min(76vw, 288px) !important;
    width: min(76vw, 288px) !important;
    min-width: min(76vw, 288px) !important;
    max-width: min(76vw, 288px) !important;
    scroll-snap-align: center !important;
    scroll-snap-stop: always !important;
  }

  #lancamentos .pao-music-arrow {
    top: 42% !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    z-index: 12 !important;
    pointer-events: auto !important;
    background: linear-gradient(180deg, rgba(7,19,33,.99), rgba(3,12,23,.98)) !important;
    color: #f6fbff !important;
    -webkit-text-fill-color: #f6fbff !important;
    border: 1px solid rgba(102,232,255,.42) !important;
    box-shadow: 0 0 20px rgba(102,232,255,.14), 0 10px 24px rgba(0,0,0,.28) !important;
  }

  #lancamentos .pao-music-arrow-prev { left: 0 !important; }
  #lancamentos .pao-music-arrow-next { right: 0 !important; }

  /* =========================================================
     PROGRAMAÇÃO DA SEMANA — mesmo padrão touch estável
     ========================================================= */
  #programacao-semana .weekly-pao-shell {
    position: relative !important;
    padding: 0 34px !important;
  }

  #programacao-semana .weekly-pao-window {
    width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scroll-behavior: smooth !important;
    overscroll-behavior-x: contain !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    touch-action: pan-x pan-y !important;
    border-radius: 24px !important;
  }

  #programacao-semana .weekly-pao-window::-webkit-scrollbar {
    display: none !important;
  }

  #programacao-semana .weekly-pao-track {
    display: flex !important;
    grid-auto-flow: initial !important;
    grid-auto-columns: initial !important;
    width: max-content !important;
    min-width: max-content !important;
    gap: 12px !important;
    padding: 2px 0 10px !important;
    transform: none !important;
    transition: none !important;
    will-change: auto !important;
    backface-visibility: visible !important;
  }

  #programacao-semana .weekly-pao-card {
    flex: 0 0 min(78vw, 300px) !important;
    width: min(78vw, 300px) !important;
    min-width: min(78vw, 300px) !important;
    max-width: min(78vw, 300px) !important;
    scroll-snap-align: center !important;
    scroll-snap-stop: always !important;
  }

  #programacao-semana .weekly-pao-arrow {
    top: 38% !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    z-index: 12 !important;
    pointer-events: auto !important;
    background: linear-gradient(180deg, rgba(7,19,33,.99), rgba(3,12,23,.98)) !important;
    color: #f6fbff !important;
    -webkit-text-fill-color: #f6fbff !important;
    border: 1px solid rgba(102,232,255,.42) !important;
    box-shadow: 0 0 20px rgba(102,232,255,.14), 0 10px 24px rgba(0,0,0,.28) !important;
  }

  #programacao-semana .weekly-pao-arrow.prev { left: 0 !important; }
  #programacao-semana .weekly-pao-arrow.next { right: 0 !important; }

  /* Paginação mobile comum aos dois carrosséis. */
  .pao-mobile-carousel-dots,
  #programacao-semana .weekly-pao-dots {
    display: flex !important;
    min-height: 18px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    margin: 11px auto 5px !important;
  }

  .pao-mobile-carousel-dots button,
  #programacao-semana .weekly-pao-dots button {
    width: 8px !important;
    height: 8px !important;
    min-width: 8px !important;
    min-height: 8px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.28) !important;
    box-shadow: none !important;
  }

  .pao-mobile-carousel-dots button.active,
  #programacao-semana .weekly-pao-dots button.active {
    width: 24px !important;
    background: #66e8ff !important;
    box-shadow: 0 0 12px rgba(102,232,255,.24) !important;
  }
}

@media (max-width: 390px) {
  .shop-nav { gap: 7px !important; }
  .shop-nav-pill { min-height: 46px !important; font-size: 11px !important; }
  #lancamentos .pao-music-carousel,
  #programacao-semana .weekly-pao-shell { padding-inline: 30px !important; }
  #lancamentos .pao-music-tile { flex-basis: min(78vw, 274px) !important; width:min(78vw,274px)!important; min-width:min(78vw,274px)!important; max-width:min(78vw,274px)!important; }
  #programacao-semana .weekly-pao-card { flex-basis: min(80vw, 286px) !important; width:min(80vw,286px)!important; min-width:min(80vw,286px)!important; max-width:min(80vw,286px)!important; }
}

/*
 * Pão com Palavra v300 — v245
 * Ajustes finais mobile/app sem tocar no desktop aprovado.
 * 1) Header mobile: menu à direita + multi-idioma visível
 * 2) Loja mobile: setas/dots em "Destaques para você"
 */

@media (max-width: 760px), (max-width: 900px) and (pointer: coarse) {
  /* ==============================
     HOME / APP — header mobile
     ============================== */
  .site-header {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 12px 14px !important;
    border-radius: 28px !important;
  }

  .brand {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  .brand > span {
    min-width: 0 !important;
    overflow: hidden !important;
  }

  .brand strong {
    font-size: clamp(1.05rem, 4.8vw, 1.5rem) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .brand small {
    display: none !important;
  }

  .header-actions {
    display: flex !important;
    align-items: center !important;
    justify-self: end !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
    min-width: 0 !important;
  }

  .lang-switcher {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 4px !important;
    max-width: none !important;
    min-width: auto !important;
    order: 1 !important;
  }

  .lang-btn {
    min-width: 36px !important;
    width: 36px !important;
    min-height: 34px !important;
    height: 34px !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center !important;
    font-size: .76rem !important;
  }

  .lang-btn .flag {
    display: none !important;
  }

  .lang-btn .lang-code {
    display: inline !important;
    line-height: 1 !important;
  }

  .menu-toggle {
    order: 2 !important;
    margin-left: 0 !important;
    justify-self: end !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    flex: 0 0 42px !important;
  }

  /* ==============================
     LOJA / APP — destaque com setas
     ============================== */
  #shopFeatured {
    position: relative !important;
    overflow: hidden !important;
  }

  #shopFeatured .shop-highlight-grid {
    scroll-padding-inline: 0 !important;
  }

  #shopFeatured.has-mobile-carousel-arrows {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .shop-featured-mobile-arrow {
    position: absolute !important;
    top: 56% !important;
    transform: translateY(-50%) !important;
    z-index: 8 !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 999px !important;
    border: 1px solid rgba(102,232,255,.34) !important;
    background: linear-gradient(180deg, rgba(7,19,33,.98), rgba(3,12,23,.98)) !important;
    color: #f6fbff !important;
    -webkit-text-fill-color: #f6fbff !important;
    box-shadow: 0 0 20px rgba(102,232,255,.14), 0 10px 24px rgba(0,0,0,.28) !important;
    font-size: 1.15rem !important;
    font-weight: 900 !important;
    cursor: pointer !important;
  }

  .shop-featured-mobile-arrow.prev {
    left: 8px !important;
  }

  .shop-featured-mobile-arrow.next {
    right: 8px !important;
  }

  .shop-featured-mobile-dots {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    min-height: 18px !important;
    margin: 12px auto 4px !important;
  }

  .shop-featured-mobile-dots button {
    width: 8px !important;
    height: 8px !important;
    min-width: 8px !important;
    min-height: 8px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.28) !important;
    box-shadow: none !important;
    cursor: pointer !important;
  }

  .shop-featured-mobile-dots button.active {
    width: 24px !important;
    background: #66e8ff !important;
    box-shadow: 0 0 12px rgba(102,232,255,.24) !important;
  }
}

@media (max-width: 390px) {
  .site-header {
    padding: 11px 12px !important;
    gap: 8px !important;
  }

  .brand {
    gap: 10px !important;
  }

  .brand-mark {
    width: 38px !important;
    height: 38px !important;
  }

  .brand strong {
    font-size: clamp(.98rem, 4.5vw, 1.18rem) !important;
  }

  .header-actions {
    gap: 6px !important;
  }

  .lang-switcher {
    padding: 3px !important;
    gap: 3px !important;
  }

  .lang-btn {
    width: 33px !important;
    min-width: 33px !important;
    height: 32px !important;
    min-height: 32px !important;
    font-size: .72rem !important;
  }

  .menu-toggle {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
  }
}


/* Ajustes universais v3.4 */
.shop-header{padding-top:max(0px,env(safe-area-inset-top))}
.shop-back-top{bottom:max(18px,env(safe-area-inset-bottom))}
@media(max-width:760px){.shop-container{width:min(100% - 20px,1180px)}}

/* v3.8.5 — bandeiras no seletor da loja */
.shop-lang{min-width:58px!important;padding:0 9px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important}.shop-lang .flag-img{display:block!important;width:22px!important;height:16px!important;object-fit:cover!important;border-radius:2.5px!important;box-shadow:0 0 0 1px rgba(255,255,255,.18)!important;flex:0 0 auto!important}.shop-lang .lang-code{display:inline!important;font-size:.72rem!important;line-height:1!important}@media(max-width:560px){.shop-lang{min-width:38px!important;width:38px!important;padding:0!important}.shop-lang .lang-code{display:none!important}}