/* Phone fixes shared by the homepage and commerce inner pages. */
.c-member-menu-toggle{display:none}
@media(max-width:700px){
 html{scroll-padding-bottom:145px}body{overscroll-behavior-y:contain;-webkit-text-size-adjust:100%}
 .header-inner{height:54px;gap:10px}.search{height:36px}.search input,.c-search input{font-size:16px!important}.search input::placeholder,.c-search input::placeholder{font-size:13px}
 .home-page .product h3{font-size:14px}.home-page .stock,.home-page .assurance{font-size:12px}.home-page .buy{min-height:40px;font-size:14px}.home-page .quick strong{font-size:13px}.home-page .notice-bar{min-height:42px}.home-page .all-categories{min-height:38px}
 .catalog-page .catalog-content .product h3{font-size:14px;line-height:1.5}.catalog-page .catalog-content .buy{min-height:36px;font-size:13px;padding:5px 10px}.catalog-page .catalog-content .stock,.catalog-page .catalog-content .assurance{font-size:12px}.catalog-page .catalog-sort>a{min-height:34px;display:flex;align-items:center;justify-content:center;font-size:12px}.catalog-page .catalog-root{font-size:12px}
 .c-page .c-button{min-height:40px}.c-page .c-search button{min-height:34px}.c-page .c-contact-line .c-button{min-height:40px}.c-page .c-contact-line strong{overflow-wrap:anywhere}.c-page .c-contact-line{flex-wrap:wrap}
 .c-legacy-buy .assemble-footer.footer{position:fixed!important;left:12px!important;bottom:calc(68px + env(safe-area-inset-bottom))!important;width:calc(100% - 24px)!important;height:52px!important;margin:0!important;background:#fff!important;z-index:110!important;box-shadow:0 5px 25px #33435918!important}
 .c-legacy-buy .c-footer{padding-bottom:calc(150px + env(safe-area-inset-bottom))!important}
 .c-legacy .payment-method .close{position:absolute!important;top:14px!important;right:14px!important;bottom:auto!important;left:auto!important;width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;float:none!important;margin:0!important}
 .c-legacy .payment-method .title{min-height:40px;display:flex;align-items:center;justify-content:center;padding-right:40px!important;text-align:left!important;font-size:17px!important}
 .c-legacy .payment-method{max-height:calc(100dvh - 28px)!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}
 .c-legacy .payment-method input,.c-auth input.form-control,.c-auth select.form-control,.c-member-content input.form-control,.c-member-content select.form-control,.c-member-content textarea.form-control{font-size:16px!important;min-height:44px!important;border-radius:7px!important;max-width:100%}
 .c-auth .input-group-addon{font-size:13px!important}.c-auth .btn{min-height:42px;font-size:14px}.c-auth .account-layer .form-control{font-size:16px!important}
 .c-member-menu-toggle{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;width:100%;padding:10px 14px;background:white;border:1px solid var(--cc-line);border-radius:10px;margin:0 0 12px;color:#394a61;font-size:13px;text-align:left}
 .c-member-menu-toggle:after{content:'⌄';font-size:18px;color:var(--cc-accent)}.c-member-menu-toggle[aria-expanded=true]:after{content:'⌃'}
 .c-member-layout>.c-member-menu:not(.is-open){display:none}.c-member-layout>.c-member-menu.is-open{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:8px;gap:6px;overflow:visible}
 .c-member-layout>.c-member-menu a{display:flex;align-items:center;justify-content:center;white-space:normal;min-height:40px;padding:6px 4px;font-size:12px;text-align:center}
 .c-member-content .wrapper{padding:0!important}.c-member-content .panel{border:1px solid #eaf0f5!important;border-radius:12px;overflow:hidden;box-shadow:none}.c-member-content .panel-heading{padding:13px 15px;background:#fff6f7!important;border-bottom:1px solid #f5e8ec!important;color:#34435b!important;font-size:14px}.c-member-content .panel-body{padding:16px}.c-member-content .control-label,.c-member-content .form-group>label{font-size:14px}.c-member-content .btn{min-height:40px;font-size:13px;border-radius:7px}.c-member-content .table-responsive{max-width:100%;overflow-x:auto}.c-member-content table{max-width:100%;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.c-member-content .table th,.c-member-content .table td{font-size:12px;padding:9px 7px}.c-member-content .form-inline .form-control{width:100%;margin-bottom:7px}
 .c-member-content .panel>table.table-bordered{display:table;table-layout:fixed;width:100%}.c-member-content .panel>table.table-bordered td{text-align:center}.c-member-content .table-responsive>table{display:table;max-width:none;width:100%}.c-member-content .c-table-empty{text-align:center!important;white-space:normal;color:#97a3b5;padding:28px 10px!important}
 .c-dashboard .c-account-info dl>div{font-size:12px}.c-dashboard .c-dashboard-block-head h2{font-size:14px}.c-dashboard .c-recent-order strong{font-size:13px}.c-dashboard .c-shortcut-grid strong{font-size:13px}.c-dashboard .c-recent-order>div>span{font-size:11px;overflow-wrap:anywhere}
 .c-orders-page .c-record-filter input,.c-orders-page .c-record-filter select{min-height:40px;font-size:14px}.c-orders-page .c-filter-keyword>input{font-size:16px}.c-orders-page .c-filter-keyword>select{font-size:12px}.c-orders-page .c-filter-keyword>input::placeholder{font-size:12px}
 .c-orders-page .c-filter-dates>div{flex-direction:column;align-items:stretch}.c-orders-page .c-filter-dates input{width:100%;flex:initial;font-size:16px;padding:7px}.c-orders-page .c-filter-dates span{text-align:center;line-height:1.2}
 .c-orders-page .c-filter-actions .c-button{min-height:38px;font-size:11px}.c-orders-page .c-record-states>a{min-height:38px;display:flex;align-items:center;gap:3px;font-size:12px}.c-orders-page .c-record-tools button{min-height:34px;font-size:11px}.c-orders-page .c-record-head{font-size:11px}.c-orders-page .c-record-number{font-size:12px}.c-orders-page .c-record-time{font-size:10px}.c-orders-page .c-record-product h3{font-size:14px}.c-orders-page .c-record-tags{font-size:10px}.c-orders-page .c-record-tags>button{min-height:26px}.c-orders-page .c-record-prices{font-size:12px}.c-orders-page .c-record-prices em{font-size:10px}.c-orders-page .c-record-params{font-size:12px}.c-orders-page .c-record-actions .c-button{min-height:40px;font-size:13px}
 .c-orders-page .c-record-filter.c-compact-filters:not(.filters-expanded) .c-filter-type,.c-orders-page .c-record-filter.c-compact-filters:not(.filters-expanded) .c-filter-dates{display:none}
 .c-order-filter-toggle{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--cc-accent);background:none;border:0;padding:8px 0 0;min-height:36px;text-align:left}
 .c-page::-webkit-scrollbar{width:4px}.home-page::-webkit-scrollbar,.catalog-page::-webkit-scrollbar{width:4px}
 dialog .dialog-head button{width:40px;height:40px}dialog{max-height:calc(100dvh - 32px)}
}
@media(min-width:701px){.c-order-filter-toggle{display:none}}

/* Orders become phone cards, with a full-width price row and visible states. */
@media(max-width:700px){
 .c-orders-page .c-order-page{padding-top:16px}
 .c-orders-page .c-order-eyebrow{display:none}
 .c-orders-page .c-order-page-title p{font-size:12px;max-width:230px}
 .c-orders-page .c-record-toolbar{padding:6px}
 .c-orders-page .c-record-states{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;overflow:visible}
 .c-orders-page .c-record-states>a{justify-content:center;min-width:0;padding:9px 2px;font-size:12px;min-height:40px}
 .c-orders-page .c-record-states>a>span{font-size:10px;padding:0 4px}
 .c-orders-page .c-record-tools{justify-content:space-between;padding:8px 0 0}
 .c-orders-page .c-record-tools button{font-size:12px;min-height:36px;padding:6px 10px}
 .c-orders-page .c-record-content{display:grid;grid-template-columns:68px minmax(0,1fr);grid-template-areas:'image title' 'image tags' 'prices prices' 'params params' 'actions actions';gap:10px 12px;padding:14px 12px;align-items:start}
 .c-orders-page .c-record-product{display:contents}
 .c-orders-page .c-record-image{grid-area:image;align-self:center}
 .c-orders-page .c-record-image img{width:68px;height:68px;object-fit:cover;border-radius:9px}
 .c-orders-page .c-record-product h3{grid-area:title;font-size:15px;line-height:1.5;margin:0;font-weight:600}
 .c-orders-page .c-record-tags{grid-area:tags;gap:5px;font-size:11px;align-items:center}
 .c-orders-page .c-record-tags>span,.c-orders-page .c-record-tags>button{padding:4px 6px;min-height:25px}
 .c-orders-page .c-record-prices{grid-area:prices;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:100%;margin:3px 0 0;padding:12px 0;background:#f7f9fc;border-radius:9px;font-size:14px;color:#314766;font-variant-numeric:tabular-nums}
 .c-orders-page .c-record-prices>span{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;line-height:1.4;white-space:nowrap}
 .c-orders-page .c-record-prices>span+span{border-left:1px solid #e5eaf1}
 .c-orders-page .c-record-prices em{font-size:12px;color:#8290a4;background:none;padding:0}
 .c-orders-page .c-record-prices strong{font-size:15px;color:var(--cc-accent)}
 .c-orders-page .c-record-params{grid-area:params;font-size:12px;line-height:1.7;padding:11px 12px}
 .c-orders-page .c-record-actions{grid-area:actions;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding-top:11px}
 .c-orders-page .c-record-actions .c-button{min-width:0;min-height:42px;font-size:14px;padding:10px 6px;border-radius:7px}
 .c-orders-page .c-record-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 5px;padding:12px}
 .c-orders-page .c-record-number{max-width:100%;font-size:12px}
 .c-orders-page .c-record-time{grid-column:1/-1;margin:0;padding-right:58px;font-size:11px;line-height:1.5}
 .c-orders-page .c-record-head>.c-status{grid-column:2;justify-self:end;margin:-25px 0 0;font-size:10px}
 .c-orders-page .c-filter-actions .c-button{font-size:12px;min-height:40px}
}
@media(max-width:360px){
 .c-orders-page .c-filter-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .c-orders-page .c-filter-actions .c-button{font-size:13px}
 .c-orders-page .c-order-page-title>a{font-size:12px}
 .c-orders-page .c-order-records{padding-left:10px;padding-right:10px}
}
