/* ===== INÍCIO: 10 Produtos / Top Life (versão compacta) ===== */
.tl{display:grid;gap:20px;align-items:start}
.tl-photo{border-radius:18px;overflow:hidden;aspect-ratio:16/10;max-width:100%;position:relative}
.tl-photo img{width:100%;height:100%;object-fit:cover;object-position:center 30%}
.tl-photo .tag{position:absolute;left:12px;bottom:12px;background:rgba(7,29,69,.88);color:#fff;border-radius:10px;padding:8px 12px;font-family:var(--head);font-weight:700;font-size:13px}
.models{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.models li{padding:12px;border-radius:12px;background:var(--white);border:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:8px}
.models span{font-size:14px;color:var(--text);line-height:1.25}
.models b{font-family:var(--head);font-weight:800;color:var(--navy);font-size:18px;font-variant-numeric:tabular-nums;white-space:nowrap}
.models b small{font-size:11px;font-weight:700;color:var(--muted);margin-left:2px}
.more{border:1px solid var(--line);border-radius:14px;background:var(--white)}
.more summary{list-style:none;cursor:pointer;min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;font-family:var(--head);font-weight:700;color:var(--navy);font-size:15px}
.more summary::-webkit-details-marker{display:none}
.more summary::after{content:"";width:10px;height:10px;border-right:2px solid var(--aqua);border-bottom:2px solid var(--aqua);transform:rotate(45deg);transition:transform .2s;margin-top:-4px}
.more[open] summary::after{transform:rotate(-135deg);margin-top:4px}
.nine{display:grid;gap:0;padding:0 16px 14px;counter-reset:n}
.nine li{display:flex;gap:12px;align-items:baseline;font-size:15px;padding:8px 0;border-bottom:1px solid var(--line)}
.nine li:last-child{border-bottom:0}
.nine li::before{counter-increment:n;content:counter(n);font-family:var(--head);font-weight:800;color:var(--aqua);font-size:14px;min-width:16px}
.mfr{font-size:13.5px;color:var(--muted);padding:0 16px 14px}
.refil{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:14px;background:var(--navy-2);color:#fff}
.refil b{font-family:var(--head);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--aqua-ink);display:block}
.refil span{font-family:var(--head);font-weight:800;font-size:18px;user-select:all;font-variant-numeric:tabular-nums}
.refil .tile{background:rgba(17,169,226,.16);width:42px;height:42px}
.refil .ico{color:#DDF6FF;--prisma-icon-accent:#58DDF7;width:24px;height:24px}
.prod-grid{margin-top:20px}
.prod-grid .card{padding:16px}
.prod-grid .card h3{font-size:15.5px}
.prod-grid .card p{font-size:13.5px}
.prod-grid .btn{min-height:44px;font-size:14px;padding:0 12px}
/* ===== FIM: 10 Produtos ===== */
/* ----- rodada 3: foto inteira + cards com foto ----- */
.tl-photo{aspect-ratio:1/1;background:#0B2B63}
.tl-photo img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(18px) brightness(.85);transform:scale(1.15)}
.tl-photo img.fg{position:relative;width:100%;height:100%;object-fit:contain}
.prod-grid .card.photo{padding:0}
.prod-grid .card.photo .ph{aspect-ratio:1/1}
.prod-grid .card.photo .ph.contain{background:#fff}
.prod-grid .card.photo .ph.contain img{object-fit:contain;padding:10px}
.brand-badge{position:absolute;left:8px;top:8px;width:58px!important;height:auto!important;padding:0!important;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.15)}
/* ----- 10b Conheça os nossos produtos: blocos de imagem 4:3 (classe .pimg, não confundir com a seção .ph do pH) ----- */
#nossos-produtos .prod-grid{margin-top:28px}
.prod-grid .card.photo{padding:0;overflow:hidden;gap:0}
.prod-grid .pimg{position:relative;aspect-ratio:4/3;width:100%;overflow:hidden;background:var(--soft-2)}
.prod-grid .pimg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%}
.prod-grid .pimg.contain{background:#fff}
.prod-grid .pimg.contain img{object-fit:contain;padding:10px}
.prod-grid .pimg .brand-badge{inset:auto;left:10px;top:10px;width:54px;height:auto;padding:0;object-fit:contain;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.15)}
.prod-grid .card.photo h3{padding:16px 16px 4px}
.prod-grid .card.photo p{padding:0 16px 14px}
.prod-grid .card.photo .btn{margin:auto 16px 16px;width:calc(100% - 32px)}
/* variação .fit: produto inteiro na frente, mesma foto desfocada preenchendo o fundo */
.prod-grid .pimg.fit img.bg{filter:blur(16px) brightness(.9);transform:scale(1.2)}
.prod-grid .pimg.fit img.fg{object-fit:contain;padding:8px 0}