.olfzf{--zf-acc:#4b4f93;--zf-tint:#edeef5;--zf-btn:#5a70b0;--zf-btn-h:#465d9f;--zf-kick:#34508f;--zf-body:#1d1b19;--zf-muted:#5c5650;--zf-line:#e3dbd1;color:#000;font-size:15px;line-height:1.55}.olfzf *{box-sizing:border-box}.olfzf .in{max-width:1312px;margin:0 auto;padding:var(--zf-pt,72px) 64px var(--zf-pb,72px)}.olfzf .kick{margin:0 0 10px;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--zf-kick)}.olfzf .h{margin:0 0 16px;font-family:var(--zf-hf);font-weight:400;font-size:clamp(28px,2.7vw,38px);line-height:1.2;color:#000}.olfzf .h em{font-style:italic;color:var(--zf-acc)}.olfzf .lead{margin:0;font-size:16px;color:var(--zf-body)}.olfzf .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:54px;padding:0 30px;border:0;border-radius:999px;background:var(--zf-btn);color:#fff;font:700 16px/1.2 inherit;font-family:inherit;text-decoration:none;cursor:pointer;transition:background .2s}.olfzf .btn:hover{background:var(--zf-btn-h);color:#fff}.olfzf .btn:focus-visible,.olfzf .copy:focus-visible,.olfzf .ghost:focus-visible{outline:3px solid #000;outline-offset:3px}.olfzf .btn[aria-busy=true]{opacity:.75;cursor:progress}.olfzf .btn--full{width:100%}.olfzf .ghost{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border:1.5px solid #000;border-radius:999px;background:#fff;color:#000;font:700 15px/1.2 inherit;font-family:inherit;cursor:pointer}.olfzf .ghost:hover{background:#000;color:#fff}.olfzf .msg{margin:10px 0 0;font-size:14px;min-height:1px}.olfzf .msg.err{color:#a3200f}.olfzf .ico{flex:none;display:inline-flex}.olfzf-hero .grid{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}.olfzf-hero .pic{position:relative;height:600px;border-radius:32px;overflow:hidden;background:var(--zf-imgbg,#f4f1ec)}.olfzf-hero .pic img{width:100%;height:100%;object-fit:var(--zf-fit,cover);display:block}.olfzf-hero .badge{position:absolute;left:24px;top:24px;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:#fff;font-size:13px;font-weight:700;color:var(--zf-acc)}.olfzf-hero h1{margin:0 0 14px;font-family:var(--zf-hf);font-weight:400;font-size:clamp(36px,3.8vw,54px);line-height:1.12;color:#000}.olfzf-hero h1 em{font-style:italic;color:var(--zf-acc)}.olfzf-hero .txt{margin:0;max-width:520px;font-size:18px;color:var(--zf-body)}.olfzf-hero .price{margin:18px 0 0;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.olfzf-hero .price .now{font-family:var(--zf-hf);font-size:40px;line-height:1}.olfzf-hero .price s{color:var(--zf-muted);font-size:17px}.olfzf-hero .pill{padding:4px 10px;border-radius:999px;background:var(--zf-tint);color:var(--zf-acc);font-size:13px;font-weight:700}.olfzf-hero .cta{margin-top:22px;display:flex;gap:14px;align-items:center;flex-wrap:wrap}.olfzf .code{display:inline-flex;align-items:center;gap:10px;padding:6px 6px 6px 14px;border:2px dashed var(--zf-acc);border-radius:12px;background:#fff;font-size:14px}.olfzf .code b{font-size:17px;letter-spacing:.08em;color:var(--zf-acc)}.olfzf .copy{min-height:36px;padding:0 12px;border:0;border-radius:8px;background:var(--zf-tint);color:#000;font:600 13px/1 inherit;font-family:inherit;cursor:pointer}.olfzf .news{display:flex;gap:10px;align-items:flex-start;margin:16px 0 0;max-width:560px;font-size:13px;line-height:1.45;color:var(--zf-muted)}.olfzf .news p{margin:0}.olfzf-sticky{position:fixed;left:0;right:0;bottom:0;z-index:20;display:none;align-items:center;gap:12px;padding:10px 16px calc(12px + env(safe-area-inset-bottom));background:#fbf8f5f7;border-top:1px solid var(--zf-line);transform:translateY(110%);transition:transform .25s}.olfzf-sticky.on{transform:none}.olfzf-sticky .p{display:flex;flex-direction:column;line-height:1.15}.olfzf-sticky .p b{font-family:var(--zf-hf);font-size:20px;font-weight:400}.olfzf-sticky .p s{font-size:12px;color:var(--zf-muted)}.olfzf-sticky .btn{flex:1;min-height:48px;font-size:15px;padding:0 16px}.olfzf-cards .hd{max-width:760px;margin:0 auto 32px;text-align:center}.olfzf-cards .row{display:grid;grid-template-columns:repeat(var(--zf-cols,3),minmax(0,1fr));gap:18px}.olfzf-cards .card{padding:26px;border-radius:22px;background:#fff;box-shadow:0 6px 24px #0000000d}.olfzf-cards .ic{display:inline-flex;width:48px;height:48px;border-radius:50%;background:var(--zf-tint);align-items:center;justify-content:center;margin-bottom:14px}.olfzf-cards h3{margin:0 0 8px;font-family:var(--zf-hf);font-weight:400;font-size:21px;line-height:1.25}.olfzf-cards .card p{margin:0;color:var(--zf-body)}.olfzf-ing .grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.olfzf-ing .pic{height:520px;border-radius:28px;overflow:hidden;background:var(--zf-imgbg,#8082bb)}.olfzf-ing .pic img{width:100%;height:100%;object-fit:cover;display:block}.olfzf-ing ul{list-style:none;margin:16px 0 0;padding:0;border-top:1px solid rgba(0,0,0,.12)}.olfzf-ing li{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid rgba(0,0,0,.12)}.olfzf-ing li b{font-weight:600}.olfzf-ing li i{color:var(--zf-muted)}.olfzf-steps ol{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:40px;grid-template-columns:repeat(var(--zf-cols,3),minmax(0,1fr))}.olfzf-steps li{display:flex;flex-direction:column;gap:14px}.olfzf-steps .n{flex:none;display:inline-flex;width:52px;height:52px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1.5px var(--zf-acc);align-items:center;justify-content:center;font-family:var(--zf-hf);font-size:22px;color:var(--zf-acc)}.olfzf-steps li b{display:block;font-size:17px;margin-bottom:6px}.olfzf-steps li span.d{color:var(--zf-body)}.olfzf-steps.is-card .grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}.olfzf-steps.is-card .grid.no-pic{grid-template-columns:minmax(0,760px);justify-content:center}.olfzf-steps.is-card .box{padding:36px 40px;border-radius:28px;background:#fff;box-shadow:0 10px 40px #0000000f}.olfzf-steps.is-card ol{grid-template-columns:1fr;gap:16px;margin:18px 0 22px}.olfzf-steps.is-card li{flex-direction:row;gap:14px;align-items:flex-start}.olfzf-steps.is-card .n{width:32px;height:32px;background:var(--zf-btn);box-shadow:none;color:#fff;font:700 15px/1 inherit;font-family:inherit}.olfzf-steps.is-card li b{font-size:16px;margin-bottom:4px}.olfzf-steps .note{margin-top:14px;padding:14px 16px;border-radius:14px;background:var(--zf-tint);display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.5}.olfzf-steps .note p{margin:0}.olfzf-steps .side{height:440px;border-radius:28px;overflow:hidden}.olfzf-steps .side img{width:100%;height:100%;object-fit:cover;display:block}.olfzf-up .wrap{display:flex;gap:28px;align-items:center;padding:28px 32px;border-radius:24px;background:#fff;border:1px solid #ece4da}.olfzf-up .wrap img{width:180px;height:180px;object-fit:cover;border-radius:20px;background:#e6e2dc;flex:none}.olfzf-up .mid{flex:1}.olfzf-up h3{margin:0 0 8px;font-family:var(--zf-hf);font-weight:400;font-size:24px}.olfzf-up .mid p{margin:0;color:var(--zf-body)}.olfzf-up .buy{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.olfzf-up .pr{font-family:var(--zf-hf);font-size:24px}@media(max-width:989px){.olfzf .in{padding:var(--zf-ptm,40px) 16px var(--zf-pbm,40px)}.olfzf-hero .in{padding:0 0 32px}.olfzf-hero .grid,.olfzf-ing .grid,.olfzf-steps.is-card .grid{grid-template-columns:minmax(0,1fr);gap:24px}.olfzf-hero .pic{height:340px;border-radius:0}.olfzf-hero .badge{left:16px;top:16px}.olfzf-hero .copyblk{padding:0 16px}.olfzf-hero .txt{font-size:16px}.olfzf-hero .price .now{font-size:34px}.olfzf-hero .cta .btn{width:100%}.olfzf-sticky{display:flex}.olfzf-cards .hd{text-align:left;margin-bottom:20px}.olfzf-cards .row,.olfzf-steps ol{grid-template-columns:minmax(0,1fr);gap:18px}.olfzf-steps li{flex-direction:row;gap:16px;align-items:flex-start}.olfzf-ing .pic{height:300px}.olfzf-steps .side{display:none}.olfzf-steps.is-card .box{padding:24px 20px}.olfzf-up .wrap{flex-direction:column;align-items:stretch;padding:20px;gap:16px}.olfzf-up .wrap img{width:100%;height:220px}.olfzf-up .buy{align-items:flex-start}}@media(prefers-reduced-motion:reduce){.olfzf-sticky{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/olf-zf.css.map */
