/* Alphabetical order (28 Sep 2026): the SHOP NOW panel. Loaded by
   includes/amend5/alpha-menus.php after assets/amend5/w2-catalogue.css,
   and only while the A to Z sort is on (option gft_alpha_sort). Where the
   panel sits and how wide it is (it always fits the window) is set in
   w2-catalogue.css; this file only sets the columns.

   In A to Z order the groups run Chains & Necklaces, Collections, Diamonds &
   Precious Gemstones, Gemstone Jewellery, Gifts, Jewellery, Services Offered,
   Other Categories. In six columns Gifts and Other Categories stood alone and
   left 135px and 174px of empty space under them (measured at 1366x650).
   Four columns pair the short groups (Gemstone Jewellery with Gifts, Services
   Offered with Other Categories), so the columns come out nearly level: only
   Jewellery, the longest group on its own, ends about 100px to 136px short.
   Each group stays whole and the order reads A to Z down each column, left
   to right. "Shop by Category" stays a band across the bottom: four columns
   under the four above on a narrower window, five from 1200px up, where
   five fit without the longer names wrapping. */
@media (min-width: 1025px) {
	.wd-header-main-nav .gft-shopnow > .wd-dropdown-menu > .container > .wd-sub-menu {
		column-count: 4;
		column-gap: 24px;
	}
	.wd-header-main-nav .gft-shopnow .gft-sn-sbc > .sub-sub-menu {
		column-count: 4;
		column-gap: 24px;
	}
}
@media (min-width: 1200px) {
	.wd-header-main-nav .gft-shopnow .gft-sn-sbc > .sub-sub-menu {
		column-count: 5;
	}
}
/* just over 1200px wide on a tall window (14px text) a 24px gap left the
   band's columns 196px wide, 1px short of "Diamonds & Precious Gemstones"
   (197px), which then wrapped onto two lines; a 20px gap there gives 199px */
@media (min-width: 1200px) and (max-width: 1279px) {
	.wd-header-main-nav .gft-shopnow .gft-sn-sbc > .sub-sub-menu {
		column-gap: 20px;
	}
}