/* Facility Gestão v0.7 — editor visual, isolado por loja; não muda o Painel Mestre. */
@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@400;500;600;700;800;900&family=Inter:wght@400;500;600;700;800;900&family=Montserrat:wght@400;500;600;700;800;900&family=Orbitron:wght@400;500;600;700;800;900&family=Poppins:wght@400;500;600;700;800;900&display=swap');
/* Aparência do catálogo: painel de edição */
.design-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,45%);gap:20px;align-items:start}
.design-panel{display:grid;gap:16px;min-width:0}
.design-section,.design-preview-area{border:1px solid var(--border);background:var(--card);border-radius:16px;padding:20px;box-shadow:var(--shadow)}
.design-section h3{font-size:20px;margin:0 0 14px}.design-section>.hint{margin-bottom:16px;line-height:1.6}
.design-section label{margin-bottom:12px}.design-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.design-fields>label{min-width:0}
.design-fields textarea{min-height:74px}.design-fields label.check{align-self:center}
.design-presets{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 20px}.design-presets button{padding:9px 12px;border:1px solid var(--border);border-radius:9px;color:var(--ink);background:var(--card);font-size:12px;font-weight:750;cursor:pointer}
.design-presets button:hover{border-color:var(--blue)}
.design-colors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.design-colors label{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;margin:0;border:1px solid var(--border);border-radius:11px;padding:10px;font-size:12px}.design-colors input[type=color]{width:58px;height:35px;padding:2px;flex:none;cursor:pointer}
.design-upload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.design-upload{min-width:0;border:1px solid var(--border);border-radius:12px;padding:11px;display:grid;gap:9px}.design-upload>b{font-size:12px}.design-img-frame{height:118px;border-radius:10px;background:linear-gradient(145deg,#22232c,#141821);color:#c5c7d2;display:flex;align-items:center;justify-content:center;overflow:hidden}.design-img-frame img{width:100%;height:100%;object-fit:contain}.design-img-frame span{text-align:center;padding:15px;font-size:12px}.design-upload input[type=file]{font-size:11px;width:100%}.design-upload-actions{display:grid;gap:8px}.design-upload-actions small{color:var(--muted);font-size:10px;line-height:1.4}
.design-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:9px 0 20px}
.design-preview-area{position:sticky;top:85px;min-width:0}.design-preview-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}.design-preview-area iframe{width:100%;height:min(65vh,720px);background:#0c0e13;border:1px solid var(--border);border-radius:12px}.design-preview-area .hint{margin-top:12px;line-height:1.6}
/* Catálogo com parâmetros recebidos do backend e aplicados no elemento shop-v2. */
.shop-v2{background:var(--catalog-background,#FBF9F7)!important;color:var(--catalog-text,#202639)!important;font-family:var(--catalog-font-body,Inter,Arial,sans-serif)!important}
.shop-v2 :is(button,input,select,textarea){font-family:var(--catalog-font-body,Inter,Arial,sans-serif)}
.shop-v2 :is(h1,h2,h3,h4){font-family:var(--catalog-font-heading,Outfit,Arial,sans-serif)!important}
.shop-v2 .shop-main{color:var(--catalog-text,#202639)}
.shop-v2 .shop-head{background:var(--catalog-background,#fff)!important;border-bottom-color:var(--catalog-border,#dee0e5)!important}
.shop-v2 .shop-promo-strip{background:var(--catalog-surface,#171b22)!important;color:var(--catalog-text,#f5f6f8)!important;border-bottom:1px solid var(--catalog-border,#ddd)!important}
.shop-v2 .shop-card{background:var(--catalog-surface,#fff)!important;border-color:var(--catalog-border,#ddd)!important;border-radius:var(--catalog-radius,14px)!important}
.shop-v2 .shop-location{background:var(--catalog-surface,#fff)!important;border-color:var(--catalog-border,#ddd)!important;border-radius:var(--catalog-radius,14px)!important}
.shop-v2 .shop-card-title,.shop-v2 .shop-results-head h2,.shop-v2 .shop-facet-group h3{color:var(--catalog-text,#202639)!important}
.shop-v2 .shop-card-brand,.shop-v2 .shop-card-price strong,.shop-v2 .shop-results-head h2 span{color:var(--catalog-primary,#e10600)!important}
.shop-v2 .shop-card :is(.shop-quick-btn,.shop-discount),.shop-v2 .shop-floating,.shop-v2 .shop-sort-controls .shop-filter-toggle{background:var(--catalog-primary,#e10600)!important;color:#fff!important}
.shop-v2 .category.on{background:var(--catalog-primary,#e10600)!important;border-color:var(--catalog-primary,#e10600)!important;color:white!important}
.shop-v2 .shop-side-category.selected{background:color-mix(in srgb,var(--catalog-primary) 24%,transparent)!important;color:var(--catalog-primary)!important}
.shop-v2 .shop-card-body .shop-variant-tag{border-radius:calc(var(--catalog-radius,14px) / 2)!important}
.shop-v2 .shop-footer{color:var(--catalog-muted,#a0a6b2)!important;border-color:var(--catalog-border,#ddd)!important}
.shop-v2 .shop-card:hover{border-color:var(--catalog-primary,#e10600)!important}
.shop-v2 .tc-showcase{border-color:var(--catalog-primary,#e10600)!important}
.shop-v2 .tc-featured-item{border-radius:var(--catalog-radius,14px)!important}
.shop-v2 .tc-store-nav .tc-nav-current{background:var(--catalog-primary,#e10600)!important}
.shop-v2 .tc-header-icon:hover,.shop-v2 .tc-featured-heading>h2>span{color:var(--catalog-primary,#e10600)!important}
.shop-v2 .tc-showcase .catalog-custom-logo,.shop-v2 .catalog-custom-logo{width:auto;max-width:200px;height:80px;object-fit:contain;object-position:left center}
/* Banner editável: a arte pode ser substituída; textos permanecem HTML e acessíveis. */
.shop-v2.catalog-banner-editable .shop-intro,
body.theme-techcell .shop-v2.catalog-banner-editable .tc-showcase .shop-intro{
 display:block!important;position:relative!important;width:100%;height:auto!important;aspect-ratio:auto!important;min-height:330px!important;
 padding:0!important;margin-bottom:20px!important;overflow:hidden!important;background:var(--catalog-surface,#171b22)!important;
 border:1px solid var(--catalog-border,#333)!important;border-radius:var(--catalog-radius,14px)!important;
}
.shop-v2.catalog-banner-editable .shop-intro::before,.shop-v2.catalog-banner-editable .shop-intro::after{display:none!important}
.shop-v2 .catalog-custom-hero{min-height:330px;position:relative;display:flex;align-items:center;overflow:hidden;background:linear-gradient(112deg,color-mix(in srgb,var(--catalog-background,#111) 85%,#000),var(--catalog-surface,#222));border-radius:inherit}
.shop-v2 .catalog-banner-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.72}
.shop-v2 .catalog-custom-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--catalog-background,#111) 95%,#000) 2%,color-mix(in srgb,var(--catalog-background,#111) 75%,transparent) 47%,transparent 98%);pointer-events:none}
.shop-v2 .catalog-custom-hero-content{position:relative;z-index:1;padding:36px clamp(25px,5vw,68px);max-width:min(700px,75%)}
.shop-v2 .catalog-kicker{color:var(--catalog-primary,#e10600);font-size:12px;font-weight:800;letter-spacing:.14em}
.shop-v2 .catalog-custom-hero-content h1{color:var(--catalog-text,#fff)!important;font-size:clamp(30px,3.4vw,52px);line-height:1.08;margin:10px 0;font-weight:900;letter-spacing:-1.1px}
.shop-v2 .catalog-custom-hero-content p{font-size:15px;color:var(--catalog-muted,#ddd);max-width:490px;line-height:1.55}
.shop-v2 .catalog-cta{background:var(--catalog-primary,#e10600);color:#fff;border:0;border-radius:calc(var(--catalog-radius,14px) / 2);padding:12px 20px;font-weight:800;margin-top:22px;cursor:pointer;box-shadow:0 6px 25px #0003}
/* Elementos da TechCell que anteriormente tinham cores estáticas */
body.theme-techcell .shop-v2 .shop-side-category,body.theme-techcell .shop-v2 .shop-check{color:var(--catalog-muted,#b3bac7)!important}
body.theme-techcell .shop-v2 .shop-card-price strong,body.theme-techcell .shop-v2 .tc-featured-heading h2 span{color:var(--catalog-primary,#e10600)!important}
body.theme-techcell .shop-v2 .shop-quick-btn,body.theme-techcell .shop-v2 .category.on{background:var(--catalog-primary,#e10600)!important}
body.theme-techcell .shop-v2 .shop-card{box-shadow:0 8px 30px #0003!important}
@media(max-width:1170px){.design-layout{grid-template-columns:1fr}.design-preview-area{position:static}}
@media(max-width:610px){.design-section,.design-preview-area{padding:14px}.design-fields,.design-colors,.design-upload-grid{grid-template-columns:1fr}.shop-v2 .catalog-custom-hero,.shop-v2.catalog-banner-editable .shop-intro{min-height:255px!important}.shop-v2 .catalog-custom-hero-content{max-width:92%;padding:24px}.shop-v2 .catalog-custom-hero-content h1{font-size:26px}.shop-v2 .catalog-banner-bg{opacity:.4}.shop-v2 .catalog-custom-hero:after{background:linear-gradient(90deg,var(--catalog-background) 0%,transparent 110%)}}
