.of{--navy:#021E44;--orange:#FE5302;--orange-soft:#FFE9DF;--ink:#0B1B33;--mute:#5B6785;--line:#E3E6EE;--ph:#E6E9F1;--ok:#0E7A4B;--okbg:#E2F5EC;--bad:#B3261E;--badbg:#FCE8E6;background:#f6f7fb;color:var(--ink);padding-bottom:90px;min-height:60vh}.of *{box-sizing:border-box}.of-top{background:var(--navy);color:#fff;padding:16px max(16px,calc((100% - 1100px)/2)) 14px}.of-top.light{background:#fff;color:var(--ink);border-bottom:1px solid var(--line)}.of-toprow{display:flex;gap:10px;align-items:center}.of-top h1{margin:0;font-size:22px;letter-spacing:-.3px}.of-top span{font-size:13px;color:#b9c4da;display:block}.of-top.light span{color:var(--mute)}.of-back{width:38px;height:38px;border-radius:19px;border:0;background:#ffffff24;color:inherit;font-size:24px;line-height:1;cursor:pointer}.of-top.light .of-back{background:#eef1f7}.of-body{padding:14px max(16px,calc((100% - 1100px)/2)) 24px;display:flex;flex-direction:column;gap:12px}.of-cols{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}@media (min-width:900px){.of-cols{grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start}.of-side{position:sticky;top:16px}}.of-main,.of-side{display:flex;flex-direction:column;gap:12px;min-width:0}.of-grow{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.of-xs{font-size:12px;color:var(--mute)}.of-xs.center{text-align:center}.of-tags{display:flex;gap:6px;flex-wrap:wrap}.of-tag{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:11px;background:var(--ph);font-size:12px;font-weight:700;color:var(--navy);white-space:nowrap;align-self:flex-start}.of-tag.ok{background:var(--okbg);color:var(--ok)}.of-tag.warn{background:var(--orange-soft);color:#8a2e00}.of-tag.bad{background:var(--badbg);color:var(--bad)}.of-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;flex-wrap:nowrap}.of-chips::-webkit-scrollbar{display:none}.of-chips button,.of-chips a{flex:none;height:36px;padding:0 14px;border-radius:18px;background:#fff;border:1.5px solid var(--line);font:inherit;font-size:14px;font-weight:700;display:inline-flex;align-items:center;white-space:nowrap;color:var(--ink);text-decoration:none;cursor:pointer}.of-chips button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}.of-seg{display:flex;background:var(--ph);border-radius:23px;padding:4px;gap:4px}.of-seg button{flex:1;min-height:38px;border-radius:19px;border:0;background:none;font:inherit;font-size:14px;font-weight:800;color:var(--mute);cursor:pointer}.of-seg button[aria-pressed=true]{background:#fff;color:var(--navy);box-shadow:0 1px 3px #021e4426}.of-sec{display:flex;flex-direction:column;gap:10px;scroll-margin-top:12px}.of-sec h2{margin:0;font-size:17px;font-weight:800}.of-items{display:grid;gap:10px}@media (min-width:900px){.of-items{grid-template-columns:repeat(2,minmax(0,1fr))}}.of-item{display:flex;gap:12px;text-align:left;width:100%;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px;font:inherit;color:inherit;cursor:pointer}.of-item:active{background:#fafbfd}.of-item.out{opacity:.55;cursor:not-allowed}.of-item b{font-size:15px}.of-price{font-weight:800;font-size:15px}.of-item img,.of-ph{width:76px;height:76px;border-radius:12px;object-fit:cover;flex:none;background:var(--ph)}.of-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:10px}.of-line{display:flex;gap:12px;align-items:center}.of-line.sep{border-top:1px solid var(--line);padding-top:14px}.of-amt{min-width:72px;text-align:right}.of-row{display:flex;justify-content:space-between;gap:12px;font-size:14px}.of-row.total{font-weight:800;font-size:16px;border-top:1px solid var(--line);padding-top:8px}.of-step{display:inline-flex;align-items:center;gap:12px}.of-step button{width:34px;height:34px;border-radius:17px;border:1.5px solid var(--navy);background:#fff;font:inherit;font-weight:800;padding:0;cursor:pointer;color:var(--navy)}.of-step button.on{background:var(--navy);color:#fff}.of-fld{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:700;color:var(--mute)}.of-fld input,.of-fld textarea,.of-fld select{min-height:46px;border-radius:12px;border:1.5px solid var(--line);background:#fff;padding:10px 14px;font:inherit;font-size:15px;font-weight:500;color:var(--ink);width:100%}.of-fld input:focus,.of-fld textarea:focus,.of-fld select:focus{outline:0;border-color:var(--navy)}.of-btn{min-height:50px;border-radius:25px;border:0;background:var(--orange);color:var(--navy);font:inherit;font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center;padding:0 20px;width:100%;cursor:pointer}.of-btn.line{background:#fff;border:1.5px solid var(--navy)}.of-btn.sm{min-height:38px;width:auto;font-size:14px;padding:0 16px}.of-btn[disabled]{background:var(--ph);color:var(--mute);cursor:not-allowed}.of-note{background:var(--orange-soft);border-radius:14px;padding:12px 14px;font-size:13px;line-height:1.4;color:#5a1e00}.of-err{background:var(--badbg);color:var(--bad);border-radius:14px;padding:12px 14px;font-size:14px}.of-empty{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center}.of-cartbar{position:fixed;left:max(16px,calc((100% - 1100px)/2));right:max(16px,calc((100% - 1100px)/2));bottom:16px;z-index:15;min-height:54px;border-radius:27px;background:var(--navy);color:#fff;display:flex;align-items:center;padding:0 20px;font:inherit;font-weight:800;gap:12px;border:0;cursor:pointer;box-shadow:0 8px 24px #021e444d}.of-cartbar b{background:var(--orange);color:var(--navy);min-width:26px;height:26px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:13px;padding:0 6px}.of-cartbar .of-grow{text-align:left}.of-dim{position:fixed;inset:0;background:#021e4480;z-index:30;display:flex;align-items:flex-end;justify-content:center}.of-sheet{width:100%;max-width:560px;max-height:92%;overflow-y:auto;background:#fff;border-radius:24px 24px 0 0;padding:18px 16px 20px;display:flex;flex-direction:column;gap:12px}@media (min-width:700px){.of-dim{align-items:center}.of-sheet{border-radius:24px}}.of-grab{width:44px;height:5px;border-radius:3px;background:var(--line);align-self:center;flex:none}.of-sheethead{display:flex;gap:10px;align-items:flex-start}.of-sheethead h2{margin:0;font-size:20px}.of-x{width:34px;height:34px;border-radius:17px;border:0;background:#eef1f7;font-size:22px;line-height:1;cursor:pointer}.of-group{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.of-group legend{padding:0;width:100%;display:flex;gap:8px;align-items:center;justify-content:space-between;margin-bottom:8px}.of-opt{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 14px;cursor:pointer}.of-opt.on{border:2px solid var(--navy);padding:11px 13px}.of-opt input{width:20px;height:20px;accent-color:var(--navy)}.of-sheetfoot{display:flex;gap:12px;align-items:center;padding-top:4px}.of-sheetfoot .of-btn{flex:1}.of-fld.plain{margin-top:2px}.of-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.of-steps li{font-size:14px;color:var(--mute)}.of-steps li.done{color:var(--ink)}.of-back{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;flex:none}.os-hero{background:linear-gradient(180deg,#e9edf5,var(--bg));padding:40px 0 26px;border-bottom:1px solid var(--line)}.os-hero h1{margin:0 0 8px;font-size:clamp(32px,5vw,54px);letter-spacing:-.03em;color:var(--p);line-height:1.05}.os-hero p{margin:0 0 20px;color:var(--mute);font-size:18px}.os-where{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch;max-width:860px}.os-where label{flex:2 1 280px;display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:0 16px;min-height:54px}.os-where label:focus-within{border-color:var(--a)}.os-where svg{width:20px;height:20px;color:var(--a);flex:none}.os-where input{flex:1;border:0;outline:0;background:none;font:inherit;font-size:16px;min-width:0}.os-near{margin:12px 0 0;color:var(--mute)}.os-chips{display:flex;gap:10px;overflow-x:auto;padding:2px 0 14px;scrollbar-width:none}.os-chips::-webkit-scrollbar{display:none}.os-chip{flex:none;padding:10px 18px;border-radius:999px;border:1.5px solid var(--line);background:#fff;font:inherit;font-weight:700;cursor:pointer;color:var(--ink)}.os-chip:hover{border-color:var(--p)}.os-chip[aria-pressed=true]{background:var(--p);border-color:var(--p);color:#fff}.os-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.os-tile{display:flex;gap:14px;text-decoration:none;color:inherit;background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px;transition:box-shadow .12s,transform .12s}.os-tile:hover{box-shadow:0 12px 30px #021e441f;transform:translateY(-2px)}.os-tile.closed{opacity:.72}.os-tile img,.os-ph{width:92px;height:92px;border-radius:14px;object-fit:cover;flex:none;background:#e6e9f1}.os-body{display:flex;flex-direction:column;gap:4px;min-width:0}.os-body>b{font-size:17px}.os-tags{display:flex;flex-wrap:wrap;gap:6px}.os-tag{font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;background:#eef1f7;color:#34425f}.os-tag.ok{background:#e2f5ec;color:#0e7a4b}.os-tag.warn{background:#ffe9df;color:#8a2e00}.os-tag.bad{background:#fce8e6;color:#b3261e}@media (max-width:900px){.os-grid{grid-template-columns:1fr}.os-where label,.os-where .bs-cta,.os-where .bs-ghost{flex:1 1 100%}}