:root{--nv-on-accent:#fff}
@supports (color: oklch(from red l c h)){
  :root{--nv-on-accent:oklch(from var(--v9-accent,#1d6ff2) clamp(0,(0.62 - l) * 100,1) 0 0)}
}
html[data-theme="dark"] .sf-navbar .sf-all,
html[data-theme="dark"] .sf-navbar .sf-all:link,
html[data-theme="dark"] .sf-navbar .sf-all:visited,
html[data-theme="dark"] .sf-navbar .sf-all:hover,
html[data-theme="dark"] .sf-navbar .sf-all:focus,
html[data-theme="dark"] .sf-navbar .sf-all:focus-visible,
html[data-theme="dark"] .sf-navbar .sf-all:active{color:var(--nv-on-accent)}
html[data-theme="dark"] .sf-navbar .sf-all .sf-i,
html[data-theme="dark"] .sf-navbar .sf-all svg{color:inherit;stroke:currentColor}

.sf-navbar .sfnav-link{border-radius:12px}
.sf-navbar .sfnav-item:hover>.sfnav-link,
.sf-navbar .sfnav-item.open>.sfnav-link,
.sf-navbar .sfnav-item.on>.sfnav-link,
.sf-navbar .sfnav-item:focus-within>.sfnav-link{border-radius:12px}
.sf-navbar .sf-nav-extra a{border-radius:12px}
.sf-navbar .sf-nav-extra a:hover{background:var(--sf-soft);color:var(--v9-accent,var(--green))}

.sf-social{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}
.sf-social a.sf-soc{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;
  border:1px solid var(--sf-line,var(--line));color:inherit;transition:transform .16s,border-color .16s,background .16s,color .16s}
.sf-social a.sf-soc:hover{transform:translateY(-2px);border-color:var(--v9-accent,var(--green));color:var(--v9-accent,var(--green))}
.sf-social .sf-soc-i,.sf-social .nv-i{width:18px;height:18px}
.sf-social .nv-i-img{border-radius:5px;object-fit:contain}
.ct-social-row{display:flex;flex-wrap:wrap;gap:10px}
.ct-social-row a.sf-soc{display:inline-flex;align-items:center;gap:9px;width:auto;height:auto;padding:10px 14px;
  border-radius:14px;border:1px solid var(--sf-line,var(--line));font:800 12px var(--font);
  font-size:calc(12px * var(--fz-base,1));transition:transform .16s,border-color .16s,color .16s}
.ct-social-row a.sf-soc:hover{transform:translateY(-2px);border-color:var(--v9-accent,var(--green));color:var(--v9-accent,var(--green))}
.ct-social-row a.sf-soc .sf-soc-i,.ct-social-row a.sf-soc .nv-i{width:19px;height:19px;flex:none}

.pl-bar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 14px;padding:11px 13px;
  background:var(--surface);border:1px solid var(--sf-hair,var(--line));border-radius:var(--sf-r-lg,16px);
  box-shadow:var(--sf-shadow-1,none)}
.pl-bar-count{font:800 12px var(--font);color:var(--muted);font-size:calc(12px * var(--fz-base,1))}
.pl-bar-count b{color:var(--ink)}
.pl-bar-sp{flex:1}
.pl-sorts{display:flex;flex-wrap:wrap;gap:5px;background:var(--surface2);padding:4px;border-radius:13px}
.pl-sorts a{display:inline-flex;align-items:center;gap:5px;padding:7px 12px;border-radius:10px;
  font:700 11.5px var(--font);color:var(--muted);font-size:calc(11.5px * var(--fz-base,1));transition:.15s}
.pl-sorts a:hover{color:var(--ink);background:color-mix(in oklch,var(--surface),transparent 25%)}
.pl-sorts a.on{background:var(--surface);color:var(--v9-accent,var(--green));box-shadow:var(--sf-shadow-1,0 1px 2px rgba(0,0,0,.06))}
.pl-sort-sel{display:none}
.pl-views{display:inline-flex;gap:4px;background:var(--surface2);padding:4px;border-radius:13px}
.pl-views button{width:34px;height:32px;display:grid;place-items:center;border:0;background:none;cursor:pointer;
  border-radius:10px;color:var(--muted)}
.pl-views button.on{background:var(--surface);color:var(--v9-accent,var(--green))}
.pl-views .nv-i,.pl-views .sf-i{width:16px;height:16px}

.pl-chips{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:0 0 14px}
.pl-chips .pl-chips-lbl{font:800 11px var(--font);color:var(--muted);font-size:calc(11px * var(--fz-base,1))}
.pl-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:11px;
  background:var(--surface);border:1px solid var(--sf-hair,var(--line));font:700 11.5px var(--font);
  color:var(--ink);font-size:calc(11.5px * var(--fz-base,1));transition:.15s;max-width:100%}
.pl-chip>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pl-chip i{font-style:normal;line-height:1;color:var(--muted);font-size:calc(13px * var(--fz-badge,1))}
.pl-chip:hover{border-color:var(--red);color:var(--red)}
.pl-chip:hover i{color:var(--red)}
.pl-chip.is-clear{background:color-mix(in oklch,var(--red),transparent 92%);border-color:transparent;color:var(--red);font-weight:800}
.pl-chip.is-clear:hover{background:var(--red);color:#fff}

.pgrid.is-list{grid-template-columns:1fr;gap:12px}
.pgrid.is-list .product{flex-direction:row;align-items:stretch}
.pgrid.is-list .product .product-visual,.pgrid.is-list .product .pc-media{width:190px;min-width:190px;height:auto}
@media(max-width:640px){.pgrid.is-list .product{flex-direction:column}
  .pgrid.is-list .product .product-visual,.pgrid.is-list .product .pc-media{width:100%;min-width:0}}

.filterbox .fb-toolbar{display:flex;align-items:center;gap:7px;padding:11px 14px;
  border-bottom:1px solid var(--sf-hair,var(--line));background:var(--surface2)}
.filterbox .fb-toolbar button{flex:1;height:34px;border:1px solid var(--sf-hair,var(--line));background:var(--surface);
  border-radius:11px;cursor:pointer;font:700 11px var(--font);color:var(--muted);
  font-size:calc(11px * var(--fz-form,1));transition:.15s;display:inline-flex;align-items:center;justify-content:center;gap:5px}
.filterbox .fb-toolbar button:hover{color:var(--v9-accent,var(--green));border-color:var(--v9-accent,var(--green))}
.filterbox .fb-count{padding:10px 14px;font:700 11px var(--font);color:var(--muted);
  font-size:calc(11px * var(--fz-form,1));border-bottom:1px solid var(--sf-hair,var(--line))}
.filterbox .fb-count b{color:var(--ink)}

.filterbox .fgroup>summary{position:relative}
.filterbox .fgroup>summary:focus-visible{outline:2px solid var(--v9-accent,var(--green));outline-offset:-2px}
.filterbox .fg-search{position:relative;margin:0 0 9px}
.filterbox .fg-search input{width:100%;padding:9px 32px 9px 11px;background:var(--surface2);
  border:1px solid transparent;border-radius:11px;font:600 11.5px var(--font);color:var(--ink);
  font-size:calc(11.5px * var(--fz-form,1))}
.filterbox .fg-search input:focus{outline:0;background:var(--surface);border-color:var(--v9-accent,var(--green))}
.filterbox .fg-search .ic{position:absolute;inset-inline-end:10px;top:50%;transform:translateY(-50%);
  width:14px;height:14px;color:var(--muted);pointer-events:none}
.filterbox .fg-empty{font:600 11px var(--font);color:var(--muted);padding:6px 4px;display:none;
  font-size:calc(11px * var(--fz-form,1))}
.filterbox .fg-body.is-empty .fg-empty{display:block}
.filterbox .fchk.is-hidden{display:none!important}
.filterbox .fmore{width:100%;margin-top:8px;height:32px;border:1px dashed var(--sf-hair,var(--line));
  background:none;border-radius:10px;cursor:pointer;color:var(--v9-accent,var(--green));
  font:800 11px var(--font);font-size:calc(11px * var(--fz-form,1))}
.filterbox .fmore:hover{background:var(--surface2)}
.filterbox .fscroll{max-height:none;overflow:visible}
.filterbox .fscroll.is-capped{max-height:none}
.filterbox .fchk{border-radius:10px;transition:background .14s,color .14s}
.filterbox .fchk i{background:var(--surface2);border-radius:20px;padding:1px 7px;font-size:calc(10px * var(--fz-badge,1));opacity:1}
.filterbox .fchk.on i{background:color-mix(in oklch,var(--v9-accent,var(--green)),transparent 86%);color:var(--v9-accent,var(--green))}
.filterbox .fcolors{display:flex;flex-wrap:wrap;gap:8px}
.filterbox .fcolor{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;
  border:1px solid var(--sf-hair,var(--line))}
.filterbox .fcolor span{width:18px;height:18px;border-radius:6px;display:block}
.filterbox .fcolor.on{border-color:var(--v9-accent,var(--green));box-shadow:var(--sf-ring,0 0 0 3px rgba(0,0,0,.06))}
.filterbox .fprice-slider{position:relative;height:26px;margin:12px 2px 4px}
.filterbox .fprice-slider .track{position:absolute;inset-inline:0;top:11px;height:4px;border-radius:4px;background:var(--surface2)}
.filterbox .fprice-slider .fill{position:absolute;top:11px;height:4px;border-radius:4px;background:var(--v9-accent,var(--green))}
.filterbox .fprice-slider input[type=range]{position:absolute;inset-inline:0;top:4px;width:100%;height:18px;
  -webkit-appearance:none;appearance:none;background:none;pointer-events:none;margin:0}
.filterbox .fprice-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;
  width:17px;height:17px;border-radius:50%;background:var(--surface);cursor:pointer;
  border:2px solid var(--v9-accent,var(--green));box-shadow:0 2px 6px rgba(0,0,0,.18)}
.filterbox .fprice-slider input[type=range]::-moz-range-thumb{pointer-events:auto;width:17px;height:17px;
  border-radius:50%;background:var(--surface);border:2px solid var(--v9-accent,var(--green));cursor:pointer}
.filterbox .fb-active-head a{display:inline-flex;align-items:center;gap:4px}
.filterbox .fgroup[data-active="1"]>summary::before{background:var(--v9-accent,var(--green))}
.filterbox .filterbox-foot{box-shadow:0 -8px 22px -18px rgba(0,0,0,.4)}

.acc-fields .form-group{align-content:start}
.acc-fields .form-group>input,.acc-fields .form-group>select{align-self:start}
.nv-pass{position:relative;display:block}
.nv-pass input{width:100%;padding-inline-end:44px!important}
.nv-pass .nv-pass-eye{position:absolute;inset-inline-end:6px;top:50%;transform:translateY(-50%);
  width:32px;height:32px;display:grid;place-items:center;border:0;background:none;cursor:pointer;
  border-radius:9px;color:var(--muted);padding:0}
.nv-pass .nv-pass-eye:hover{color:var(--ink);background:var(--surface2)}
.nv-pass .nv-pass-eye .nv-i{width:17px;height:17px}
.nv-pass .nv-pass-eye .ic-off{display:none}
.nv-pass.is-on .nv-pass-eye .ic-on{display:none}
.nv-pass.is-on .nv-pass-eye .ic-off{display:block}
.nv-meter{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:8px}
.nv-meter i{height:4px;border-radius:4px;background:var(--surface2);transition:background .2s}
.nv-meter[data-score="1"] i:nth-child(1){background:var(--red)}
.nv-meter[data-score="2"] i:nth-child(-n+2){background:#e0a63c}
.nv-meter[data-score="3"] i:nth-child(-n+3){background:#3fa96b}
.nv-meter[data-score="4"] i{background:#2f8f5b}
.nv-meter-txt{display:block;margin-top:6px;font:600 10.5px var(--font);color:var(--muted);
  font-size:calc(10.5px * var(--fz-small,1))}

.tk-att{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.tk-att a{display:block;width:88px;height:88px;border-radius:12px;overflow:hidden;
  border:1px solid var(--sf-hair,var(--line));background:var(--surface2)}
.tk-att img{width:100%;height:100%;object-fit:cover;display:block}
.tk-drop{display:block;margin-top:4px;padding:14px;border:1.5px dashed var(--sf-hair,var(--line));
  border-radius:14px;background:var(--surface2);cursor:pointer;text-align:center;transition:.16s}
.tk-drop:hover,.tk-drop.is-over{border-color:var(--v9-accent,var(--green));background:var(--surface)}
.tk-drop input{display:none}
.tk-drop b{display:block;font:800 12px var(--font);font-size:calc(12px * var(--fz-form,1))}
.tk-drop small{display:block;margin-top:4px;color:var(--muted);font-size:calc(10.5px * var(--fz-small,1))}
.tk-prev{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.tk-prev figure{position:relative;margin:0;width:76px;height:76px;border-radius:11px;overflow:hidden;
  border:1px solid var(--sf-hair,var(--line))}
.tk-prev img{width:100%;height:100%;object-fit:cover}
.tk-note{background:color-mix(in oklch,#e0a63c,transparent 90%);border:1px dashed color-mix(in oklch,#e0a63c,transparent 55%)}
.tk-event{font:600 11px var(--font);color:var(--muted);padding:7px 2px;font-size:calc(11px * var(--fz-small,1))}