/* ==========================================================================
   Product page (v1.0): the few pieces that belong to this page alone. Loads after components.css, from {% block head %} of
   templates/pages/product/product.html. Everything the page shares with others (the receipt, the verdict, the alert call to action, "Još n lanaca",
   the chain cards, the sticky left column) is in components.css and layout.css and used through the macros.

   Rules kept (README section 6): NEW class names only (pdp-*), so no kit class is restyled here; colours, space and radius come from tokens.css,
   never a literal; every width from 320px up works with no horizontal scroll.
   ========================================================================== */


/* Price block: the receipt, and under it the price-list date (product.html, .pdp-price) */
.pdp-price{display:grid;gap:var(--space-2)}
.pdp-fresh{margin:0 var(--space-1)}

/* The "Dodaj u košaricu" form: the block button fills it */
.pdp-add{margin:0}

/* Right column notes */
.pdp-note{margin:var(--space-2) var(--space-1) 0}
.pdp-tabs{margin:0 0 var(--space-3)}
.pdp-where{margin:0}

/* share and report: the ghost buttons carry 14px of side padding, so pull the row back to the column's edge */
.pdp-end{margin-inline:calc(var(--space-3) * -1)}