.hph-pop,.hph-page{--hph-green: #A9DD9A;--hph-green-ink: #3F7A33;--hph-green-dark: #2E6B25;--hph-soft: #EEF7EA;--hph-ink: #3D4246;--hph-title: #23272A;--hph-muted: #6B7075;--hph-line: rgba(61, 66, 70, .12);--hph-line-strong: rgba(61, 66, 70, .22);color:var(--hph-ink);text-align:left}.hph-pop *,.hph-page *,.hph-pop *:before,.hph-page *:before,.hph-pop *:after,.hph-page *:after{box-sizing:border-box}.hph-ico{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.hph-pop mark,.hph-page mark{background:none;color:var(--hph-green-dark);font-weight:700;padding:0}.hph-pop a,.hph-page a{text-decoration:none;border-bottom:0}.hph-stock{font-size:12.5px;font-weight:600;white-space:nowrap}.hph-stock.is-in{color:#096f1a}.hph-stock.is-low{color:#559000}.hph-stock.is-order{color:#155eb1}.hph-stock.is-out{color:#c60000}.hph-unit{display:inline-block;padding:2px 7px;border-radius:6px;background:#f4f4f4;color:#666;font-size:.8em;font-weight:500;line-height:1.25;white-space:nowrap}.hph-from{font-size:.85em;color:var(--hph-muted);font-weight:500}.hph-price{font-weight:700;color:var(--hph-title)}.hph-price.is-sale{color:#c0392b}.hph-old{color:var(--hph-muted);font-size:.85em}.hph-pop{position:fixed;z-index:2147483000;overflow-y:auto;overscroll-behavior:contain;padding:6px;background:#fff;border:1px solid var(--hph-line);border-radius:14px;box-shadow:0 2px 4px #0000000f,0 22px 48px -16px #24401e61;font-size:14px;line-height:1.35}.hph-pop[hidden]{display:none!important}.hph-pop-sec+.hph-pop-sec{margin-top:4px;padding-top:4px;border-top:1px solid var(--hph-line)}.hph-pop-h{padding:8px 10px 4px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--hph-muted)}.hph-pop .hph-opt{display:flex;align-items:center;gap:12px;border-radius:10px;color:var(--hph-ink)}.hph-pop .hph-opt:hover,.hph-pop .hph-opt.is-active{background:var(--hph-soft)}.hph-pop-prod,.hph-pop-page{padding:7px 10px}.hph-pop-img{flex:none;display:block;width:48px;height:48px;overflow:hidden;border-radius:8px;background:#efede8}.hph-pop-img img{display:block;width:100%;height:100%;object-fit:cover}.hph-pop-txt{flex:1;min-width:0;display:grid;gap:3px}.hph-pop-t{font-weight:600;color:var(--hph-title);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hph-pop-s{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;font-size:13px;color:var(--hph-muted)}.hph-pop-s .hph-stock{margin-left:auto;font-size:12px}.hph-pop-chips{display:flex;flex-wrap:wrap;gap:6px;padding:4px 8px 8px}.hph-pop .hph-pop-chip{gap:6px;padding:6px 10px;border-radius:8px;background:#f4f6f3;font-size:13px;font-weight:600;color:var(--hph-title)}.hph-pop .hph-pop-chip .hph-ico{width:15px;height:15px;color:var(--hph-green-ink)}.hph-pop-pico{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:9px;background:#27ae60;color:#fff}.hph-pop-pico .hph-ico{width:20px;height:20px}.hph-pop .hph-pop-all{justify-content:center;gap:8px;margin-top:4px;padding:11px 12px;border-top:1px solid var(--hph-line);border-radius:0 0 10px 10px;font-weight:700;color:var(--hph-green-ink)}.hph-pop .hph-pop-all .hph-ico{width:16px;height:16px;stroke-width:2.2}.hph-pop-empty{padding:16px 14px;color:var(--hph-muted);line-height:1.5}.hph-pop-empty a{color:var(--hph-green-ink);font-weight:600}.hph-page{padding-top:26px;padding-bottom:40px}.hph-head{display:grid;gap:14px;margin:0 0 18px}.hph-h1{margin:0;font-size:26px;line-height:1.25;font-weight:700;letter-spacing:normal;text-transform:none;color:var(--hph-title);text-align:left}.hph-h1 span{color:var(--hph-green-ink)}.hph-form{position:relative;display:flex;align-items:center;max-width:720px;background:#fff;border:1px solid var(--hph-line-strong);border-radius:12px;box-shadow:0 1px 2px #0000000a;transition:border-color .2s ease,box-shadow .2s ease}.hph-form:focus-within{border-color:var(--hph-green-ink);box-shadow:0 0 0 3px #a9dd9a73}.hph-form-ico{display:grid;place-items:center;padding:0 4px 0 14px;color:var(--hph-muted)}.hph-page .hph-form input[type=search]{-webkit-appearance:none;appearance:none;flex:1;min-width:0;height:48px;margin:0;padding:0 10px;border:0;background:transparent;box-shadow:none;outline:none;font:inherit;font-size:16px;color:var(--hph-title);max-width:none}.hph-page .hph-form-btn{-webkit-appearance:none;appearance:none;flex:none;height:40px;margin:4px;padding:0 20px;min-width:0;border:0;border-radius:9px;background:var(--hph-green);color:#000;font:inherit;font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.hph-page .hph-form-btn:hover{background:#98d387}.hph-panel{margin:0 0 14px;padding:16px 20px;background:#e9f6e5;border:1px solid rgba(63,122,51,.2);border-radius:16px}.hph-panel[hidden],.hph-page .hph-toggle{display:none}.hph-body{display:grid;gap:14px}.hph-sec[hidden]{display:none}.hph-label{display:block;margin:0 0 8px;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#55604f}.hph-chips{display:flex;flex-wrap:wrap;gap:8px}.hph-page .hph-chip{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:7px;height:36px;margin:0;padding:0 13px;min-width:0;background:#fff;border:1px solid rgba(63,122,51,.3);border-radius:999px;box-shadow:none;font:inherit;font-size:14px;letter-spacing:normal;text-transform:none;color:var(--hph-title);cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.hph-page .hph-chip:hover{border-color:#86c973}.hph-page .hph-chip.is-on{background:var(--hph-green);border-color:#86c973;font-weight:700}.hph-page .hph-chip.is-empty{opacity:.45}.hph-n{font-size:11.5px;font-weight:700;color:#55604f}.hph-ranges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 48px}.hph-ranges[hidden],.hph-range-box[hidden]{display:none}.hph-ranges.is-single{grid-template-columns:minmax(0,1fr);max-width:560px}.hph-range-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.hph-range-head .hph-label{margin:0}.hph-val{font-size:15px;font-weight:600;color:#55604f;white-space:nowrap}.hph-val.is-set{color:var(--hph-title);font-weight:700}.hph-range{position:relative;height:28px;margin:6px 11px 0}.hph-track{position:absolute;left:0;right:0;top:50%;height:4px;margin-top:-2px;border-radius:4px;background:#24401e29}.hph-fill{position:absolute;top:0;bottom:0;left:0;right:0;border-radius:4px;background:#6dbe5a;opacity:0;transition:opacity .15s ease}.hph-range-box.is-set .hph-fill{opacity:1}.hph-dot{position:absolute;top:50%;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:50%;background:#24401e59}.hph-dot.is-in{background:#ffffffd9}.hph-page .hph-range input[type=range]{-webkit-appearance:none;appearance:none;position:absolute;top:3px;left:-11px;width:calc(100% + 22px);height:22px;max-width:none;min-width:0;min-height:0;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;outline:none;pointer-events:none;z-index:2}.hph-page .hph-range input.hph-lo{z-index:1}.hph-page .hph-range input.is-top{z-index:3}.hph-page .hph-range input::-webkit-slider-runnable-track{height:22px;background:transparent;border:0}.hph-page .hph-range input::-moz-range-track{height:22px;background:transparent;border:0}.hph-page .hph-range input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;pointer-events:auto;width:22px;height:22px;border-radius:50%;background:#78c465;border:2px solid #FFFFFF;box-shadow:0 1px 4px #00000047,0 0 0 1px #2f5f2740;cursor:grab}.hph-page .hph-range input::-moz-range-thumb{pointer-events:auto;box-sizing:border-box;width:22px;height:22px;border-radius:50%;background:#78c465;border:2px solid #FFFFFF;box-shadow:0 1px 4px #00000047,0 0 0 1px #2f5f2740;cursor:grab}.hph-page .hph-range input:active::-webkit-slider-thumb{cursor:grabbing;transform:scale(1.1)}.hph-page .hph-range input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px #fff,0 0 0 5px #3f7a33}.hph-page .hph-range input:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px #fff,0 0 0 5px #3f7a33}.hph-scale{display:flex;justify-content:space-between;margin-top:2px;font-size:12px;color:#55604f}.hph-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px solid rgba(63,122,51,.2)}.hph-switch{display:inline-flex;align-items:center;gap:10px;margin:0;font-size:14px;font-weight:600;cursor:pointer}.hph-switch input{position:absolute;opacity:0;width:1px;height:1px}.hph-switch-ui{position:relative;width:40px;height:24px;border-radius:999px;background:#fff;border:1px solid rgba(63,122,51,.35);transition:background-color .2s ease}.hph-switch-ui:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#b7c2b2;transition:transform .2s ease,background-color .2s ease}.hph-switch input:checked+.hph-switch-ui{background:var(--hph-green)}.hph-switch input:checked+.hph-switch-ui:after{transform:translate(16px);background:var(--hph-green-ink)}.hph-switch input:focus-visible+.hph-switch-ui{outline:2px solid var(--hph-green-ink);outline-offset:2px}.hph-page .hph-reset{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:6px;margin:0;padding:6px 10px;min-width:0;border:0;border-radius:8px;background:none;box-shadow:none;font:inherit;font-size:13.5px;font-weight:600;letter-spacing:normal;text-transform:none;color:var(--hph-green-ink);cursor:pointer}.hph-page .hph-reset[hidden]{display:none}.hph-page .hph-reset:hover{background:#fff9}.hph-page .hph-reset .hph-ico{width:15px;height:15px}.hph-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:0 0 14px}.hph-count{font-size:14.5px;color:var(--hph-muted)}.hph-count b{color:var(--hph-title)}.hph-sort{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:13.5px;color:var(--hph-muted)}.hph-sort[hidden]{display:none}.hph-page .hph-sort select{width:auto;max-width:100%;height:38px;margin:0;padding:0 34px 0 12px;border:1px solid var(--hph-line-strong);border-radius:10px;background-color:#fff;font:inherit;font-size:14px;color:var(--hph-title);text-transform:none;letter-spacing:normal}.hph-note{margin:0 0 14px;padding:10px 14px;border-radius:10px;background:#fff6e5;color:#6b4e16;font-size:14px}.hph-note[hidden]{display:none}.hph-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.hph-page .hph-card{display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid var(--hph-line);border-radius:14px;color:var(--hph-ink);box-shadow:0 1px 2px #0000000a;transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}.hph-page .hph-card:hover{border-color:#3f7a3359;box-shadow:0 14px 30px -18px #24401e73;transform:translateY(-2px)}.hph-page .hph-card:focus-visible{outline:2px solid var(--hph-green-ink);outline-offset:2px}.hph-card-img{position:relative;display:block;aspect-ratio:1 / 1;background:#efede8;overflow:hidden}.hph-card-img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.hph-page .hph-card:hover .hph-card-img img{transform:scale(1.04)}.hph-badge{position:absolute;top:10px;left:10px;padding:4px 9px;border-radius:7px;background:#e8590c;color:#fff;font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.hph-card-body{display:grid;gap:5px;padding:12px 14px 14px}.hph-card-t{font-size:15px;line-height:1.35;color:var(--hph-title)}.hph-card-p{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:15px}.hph-more-wrap{display:flex;justify-content:center;margin-top:24px}.hph-page .hph-more{-webkit-appearance:none;appearance:none;margin:0;padding:12px 26px;min-width:0;border:1px solid rgba(63,122,51,.35);border-radius:10px;background:#fff;box-shadow:none;font:inherit;font-size:14.5px;font-weight:700;letter-spacing:normal;text-transform:none;color:var(--hph-green-ink);cursor:pointer}.hph-page .hph-more:hover{background:var(--hph-soft)}.hph-page .hph-more[hidden]{display:none}.hph-empty{grid-column:1 / -1;padding:30px 20px;border-radius:14px;background:#fff;border:1px dashed var(--hph-line-strong);text-align:center}.hph-empty p{margin:0 0 8px}.hph-empty-groups{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px}.hph-empty-groups a{padding:7px 12px;border-radius:8px;background:#f4f6f3;font-size:13.5px;font-weight:600;color:var(--hph-title)}.hph-empty-groups a:hover{background:var(--hph-soft);color:var(--hph-green-ink)}.hph-page .hph-empty-reset{-webkit-appearance:none;appearance:none;margin:8px 0 0;padding:10px 18px;border:0;border-radius:10px;background:var(--hph-green-ink);color:#fff;font:inherit;font-size:14px;font-weight:600;cursor:pointer}.hph-loading{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.hph-loading span{display:block;aspect-ratio:3 / 4;border-radius:14px;background:linear-gradient(100deg,#eeeeea 30%,#f7f7f4,#eeeeea 70%) 0 0 / 300% 100%;animation:hph-shimmer 1.2s ease-in-out infinite}@keyframes hph-shimmer{to{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){.hph-page *,.hph-pop *{transition:none!important;animation:none!important}}@media(max-width:599px){.hph-pop{border-radius:12px}.hph-pop-prod,.hph-pop-page{padding:7px 8px;gap:10px}.hph-pop-img{width:44px;height:44px}.hph-pop-t{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.hph-page{padding-top:16px}.hph-h1{font-size:21px}.hph-page .hph-form input[type=search]{height:46px}.hph-page .hph-form-btn{padding:0 14px}.hph-panel{padding:0;border-radius:14px}.hph-page .hph-toggle{-webkit-appearance:none;appearance:none;display:flex;align-items:center;gap:10px;width:100%;min-height:52px;margin:0;padding:12px 16px;border:0;background:none;box-shadow:none;text-align:left;font:inherit;letter-spacing:normal;text-transform:none;color:var(--hph-title);cursor:pointer}.hph-toggle-t{font-size:15px;font-weight:700}.hph-toggle-s{flex:1;min-width:0;font-size:13.5px;color:#55604f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hph-panel.is-set .hph-toggle-s{color:var(--hph-green-ink);font-weight:600}.hph-chev{transition:transform .2s ease}.hph-panel.is-open .hph-chev{transform:rotate(180deg)}.hph-body{display:none;padding:14px 16px;border-top:1px solid rgba(63,122,51,.2)}.hph-panel.is-open .hph-body{display:grid}.hph-page .hph-chip{height:34px;padding:0 12px;font-size:13.5px}.hph-ranges{grid-template-columns:minmax(0,1fr);gap:14px}.hph-sort span{display:none}.hph-grid,.hph-loading{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hph-card-body{padding:10px 10px 12px;gap:4px}.hph-card-t{font-size:13.5px}.hph-card-p{font-size:14px}.hph-badge{top:8px;left:8px;font-size:10.5px;padding:3px 7px}}.hph-grid.is-theme{display:block}.hph-grid.is-theme .hph-tgrid{margin-bottom:0}.hph-tgrid li.hph-own .hph-card{height:100%}.hph-sk{display:grid;gap:10px;padding-bottom:14px}.hph-sk-img,.hph-sk-l{display:block;border-radius:10px;background:linear-gradient(100deg,#eeeeea 30%,#f7f7f4,#eeeeea 70%) 0 0 / 300% 100%;animation:hph-shimmer 1.2s ease-in-out infinite}.hph-sk-img{aspect-ratio:1 / 1}.hph-sk-l{height:14px;width:80%}.hph-sk-l.is-short{width:45%}
/*# sourceMappingURL=/cdn/shop/t/27/assets/hp-haku.css.map */