/* ============================================================================
   custom.css — YOUR hand-edited stylesheet.

   Edit this file directly. Save. Refresh. Done — no build command, ever.

   It is loaded LAST on the home page and the store builder, so anything you
   write here beats style.css, responsive.css, home-light.css, home.css and
   builder.css. The <link> is cache-busted from the file's modified time, so a
   save is always picked up on the next refresh (no Ctrl+Shift+R needed).

   NEVER edit these two — they are generated by Tailwind and your changes are
   erased on the next build:
       assets/css/home.css
       generate-store/assets/builder.css

   If a rule here still doesn't win, it is a specificity problem, not a caching
   one: some old rules are two or three classes deep. Match their depth, e.g.
       .box-content .generate-button { ... }
   rather than
       .generate-button { ... }
   Last resort: add !important.
   ========================================================================= */


/* ---- your styles below ---------------------------------------------------- */