/* Phone layouts: readable fitment cards and reachable comparison columns. */
.compare-jumps{display:none}
@media(max-width:700px){
 .pattern-sizes .table-swipe-hint{display:none}
 .pattern-sizes .size-table-scroll{border:0;overflow:visible;max-height:none}
 .pattern-sizes .size-table{display:block;width:100%;min-width:0;font-size:15px}
 .pattern-sizes .size-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .pattern-sizes .size-table tbody{display:block}
 .pattern-sizes .size-table tr[data-size-row]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1px solid #414d55;margin-top:16px;padding:18px;gap:18px 16px}
 .pattern-sizes .size-table tr[hidden],.pattern-sizes .size-table .spec-panel[hidden]{display:none!important}
 .pattern-sizes .size-table tr[data-size-row]>th,.pattern-sizes .size-table tr[data-size-row]>td{display:block;width:auto;padding:0;border:0;font-size:15px;min-width:0;white-space:normal}
 .pattern-sizes .size-table tr[data-size-row]>th{grid-column:1/-1;font-size:22px;color:#fff;line-height:1.3;border-bottom:1px solid #3b454c;padding-bottom:14px}
 .pattern-sizes .size-table tr[data-size-row]>td::before{content:attr(data-label);display:block;font-size:12px;color:#b7c3cb;margin-bottom:5px}
 .pattern-sizes .size-table tr[data-size-row]>td:last-child{grid-column:1/-1;border-top:1px solid #3b454c;padding-top:16px}
 .pattern-sizes .size-table tr[data-size-row]>td:last-child::before{display:none}
 .pattern-sizes .size-row-actions{gap:10px 18px;font-size:14px}
 .pattern-sizes .size-row-actions a{display:inline-flex;align-items:center;min-height:44px;white-space:normal}
 .pattern-sizes .spec-panel,.pattern-sizes .spec-panel>td{display:block;width:100%}
 .pattern-sizes .spec-panel-content{padding:22px 18px;border:1px solid #414d55;border-left:3px solid #f5a000}
 .pattern-sizes .spec-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}
 .pattern-sizes .spec-grid dd{font-size:16px;overflow-wrap:anywhere}
 .pattern-sizes .spec-panel-content>a{white-space:normal;display:inline-block;min-height:44px}
 .compare-swipe{display:none}
 .pattern-compare-scroll{container-type:inline-size}
 .compare-jumps{display:block;margin:0 0 14px}
 .compare-jumps p{font-size:14px;color:#c1cbd1;margin-bottom:10px}
 .compare-jumps>div{display:flex;flex-wrap:wrap;gap:8px}
 .compare-jumps button{min-height:44px;padding:10px 14px;border:1px solid #795b2c;background:#191f23;color:#ffd18a;font:500 15px/1.3 Barlow,Arial,sans-serif}
 .pattern-compare-table{--compare-cell:calc(100cqw - 105px);width:calc(105px + var(--compare-cell)*var(--compare-columns));min-width:0}
 .pattern-compare-table tr>:first-child{width:105px;padding:16px 10px;overflow-wrap:normal;hyphens:auto;font-size:14px}
 .pattern-compare-table td,.pattern-compare-table th{padding:16px;font-size:15px}
 .pattern-compare-table thead h2{margin:16px 14px 10px;font-size:22px}
 .pattern-compare-table thead p,.pattern-compare-table thead a{margin-inline:14px}
 .pattern-compare-table details summary,.matching-sizes a{min-height:44px;display:block}
 .shop-tool label,.size-filters label,.retailer-locator label{min-width:0}
 .shop-tool input,.shop-tool select,.size-filters input,.size-filters select,.retailer-locator input,.retailer-locator select{font-size:16px}
 .editorial-theme .pattern-nav{font-size:14px;gap:24px;min-height:48px}
 .editorial-theme .pattern-nav a{padding-block:8px}
 .editorial-theme #viewer .close{min-width:44px;min-height:44px}
}
@media(max-width:360px){.pattern-sizes .spec-grid{grid-template-columns:1fr}}