/* Collection view controls and honest, direct saving. */
.core-browse-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:16px}
.core-view-toggle{display:flex;gap:2px;border:1px solid var(--line);padding:3px}
.core-view-toggle button{font:13px var(--sans);color:var(--ink);min-height:44px;min-width:75px;border:0;background:transparent;padding:10px 16px;cursor:pointer}
.core-view-toggle button[aria-pressed="true"]{background:var(--ink);color:var(--paper,#faf8f4)}
.core-view-toggle button:focus-visible{outline:2px solid var(--blue,#315bff);outline-offset:3px}
.core-browse-controls>.text-link{min-height:44px;display:inline-flex;align-items:center;font-size:13px}
.core-count{padding-block:10px 18px;font-size:13px}
.core-preview-fallback{display:none;position:absolute;inset:auto 8px 8px;padding:6px 8px;background:var(--paper,#faf8f4);font:12px/1.4 var(--sans);color:var(--ink);z-index:4}
[data-core-grid][data-collection-view="shirt"] [data-preview-load="unavailable"] .core-preview-fallback{display:block}
.collection-availability{font:13px/1.6 var(--sans);color:var(--muted);margin:-12px 0 24px}
.profile-save-note,.bag-fit-recovery,.bag-save-guidance{font:13px/1.6 var(--sans);color:var(--muted);margin:8px 0 12px;max-width:42ch}
.essentials-profile-save .btn{width:100%;min-height:48px;font-size:14px}
.bag-item-content .essentials-profile-save{margin-block:12px}
.bag-item-content .profile-save-note{display:none}
.bag-fit-recovery .text-link{font-size:inherit;display:inline}
@media(max-width:700px){.core-browse-controls{gap:10px}.core-view-toggle button{min-width:68px;padding-inline:12px}.collection-availability{margin-top:0}.profile-save-note{font-size:13px}}

/* Keep order identity and its price together; actions wrap as one group. */
.store-nav a{display:inline-flex;align-items:center;min-height:44px}
.bag-item:has(.bag-item-content>.bag-item-price){grid-template-columns:120px minmax(0,1fr);gap:24px}
.bag-item-content:has(>.bag-item-price){display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:start;column-gap:14px}
.bag-item-content:has(>.bag-item-price)>*{grid-column:1/-1}
.bag-item-content:has(>.bag-item-price)>h2{grid-column:1;grid-row:1;min-width:0;overflow-wrap:break-word}
.bag-item-content>.bag-item-price{grid-column:2;grid-row:1;padding-top:3px;font-size:14px;line-height:1.5;white-space:nowrap}
.bag-item-content>.bag-item-actions{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;margin-top:8px}
.bag-item-actions>.text-link{display:inline-flex;align-items:center;min-height:44px;max-width:100%;padding:10px 0;margin:0;font-size:14px;line-height:1.4;text-align:left}
.bag-item-actions>.quantity-control{margin:0;flex:none;max-width:100%}
.bag-item-actions>.quantity-control input{width:44px}
.bag-item-content .essentials-profile-save{margin:4px 0 0}
.bag-item-content .essentials-profile-save>.text-link{display:inline-flex;align-items:center;min-height:44px;padding:10px 0;font-size:14px;line-height:1.4}
.bag-item-content>.bag-fit-recovery{margin:8px 0 0}
.bag-item p{font-size:13px;line-height:1.55}
.bag-summary .btn{font-size:14px;min-height:48px}
@media(min-width:701px) and (max-width:950px){
  .bag-item:has(.bag-item-content>.bag-item-price){grid-template-columns:85px minmax(0,1fr);gap:16px}
}
@media(max-width:700px){
  /* Type stays legible even at 320px without adding a second header row. */
  .store-header{gap:8px;justify-content:space-between}
  .store-brand,.store-nav{width:auto}
  .store-brand img{width:clamp(88px,27vw,112px)}
  .store-nav{gap:8px;font-size:13px}
  .store-nav a{font-size:13px;min-width:44px;min-height:44px;justify-content:center}
  .store-nav .bag-link{gap:6px;padding-inline:10px!important}
  .bag-link span{font-size:12px}
  .product-card-action{font-size:13px}
  .core-card-meta{font-size:12px;line-height:1.5;gap:5px}
  .core-card-meta .product-price{font-size:14px}
  .core-count{font-size:13px}
  .builder-navigation .tab-button{font-size:13px}
  .builder-navigation .tab-button span{font-size:11px}
  .design-enlarge{font-size:12px}
  .builder-actions .text-link{font-size:14px}
  .shirt-information>summary,.more-style-details>summary span{font-size:13px}
  :root{--mobile-design-height:clamp(200px,25vh,250px);--mobile-design-height:clamp(200px,25svh,250px)}
  .live-design-preview>.design-meta{margin-top:4px;padding-top:4px}
  .store-main:has(.bag-layout){padding-top:24px}
  .bag-layout{margin-top:24px;gap:24px}
  .bag-item:has(.bag-item-content>.bag-item-price){grid-template-columns:72px minmax(0,1fr);gap:12px;padding-block:20px}
  .bag-item>.order-design-preview{width:72px}
  .bag-item-content:has(>.bag-item-price){column-gap:10px}
  .bag-item h2{font-size:21px;line-height:1.2;margin-bottom:5px}
  .bag-item p{margin:4px 0}
  .bag-item-content>.bag-item-actions{gap:4px 12px}
  .bag-summary{padding:22px}
  .bag-summary h2{margin-bottom:16px}
  .bag-summary>.text-link{margin-block:14px;min-height:44px;display:inline-flex;align-items:center}
}
@media(max-width:700px) and (max-height:520px){
  :root{--mobile-design-height:clamp(160px,40svh,230px)}
}