
: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);background:linear-gradient(180deg,rgba(7,9,12,.82),rgba(7,9,12,.88)),url("assets/bg-votutu.webp?v=238-matriz-v262") center top/cover fixed no-repeat}
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;
  }
}
