/* Club Kids - desktop-pro (redesign desktop). Só telas >=992px. Não altera mobile. */
@media (min-width:992px){
  html, body.theme-light{ background:#F4F6F9 !important; }
  #page{ max-width:1280px !important; background:transparent !important; box-shadow:none !important; }
  .page-content{ max-width:1280px !important; }
  #footer-bar{ display:none !important; }
  body{ color:#4A4A4A !important; padding-bottom:0 !important; }
  .page-content p{ max-width:70ch; }
  .btn-full{ max-width:420px !important; border-radius:10px !important; }

  /* ===== Fase 2: header institucional (montado via desktop-pro.js) ===== */
  #page .ck-hidden{ display:none !important; }
  #ck-deskhead{ display:block !important; font-family:Outfit, sans-serif; }
  #ck-deskhead .ck-wrap{ max-width:1280px; margin:0 auto; padding:0 24px; display:flex; align-items:center; justify-content:space-between; }
  #ck-deskhead .ck-topbar{ background:#1F2A44; color:#cdd6e6; font-size:13px; }
  #ck-deskhead .ck-topbar .ck-wrap{ height:40px; }
  #ck-deskhead .ck-topbar a{ color:#fff; text-decoration:none; }
  #ck-deskhead .ck-topbar a:hover{ text-decoration:underline; }
  #ck-deskhead .ck-mainbar{ background:#fff; border-bottom:1px solid #E6E9EF; position:sticky; top:0; z-index:1200; box-shadow:0 1px 6px rgba(16,24,40,.05); }
  #ck-deskhead .ck-mainbar .ck-wrap{ height:74px; gap:24px; }
  #ck-deskhead .ck-logo img{ height:34px; display:block; }
  #ck-deskhead .ck-search{ flex:1; max-width:560px; display:flex; align-items:center; background:#F1F3F7; border:1px solid #E6E9EF; border-radius:10px; overflow:hidden; }
  #ck-deskhead .ck-search input{ flex:1; border:0; background:transparent; padding:11px 14px; font-size:15px; outline:none; color:#1F1F1F; }
  #ck-deskhead .ck-search button{ border:0; background:#4A89DC; color:#fff; width:48px; height:44px; font-size:20px; cursor:pointer; }
  #ck-deskhead .ck-acc{ display:flex; gap:22px; }
  #ck-deskhead .ck-acc a{ color:#1F2A44; text-decoration:none; font-weight:600; font-size:14px; }
  #ck-deskhead .ck-acc a:hover{ color:#4A89DC; }
  #ck-deskhead .ck-nav{ background:#fff; border-bottom:1px solid #E6E9EF; }
  #ck-deskhead .ck-nav .ck-wrap{ height:48px; justify-content:flex-start; gap:28px; }
  #ck-deskhead .ck-nav a{ color:#4A4A4A; text-decoration:none; font-size:14px; font-weight:600; height:48px; display:flex; align-items:center; border-bottom:2px solid transparent; }
  #ck-deskhead .ck-nav a:hover{ color:#4A89DC; border-bottom-color:#4A89DC; }

  /* ===== Rodapé institucional ===== */
  #ck-deskfoot{ display:block !important; background:#1F2A44; color:#aeb8cc; margin-top:40px; }
  #ck-deskfoot .ck-wrap{ max-width:1280px; margin:0 auto; padding:32px 24px; display:flex; justify-content:space-between; gap:32px; flex-wrap:wrap; }
  #ck-deskfoot a{ color:#dfe5f0; text-decoration:none; display:block; margin:6px 0; font-size:14px; }
  #ck-deskfoot a:hover{ color:#fff; }
  #ck-deskfoot h4{ color:#fff; font-size:15px; margin:0 0 10px; }
  #ck-deskfoot .ck-foot-brand img{ height:32px; margin-bottom:10px; }
  #ck-deskfoot .ck-foot-copy{ border-top:1px solid rgba(255,255,255,.1); font-size:12px; color:#8a95ab; }
  #ck-deskfoot .ck-foot-copy .ck-wrap{ padding:14px 24px; }
}

/* Base fora do media: header/rodapé escondidos (garante nada no mobile) */
#ck-deskhead{ display:none; }
#ck-deskfoot{ display:none; }

/* ===== FASE 3 (Home): grade de produtos, chips de categoria, faixa etaria =====
   Os carrosseis Splide definem largura/transform inline; sobrepomos com !important
   e escondemos os clones do loop. NAO usar :has() aqui: trava o renderizador. */
@media (min-width:992px){
#double-slider-1{height:auto !important;}
#double-slider-1 .splide__arrows{display:none !important;}
#double-slider-1 .splide__track{overflow:visible !important;height:auto !important;padding:0 !important;}
#double-slider-1 .splide__list{display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:24px !important;transform:none !important;width:auto !important;height:auto !important;}
#double-slider-1 .splide__slide{width:auto !important;height:auto !important;margin:0 !important;padding:0 !important;}
#double-slider-1 .splide__slide--clone{display:none !important;}
#double-slider-1 .splide__slide img{width:100% !important;height:190px !important;object-fit:cover !important;border-radius:12px !important;}
#double-slider-1 .splide__slide h4{margin:10px 2px 0 !important;font-size:15px !important;line-height:1.35 !important;}
#faixa-slider{height:auto !important;}
#faixa-slider .splide__track{overflow:visible !important;height:auto !important;}
#faixa-slider .splide__list{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(120px,1fr)) !important;gap:10px !important;transform:none !important;width:auto !important;height:auto !important;}
#faixa-slider .splide__slide{width:auto !important;height:auto !important;margin:0 !important;}
#topic-slider-1{height:auto !important;}
#topic-slider-1 .splide__track{overflow:visible !important;height:auto !important;}
#topic-slider-1 .splide__list{display:flex !important;flex-wrap:wrap !important;gap:10px !important;transform:none !important;width:auto !important;height:auto !important;}
#topic-slider-1 .splide__slide{width:auto !important;height:auto !important;margin:0 !important;}
}

/* ===== FASE 4: listagens (novidades / categoria / faixa) em grade de 4 colunas =====
   Cada item e um .idadeListaBrinquedos (foto numa .col-6, texto noutra + divisor).
   Vira card; o container .row.mb-0.pb-3 vira grade. Sem :has(). */
@media (min-width:992px){
.row.mb-0.pb-3{display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:24px !important;margin:0 !important;}
.idadeListaBrinquedos{display:block !important;width:auto !important;max-width:none !important;margin:0 !important;padding:0 !important;background:#fff !important;border:1px solid #E6E9EF !important;border-radius:12px !important;overflow:hidden !important;}
.idadeListaBrinquedos > .col-6{width:100% !important;max-width:100% !important;flex:0 0 100% !important;margin:0 !important;padding:0 !important;}
.idadeListaBrinquedos > .col-6.pe-0 img{width:100% !important;height:190px !important;object-fit:cover !important;border-radius:0 !important;}
.idadeListaBrinquedos > .col-6:last-of-type{padding:12px !important;}
.idadeListaBrinquedos > .divider{display:none !important;}
}

/* ===== FASE 5: pagina de produto (refinamentos) =====
   - esconde o 2o "QUERO ALUGAR" solto (filho direto de .page-al-produto);
     o botao dentro do card de compra continua.
   - "Mais Fotos": grade de 4 miniaturas uniformes.
   NOTA: nao usar position:sticky no card de compra - conflita com o
   layout inline-block das 2 colunas e desalinha. */
@media (min-width:992px){
.page-al-produto > .btn-full{display:none !important;}
.page-al-produto .row.row-cols-3{display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:16px !important;margin:0 !important;}
.page-al-produto .row.row-cols-3 > .col{width:auto !important;max-width:none !important;flex:none !important;margin:0 !important;padding:0 !important;}
.page-al-produto .row.row-cols-3 img{width:100% !important;height:150px !important;object-fit:contain !important;background:#fff !important;border:1px solid #E6E9EF !important;border-radius:10px !important;padding:8px !important;}
}

/* ===== FASE 6a: Meus Alugueis (AL_aluguel.php) =====
   Usa a classe de pagina ck-p-al_aluguel (adicionada pelo desktop-pro.js),
   pois .d-flex e generico demais para ser alvo global. */
@media (min-width:992px){
.ck-p-al_aluguel .card-style .d-flex{background:#fff !important;border:1px solid #E6E9EF !important;border-radius:12px !important;padding:16px !important;margin-bottom:16px !important;align-items:flex-start !important;}
.ck-p-al_aluguel .card-style .d-flex img{width:88px !important;height:88px !important;object-fit:contain !important;}
.ck-p-al_aluguel .card-style .d-flex > .w-100{display:grid !important;grid-template-columns:1fr 200px !important;column-gap:24px !important;}
.ck-p-al_aluguel .card-style .d-flex > .w-100 > h6,
.ck-p-al_aluguel .card-style .d-flex > .w-100 > p,
.ck-p-al_aluguel .card-style .d-flex > .w-100 > .progress{grid-column:1 !important;}
.ck-p-al_aluguel .card-style .d-flex > .w-100 > .btn{grid-column:2 !important;align-self:start !important;width:100% !important;max-width:none !important;margin:0 0 8px 0 !important;}
.ck-p-al_aluguel .card-style .d-flex > .w-100 > p:nth-of-type(2){display:inline-block !important;justify-self:start !important;background:#EAF2FD !important;color:#1F2A44 !important;padding:3px 10px !important;border-radius:999px !important;font-size:12px !important;font-weight:600 !important;}
.ck-p-al_aluguel .card-style .d-flex .progress{height:6px !important;max-width:520px !important;}
}

/* ===== FASE 6b: Perfil (AL_perfil.php) =====
   Campos ficavam com ~1220px de largura, empilhados. Vira formulario
   em 2 colunas com largura de leitura. Escopado por ck-p-al_perfil. */
@media (min-width:992px){
.ck-p-al_perfil .card-style .content > .mt-5{display:grid !important;grid-template-columns:1fr 1fr !important;column-gap:20px !important;max-width:920px !important;}
.ck-p-al_perfil .card-style .content > .mt-5 > .input-style:first-child{grid-column:1 / -1 !important;}
.ck-p-al_perfil .card-style .content > .mt-5 > label{grid-column:1 / -1 !important;}
.ck-p-al_perfil .card-style .content > .btn-full{max-width:280px !important;margin-left:0 !important;}
}

/* ===================================================================
   desktop-pro v9 — acabamento (só @media >=992px, aditivo)
   =================================================================== */
@media (min-width:992px){
  /* Tipografia base do desktop: 13px -> 15px (mobile intocado) */
  body.theme-light{ font-size:15px !important; line-height:1.6 !important; }
  #page .content p, #page .card-style p{ font-size:15px; }

  /* Rodapé colado no fim em páginas curtas + logo legível no fundo escuro */
  #page{ display:flex !important; flex-direction:column !important; min-height:100vh !important; }
  #ck-deskfoot{ margin-top:auto !important; }
  #ck-deskfoot .ck-foot-brand img{ filter:brightness(0) invert(1) !important; }

  /* Meus Aluguéis: tira o "75%" sobreposto dentro da barra e afina o texto */
  .ck-p-al_aluguel .progress .progress-bar{ font-size:0 !important; }
  .ck-p-al_aluguel .card-style .d-flex > .w-100 > p:first-of-type{ color:#8A8A8A !important; font-size:12px !important; }

  /* Destaques da home: impede a foto de estourar como bloco gigante */
  #page .card-style .row.mb-0 img,
  #page .card-style .row.text-center.mb-0 img{
    max-width:220px !important; height:auto !important; margin:0 auto !important; display:block !important;
  }

  /* Hero da home: gradiente mais suave e título maior */
  #single-slider-1 .card-style, #single-slider-1 .splide__slide{ border-radius:16px !important; }
}

/* ===================================================================
   desktop-pro v10 — produto em grid real + sticky; chips; faixa etária
   (só @media >=992px; sobrepõe o inline-block do desktop.css legado,
   que carrega ANTES deste arquivo — nenhum arquivo legado editado)
   =================================================================== */
@media (min-width:992px){
  /* --- Produto: grid 5/4, detalhes à esquerda, compra sticky à direita --- */
  .page-al-produto{display:grid !important;grid-template-columns:minmax(0,5fr) minmax(0,4fr) !important;column-gap:32px !important;align-items:start !important;font-size:15px !important;}
  .page-al-produto > *{grid-column:1 !important;width:auto !important;}
  .page-al-produto > a#back{grid-column:1 / -1 !important;justify-self:start !important;}
  .page-al-produto > [id^="single-slider-1a"]{grid-column:1 !important;display:block !important;margin:0 0 24px 0 !important;}
  .page-al-produto > .card.card-overflow{grid-column:2 !important;grid-row:2 / span 12 !important;display:block !important;margin:0 !important;position:sticky !important;top:96px !important;}
  .page-al-produto [id^="single-slider-1a"] .splide__track{overflow:visible !important;height:auto !important;}
  .page-al-produto [id^="single-slider-1a"] .splide__list{display:block !important;transform:none !important;width:auto !important;height:auto !important;}
  .page-al-produto [id^="single-slider-1a"] .splide__slide{width:auto !important;height:auto !important;margin:0 !important;position:static !important;}
  .page-al-produto [id^="single-slider-1a"] .splide__slide--clone{display:none !important;}

  /* --- Categorias: pílulas clicáveis --- */
  #topic-slider-1 .splide__slide.sldcat{width:auto !important;}
  #topic-slider-1 .splide__slide h1{margin:0 0 10px 0 !important;}
  #topic-slider-1 .splide__slide h1 a{display:inline-block !important;padding:9px 18px !important;border:1px solid #E6E9EF !important;border-radius:999px !important;background:#fff !important;font-size:14px !important;font-weight:600 !important;line-height:1 !important;color:#4A4A4A !important;transition:border-color .15s,color .15s !important;}
  #topic-slider-1 .splide__slide h1 a:hover{border-color:#4A89DC !important;color:#4A89DC !important;}

  /* --- Faixa etária: cards clicáveis com hover --- */
  #faixa-slider .splide__list{gap:14px !important;}
  #faixa-slider .splide__slide h1{margin:0 !important;}
  #faixa-slider .splide__slide h1 a{display:block !important;background:#fff !important;border:1px solid #E6E9EF !important;border-radius:12px !important;padding:16px 10px !important;text-align:center !important;font-size:15px !important;font-weight:700 !important;color:#1F1F1F !important;transition:all .15s !important;}
  #faixa-slider .splide__slide h1 a:hover{border-color:#4A89DC !important;color:#4A89DC !important;box-shadow:0 8px 24px rgba(16,24,40,.10) !important;transform:translateY(-2px) !important;}
}

/* v11: corrige larguras do grid do produto (desktop.css legado usa width 46%/51% com ID) */
@media (min-width:992px){
.page-al-produto > #single-slider-1a, .page-al-produto > [id^="single-slider-1a"]{width:100% !important;}
.page-al-produto > .card.card-overflow{width:100% !important;}
}

/* v12: card de compra alinhado ao topo da coluna direita */
@media (min-width:992px){
.page-al-produto > a#back{grid-column:1 !important;}
.page-al-produto > .card.card-overflow{grid-row:1 / span 20 !important;}
}

/* ===================================================================
   desktop-pro v13 — destaques da home em grade; dropdowns do nav;
   bottom-sheets centralizados. Só @media >=992px.
   =================================================================== */
@media (min-width:992px){
  /* --- Destaque 3 ("Brinquedos em Destaque"): pares foto+info em 2 colunas --- */
  .ck-p-al_brinquedos .card-style .content > .row.mb-0:not(.text-center){display:grid !important;grid-template-columns:120px minmax(0,1fr) 120px minmax(0,1fr) !important;gap:18px 22px !important;align-items:center !important;}
  .ck-p-al_brinquedos .card-style .content > .row.mb-0:not(.text-center) > .col-6{width:auto !important;max-width:none !important;flex:none !important;padding:0 !important;margin:0 !important;}
  .ck-p-al_brinquedos .card-style .content > .row.mb-0:not(.text-center) > .divider{display:none !important;}
  .ck-p-al_brinquedos .card-style .content > .row.mb-0:not(.text-center) img{width:110px !important;height:110px !important;object-fit:contain !important;}

  /* --- Destaque 4 ("Acabaram de Chegar"): cards em 4 colunas, padrão Novidades --- */
  .ck-p-al_brinquedos .card-style .content > .row.text-center.mb-0{display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:24px !important;}
  .ck-p-al_brinquedos .card-style .content > .row.text-center.mb-0 > .col-6{width:auto !important;max-width:none !important;flex:none !important;margin:0 !important;padding:12px !important;border:1px solid #E6E9EF !important;border-radius:12px !important;background:#fff !important;}
  .ck-p-al_brinquedos .card-style .content > .row.text-center.mb-0 img{width:100% !important;max-width:200px !important;height:170px !important;object-fit:contain !important;margin:0 auto !important;}

  /* --- Dropdowns do nav (hover, CSS puro) --- */
  #ck-deskhead .ck-nav .ck-dd{position:relative;height:48px;display:flex;align-items:center;}
  #ck-deskhead .ck-nav .ck-dd > span{color:#4A4A4A;font-size:14px;font-weight:600;cursor:pointer;height:48px;display:flex;align-items:center;border-bottom:2px solid transparent;}
  #ck-deskhead .ck-nav .ck-dd:hover > span{color:#4A89DC;border-bottom-color:#4A89DC;}
  #ck-deskhead .ck-nav .ck-dd-panel{position:absolute;top:48px;left:-10px;background:#fff;border:1px solid #E6E9EF;border-radius:0 0 12px 12px;box-shadow:0 12px 32px rgba(16,24,40,.12);padding:14px 16px;display:none;min-width:560px;z-index:1300;grid-template-columns:repeat(3,minmax(160px,1fr));gap:2px 18px;}
  #ck-deskhead .ck-nav .ck-dd:hover .ck-dd-panel{display:grid;}
  #ck-deskhead .ck-nav .ck-dd-panel a{color:#4A4A4A;font-size:14px;font-weight:500;text-decoration:none;padding:7px 8px;border-radius:8px;display:block;height:auto;border-bottom:none;}
  #ck-deskhead .ck-nav .ck-dd-panel a:hover{background:#F1F5FF;color:#4A89DC;border-bottom:none;}

  /* --- Bottom-sheets centralizados (sem tocar no transform do template) --- */
  #menu-colors, #cardRight{width:520px !important;max-width:92vw !important;left:50% !important;margin-left:-260px !important;border-radius:16px 16px 0 0 !important;}
  #bannerck{max-width:560px !important;border-radius:16px !important;}
  #menu-main{border-radius:0 16px 16px 0 !important;}
}

/* ===================================================================
   desktop-pro v14 — conserta as listagens (Novidades/Categoria/Faixa):
   a regra genérica de imagem do v9 vazava para cá; interior dos cards
   alinhado (foto uniforme, título 2 linhas, preço na base).
   =================================================================== */
@media (min-width:992px){
  #page .card-style .row.mb-0.pb-3 .idadeListaBrinquedos img{width:100% !important;max-width:none !important;height:200px !important;object-fit:contain !important;background:#fff !important;border-radius:8px !important;box-shadow:none !important;margin:0 !important;display:block !important;}
  .idadeListaBrinquedos{position:relative !important;display:flex !important;flex-direction:column !important;padding:14px !important;}
  .idadeListaBrinquedos > .col-6{width:100% !important;max-width:100% !important;flex:none !important;}
  .idadeListaBrinquedos > .col-6.pe-0{margin:0 0 10px 0 !important;padding:0 !important;}
  .idadeListaBrinquedos > .col-6:not(.pe-0){display:flex !important;flex-direction:column !important;flex:1 1 auto !important;padding:0 !important;}
  .idadeListaBrinquedos > .col-6:not(.pe-0) h5{font-size:15px !important;line-height:1.35 !important;min-height:42px !important;margin:2px 0 0 0 !important;}
  .idadeListaBrinquedos > .col-6:not(.pe-0) h1{margin-top:auto !important;padding-top:8px !important;font-size:20px !important;}
}

/* ===================================================================
   desktop-pro v15 — hero da home moderno: 400px, scrim lateral,
   título grande à esquerda e chip CTA. Só @media >=992px.
   =================================================================== */
@media (min-width:992px){
  #single-slider-1 .card.bgCover{height:400px !important;border-radius:20px !important;background-size:cover !important;background-position:center !important;margin:0 !important;}
  #single-slider-1 .card-overlay.bg-gradient{opacity:1 !important;background:linear-gradient(90deg, rgba(15,23,42,.85) 0%, rgba(15,23,42,.55) 40%, rgba(15,23,42,.08) 72%, rgba(15,23,42,0) 100%) !important;}
  #single-slider-1 .card-bottom{top:50% !important;bottom:auto !important;transform:translateY(-50%) !important;left:44px !important;right:auto !important;max-width:46% !important;margin:0 !important;}
  #single-slider-1 .card-bottom h1{font-size:36px !important;line-height:1.12 !important;letter-spacing:-0.5px !important;margin:0 0 12px 0 !important;}
  #single-slider-1 .card-bottom p{font-size:16px !important;opacity:.9 !important;margin:0 !important;}
  #single-slider-1 .card-bottom::after{content:"Ver brinquedo";display:inline-block;margin-top:18px;background:#8CC152;color:#fff;font-weight:700;font-size:14px;padding:11px 24px;border-radius:10px;box-shadow:0 6px 18px rgba(140,193,82,.4);}
}

/* ===================================================================
   desktop-pro v16 — fluidez: header vidro fosco, busca-destaque,
   hovers com elevação, microinterações, rolagem suave. >=992px.
   =================================================================== */
@media (min-width:992px){
  html{scroll-behavior:smooth;}
  #ck-deskhead .ck-mainbar{background:rgba(255,255,255,.86) !important;backdrop-filter:saturate(180%) blur(10px);-webkit-backdrop-filter:saturate(180%) blur(10px);}
  #page .btn{transition:transform .15s, box-shadow .15s, filter .15s !important;}
  #page .btn:hover{transform:translateY(-1px);filter:brightness(1.06);}
  .ck-p-al_brinquedos .search-box{max-width:720px !important;margin:0 auto !important;height:54px !important;border-radius:999px !important;border:1px solid #E6E9EF !important;box-shadow:0 8px 24px rgba(16,24,40,.06) !important;padding:0 22px !important;}
  .ck-p-al_brinquedos .search-box input{font-size:15px !important;}
  #double-slider-1 .splide__slide > .card{transition:transform .18s ease, box-shadow .18s ease !important;border-radius:12px !important;overflow:hidden;}
  #double-slider-1 .splide__slide:hover > .card{transform:translateY(-4px);box-shadow:0 14px 30px rgba(16,24,40,.14) !important;}
  #double-slider-1 .splide__slide{cursor:pointer;}
  #double-slider-1 .splide__slide h4{transition:color .15s;}
  #double-slider-1 .splide__slide:hover h4{color:#4A89DC !important;}
  .idadeListaBrinquedos{transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;cursor:pointer;}
  .idadeListaBrinquedos:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(16,24,40,.12) !important;border-color:#BBD4F2 !important;}
  .ck-p-al_brinquedos .card-style .content > .row.text-center.mb-0 > .col-6{transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;cursor:pointer;}
  .ck-p-al_brinquedos .card-style .content > .row.text-center.mb-0 > .col-6:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(16,24,40,.12) !important;border-color:#BBD4F2 !important;}
  .ck-p-al_brinquedos .card-style .content > h2{font-size:24px !important;letter-spacing:-0.4px !important;}
  .ck-p-al_brinquedos .card-style .content > p.color-highlight{text-transform:uppercase;letter-spacing:.8px;font-size:12px !important;}
}

/* ============ CK v17 - carrosseis sem buracos, destaques com respiro, hero split ============ */
@media (min-width:992px){
/* A: double-slider vira carrossel rolavel (home e produto) */
#double-slider-1 .splide__list{display:flex !important;flex-wrap:nowrap !important;overflow-x:auto !important;scroll-snap-type:x mandatory;gap:20px !important;padding:4px 4px 14px 4px !important;scrollbar-width:thin;scrollbar-color:#C7D6EA transparent}
#double-slider-1 .splide__list::-webkit-scrollbar{height:8px}
#double-slider-1 .splide__list::-webkit-scrollbar-thumb{background:#C7D6EA;border-radius:99px}
#double-slider-1 .splide__list::-webkit-scrollbar-track{background:transparent}
#double-slider-1 .splide__slide{flex:0 0 262px !important;width:auto !important;scroll-snap-align:start}
#double-slider-1 .splide__slide--clone{display:none !important}
#double-slider-1 .card-overlay.bg-gradient{opacity:1 !important;background:linear-gradient(180deg, rgba(15,23,42,0) 46%, rgba(15,23,42,.82) 100%) !important}
.page-al-produto > .card.card-style:has(#double-slider-1){grid-column:1 / -1 !important}
/* B: destaque 4 (Acabaram de Chegar) vira carrossel rolavel */
.ck-p-al_brinquedos .card-style .content > .row.text-center.mb-0{display:flex !important;flex-wrap:nowrap !important;overflow-x:auto !important;scroll-snap-type:x mandatory;gap:16px !important;padding:4px 4px 14px 4px !important;scrollbar-width:thin;scrollbar-color:#C7D6EA transparent}
.ck-p-al_brinquedos .card-style .content > .row.text-center.mb-0::-webkit-scrollbar{height:8px}
.ck-p-al_brinquedos .card-style .content > .row.text-center.mb-0::-webkit-scrollbar-thumb{background:#C7D6EA;border-radius:99px}
.ck-p-al_brinquedos .card-style .content > .row.text-center.mb-0 > .col-6{flex:0 0 252px !important;max-width:none !important;scroll-snap-align:start;display:flex;flex-direction:column;position:relative;padding:14px !important}
.ck-p-al_brinquedos .card-style .content > .row.text-center.mb-0 > .col-6 > p{position:absolute;top:10px;left:10px;z-index:2;margin:0 !important}
.ck-p-al_brinquedos .card-style .content > .row.text-center.mb-0 > .col-6 > a:first-of-type{display:block;height:190px;margin-bottom:10px;overflow:hidden}
.ck-p-al_brinquedos .card-style .content > .row.text-center.mb-0 > .col-6 > a:first-of-type img{height:190px !important;width:100% !important;object-fit:contain !important;max-width:none !important;margin:0 !important;background:#fff}
.ck-p-al_brinquedos .card-style .content > .row.text-center.mb-0 > .col-6 h6{min-height:40px;display:flex;align-items:center;justify-content:center}
.ck-p-al_brinquedos .card-style .content > .row.text-center.mb-0 > .col-6 h4{margin-top:auto !important}
/* C: destaque 3 (Brinquedos em Destaque) com respiro */
.ck-p-al_brinquedos .card-style .content > .row.mb-0:not(.text-center){row-gap:30px !important;column-gap:26px !important;padding:6px 2px 18px 2px !important}
.ck-p-al_brinquedos .card-style .content > .row.mb-0:not(.text-center) img{width:120px !important;height:120px !important;object-fit:contain !important;background:#fff;border:1px solid #EEF2F7;border-radius:12px;padding:6px}
.ck-p-al_brinquedos .card-style .content > .row.mb-0:not(.text-center) > .col-6:not(.pe-0){padding:6px 0 !important}
/* D: hero split - imagem inteira esq, painel texto dir */
.ck-p-al_brinquedos #single-slider-1 .card.bgCover{background-size:auto 86% !important;background-position:left 56px center !important;background-repeat:no-repeat !important;background-color:#fff !important}
.ck-p-al_brinquedos #single-slider-1 .card-overlay.bg-gradient{opacity:1 !important;background:linear-gradient(90deg, rgba(15,23,42,0) 0%, rgba(15,23,42,0) 42%, rgba(15,23,42,.55) 55%, rgba(15,23,42,.97) 70%, #0F172A 100%) !important}
.ck-p-al_brinquedos #single-slider-1 .card-bottom{left:auto !important;right:48px !important;width:36% !important;max-width:36% !important}
}

/* ============ CK v18 - categorias em carrossel, busca unica, carrinho no header, ola cliente, whatsapp ============ */
@media (min-width:992px){
.ck-p-al_brinquedos #topic-slider-1 .splide__list{flex-wrap:nowrap !important;overflow-x:auto !important;scroll-snap-type:x mandatory;gap:12px !important;padding:4px 4px 12px 4px !important;scrollbar-width:thin;scrollbar-color:#C7D6EA transparent}
.ck-p-al_brinquedos #topic-slider-1 .splide__list::-webkit-scrollbar{height:8px}
.ck-p-al_brinquedos #topic-slider-1 .splide__list::-webkit-scrollbar-thumb{background:#C7D6EA;border-radius:99px}
.ck-p-al_brinquedos #topic-slider-1 .splide__list::-webkit-scrollbar-track{background:transparent}
.ck-p-al_brinquedos #topic-slider-1 .splide__slide{flex:0 0 auto !important;width:auto !important;scroll-snap-align:start}
.ck-p-al_brinquedos .search-box{display:none !important}
.ck-p-al_brinquedos .content:has(> .search-box){display:none !important}
#page > a#cart{display:none !important}
#ck-hello{color:#334155;font-weight:600;font-size:14px;margin-right:16px;white-space:nowrap}
#ck-cartbtn{display:inline-flex;align-items:center;gap:7px;margin-left:18px;font-weight:700;color:#1F2937;text-decoration:none}
#ck-cartbtn .ck-cart-ic{width:38px;height:38px;border-radius:50%;background:#4A89DC;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 3px 10px rgba(74,137,220,.35)}
#ck-cartbtn svg{width:19px;height:19px;fill:#fff}
#ck-cartbtn:hover .ck-cart-ic{filter:brightness(1.08)}
#ck-wafab{position:fixed;right:26px;bottom:26px;width:56px;height:56px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(37,211,102,.45);z-index:1001;transition:transform .15s}
#ck-wafab:hover{transform:scale(1.08)}
#ck-wafab svg{width:30px;height:30px;fill:#fff}
}

/* ============ CK v19 - faixa etaria em grade uniforme + badge do carrinho ============ */
@media (min-width:992px){
.ck-p-al_faixa .row.mb-3 > .row.mb-0{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:16px !important;align-items:stretch}
.ck-p-al_faixa .row.idadeListaBrinquedos{position:relative;display:flex !important;flex-direction:column;background:#fff;border:1px solid #EEF2F7;border-radius:12px;padding:14px;margin:0 !important;transition:all .18s}
.ck-p-al_faixa .row.idadeListaBrinquedos:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(16,24,40,.12);border-color:#BBD4F2}
.ck-p-al_faixa .row.idadeListaBrinquedos > .col-6{width:100% !important;max-width:100% !important;flex:none !important;padding:0 !important}
.ck-p-al_faixa .row.idadeListaBrinquedos img{width:100% !important;height:200px !important;object-fit:contain !important;background:#fff;border-radius:8px;box-shadow:none !important}
.ck-p-al_faixa .row.idadeListaBrinquedos > .col-6:not(.pe-0){display:flex;flex-direction:column;flex:1 1 auto !important}
.ck-p-al_faixa .row.idadeListaBrinquedos h5{min-height:42px}
.ck-p-al_faixa .row.idadeListaBrinquedos h1{margin-top:auto !important;font-size:20px !important}
.ck-p-al_faixa .row.idadeListaBrinquedos .divider, .ck-p-al_faixa .row.idadeListaBrinquedos > .divider{display:none !important}
.ck-p-al_faixa .row.idadeListaBrinquedos > .col-6.pe-0 > p{position:absolute;top:10px;left:10px;z-index:2;margin:0 !important}
#ck-cartbtn .ck-cart-ic{position:relative}
#ck-cartbadge{position:absolute;top:-5px;right:-5px;background:#E9573F;color:#fff;font-size:11px;font-weight:800;font-style:normal;min-width:18px;height:18px;border-radius:999px;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid #fff}
}

/* ============ CK v20 - setas de carrossel e links ver todos ============ */
@media (min-width:992px){
.ck-arrow{position:absolute;z-index:6;width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid #E6EBF2;box-shadow:0 4px 14px rgba(16,24,40,.16);color:#4A89DC;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;transform:translateY(-50%);transition:all .15s}
.ck-arrow:hover{background:#4A89DC;color:#fff}
.ck-arrow-left{left:-8px}
.ck-arrow-right{right:-8px}
.ck-verlink{position:absolute;top:22px;right:24px;font-weight:700;font-size:14px;color:#4A89DC;text-decoration:none}
.ck-verlink:hover{text-decoration:underline;color:#4A89DC}
}