/* New Projects storefront only. Inherits each generated design's palette. */
.td-storefront { padding-block:clamp(32px,5vw,72px); background:var(--td-soft,var(--wp--preset--color--background,#f8f5ee)); color:var(--td-ink,var(--wp--preset--color--foreground,#223d2e)); }
.td-storefront, .td-storefront * { box-sizing:border-box; }
.td-storefront-wrap { width:min(100% - 64px,1200px); margin-inline:auto; }
.td-storefront-heading { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; margin-bottom:28px; }
.td-storefront h2 { margin:0; font-family:var(--td-heading,var(--wp--preset--font-family--heading,Georgia,serif)); font-size:clamp(28px,3.2vw,44px); line-height:1.2; }
.td-storefront-shop-link { display:inline-flex; align-items:center; gap:10px; min-height:44px; padding:10px 16px; border:1px solid currentColor; border-radius:6px; color:inherit; text-decoration:none; font-weight:600; }
.td-storefront-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; margin:0; padding:0; list-style:none; }
.td-storefront-card { min-width:0; padding:16px; background:var(--td-paper,var(--wp--preset--color--background,#fff)); border:1px solid var(--td-line,#d9dfd0); border-radius:10px; }
.td-storefront-card a { display:block; color:inherit; text-decoration:none; }
.td-storefront-card img { display:block; width:100%; height:auto; aspect-ratio:1; object-fit:cover; border-radius:6px; }
.td-storefront-card h3 { margin:18px 0 10px; font-size:1.2rem; line-height:1.35; overflow-wrap:anywhere; }
.td-storefront-price { font-weight:600; line-height:1.6; }
.td-storefront-empty { margin:0; padding:24px; border:1px solid var(--td-line,#d9dfd0); border-radius:8px; line-height:1.7; }
.td-storefront a:hover { text-decoration:underline; text-underline-offset:4px; }
.td-storefront a:focus-visible { outline:3px solid currentColor; outline-offset:5px; }
@media (max-width:900px) { .td-storefront-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; } }
@media (max-width:540px) { .td-storefront-wrap { width:calc(100% - 32px); } .td-storefront-grid { grid-template-columns:1fr; } .td-storefront-shop-link { justify-content:center; width:100%; } }