.bare-mobile-header-actions, .bare-mobile-canvas-return, [data-mobile-jump] { display: none; }

@media screen and (max-width: 1100px) {
    .bare-inline-editor .brimcap-customizer-modal-body > * { order: 0; }
    .bare-inline-editor .brimcap-customizer-preview { padding: var(--size-12px); }
    .bare-inline-editor .bare-editor-toolbar {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: var(--size-8px);
        padding: var(--size-12px);
        border-block: var(--size-1px) solid var(--line);
        background: var(--white);
    }
    .bare-inline-editor .bare-editor-toolbar button { min-width: 0; min-height: var(--size-64px); font-size: var(--size-12px); padding: var(--size-8px) var(--size-4px); }
    .bare-inline-editor .bare-editor-toolbar button[aria-expanded="true"] { background: var(--ink); color: var(--white); }
    .bare-inline-editor .bare-tool-settings { padding: var(--size-20px) var(--size-16px); background: var(--white); }
    .bare-mobile-canvas-return { display: block; width: 100%; min-height: var(--size-48px); margin-top: var(--size-24px); border: var(--size-1px) solid var(--line); border-radius: var(--size-8px); background: var(--pale); color: var(--ink); font-size: var(--size-14px); font-weight: 700; cursor: pointer; }
    .bare-inline-editor .bare-edit-ribbon { flex-wrap: nowrap; flex: 0 0 auto; width: 100%; max-width: 100%; overflow-x: auto; padding: var(--size-8px); }
    .bare-inline-editor .bare-edit-ribbon button { flex: 0 0 var(--size-64px); min-height: var(--size-56px); font-size: var(--size-12px); }
    .bare-inline-editor .brimcap-customizer-guide-toggle { min-height: var(--size-44px); font-size: var(--size-12px); }
    .bare-inline-editor .brimcap-customizer-stage-head { position: static; margin-bottom: var(--size-8px); gap: var(--size-8px); }
    .bare-inline-editor .brimcap-customizer-preview-stage { aspect-ratio: auto; overflow: visible; }
    .bare-inline-editor .brimcap-customizer-preview-stage canvas { height: auto; aspect-ratio: 1; }
    .bare-inline-editor .brimcap-customizer-stage-foot { position: static; margin-block: var(--size-8px); }
    .bare-inline-editor .bare-measure-bar { padding-block: var(--size-8px); margin: 0; }
    .bare-inline-editor input:not([type="range"]):not([type="checkbox"]), .bare-inline-editor select, .detail-page .options select { font-size: var(--size-16px); min-height: var(--size-44px); }
    .bare-inline-editor .bare-flow-hint, .bare-inline-editor .brimcap-customizer-help { font-size: var(--size-14px); }
    .bare-inline-editor .brimcap-customizer-views button { min-height: var(--size-44px); }
    .bare-inline-editor:not(.bare-apparel-studio) .brimcap-customizer-views { display: flex; flex-wrap: wrap; }
    .bare-inline-editor:not(.bare-apparel-studio) .brimcap-customizer-views button { display: flex; align-items: center; gap: var(--size-8px); padding: var(--size-6px) var(--size-12px); font-size: var(--size-12px); }
    .bare-inline-editor:not(.bare-apparel-studio) .brimcap-customizer-views img { width: var(--size-32px); height: var(--size-32px); }
    .bare-inline-editor:not(.bare-apparel-studio) .brimcap-customizer-views b { position: static; }
    .bare-inline-editor .brimcap-customizer-stage-foot, .bare-inline-editor .brimcap-customizer-view-help { font-size: var(--size-12px); }
    .detail-page .stepper button, .detail-page .stepper input { min-width: var(--size-44px); height: var(--size-44px); font-size: var(--size-16px); }
    .detail-page .options label, .detail-page .quantity-row label { font-size: var(--size-14px); }
    .detail-page .btn, .detail-page .brimcap-customizer-order, .detail-page .brimcap-customizer-quote { min-height: var(--size-48px); font-size: var(--size-14px); }
    .bare-inline-editor .brimcap-customizer-arrow-pad { grid-template-columns: repeat(3, var(--size-44px)); grid-template-rows: repeat(3, var(--size-44px)); gap: var(--size-8px); }
    .bare-inline-editor .brimcap-customizer-control-heading button { min-height: var(--size-44px); min-width: var(--size-44px); }
    .detail-page .bare-size-chart-link { display: flex; align-items: center; min-height: var(--size-44px); font-size: var(--size-14px); }
    .bare-mobile-canvas-return:focus-visible { outline: var(--size-3px) solid var(--green-dark); outline-offset: var(--size-3px); }
}

@media screen and (max-width: 768px) {
    .header .masthead { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--size-8px) var(--size-16px); height: auto; min-height: 0; padding-block: var(--size-8px) var(--size-12px); }
    .header .masthead .bare-brand { grid-column: 1; grid-row: 1; }
    .header .header-links { display: none; }
    .bare-mobile-header-actions { grid-column: 2; grid-row: 1; display: flex; gap: var(--size-8px); align-items: center; }
    .bare-mobile-header-actions a, .bare-mobile-header-actions button { position: relative; display: grid; place-items: center; width: var(--size-44px); height: var(--size-44px); padding: 0; border: 0; border-radius: var(--size-8px); background: var(--white); color: var(--ink); cursor: pointer; }
    .bare-mobile-header-actions [data-count] { position: absolute; inset-inline-end: 0; top: 0; min-width: var(--size-16px); padding: var(--size-2px); border-radius: var(--size-12px); color: var(--white); background: var(--green-dark); font-size: var(--size-10px); text-align: center; }
    .header .search { grid-row: 2; grid-column: 1 / -1; width: 100%; margin: 0; height: var(--size-44px); }
    .header .search input { width: 100%; min-width: 0; height: var(--size-44px); padding-inline: var(--size-16px) var(--size-48px); font-size: var(--size-16px); }
    .header .search button { width: var(--size-44px); height: var(--size-44px); top: 0; right: 0; }
    .header.bare-mobile-ready:not(.bare-mobile-menu-open) .nav, .header.bare-mobile-ready:not(.bare-mobile-menu-open) #category-menu { display: none; }
    .header.bare-mobile-menu-open { max-height: 100dvh; overflow-y: auto; }
    .header.bare-mobile-menu-open .nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); height: auto; gap: 0 var(--size-16px); padding-block: var(--size-8px) var(--size-16px); }
    .header.bare-mobile-menu-open .nav > * { display: flex; align-items: center; min-width: 0; min-height: var(--size-48px); margin: 0; padding: var(--size-8px) 0; font-size: var(--size-14px); white-space: normal; border-bottom: var(--size-1px) solid var(--line); }
    .header.bare-mobile-menu-open .nav .menu-button { grid-column: 1 / -1; gap: var(--size-12px); }
    .header.bare-mobile-menu-open .nav .nav-cta { grid-column: 1 / -1; }
    .header.bare-mobile-menu-open #category-menu:not([hidden]) { position: static; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: calc(100% - var(--size-32px)); margin: 0 auto var(--size-16px); padding: var(--size-8px); transform: none; box-shadow: none; gap: var(--size-4px); }
    .header.bare-mobile-menu-open .nav #category-menu { grid-column: 1 / -1; width: 100%; margin: 0; }
    .header #category-menu[hidden] { display: none; }
    .header #category-menu a { display: flex; align-items: center; min-height: var(--size-44px); font-size: var(--size-14px); }
    .bare-mobile-header-actions :focus-visible { outline: var(--size-3px) solid var(--green-dark); outline-offset: var(--size-2px); }
    .catalogue .category-tabs button { min-height: var(--size-44px); font-size: var(--size-14px); }
    .catalogue .list-toolbar { flex-wrap: wrap; row-gap: var(--size-8px); font-size: var(--size-14px); }
    .catalogue .list-toolbar > div { margin-inline-start: auto; }
    .catalogue .list-toolbar select, .catalogue .filters select { min-height: var(--size-44px); font-size: var(--size-16px); }
    .catalogue .filter-toggle, .catalogue .filters button { min-height: var(--size-44px); font-size: var(--size-14px); }
    .catalogue .filters { flex-wrap: wrap; gap: var(--size-12px); font-size: var(--size-14px); }
    .catalogue .btn { min-height: var(--size-44px); font-size: var(--size-14px); }
    .detail-page .bare-product-workspace { padding-top: var(--size-12px); }
    .detail-page .bare-product-workspace .breadcrumb { margin-bottom: var(--size-12px); }
    .detail-page .bare-product-workspace .product-detail { border-radius: var(--size-12px); }
    .detail-page .bare-form-order-mode #bare-order-mode-help { font-size: var(--size-12px); }
    body.bare-has-mobile-jumpbar:has(.bare-mobile-jumpbar) { padding-bottom: calc(var(--size-80px) + env(safe-area-inset-bottom, 0px)); }
    .mobile-order.bare-mobile-jumpbar { position: fixed; inset: auto 0 0; z-index: 21; display: flex; gap: var(--size-8px); margin: 0; width: 100%; padding: var(--size-12px) var(--size-16px) calc(var(--size-12px) + env(safe-area-inset-bottom, 0px)); background: var(--white); border-top: var(--size-1px) solid var(--line); }
    .bare-mobile-jumpbar > :not([data-mobile-jump]), .bare-mobile-jumpbar:not([data-mode="custom"]) [data-mobile-jump="design"] { display: none; }
    .bare-mobile-jumpbar [data-mobile-jump] { display: flex; flex: 1; align-items: center; justify-content: center; min-height: var(--size-48px); font-size: var(--size-14px); }
    .bare-mobile-input-active .bare-mobile-jumpbar { display: none; }
    body:has(.header.bare-mobile-menu-open) .bare-mobile-jumpbar { display: none; }
    .detail-page .detail-tabs { gap: var(--size-8px); justify-content: space-between; }
    .detail-page .detail-tabs a { display: flex; align-items: center; min-height: var(--size-44px); font-size: var(--size-14px); }
}