.occ-plo{--plo-line: #DDD8CB;--plo-line-soft: #ECE8DD;--plo-muted: #5A5A52;--plo-error: #A3341C;--plo-error-bg: #FDF3EF;--plo-active-bg: #FDF4EA;background:var(--plo-bg);color:var(--plo-ink);padding:var(--plo-top) 0 var(--plo-bottom);font-family:var(--font-body-family),sans-serif}.occ-plo__inner{width:min(1200px,calc(100% - 32px));margin:0 auto;display:flex;flex-direction:column;gap:28px}.occ-plo__title{margin:0;font:800 clamp(32px,3.4vw,48px)/1.08 var(--font-heading-family),sans-serif;letter-spacing:-.035em;color:#2b2b27}.occ-plo__lead{margin-top:10px;max-width:640px;font-size:17px;line-height:1.5;color:#3f3f38}.occ-plo__lead p{margin:0}.occ-plo__layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:32px;align-items:start}.occ-plo__parts{background:#fff;border:1px solid var(--plo-line);border-radius:8px;overflow:hidden;min-width:0}.occ-plo__toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;padding:16px 20px;border-bottom:1px solid var(--plo-line)}.occ-plo__tabs{display:flex;flex-wrap:wrap;gap:6px;flex:1 1 auto}.occ-plo__tab{height:40px;padding:0 14px;border:1px solid #CFC9B8;border-radius:6px;background:#fff;color:#2b2b27;font:600 14px var(--font-body-family),sans-serif;cursor:pointer;white-space:nowrap}.occ-plo__tab:hover{border-color:var(--plo-brand)}.occ-plo__tab[aria-selected=true]{background:var(--plo-brand);border-color:var(--plo-brand);color:#fff}.occ-plo--filtering .occ-plo__tab[aria-selected=true]{background:#fff;color:#2b2b27;border-color:#cfc9b8}.occ-plo__tab-count{font-weight:500;opacity:.75}.occ-plo__tab{display:inline-flex;align-items:center;gap:6px}.occ-plo__tab-badge{min-width:22px;height:22px;padding:0 6px;box-sizing:border-box;border-radius:11px;background:var(--plo-accent);color:var(--plo-ink);font-size:12px;font-weight:800;line-height:22px;text-align:center}.occ-plo__picker{display:none}.occ-plo__picker-label{display:block;margin-bottom:6px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--plo-brand)}.occ-plo__select{width:100%;height:48px;padding:0 12px;border:2px solid var(--plo-brand);border-radius:8px;background-color:#fff;color:var(--plo-ink);font:700 16px var(--font-body-family),sans-serif}.occ-plo__select:focus-visible{outline:2px solid var(--plo-accent);outline-offset:2px}.occ-plo__inorder{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;font-size:13px}.occ-plo__inorder-label{color:var(--plo-muted);font-weight:600}.occ-plo__inorder-list{display:contents}.occ-plo__chip{min-height:32px;padding:0 12px;border:1px solid var(--plo-accent);border-radius:16px;background:var(--plo-active-bg);color:var(--plo-ink);font:700 13px var(--font-body-family),sans-serif;cursor:pointer}.occ-plo__filter{display:flex;align-items:center;gap:8px;height:40px;width:240px;padding:0 12px;border:1px solid #CFC9B8;border-radius:6px;color:#6b6b63;background:#fff}.occ-plo__filter input{flex:1;min-width:0;border:0;outline:none;background:transparent;font:14px var(--font-body-family),sans-serif;color:var(--plo-ink);-webkit-appearance:none;appearance:none}.occ-plo__filter:focus-within{outline:2px solid var(--plo-accent);outline-offset:2px}.occ-plo__table{width:100%;border-collapse:collapse;font-size:15px}.occ-plo__caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.occ-plo--filtering .occ-plo__panel:not(:first-of-type) .occ-plo__table thead{display:none}.occ-plo__table thead th{padding:12px 20px;background:var(--plo-bg);color:var(--plo-brand);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-align:left}.occ-plo__table th.occ-plo__num,.occ-plo__table td.occ-plo__price,.occ-plo__table td.occ-plo__total{text-align:right}.occ-plo__table th.occ-plo__center{text-align:center}.occ-plo__row>*{padding:10px 20px;border-top:1px solid var(--plo-line-soft);vertical-align:middle}.occ-plo__row.is-active{background:var(--plo-active-bg)}.occ-plo__model th{padding:10px 20px;border-top:1px solid var(--plo-line);background:var(--plo-line-soft);color:var(--plo-brand);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-align:left}.occ-plo__row.is-error{background:var(--plo-error-bg)}.occ-plo__part{text-align:left;font-weight:500}.occ-plo__part a{color:inherit;text-decoration:none}.occ-plo__part a:hover{color:var(--plo-brand);text-decoration:underline;text-underline-offset:3px}.occ-plo__variant,.occ-plo__brand{display:block;margin-top:2px;font-size:13px;font-weight:400;color:var(--plo-muted)}.occ-plo--filtering .occ-plo__brand{display:block!important;font-size:12px}.occ-plo__price,.occ-plo__total{white-space:nowrap;font-variant-numeric:tabular-nums;color:#2b2b27}.occ-plo__each{display:none}.occ-plo__total{font-weight:600;width:120px}.occ-plo__price{width:110px}.occ-plo__qty{width:176px;text-align:center}.occ-plo__stepper{display:inline-flex;align-items:center;border:1px solid #CFC9B8;border-radius:6px;background:#fff;overflow:hidden}.is-active .occ-plo__stepper{border-color:var(--plo-accent)}.is-error .occ-plo__stepper{border-color:var(--plo-error)}.occ-plo__step{width:44px;height:42px;border:0;background:var(--plo-bg);color:#2b2b27;font-size:18px;line-height:1;cursor:pointer}.occ-plo__step:hover{background:#e6e1d3}.occ-plo__input{width:64px;height:42px;border:0;text-align:center;font:600 15px var(--font-body-family),sans-serif;color:var(--plo-ink);font-variant-numeric:tabular-nums;background:#fff}.occ-plo__input:focus{outline:none}.occ-plo__stepper:focus-within{outline:2px solid var(--plo-accent);outline-offset:2px}.occ-plo__min{display:block;margin-top:4px;font-size:12px;font-weight:600;color:var(--plo-error)}.occ-plo__soldout{font-size:14px;color:var(--plo-muted)}.occ-plo__empty{margin:0;padding:40px 20px;text-align:center;color:var(--plo-muted);font-size:15px}.occ-plo__summary{position:sticky;top:24px;display:flex;flex-direction:column;gap:16px;padding:24px;background:#fff;border:1px solid var(--plo-line);border-top:4px solid var(--plo-accent);border-radius:8px}.occ-plo__summary-title{margin:0;font:700 22px var(--font-heading-family),sans-serif;color:#2b2b27}.occ-plo__by-brand{display:flex;flex-direction:column;gap:6px;padding-bottom:14px;border-bottom:1px solid var(--plo-line);font-size:14px}.occ-plo__by-brand>div{display:flex;justify-content:space-between;gap:12px}.occ-plo__by-brand>div>span:first-child{color:var(--plo-muted)}.occ-plo__summary-rows{display:flex;flex-direction:column;gap:10px;margin:0;font-size:15px}.occ-plo__summary-rows>div{display:flex;justify-content:space-between;gap:12px}.occ-plo__summary-rows dt{color:#3f3f38}.occ-plo__summary-rows dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums}.occ-plo__summary-total{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-top:14px;border-top:1px solid var(--plo-line)}.occ-plo__summary-total-label{font:700 18px var(--font-heading-family),sans-serif}.occ-plo__summary-meta{display:none}.occ-plo__summary-grand{font:800 26px var(--font-heading-family),sans-serif;font-variant-numeric:tabular-nums}.occ-plo__alert{padding:10px 12px;border-radius:6px;background:#fbeae4;color:#7e2612;font-size:14px;line-height:1.4}.occ-plo__add{height:52px;border:0;border-radius:6px;background:var(--plo-accent);color:#1a1a1a;font:700 16px var(--font-body-family),sans-serif;cursor:pointer}.occ-plo__add:hover:not(:disabled){filter:brightness(.95)}.occ-plo__add:disabled{background:#e4dfd2;color:#6b6b63;cursor:not-allowed}.occ-plo__clear{height:44px;border:1px solid #CFC9B8;border-radius:6px;background:#fff;color:#2b2b27;font:600 15px var(--font-body-family),sans-serif;cursor:pointer}.occ-plo__note{margin:0;font-size:13px;line-height:1.5;color:var(--plo-muted)}.occ-plo__group[hidden],.occ-plo__row[hidden],.occ-plo__by-brand[hidden],.occ-plo__inorder[hidden],.occ-plo__tab-badge[hidden]{display:none!important}.occ-plo button:focus-visible,.occ-plo a:focus-visible{outline:2px solid var(--plo-accent);outline-offset:2px}@media screen and (max-width:989px){.occ-plo__layout{grid-template-columns:minmax(0,1fr);gap:0}.occ-plo__parts{border-radius:8px 8px 0 0}.occ-plo__summary{position:sticky;top:auto;bottom:0;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"alert alert" "total add";gap:10px 12px;padding:12px 16px calc(14px + env(safe-area-inset-bottom));background:var(--plo-brand);border:0;border-radius:0;margin:0 -16px}.occ-plo__summary-title,.occ-plo__by-brand,.occ-plo__summary-rows,.occ-plo__clear,.occ-plo__note,.occ-plo__summary-total-label{display:none}.occ-plo__summary-total{grid-area:total;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;padding:0;border:0;color:#fff}.occ-plo__summary-meta{display:block;font-size:13px;color:#e6e3d8}.occ-plo__summary-grand{font-size:24px}.occ-plo__alert{grid-area:alert;padding:8px 10px;font-size:13px}.occ-plo__add{grid-area:add;height:48px;padding:0 20px}.occ-plo__add:disabled{background:#8a937f;color:#2b2b27}}@media screen and (max-width:749px){.occ-plo__inner{gap:18px}.occ-plo__lead{font-size:15px}.occ-plo__parts{overflow:visible}.occ-plo__toolbar{position:sticky;top:0;z-index:3;padding:12px;flex-direction:column;align-items:stretch;gap:10px;background:#fff;border-radius:8px 8px 0 0}.occ-plo__tabs{display:none}.occ-plo__picker{display:block}.occ-plo__filter{width:auto;height:44px}.occ-plo__filter input{font-size:16px}.occ-plo__model{display:block;margin-top:16px}.occ-plo__group:first-of-type .occ-plo__model{margin-top:4px}.occ-plo__model th{display:block;padding:0 2px;border:0;background:none;font-size:12px}.occ-plo__table,.occ-plo__table tbody{display:block}.occ-plo__table thead{display:none}.occ-plo__table tbody{padding:8px 12px 12px}.occ-plo__row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"part price" "total qty";gap:10px 12px;align-items:center;margin-top:8px;padding:12px;border:1px solid var(--plo-line);border-radius:8px;background:#fff}.occ-plo__row.is-active{border-color:var(--plo-accent)}.occ-plo__row.is-error{border-color:var(--plo-error)}.occ-plo__row>*{padding:0;border:0;width:auto}.occ-plo__part{grid-area:part;font-weight:600;line-height:1.3}.occ-plo__price{grid-area:price;align-self:start;text-align:right}.occ-plo__each{display:block;font-size:12px;color:var(--plo-muted)}.occ-plo__qty{grid-area:qty;text-align:right}.occ-plo__total{grid-area:total;text-align:left!important;font-size:14px}.occ-plo__row:not(.is-active) .occ-plo__total{visibility:hidden}.occ-plo__row.is-error .occ-plo__total{visibility:hidden}.occ-plo__step{height:44px;font-size:20px}.occ-plo__input{width:56px;height:44px;font-size:16px}}.occ-plo [hidden]{display:none!important}.occ-plo.occ-plo--filtering .occ-plo__row:not([hidden]) .occ-plo__brand[hidden]{display:block!important}
/*# sourceMappingURL=/cdn/shop/t/37/assets/occ-price-list-order.css.map */