/* A store's own look, carried from its original site by the move (row 0.9, card #218):
   lib/storefront_own_look.php, docs/THEMES.md "A moved store's own look".

   Loaded only on a storefront page wearing it (`data-look="own"`), after
   storefront-look.css. The values are this store's, as custom properties in
   /site-look.css, written from its settings; these rules are the same for every
   store and say where each value goes. Every var() here has a fallback, so a
   value the store's look does not set leaves the storefront's own.

   The original site had none of row 7.10's decoration: no band along the top, no
   washes in the welcome's corners (the grey gradient goodmeals showed), no cards
   lifting off a tinted shop, no footer band with the logo on a white tile. A
   customer reads the store by her own background, words, fonts and menu, so this
   look takes the decoration away and puts hers back. */

.shell-storefront[data-look="own"] { letter-spacing: var(--sf-own-body-spacing, -0.1px); line-height: var(--sf-own-body-line, 1.4); }
.shell-storefront[data-look="own"]::before { content: none; display: none; }
/* Bold as WordPress draws it, a step heavier than the words around it (300 -> 400), not row 7.5's fixed 600. */
.shell-storefront[data-look="own"] :is(strong, b) { font-weight: bolder; }

/* ---- headings: her heading font, weight, spacing and case -------------- */

/* Low specificity (:where), so a part of the page that sizes its own heading (the side box, a pickup) keeps its size. */
:where(.shell-storefront[data-look="own"]) :is(h1, h2, h3, h4, h5, h6) { font-family: var(--sf-own-head-font, var(--sf-font)); }
:where(.shell-storefront[data-look="own"]) h4 { font-size: var(--sf-own-h4, var(--sf-text)); }
:where(.shell-storefront[data-look="own"]) h5 { font-size: var(--sf-own-h5, var(--sf-small)); }
:where(.shell-storefront[data-look="own"]) h6 { font-size: var(--sf-own-h6, var(--sf-small)); }
.shell-storefront[data-look="own"] :is(h1, h2, h3, h4, h5, h6) {
  line-height: var(--sf-own-head-line, 1.125); letter-spacing: var(--sf-own-head-spacing, -0.1px);
  text-transform: var(--sf-own-head-transform, none); color: var(--sf-own-heading, var(--sf-ink));
}
.shell-storefront[data-look="own"] h1 { font-weight: var(--sf-own-h1-weight, var(--sf-weight-head)); letter-spacing: var(--sf-own-h1-spacing, var(--sf-own-head-spacing, -0.1px)); text-transform: var(--sf-own-h1-transform, var(--sf-own-head-transform, none)); }
.shell-storefront[data-look="own"] h2 { font-weight: var(--sf-own-h2-weight, var(--sf-weight-head)); letter-spacing: var(--sf-own-h2-spacing, var(--sf-own-head-spacing, -0.1px)); text-transform: var(--sf-own-h2-transform, var(--sf-own-head-transform, none)); }
.shell-storefront[data-look="own"] h3 { font-weight: var(--sf-own-h3-weight, var(--sf-weight-head)); letter-spacing: var(--sf-own-h3-spacing, var(--sf-own-head-spacing, -0.1px)); text-transform: var(--sf-own-h3-transform, var(--sf-own-head-transform, none)); }
.shell-storefront[data-look="own"] h4 { font-weight: var(--sf-own-h4-weight, var(--sf-weight-head)); letter-spacing: var(--sf-own-h4-spacing, var(--sf-own-head-spacing, -0.1px)); text-transform: var(--sf-own-h4-transform, var(--sf-own-head-transform, none)); }
.shell-storefront[data-look="own"] h5 { font-weight: var(--sf-own-h5-weight, var(--sf-weight-head)); letter-spacing: var(--sf-own-h5-spacing, var(--sf-own-head-spacing, -0.1px)); text-transform: var(--sf-own-h5-transform, var(--sf-own-head-transform, none)); }
.shell-storefront[data-look="own"] h6 { font-weight: var(--sf-own-h6-weight, var(--sf-weight-head)); letter-spacing: var(--sf-own-h6-spacing, var(--sf-own-head-spacing, -0.1px)); text-transform: var(--sf-own-h6-transform, var(--sf-own-head-transform, none)); }
/* Row 7.10 coloured and thickened these three in a look's primary; hers are her headings. */
.shell-storefront[data-look="own"] .welcome-intro h1, .shell-storefront[data-look="own"] .meal-summary h1,
.shell-storefront[data-look="own"] .shop-category-heading { color: var(--sf-own-heading, var(--sf-ink)); font-weight: var(--sf-weight-head); letter-spacing: var(--sf-own-head-spacing, -0.1px); }
.shell-storefront[data-look="own"] .shop-category-heading::after { content: none; display: none; }

/* ---- the header: her logo on her background, her menu's case, size and spacing ---- */

.shell-storefront[data-look="own"] .site-header { background: transparent; }
.shell-storefront[data-look="own"] .site-nav a {
  font-size: var(--sf-own-nav, var(--sf-small)); font-weight: var(--sf-own-nav-weight, var(--sf-weight));
  text-transform: var(--sf-own-nav-transform, none); letter-spacing: var(--sf-own-nav-spacing, -0.1px);
}
/* The current page keeps its underline (colour alone is not enough), in her words' colour. */
.shell-storefront[data-look="own"] .site-nav a[aria-current="page"], .shell-storefront[data-look="own"] .site-nav a:hover { text-decoration-color: currentColor; text-decoration-thickness: 1px; }
.shell-storefront[data-look="own"] .store-name {
  font-family: var(--sf-own-head-font, var(--sf-font)); font-weight: var(--sf-own-title-weight, var(--sf-weight-head));
  text-transform: var(--sf-own-title-transform, none); letter-spacing: var(--sf-own-title-spacing, -0.1px);
}

/* ---- buttons: her colours, case, weight and corners -------------------- */

.shell-storefront[data-look="own"] button:not(.button-link), .shell-storefront[data-look="own"] .button:not(.button-link),
.shell-storefront[data-look="own"] a.wp-block-button__link {
  box-shadow: none; font-size: var(--sf-own-button, var(--sf-text)); font-weight: var(--sf-own-button-weight, var(--sf-weight));
  text-transform: var(--sf-own-button-transform, none); letter-spacing: var(--sf-own-button-spacing, normal);
  border-radius: var(--sf-own-button-radius, var(--sf-pill)); /* token-exempt: her buttons' own corner, read from her site */
}
.shell-storefront[data-look="own"] .button-quiet { border-color: var(--sf-own-edge, var(--sf-ink)); }

/* ---- the welcome: her words on her background, no washes, no cards ------ */

.shell-storefront[data-look="own"] .welcome { background: transparent; padding-block: var(--sf-gap-l) 0; }
.shell-storefront[data-look="own"] .welcome-panel, .shell-storefront[data-look="own"] .welcome-side {
  background: transparent; box-shadow: none; border: 1px solid var(--sf-line); border-radius: 0;
}
.shell-storefront[data-look="own"] .welcome-panel-allergy { border-color: #cc0000; } /* dark-ok: the allergy warning is red in every look */

/* ---- the shop: meals on her background, no boxes, as the original's ---- */

.shell-storefront[data-look="own"] .shop-items { background: transparent; }
.shell-storefront[data-look="own"] .shop-category-links a { background: transparent; border-color: var(--sf-line); }
.shell-storefront[data-look="own"] .meal-card { background: none; box-shadow: none; border-radius: 0; padding: 0; text-align: center; }
.shell-storefront[data-look="own"] .meal-card:hover { transform: none; box-shadow: none; }
.shell-storefront[data-look="own"] .meal-link img, .shell-storefront[data-look="own"] .meal-no-picture { border-radius: 0; }
.shell-storefront[data-look="own"] .meal-link, .shell-storefront[data-look="own"] .meal-card > .price,
.shell-storefront[data-look="own"] .add-to-cart { padding-inline: 0; }
.shell-storefront[data-look="own"] .meal-link { align-items: center; }
.shell-storefront[data-look="own"] .meal-name { font-weight: var(--sf-weight); }
.shell-storefront[data-look="own"] .add-to-cart { justify-content: center; }
.shell-storefront[data-look="own"] .add-to-cart button { width: auto; }
.shell-storefront[data-look="own"] .meal-photos .meal-photo-main, .shell-storefront[data-look="own"] .meal-photos .large { border-radius: 0; }

/* ---- boxes and the footer: on her background, edged in her words' colour ---- */

.shell-storefront[data-look="own"] .site-page details, .shell-storefront[data-look="own"] .terms-notice,
.shell-storefront[data-look="own"] .cash-instructions, .shell-storefront[data-look="own"] .pickup-details,
.shell-storefront[data-look="own"] .delivery-details, .shell-storefront[data-look="own"] .final-step,
.shell-storefront[data-look="own"] .order-summary, .shell-storefront[data-look="own"] .card-box,
.shell-storefront[data-look="own"] .signup-section, .shell-storefront[data-look="own"] .checkout fieldset { border-color: var(--sf-line); }
.shell-storefront[data-look="own"] .site-footer { background: var(--sf-bg); color: var(--sf-ink); border-top: 1px solid var(--sf-rule); }
.shell-storefront[data-look="own"] .site-footer a, .shell-storefront[data-look="own"] .site-footer-name a,
.shell-storefront[data-look="own"] .site-footer h2, .shell-storefront[data-look="own"] .site-footer h3,
.shell-storefront[data-look="own"] .site-footer h4 { color: var(--sf-ink); }
.shell-storefront[data-look="own"] .site-footer :focus-visible { outline-color: var(--sf-ink); }
/* Her logo is drawn for her background: no white tile around it. */
.shell-storefront[data-look="own"] .site-footer-name .custom-logo { background: none; padding: 0; border-radius: 0; }

/* ---- the original site's page blocks --------------------------------------

   On a page wearing the carried look only (so a store on Classic, a named look or
   Follow the season is drawn exactly as before), a page moved from WordPress keeps
   the blocks its editor wrote: columns side
   by side, a picture beside its words (media and text), centred words and
   pictures, a picture at the size she gave it, a wide or full-width block.
   They are drawn here as WordPress's own block styles draw them, from the
   classes lib/site_pages.php keeps on such a page only (SHOP_SITE_CLASSES, an
   allow-list, shop_site_blocks()). Nothing an Operator types carries a style: the few widths
   WordPress wrote as one ("grid-template-columns: 41% auto", "flex-basis:
   33.33%", "text-align: center", a picture's "width: 278px") are read by the
   cleaner into a class or a width from a fixed set (fmb-w-10 to fmb-w-90 in
   steps of 5, has-text-align-*, the img's own width), and the style itself is
   dropped. 782px is WordPress's column break and 600px its media-and-text
   one, so both sites change layout at the same width. */

.shell-storefront[data-look="own"] main { overflow-x: clip; }
.shell-storefront[data-look="own"] .has-text-align-center { text-align: center; }
.shell-storefront[data-look="own"] .has-text-align-left { text-align: left; }
.shell-storefront[data-look="own"] .has-text-align-right { text-align: right; }
.shell-storefront[data-look="own"] .aligncenter { margin-inline: auto; text-align: center; }
.shell-storefront[data-look="own"] img.aligncenter { display: block; }
.shell-storefront[data-look="own"] .alignleft { float: left; margin: 0 var(--sf-gap-m) var(--sf-gap-s) 0; }
.shell-storefront[data-look="own"] .alignright { float: right; margin: 0 0 var(--sf-gap-s) var(--sf-gap-m); }
.shell-storefront[data-look="own"] .site-page::after { content: ""; display: table; clear: both; }
/* Wide and full width reach out of the 645px reading column, as on the original site. */
.shell-storefront[data-look="own"] .site-page .alignwide { width: min(var(--sf-wide), 100vw); max-width: none; margin-inline: calc(50% - min(var(--sf-wide), 100vw) / 2); } /* token-exempt: a wide block breaks out of the reading column */
.shell-storefront[data-look="own"] .site-page .alignfull { width: 100vw; max-width: none; margin-inline: calc(50% - 50vw); } /* token-exempt: a full-width block breaks out to the window's edges */
.shell-storefront[data-look="own"] .wp-block-image { margin: 0 0 var(--sf-gap-m); }
.shell-storefront[data-look="own"] .wp-block-image img { max-width: 100%; height: auto; vertical-align: bottom; }
.shell-storefront[data-look="own"] .wp-block-image figcaption { font-size: var(--sf-small); color: var(--sf-muted); margin-top: var(--sf-gap-s); }

.shell-storefront[data-look="own"] .wp-block-columns { display: flex; flex-wrap: wrap; align-items: normal; gap: var(--sf-gap-m) var(--sf-gap-l); margin-block: var(--sf-gap-m); }
.shell-storefront[data-look="own"] .wp-block-columns.are-vertically-aligned-center { align-items: center; }
.shell-storefront[data-look="own"] .wp-block-columns.are-vertically-aligned-bottom { align-items: flex-end; }
.shell-storefront[data-look="own"] .wp-block-column { flex: 1 1 0; min-width: 0; overflow-wrap: break-word; }
.shell-storefront[data-look="own"] .wp-block-column.is-vertically-aligned-center { align-self: center; }
.shell-storefront[data-look="own"] .wp-block-column.is-vertically-aligned-bottom { align-self: flex-end; }
.shell-storefront[data-look="own"] .wp-block-column > :first-child { margin-top: 0; }
@media (min-width: 782px) {
  .shell-storefront[data-look="own"] .wp-block-columns { flex-wrap: nowrap; }
  .shell-storefront[data-look="own"] .wp-block-columns > .wp-block-column.fmb-w-10 { flex: 0 1 10%; } .shell-storefront[data-look="own"] .wp-block-columns > .wp-block-column.fmb-w-15 { flex: 0 1 15%; } .shell-storefront[data-look="own"] .wp-block-columns > .wp-block-column.fmb-w-20 { flex: 0 1 20%; } .shell-storefront[data-look="own"] .wp-block-columns > .wp-block-column.fmb-w-25 { flex: 0 1 25%; } .shell-storefront[data-look="own"] .wp-block-columns > .wp-block-column.fmb-w-30 { flex: 0 1 30%; } .shell-storefront[data-look="own"] .wp-block-columns > .wp-block-column.fmb-w-35 { flex: 0 1 35%; } .shell-storefront[data-look="own"] .wp-block-columns > .wp-block-column.fmb-w-40 { flex: 0 1 40%; } .shell-storefront[data-look="own"] .wp-block-columns > .wp-block-column.fmb-w-45 { flex: 0 1 45%; } .shell-storefront[data-look="own"] .wp-block-columns > .wp-block-column.fmb-w-50 { flex: 0 1 50%; } .shell-storefront[data-look="own"] .wp-block-columns > .wp-block-column.fmb-w-55 { flex: 0 1 55%; } .shell-storefront[data-look="own"] .wp-block-columns > .wp-block-column.fmb-w-60 { flex: 0 1 60%; } .shell-storefront[data-look="own"] .wp-block-columns > .wp-block-column.fmb-w-65 { flex: 0 1 65%; } .shell-storefront[data-look="own"] .wp-block-columns > .wp-block-column.fmb-w-70 { flex: 0 1 70%; } .shell-storefront[data-look="own"] .wp-block-columns > .wp-block-column.fmb-w-75 { flex: 0 1 75%; } .shell-storefront[data-look="own"] .wp-block-columns > .wp-block-column.fmb-w-80 { flex: 0 1 80%; } .shell-storefront[data-look="own"] .wp-block-columns > .wp-block-column.fmb-w-85 { flex: 0 1 85%; } .shell-storefront[data-look="own"] .wp-block-columns > .wp-block-column.fmb-w-90 { flex: 0 1 90%; }
}
@media (max-width: 781px) {
  .shell-storefront[data-look="own"] .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column { flex-basis: 100%; }
  .shell-storefront[data-look="own"] .wp-block-columns.is-not-stacked-on-mobile { flex-wrap: nowrap; }
}

.shell-storefront[data-look="own"] .wp-block-media-text { display: grid; grid-template-columns: 50% minmax(0, 1fr); grid-template-rows: auto; align-items: center; margin-block: var(--sf-gap-m); }
.shell-storefront[data-look="own"] .wp-block-media-text.has-media-on-the-right { grid-template-columns: minmax(0, 1fr) 50%; }
.shell-storefront[data-look="own"] .wp-block-media-text.fmb-w-10 { grid-template-columns: 10% minmax(0, 1fr); } .shell-storefront[data-look="own"] .wp-block-media-text.fmb-w-15 { grid-template-columns: 15% minmax(0, 1fr); } .shell-storefront[data-look="own"] .wp-block-media-text.fmb-w-20 { grid-template-columns: 20% minmax(0, 1fr); } .shell-storefront[data-look="own"] .wp-block-media-text.fmb-w-25 { grid-template-columns: 25% minmax(0, 1fr); } .shell-storefront[data-look="own"] .wp-block-media-text.fmb-w-30 { grid-template-columns: 30% minmax(0, 1fr); } .shell-storefront[data-look="own"] .wp-block-media-text.fmb-w-35 { grid-template-columns: 35% minmax(0, 1fr); } .shell-storefront[data-look="own"] .wp-block-media-text.fmb-w-40 { grid-template-columns: 40% minmax(0, 1fr); } .shell-storefront[data-look="own"] .wp-block-media-text.fmb-w-45 { grid-template-columns: 45% minmax(0, 1fr); } .shell-storefront[data-look="own"] .wp-block-media-text.fmb-w-50 { grid-template-columns: 50% minmax(0, 1fr); } .shell-storefront[data-look="own"] .wp-block-media-text.fmb-w-55 { grid-template-columns: 55% minmax(0, 1fr); } .shell-storefront[data-look="own"] .wp-block-media-text.fmb-w-60 { grid-template-columns: 60% minmax(0, 1fr); } .shell-storefront[data-look="own"] .wp-block-media-text.fmb-w-65 { grid-template-columns: 65% minmax(0, 1fr); } .shell-storefront[data-look="own"] .wp-block-media-text.fmb-w-70 { grid-template-columns: 70% minmax(0, 1fr); } .shell-storefront[data-look="own"] .wp-block-media-text.fmb-w-75 { grid-template-columns: 75% minmax(0, 1fr); } .shell-storefront[data-look="own"] .wp-block-media-text.fmb-w-80 { grid-template-columns: 80% minmax(0, 1fr); } .shell-storefront[data-look="own"] .wp-block-media-text.fmb-w-85 { grid-template-columns: 85% minmax(0, 1fr); } .shell-storefront[data-look="own"] .wp-block-media-text.fmb-w-90 { grid-template-columns: 90% minmax(0, 1fr); }
.shell-storefront[data-look="own"] .wp-block-media-text.has-media-on-the-right.fmb-w-10 { grid-template-columns: minmax(0, 1fr) 10%; } .shell-storefront[data-look="own"] .wp-block-media-text.has-media-on-the-right.fmb-w-15 { grid-template-columns: minmax(0, 1fr) 15%; } .shell-storefront[data-look="own"] .wp-block-media-text.has-media-on-the-right.fmb-w-20 { grid-template-columns: minmax(0, 1fr) 20%; } .shell-storefront[data-look="own"] .wp-block-media-text.has-media-on-the-right.fmb-w-25 { grid-template-columns: minmax(0, 1fr) 25%; } .shell-storefront[data-look="own"] .wp-block-media-text.has-media-on-the-right.fmb-w-30 { grid-template-columns: minmax(0, 1fr) 30%; } .shell-storefront[data-look="own"] .wp-block-media-text.has-media-on-the-right.fmb-w-35 { grid-template-columns: minmax(0, 1fr) 35%; } .shell-storefront[data-look="own"] .wp-block-media-text.has-media-on-the-right.fmb-w-40 { grid-template-columns: minmax(0, 1fr) 40%; } .shell-storefront[data-look="own"] .wp-block-media-text.has-media-on-the-right.fmb-w-45 { grid-template-columns: minmax(0, 1fr) 45%; } .shell-storefront[data-look="own"] .wp-block-media-text.has-media-on-the-right.fmb-w-50 { grid-template-columns: minmax(0, 1fr) 50%; } .shell-storefront[data-look="own"] .wp-block-media-text.has-media-on-the-right.fmb-w-55 { grid-template-columns: minmax(0, 1fr) 55%; } .shell-storefront[data-look="own"] .wp-block-media-text.has-media-on-the-right.fmb-w-60 { grid-template-columns: minmax(0, 1fr) 60%; } .shell-storefront[data-look="own"] .wp-block-media-text.has-media-on-the-right.fmb-w-65 { grid-template-columns: minmax(0, 1fr) 65%; } .shell-storefront[data-look="own"] .wp-block-media-text.has-media-on-the-right.fmb-w-70 { grid-template-columns: minmax(0, 1fr) 70%; } .shell-storefront[data-look="own"] .wp-block-media-text.has-media-on-the-right.fmb-w-75 { grid-template-columns: minmax(0, 1fr) 75%; } .shell-storefront[data-look="own"] .wp-block-media-text.has-media-on-the-right.fmb-w-80 { grid-template-columns: minmax(0, 1fr) 80%; } .shell-storefront[data-look="own"] .wp-block-media-text.has-media-on-the-right.fmb-w-85 { grid-template-columns: minmax(0, 1fr) 85%; } .shell-storefront[data-look="own"] .wp-block-media-text.has-media-on-the-right.fmb-w-90 { grid-template-columns: minmax(0, 1fr) 90%; }
.shell-storefront[data-look="own"] .wp-block-media-text > .wp-block-media-text__media { grid-column: 1; grid-row: 1; margin: 0; }
.shell-storefront[data-look="own"] .wp-block-media-text > .wp-block-media-text__content { grid-column: 2; grid-row: 1; padding: 0 8%; overflow-wrap: break-word; } /* token-exempt: WordPress's own inset beside the picture */
.shell-storefront[data-look="own"] .wp-block-media-text.has-media-on-the-right > .wp-block-media-text__media { grid-column: 2; }
.shell-storefront[data-look="own"] .wp-block-media-text.has-media-on-the-right > .wp-block-media-text__content { grid-column: 1; }
.shell-storefront[data-look="own"] .wp-block-media-text.is-vertically-aligned-top > * { align-self: start; }
.shell-storefront[data-look="own"] .wp-block-media-text.is-vertically-aligned-bottom > * { align-self: end; }
.shell-storefront[data-look="own"] .wp-block-media-text__media img { width: 100%; height: auto; max-width: none; vertical-align: middle; }
.shell-storefront[data-look="own"] .wp-block-media-text__content > :first-child { margin-top: 0; }
@media (max-width: 600px) {
  .shell-storefront[data-look="own"] .wp-block-media-text.is-stacked-on-mobile { grid-template-columns: 100%; }
  .shell-storefront[data-look="own"] .wp-block-media-text.is-stacked-on-mobile > .wp-block-media-text__media { grid-column: 1; grid-row: 1; }
  .shell-storefront[data-look="own"] .wp-block-media-text.is-stacked-on-mobile > .wp-block-media-text__content { grid-column: 1; grid-row: 2; padding: var(--sf-gap-m) 8% 0; } /* token-exempt: WordPress keeps its 8% inset under the picture */
}

.shell-storefront[data-look="own"] .wp-block-group.is-layout-flex, .shell-storefront[data-look="own"] .wp-block-buttons { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sf-gap-s) var(--sf-gap-m); }
.shell-storefront[data-look="own"] .is-layout-flex.is-vertical { flex-direction: column; align-items: flex-start; }
.shell-storefront[data-look="own"] .is-layout-flex.is-nowrap { flex-wrap: nowrap; }
.shell-storefront[data-look="own"] .is-content-justification-center { justify-content: center; }
.shell-storefront[data-look="own"] .is-content-justification-right { justify-content: flex-end; }
.shell-storefront[data-look="own"] .is-content-justification-space-between { justify-content: space-between; }
.shell-storefront[data-look="own"] .wp-block-gallery { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--sf-gap-s); margin-block: var(--sf-gap-m); }
.shell-storefront[data-look="own"] .wp-block-gallery.columns-1 { grid-template-columns: minmax(0, 1fr); }
.shell-storefront[data-look="own"] .wp-block-gallery.columns-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.shell-storefront[data-look="own"] .wp-block-gallery.columns-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.shell-storefront[data-look="own"] .wp-block-gallery > .wp-block-image { margin: 0; }
.shell-storefront[data-look="own"] .wp-block-gallery.is-cropped img { aspect-ratio: 1; object-fit: cover; width: 100%; }
@media (max-width: 600px) { .shell-storefront[data-look="own"] .wp-block-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.shell-storefront[data-look="own"] a.wp-block-button__link { display: inline-flex; align-items: center; min-height: 44px; padding: var(--sf-button-pad); border-radius: var(--sf-pill);
  background: var(--th-primary); color: var(--th-on-primary); text-decoration: none; font-weight: 500; }
.shell-storefront[data-look="own"] .wp-block-separator { border: 0; border-top: 1px solid var(--sf-rule); margin-block: var(--sf-gap-m); }
.shell-storefront[data-look="own"] .wp-block-separator.is-style-dots { border: 0; text-align: center; }
.shell-storefront[data-look="own"] .wp-block-separator.is-style-dots::before { content: "\00b7 \00b7 \00b7"; letter-spacing: 1em; }