{"version":3,"file":"blocks/ProductCollection/style-index.css","mappings":";;;AAMA;EACE;AALF;;AAuBI;;EACE;EACA;EACA;AAnBN;AAsBI;;EACE;EACA;EACA;EACA;KAAA;AAnBN,C","sources":["webpack://brandy-blocks/./src/blocks/ProductCollection/style.scss"],"sourcesContent":["// Frontend + editor shared styles for brandy/product-collection.\n//\n// The block itself stays a neutral wrapper: the grid lives on the child\n// brandy/product-template, whose rules are in that block's style.scss. What this\n// file owns is the product-card contract that applies in both layout modes.\n\n.wp-block-brandy-product-collection {\n  display: block;\n}\n\n// ── Image sizing contract ───────────────────────────────────────────\n// Product photography is rarely uniform, so one tall image would otherwise set\n// the height of its whole row and leave its neighbours padded out with dead\n// space. --bpc-image-ratio is written inline by the render from the \"Image ratio\"\n// control; `auto` (the default) restores each image's own proportions.\n//\n// Scoped to the item rather than to the block so it reaches both the grid `ul`\n// and the Embla container, which are different elements.\n.wp-block-brandy-product {\n  .wc-block-components-product-image,\n  .wp-block-post-featured-image {\n    // The image is wrapped in a link that declares no size of its own, so a\n    // height pinned on the figure would stop at the anchor: the image would\n    // resolve `height: 100%` against an indefinite parent and overflow. Filling\n    // the anchor keeps the figure -> a -> img chain definite.\n    > a {\n      display: block;\n      width: 100%;\n      height: 100%;\n    }\n\n    img {\n      aspect-ratio: var(--bpc-image-ratio, auto);\n      width: 100%;\n      height: auto;\n      object-fit: cover;\n    }\n  }\n}\n"],"names":[],"sourceRoot":""}