.olfpc{background:var(--bg,#fbf8f5);color:#000}.olfpc *{box-sizing:border-box}.olfpc .in{max-width:1280px;margin:0 auto;padding:var(--pt,14px) 40px var(--pb,80px)}.olfpc .bc{margin:0 0 12px;font-size:13px;color:#5c5650}.olfpc .bc a{color:#5c5650}.olfpc .top{display:grid;grid-template-columns:minmax(0,1fr) 500px;gap:56px;align-items:start}.olfpc .gal{display:grid;grid-template-columns:84px minmax(0,1fr);gap:16px;align-items:start;position:sticky;top:110px}.olfpc .th{display:grid;gap:12px;margin:0;padding:0;list-style:none}.olfpc .th button{display:block;width:84px;height:84px;padding:0;border:0;border-radius:14px;overflow:hidden;background:#e6e2dc;cursor:pointer}.olfpc .th button[aria-pressed=true]{box-shadow:0 0 0 2px #000}.olfpc .th img{display:block;width:100%;height:100%;object-fit:cover}.olfpc .main{position:relative;aspect-ratio:1/1;max-height:560px;border-radius:28px;overflow:hidden;background:var(--mbg,#e6e2dc)}.olfpc .main img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s ease}.olfpc .main img.on{opacity:1}.olfpc .dots{display:none}.olfpc .kick{margin:0 0 8px;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#34508f}.olfpc h1,.olfpc h2{font-family:var(--hf),serif;font-weight:var(--hw,400);color:#000}.olfpc h1{margin:0 0 10px;font-size:clamp(28px,2.8vw,34px);line-height:1.2}.olfpc h1 em,.olfpc h2 em{font-style:italic;color:#34508f}.olfpc .lead{margin:0 0 16px;font-size:15px;line-height:1.55;color:#1d1b19}.olfpc .lbl{display:flex;justify-content:space-between;gap:10px;margin:0 0 8px;font-size:14px;font-weight:700}.olfpc .lbl span{font-weight:600;color:#34508f}.olfpc .fins{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 16px}.olfpc .fin{display:flex;align-items:center;gap:12px;padding:10px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px #d9d1c7;color:#000;text-decoration:none}.olfpc a.fin:hover{box-shadow:inset 0 0 0 1.5px #000}.olfpc .fin[aria-current]{box-shadow:inset 0 0 0 2px #000}.olfpc .fin img{flex:none;width:72px;height:72px;object-fit:cover;border-radius:12px;background:#e6e2dc}.olfpc .fin b{display:flex;align-items:center;gap:8px;font-size:15px}.olfpc .fin b i{width:12px;height:12px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px #00000026}.olfpc .fin small{display:block;font-size:13px;color:#1d1b19}.olfpc .fin em{display:inline-flex;align-items:center;gap:6px;font-style:normal;font-size:12px;font-weight:700;color:#000}.olfpc a.fin em{color:#34508f}.olfpc .packs{display:grid;gap:8px;margin:0 0 12px;padding:0;border:0}.olfpc .packs legend{padding:0}.olfpc .pack{display:flex;align-items:center;gap:12px;min-height:56px;padding:10px 14px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px #d9d1c7;cursor:pointer}.olfpc .pack:has(input:checked){box-shadow:inset 0 0 0 2px #000;background:#eef0f8}.olfpc .pack input{flex:none;width:20px;height:20px;margin:0;accent-color:#000}.olfpc .pack .t{flex:1;display:flex;flex-direction:column}.olfpc .pack .t b{font-size:15px}.olfpc .pack .t small{font-size:13px;color:#1d1b19}.olfpc .pack .badge{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:999px;background:#1f2f5c;color:#fff;font-size:11px;font-weight:700;letter-spacing:.04em;vertical-align:2px}.olfpc .pack .p{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2;font-size:15px;font-weight:700;white-space:nowrap}.olfpc .pack .p s{font-size:13px;font-weight:400;color:#5c5650}.olfpc .pick[hidden]{display:none}.olfpc .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px;padding:0;list-style:none}.olfpc .chips button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:4px 14px 4px 5px;overflow:hidden;border:0;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px #d9d1c7;color:#000;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer}.olfpc .chips button:hover{box-shadow:inset 0 0 0 1.5px #000}.olfpc .chips button[aria-pressed=true]{box-shadow:inset 0 0 0 2px #000;padding-right:8px}.olfpc .chips img{flex:none;display:block;width:34px;height:34px;border-radius:50%;object-fit:cover;background:#f4f1ec}.olfpc .chips .n{display:none;width:20px;height:20px;border-radius:50%;background:#000;color:#fff;font-size:11px;font-weight:700;align-items:center;justify-content:center}.olfpc .chips button[aria-pressed=true] .n{display:flex}.olfpc .row{display:flex;gap:12px;align-items:center}.olfpc .qty{display:inline-flex;align-items:center;height:52px;padding:0 4px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px #d9d1c7}.olfpc .qty button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:50%;background:transparent;cursor:pointer}.olfpc .qty input{width:30px;border:0;background:transparent;text-align:center;font-family:inherit;font-size:16px;font-weight:700;-moz-appearance:textfield}.olfpc .qty input::-webkit-inner-spin-button{display:none}.olfpc .add{flex:1;min-height:52px;padding:0 22px;border:0;border-radius:999px;background:var(--btn,#5a70b0);color:var(--btnt,#fff);font-family:inherit;font-size:16px;font-weight:700;cursor:pointer;transition:background .2s}.olfpc .add:hover{background:var(--btnh,#465d9f)}.olfpc .add[disabled]{opacity:.6;cursor:default}.olfpc .add s{margin-left:4px;font-weight:500}.olfpc .note{margin:10px 0 0;font-size:13px;color:#1d1b19}.olfpc .msg{margin:8px 0 0;font-size:14px;font-weight:600;color:#8a1c1c}.olfpc .msg.ok{color:#1d1b19}.olfpc .msg:empty{display:none}.olfpc .msg a{color:#000}.olfpc .nav{display:flex;flex-wrap:wrap;gap:10px;margin:64px 0 48px;padding:18px 0;border-top:1px solid #e3dbd1;border-bottom:1px solid #e3dbd1}.olfpc .nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px #d9d1c7;font-size:14px;font-weight:700;color:#000;text-decoration:none}.olfpc .nav a:hover{box-shadow:inset 0 0 0 1.5px #000}.olfpc .sec{scroll-margin-top:120px}.olfpc .sec h2{margin:0 0 16px;font-size:30px;line-height:1.25}.olfpc .two{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.olfpc .two.st{align-items:start}.olfpc .sec+.sec{margin-top:80px}.olfpc .ph{position:relative;border-radius:28px;overflow:hidden;background:#efe9e2}.olfpc .ph img{display:block;width:100%;height:440px;object-fit:cover}.olfpc .rte{font-size:17px;line-height:1.7;color:#1d1b19}.olfpc .rte p{margin:0 0 14px}.olfpc .steps{margin:0;padding:0;list-style:none}.olfpc .steps li{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start;padding:14px 0;border-top:1px solid #e3dbd1}.olfpc .steps .ic{display:flex;width:44px;height:44px;border-radius:50%;background:#eef0f8;align-items:center;justify-content:center}.olfpc .steps b{display:block;margin-bottom:2px}.olfpc .steps span.d{font-size:15px;line-height:1.55;color:#1d1b19}.olfpc .specs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:8px 0 0;padding:0;list-style:none}.olfpc .specs li{padding:14px 16px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px #ebe5dd}.olfpc .specs .k{margin:0 0 2px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#5c5650}.olfpc .specs .v{margin:0;font-size:17px;font-weight:700}.olfpc .specs .s{margin:2px 0 0;font-size:13px;color:#1d1b19}.olfpc .faqg{display:grid;grid-template-columns:360px minmax(0,1fr);gap:72px}.olfpc .faqg p{margin:0;font-size:15px;color:#1d1b19}.olfpc .faqg p a{font-weight:700;color:#000}.olfpc .acc{border-bottom:1px solid #e3dbd1}.olfpc details{border-top:1px solid #e3dbd1}.olfpc summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;padding:6px 0;font-size:15px;font-weight:700;cursor:pointer;list-style:none}.olfpc summary::-webkit-details-marker{display:none}.olfpc summary svg{flex:none;transition:transform .2s}.olfpc details[open] summary svg{transform:rotate(180deg)}.olfpc details .a{padding:0 0 16px;font-size:14px;line-height:1.6;color:#1d1b19}.olfpc details .a p{margin:0 0 8px}.olfpc details .a ul{margin:0;padding-left:18px}.olfpc .prec{margin-top:48px}.olfpc a:focus-visible,.olfpc button:focus-visible,.olfpc summary:focus-visible,.olfpc input:focus-visible{outline:3px solid #000;outline-offset:3px}@media(prefers-reduced-motion:reduce){.olfpc .main img,.olfpc summary svg{transition:none}}@media(prefers-reduced-motion:no-preference){html:has(.olfpc){scroll-behavior:smooth}}@media(max-width:1100px){.olfpc .top{grid-template-columns:minmax(0,1fr) 440px;gap:40px}.olfpc .specs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:989px){.olfpc .top{grid-template-columns:1fr}.olfpc .gal{position:static}.olfpc .two,.olfpc .faqg{grid-template-columns:1fr;gap:28px}}@media(max-width:749px){.olfpc .in{padding:0 16px 40px}.olfpc .bc{display:none}.olfpc .top{gap:20px}.olfpc .gal{display:block;margin:0 -16px}.olfpc .th{display:none}.olfpc .main{aspect-ratio:auto;height:390px;max-height:none;border-radius:0;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.olfpc .main::-webkit-scrollbar{display:none}.olfpc .main img{position:static;flex:none;width:100%;height:100%;opacity:1;scroll-snap-align:start}.olfpc .dots{display:flex;justify-content:center;gap:6px;margin:-30px auto 0;position:relative;width:max-content;padding:8px 12px;border-radius:999px;background:#fff}.olfpc .dots i{width:8px;height:8px;border-radius:4px;background:#c9c1b7;transition:width .2s}.olfpc .dots i.on{width:18px;background:#000}.olfpc .kick{font-size:12px}.olfpc h1{font-size:28px}.olfpc .fins{grid-template-columns:1fr}.olfpc .fin img{width:64px;height:64px}.olfpc .pack .badge{display:table;margin:4px 0 0}.olfpc .add{font-size:15px;padding:0 14px;line-height:1.25}.olfpc .add s{display:inline-block}.olfpc .nav{margin:40px -16px 32px;padding:12px 16px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.olfpc .nav::-webkit-scrollbar{display:none}.olfpc .nav a{flex:none}.olfpc .sec{scroll-margin-top:80px}.olfpc .sec h2{font-size:22px}.olfpc .sec+.sec{margin-top:48px}.olfpc .ph{border-radius:18px}.olfpc .ph img{height:220px}.olfpc .rte{font-size:15px}.olfpc .specs{gap:10px}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/olf-product-case.css.map */