/* Only the approved application needs the following admin-toolbar adjustment. */
.sg-app-body.admin-bar .site-header { top: 32px; }
@media (max-width: 782px) { .sg-app-body.admin-bar .site-header { top: 46px; } }
@media (max-width: 600px) { .sg-app-body.admin-bar #wpadminbar { position: fixed; } }

/* Native WordPress/WooCommerce pages retain their own markup and behavior. */
.sg-native-body { margin: 0; background: #fafaf8; color: #1a1a1a; font: 16px/1.65 Inter, sans-serif; }
.sg-native-body *, .sg-native-body *::before, .sg-native-body *::after { box-sizing: border-box; }
.sg-native-body a { color: inherit; text-underline-offset: .2em; }
.sg-native-body h1, .sg-native-body h2, .sg-native-body h3, .sg-native-brand { font-family: "Bricolage Grotesque", sans-serif; letter-spacing: -.045em; line-height: 1.08; }
.sg-native-body h1 { font-size: clamp(2.2rem, 5vw, 4rem); font-weight: 500; margin: 0 0 1.2rem; }
.sg-native-body h2 { font-size: 2rem; font-weight: 500; }
.sg-native-body img { max-width: 100%; height: auto; }
.sg-native-body :focus-visible { outline: 3px solid #1a7a3a; outline-offset: 4px; }
.sg-native-skip { position: absolute; left: 16px; top: -100px; z-index: 100000; padding: 10px; background: #fafaf8; }
.sg-native-skip:focus { top: 10px; }
.sg-native-announcement { padding: 8px 24px; text-align: center; background: #1a1a1a; color: #fafaf8; font-size: 12px; }
.sg-native-header { padding: 24px max(24px, calc((100vw - 1320px) / 2)); border-bottom: 1px solid #1a1a1a33; display: flex; gap: 24px; align-items: center; justify-content: space-between; }
.sg-native-brand { font-size: 23px; font-weight: 700; white-space: nowrap; text-decoration: none; }
.sg-native-brand sup { color: #c9a96e; font-size: 12px; vertical-align: super; margin-left: 3px; }
.sg-native-header nav, .sg-native-footer nav { display: flex; flex-wrap: wrap; gap: 12px 28px; }
.sg-native-header nav a { text-decoration: none; font-size: 14px; }
.sg-native-main { max-width: 1320px; margin: auto; padding: 64px 24px 88px; min-height: 55vh; overflow-wrap: anywhere; }
.sg-native-content { margin-bottom: 48px; }
.sg-native-content > * { max-width: 100%; }
.sg-native-content .alignwide, .sg-native-content .alignfull { width: 100%; }
.sg-native-body input:not([type=checkbox]):not([type=radio]):not([type=submit]), .sg-native-body select, .sg-native-body textarea { max-width: 100%; min-height: 44px; padding: 10px 12px; font: inherit; border: 1px solid #1a1a1a55; background: #fafaf8; color: #1a1a1a; border-radius: 0; }
.sg-native-body textarea { width: 100%; }
.sg-native-button, .sg-native-body input[type=submit], .sg-native-body button[type=submit], .sg-native-body .woocommerce a.button, .sg-native-body .woocommerce button.button, .sg-native-body .woocommerce input.button, .sg-native-body .wc-block-components-button { display: inline-block; background: #1a7a3a; color: #fafaf8; border: 1px solid #1a7a3a; padding: 14px 20px; border-radius: 0; line-height: 1.4; font: inherit; text-decoration: none; cursor: pointer; }
.sg-native-body .woocommerce a.button:hover, .sg-native-body .woocommerce button.button:hover { background: #1a1a1a; color: #fafaf8; }
.sg-native-body .woocommerce div.product p.price, .sg-native-body .woocommerce ul.products li.product .price { color: #1a1a1a; }
.sg-native-body .woocommerce span.onsale { background: #1a1a1a; color: #fafaf8; }
.sg-native-body .woocommerce-message, .sg-native-body .woocommerce-info { border-top-color: #1a1a1a; background: #e8dcc8; color: #1a1a1a; }
.sg-native-body .woocommerce-message::before, .sg-native-body .woocommerce-info::before { color: #1a1a1a; }
.sg-native-body .woocommerce table.shop_table { border-radius: 0; }
.sg-native-footer { background: #1a1a1a; color: #fafaf8; padding: 48px max(24px, calc((100vw - 1272px) / 2)); }
.sg-native-footer p { font-size: 14px; }
.sg-native-footer nav { margin: 24px 0; }
.sg-native-comments { border-top: 1px solid #1a1a1a33; padding-top: 32px; }
@media (max-width: 700px) {
  .sg-native-header { align-items: flex-start; flex-direction: column; gap: 18px; }
  .sg-native-header nav { gap: 10px 18px; }
  .sg-native-main { padding: 40px 20px 60px; }
  .sg-native-body .woocommerce table.shop_table { font-size: 14px; }
}