/* Shared material pages, including account views. */
.material-site { --color-text-3:#667085; }
.material-site #material-main { min-height:calc(100dvh - 136px); }
.material-breadcrumb + .material-heading { padding-top:20px; }
.material-heading-actions { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.material-heading p { max-width:640px; overflow-wrap:anywhere; }
.material-panel { padding:20px 0; margin-bottom:16px; }
.material-panel h2 { font-size:18px; margin-bottom:18px; }
.material-checkout .material-panel + .material-panel { padding-top:8px; }
.material-summary { padding:24px; }
.material-summary-total { padding:18px 0; }
.material-card { display:flex; flex-direction:column; }
.material-card-body { display:flex; flex-direction:column; flex:1; }
.material-card h2 { min-height:52px; font-size:16px; overflow-wrap:anywhere; }
.material-card-bottom { margin-top:auto; }
.material-card-visual { flex-shrink:0; }
.material-site .arco-input::placeholder,.material-site .arco-textarea::placeholder { color:var(--color-text-3); }
.material-site .arco-input-size-large { min-height:40px; }
.material-filter-row { padding-block:12px; align-items:center; }
.material-filter-label { flex-basis:52px; }
.material-toolbar { scroll-margin-top:100px; }
.material-info-tabs { position:sticky; top:var(--header-height); z-index:20; background:var(--material-page); padding-inline:0; }
.material-info-tabs a { white-space:nowrap; border-bottom:2px solid transparent; }
.material-long-intro,.material-contents,.material-purchase-notes { scroll-margin-top:150px; }
.material-intro-heading { padding:32px 16px 20px; }
.material-intro-heading h2 { font-size:24px; }
.material-highlights { flex-wrap:wrap; gap:10px 24px; }
.material-order-head { align-items:flex-start; }
.material-order-head > div { display:flex; flex-wrap:wrap; gap:6px 16px; min-width:0; }
.material-order-head strong { margin:0; overflow-wrap:anywhere; }
.material-order-product { min-width:0; }
.material-order-product > div { min-width:0; }
.material-order-product h3 { overflow-wrap:anywhere; }
.material-order-actions .arco-btn { min-height:36px; height:auto; white-space:normal; }
.material-site .footer .tit { color:rgba(255,255,255,.65); }
.material-site .footer .lk { color:rgba(255,255,255,.76); }
.material-site .footer_b,.material-site .footer_b a { color:rgba(255,255,255,.6); }
.material-order-overview { display:flex; justify-content:space-between; gap:24px; align-items:center; padding:24px 0 32px; }
.material-order-overview h2 { font-size:24px; margin:8px 0; }
.material-order-overview p { color:var(--color-text-3); font-size:14px; }
.material-order-overview > .material-price { font-size:32px; flex-shrink:0; }
.material-order-detail-grid { display:grid; grid-template-columns:minmax(0,1fr) 360px; gap:40px; padding-bottom:56px; }
.material-order-facts { display:grid; grid-template-columns:84px minmax(0,1fr); gap:16px 24px; font-size:14px; }
.material-order-facts dt { color:var(--color-text-3); }
.material-order-facts dd { overflow-wrap:anywhere; }
.material-delivery-panel { padding:24px; align-self:start; border-radius:6px; background:var(--material-surface-soft); }
.material-delivery-panel h2 { font-size:18px; margin-bottom:18px; }
.material-delivery-panel > p { color:var(--color-text-3); font-size:13px; line-height:1.8; margin-bottom:24px; }
.material-detail-actions { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:auto; }
.material-owned-grid { padding:8px 0 64px; }
.material-owned-card { display:flex; flex-direction:column; background:var(--material-surface); border-radius:6px; overflow:hidden; min-width:0; }
.material-owned-image { position:relative; aspect-ratio:16/10; flex-shrink:0; min-height:0; display:block; overflow:hidden; background:var(--material-surface-soft); }
.material-owned-image img { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:contain; }
.material-owned-body { display:flex; flex-direction:column; gap:14px; padding:20px; flex:1; }
.material-owned-body h2 { font-size:16px; line-height:1.6; }
.material-owned-body p,.material-resource-format { font-size:13px; color:var(--color-text-3); }
@media (max-width:960px) {
  .material-order-detail-grid { grid-template-columns:1fr; gap:16px; }
  .material-order-overview { padding-top:8px; }
  .material-order-actions { flex-wrap:wrap; gap:8px; }
}
@media (max-width:600px) {
  .material-subnav > .material-wrap { align-items:flex-start; flex-direction:column; gap:10px; padding-block:12px; }
  .material-subnav nav { width:100%; justify-content:space-between; gap:6px; }
  .material-subnav .material-home { font-size:15px; }
  .material-card h2 { min-height:44px; font-size:13px; }
  .material-card-meta { font-size:11px; }
  .material-card-bottom { gap:4px; }
  .material-heading { padding-top:28px; }
  .material-heading-actions { gap:8px; }
  .material-heading-actions .arco-btn { padding-inline:12px; }
  .material-breadcrumb { padding-block:18px; }
  .material-breadcrumb + .material-heading { padding-top:8px; }
  .material-panel { padding-block:16px; }
  .material-summary { padding:20px; }
  .material-info-tabs { gap:24px; justify-content:space-between; }
  .material-order-overview { align-items:flex-start; flex-direction:column; gap:12px; }
  .material-order-overview h2 { font-size:22px; }
  .material-owned-grid { padding-bottom:40px; }
  .material-owned-body { padding:12px 12px 16px; gap:10px; }
  .material-owned-body h2 { font-size:13px; overflow-wrap:anywhere; }
  .material-owned-body p,.material-owned-body .material-resource-format { font-size:11px; }
  .material-owned-body .material-detail-actions { flex-direction:column; align-items:stretch; gap:6px; }
  .material-owned-body .arco-btn { height:32px; padding-inline:8px; font-size:12px; }
  .material-order-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .material-order-actions .arco-btn-primary { grid-column:2; grid-row:1; }
  .material-order-actions .arco-btn:last-child { grid-column:1/-1; }
}