@import"hp-a-home-layout-fonts-self-hosted-fonts.css";.vm-collection-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:24px 0 8px}.vm-collection-count{margin:0;color:var(--tr-muted);font-size:14px}.vm-collection-sort{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:14px}.vm-collection-sort select{min-width:160px;max-width:100%}.vm-collection-page .tr-card{display:flex;flex-direction:column}.vm-collection-page .tr-card-body{display:flex;flex-direction:column;flex:1}.vm-collection-page .tr-card h3{min-height:0;line-height:1.4;margin-bottom:16px}.vm-collection-page .tr-card h3 a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.vm-collection-page .tr-card-body>.b2b-button{margin-top:auto}.vm-collection-no-image{display:grid;place-items:center;aspect-ratio:1.1;min-height:150px;color:var(--tr-muted);font-size:13px}.vm-collection-pagination{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin:32px 0 0;font-size:14px}.vm-collection-pagination a,.vm-collection-pagination span{min-width:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border:1px solid var(--tr-line);border-radius:4px;text-decoration:none}.vm-collection-pagination [aria-current=page]{background:var(--tr-ink);color:#fff;border-color:var(--tr-ink)}.vm-collection-pagination a:hover{background:var(--tr-tint)}.vm-collection-pagination a:focus-visible,.vm-collection-sort select:focus-visible{outline:2px solid var(--tr-accent);outline-offset:3px}.vm-collection-compare[hidden]{display:none}@media(max-width:700px){.vm-collection-toolbar{align-items:flex-start;gap:14px}.vm-collection-sort{width:100%;gap:8px}.vm-collection-sort select{min-width:0;flex:1}.vm-collection-pagination{gap:5px}.vm-collection-pagination a,.vm-collection-pagination span{min-width:36px;min-height:44px;padding:8px}.vm-collection-pagination .vm-page-arrow{padding-inline:10px}}body.tr-body:has(.vm-collection-page){--vm-paper:#faf9f5;--vm-surface:#eeeee8;--vm-ink:#242522;--vm-copy:#42463d;--vm-line:#d9dbd2;--vm-accent:#292c25;--tr-ink:var(--vm-ink);--tr-muted:var(--vm-copy);--tr-line:var(--vm-line);--tr-accent:var(--vm-accent);--tr-tint:var(--vm-surface);--vp-surface:var(--vm-surface);--b2b-ink:var(--vm-ink);--b2b-muted:var(--vm-copy);--b2b-line:var(--vm-line);--b2b-navy:var(--vm-accent);--b2b-orange:var(--vm-accent);--b2b-orange-dark:#3b4035;background:var(--vm-paper);color:var(--vm-ink);font-family:Manrope,Arial,PingFang SC,Microsoft YaHei,sans-serif}body.tr-body:has(.vm-collection-page) :is(button,input,select,textarea){font-family:inherit}body.tr-body:has(.vm-collection-page) :is(h1,h2,h3,h4){font-family:Plus Jakarta Sans,Manrope,Arial,sans-serif;font-weight:600;letter-spacing:-.025em}body.tr-body:has(.vm-collection-page) .vm-collection-page :is(h1,h2,h3,a){color:var(--vm-ink)}body.tr-body:has(.vm-collection-page) :is(.bc-header,.bc-mobile-menu,.tr-dropdown){background:var(--vm-paper);color:var(--vm-ink);border-color:var(--vm-line)}body.tr-body:has(.vm-collection-page) .bc-header .tr-wordmark{font-family:Manrope,Arial,sans-serif;font-size:29px;font-weight:700}body.tr-body:has(.vm-collection-page) .bc-header .bc-search{background:var(--vm-paper);border-color:var(--vm-line);border-radius:12px;max-width:680px;justify-self:center}body.tr-body:has(.vm-collection-page) .bc-header .bc-search :is(.bc-camera,.bc-search-submit){width:44px;min-width:44px;height:44px;padding:10px;border-radius:10px;color:var(--vm-accent);background:transparent}body.tr-body:has(.vm-collection-page) .bc-header .bc-search :is(.bc-camera,.bc-search-submit) svg{stroke:var(--vm-accent)}body.tr-body:has(.vm-collection-page) :is(.b2b-button,.b2b-button--secondary){box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;height:auto;min-height:44px;padding:10px 22px;gap:10px;border:1px solid var(--vm-accent);border-radius:999px;background:var(--vm-accent);color:#fff;box-shadow:none;letter-spacing:0;font:600 14px/1.5 Manrope,Arial,PingFang SC,Microsoft YaHei,sans-serif;text-decoration:none}body.tr-body:has(.vm-collection-page) .b2b-button--secondary{background:transparent;color:var(--vm-ink);border-color:#aeb2a6}body.tr-body:has(.vm-collection-page) .bc-header .bc-topbar>.vp-rfq{height:44px;min-height:44px;padding:10px 20px;gap:12px;font-size:14px;border-radius:999px;background:var(--vm-accent);color:#fff}body.tr-body:has(.vm-collection-page) .vm-collection-page :is(.tr-card,.tr-card-body,.tr-photo){background:var(--vm-surface);border-color:var(--vm-line);box-shadow:none}body.tr-body:has(.vm-collection-page) .vm-collection-page .tr-card{border-radius:8px}body.tr-body:has(.vm-collection-page) .vm-collection-page .tr-card h3{font-weight:600}body.tr-body:has(.vm-collection-page) .vm-collection-page .tr-card .b2b-button{min-height:44px;padding:10px 22px;border-radius:8px;background:var(--vm-accent);color:#fff;border-color:var(--vm-accent);font-size:14px}body.tr-body:has(.vm-collection-page) .vm-collection-sort select{box-sizing:border-box;min-height:44px;padding:9px 14px;border:1px solid #b6bbad;border-radius:12px;background:var(--vm-paper);color:var(--vm-ink);font:400 16px/1.5 Manrope,Arial,sans-serif}body.tr-body:has(.vm-collection-page) .vm-collection-pagination :is(a,span){min-width:44px;min-height:44px;padding:10px 12px;border:1px solid var(--vm-line);border-radius:999px;background:var(--vm-paper);color:var(--vm-ink);font:600 14px/1.5 Manrope,Arial,sans-serif}body.tr-body:has(.vm-collection-page) .vm-collection-pagination [aria-current=page]{background:var(--vm-accent);color:#fff;border-color:var(--vm-accent)}body.tr-body:has(.vm-collection-page) .vm-collection-pagination a:hover{background:var(--vm-surface);border-color:var(--vm-accent)}body.tr-body:has(.vm-collection-page) :is(.b2b-button,.b2b-button--secondary):not(:disabled):hover{filter:brightness(.94)}body.tr-body:has(.vm-collection-page) :is(.b2b-button,.b2b-button--secondary):not(:disabled):active{filter:brightness(.88)}body.tr-body:has(.vm-collection-page) :is(.bc-camera,.bc-search-submit,.bc-menu-toggle):not(:disabled):hover{background:var(--vm-surface)}body.tr-body:has(.vm-collection-page) :is(button,a,input,select,summary):focus-visible{outline:2px solid var(--vm-accent);outline-offset:4px}body.tr-body:has(.vm-collection-page) input[data-tr-compare]{accent-color:var(--vm-accent)}body.tr-body:has(.vm-collection-page) .vm-collection-compare :is(table,.tr-diff){background:var(--vm-surface);color:var(--vm-ink)}body.tr-body:has(.vm-collection-page) .bc-footer{background:var(--vm-ink);color:#fff}body.tr-body:has(.vm-collection-page) .bc-footer :is(a,button,p,summary){color:inherit}@media(max-width:900px){body.tr-body:has(.vm-collection-page) .bc-topbar .tr-wordmark{font-size:26px}body.tr-body:has(.vm-collection-page) .bc-menu-toggle{min-height:44px;border-radius:12px;font-size:14px;color:var(--vm-ink)}}@media(prefers-reduced-motion:reduce){body.tr-body:has(.vm-collection-page) :is(button,a,input,select){transition:none}}@media(forced-colors:active){body.tr-body:has(.vm-collection-page) :is(button,a,input,select,summary):focus-visible{outline-color:Highlight}}body.tr-body:has(.vm-collection-page) .bc-desktop-market .bc-localization{box-sizing:border-box;display:flex;align-items:center;gap:8px;width:162.46875px;height:46px;padding:0 10px;margin:0;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--vm-ink);font:600 14px/1.3 Manrope,Arial,PingFang SC,Microsoft YaHei,sans-serif}body.tr-body:has(.vm-collection-page) .bc-desktop-market .bc-localization label{display:block;position:relative;flex:1;min-width:0;font:inherit}body.tr-body:has(.vm-collection-page) .bc-desktop-market .bc-localization label:first-of-type:after{content:"/";position:absolute;right:-6px;top:50%;transform:translateY(-50%);pointer-events:none}body.tr-body:has(.vm-collection-page) .bc-desktop-market .bc-localization select{box-sizing:border-box;-webkit-appearance:none;appearance:none;width:100%;max-width:none;height:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;cursor:pointer;text-overflow:ellipsis}body.tr-body:has(.vm-collection-page) .bc-desktop-market .bc-currency{flex:0 0 31px;width:31px;overflow:hidden;white-space:nowrap;font:inherit}body.tr-body:has(.vm-collection-page) .bc-desktop-market .bc-localization:before{content:"";flex:0 0 22px;width:22px;height:22px;background:center/22px 22px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23242522' stroke-width='1.6'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cellipse cx='12' cy='12' rx='4' ry='9'/%3E%3Cpath d='M3 12h18M5 6.5h14M5 17.5h14'/%3E%3C/svg%3E")}body.tr-body:has(.vm-collection-page) .bc-desktop-market .bc-localization:after{content:"";flex:0 0 14px;width:14px;height:14px;background:center/14px 14px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23242522' stroke-width='1.6'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E")}body.tr-body:has(.vm-collection-page) .bc-desktop-market .bc-localization:hover{background:var(--vm-surface)}body.tr-body:has(.vm-collection-page) .bc-desktop-market .bc-localization:focus-within{outline:2px solid var(--vm-accent);outline-offset:4px}
/*# sourceMappingURL=/cdn/shop/t/27/assets/vm-collection.css.map */