@charset "UTF-8";
/**
 * Shared commerce primitives.
 * Modules own placement and content; this file owns common control, badge and
 * panel language so future module changes do not create a second design system.
 */
body.stm-engine-storefront .stm-ui-button{
  box-sizing:border-box;min-height:var(--stm-commerce-control-height);display:inline-flex;align-items:center;justify-content:center;gap:var(--stm-button-gap);margin:0;padding:var(--stm-button-padding-y) var(--stm-button-padding-x);border:var(--stm-border-width) solid transparent;border-radius:var(--stm-commerce-button-radius);
  appearance:none;-webkit-appearance:none;vertical-align:middle;white-space:nowrap;border-color:var(--stm-commerce-primary-deep);background:var(--stm-commerce-raised-accent-bg);color:var(--stm-commerce-button-text);box-shadow:none;font-family:var(--stm-commerce-font);font-size:var(--stm-commerce-button-font-size);font-weight:var(--stm-commerce-button-font-weight);line-height:var(--stm-control-content-line-height);text-align:center;text-decoration:none;cursor:pointer;transition:background-color var(--stm-commerce-transition),border-color var(--stm-commerce-transition),color var(--stm-commerce-transition),transform var(--stm-commerce-transition)
}
body.stm-engine-storefront .stm-ui-button:hover{border-color:var(--stm-commerce-primary-deep);background:var(--stm-commerce-raised-accent-hover-bg);color:var(--stm-commerce-button-text)}
body.stm-engine-storefront .stm-ui-button--secondary{background:var(--stm-button-secondary-bg);color:var(--stm-button-secondary-text)}
body.stm-engine-storefront .stm-ui-button--secondary:hover{background:var(--stm-button-secondary-hover);color:var(--stm-button-secondary-text)}
body.stm-engine-storefront .stm-ui-button--ghost{border-color:var(--stm-commerce-raised-edge-line);background:var(--stm-commerce-raised-control-bg);color:var(--stm-commerce-heading)}
body.stm-engine-storefront .stm-ui-button--ghost:hover{border-color:var(--stm-commerce-primary);background:var(--stm-commerce-raised-control-hover-bg);color:var(--stm-commerce-primary-deep)}
body.stm-engine-storefront .stm-ui-button:disabled,body.stm-engine-storefront .stm-ui-button[aria-disabled="true"]{cursor:not-allowed;opacity:var(--stm-button-disabled-opacity)}
body.stm-engine-storefront .stm-ui-icon-button{
  flex:0 0 auto;box-sizing:border-box;width:var(--stm-ui-icon-control-size);min-width:var(--stm-ui-icon-control-size);height:var(--stm-ui-icon-control-size);min-height:var(--stm-ui-icon-control-size);display:inline-grid;place-items:center;margin:0;padding:0;border:var(--stm-border-width) solid var(--stm-commerce-border);border-radius:var(--stm-radius-none);background:var(--stm-commerce-raised-control-bg);color:var(--stm-commerce-heading);box-shadow:none;font-size:0;line-height:0;text-align:center;text-decoration:none;cursor:pointer;touch-action:manipulation;transition:background-color var(--stm-commerce-transition),border-color var(--stm-commerce-transition),color var(--stm-commerce-transition)
}
body.stm-engine-storefront .stm-ui-icon-button:hover{border-color:var(--stm-commerce-primary);background:var(--stm-commerce-raised-control-hover-bg);color:var(--stm-commerce-primary-deep)}
body.stm-engine-storefront .stm-ui-icon-button--primary{border-color:var(--stm-commerce-primary-deep);background:var(--stm-commerce-raised-accent-bg);color:var(--stm-commerce-button-text)}
body.stm-engine-storefront .stm-ui-icon-button--primary:hover{border-color:var(--stm-commerce-primary-deep);background:var(--stm-commerce-raised-accent-hover-bg);color:var(--stm-commerce-button-text)}
body.stm-engine-storefront .stm-ui-icon-button--round{border-radius:var(--stm-product-button-radius)}
body.stm-engine-storefront .stm-ui-panel{border:1px solid var(--stm-commerce-raised-edge-line);border-top-color:var(--stm-commerce-raised-edge-highlight);border-radius:var(--stm-commerce-panel-radius);background:var(--stm-commerce-raised-control-bg);box-shadow:none}

body.stm-engine-storefront .stm-ui-icon-button > svg,body.stm-engine-storefront .stm-ui-icon-button > img,body.stm-engine-storefront .stm-ui-icon-button > span{display:block;align-self:center;justify-self:center;margin:0;line-height:1}

body.stm-engine-storefront .stm-ui-raised-heading{padding:var(--stm-raised-heading-padding-y,10px) var(--stm-raised-heading-padding-x,14px);border:1px solid var(--stm-commerce-raised-edge-line);border-top-color:var(--stm-commerce-raised-edge-highlight);border-radius:var(--stm-commerce-raised-radius);background:var(--stm-commerce-raised-heading-bg);color:var(--stm-commerce-raised-heading-text);box-shadow:none}