/* Country page bouquet grid (sections/country-layouts/_cy-bouquets.twig). 11 Nov 2026 (Nilesh: "stick to this button and layout"):
   the cards are now the shop / occasion page card (tw-card b26 b26--occasion, styled by css/d2f26/bouquet-card.css): photo, "From €x"
   in the navy pill on the photo, the name with the yellow Add to Basket beside it. Quick view and its pop-up are gone.
   This file only lays out the grid, the "Show all" and the "Find a florist in X" buttons. 3 across from 768px, 2 on phones.
   First 5 rows while .is-short (set by the page's script, so without JS every card shows).
   Replaces country-grid-1110.css and country-grid-1111.css. New file name instead of a ?v= cache buster: if this changes, copy it to a new name and update the twig. */
.cpg__grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 12px; }
@media (min-width: 768px) { .cpg__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px 24px; } }
.cpg__item { display: flex; min-width: 0; margin: 0; padding: 0; }
.cpg__item::before { content: none; }
.cpg.is-short .cpg__item:nth-child(n+11) { display: none; }
@media (min-width: 768px) { .cpg.is-short .cpg__item:nth-child(n+11) { display: flex; } .cpg.is-short .cpg__item:nth-child(n+16) { display: none; } }

/* the shared card outside the town wall: fill the cell, price pill on the photo (as the related row, .ymal26) */
.cpg .b26 { width: 100%; }
.cpg .tw-card__img { background: #f4f2ee; }
.cpg .tw-pill { position: absolute; z-index: 1; }
.cpg .tw-card__name a:hover { text-decoration: underline; }
/* narrow (phone) cards: the shared card's grid-row: auto undoes its grid-area, so the button floated up under a one-line name;
   here it keeps its own row, so every Add to Basket in a row lines up at the bottom of the card */
@container (max-width: 299px) { .cpg .b26 .b26__btn { grid-area: btn; } }

.cpg__more { margin: 24px 0 0; }
@media (prefers-reduced-motion: reduce) { .cpg .tw-card__img img { transition: none; } }

/* Under the grid: "Show all N bouquets" and "Find a florist in X" are the site's secondary button (.d2f-center-link .d2f-btn, styled in
   css/d2f26/bouquet-card.css for every journey and css/c26/standard-c26.css on A). 11 Nov (Nilesh: "jsut put secondary"): no style of their own. */
.cpg-cta { margin: 32px 0 0; text-align: center; }
.cpg-cta .d2f-center-link { margin: 0; }
.cpg-cta__note { margin: 10px 0 0; font-size: 15px; color: #5c5d70; }
/* the secondary's display: block / inline-flex would otherwise beat [hidden] (no-JS: "Show all" stays hidden; after it is used, its row goes) */
.cpg .cpg__more[hidden], .cpg .d2f-center-link .d2f-btn[hidden] { display: none !important; }