.op-hero{background:var(--color-navy);color:#fff;align-items:center;min-height:460px;display:flex;position:relative;overflow:hidden}.op-hero__imgwrap{width:46%;position:absolute;top:0;bottom:0;right:0;overflow:hidden}.op-hero__imgwrap img{object-fit:cover;object-position:40% center;width:100%;height:100%;display:block;transform:scale(1.04)}.op-hero__shade{background:linear-gradient(90deg,#16315b 0%,#16315be6 24%,#16315b3d 72%,#16315b14 100%);position:absolute;inset:0}.op-hero__pad{z-index:2;width:100%;max-width:1420px;margin:0 auto;padding:74px 34px;position:relative}.op-hero__copy{max-width:640px}.op-hero__kicker{letter-spacing:.22em;text-transform:uppercase;color:#ffffffbd;align-items:center;gap:12px;margin-bottom:22px;font-size:12px;font-weight:700;display:inline-flex}.op-hero__line{background:var(--color-red);width:28px;height:1.5px}.op-hero h1{font-family:var(--font-heading);letter-spacing:-.034em;text-wrap:pretty;font-size:clamp(min(34px,8vw),4.6vw,60px);font-weight:700;line-height:1.02}.op-hero__copy p{color:#fffc;max-width:540px;margin-top:22px;font-size:17.5px;line-height:1.7}.op-stepline{border-bottom:1px solid var(--color-border-mid);background:#fff}.op-steps{grid-template-columns:repeat(3,1fr);max-width:1420px;margin:0 auto;padding:0 34px;display:grid}.op-step{border-bottom:3px solid var(--color-border-mid);align-items:center;gap:14px;padding:18px 0;display:flex}.op-step__circle{background:var(--color-border);color:#6f695c;width:30px;height:30px;font-family:var(--font-heading);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.op-step__text{min-width:0}.op-step__title{color:#6f695c;font-size:15px;font-weight:700;line-height:1.25;display:block}.op-step__hint{font-family:var(--font-mono);color:#6f695c;margin-top:4px;font-size:11.5px;display:block}.op-step.is-active{border-bottom-color:var(--color-red)}.op-step.is-active .op-step__circle{background:var(--color-navy);color:#fff}.op-step.is-active .op-step__title{color:var(--color-navy)}.op-step.is-done{border-bottom-color:var(--color-green)}.op-step.is-done .op-step__circle{background:var(--color-green);color:#fff}.op-step.is-done .op-step__title{color:var(--color-navy)}.op-grid{grid-template-columns:1fr 372px;align-items:start;gap:26px;max-width:1420px;margin:0 auto;padding:34px;display:grid}.op-grid>*{min-width:0}.op-search{align-items:center;gap:12px;margin-bottom:14px;display:flex}.op-search__field{border:1px solid var(--color-border-mid);border-radius:var(--radius-button);background:#fff;flex:1;align-items:center;gap:12px;min-width:0;padding:14px 16px;display:flex}.op-search__icon{font-family:var(--font-mono);color:var(--color-text-faint);font-size:15px}.op-search input{min-width:0;color:var(--color-navy);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:15.5px}.op-search input::placeholder{color:var(--color-text-faint)}.op-repeat{white-space:nowrap;border:1px solid var(--color-navy);border-radius:var(--radius-button);color:var(--color-navy);cursor:pointer;background:0 0;flex:none;padding:9px 16px;font-size:13px;font-weight:700;transition:border-color .2s,color .2s,background .2s}.op-repeat:hover:not(:disabled){background:var(--color-bg-warm)}.op-repeat:disabled{color:#bdb8ab;cursor:not-allowed;border-color:#e8e4da}.op-tabs{background:var(--color-border-mid);border:1px solid var(--color-border-mid);border-radius:var(--radius-card);grid-template-columns:repeat(4,1fr);gap:1px;margin-bottom:22px;display:grid;overflow:hidden}.op-tab{color:var(--color-navy);text-align:left;cursor:pointer;background:#fff;border:none;border-radius:0;justify-content:space-between;align-items:baseline;gap:10px;min-width:0;padding:16px 18px;transition:background .2s,color .2s;display:flex}.op-tab__name{font-family:var(--font-heading);letter-spacing:-.015em;min-width:0;font-size:15px;font-weight:700}.op-tab__count{font-family:var(--font-mono);color:#6f695c;flex:none;font-size:12px}.op-tab.is-active{background:var(--color-navy);color:#fff}.op-tab.is-active .op-tab__count{color:#fff9}.op-rows{background:var(--color-border-mid);border:1px solid var(--color-border-mid);border-radius:var(--radius-card);flex-direction:column;gap:1px;display:flex;overflow:hidden}.op-row{background:#fff;grid-template-columns:132px 1fr 250px;align-items:center;gap:26px;padding:20px 22px;transition:background .25s;display:grid}.op-row:hover{background:#fcfbf8}.op-row.is-active,.op-row.is-active:hover{background:var(--color-row-active)}.op-row>*{min-width:0}.op-row__img{border:1px solid var(--color-border);background:#fff;border-radius:12px;justify-content:center;align-items:center;width:132px;height:118px;display:flex;overflow:hidden}.op-row__img img{object-fit:contain;max-width:86%;max-height:86%;display:block}.op-row__sku{font-family:var(--font-mono);letter-spacing:.16em;color:#6f695c;margin-bottom:7px;font-size:10.5px;display:block}.op-row__name{font-family:var(--font-heading);letter-spacing:-.022em;color:var(--color-navy);font-size:20px;font-weight:700;line-height:1.15;display:block}.op-row__desc{color:var(--color-text);max-width:420px;margin-top:7px;font-size:14px;line-height:1.55;display:block}.op-row__units{flex-wrap:wrap;gap:8px;margin-top:15px;display:flex}.op-unit{border:1px solid var(--color-border-dark);border-radius:var(--radius-button);color:var(--color-text);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:#fff;padding:7px 13px;font-size:10.5px;transition:all .2s}.op-unit.is-active{background:var(--color-navy);border-color:var(--color-navy);color:#fff}.op-row__ctl{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.op-qty{border:1px solid var(--color-border-dark);border-radius:var(--radius-button);background:#fff;align-items:stretch;display:inline-flex;overflow:hidden}.op-qty button{width:40px;height:46px;color:var(--color-navy);cursor:pointer;background:0 0;border:none;border-radius:0;font-size:19px;transition:background .2s}.op-qty button:hover{background:var(--color-bg-warm)}.op-qty input{border:none;border-left:1px solid var(--color-border-mid);border-right:1px solid var(--color-border-mid);text-align:center;width:70px;font-family:var(--font-mono);color:var(--color-navy);background:0 0;border-radius:0;outline:none;font-size:15px}.op-row__kg{font-family:var(--font-mono);letter-spacing:.06em;color:#6f695c;font-size:12px}.op-row__kg.is-active{color:var(--color-red)}.op-empty{border:1px solid var(--color-border-mid);text-align:center;background:#fff;border-top:none;padding:44px}.op-empty__title{font-family:var(--font-heading);color:var(--color-navy);margin-bottom:8px;font-size:19px;font-weight:700}.op-empty__text{color:var(--color-text);font-size:14.5px}.op-mono{font-family:var(--font-mono);color:var(--color-navy)}.op-cart{border:1px solid var(--color-border-mid);border-radius:var(--radius-dialog);background:#fff;flex-direction:column;max-height:calc(100vh - 130px);display:flex;position:sticky;top:104px;overflow:hidden}.op-cart__head{border-bottom:2px solid var(--color-navy);flex:none;justify-content:space-between;align-items:baseline;gap:12px;padding:20px 22px;display:flex}.op-cart__title{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--color-navy);font-size:19px;font-weight:700}.op-cart__pos{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#6f695c;font-size:11.5px}.op-cart__list{flex:1;padding:6px 22px;overflow-y:auto}.op-cart__item{border-bottom:1px solid #f1efe8;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;display:flex}.op-cart__item>div{min-width:0}.op-cart__name{color:var(--color-navy);font-size:14.5px;font-weight:600;line-height:1.3}.op-cart__line{font-family:var(--font-mono);color:var(--color-text);margin-top:3px;font-size:11.5px}.op-cart__item button{color:#6f695c;cursor:pointer;background:0 0;border:none;flex:none;font-size:16px;transition:color .2s}.op-cart__item button:hover{color:var(--color-red)}.op-cart__empty{color:var(--color-text);padding:26px 0;font-size:14.5px;line-height:1.7}.op-cart__foot{border-top:1px solid var(--color-border-mid);flex:none;padding:18px 22px 22px}.op-cart__total{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:6px;display:flex}.op-cart__total-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text);font-size:11.5px}.op-cart__total-kg{font-family:var(--font-heading);color:var(--color-navy);font-size:24px;font-weight:700}.op-cart__min{color:var(--color-text);margin-bottom:16px;font-size:12.5px;line-height:1.6}.op-cart__min.is-low{color:var(--color-red)}.op-cart__min.is-ok{color:var(--color-green)}.op-cart__cta{background:var(--color-red);color:#fff;border-radius:var(--radius-button);cursor:pointer;border:none;width:100%;padding:17px;font-size:15.5px;font-weight:700;transition:background .25s}.op-cart__cta:hover{background:var(--color-red-pressed)}.op-cart__note{color:var(--color-text);text-align:center;margin-top:12px;font-size:12.5px;line-height:1.6}.op-mobilebar{z-index:80;background:var(--color-navy);color:#fff;justify-content:space-between;align-items:center;gap:16px;padding:12px 18px;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 26px #0b122038}.op-mobilebar__sum{min-width:0}.op-mobilebar__pos{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#ffffff9e;font-size:11px;display:block}.op-mobilebar__kg{font-family:var(--font-heading);font-size:19px;font-weight:700;line-height:1.2;display:block}.op-mobilebar button{background:var(--color-red);color:#fff;cursor:pointer;border-radius:var(--radius-button);border:none;flex:none;min-height:48px;padding:14px 22px;font-size:15px;font-weight:700}@keyframes opIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes opPop{0%{opacity:0;transform:scale(.6)}60%{transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes opCheck{0%{stroke-dashoffset:60px}to{stroke-dashoffset:0}}.op-overlay{z-index:200;background:#0b12209e;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.op-panel{background:var(--color-bg-soft);border:1px solid var(--color-border-mid);border-radius:var(--radius-dialog);width:min(760px,100%);margin:auto;animation:.35s cubic-bezier(.22,.61,.36,1) both opIn;overflow:hidden}.op-panel__head{border-bottom:1px solid var(--color-border-mid);background:#fff;justify-content:space-between;align-items:center;gap:16px;padding:18px 30px;display:flex}.op-panel__kicker{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-text);font-size:11.5px}.op-panel__x{border:1px solid var(--color-border-mid);width:36px;height:36px;color:var(--color-navy);cursor:pointer;background:0 0;font-size:17px;transition:border-color .2s,color .2s}.op-panel__x:hover{border-color:var(--color-red);color:var(--color-red)}.op-panel__body{padding:34px 30px}.op-panel__body h2{font-family:var(--font-heading);letter-spacing:-.03em;color:var(--color-navy);margin-bottom:10px;font-size:clamp(26px,3.2vw,38px);font-weight:700}.op-panel__lead{color:var(--color-text);margin-bottom:28px;font-size:15.5px;line-height:1.7}.op-form__label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text);margin-bottom:12px;font-size:11.5px}.op-form__group{flex-direction:column;gap:12px;margin-bottom:28px;display:flex}.op-form__group input,.op-form__group textarea{border:1px solid var(--color-border-dark);width:100%;color:var(--color-navy);background:#fff;padding:15px 16px;font-family:inherit;font-size:16px}.op-form__group input:focus,.op-form__group textarea:focus{border-color:var(--color-navy);outline:none}.op-form__group input::placeholder,.op-form__group textarea::placeholder{color:var(--color-text-faint)}.op-form__group input.is-error{border-color:var(--color-red)}.op-form__group .op-mono-input{font-family:var(--font-mono)}.op-form__group textarea{resize:vertical}.op-form__error{color:var(--color-red);margin-top:7px;font-size:13px;line-height:1.5}.op-form__2col{grid-template-columns:1fr 1fr;align-items:start;gap:12px;display:grid}.op-form__plzort{grid-template-columns:1fr 2fr;gap:12px;display:grid}.op-chips{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.op-chip{border:1px solid var(--color-border-dark);border-radius:var(--radius-button);color:var(--color-navy);cursor:pointer;background:#fff;padding:10px 18px;font-size:13.5px;font-weight:700;transition:all .2s}.op-chip.is-active{background:var(--color-navy);border-color:var(--color-navy);color:#fff}.op-when{background:var(--color-border-mid);border:1px solid var(--color-border-mid);border-radius:var(--radius-card);grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden}.op-when__opt{color:var(--color-navy);text-align:left;cursor:pointer;background:#fff;border:none;border-radius:0;padding:15px 18px;font-size:14.5px;font-weight:700;transition:background .2s,color .2s}.op-when__opt.is-active{background:var(--color-navy);color:#fff}.op-summary{border:1px solid var(--color-border-mid);background:#fff;margin-bottom:22px;padding:20px 22px}.op-summary__head{border-bottom:2px solid var(--color-navy);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text);justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:4px;padding-bottom:10px;font-size:11.5px;display:flex}.op-summary__item{border-bottom:1px solid #f1efe8;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.op-summary__name{color:var(--color-navy);font-size:14.5px;font-weight:600}.op-summary__line{font-family:var(--font-mono);color:var(--color-red);white-space:nowrap;font-size:13px}.op-summary__empty{color:var(--color-text);padding:12px 0;font-size:14px}.op-alert{border-left:3px solid var(--color-red);color:var(--color-navy);background:#fceff0;gap:14px;margin-bottom:16px;padding:15px 18px;font-size:14px;line-height:1.6;display:flex}.op-alert__tag{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-red);flex:none;padding-top:2px;font-size:11px}.op-submit{background:var(--color-red);color:#fff;border-radius:var(--radius-button);cursor:pointer;border:none;width:100%;padding:19px;font-size:16px;font-weight:700;transition:background .25s}.op-submit:hover:not(:disabled){background:var(--color-red-pressed)}.op-submit:disabled{opacity:.7;cursor:progress}.op-back{border:1px solid var(--color-border-dark);border-radius:var(--radius-button);width:100%;color:var(--color-navy);cursor:pointer;background:0 0;min-height:48px;margin-top:10px;padding:15px;font-size:14.5px;font-weight:700;transition:border-color .2s}.op-back:hover{border-color:var(--color-navy)}.op-panel__note{color:var(--color-text);text-align:center;margin-top:12px;font-size:12.5px}.op-done{padding:44px 30px 40px}.op-done__badge{background:var(--color-navy);justify-content:center;align-items:center;width:76px;height:76px;margin-bottom:28px;animation:.5s cubic-bezier(.22,.61,.36,1) both opPop;display:flex}.op-done__check{stroke-dasharray:60;stroke-dashoffset:60px;animation:.6s .25s forwards opCheck}.op-done__ref{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-red);margin-bottom:14px;font-size:11.5px}.op-done h2{font-size:clamp(28px,3.6vw,44px)}.op-done__lead{color:var(--color-text);margin-bottom:10px;font-size:16.5px;line-height:1.75}.op-done__contact{color:var(--color-text);margin-bottom:18px;font-size:15px;line-height:1.7}.op-done__mock{color:var(--color-text-muted);border:1px dashed var(--color-border-dark);margin-bottom:30px;padding:10px 14px;font-size:13px;line-height:1.6}.op-done__actions{flex-wrap:wrap;gap:14px;display:flex}.op-done__actions a{background:var(--color-navy);color:#fff;border-radius:var(--radius-button);align-items:center;padding:16px 30px;font-size:15px;font-weight:700;transition:background .25s;display:inline-flex}.op-done__actions a:hover{background:#0e1b36}.op-done__actions button{border:1px solid var(--color-border-dark);color:var(--color-navy);cursor:pointer;background:0 0;padding:15px 30px;font-size:15px;font-weight:700;transition:border-color .2s}.op-done__actions button:hover{border-color:var(--color-navy)}@media (width<=1180px){.op-grid{grid-template-columns:1fr}.op-cart{max-height:none;position:static}.op-mobilebar{display:flex}}@media (width<=980px){.op-steps{grid-template-columns:repeat(3,1fr);gap:10px}.op-step{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:14px 4px 12px}.op-step__circle{width:26px;height:26px;font-size:12.5px}.op-step__title{font-size:12.5px;line-height:1.3}.op-step__hint{display:none}.op-search{flex-direction:column;align-items:stretch}.op-repeat{text-align:center;padding:12px 16px}.op-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;background:0 0;border:none;border-radius:0;gap:8px;padding:2px;display:flex;overflow:auto visible}.op-tabs::-webkit-scrollbar{display:none}.op-tab{white-space:nowrap;border:1px solid var(--color-border-dark);border-radius:var(--radius-button);flex:none;padding:11px 18px}.op-tab.is-active{border-color:var(--color-navy)}}@media (width<=900px){.op-hero__imgwrap{opacity:.28;width:100%;position:absolute}.op-hero{min-height:0}.op-hero__copy,.op-hero__copy p,.op-hero h1{max-width:100%}.op-unit{min-height:44px;padding-left:15px;padding-right:15px}.op-chip,.op-panel button{min-height:44px}.op-panel input,.op-panel textarea{min-height:48px}}@media (width<=680px){.op-grid{padding:20px}.op-row{grid-template-columns:1fr;gap:14px}.op-row__ctl{align-items:stretch}.op-panel__body{padding:22px 18px}.op-form__2col,.op-form__plzort,.op-when{grid-template-columns:1fr}.op-row__img{width:100%;height:170px}.op-qty{width:100%}.op-qty input{flex:1;width:auto}}@media (width<=560px){.op-grid{padding:14px}.op-row{padding:18px 15px}.op-hero__pad{padding-left:18px;padding-right:18px}.op-mobilebar{gap:12px;padding:10px 14px}.op-mobilebar button{padding:12px 16px;font-size:14px}.op-mobilebar__kg{font-size:16px}}@media (width<=400px){.op-hero__pad{padding-left:18px;padding-right:18px}}