/* PreciAMI branding v1.03. Pami adds prices; Cheepi checks prices. */
:root { --preciami-purple:#6f3ba2; --preciami-green:#56831b; }
.brand-preci { color:#09192d; }
.brand-ami { color:var(--preciami-purple); }
.preciami-intro { display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:32px;align-items:center; }
.preciami-hero .hero-copy h1 { font-size:clamp(42px,5vw,64px);letter-spacing:-2px;line-height:1.08;margin-bottom:12px; }
.brand-tagline { color:#09192d;font-size:18px;font-weight:700;line-height:1.5;margin:0 0 20px; }
.brand-about { color:var(--preciami-purple);font-size:14px;text-underline-offset:3px; }
.preciami-characters { display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:end; }
.preciami-characters figure { margin:0;text-align:center; }
.preciami-characters img { display:block;width:100%;height:220px;object-fit:contain; }
.preciami-characters figcaption { font-size:20px;font-weight:800;margin:8px 0 0; }
.pami-name { color:var(--preciami-purple); }
.cheepi-name { color:var(--preciami-green); }
.brand-actions { margin-top:26px;margin-bottom:0; }
.brand-actions .scan-choice { background:#f7faf6;padding:16px 12px 12px;gap:8px; }
.brand-actions .brand-add { background:#f7faf6; }
.brand-actions .scan-choice img { height:142px; }
.mascot-role { font-size:14px;font-weight:700; }
.brand-actions .brand-add .mascot-role { color:var(--preciami-purple); }
.preciami-app-brand { display:flex;align-items:center;gap:14px;margin:18px 0;text-decoration:none;color:#09192d; }
.preciami-app-brand img { width:60px;height:72px;object-fit:contain; }
.preciami-app-brand strong { font-size:32px;line-height:1.2; }
.preciami-app-brand small { display:block;color:#52616d;font-size:14px;margin-top:3px; }
@media(max-width:800px) { .preciami-intro{grid-template-columns:minmax(0,1fr) 260px;gap:20px}.preciami-characters img{height:180px} }
@media(max-width:600px) {
 .preciami-intro{grid-template-columns:1fr;gap:22px}.preciami-hero .hero-copy h1{font-size:48px}
 .preciami-characters{max-width:290px;width:100%;margin:auto}.preciami-characters img{height:170px}
 .brand-actions .scan-choice{grid-template-columns:70px minmax(0,1fr);grid-template-rows:auto auto;gap:4px 10px;text-align:left}
 .brand-actions .scan-choice img{width:70px;height:84px;grid-row:1 / 3}.brand-actions .mascot-role{grid-column:2}
 .brand-actions .scan-button{grid-column:2;font-size:14px;min-height:44px}.brand-tagline{font-size:16px}
}

/* The existing whole image/name area is one touch and keyboard target. */
.mascot-link { display:block;min-width:44px;min-height:44px;border-radius:12px;text-decoration:none;touch-action:manipulation; }
.mascot-link:hover { background:#f7faf6; }
.mascot-link:hover .mascot-link-action { text-decoration:underline;text-underline-offset:3px; }
.mascot-link:focus-visible { outline:3px solid #205B32;outline-offset:4px;background:#f7faf6; }
.mascot-link-action { display:block;margin-top:4px;font-size:14px;line-height:1.4;color:#205B32; }

/* Three existing character roles: receipt, price check and shopping list. */
.preciami-intro { grid-template-columns:minmax(0,1fr) 540px; }
.preciami-characters { grid-template-columns:repeat(3,minmax(0,1fr)); }
.choppy-name { color:#ad4d00; }
@media(max-width:980px) { .preciami-intro{grid-template-columns:1fr;gap:22px}.preciami-characters{max-width:540px;width:100%;margin-inline:auto} }
@media(max-width:600px) { .preciami-characters{max-width:100%}.preciami-characters img{height:170px}.preciami-characters figcaption{font-size:18px}.mascot-link-action{font-size:13px} }

/* Full-width introduction and centered character/action columns v1.04. */
.preciami-hero .preciami-intro{display:block;width:100%;}
.preciami-hero .hero-copy{width:100%;max-width:none;}
.preciami-hero .feature-actions{display:flex;justify-content:center;align-items:flex-start;gap:18px;flex-wrap:wrap;margin-top:24px;}
.preciami-hero .feature-action{flex:0 1 260px;max-width:100%;min-width:0;text-align:center;}
.preciami-hero .feature-action .mascot-link{display:block;text-decoration:none;}
.preciami-hero .feature-action figure{margin:0 0 14px;}
.preciami-hero .feature-action figure img{width:140px;height:170px;object-fit:contain;}
.preciami-hero .feature-action figcaption{margin-top:6px;font-size:21px;font-weight:800;}
.preciami-hero .feature-action .scan-choice{box-sizing:border-box;width:100%;padding:12px;border-radius:14px;background:#f5f9f4;}
.preciami-hero .feature-action .scan-choice img{width:150px;height:120px;object-fit:contain;}
.preciami-hero .enter-price-action{display:block;box-sizing:border-box;max-width:260px;margin:22px auto 0;padding:12px;text-align:center;background:#d5f0da;color:#205b32;font-weight:800;border-radius:10px;text-decoration:none;}
@media(max-width:600px){.preciami-hero .feature-action .scan-choice{display:flex;flex-direction:column;}.preciami-hero .feature-action{flex-basis:240px;}}

/* Produce navigation v1.05; existing barcode action remains available. */
.produce-home-choice{display:block;margin-top:10px;padding:12px;border-radius:10px;background:#d5f0da;color:#205b32;font-weight:750;text-decoration:none;min-height:44px;}
.produce-home-choice:focus-visible{outline:3px solid #205b32;outline-offset:3px;}
