/* CLIP FONES — acabamento geral 23/07/2026 */

/* ===== Catálogo: cabeçalho, seletor de loja e menu ===== */
.store-switcher{position:relative;flex:0 0 auto;color:#fff}
.store-switcher summary{list-style:none;min-height:42px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid rgba(255,255,255,.20);border-radius:12px;background:rgba(255,255,255,.10);font-size:.78rem;font-weight:800;cursor:pointer;white-space:nowrap}
.store-switcher summary::-webkit-details-marker{display:none}
.store-switcher summary .store-current-short{display:none}
.store-switcher[open] summary{background:rgba(255,255,255,.17);border-color:rgba(255,255,255,.38)}
.store-switcher-menu{position:absolute;z-index:120;top:calc(100% + 8px);left:0;width:230px;padding:8px;border:1px solid #dbe3ef;border-radius:14px;background:#fff;box-shadow:0 18px 45px rgba(3,15,38,.24);color:#172033}
.store-switcher-menu a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:10px;color:#344054;text-decoration:none;font-size:.8rem;font-weight:800}
.store-switcher-menu a i{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:#eafbf0;color:#16a34a}
.store-switcher-menu a:hover,.store-switcher-menu a.active{background:#eafbf0;color:#15803d}
.store-switcher-menu a.active:after{content:'Atual';margin-left:auto;padding:3px 6px;border-radius:999px;background:#d1fae5;color:#15803d;font-size:.58rem;text-transform:uppercase;letter-spacing:.05em}

.side-store-switch{margin:0 0 18px;padding:13px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(22,163,74,.09),rgba(22,163,74,.025))}
.side-store-switch>span{display:block;margin-bottom:9px;color:var(--muted);font-size:.67rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.side-store-switch-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.side-store-switch-grid a{min-height:42px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);border-radius:11px;background:var(--card);color:var(--text);text-decoration:none;font-size:.74rem;font-weight:800;text-align:center}
.side-store-switch-grid a.active{border-color:#16a34a;background:#16a34a;color:#fff;box-shadow:0 7px 18px rgba(22,163,74,.20)}

body.clip-blue-theme .topbar-inner{min-width:0}
body.clip-blue-theme .brand-area,body.clip-blue-theme .actions{flex:0 0 auto;min-width:0}
body.clip-blue-theme .menu-toggle,body.clip-blue-theme .mobile-search-btn,body.clip-blue-theme .cart-top{min-width:42px;min-height:42px;justify-content:center}
body.clip-blue-theme .brand{min-width:0}
body.clip-blue-theme .brand-mark,body.clip-blue-theme .brand-name{white-space:nowrap}
body.clip-blue-theme .cart-top b{flex:0 0 24px}

/* Menu lateral mais limpo e profissional */
.side-menu{padding:0!important;border-right:1px solid var(--line)}
.side-menu-head{position:sticky;top:0;z-index:2;padding:18px;background:color-mix(in srgb,var(--card) 94%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.side-menu-brand .brand-mark{box-shadow:0 8px 20px rgba(22,163,74,.22)}
.side-menu-brand b{font-size:.92rem;letter-spacing:.04em}
.side-menu-brand small{margin-top:2px;font-size:.72rem}
.side-menu-nav{margin:10px 12px 18px;padding:7px;border:1px solid var(--line);border-radius:16px;background:rgba(148,163,184,.055)}
.side-menu-nav a,.side-menu-nav>button{min-height:46px;padding:0 12px!important;border-radius:11px!important;font-weight:700}
.side-menu-nav a i,.side-menu-nav>button>i:first-child{width:24px;color:#5f6f87;text-align:center}
.side-menu-nav a:hover,.side-menu-nav>button:hover{background:var(--card)!important;box-shadow:0 5px 15px rgba(16,24,40,.06)}
.menu-category-list{gap:4px;padding:4px 8px 8px 43px!important}
.menu-category-list button{min-height:36px!important;padding:0 10px!important;font-size:.77rem;color:var(--muted)!important}
.menu-settings{margin:0 12px;padding:16px!important;border:1px solid var(--line)!important;border-radius:16px;background:var(--card)}
.menu-settings h3{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:.94rem}
.setting-row{position:relative;align-items:center;gap:12px;padding:10px 0!important;cursor:pointer}
.setting-row+ .setting-row{border-top:1px solid color-mix(in srgb,var(--line) 70%,transparent)}
.setting-row span{min-width:0}
.setting-row b{display:block;font-size:.79rem}
.setting-row small{margin-top:2px;font-size:.67rem;line-height:1.3}
.setting-row input{position:absolute;opacity:0;pointer-events:none}
.setting-row>i{position:relative;flex:0 0 42px;width:42px;height:24px;border-radius:999px;background:#cbd5e1;box-shadow:inset 0 0 0 1px rgba(15,23,42,.08);transition:.2s}
.setting-row>i:after{content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(15,23,42,.25);transition:.2s}
.setting-row input:checked+ i{background:#16a34a}
.setting-row input:checked+ i:after{transform:translateX(18px)}
.side-menu-note{margin:14px 20px 24px;padding:12px;border-radius:13px;background:#ecfdf3;color:#067647;font-size:.76rem;text-align:center}

/* Etiqueta de oferta: nunca cobre a imagem ou vire bloco vertical */
body.clip-blue-theme .product-offer-badge{top:8px!important;left:8px!important;display:inline-flex!important;align-items:center!important;width:auto!important;max-width:calc(100% - 16px)!important;min-height:22px!important;padding:4px 8px!important;border-radius:7px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1!important;font-size:.55rem!important;letter-spacing:.04em;box-shadow:0 5px 12px rgba(6,118,71,.24);pointer-events:none}

/* Bolinhas de cor consistentes em qualquer aparelho */
.product-color-dot,.color-select-button .color-dot{display:inline-block;flex:0 0 auto;border:1px solid rgba(15,23,42,.24);border-radius:50%;background:var(--dot-color,#94a3b8);box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)}
.product-color-dot{width:13px;height:13px;font-size:0!important}
.color-select-button .color-dot{width:20px;height:20px;font-size:0!important}

/* Seleção de RAM / armazenamento */
.memory-selector{display:grid;gap:8px;margin:12px 0;padding:12px;border:1px solid var(--line);border-radius:13px;background:rgba(22,163,74,.045)}
.memory-selector>b{font-size:.79rem;color:var(--text)}
.memory-selector-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.memory-select-field{display:grid;gap:6px;color:var(--muted);font-size:.7rem;font-weight:800}
.memory-select-field select{width:100%;min-height:44px;border:1px solid #a7dfb8;border-radius:11px;background:var(--card);color:var(--text);padding:0 10px;font-weight:800;outline:none}
.memory-select-field select:focus{border-color:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.12)}
.product-price strong small{display:block;margin-bottom:2px;color:var(--muted);font-size:.58rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase}

/* ===== Admin: zoom, gaveta, cupons, banners e chat ===== */
.admin-v2-page .admin-v2-top-inner,.admin-v2-page .admin-v2-top-actions,.admin-v2-page .admin-kpi>div{min-width:0}
.admin-user-chip{max-width:230px;min-width:0}
.admin-user-copy{display:grid;min-width:0;line-height:1.08}
.admin-user-copy b,.admin-user-copy small{display:block;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-user-copy b{font-size:11px}.admin-user-copy small{margin-top:3px;color:#667085;font-size:8px;font-weight:700}
.admin-kpi strong{max-width:100%;font-size:clamp(16px,1.65vw,22px)!important;line-height:1.08;white-space:nowrap;letter-spacing:-.03em}
.admin-kpi>div{overflow:hidden}
.admin-top-context>div{min-width:0}.admin-top-context b,.admin-top-context small{white-space:nowrap}
.admin-mobile-toggle{flex:0 0 42px}

/* O botão de liberação por senha foi removvido; regra defensiva para versões em cache. */
.order-auth-edit,[data-auth-edit-order]{display:none!important}
.order-locked-note{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 11px;border:1px solid #d0d5dd;border-radius:10px;background:#f8fafc;color:#667085;font-size:9px;font-weight:800}

/* Campos de variações no cadastro */
.memory-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;grid-column:1/-1;padding:12px;border:1px dashed #cbd5e1;border-radius:13px;background:#fff}
.memory-admin-grid>label:first-child{grid-column:1/-1}
.memory-admin-grid small{display:block;margin-top:4px;color:#98a2b3;font-size:9px;line-height:1.35}

/* Cupons */
.admin-fieldset.coupon-scope-fieldset{margin:0;padding:14px;border:1px solid var(--adm-line);border-radius:15px;background:#fafbfe}
.coupon-scope-fieldset legend{padding:0 7px;color:#344054;font-size:11px;font-weight:800}
.coupon-scope-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.coupon-scope-card{position:relative;display:block!important;cursor:pointer}
.coupon-scope-card input{position:absolute;opacity:0;pointer-events:none}
.coupon-scope-card span{min-height:64px;display:flex;align-items:center;gap:10px;padding:11px;border:1px solid #dfe3ec;border-radius:12px;background:#fff;color:#475467;font-size:10px;font-weight:800;transition:.16s}
.coupon-scope-card span i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#f2f4f7;color:#667085;font-size:14px}
.coupon-scope-card input:checked+span{border-color:#8b8cf7;background:#f0f1ff;color:#4b4cc4;box-shadow:0 0 0 3px rgba(91,92,240,.09)}
.coupon-scope-card input:checked+span i{background:#5b5cf0;color:#fff}
.coupon-product-selector-v2{max-height:300px;overflow:auto;margin-top:10px;padding:8px;border:1px solid var(--adm-line);border-radius:12px;background:#fff;display:grid;grid-template-columns:1fr 1fr;gap:7px}
.coupon-product-selector-v2 label{margin:0!important}
.coupon-product-selector-v2 label>span{min-height:48px;border-radius:10px!important}
#couponForm>.switch-label{min-height:44px;padding:0 2px}
#couponForm>.admin-v2-primary{width:100%;min-height:46px}

/* Banners */
.banner-upload-help{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin:-7px 0 0;color:#98a2b3;font-size:8px;line-height:1.25}.banner-upload-help i{font-size:8px}.banner-upload-help b{color:#667085;font-size:8px}.banner-upload-help span{white-space:nowrap}.banner-upload-help span+span:before{content:"•";margin-right:5px;color:#c3c8d2}
.admin-v2-form input[type=file]::file-selector-button{margin:-10px 10px -10px -12px;min-height:41px;padding:0 13px;border:0;border-right:1px solid #dfe3ec;background:#f2f4f7;color:#344054;font-weight:750;cursor:pointer}
.banner-preview-admin{min-height:170px!important;display:grid!important;place-items:center!important;overflow:hidden;border:1px dashed #cbd5e1!important;border-radius:14px!important;background:#f8fafc!important;color:#98a2b3!important}
.banner-preview-admin img{display:block;width:100%;height:100%;min-height:170px;max-height:230px;object-fit:contain;background:#eef2f7}
.banner-admin-list{display:grid;gap:10px}
.banner-admin-row{display:grid!important;grid-template-columns:160px minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;min-height:100px;padding:10px!important;border:1px solid var(--adm-line)!important;border-radius:14px!important;background:#fff!important}
.banner-admin-thumb{width:160px;height:78px;display:grid;place-items:center;overflow:hidden;border-radius:11px;background:#eef2f7;color:#98a2b3;font-size:9px;text-align:center}
.banner-admin-thumb img{width:100%;height:100%;object-fit:contain}
.banner-admin-thumb span{padding:8px}
.banner-admin-row h3{margin:0 0 4px;font-size:12px}.banner-admin-row p{margin:0 0 6px;color:#667085;font-size:8px;overflow-wrap:anywhere}

/* Chat profissional e identificação das lojas */
.admin-team-chat-v8{max-width:1050px}
.team-chat-header-v8{position:relative;flex-wrap:wrap;padding:16px 18px!important}
.team-chat-header-main{display:flex;align-items:center;gap:12px;min-width:240px;flex:1}
.team-chat-header-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.team-chat-header-actions button{min-height:36px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(255,255,255,.10);color:#fff;padding:0 10px;font-size:9px;font-weight:800}
.team-chat-header-actions button:hover{background:rgba(255,255,255,.18)}
.team-chat-history-count{color:#cbd5e1;font-size:8px}
.team-chat-quick-v23{display:flex;gap:7px;overflow:auto;padding:9px 12px;border-bottom:1px solid var(--adm-line);background:#fff;scrollbar-width:thin}
.team-chat-quick-v23 button{flex:0 0 auto;min-height:32px;border:1px solid #dfe3ec;border-radius:999px;background:#f8fafc;color:#475467;padding:0 11px;font-size:8px;font-weight:750}
.team-chat-quick-v23 button:hover{border-color:#a5a6fa;background:#f0f1ff;color:#4b4cc4}
.team-chat-date-v23{align-self:center;margin:8px 0 2px;padding:4px 9px;border-radius:999px;background:#e8ecf3;color:#667085;font-size:7px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.team-chat-message-v8{position:relative;padding:11px 12px 9px!important;border-width:1px 1px 1px 4px!important}
.team-chat-message-v8.store-joao{border-left-color:#16a34a!important;background:#f7faff}
.team-chat-message-v8.store-campina{border-left-color:#f59e0b!important;background:#fffaf1}
.team-chat-message-v8.mine.store-joao{background:#eaf2ff!important}.team-chat-message-v8.mine.store-campina{background:#fff2dc!important}
.team-chat-name-v8{flex-wrap:wrap}.team-chat-name-v8 b{font-size:10px!important}.team-chat-name-v8>span:not(.team-chat-store-v8){font-size:7px!important}
.team-chat-name-v8 .team-chat-store-v8{padding:4px 7px!important;font-size:7px!important;border-radius:999px!important}
.team-chat-store-v8.joao{color:#15803d!important;background:#d1fae5!important}.team-chat-store-v8.campina{color:#9a4d00!important;background:#ffedd5!important}
.team-chat-message-actions{display:flex;justify-content:flex-end;gap:4px;margin-top:6px}
.team-chat-message-actions button{width:25px;height:25px;border:0;border-radius:7px;background:rgba(148,163,184,.13);color:#667085;font-size:8px}
.team-chat-message-actions button:hover{background:#e0e7ff;color:#4b4cc4}
.chat-unread-pulse{animation:chatPulse 1.2s ease 2}@keyframes chatPulse{50%{transform:scale(1.12);box-shadow:0 0 0 7px rgba(239,68,68,.15)}}

@media(max-width:1120px){
  /* O admin passa a usar gaveta antes de nomes e valores começarem a quebrar com zoom. */
  .admin-v2-top{left:0!important;height:68px!important}
  .admin-v2-top-inner{padding:0 14px!important}
  .admin-mobile-toggle{display:inline-flex!important}
  .admin-top-context{display:none!important}
  .admin-v2-sidebar{transform:translateX(-105%);transition:.25s;width:278px}
  .admin-v2-page.sidebar-open .admin-v2-sidebar{transform:none}
  .admin-v2-page.sidebar-open .admin-sidebar-overlay{display:block}
  .admin-v2-main{margin-left:0!important;padding:88px 14px 28px!important}
  .admin-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .admin-kpi-grid>.admin-kpi:last-child{grid-column:1/-1}
}

@media(max-width:900px){
  body.clip-blue-theme .topbar-inner{min-height:66px;gap:8px}
  .store-switcher summary{padding:0 10px}
  .store-switcher summary .store-current-full{display:none}
  .store-switcher summary .store-current-short{display:inline}
  .store-switcher-menu{left:auto;right:0}
}

@media(max-width:720px){
  body.clip-blue-theme .topbar-inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;padding:8px 0;gap:7px}
  body.clip-blue-theme .brand-area{display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px}
  body.clip-blue-theme .brand{gap:5px;overflow:hidden}
  body.clip-blue-theme .brand-mark{padding:8px 9px;font-size:1rem}
  body.clip-blue-theme .brand-name{font-size:.82rem!important}
  body.clip-blue-theme .actions{gap:6px}
  body.clip-blue-theme .action-btn{padding:0 10px;min-height:42px}
  body.clip-blue-theme .cart-top{gap:5px}
  body.clip-blue-theme .cart-top span{display:none}
  body.clip-blue-theme .search-wrap{top:66px}
  .store-switcher summary{min-height:42px;min-width:44px;justify-content:center;padding:0 8px}
  .store-switcher summary>i:last-child{display:none}
  .memory-selector{padding:10px}.memory-selector-grid{grid-template-columns:1fr}
  .memory-admin-grid{grid-template-columns:1fr}
  .memory-admin-grid>label:first-child{grid-column:auto}
  .coupon-scope-options,.coupon-product-selector-v2{grid-template-columns:1fr}
  .banner-admin-row{grid-template-columns:105px minmax(0,1fr)!important}
  .banner-admin-thumb{width:105px;height:68px}
  .banner-admin-row>.row-actions-v2{grid-column:1/-1;justify-content:flex-end}
  .team-chat-header-actions{width:100%}.team-chat-header-actions button{flex:1}
}

@media(max-width:520px){
  body.clip-blue-theme .topbar-inner{grid-template-columns:auto minmax(0,1fr) auto auto}
  body.clip-blue-theme .menu-toggle{width:40px;height:40px}
  body.clip-blue-theme .brand-name{display:none}
  body.clip-blue-theme .brand-mark{font-size:.92rem}
  body.clip-blue-theme .mobile-search-btn,body.clip-blue-theme .cart-top{width:40px;min-width:40px;padding:0}
  .store-switcher summary{min-width:40px;width:40px;padding:0;font-size:.68rem}
  .store-switcher summary>i:first-child{display:none}
  .store-switcher-menu{position:fixed;left:10px;right:10px;top:74px;width:auto}
  .admin-v2-top-actions{gap:5px!important}
  .admin-user-chip{width:40px!important;padding:0!important;justify-content:center}.admin-user-copy{display:none}
  .admin-v2-link{width:40px!important;height:40px!important}
  .admin-kpi-grid{grid-template-columns:1fr!important}.admin-kpi-grid>.admin-kpi:last-child{grid-column:auto}
  .team-chat-message-v8{max-width:94%!important}
}


/* ===== Ajustes finais 23/07/2026: etiqueta, carrinho, cupons e banners ===== */
body.clip-blue-theme .product-card>.product-offer-badge{
  position:absolute!important;inset:8px auto auto 8px!important;z-index:4!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:max-content!important;max-width:calc(100% - 16px)!important;height:auto!important;min-width:0!important;min-height:20px!important;
  margin:0!important;padding:4px 7px!important;border-radius:6px!important;
  white-space:nowrap!important;writing-mode:horizontal-tb!important;text-orientation:mixed!important;
  overflow:hidden!important;text-overflow:ellipsis!important;transform:none!important;
  line-height:1!important;font-size:.52rem!important;font-weight:950!important;letter-spacing:.04em!important;
}

.coupon-scope-fieldset{overflow:hidden}
.coupon-scope-fieldset .coupon-scope-options{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.coupon-scope-fieldset .coupon-scope-card{position:relative!important;display:block!important;margin:0!important;min-width:0!important;cursor:pointer!important}
.coupon-scope-fieldset .coupon-scope-card>input{position:absolute!important;inline-size:1px!important;block-size:1px!important;opacity:0!important;appearance:none!important;pointer-events:none!important}
.coupon-scope-fieldset .coupon-scope-card>span{display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;align-items:center!important;gap:11px!important;min-height:66px!important;width:100%!important;padding:11px 12px!important;border:1px solid #dfe3ec!important;border-radius:13px!important;background:#fff!important;color:#344054!important;line-height:1.25!important;text-align:left!important}
.coupon-scope-fieldset .coupon-scope-card>span i{width:38px!important;height:38px!important;border-radius:11px!important;display:grid!important;place-items:center!important;background:#eef2f6!important;color:#667085!important;font-size:15px!important}
.coupon-scope-fieldset .coupon-scope-card>input:checked+span{border-color:#5b5cf0!important;background:#f2f1ff!important;color:#3f3fb4!important;box-shadow:0 0 0 3px rgba(91,92,240,.10)!important}
.coupon-scope-fieldset .coupon-scope-card>input:checked+span i{background:#5b5cf0!important;color:#fff!important}

.banner-admin-row.is-hidden{background:#fafafa!important}
.banner-admin-row.is-hidden .banner-admin-thumb{filter:grayscale(.65);opacity:.62}
.banner-admin-thumb img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;background:#eef2f7!important}
.banner-admin-row>.row-actions-v2{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;flex-wrap:wrap!important}
.banner-visibility-btn{width:auto!important;min-width:84px!important;padding:0 9px!important;gap:6px!important;border-color:#cbd5e1!important}
.banner-visibility-btn span{font-size:8px!important;font-weight:800!important}
.banner-visibility-btn.is-visible{background:#fff7ed!important;color:#b54708!important;border-color:#fed7aa!important}
.banner-visibility-btn.is-hidden{background:#ecfdf3!important;color:#067647!important;border-color:#abefc6!important}

body.clip-blue-theme .cart-top{position:relative!important;overflow:visible!important}
@media(max-width:720px){
  body.clip-blue-theme .topbar-inner{grid-template-columns:auto minmax(0,1fr) auto auto!important;align-items:center!important}
  body.clip-blue-theme .actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;overflow:visible!important}
  body.clip-blue-theme .mobile-search-btn,body.clip-blue-theme .cart-top{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;border-radius:12px!important;display:grid!important;place-items:center!important;overflow:visible!important}
  body.clip-blue-theme .cart-top>i{margin:0!important;font-size:1.03rem!important;line-height:1!important}
  body.clip-blue-theme .cart-top>b{position:absolute!important;top:-6px!important;right:-6px!important;display:grid!important;place-items:center!important;width:21px!important;height:21px!important;min-width:21px!important;min-height:21px!important;margin:0!important;padding:0!important;border:2px solid #0b3d24!important;border-radius:999px!important;font-size:.64rem!important;line-height:1!important;box-shadow:0 3px 8px rgba(3,15,38,.25)!important}
  .coupon-scope-fieldset .coupon-scope-options{grid-template-columns:1fr!important}
  .banner-admin-row{grid-template-columns:100px minmax(0,1fr)!important;align-items:start!important}
  .banner-admin-thumb{width:100px!important;height:66px!important}
  .banner-admin-row>.row-actions-v2{grid-column:1/-1!important;justify-content:stretch!important}
  .banner-admin-row>.row-actions-v2 button{flex:1!important;min-height:38px!important}
}
@media(max-width:380px){
  body.clip-blue-theme .mobile-search-btn,body.clip-blue-theme .cart-top{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important}
  body.clip-blue-theme .cart-top>b{top:-5px!important;right:-5px!important;width:19px!important;height:19px!important;min-width:19px!important;min-height:19px!important;font-size:.58rem!important}
}

/* Correção final: prévia do banner sem ultrapassar o cartão */
#tab-banners .admin-v2-editor-layout.narrow,
#tab-banners .admin-v2-editor-layout.narrow > .admin-v2-card,
#bannerForm{min-width:0!important}
#tab-banners .admin-v2-editor-layout.narrow > .admin-v2-card{overflow:hidden!important}
.banner-preview-admin{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  aspect-ratio:16/5!important;
}
.banner-preview-admin img{
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:none!important;
  object-fit:contain!important;
}
.banner-upload-help{
  max-width:100%!important;
  font-size:7.5px!important;
  line-height:1.15!important;
}
.banner-upload-help b,.banner-upload-help span{font-size:7.5px!important}
@media(max-width:580px){
  .banner-preview-admin{aspect-ratio:16/6!important}
}

/* ===== Cartões com configurações e preços claros — 24/07/2026 ===== */
.product-config-preview{
  display:grid;
  align-content:start;
  gap:5px;
  min-height:76px;
  margin:4px 0 3px;
}
.product-config-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:7px;
  min-width:0;
  padding:6px 7px;
  border:1px solid var(--line);
  border-radius:9px;
  background:rgba(148,163,184,.075);
}
.product-config-label{
  min-width:0;
  color:#475569;
  font-size:.64rem;
  font-weight:850;
  line-height:1.25;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.product-config-price{
  color:var(--text);
  font-size:.64rem;
  font-weight:900;
  line-height:1.15;
  white-space:nowrap;
}
.product-config-more{
  padding-left:2px;
  color:var(--muted);
  font-size:.58rem;
  font-weight:800;
  line-height:1.2;
}
body.dark-theme .product-config-label{color:#cbd5e1}
body.clip-blue-theme .product-config-row{border-color:#d9e3f2;background:#f6f9ff}
body.dark-theme.clip-blue-theme .product-config-row{border-color:#334155;background:rgba(148,163,184,.08)}
body.clip-blue-theme .product-color-dots{margin-top:4px}

@media(max-width:400px){
  .product-config-preview{min-height:88px;gap:4px}
  .product-config-row{grid-template-columns:1fr;gap:2px;padding:5px 6px}
  .product-config-label{font-size:.61rem;-webkit-line-clamp:1}
  .product-config-price{font-size:.61rem}
}


/* ===== Foto própria por configuração/modelo — 24/07/2026 ===== */
.product-config-row{
  width:100%;
  appearance:none;
  -webkit-appearance:none;
  grid-template-columns:30px minmax(0,1fr) auto;
  text-align:left;
  font:inherit;
  color:inherit;
  cursor:pointer;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease;
}
.product-config-row:hover{transform:translateY(-1px);border-color:#93b4f8;box-shadow:0 4px 12px rgba(37,99,235,.09)}
.product-config-row.active{border-color:#2563eb;background:#eff6ff;box-shadow:0 0 0 2px rgba(37,99,235,.1)}
.product-config-thumb{width:28px;height:28px;border-radius:7px;overflow:hidden;background:#fff;border:1px solid rgba(148,163,184,.28);display:grid;place-items:center}
.product-config-thumb img{display:block;width:100%;height:100%;object-fit:contain}
.variant-image-help{display:flex;align-items:center;gap:5px;margin-top:8px;color:var(--muted);font-size:.72rem;font-weight:700}
.color-quantity-item.is-unavailable{display:none!important}
body.dark-theme .product-config-row.active{background:rgba(37,99,235,.16);border-color:#60a5fa}
@media(max-width:400px){
  .product-config-row{grid-template-columns:25px minmax(0,1fr);column-gap:5px}
  .product-config-thumb{width:24px;height:24px;grid-row:1 / span 2}
  .product-config-price{grid-column:2}
}


/* ===== Produtos cadastrados separadamente — 24/07/2026 ===== */
.product-single-specs{
  display:flex;
  flex-wrap:wrap;
  align-content:flex-start;
  gap:5px;
  min-height:49px;
  margin:6px 0 4px;
}
.product-single-specs>span{
  display:inline-flex;
  align-items:center;
  gap:4px;
  max-width:100%;
  padding:5px 7px;
  border:1px solid #dbe4f2;
  border-radius:8px;
  background:#f6f9ff;
  color:#334155;
  line-height:1.15;
}
.product-single-specs small{
  color:#64748b;
  font-size:.55rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.03em;
}
.product-single-specs b{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:.64rem;
  font-weight:900;
}
.product-fixed-config{padding:12px!important}
.product-fixed-config-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin-top:8px;
}
.product-fixed-config-grid>span{
  display:grid;
  gap:3px;
  min-width:0;
  padding:9px 10px;
  border:1px solid #dbe4f2;
  border-radius:10px;
  background:#fff;
}
.product-fixed-config-grid small{color:#64748b;font-size:.68rem;font-weight:800}
.product-fixed-config-grid strong{color:#172033;font-size:.82rem;overflow-wrap:anywhere}
.product-fixed-config>small{display:flex;align-items:center;gap:5px;margin-top:8px;color:#64748b;font-size:.7rem;font-weight:700}
body.dark-theme .product-single-specs>span,
body.dark-theme .product-fixed-config-grid>span{border-color:#334155;background:rgba(148,163,184,.08);color:#e2e8f0}
body.dark-theme .product-fixed-config-grid strong{color:#f8fafc}
@media(max-width:520px){
  .product-single-specs{min-height:61px;gap:4px}
  .product-single-specs>span{padding:4px 6px}
  .product-single-specs small{font-size:.51rem}
  .product-single-specs b{font-size:.59rem}
  .product-fixed-config-grid{grid-template-columns:1fr}
}
.catalog-load-more{
  display:flex;
  justify-content:center;
  padding:24px 0 8px;
}
.catalog-load-more.hidden{display:none}