/* BE glass action buttons — BEKIOSK. Loaded after legacy presentation styles.
   Only actions are selected: quantities, tabs, toggles, close and menu keep their geometry.
   CSS SVG masks survive dynamic labels/loading and have no accessible-name content. */
body.professional {
  --be-button-bg:rgba(157,42,35,.94);
  --be-button-ink:#fff9f5;
  --be-button-border:rgba(255,232,224,.46);
  --be-button-circle:#ffddd1;
  --be-button-icon:#42231f;
  --be-button-symbol:var(--be-icon-arrow);
  --be-icon-arrow:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M7%2017%2017%207M7%207h10v10%22%2F%3E%3C%2Fsvg%3E");
  --be-icon-cart:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%204h2l2%2012h12l2-9H6M9%2020h.01M18%2020h.01%22%2F%3E%3C%2Fsvg%3E");
  --be-icon-send:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m21%203-7%2018-4-7-7-4%2018-7ZM10%2014%2021%203%22%2F%3E%3C%2Fsvg%3E");
  --be-icon-plus:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%205v14M5%2012h14%22%2F%3E%3C%2Fsvg%3E");
  --be-icon-download:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203v12m-5-5%205%205%205-5M4%2016v5h16v-5%22%2F%3E%3C%2Fsvg%3E");
  --be-icon-check:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m5%2012%204%204L19%206%22%2F%3E%3C%2Fsvg%3E");
  --be-icon-play:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m9%205%2011%207-11%207V5Z%22%2F%3E%3C%2Fsvg%3E");
  --be-icon-camera:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%207h4l2-3h4l2%203h4v14H4V7ZM16%2013a4%204%200%201%201-8%200%204%204%200%200%201%208%200%22%2F%3E%3C%2Fsvg%3E");
  --be-icon-refresh:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%207v5h-5M4%2017v-5h5M5.1%208a7%207%200%200%201%2011.5-3L20%208M4%2016l3.4%203A7%207%200%200%200%2019%2016%22%2F%3E%3C%2Fsvg%3E");
  --be-icon-gift:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%208h18v4H3V8ZM5%2012v9h14v-9M12%208v13M12%208H8a3%203%200%201%201%203-3l1%203ZM12%208h4a3%203%200%201%200-3-3l-1%203Z%22%2F%3E%3C%2Fsvg%3E");
  --be-icon-lock:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%2010h12v11H6V10ZM8%2010V7a4%204%200%200%201%208%200v3M12%2014v3%22%2F%3E%3C%2Fsvg%3E");
  --be-icon-cross:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m6%206%2012%2012M6%2018%2018%206%22%2F%3E%3C%2Fsvg%3E");
}
body.professional :is(.btn,.nav-cta,.nav-app,.brand-mobile-actions>a,.shop-hero-cta,.primary-button,.danger-button,.quote-link,.experience-action,.product-card>button,.printer-config-content>button,.account-item-actions>button,.establishment-forms button[type="submit"],.dialog-actions>button,.promo-form button,.be-assistant-primary,.be-assistant-form button,.be-glass-button) {
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  box-sizing:border-box;
  gap:12px;
  min-width:0;
  max-width:100%;
  min-height:56px!important;
  height:auto;
  padding:14px 62px 14px 24px!important;
  border:1px solid var(--be-button-border)!important;
  border-radius:999px!important;
  background:var(--be-button-bg)!important;
  color:var(--be-button-ink)!important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.25),0 5px 16px rgba(70,26,22,.07)!important;
  -webkit-backdrop-filter:blur(12px) saturate(125%);
  backdrop-filter:blur(12px) saturate(125%);
  font-family:Montserrat,"Avenir Next","Segoe UI",sans-serif;
  font-size:13px;
  font-weight:750;
  line-height:1.4;
  letter-spacing:0;
  text-align:left;
  text-decoration:none;
  text-transform:none;
  white-space:normal;
  word-break:normal;
  overflow-wrap:normal;
  cursor:pointer;
  transform:none;
  transition:box-shadow .18s,border-color .18s,filter .18s;
}
body.professional :is(.btn,.nav-cta,.nav-app,.brand-mobile-actions>a,.shop-hero-cta,.primary-button,.danger-button,.quote-link,.experience-action,.product-card>button,.printer-config-content>button,.account-item-actions>button,.establishment-forms button[type="submit"],.dialog-actions>button,.promo-form button,.be-assistant-primary,.be-assistant-form button,.be-glass-button)::before {
  content:"";
  position:absolute;
  inset-inline-end:8px;
  top:50%;
  width:38px;
  height:38px;
  border-radius:50%;
  background:var(--be-button-circle);
  transform:translateY(-50%);
  pointer-events:none;
}
body.professional :is(.btn,.nav-cta,.nav-app,.brand-mobile-actions>a,.shop-hero-cta,.primary-button,.danger-button,.quote-link,.experience-action,.product-card>button,.printer-config-content>button,.account-item-actions>button,.establishment-forms button[type="submit"],.dialog-actions>button,.promo-form button,.be-assistant-primary,.be-assistant-form button,.be-glass-button)::after {
  content:"";
  position:absolute;
  inset-inline-end:17px;
  top:50%;
  width:20px;
  height:20px;
  background:var(--be-button-icon);
  -webkit-mask:var(--be-button-symbol) center/contain no-repeat;
  mask:var(--be-button-symbol) center/contain no-repeat;
  transform:translateY(-50%);
  pointer-events:none;
}
body.professional :is(.btn,.nav-cta,.nav-app,.brand-mobile-actions>a,.shop-hero-cta,.primary-button,.danger-button,.quote-link,.experience-action,.product-card>button,.printer-config-content>button,.account-item-actions>button,.establishment-forms button[type="submit"],.dialog-actions>button,.promo-form button,.be-assistant-primary,.be-assistant-form button,.be-glass-button):not(:disabled):not([aria-disabled="true"]):hover {
  filter:brightness(1.06);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.38),0 7px 20px rgba(70,26,22,.12)!important;
  transform:none;
}
body.professional :is(.btn,.nav-cta,.nav-app,.brand-mobile-actions>a,.shop-hero-cta,.primary-button,.danger-button,.quote-link,.experience-action,.product-card>button,.printer-config-content>button,.account-item-actions>button,.establishment-forms button[type="submit"],.dialog-actions>button,.promo-form button,.be-assistant-primary,.be-assistant-form button,.be-glass-button):focus-visible {
  outline:3px solid #a9332c;
  outline-offset:4px;
}
body.professional :is(.btn,.nav-cta,.nav-app,.brand-mobile-actions>a,.shop-hero-cta,.primary-button,.danger-button,.quote-link,.experience-action,.product-card>button,.printer-config-content>button,.account-item-actions>button,.establishment-forms button[type="submit"],.dialog-actions>button,.promo-form button,.be-assistant-primary,.be-assistant-form button,.be-glass-button):is(:disabled,[aria-disabled="true"]) {
  opacity:.52;
  cursor:not-allowed;
  filter:saturate(.55);
}
body.professional :is(.btn,.nav-cta,.nav-app,.brand-mobile-actions>a,.shop-hero-cta,.primary-button,.danger-button,.quote-link,.experience-action,.product-card>button,.printer-config-content>button,.account-item-actions>button,.establishment-forms button[type="submit"],.dialog-actions>button,.promo-form button,.be-assistant-primary,.be-assistant-form button,.be-glass-button)[hidden] { display:none!important; }
/* Glass secondary action on the light BEKIOSK paper. */
body.professional :is(.btn.ghost,.quote-link,.dialog-actions>button:not(.danger-button),.promo-form button,.account-item-actions>button) {
  --be-button-bg:rgba(255,255,255,.34);
  --be-button-border:rgba(145,63,51,.33);
  --be-button-ink:#702820;
  --be-button-circle:rgba(157,42,35,.1);
  --be-button-icon:#702820;
}
/* The shop hero uses the dark variant shown in the BE reference. */
body.professional .shop-hero-cta {
  --be-button-bg:rgba(39,40,35,.94);
  --be-button-border:rgba(255,255,255,.28);
  --be-button-ink:#fff9f5;
}
/* Navigation action keeps its existing compact size; no menu/background changes. */
body.professional .nav a.nav-cta {
  min-height:44px!important;
  padding:10px 48px 10px 16px!important;
  font-size:12px;
}
body.professional .nav a.nav-cta::before {width:30px;height:30px;inset-inline-end:6px}
body.professional .nav a.nav-cta::after {width:17px;height:17px;inset-inline-end:12.5px}
body.professional :is([data-add],[data-quote-add],[data-printer-bundle],[data-add-bestock-group]) {--be-button-symbol:var(--be-icon-plus)}
body.professional :is(.btn[href="#contact"],.be-assistant-primary) {--be-button-symbol:var(--be-icon-play)}
body.professional :is(#quote-send,form[data-lead-source] button[type="submit"],.be-assistant-form button) {--be-button-symbol:var(--be-icon-send)}
body.professional :is(#prepare-checkout,.shop-hero-cta) {--be-button-symbol:var(--be-icon-cart)}
body.professional :is(#checkout-form button[type="submit"],[data-confirm-order],[data-resume-order]) {--be-button-symbol:var(--be-icon-lock)}
body.professional :is([data-pdf-kind]) {--be-button-symbol:var(--be-icon-download)}
body.professional :is(#profile-form button[type="submit"],[data-check-bestock-group]) {--be-button-symbol:var(--be-icon-check)}
body.professional :is(.danger-button,[data-cancel]) {--be-button-symbol:var(--be-icon-cross)}
body.professional .account-item-actions button[data-cancel] {
  --be-button-bg:rgba(157,42,35,.94);
  --be-button-ink:#fff9f5;
  --be-button-border:rgba(255,232,224,.46);
  --be-button-circle:#ffddd1;
  --be-button-icon:#42231f;
}
body.professional [data-experience="photo"] {--be-button-symbol:var(--be-icon-camera)}
body.professional [data-experience="wheel"] {--be-button-symbol:var(--be-icon-refresh)}
body.professional [data-experience="scratch"] {--be-button-symbol:var(--be-icon-gift)}
/* A send label must never shrink into a column beside its text field. */
body.professional .be-assistant-form {grid-template-columns:minmax(0,1fr)}
body.professional .be-assistant .be-assistant-form button {justify-self:end;white-space:nowrap;min-width:142px;width:auto}
body.professional .promo-form>div {flex-wrap:wrap}
body.professional .promo-form input {flex:1 1 130px;min-width:0}
body.professional.store-page .promo-form button {font-size:11px;min-height:48px!important;padding:10px 52px 10px 16px!important}
body.professional.store-page .promo-form button::before {width:32px;height:32px}
body.professional.store-page .promo-form button::after {inset-inline-end:14px}
@media(max-width:760px) {
  body.professional .hero-actions .btn {font-size:12px;min-height:56px!important}
  body.professional .shop-hero-cta {font-size:12px}
  body.professional .account-item-actions {max-width:100%;flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce) {
body.professional :is(.btn,.nav-cta,.nav-app,.brand-mobile-actions>a,.shop-hero-cta,.primary-button,.danger-button,.quote-link,.experience-action,.product-card>button,.printer-config-content>button,.account-item-actions>button,.establishment-forms button[type="submit"],.dialog-actions>button,.promo-form button,.be-assistant-primary,.be-assistant-form button,.be-glass-button) {transition:none}
}

/* Compact app/shop actions reuse the same button without changing header layout. */
body.professional a.nav-app.nav-app,body.professional .brand-mobile-actions.brand-mobile-actions>a {min-height:44px!important;padding:10px 46px 10px 14px!important;font-size:11px;white-space:nowrap;justify-content:flex-start}
body.professional a.nav-app.nav-app::before,body.professional .brand-mobile-actions.brand-mobile-actions>a::before {width:30px;height:30px;inset-inline-end:6px}
body.professional a.nav-app.nav-app::after,body.professional .brand-mobile-actions.brand-mobile-actions>a::after {width:17px;height:17px;inset-inline-end:12.5px}
body.professional .brand-mobile-actions>a:first-child {--be-button-symbol:var(--be-icon-cart);--be-button-bg:rgba(255,255,255,.34);--be-button-border:rgba(145,63,51,.33);--be-button-ink:#702820;--be-button-circle:rgba(157,42,35,.1);--be-button-icon:#702820}
body.professional :is(.nav-app,.brand-mobile-actions>a:last-child) {--be-button-bg:rgba(39,40,35,.94);--be-button-border:rgba(255,255,255,.28);--be-button-ink:#fff9f5;--be-button-symbol:var(--be-icon-arrow)}

/* One mobile header row: the product logo, APP and the menu toggle.
   Navigation remains in its own disclosure; the shop cart stays in its flow. */
body.professional .store-header>a.store-app-mobile,body.professional .store-header>.store-menu-toggle {display:none}
body.professional .store-menu-panel {display:contents}
@media(max-width:760px) {
  body.professional header:is(.nav,.store-header) {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto 44px!important;
    grid-template-rows:46px!important;
    height:74px!important;
    min-height:74px!important;
    padding:12px!important;
    gap:8px!important;
    align-items:center!important;
    align-content:center!important;
  }
  body.professional header:is(.nav,.store-header)>:is(.lockup,.store-logo) {
    grid-column:1!important;
    grid-row:1!important;
    min-width:0;
    width:100%!important;
    max-width:100%!important;
  }
  body.professional header:is(.nav,.store-header)>:is(.lockup,.store-logo) img {
    max-width:100%!important;
    height:46px!important;
  }
  body.professional .nav>.brand-mobile-actions {
    display:flex;
    grid-column:2!important;
    grid-row:1!important;
    width:auto;
    min-width:0;
  }
  body.professional .brand-mobile-actions.brand-mobile-actions>a {
    flex:0 0 auto;
    height:44px;
    --be-button-bg:rgba(39,40,35,.94);
    --be-button-border:rgba(255,255,255,.28);
    --be-button-ink:#fff9f5;
    --be-button-circle:#ffddd1;
    --be-button-icon:#42231f;
    --be-button-symbol:var(--be-icon-arrow);
  }
  body.professional header:is(.nav,.store-header)>:is(.menu-btn,.store-menu-toggle) {
    display:grid;
    place-items:center;
    grid-column:3!important;
    grid-row:1!important;
    width:44px;
    height:44px;
    min-height:44px;
    margin:0;
    padding:0;
    border:0!important;
    border-radius:7px!important;
    background:transparent;
    color:#242627;
    box-shadow:none!important;
    font-family:inherit;
    font-size:24px;
    line-height:1;
    cursor:pointer;
  }
  body.professional .store-header>a.store-app-mobile {
    display:inline-flex;
    grid-column:2;
    grid-row:1;
    width:auto;
    margin:0;
  }
  body.professional.store-page .store-header .store-menu-panel {
    display:none;
    position:absolute;
    top:calc(100% + 10px);
    left:12px;
    right:12px;
    width:auto;
    margin:0;
    padding:18px;
    border:1px solid #e2ded6;
    border-radius:12px;
    background:rgba(255,255,255,.96);
    -webkit-backdrop-filter:blur(12px);
    backdrop-filter:blur(12px);
    box-shadow:0 15px 30px #24262716;
  }
  body.professional.store-page .store-header.store-menu-open .store-menu-panel {
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:12px;
  }
  body.professional.store-page .store-header .store-menu-panel nav {
    display:flex;
    position:static;
    flex-direction:column;
    align-items:stretch;
    gap:12px;
    width:100%;
    margin:0;
    padding:0;
    border:0;
    background:transparent;
    box-shadow:none;
  }
  body.professional.store-page .store-header nav>a:not(.nav-app),
  body.professional.store-page .store-header nav button[data-action="account"] {
    display:flex;
    align-items:center;
    justify-content:flex-start;
    min-height:44px;
    grid-column:auto;
    grid-row:auto;
    width:100%;
    padding:10px 12px;
    font-size:14px;
  }
  body.professional.store-page .store-header nav>.nav-app {display:none}
  body.professional.store-page .store-header .store-menu-panel>.header-cart {
    display:flex;
    position:static;
    justify-content:space-between;
    margin:0;
    padding:10px 12px;
    width:100%;
    grid-column:auto;
    grid-row:auto;
  }
}