/* CAPTILES (Krishna t495u/t496u, 29 Oct 2026): Capacitor type = big clear tiles (photo, full name, item count, sub-types). Theme vars -> dark mode too. */
.cptl{margin:0 0 14px;padding:14px 12px 12px;border-radius:18px;background:var(--bg1,#fff);color:var(--ink,#0f1d3a);border:2px solid var(--y,#3d8bff);border:2px solid color-mix(in srgb,var(--y,#3d8bff) 70%,transparent);box-shadow:0 10px 24px -14px rgba(0,0,0,.45)}
.cptl .cpth{font-size:21px;font-weight:900;margin:0;line-height:1.2}
.cptl .cpts{font-size:14px;font-weight:700;margin:2px 0 10px;opacity:.8}
.cptl .cpg{display:grid;grid-template-columns:1fr;gap:10px}
@media(min-width:600px){.cptl .cpg{grid-template-columns:1fr 1fr}}
.cptl .cpt{display:flex;align-items:center;gap:12px;min-height:84px;padding:10px 12px;border-radius:16px;background:var(--bg2,#f3f7ff);border:2px solid var(--bd2,#d7e3fb);color:inherit;text-decoration:none!important;-webkit-tap-highlight-color:transparent}
.cptl .cpt:active,.cptl .cpt:focus-visible{border-color:#F28C28;box-shadow:0 0 0 3px rgba(242,140,40,.3);outline:none}
.cptl .cpim{flex:none;width:60px;height:60px;border-radius:12px;object-fit:contain;background:#fff;padding:3px;box-sizing:border-box}
.cptl .cpi{display:flex;align-items:center;justify-content:center;color:#F28C28}.cptl .cpi .ico{width:30px;height:30px}
.cptl .cptx{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.cptl .cpn{font-size:19px;font-weight:900;line-height:1.2;white-space:normal;overflow-wrap:anywhere}
.cptl .cpc{align-self:flex-start;font-size:14px;font-weight:800;padding:2px 10px;border-radius:999px;background:#F28C28;color:#fff}
.cptl .cpsub{font-size:13px;font-weight:700;line-height:1.3;opacity:.8}
.cptl .cpa{flex:none;font-style:normal;font-size:30px;font-weight:900;line-height:1;color:#F28C28}