/* Painel SMM: visual dos cards de serviço + campo de digitar a quantidade (saiu do category.html: limite de 64 KB) */
#cm-smm-panel .cm-smm-services{gap:14px!important}
#cm-smm-panel .cm-smm-service{position:relative;overflow:hidden;isolation:isolate;min-height:108px!important;padding:16px 66px 16px 16px!important;border-radius:18px!important;border:1px solid rgba(144,64,211,.35)!important;background:linear-gradient(135deg,#0b0d1a 0%,#111127 58%,#170b29 100%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.03);transition:.18s ease!important}
#cm-smm-panel .cm-smm-service:after{content:"";position:absolute;z-index:-3;inset:0;background:radial-gradient(circle at 83% 52%,rgba(207,42,255,.19),transparent 44%);pointer-events:none}
#cm-smm-panel .cm-smm-service:hover{transform:translateY(-2px)}
#cm-smm-panel .cm-smm-service.is-active{border-color:#ef38ff!important;box-shadow:0 0 0 1px #c52cff,0 0 27px rgba(211,43,255,.27),inset 0 0 34px rgba(156,35,255,.08)!important}
#cm-smm-panel .cm-smm-service-icon{width:54px!important;height:54px!important;min-width:54px!important;border-radius:15px!important;display:grid!important;place-items:center!important;background:linear-gradient(145deg,#9626ff,#ff2db4)!important;box-shadow:0 7px 20px rgba(198,39,255,.25),inset 0 1px 0 rgba(255,255,255,.22)}
#cm-smm-panel .cm-smm-service-icon>*{width:28px!important;height:28px!important;color:#fff!important}
#cm-smm-panel .cm-smm-service-copy{position:relative;z-index:2;gap:2px}
#cm-smm-panel .cm-smm-service-copy strong{font-size:13px!important;line-height:1.12!important;font-weight:900!important;max-width:205px}
#cm-smm-panel .cm-smm-service-copy small{font-size:10px!important;color:#aeb0c5!important;margin-top:4px!important}
#cm-smm-panel .cm-smm-service-arrow{position:absolute;z-index:4;right:15px;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:12px;border:1px solid rgba(218,48,255,.75);display:grid;place-items:center;font-size:22px;line-height:1;background:rgba(12,13,29,.9);box-shadow:0 0 16px rgba(213,45,255,.2);color:#fff}
#cm-smm-panel .cm-smm-service-badge{display:inline-flex;width:max-content;margin-top:6px;padding:4px 9px;border-radius:7px;background:linear-gradient(90deg,#8e22f3,#ca25ff);color:#fff;font-size:8px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 4px 12px rgba(171,34,255,.22)}
#cm-smm-panel .cm-smm-service-bg-icon{position:absolute;z-index:-1;right:47px;bottom:-27px;width:120px;height:120px;display:grid;place-items:center;color:#d445ff;opacity:.13;transform:rotate(-8deg);pointer-events:none}
#cm-smm-panel .cm-smm-service-bg-icon>*{width:92px!important;height:92px!important;color:#d445ff!important}
#cm-smm-panel .cm-smm-service[data-kind="likes"] .cm-smm-service-bg-icon{opacity:.16}
#cm-smm-panel .cm-smm-service[data-kind="views"] .cm-smm-service-bg-icon{opacity:.14}
#cm-smm-panel .cm-smm-service[data-kind="shares"] .cm-smm-service-bg-icon{opacity:.15}
@media(max-width:850px){#cm-smm-panel .cm-smm-services{grid-template-columns:1fr!important;gap:12px!important}#cm-smm-panel .cm-smm-service{min-height:104px!important;padding:14px 66px 14px 14px!important;border-radius:16px!important}#cm-smm-panel .cm-smm-service-icon{width:50px!important;height:50px!important;min-width:50px!important;border-radius:14px!important}#cm-smm-panel .cm-smm-service-icon>*{width:26px!important;height:26px!important}#cm-smm-panel .cm-smm-service-copy strong{font-size:13px!important;max-width:225px}#cm-smm-panel .cm-smm-service-copy small{font-size:10px!important}#cm-smm-panel .cm-smm-service-arrow{right:12px;width:40px;height:40px}#cm-smm-panel .cm-smm-service-bg-icon{width:108px;height:108px;right:43px;bottom:-25px;opacity:.11}#cm-smm-panel .cm-smm-service-bg-icon>*{width:82px!important;height:82px!important}}

/* Decorative service artwork v5 — PNG assets, no emoji/SVG filters */
#cm-smm-panel .cm-smm-service-bg-art{position:absolute;z-index:-1;right:48px;top:50%;width:168px;height:118px;transform:translateY(-50%);pointer-events:none;background-position:center;background-repeat:no-repeat;background-size:contain;opacity:.58;filter:saturate(1.18) contrast(1.03);transition:.18s ease}
#cm-smm-panel .cm-smm-service[data-kind="followers-global"] .cm-smm-service-bg-art{background-image:url('/public/assets/smm-art/embedded-1.png')}
#cm-smm-panel .cm-smm-service[data-kind="followers-br"] .cm-smm-service-bg-art{background-image:url('/public/assets/smm-art/embedded-2.png');width:178px;opacity:.62}
#cm-smm-panel .cm-smm-service[data-kind="likes"] .cm-smm-service-bg-art{background-image:url('/public/assets/smm-art/likes.png');opacity:.64}
#cm-smm-panel .cm-smm-service[data-kind="reels"] .cm-smm-service-bg-art{background-image:url('/public/assets/smm-art/reels.png');opacity:.58}
#cm-smm-panel .cm-smm-service[data-kind="stories"] .cm-smm-service-bg-art{background-image:url('/public/assets/smm-art/stories.png');opacity:.62}
#cm-smm-panel .cm-smm-service[data-kind="shares"] .cm-smm-service-bg-art{background-image:url('/public/assets/smm-art/shares.png');opacity:.60}
#cm-smm-panel .cm-smm-service.is-active .cm-smm-service-bg-art{opacity:.88;filter:saturate(1.35) brightness(1.12);transform:translateY(-50%) scale(1.04)}
@media(max-width:850px){#cm-smm-panel .cm-smm-service-bg-art{right:42px;width:150px;height:104px}#cm-smm-panel .cm-smm-service[data-kind="followers-br"] .cm-smm-service-bg-art{width:158px}}

/* quantidade digitada */
#cm-smm-panel.cm-smm-custom-on .cm-smm-range-row,#cm-smm-panel.cm-smm-custom-on .cm-smm-qty-pills,#cm-smm-panel.cm-smm-custom-on .cm-smm-qty-premium-hint{display:none!important}
                .cm-smm-custom{margin-top:10px}.cm-smm-custom label{display:block;font-size:13px;font-weight:700;margin-bottom:8px;opacity:.9}
                .cm-smm-custom-row{display:flex;gap:8px;align-items:stretch}.cm-smm-custom-row input{flex:1;min-width:0;font-size:22px;font-weight:800;text-align:center;padding:12px;border-radius:14px;border:2px solid rgba(139,61,255,.55);background:rgba(10,8,20,.6);color:#fff;-moz-appearance:textfield}
                .cm-smm-custom-row input::-webkit-outer-spin-button,.cm-smm-custom-row input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
                .cm-smm-custom-step{width:52px;border-radius:14px;border:0;font-size:24px;font-weight:800;color:#fff;background:linear-gradient(135deg,#8b3dff,#ff3fb0);cursor:pointer}
                .cm-smm-custom-quick{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.cm-smm-custom-quick button{padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#fff;font-weight:700;font-size:12px;cursor:pointer}.cm-smm-custom-quick button.is-active{background:linear-gradient(135deg,#8b3dff,#ff3fb0);border-color:transparent}
                #cm-smm-custom-hint{display:block;margin-top:8px;opacity:.7;font-size:12px}

/* cm-final-category-cleanup */
/* Hero compacto em todas as categorias */
@media (min-width: 641px){
  .cm-category-hero-inner{min-height:0!important;padding-top:18px!important;padding-bottom:22px!important;justify-content:flex-start!important;gap:34px!important;}
}
/* No PC os cards de serviços não exibem seta; no mobile ela continua */
@media (min-width: 851px){
  #cm-smm-panel .cm-smm-service-arrow{display:none!important;}
  #cm-smm-panel .cm-smm-service{padding-right:22px!important;}
}

/* cm-mobile-category-hero-gap-fix */
/* Mobile: remove o vazio entre breadcrumb e título em TODAS as categorias */
@media (max-width:640px){
  .cm-category-hero-inner{
    min-height:0!important;
    height:auto!important;
    padding:12px 16px 16px!important;
    justify-content:flex-start!important;
    gap:24px!important;
  }
  .cm-category-breadcrumb{margin:0!important;}
  .cm-category-title-row{margin:0!important;}
}

/* quantidade digitada: só o campo */
#cm-smm-panel .cm-smm-custom{margin-top:6px}
#cm-smm-panel .cm-smm-custom-row input{font-size:26px;padding:16px;border-radius:16px}
#cm-smm-panel .cm-smm-custom-row input::placeholder{font-size:16px;font-weight:600;opacity:.5}
#cm-smm-panel #cm-smm-custom-hint{color:#fbbf24;opacity:1;font-weight:600;min-height:0}
#cm-smm-panel #cm-smm-custom-hint:empty{display:none}

/* bônus do arredondamento */
#cm-smm-panel #cm-smm-custom-bonus{display:block;margin-top:8px;color:#4ade80;font-weight:700;font-size:13px}
#cm-smm-panel #cm-smm-custom-bonus:empty{display:none}

/* explicação + bônus em cartão */
#cm-smm-panel .cm-smm-custom-help{margin:4px 0 10px;font-size:15px;font-weight:700;color:#e9d5ff}
#cm-smm-panel #cm-smm-custom-bonus{display:flex!important;align-items:center;gap:12px;margin-top:12px;padding:12px 14px;border-radius:16px;background:linear-gradient(135deg,rgba(34,197,94,.18),rgba(16,185,129,.08));border:1px solid rgba(74,222,128,.45);box-shadow:0 0 24px rgba(34,197,94,.15) inset;animation:cmbIn .35s ease}
#cm-smm-panel #cm-smm-custom-bonus:empty{display:none!important}
#cm-smm-panel #cm-smm-custom-bonus .cmb-ico{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:12px;font-size:22px;background:linear-gradient(135deg,#22c55e,#10b981);box-shadow:0 6px 18px rgba(34,197,94,.35)}
#cm-smm-panel #cm-smm-custom-bonus .cmb-txt{display:flex;flex-direction:column;gap:2px}
#cm-smm-panel #cm-smm-custom-bonus b{color:#4ade80;font-size:15px;font-weight:800}
#cm-smm-panel #cm-smm-custom-bonus small{color:#d1fae5;opacity:.85;font-size:12px;font-weight:500}
@keyframes cmbIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}

/* campo no estilo de formulário (rótulo em cima, limites embaixo) */
#cm-smm-panel .cm-smm-custom .cm-smm-custom-help{display:block;margin:2px 0 8px;font-size:13px;font-weight:700;color:#c7cbe0;letter-spacing:.1px}
#cm-smm-panel .cm-smm-custom .cm-smm-custom-row input{width:100%;text-align:left;font-size:16px;font-weight:600;padding:14px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#11131c;color:#fff;box-shadow:none;transition:border-color .15s,box-shadow .15s}
#cm-smm-panel .cm-smm-custom .cm-smm-custom-row input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.25)}
#cm-smm-panel .cm-smm-custom .cm-smm-custom-row input::placeholder{font-size:14px;font-weight:500;color:#6b7280;opacity:1}
#cm-smm-panel #cm-smm-custom-hint{display:block!important;margin-top:7px;font-size:12px;font-weight:500;color:#9ca3af;opacity:1}
#cm-smm-panel #cm-smm-custom-hint.is-warn{color:#fbbf24;font-weight:700}