/* Kit Converter All Online: só o visual (01/11/2026). Mesmo molde do Kit Viewer (kv-style.css):
   ferramenta em tela cheia logo abaixo do cabeçalho, painel de controles à direita. */
.kco{--kco-y:var(--y,#facd03);--kco-line:var(--line,#2a2a2a);display:grid;grid-template-columns:minmax(0,1fr) 348px;height:calc(100svh - var(--kco-top,72px));min-height:600px;color:var(--ink,#f6f5f0);font-family:Inter,system-ui,sans-serif}
.kco *{box-sizing:border-box}
.kco button{font:inherit;color:inherit;cursor:pointer}
.kco :focus-visible{outline:2px solid var(--kco-y);outline-offset:2px}
.kco [hidden]{display:none!important}
body:has(.kco) .top{position:relative}

/* ---------- área principal ---------- */
.kco-main{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;background:radial-gradient(120% 90% at 50% 30%,#1c1b17,#101010 55%,#070707)}
.kco-main:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;background:url(../img/facets.svg) center/cover no-repeat}
.kco-view{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;padding:30px 18px 0}
.kco-pair{position:relative;flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:stretch}
.kco-card{position:relative;margin:0;min-width:0;min-height:0;display:flex;flex-direction:column;background:#121212e6;border:1px solid var(--kco-line);border-radius:16px;overflow:hidden}
.kco-card-h{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--kco-line)}
.kco-card-h>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.kco-card-h small{font:800 11px Montserrat,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--muted,#a7a69e)}
.kco-card-h b{font-size:14.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kco-dst .kco-card-h small{color:var(--kco-y)}
.kco-tex{position:relative;flex:1;min-height:0;display:grid;place-items:center;padding:8px;background:#0a0a0a}
.kco-tex img{display:block;width:100%;height:100%;min-height:0;object-fit:contain;border-radius:4px;cursor:zoom-in;box-shadow:0 10px 40px #0008}
.kco-zoom{position:absolute;right:12px;bottom:12px;display:inline-flex;gap:6px;align-items:center;height:28px;padding:0 10px;border-radius:999px;background:#0c0c0ccc;border:1px solid var(--kco-line);font:700 11.5px Inter,sans-serif;color:var(--muted,#a7a69e);pointer-events:none}
.kco-zoom svg{width:13px;height:13px}
.kco-arrow{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;box-shadow:0 0 0 5px #0a0a0a;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--kco-y);color:#111}
.kco-arrow svg{width:18px;height:18px}
/* zona de soltar: a textura original */
.kco-src .kco-tex{cursor:pointer}
.kco-dropmask{position:absolute;inset:10px;border:2px dashed var(--kco-y);border-radius:12px;display:none;place-content:center;justify-items:center;gap:10px;background:#0a0a0acc;font:900 20px Montserrat,sans-serif;color:var(--kco-y);z-index:3;text-align:center}
.kco-dropmask svg{width:36px;height:36px}
.kco-src.drag .kco-dropmask{display:grid}
.kco-hint{position:absolute;left:12px;bottom:12px;font-size:11.5px;color:var(--dim,#77766f);pointer-events:none}

/* barra de baixo, como a do viewer */
.kco-bar{position:relative;display:flex;align-items:center;gap:12px;padding:12px 18px 14px;min-height:64px}
.kco-bar .kco-name{flex:1;min-width:0;display:flex;align-items:center;gap:10px}
.kco-bar .kco-name b{font:800 15px/1.2 Montserrat,sans-serif;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kco-bar .kco-name small{color:var(--dim,#77766f);font-size:12.5px;white-space:nowrap}
.kco-tag{font:800 11px/1 Montserrat,sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:6px 9px;border-radius:999px;background:var(--kco-y);color:#111;white-space:nowrap}
.kco-ok{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted,#a7a69e);white-space:nowrap}
.kco-ok i{width:8px;height:8px;border-radius:50%;background:var(--green,#3ddc84)}

/* botões */
.kco .kco-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:38px;padding:0 16px;border-radius:999px;border:1px solid #3a3a3a;background:transparent;font:800 13px Montserrat,sans-serif;color:var(--ink,#f6f5f0);text-decoration:none;white-space:nowrap}
.kco .kco-btn svg{width:16px;height:16px;flex:none}
.kco .kco-btn:hover{border-color:var(--kco-y);color:var(--kco-y)}
.kco .kco-btn-sm{height:32px;padding:0 12px;font-size:12px}
.kco .kco-btn-y{background:var(--kco-y);border-color:var(--kco-y);color:#111!important}
.kco .kco-btn-y:hover{background:var(--y-2,#ffdf3d)}
.kco .kco-btn-big{width:100%;height:52px;font:900 16px Montserrat,sans-serif;letter-spacing:.01em}
.kco .kco-btn-big svg{width:19px;height:19px}

/* trabalhando: por cima da textura convertida */
.kco-busy{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:12px;background:#0a0a0ad9;z-index:2;text-align:center;padding:20px}
.kco-busy b{font:800 14px Montserrat,sans-serif}
.kco-busy .kco-prog-bar{width:min(220px,70%);flex:none}
.kco-busy.sem-barra .kco-prog-bar{display:none}
.kco-spin{width:26px;height:26px;border-radius:50%;border:3px solid var(--kco-y);border-right-color:transparent;animation:kco-r .8s linear infinite}
.kco .kco-btn:disabled{opacity:.4;cursor:default;pointer-events:none}
.kco .kco-btn.on{border-color:var(--kco-y);color:var(--kco-y)}
#kco-drop{cursor:pointer}
#kco-drop:focus-visible{outline:2px solid var(--kco-y);outline-offset:-4px}
.kco-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:70;max-width:min(560px,calc(100% - 32px));padding:12px 18px;border-radius:14px;background:#0c0c0cf2;border:1px solid var(--kco-y);font-size:14px;font-weight:600;box-shadow:0 20px 50px #000a}
.kco-empty{margin:0;padding:30px 0;text-align:center;color:var(--dim,#77766f);font-size:14px}

/* ---------- lote ---------- */
.kco-batch{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;gap:14px;padding:30px 18px 0}
.kco-bdrop{display:flex;align-items:center;gap:16px;padding:16px 18px;border:1.5px dashed #3a3a3a;border-radius:16px;background:#121212e6}
.kco-bdrop:hover,.kco-bdrop.drag{border-color:var(--kco-y)}
.kco-bdrop>svg{width:30px;height:30px;color:var(--kco-y);flex:none}
.kco-bdrop>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.kco-bdrop b{font:900 17px Montserrat,sans-serif;letter-spacing:-.01em}
.kco-bdrop small{color:var(--muted,#a7a69e);font-size:12.5px}
.kco-prog{display:flex;align-items:center;gap:14px;font-size:13px;color:var(--muted,#a7a69e)}
.kco-prog b{color:var(--ink,#fff);font-weight:700}
.kco-prog-bar{flex:1;height:6px;border-radius:999px;background:#262626;overflow:hidden}
.kco-prog-bar i{display:block;height:100%;width:var(--p,50%);background:var(--kco-y);border-radius:inherit}
.kco-grid{flex:1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;align-content:start;padding-bottom:6px;scrollbar-width:thin;scrollbar-color:#333 transparent}
.kco-item{background:#121212e6;border:1px solid var(--kco-line);border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:9px}
.kco-item-tx{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px}
.kco-item-tx img,.kco-item-tx span{display:block;width:100%;aspect-ratio:1;border-radius:6px;background:#0a0a0a;object-fit:cover;border:1px solid #1f1f1f}
.kco-item-tx>svg{width:14px;height:14px;color:var(--dim,#77766f)}
.kco-item-tx span{display:grid;place-items:center;color:var(--dim,#77766f);font-size:11.5px}
.kco-item-tx span.busy:before{content:"";width:18px;height:18px;border-radius:50%;border:2px solid var(--kco-y);border-right-color:transparent;animation:kco-r .8s linear infinite}
@keyframes kco-r{to{transform:rotate(360deg)}}
.kco-item-n{display:flex;align-items:center;gap:8px;min-width:0}
.kco-item-n>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.kco-item-n b{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kco-item-n small{font-size:11.5px;color:var(--dim,#77766f)}
.kco-st{font:800 10.5px/1 Montserrat,sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:5px 8px;border-radius:999px;white-space:nowrap;border:1px solid #3a3a3a;color:var(--muted,#a7a69e)}
.kco-st.done{border-color:#3ddc8466;color:var(--green,#3ddc84)}
.kco-st.busy{border-color:var(--kco-y);color:var(--kco-y)}
.kco-st.err{border-color:#f9685466;color:#f96854}
.kco-ico{width:30px;height:30px;display:inline-grid;place-items:center;border-radius:999px;border:1px solid #333;background:transparent;flex:none;color:var(--muted,#a7a69e)}
.kco-ico svg{width:14px;height:14px}
.kco-ico:hover{border-color:var(--kco-y);color:var(--kco-y)}

/* ---------- painel ---------- */
.kco-panel{background:var(--s1,#121212);border-left:1px solid var(--kco-line);padding:20px 20px 16px;display:flex;flex-direction:column;min-width:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#333 transparent}
.kco-panel-h{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}
.kco-logo{width:44px;height:44px;flex:none}
.kco .kco-title{display:flex;flex-direction:column;gap:6px;min-width:0}
.kco .kco-title h1{margin:0!important;padding:0!important;font:900 19px/1.12 Montserrat,sans-serif!important;letter-spacing:-.025em!important;color:var(--ink,#fff)!important}
.kco .kco-title h1 .y{color:var(--kco-y)}
.kco .kco-title small{font:600 12px/1.2 Inter,sans-serif;letter-spacing:0;color:var(--muted,#a7a69e)}
.kco-intro{margin:-4px 0 14px;font-size:13px;line-height:1.5;color:var(--muted,#a7a69e)}
.kco-sec{display:flex;flex-direction:column;gap:10px;padding:15px 0;border-top:1px solid var(--kco-line)}
.kco-sec:first-of-type{border-top:0;padding-top:0}
.kco-label{display:flex;align-items:center;justify-content:space-between;gap:10px;font:800 11px Montserrat,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--muted,#a7a69e)}
.kco-dim{color:var(--dim,#77766f);font-size:12px;line-height:1.45;margin:0}
.kco-dim a{color:var(--kco-y)}
/* De → Para */
.kco-conv{display:grid;grid-template-columns:1fr auto 1fr;gap:6px;align-items:end}
.kco-conv label{display:flex;flex-direction:column;gap:5px;font-size:11.5px;color:var(--dim,#77766f);min-width:0}
.kco-sel{appearance:none;width:100%;height:42px;padding:0 30px 0 12px;border-radius:12px;border:1px solid #3a3a3a;background:#0c0c0c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a7a69e' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 10px center/14px no-repeat;font:900 15px Montserrat,sans-serif;color:var(--ink,#fff);cursor:pointer}
.kco-sel:hover{border-color:var(--kco-y)}
.kco-sel option{background:#121212;font-family:Inter,sans-serif;font-weight:600}
.kco-swap{height:42px;width:34px;display:grid;place-items:center;border:0;background:transparent;color:var(--kco-y)!important;border-radius:10px}
.kco-swap svg{width:18px;height:18px}
.kco-swap:hover{background:#ffffff0d}
.kco-swap:disabled{opacity:.3;cursor:default}
/* abas */
.kco-seg{display:flex;background:#0c0c0c;border:1px solid var(--kco-line);border-radius:999px;padding:4px;gap:2px}
.kco-seg button{flex:1;border:0;background:transparent;height:40px;border-radius:999px;font:900 15px Montserrat,sans-serif;color:var(--muted,#a7a69e);white-space:nowrap}
.kco-seg button[aria-selected=true]{background:var(--s3,#232323);color:var(--ink,#fff);box-shadow:inset 0 0 0 1px #3a3a3a}
/* assinatura */
.kco-toggle{display:inline-flex;align-items:center;gap:8px;font:600 12.5px Inter,sans-serif;letter-spacing:0;text-transform:none;color:var(--ink,#fff);cursor:pointer;user-select:none}
.kco-toggle input{position:absolute;opacity:0;pointer-events:none}
.kco-sw{width:34px;height:19px;border-radius:999px;background:#333;position:relative;flex:none;transition:background .15s}
.kco-sw:after{content:"";position:absolute;left:2px;top:2px;width:15px;height:15px;border-radius:50%;background:#ddd;transition:transform .15s}
.kco-toggle input:checked+.kco-sw{background:var(--kco-y)}
.kco-toggle input:checked+.kco-sw:after{transform:translate(15px);background:#111}
.kco-toggle input:focus-visible+.kco-sw{outline:2px solid var(--kco-y);outline-offset:2px}
.kco-sig{display:block;width:100%;height:auto;border-radius:8px;border:1px solid var(--kco-line);background:#000;transition:opacity .15s}
.kco-sig.off{opacity:.3}
.kco-row{display:flex;align-items:center;gap:8px;justify-content:space-between}
.kco-row .kco-dim b{color:var(--kco-y);font-weight:700}
/* gola */
.kco-collar{display:flex;align-items:center;gap:12px;width:100%;padding:8px 12px 8px 8px;border-radius:12px;border:1px solid #3a3a3a;background:#0c0c0c;text-align:left}
.kco-collar:hover{border-color:var(--kco-y)}
.kco-collar>span:first-child{width:40px;height:40px;border-radius:8px;flex:none;display:grid;place-items:center;background:linear-gradient(90deg,#d8232a 0 50%,#fff 50%)}
.kco-collar>span:first-child i{width:24px;height:24px;border-radius:50%;background:#1d2d5c;box-shadow:0 0 0 4px #24356b}
.kco-collar>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.kco-collar b{font:900 14px Montserrat,sans-serif}
.kco-collar small{font-size:12px;color:var(--dim,#77766f)}
.kco-collar>svg{width:14px;height:14px;color:var(--muted,#a7a69e)}
/* janela de escolher a gola (no meio da tela) */
.kco-dlg{width:min(780px,calc(100vw - 32px));max-height:min(86svh,820px);margin:auto;padding:0;border:1px solid var(--kco-line);border-radius:18px;background:var(--s1,#121212);color:var(--ink,#f6f5f0);box-shadow:0 30px 80px #000c;overflow:hidden}
.kco-dlg[open]{display:flex;flex-direction:column}
.kco-dlg::backdrop{background:#000000b3;backdrop-filter:blur(3px)}
.kco-dlg-h{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--kco-line)}
.kco-dlg-h>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.kco-dlg-h b{font:900 18px Montserrat,sans-serif;letter-spacing:-.01em}
.kco-dlg-h small{font-size:12.5px;color:var(--dim,#77766f);overflow-wrap:anywhere}
.kco-dlg-h small:empty{display:none}
.kco-dlg .kco-ico{width:36px;height:36px}
.kco-collars{flex:1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:10px;align-content:start;padding:16px 18px 18px;scrollbar-width:thin;scrollbar-color:#333 transparent}
.kco .kco-collars button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 6px 6px;border:2px solid transparent;border-radius:12px;background:#0c0c0c;font:700 12px Inter,sans-serif;color:var(--muted,#a7a69e)}
.kco .kco-collars button:hover,.kco .kco-collars button.on{border-color:var(--kco-y);color:var(--ink,#fff)}
.kco-collars img{display:block;width:64px;height:64px;border-radius:8px;background:#000;object-fit:contain}
/* texto no lugar da textura e do 3D antes do primeiro kit */
.kco-ph{margin:0;padding:24px;text-align:center;color:var(--dim,#77766f);font-size:14px;font-weight:600;line-height:1.5}
.kco-3d-box>.kco-ph{position:absolute;inset:0;display:grid;place-items:center;z-index:1;background:transparent}
.kco-3d-box.sem-kit .kco-3d-views,.kco-3d-box.sem-kit .kco-3d-tools,.kco-3d-box.sem-kit .kco-tag{display:none}
.kco-card-h b:empty:before{content:"\a0"}
/* opções de cada kit no lote */
.kco .kco-igola{display:flex;align-items:center;gap:10px;width:100%;padding:6px 10px 6px 6px;border-radius:10px;border:1px solid #333;background:#0c0c0c;text-align:left}
.kco .kco-igola:hover{border-color:var(--kco-y)}
.kco-igola img{width:32px;height:32px;border-radius:6px;background:#000;flex:none}
.kco-igola>span{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.kco-igola b{font:800 12.5px Montserrat,sans-serif}
.kco-igola small{font-size:11px;color:var(--dim,#77766f);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kco-igola>svg{width:13px;height:13px;color:var(--muted,#a7a69e);flex:none}
.kco-iopt{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.kco-iopt .kco-check{font-size:12.5px}
.kco .kco-icor{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px 0 5px;border-radius:999px;border:1px solid #333;background:transparent;font:700 11.5px Inter,sans-serif;color:var(--muted,#a7a69e)}
.kco .kco-icor:hover{border-color:var(--kco-y)}
.kco-icor:not(:has(i.auto)){padding-right:5px}
.kco-icor i{width:20px;height:20px;border-radius:50%;border:1px solid #555}
.kco-icor i.auto{background:conic-gradient(#d8232a,#facd03,#3ddc84,#1d2d5c,#d8232a)}
.kco-cor-kit{position:fixed;width:1px;height:1px;opacity:0;pointer-events:none;border:0;padding:0}
.kco-collar>span:first-child img{width:40px;height:40px;border-radius:8px;object-fit:cover}
.kco-collar>span:first-child:has(img){background:#000}
/* gola FM -> PES */
.kco-check{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;font-weight:600;cursor:pointer}
.kco-check input{accent-color:var(--kco-y);width:16px;height:16px;margin-top:1px}
.kco-cor{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid #3a3a3a;overflow:hidden;cursor:pointer}
.kco-cor input{width:44px;height:44px;border:0;padding:0;background:none;cursor:pointer}
/* 3D pequeno */
.kco-3d-cv{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab;touch-action:none}
.kco-3d-none{position:absolute;inset:0;margin:0;display:grid;place-items:center;padding:24px;text-align:center;color:var(--muted,#a7a69e);font-weight:600;font-size:14px;background:#0a0a0a;z-index:1}
.kco-3d-box.vazio .kco-3d-views,.kco-3d-box.vazio .kco-3d-tools,.kco-3d-box.vazio .kco-tag{display:none}
.kco-3d-box:fullscreen{border-radius:0}
.kco-3d-h{gap:8px}
.kco .kco-3d-t{display:inline-flex;align-items:center;gap:6px;border:0;background:none;padding:0;font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit!important}
.kco-3d-t .kco-chev{width:14px;height:14px;transition:transform .15s}
.kco-3d.closed .kco-chev{transform:rotate(-90deg)}
.kco-3d.closed .kco-3d-box{display:none}
.kco-3d-box{position:relative;height:260px;border-radius:14px;overflow:hidden;border:1px solid var(--kco-line);background:radial-gradient(120% 90% at 50% 38%,#262420,#121212 55%,#070707)}
.kco-3d-box:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;background:url(../img/facets.svg) center/cover no-repeat}
.kco-3d-box img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%}
.kco-3d-tools{position:absolute;right:8px;top:8px;display:flex;gap:6px}
.kco-3d-tools .kco-ico{background:#0c0c0cd9;color:var(--ink,#fff)}
.kco-3d-box .kco-tag{position:absolute;left:10px;top:10px}
.kco-3d-link{font:600 12px Inter,sans-serif;letter-spacing:0;text-transform:none;color:var(--kco-y);text-decoration:none;display:inline-flex;gap:5px;align-items:center;white-space:nowrap}
.kco-3d-link svg{width:13px;height:13px}
.kco-3d-link:hover{text-decoration:underline}
.kco-3d-views{position:absolute;left:50%;bottom:10px;transform:translate(-50%);display:flex;gap:2px;padding:4px;border-radius:999px;background:#0c0c0cd9;border:1px solid var(--kco-line);backdrop-filter:blur(8px)}
.kco .kco-3d-views button{height:28px;padding:0 11px;border:0;border-radius:999px;background:transparent;font:800 12px Montserrat,sans-serif;color:var(--muted,#a7a69e)!important;white-space:nowrap}
.kco .kco-3d-views button:hover,.kco .kco-3d-views button.on{background:#ffffff14;color:var(--ink,#fff)!important}
.kco-collar>div b,.kco-collar>div small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* fim do painel */
.kco-act{position:sticky;bottom:-16px;margin:auto -20px -16px;padding:14px 20px 16px;background:var(--s1,#121212);display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--kco-line)}
.kco-act .kco-dim{text-align:center}
.kco-alt{font-size:12px;color:var(--dim,#77766f);text-align:center;margin:4px 0 0}
.kco-alt a{color:var(--muted,#a7a69e)}
.kco-alt a:hover{color:var(--kco-y)}

.kco-tabs{border-top:0;padding-top:4px}
@media(max-height:960px) and (min-width:901px){.kco-panel-h{margin-bottom:12px}.kco-sec{padding:12px 0;gap:8px}}

/* ---------- computador: texturas empilhadas numa coluna (altura da tela), 3D grande ao lado ---------- */
@media(min-width:901px){
  .kco-view{display:grid;grid-template-columns:minmax(0,1fr) clamp(420px,42vw,600px);grid-template-rows:minmax(0,1fr) auto;column-gap:14px}
  /* coluna das texturas = o que sobra do 3D; a textura quadrada fica centralizada no cartão (limitada pela altura) */
  .kco-pair{grid-column:1;grid-row:1 / 3;margin-bottom:14px;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(0,1fr)}
  .kco-card-h{padding:7px 12px}
  .kco-card-h .kco-zoom,.kco-hint{display:none}
  .kco-arrow{transform:translate(-50%,-50%) rotate(90deg)}
  .kco-main .kco-3d{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:0;padding:0;border:1px solid var(--kco-line);border-radius:16px;overflow:hidden;background:#121212e6;min-height:0}
  .kco-main .kco-3d-h{padding:14px 16px;border-bottom:1px solid var(--kco-line)}
  .kco-main .kco-3d-t .kco-chev{display:none}
  .kco-main .kco-3d-box{flex:1;height:auto;border:0;border-radius:0}
  .kco-main .kco-3d-box img{object-fit:contain;object-position:center}
  .kco-main .kco-3d-views button{height:34px;padding:0 14px;font-size:13px}
  .kco-main .kco-3d-box .kco-tag{left:14px;top:14px}
  .kco-view .kco-bar{grid-column:2;padding-left:0;padding-right:0}
  .kco-bar .kco-ok{display:none}
  .kco-act{position:static}
}

/* "Converted in" no cabeçalho da textura convertida só no computador (no celular fica na barra) */
@media(max-width:900px){.kco-ok-h{display:none!important}}

/* ---------- celular ---------- */
@media(max-width:900px){
  .kco{grid-template-columns:minmax(0,1fr);height:auto;min-height:0}
  .kco-view,.kco-batch{padding:12px 12px 0}
  .kco-pair{grid-template-columns:minmax(0,1fr);gap:8px}
  .kco-arrow{position:static;transform:rotate(90deg);justify-self:center;width:30px;height:30px;margin:-4px 0}
  .kco-act{position:static;margin:16px 0 0;padding:14px 0 0;background:none}
  .kco-view,.kco-batch{padding-top:14px}
  .kco-tex{aspect-ratio:1;padding:10px}
  .kco-bar{flex-wrap:wrap;padding:12px}
  .kco-bar .kco-name{flex-basis:100%}
  .kco-bar .kco-btn{flex:1}
  .kco-hint{display:none}
  .kco-grid{overflow:visible;grid-template-columns:1fr}
  .kco-batch{min-height:0}
  .kco-panel{border-left:0;border-top:1px solid var(--kco-line);overflow:visible}
  .kco-bdrop{flex-wrap:wrap}
}
@media(max-width:1180px) and (min-width:901px){.kco-bar .kco-ok{display:none}}

/* ---------- SEO (como no viewer) ---------- */
.kco-h2{margin:0 0 14px;font:900 clamp(26px,3vw,36px)/1.1 Montserrat,sans-serif;letter-spacing:-.03em}
.kco-seo .kco-h2{margin-top:22px}
.kco-matrix{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}
.kco-m{background:var(--s1,#121212);border:1px solid var(--line,#2a2a2a);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:10px;scroll-margin-top:90px}
.kco-m:target{border-color:var(--y,#facd03)}
.kco-m-h{display:flex;align-items:center;justify-content:space-between;gap:10px}
.kco-m-h b{font:900 18px Montserrat,sans-serif;letter-spacing:-.02em}
.kco-m p{margin:0;color:var(--muted,#a7a69e);font-size:14.5px;line-height:1.5}
.kco-m small{margin-top:auto;color:var(--dim,#77766f);font-size:12.5px}
.kco-m .kco-btn{display:inline-flex;align-items:center;height:32px;padding:0 12px;border-radius:999px;border:1px solid #3a3a3a;background:transparent;font:800 12px Montserrat,sans-serif;color:var(--ink,#f6f5f0);cursor:pointer;white-space:nowrap}
.kco-m .kco-btn:hover{border-color:var(--y,#facd03);color:var(--y,#facd03)}
.kco-cols{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.kco-cols p{color:var(--muted,#a7a69e);margin:0 0 12px}
.kco-cols p b{color:var(--ink,#f6f5f0)}
.kco-vs{width:100%;border-collapse:collapse;font-size:14px}
.kco-vs th,.kco-vs td{padding:10px 12px;border-bottom:1px solid var(--line,#2a2a2a);text-align:left;vertical-align:top}
.kco-vs th{font:800 12px Montserrat,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--y,#facd03)}
.kco-vs td:first-child{color:var(--muted,#a7a69e)}
@media(max-width:900px){.kco-matrix{grid-template-columns:1fr}.kco-cols{grid-template-columns:1fr;gap:28px}}
.kco-seo h1{margin:18px 0 0;font:900 clamp(32px,4.2vw,54px)/1.04 Montserrat,sans-serif;letter-spacing:-.035em}
.kco-seo .lead{max-width:780px;margin:18px 0 0;color:var(--muted,#a7a69e)}
.kco-seo .lead a{color:var(--y,#facd03)}
.kco-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}
.kco-steps>div{background:var(--s1,#121212);border:1px solid var(--line,#2a2a2a);border-radius:16px;padding:20px}
.kco-steps b{font:800 16px Montserrat,sans-serif}
.kco-steps p{margin:8px 0 0;color:var(--muted,#a7a69e);font-size:15px}
@media(max-width:800px){.kco-steps{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.kco-item-tx span.busy:before{animation:none}}