/* =========================================================
   N1 SKINS — MONTE SEU INVENTÁRIO
   ========================================================= */
.builder-page-body{--ticker-h:0px}
.builder-page-body .payment-ticker{display:none}
.builder-page-body .site-header{top:0;padding:6px 18px}
.builder-page-body .header-shell{height:64px;min-height:64px;padding:6px 10px 6px 12px;border-radius:18px}
.builder-page-body .header-shell::before{border-radius:17px}
.builder-page-body .brand-logo-frame{width:52px;height:52px;border-radius:14px}
.builder-page-body .logo{width:46px;height:46px;border-radius:11px}
.builder-page-body .brand-info strong{font-size:15px}
.builder-page-body .brand-info small{margin-top:5px;font-size:9px}
.builder-page-body .main-nav a{height:38px;padding:0 10px;font-size:10px}
.builder-page-body .cart-btn{min-height:38px;padding:0 13px;font-size:12px}

.builder-page{width:100%;max-width:1480px;margin:0 auto;padding:12px 22px 48px;position:relative;z-index:1}
.builder-page .eyebrow{margin:0;color:var(--accent);font-size:9px;font-weight:950;letter-spacing:.18em;text-transform:uppercase}

.builder-hero{min-height:178px;padding:24px 26px;display:flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid rgba(244,196,66,.22);border-radius:18px;background:radial-gradient(circle at 88% 22%,rgba(244,196,66,.14),transparent 13rem),linear-gradient(140deg,rgba(20,14,8,.97),rgba(6,6,5,.97));box-shadow:0 12px 30px rgba(0,0,0,.22);overflow:hidden}
.builder-hero>div:first-child{max-width:800px}
.builder-hero h1{margin:6px 0 10px;font-size:clamp(30px,4vw,58px);line-height:1;letter-spacing:-.045em;text-transform:uppercase}
.builder-hero h1 span{color:var(--accent)}
.builder-hero>div>p:last-child{margin:0;color:var(--muted);font-size:13px;line-height:1.5}
.builder-hero-badges{display:grid;gap:8px;min-width:250px}
.builder-hero-badges span{padding:10px 13px;border:1px solid rgba(244,196,66,.16);border-radius:12px;background:rgba(255,255,255,.035);color:#e7dcc3;font-size:11px;font-weight:800}

.builder-mode-tabs{margin:12px 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.builder-mode-tab{min-height:64px;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(13,10,7,.94);color:var(--text);cursor:pointer;text-align:left;transition:.18s}
.builder-mode-tab strong,.builder-mode-tab small{display:block}
.builder-mode-tab strong{font-size:14px}.builder-mode-tab small{color:var(--muted);font-size:11px}
.builder-mode-tab.active{border-color:rgba(244,196,66,.55);background:linear-gradient(145deg,rgba(35,24,8,.96),rgba(11,9,6,.96));box-shadow:0 0 0 3px rgba(244,196,66,.07)}

.builder-panel{border:1px solid rgba(244,196,66,.2);border-radius:18px;background:rgba(9,7,5,.92);box-shadow:0 12px 30px rgba(0,0,0,.2);padding:18px}
.smart-config{display:grid;grid-template-columns:1.2fr .8fr;gap:12px}
.config-card{padding:16px;border:1px solid rgba(255,255,255,.075);border-radius:15px;background:rgba(255,255,255,.025)}
.config-heading{display:flex;align-items:center;gap:11px}
.config-heading h2{margin:2px 0 0;font-size:19px}
.config-step{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:rgba(244,196,66,.13);border:1px solid rgba(244,196,66,.28);color:var(--accent);font-weight:950;font-size:12px}
.config-help{margin:10px 0 0;color:var(--muted);font-size:11px;line-height:1.45}

.color-picker{margin-top:15px;display:flex;flex-wrap:wrap;gap:9px}
.color-option{width:38px;height:38px;padding:0;position:relative;border-radius:50%;border:2px solid rgba(255,255,255,.13);background:var(--swatch);cursor:pointer;box-shadow:inset 0 0 0 3px rgba(0,0,0,.24);transition:.16s}
.color-option::after{content:"";position:absolute;inset:-5px;border:2px solid transparent;border-radius:50%}
.color-option:hover{transform:translateY(-2px)}
.color-option.selected::after{border-color:var(--accent)}
.color-option.selected::before{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#fff;text-shadow:0 1px 4px #000;font-size:15px;font-weight:950}
.color-option[data-color="white"].selected::before,.color-option[data-color="yellow"].selected::before{color:#171006;text-shadow:none}

.budget-field{margin-top:15px;display:block}
.budget-field>span{display:block;margin-bottom:7px;color:#e5d9bf;font-size:11px;font-weight:850}
.budget-field>div{height:50px;display:flex;align-items:center;border:1px solid rgba(244,196,66,.25);border-radius:12px;background:#080705;overflow:hidden}
.budget-field b{height:100%;padding:0 14px;display:grid;place-items:center;border-right:1px solid rgba(255,255,255,.07);color:var(--accent);font-size:14px}
.budget-field input{width:100%;height:100%;border:0;outline:0;background:transparent;color:var(--text);padding:0 14px;font-size:17px;font-weight:850}

.weapon-config{margin-top:12px}
.weapon-config-head{display:flex;align-items:center;justify-content:space-between;gap:14px}
.weapon-actions{display:flex;gap:8px}
.weapon-actions button,.secondary-builder-btn{min-height:38px;padding:0 13px;border:1px solid rgba(244,196,66,.22);border-radius:11px;background:#14100b;color:#e8dcc3;font-size:11px;font-weight:850;cursor:pointer}
.weapon-selector{margin-top:14px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.weapon-checkbox{min-height:50px;padding:9px 10px;display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:rgba(255,255,255,.025);cursor:pointer;transition:.16s}
.weapon-checkbox input{width:15px;height:15px;accent-color:var(--accent)}
.weapon-checkbox span{font-size:11px;font-weight:850;color:#dfd4bc}
.weapon-checkbox:has(input:checked){border-color:rgba(244,196,66,.38);background:rgba(244,196,66,.065)}

.generate-row{margin-top:12px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(255,255,255,.025)}
.builder-status{color:var(--muted);font-size:12px;line-height:1.45}
.builder-status.success{color:#8ff0b9}.builder-status.error{color:#ffadb5}.builder-status.loading{color:#ffe29b}
.primary-builder-btn,.whatsapp-builder-btn{min-height:44px;padding:0 20px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--orange));color:#171006;font-weight:950;cursor:pointer;white-space:nowrap}
.primary-builder-btn:disabled{opacity:.55;cursor:wait}

.builder-result{margin-top:14px;padding-top:16px;border-top:1px solid rgba(255,255,255,.07)}
.result-heading,.manual-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}
.result-heading h2,.manual-heading h2{margin:3px 0 4px;font-size:25px}
.result-heading p:last-child,.manual-heading p:last-child{margin:0;color:var(--muted);font-size:11px}
.result-total-card,.manual-total-card{min-width:210px;padding:12px 14px;border:1px solid rgba(244,196,66,.2);border-radius:13px;background:rgba(244,196,66,.055);text-align:right}
.result-total-card span,.result-total-card small,.manual-total-card span,.manual-total-card small{display:block;color:var(--muted);font-size:10px}
.result-total-card strong,.manual-total-card strong{display:block;margin:3px 0;color:var(--accent);font-size:24px}

.smart-inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:10px}
.smart-item-card{position:relative;min-height:132px;padding:11px;display:grid;grid-template-columns:105px minmax(0,1fr);gap:10px;border:1px solid rgba(244,196,66,.18);border-radius:14px;background:linear-gradient(180deg,rgba(17,14,10,.98),rgba(8,7,5,.98));overflow:hidden}
.smart-item-image{height:110px;display:grid;place-items:center;border-radius:11px;background:radial-gradient(circle,rgba(244,196,66,.08),transparent 66%)}
.smart-item-image img{display:block;width:auto;height:auto;max-width:96%;max-height:95px;object-fit:contain;filter:drop-shadow(0 8px 9px rgba(0,0,0,.5))}
.smart-item-info{min-width:0;display:flex;flex-direction:column}
.smart-item-slot{color:var(--accent);font-size:9px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}
.smart-item-info h3{margin:5px 0 8px;font-size:12px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.smart-item-price{margin-top:auto;color:#fff;font-size:16px;font-weight:950}
.smart-color-dots{display:flex;gap:4px;margin-top:6px}.smart-color-dots i{width:8px;height:8px;border-radius:50%;border:1px solid rgba(255,255,255,.25)}
.swap-item-btn{position:absolute;right:8px;top:8px;width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(244,196,66,.24);border-radius:9px;background:rgba(0,0,0,.72);color:var(--accent);font-size:17px;cursor:pointer}
.result-footer,.manual-footer{margin-top:14px;display:flex;justify-content:flex-end;gap:9px}
.whatsapp-builder-btn{background:linear-gradient(135deg,#25d366,#0eaa4f);color:#04160b}

.manual-heading{padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.07)}
.manual-weapon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.manual-slot-card{min-height:190px;padding:11px;position:relative;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.075);border-radius:14px;background:rgba(255,255,255,.025);cursor:pointer;transition:.17s;overflow:hidden}
.manual-slot-card:hover{border-color:rgba(244,196,66,.38);transform:translateY(-2px)}
.manual-slot-card.selected{border-color:rgba(244,196,66,.42);background:linear-gradient(180deg,rgba(28,20,9,.8),rgba(10,8,6,.94))}
.manual-slot-label{position:absolute;left:10px;top:9px;z-index:2;padding:5px 7px;border-radius:8px;background:rgba(0,0,0,.7);color:var(--accent);font-size:9px;font-weight:950;text-transform:uppercase}
.manual-slot-image{height:120px;display:grid;place-items:center;border-radius:11px;background:radial-gradient(circle,rgba(244,196,66,.075),transparent 65%)}
.manual-slot-image img{display:block;width:auto;height:auto;max-width:94%;max-height:105px;object-fit:contain;filter:drop-shadow(0 8px 8px rgba(0,0,0,.45))}
.manual-slot-info{padding-top:9px;min-width:0}
.manual-slot-info h3{margin:0;font-size:12px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.manual-slot-info p{margin:5px 0 0;color:var(--muted);font-size:10px}
.manual-slot-info strong{display:block;margin-top:6px;color:var(--accent);font-size:15px}
.manual-remove-btn{position:absolute;right:8px;top:8px;z-index:3;width:28px;height:28px;border:1px solid rgba(255,88,88,.24);border-radius:8px;background:rgba(0,0,0,.74);color:#ff8585;cursor:pointer}

.skin-modal{position:fixed;inset:0;z-index:5000;display:none;align-items:center;justify-content:center;padding:20px}
.skin-modal.open{display:flex}.skin-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(5px)}
.skin-modal-dialog{position:relative;width:min(1120px,96vw);max-height:88vh;padding:17px;display:flex;flex-direction:column;border:1px solid rgba(244,196,66,.28);border-radius:18px;background:#0b0906;box-shadow:0 28px 90px rgba(0,0,0,.72)}
.skin-modal-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.07)}
.skin-modal-head h2{margin:3px 0 0;font-size:23px}.modal-close-btn{width:36px;height:36px;border:1px solid rgba(244,196,66,.22);border-radius:10px;background:#15100a;color:#fff;font-size:23px;cursor:pointer}
.modal-search-wrap{margin:12px 0;display:flex;align-items:center;gap:8px}.modal-search-wrap>input,.modal-search-wrap select,.modal-price-filter{min-height:44px;border:1px solid rgba(244,196,66,.22);border-radius:11px;background:#070605;color:#fff;outline:none}.modal-search-wrap>input{flex:1;min-width:190px;padding:0 13px}.modal-search-wrap select{max-width:180px;padding:0 10px}.modal-price-filter{width:110px;padding:5px 9px;display:flex;flex-direction:column;justify-content:center}.modal-price-filter span{min-width:0;text-align:left;font-size:8px}.modal-price-filter input{width:100%;min-height:20px;border:0;background:transparent;color:#fff;outline:none;padding:0}.modal-search-wrap>span{min-width:70px;color:var(--muted);font-size:11px;text-align:right}
.modal-skin-grid{min-height:180px;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:9px;padding-right:4px}
.modal-skin-card{padding:9px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.025);cursor:pointer;text-align:left;color:#fff}.modal-skin-card:hover{border-color:rgba(244,196,66,.4);background:rgba(244,196,66,.05)}
.modal-skin-image{height:105px;display:grid;place-items:center}.modal-skin-image img{width:auto;height:auto;max-width:94%;max-height:94px;object-fit:contain;filter:drop-shadow(0 7px 7px rgba(0,0,0,.45))}
.modal-skin-card h3{margin:5px 0 6px;font-size:11px;line-height:1.35;min-height:30px}.modal-skin-card strong{color:var(--accent);font-size:14px}.modal-load-more{min-height:40px;margin-top:10px;border:1px solid rgba(244,196,66,.22);border-radius:11px;background:#15100a;color:#fff;font-weight:850;cursor:pointer}
.modal-empty{grid-column:1/-1;padding:34px;text-align:center;color:var(--muted);border:1px dashed rgba(244,196,66,.2);border-radius:12px}

.builder-toast{position:fixed;right:20px;bottom:20px;z-index:6000;max-width:360px;padding:12px 15px;border:1px solid rgba(52,211,113,.28);border-radius:12px;background:#092014;color:#a8f0c2;font-size:12px;font-weight:800;box-shadow:0 18px 50px rgba(0,0,0,.45)}
.builder-toast.error{border-color:rgba(255,82,82,.3);background:#25100f;color:#ffb1b1}
.builder-footer{text-align:center;padding:24px;color:var(--muted);font-size:11px;border-top:1px solid rgba(244,196,66,.1)}

@media(max-width:1180px){
  .builder-page-body .main-nav a{padding:0 8px;font-size:9px}
  .builder-header-actions{display:none}
  .weapon-selector{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media(max-width:900px){
  .builder-hero{align-items:flex-start}.builder-hero-badges{display:none}
  .smart-config{grid-template-columns:1fr}
  .weapon-selector{grid-template-columns:repeat(3,minmax(0,1fr))}
  .result-heading,.manual-heading{align-items:flex-start;flex-direction:column}.result-total-card,.manual-total-card{width:100%;text-align:left}
}
@media(max-width:680px){
  .builder-page{padding:10px 12px 36px}.builder-hero{padding:20px 17px;min-height:auto}.builder-hero h1{font-size:33px}
  .builder-mode-tabs{grid-template-columns:1fr}.builder-panel{padding:12px}.weapon-config-head,.generate-row{align-items:flex-start;flex-direction:column}.weapon-actions{width:100%}.weapon-actions button{flex:1}
  .weapon-selector{grid-template-columns:repeat(2,minmax(0,1fr))}.primary-builder-btn{width:100%}.smart-inventory-grid,.manual-weapon-grid{grid-template-columns:1fr}.result-footer,.manual-footer{flex-direction:column}.result-footer button,.manual-footer button{width:100%}
  .skin-modal{padding:8px}.skin-modal-dialog{width:100%;max-height:94vh;padding:12px}.modal-skin-grid{grid-template-columns:1fr 1fr}.modal-search-wrap{display:grid;grid-template-columns:1fr 1fr}.modal-search-wrap>input,.modal-search-wrap select,.modal-search-wrap>span{grid-column:1/-1;max-width:none}.modal-price-filter{width:auto}.modal-search-wrap>span{text-align:left}
}
@media(max-width:430px){.modal-skin-grid{grid-template-columns:1fr}.weapon-selector{grid-template-columns:1fr 1fr}.smart-item-card{grid-template-columns:92px minmax(0,1fr)}}

/* Armas padrão exibidas antes da escolha da pintura */
.manual-slot-card.default-item .manual-slot-image img{opacity:.82;filter:grayscale(.12) drop-shadow(0 8px 8px rgba(0,0,0,.45));transition:opacity .18s,transform .18s}
.manual-slot-card.default-item:hover .manual-slot-image img{opacity:1;transform:scale(1.025)}
.manual-slot-card.default-item .manual-slot-info h3{color:#ded5c3}