/* AK-420 · páginas de producto, categoría y búsqueda: fondo negro con estrellas, igual que la home.
   Solo redefine las variables de color del tema; no toca el checkout ni el carrito. */
body.template-product,body.template-category,body.template-search,body.template-contact{
--main-background:#0a0a0c;--main-foreground:#fffbee;
--accent-color:#ea63a0;
--button-background:#1fa538;--button-foreground:#ffffff;
--label-background:#ea63a0;--label-foreground:#0a0a0c;
--header-background:#0a0a0c;--header-foreground:#fffbee;
--adbar-background:#000;--adbar-foreground:#fffbee;
--heading-font:'Barlow Condensed',sans-serif;
--main-foreground-opacity-03:rgba(255,251,238,.03);--main-foreground-opacity-05:rgba(255,251,238,.05);--main-foreground-opacity-07:rgba(255,251,238,.07);
--main-foreground-opacity-10:rgba(255,251,238,.1);--main-foreground-opacity-20:rgba(255,251,238,.2);--main-foreground-opacity-30:rgba(255,251,238,.3);
--main-foreground-opacity-40:rgba(255,251,238,.4);--main-foreground-opacity-50:rgba(255,251,238,.5);--main-foreground-opacity-80:rgba(255,251,238,.8);
--main-background-opacity-20:rgba(10,10,12,.2);--main-background-opacity-30:rgba(10,10,12,.3);--main-background-opacity-50:rgba(10,10,12,.5);
--main-background-opacity-80:rgba(10,10,12,.8);--main-background-opacity-90:rgba(10,10,12,.9);--main-background-opacity-95:rgba(10,10,12,.95);
--header-foreground-opacity-20:rgba(255,251,238,.2);--header-foreground-opacity-30:rgba(255,251,238,.3);
background-color:#0a0a0c;
background-image:var(--ak-estrellas);background-size:1600px auto;background-repeat:repeat;background-position:center top;
}
body.template-product :is(h1,h2,.h1,.h2),body.template-category :is(h1,h2,.h1,.h2),body.template-search :is(h1,h2,.h1,.h2),body.template-contact :is(h1,h2,.h1,.h2){font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.03em}
body.template-product h1,body.template-category h1,body.template-search h1,body.template-contact h1{font-weight:700}
/* el botón principal en verde con texto siempre blanco (también en hover) */
body.template-product .btn-primary,body.template-product .btn-primary:hover,body.template-product .btn-primary:focus,
body.template-category .btn-primary,body.template-category .btn-primary:hover,body.template-search .btn-primary,body.template-search .btn-primary:hover,body.template-contact .btn-primary,body.template-contact .btn-primary:hover{color:#fff}
@media (max-width:640px){body.template-product,body.template-category,body.template-search,body.template-contact{background-size:900px auto}}