/** * Layout shell (layout1 — "New Layout — bold modern storefront") * * - storefront / storefront--modern: global shell hooks on (template/main.php, template/user.php). * - storefront-bold + storefront-bold__*: BEM block active only when $this->layout === layout1 * (same file is included for layout2/3 without the storefront-bold modifier). * - storefront-bold__header: desktop primary nav is a pill on .saf_nav_items.main_menu_wrapper with a left-edge accent; * legacy style.css .main_menu_parent::before skew tab is disabled for bold. * Layout: __header-row, __header-brand, __header-col, __header-aside, __header-strip (main.php / user.php). * - storefront-bold__page + modifiers (--auth, --checkout, --listing, --pdp, --cms, --account, * --events, --booking, --classification, --cart, --contact) on inner route wrappers (layout1/layout/...). * - storefront-bold__home / __hero / __slider / __surface: home shell (layout1/layout/home/index.php). * - storefront-bold__home--tail: CMS stack after hero (layout1/template/main.php). Shares .storefront__home; * dashboard “strip” styles must use :not(.storefront-bold__home--tail) so CMS sections stay compact. * Tail: flush nested > .container (and about/blog wrappers) inside .storefront-bold__module to avoid double gutters. * - storefront-bold__banner / __banner-swiper: legacy banner slider (layout1/layout/home/slider.php). * - storefront-bold__module / __module-row: CMS slots (layout1/template/module/topmodule.php, bottommodule.php). * * Theme colours from DB still apply via inline