/* One stable header; product controls belong to the editor below it. */
[hidden]{display:none!important}
body .topbar.shared-header{height:72px;min-height:72px;padding:8px 28px;background:#f4f1ec;color:#292a25;border-bottom:1px solid #d8d3ca;display:flex;align-items:center;justify-content:space-between;gap:24px}
body .shared-header .brand{flex:0 0 auto}body .shared-header .brand img{width:145px;height:auto}
body .shared-header .catalogue-navigation{display:block;min-width:0;margin:0}
.catalogue-picker{display:grid;gap:1px;min-width:0;max-width:320px;position:relative}
.current-category{font-size:12px;color:#777169;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:24px;pointer-events:none}
body .catalogue-picker select{font:inherit;font-size:16px;color:inherit;background:transparent;border:0;border-radius:0;min-width:0;width:100%;height:29px;padding:0 24px 0 0;cursor:pointer;text-overflow:ellipsis}
body .catalogue-picker select:focus-visible{outline:2px solid #865438;outline-offset:3px}
body .catalogue-picker optgroup,body .catalogue-picker option{background:#f4f1ec;color:#292a25}
body .inspector-head[hidden]{display:none!important}
body .tabs{display:flex;flex-shrink:0;padding:0 20px;gap:16px;border-bottom:1px solid var(--line,#d8d3ca)}
body .tabs>button{flex:1;min-height:46px;margin:0;padding:12px 4px;font:inherit;font-size:14px;border:0;border-bottom:2px solid transparent;background:transparent;color:inherit;text-align:center;cursor:pointer}
body .tabs>button[aria-selected=true]{border-bottom-color:currentColor}
body .tabs .shape-tab{position:static;display:block;width:auto;box-shadow:none}
/* Small visible labels with generous, invisible touch targets. */
.view-switch{position:absolute;left:16px;bottom:8px;z-index:3;display:flex;gap:2px;padding:0;background:transparent;border:0;box-shadow:none}
.view-switch button{position:relative;border:0;background:transparent;min-height:44px;min-width:54px;padding:0 8px;font:inherit;font-size:12px;color:#514b40;cursor:pointer}
.view-switch button span{display:inline-block;padding:4px 0;border-bottom:1px solid transparent;background:#f4f0e7b8}
.view-switch button[aria-pressed=true] span{border-bottom-color:currentColor;color:#292a25}
.view-switch button:focus-visible{outline:2px solid #865438;outline-offset:-2px}
body .settings-scroll{scroll-snap-type:none!important;overscroll-behavior-y:contain}
#form-panel .product-copy{display:none}
.size-options{grid-template-columns:repeat(4,minmax(0,1fr))}
body .atelier-grid{height:calc(100dvh - 72px)}
body.unified-navigation .header-expand{display:none!important}
@media(max-width:700px){
 body.unified-navigation{--catalogue-height:calc(64px + env(safe-area-inset-top,0px));height:var(--studio-visible-height,100dvh);overflow:hidden}
 body.unified-navigation .topbar.shared-header{position:relative!important;inset:auto!important;transform:none!important;transition:none!important;height:var(--catalogue-height);min-height:var(--catalogue-height);padding:env(safe-area-inset-top,0px) 16px 0;gap:16px;backdrop-filter:none}
 body .shared-header .brand img{width:92px}
 body .shared-header .catalogue-navigation{flex:1;max-width:240px}
 .catalogue-picker{width:100%}.current-category{font-size:12px;line-height:16px}
 body .catalogue-picker select{font-size:16px;height:28px;padding-right:18px}
 body.unified-navigation .atelier-grid,body.unified-navigation.header-retracted .atelier-grid{height:calc(var(--studio-visible-height,100dvh) - var(--catalogue-height))!important;transform:none!important;grid-template-rows:minmax(0,54fr) minmax(0,46fr)!important}
 body .tabs{padding:0 16px;gap:14px}body .tabs>button{min-height:44px;padding:9px 3px}
 .view-switch{left:8px;bottom:2px}.view-switch button{min-width:50px;padding:0 7px}
 .purchase-summary{padding:8px 16px}.purchase-line strong{font-size:18px}
 body .settings-scroll{padding-inline:16px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}
 body .control input[type=range]{min-height:44px}
 body .size-options button{min-height:44px}
 body .swatch{min-height:32px}
}
@media(max-height:500px) and (orientation:landscape){body.unified-navigation .atelier-grid{grid-template-rows:1fr!important;grid-template-columns:minmax(0,1fr) minmax(290px,42%)}}