/* The catalog keeps its existing filters; ordering controls share one dock. */
.shell:has(.compact-catalog) .content{padding:14px 18px;max-width:none;min-width:0}
.shell:has(.compact-catalog) .top{margin-bottom:8px}.shell:has(.compact-catalog) .top h1{font-size:20px}.shell:has(.compact-catalog) .top .muted{display:none}
.compact-catalog{padding-bottom:225px}.compact-filters.card{padding:10px 12px;margin-bottom:10px}.compact-heading{display:flex;align-items:center;gap:12px}.compact-heading h2{font-size:16px;margin:0}.compact-heading small{color:var(--muted)}
.compact-filter-grid{display:grid;grid-template-columns:1.2fr 3fr;gap:12px}.compact-filter-grid label{margin:5px 0 2px;font-size:11px}.compact-filter-grid input,.compact-filter-grid select{padding:7px 9px;min-height:36px;font-size:13px}
#shop-browse-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.compact-search{min-width:0}.compact-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:7px}.compact-toolbar .card{padding:0;margin:0;border:0;box-shadow:none;gap:12px;font-size:12px}.compact-toolbar .row{gap:4px}.compact-toolbar button{padding:5px 10px;font-size:12px;min-height:32px}.compact-clear{border:0;background:none;color:var(--blue);text-decoration:underline}
.compact-products{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.compact-card.product{padding:7px;position:relative;min-width:0}.compact-card.sizes-open{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}
.compact-card .shop-photo{height:clamp(85px,12vh,140px);aspect-ratio:auto;margin:0 0 5px;border-radius:7px}.compact-card .shop-photo>button{position:relative}.compact-card .shop-photo img{object-fit:contain}.compact-photo-count{position:absolute;bottom:4px;right:4px;background:#142b49e6;color:white;padding:2px 6px;border-radius:5px;font-size:10px}.compact-card h3{font-size:13px;line-height:1.3;margin:0 0 3px}.compact-card .product-title-link{color:var(--navy);text-decoration:none}.compact-meta{font-size:11px;color:var(--muted);margin:0 0 5px;line-height:1.3;overflow-wrap:anywhere}.compact-card-actions{display:flex;align-items:center;justify-content:space-between;gap:5px}.compact-card-actions strong{font-size:12px}.compact-card-actions button{font-size:11px;padding:7px 9px;min-height:36px}.compact-selected{font-size:10px;color:var(--blue);display:block;margin-top:3px}.compact-selected[hidden]{display:none}
.compact-catalog #shop-pagination{padding:7px 0;margin:6px 0;border:0;background:transparent;box-shadow:none;display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px}.compact-catalog #shop-pagination button{padding:7px 9px;font-size:12px}
.compact-dock{position:fixed;bottom:0;right:18px;left:273px;z-index:25;background:white;border:1px solid #bdcddd;border-radius:12px 12px 0 0;box-shadow:0 -4px 18px #142b4914;padding-bottom:env(safe-area-inset-bottom)}
#compact-size-panel[hidden]{display:none}.compact-panel-heading{display:flex;align-items:center;gap:12px;padding:9px 12px 4px}.compact-panel-heading>div{flex:1;min-width:0}.compact-panel-heading h2{font-size:14px;margin:0}.compact-panel-heading small{font-size:11px;color:var(--muted)}#compact-product-subtotal{font-size:12px;white-space:nowrap}.compact-panel-heading button{min-width:40px;min-height:40px;padding:6px}
.compact-size-scroll{max-height:30vh;overflow:auto;padding:4px 12px 8px;overscroll-behavior:contain}.compact-color-group h3{font-size:12px;margin:5px 0}.compact-sizes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.compact-size{text-align:center;border-right:1px solid var(--line);padding-right:7px;min-width:0}.compact-size:last-child{border:0}.compact-size>span{font-size:12px;font-weight:700;display:block}.compact-size small{font-size:11px;display:block;margin-bottom:4px}.compact-stepper{display:flex;align-items:center;border:1px solid #b9cadd;border-radius:6px;overflow:hidden}.compact-stepper button{flex:1;min-width:30px;min-height:40px;border:0;background:white;color:var(--navy);padding:0;font-size:19px;touch-action:manipulation}.compact-stepper input{flex:1;width:30px;min-width:28px;border:0;border-radius:0;border-inline:1px solid var(--line);padding:7px 0;text-align:center;font-size:14px;appearance:textfield;-moz-appearance:textfield}.compact-stepper input::-webkit-inner-spin-button,.compact-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.compact-stepper:focus-within{outline:2px solid var(--blue);outline-offset:2px}
.compact-summary{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);padding:8px 12px}.compact-summary>div{display:flex;align-items:center;gap:12px}.compact-summary #shopCartBadge{font-size:12px}.compact-summary strong{font-size:17px}.compact-summary button{padding:9px 16px}.compact-catalog .shop-list{grid-template-columns:1fr}.compact-catalog .shop-list .compact-card{grid-template-columns:90px minmax(0,1fr)}.compact-catalog .shop-list .shop-photo{width:90px;height:90px;grid-row:1/5}.compact-catalog .shop-list .compact-card-actions{grid-column:2;justify-content:space-between}
@media(min-width:851px) and (max-width:1250px){.shell:has(.compact-catalog) .sidebar{width:180px;padding:16px 10px}.shell:has(.compact-catalog) .nav{padding:10px;font-size:13px}.compact-dock{left:198px}.compact-filter-grid{grid-template-columns:1fr 2fr}#shop-browse-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-search{align-self:end}}
@media(max-width:850px){.shell:has(.compact-catalog) .sidebar{padding:6px 10px}.shell:has(.compact-catalog) .sidebar .logo,.shell:has(.compact-catalog) .sidebar .tagline,.shell:has(.compact-catalog) .sidebar>.nav,.shell:has(.compact-catalog) .sidebar-bottom{display:none}.shell:has(.compact-catalog) .sidebar nav{gap:2px}.shell:has(.compact-catalog) .sidebar nav .nav{padding:8px 10px;margin:0;font-size:13px}.shell:has(.compact-catalog) .content{padding:10px}.compact-dock{left:10px;right:10px}.compact-filter-grid{grid-template-columns:1fr 2fr}#shop-browse-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-search{align-self:end}.compact-card-actions{flex-wrap:wrap}.compact-sizes{grid-template-columns:repeat(3,minmax(0,1fr))}.compact-stepper button{min-height:44px}.compact-size:nth-child(3n){border:0}.compact-size-scroll{max-height:34vh}}
@media(max-width:550px){.compact-heading small{display:none}.compact-filter-grid{display:block}#shop-browse-filters{gap:4px 8px}.compact-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.compact-card .shop-photo{height:115px}.compact-card-actions button{width:100%;min-height:40px}.compact-card h3{font-size:13px}.compact-panel-heading{gap:6px}.compact-panel-heading small{display:none}.compact-panel-heading h2{font-size:12px}#compact-product-subtotal{font-size:11px}.compact-summary>div{display:block}.compact-summary #shopCartBadge{display:block}.compact-summary strong{font-size:15px}.compact-toolbar .card{gap:6px}.compact-toolbar .row{gap:0}.compact-toolbar button{padding:6px}.compact-catalog #shop-pagination{flex-wrap:wrap}.compact-catalog{padding-bottom:330px}}
@media(min-width:851px) and (max-height:800px){.compact-card .shop-photo{height:80px}.compact-card-actions button{min-height:32px}.compact-heading small{display:none}.compact-filters.card{padding:7px 10px}.compact-panel-heading{padding-top:5px}.compact-panel-heading small{display:none}}
/* Keep the search field above one compact filter row on tablet and desktop. */
@media(min-width:551px){.compact-filter-grid{display:block}.compact-search{margin-bottom:3px}#shop-browse-filters{grid-template-columns:repeat(4,minmax(0,1fr))}.compact-selected{position:absolute;top:10px;left:10px;margin:0;padding:2px 5px;border-radius:4px;background:#e6eef8;color:#204e7d}}
@media(min-width:851px) and (max-height:800px){.compact-card .shop-photo{height:70px}.compact-filter-grid label{margin-top:3px}.compact-filter-grid input,.compact-filter-grid select{min-height:32px;padding:5px 8px}}
@media(min-width:851px) and (max-height:800px){.compact-panel-heading{padding-top:3px;padding-bottom:2px}.compact-panel-heading button{min-height:32px;min-width:32px}.compact-size-scroll{padding-top:0;padding-bottom:4px}.compact-size>span{line-height:16px}.compact-size small{line-height:14px;margin-bottom:2px}}
@media(min-width:851px){.compact-filters{position:relative}.compact-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px 10px}.compact-search{grid-column:span 2;margin:0}#shop-browse-filters{display:contents}.compact-toolbar{position:absolute;bottom:8px;right:12px;width:calc(50% - 24px);margin:0}.compact-toolbar .card{gap:6px}.compact-toolbar button{padding-inline:7px}}
@media(min-width:851px) and (max-height:800px){.compact-card .shop-photo{height:90px}.compact-toolbar{bottom:7px;right:10px;width:calc(50% - 20px)}}


/* Order amendment catalog; the order form stays mounted underneath. */
.order-edit-catalog{width:min(1120px,96vw);max-height:92vh;overflow:auto;box-sizing:border-box;overflow-wrap:anywhere}
.order-edit-catalog h2{font-size:22px}.order-edit-catalog-filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px;align-items:end}.order-edit-catalog-filters input,.order-edit-catalog-filters select{min-width:0;width:100%;box-sizing:border-box}.order-edit-catalog-filters .row{flex-wrap:nowrap}.order-edit-catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.order-edit-catalog-card{border:1px solid var(--line);border-radius:12px;padding:16px;min-width:0}.order-edit-catalog-card h3{margin:12px 0 6px}.order-edit-catalog-photo{height:150px;background:#f5f7fa;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#526174}.order-edit-catalog-photo img{width:100%;height:100%;object-fit:contain}.order-edit-catalog-variants{max-height:340px;overflow:auto}.order-edit-catalog-variant{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:10px 0}.order-edit-catalog-variant>div:first-child{min-width:0}.order-edit-catalog-variant>div:last-child{flex:0 0 88px}.order-edit-catalog-variant input{width:88px;box-sizing:border-box;min-height:44px}.order-edit-catalog-variant label{font-size:12px;margin:0 0 4px}.order-edit-catalog-footer{position:sticky;bottom:-1px;background:white;padding:14px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.order-edit-catalog button{min-height:44px}.order-edit-catalog #order-edit-catalog-pages{margin-top:16px}
@media(max-width:700px){.order-edit-catalog{padding:14px}.order-edit-catalog-filters{grid-template-columns:1fr}.order-edit-catalog-grid{grid-template-columns:1fr}.order-edit-catalog-footer{align-items:stretch;flex-direction:column}.order-edit-catalog-variants{max-height:300px}.order-edit-catalog h2{font-size:20px}}
.order-edit-catalog-filters [data-catalog-search]{flex-shrink:0;white-space:nowrap}.order-edit-catalog-filters input[type=search]{flex:1;width:0}