:root{ --smpms-chip-scale:0.9; --smpms-card-scale:0.95; }
/* Sticky robusto */
.smpms-header{ background:#fff; }
.smpms-header.is-sticky{ position:sticky; top:0; z-index:50; }
body.admin-bar .smpms-header.is-sticky{ top:32px; }
@media (max-width:782px){ body.admin-bar .smpms-header.is-sticky{ top:46px; } }

.smpms-nav.container{ padding:1rem 0; display:grid; gap:.75rem; }
.smpms-breadcrumb{ display:none; align-items:center; gap:.5rem; font-size:.9rem; color:#516158; padding:0 .25rem; }
.smpms-breadcrumb.enabled{ display:flex; }
.smpms-navline{ position:relative; display:flex; align-items:center; gap:.5rem; }
.smpms-topcats,.smpms-subwrap{ overflow-x:auto; scroll-snap-type:x proximity; -webkit-overflow-scrolling:touch; padding-bottom:.25rem; }
.smpms-edgefade:before,.smpms-edgefade:after{ content:""; position:sticky; top:0; width:16px; height:32px; pointer-events:none; z-index:1; }
.smpms-edgefade:before{ left:0; background:linear-gradient(90deg,#fff 25%,transparent); }
.smpms-edgefade:after{ right:0; background:linear-gradient(270deg,#fff 25%,transparent); }
.smpms-edgefade:not(.is-scrollable):before,.smpms-edgefade:not(.is-scrollable):after{ display:none; }
.smpms-subcats .smpms-nosub{ display:none!important; }
.smpms-chip{ scroll-snap-align:start; border:1px solid #dfe7e3; background:#fff; color:#2d3b35; padding:calc(.5rem*var(--smpms-chip-scale)) calc(.8rem*var(--smpms-chip-scale)); border-radius:999px; font-size:calc(.95rem*var(--smpms-chip-scale)); line-height:1; white-space:nowrap; cursor:pointer; transition:border-color .2s, background .2s, box-shadow .2s, color .2s; }
.smpms-chip:hover{ border-color:#b6c9bf; }
.smpms-chip.active{ background:#e9f7ef; border-color:#a8e0c1; color:#1b5e3b; font-weight:600; }
.smpms-backcats{ display:none; align-items:center; gap:.4rem; padding:.45rem .7rem; border-radius:999px; border:1px solid transparent; background:transparent; color:#2d3b35; cursor:pointer; }
.smpms-backcats.enabled{ display:inline-flex; }
.smpms-subcats{ gap:.5rem; border-top:1px solid #eef3f0; padding-top:.5rem; }
.smpms-subwrap{ display:flex; gap:.5rem; }

/* Tipografia cards mobile */
@media (max-width:480px){
  .smpms-product .smpms-title{ font-size:calc(1.05rem*var(--smpms-card-scale)); line-height:1.2; }
  .smpms-product .smpms-price{ font-size:calc(1.02rem*var(--smpms-card-scale)); }
  .smpms-product .smpms-unit{ font-size:calc(.95em*var(--smpms-card-scale)); }
  .smpms-product .smpms-qtyrow input.smpms-qty{ font-size:calc(.95rem*var(--smpms-card-scale)); }
  .smpms-product .smpms-buy .button.smpms-add{ font-size:calc(.9rem*var(--smpms-card-scale)); padding:.6rem .8rem; }
}

/* UNI/KG menores em compact & super */
body.smpms-qty-compact .smpms-qtyrow .smpms-measure{ font-size:.72rem; opacity:.9; letter-spacing:.01em; }
body.smpms-qty-super .smpms-qtyrow .smpms-measure{ font-size:.68rem; opacity:.9; letter-spacing:.01em; }

/* Presets de quantidade */
body.smpms-qty-compact .smpms-qtyrow .smpms-minus, body.smpms-qty-compact .smpms-qtyrow .smpms-plus{ width:26px;height:26px;line-height:24px;font-size:16px;padding:0;border-radius:999px;}
body.smpms-qty-compact .smpms-qtyrow input.smpms-qty{ width:54px;height:26px;padding:2px 6px;font-size:.9rem;}
body.smpms-qty-compact .smpms-qtyrow{ gap:6px;min-height:30px;}
body.smpms-qty-super .smpms-qtyrow .smpms-minus, body.smpms-qty-super .smpms-qtyrow .smpms-plus{ width:22px;height:22px;line-height:20px;font-size:14px;}
body.smpms-qty-super .smpms-qtyrow input.smpms-qty{ width:46px;height:22px;font-size:.86rem;padding:1px 5px;}
body.smpms-qty-super .smpms-qtyrow{ gap:4px;min-height:28px;}

/* Remover "sublinhado" do input e forçar borda completa no mobile */
@media (max-width:480px){
  .smpms-qtyrow input.smpms-qty{
    border:1px solid #dfe7e3 !important;
    border-bottom:1px solid #dfe7e3 !important;
    border-radius:6px !important;
    outline:none !important;
    box-shadow:none !important;
    background:#fff !important;
    -webkit-appearance:textfield;
    appearance:textfield;
  }
  .smpms-qtyrow input.smpms-qty::-webkit-outer-spin-button,
  .smpms-qtyrow input.smpms-qty::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
}