/* TAOME 0.6.3: opt-in only, isolated from WooCommerce product card styles. */
.taome-filters-shell{box-sizing:border-box;min-width:0;clear:both}
.taome-filters-wrap{box-sizing:border-box;width:100%;margin:16px 0 24px;font-family:inherit}
.taome-filters,.taome-filters *{box-sizing:border-box}
.taome-filters{background:#fff;border:1px solid #ebebeb;border-radius:12px;padding:19px 20px;box-shadow:0 1px 4px rgba(20,20,20,.035)}
.taome-f-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}
.taome-f-top strong{font-weight:700;color:#242424;font-size:17px}
.taome-f-top a{font-size:13px;text-decoration:none;color:#f16a0c}
.taome-f-group{border:0;margin:0 0 13px;padding:0 0 14px;border-bottom:1px solid #eee;min-width:0}
.taome-f-group legend{float:none;padding:0;margin:0 0 10px;font-size:14px;font-weight:700;color:#292929;border:0;line-height:1.4}
.taome-f-check{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0;padding:5px 0;font-size:13px;font-weight:400;cursor:pointer;color:#333;line-height:1.5}
.taome-f-check span{display:flex;align-items:center;gap:7px;min-width:0}
.taome-f-check input{position:static!important;opacity:1!important;appearance:auto!important;display:inline-block!important;flex:0 0 auto;margin:0!important;accent-color:#fb710e;width:15px;height:15px}
.taome-f-check small{font-size:12px;color:#888}
.taome-f-check:has(small) small{min-width:1.5em;text-align:right}
.taome-f-range-inputs{display:flex;align-items:center;gap:10px}
.taome-f-range-inputs label{display:flex;align-items:center;gap:8px;width:50%;font-weight:400;font-size:13px;color:#666}
.taome-f-range-inputs input[type=number]{min-width:0;width:100%;margin:0!important;height:36px;box-shadow:none;border:1px solid #ddd;border-radius:6px;background:#fff;font-size:13px;padding:0 8px}
.taome-f-sliders{position:relative;width:100%;height:30px;margin:9px 0 5px;--tmf-start:0%;--tmf-end:100%}
.taome-f-sliders:before,.taome-f-sliders:after{content:'';position:absolute;top:13px;height:4px;border-radius:6px;pointer-events:none}
.taome-f-sliders:before{left:0;right:0;background:#dedede}
.taome-f-sliders:after{left:var(--tmf-start);right:calc(100% - var(--tmf-end));background:#ff710b}
.taome-f-sliders input[type=range]{appearance:none;-webkit-appearance:none;position:absolute;left:0;top:0;width:100%;height:30px;margin:0!important;padding:0!important;box-shadow:none!important;background:transparent!important;border:0!important;pointer-events:none;cursor:pointer}
.taome-f-sliders input[type=range]::-webkit-slider-runnable-track{height:4px;background:transparent}
.taome-f-sliders input[type=range]::-moz-range-track{height:4px;background:transparent}
.taome-f-sliders input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;margin-top:-7px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #ec6200;background:#ff710b;pointer-events:auto}
.taome-f-sliders input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #ec6200;background:#ff710b;pointer-events:auto}
.taome-f-sliders input[type=range]:focus-visible{outline:2px solid #fa9b57;outline-offset:1px}
.taome-f-range small{color:#888;font-size:12px}
.taome-f-note{font-size:12px;color:#666;margin:0}
.taome-f-submit{width:100%;margin:7px 0 0!important;cursor:pointer;border:0;border-radius:8px;background:#ff710b;color:#fff!important;min-height:42px;font-weight:700;font-size:14px;line-height:1.2;padding:12px!important;text-transform:none!important;letter-spacing:normal!important}
.taome-f-submit:hover,.taome-f-submit:focus{background:#e65f00;color:#fff!important;outline:2px solid #ffd5b5;outline-offset:2px}
.taome-f-toggle,.taome-f-close,.taome-f-backdrop{display:none}
/* Legacy wide-panel mode remains exactly as before unless left sidebar is explicitly enabled. */
@media(min-width:850px){
 .taome-filters-shell:not(.taome-f-sidebar-ready) .taome-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 22px}
 .taome-filters-shell:not(.taome-f-sidebar-ready) .taome-f-top{grid-column:1/-1}
 .taome-filters-shell:not(.taome-f-sidebar-ready) .taome-f-group{min-width:0;max-height:270px;overflow-y:auto;overflow-x:hidden;padding-right:6px}
 .taome-filters-shell:not(.taome-f-sidebar-ready) .taome-f-submit{grid-column:1/-1;max-width:240px;justify-self:end}
 .taome-filters-grid{display:grid!important;grid-template-columns:minmax(215px,265px) minmax(0,1fr);column-gap:22px;align-items:start}
 .taome-filters-grid>.taome-filters-shell{grid-column:1;grid-row:1/span 30;align-self:start}
 .taome-filters-grid> :not(.taome-filters-shell){grid-column:2;min-width:0}
 .taome-f-sidebar-ready .taome-filters-wrap{margin:0}
 .taome-f-sidebar-ready .taome-filters{padding:17px 14px}
 .taome-f-sidebar-ready .taome-f-group{padding-bottom:12px;margin-bottom:12px}
 .taome-f-sidebar-ready .taome-f-top strong{font-size:15px}
 .taome-f-sidebar-ready .taome-f-check{font-size:12.5px}
 .taome-f-sidebar-ready .taome-f-range-inputs{gap:6px}
 .taome-f-sidebar-ready .taome-f-range-inputs label{gap:3px;font-size:12px}
}
@media(max-width:849px){
 .taome-filters{padding:14px 13px}
 .taome-f-sidebar-ready .taome-f-toggle{display:block;width:100%;border:1px solid #ebebeb;border-radius:9px;background:#fff;color:#222;padding:12px!important;font-weight:700;text-align:center;cursor:pointer;text-transform:none;letter-spacing:normal}
 .taome-f-sidebar-ready .taome-filters-wrap{position:fixed;z-index:100003;top:0;bottom:0;left:0;margin:0;max-width:390px;width:min(88vw,390px);overflow:auto;background:#fff;visibility:hidden;transform:translateX(-105%);transition:transform .2s ease,visibility .2s ease;box-shadow:5px 0 25px rgba(0,0,0,.18)}
 .taome-f-sidebar-ready.is-open .taome-filters-wrap{transform:translateX(0);visibility:visible}
 .taome-f-sidebar-ready .taome-filters{border:0;border-radius:0;box-shadow:none;min-height:100%;padding:18px 16px 28px}
 .taome-f-sidebar-ready .taome-f-close{display:block;background:#f1f1f1;border:0;border-radius:6px;font-size:12px;padding:6px 9px;color:#333;cursor:pointer;white-space:nowrap}
 .taome-f-sidebar-ready .taome-f-backdrop{display:none;position:fixed;z-index:100002;inset:0;background:rgba(0,0,0,.48)}
 .taome-f-sidebar-ready.is-open .taome-f-backdrop{display:block}
 body.taome-f-lock{overflow:hidden}
}
@media(max-width:600px){.taome-f-range-inputs{gap:8px}}

/* 0.6.2: whole rail is clickable, without blocking native thumb drag. */
.taome-f-sliders{cursor:pointer;touch-action:pan-y}
.taome-f-sliders input[type=range]::-webkit-slider-thumb{touch-action:none;cursor:grab}
.taome-f-sliders input[type=range]::-moz-range-thumb{touch-action:none;cursor:grab}
.taome-filters.taome-f-applying .taome-f-submit{opacity:.72;cursor:progress}

/* 0.6.3: asynchronous catalog update, without disabling active controls. */
.taome-filters-shell.taome-f-live-loading .taome-filters {position:relative}
.taome-filters-shell.taome-f-live-loading .taome-f-top:after{content:'Обновляем…';font-size:12px;color:#e66a00;margin-left:auto;margin-right:8px}
.taome-filters-shell.taome-f-live-loading .taome-f-submit{opacity:.7}
.taome-filters-shell.taome-f-live-loading ~ .products{opacity:.6}
.taome-f-live-message{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}

/* 0.6.7: universal price facet, visually consistent with numeric ranges. */
.taome-f-price-available{display:block;margin-top:4px;font-size:11px;color:#6a6a6a}
.taome-f-price-group .taome-f-range-inputs input[type=number]{font-variant-numeric:tabular-nums}


/* TAOME 0.6.7 — optional per-category editorial polish. Scoped to the opt-in
   archive only. Never restyles single product, Dokan editor or global cards. */
.taome-f-design-pilot .taome-filters{
  border:1px solid #edf0f3;
  border-radius:18px;
  padding:22px 20px 14px;
  box-shadow:0 8px 28px rgba(27,34,42,.045);
}
.taome-f-design-pilot .taome-f-top{margin-bottom:18px;align-items:flex-start}
.taome-f-design-pilot .taome-f-top strong{font-size:16px;letter-spacing:-.018em;color:#1f2937;line-height:1.5}
.taome-f-design-pilot .taome-f-top a{padding:3px 0;color:#f5680a;text-underline-offset:3px;font-weight:600}
.taome-f-design-pilot .taome-f-group{
  border-color:#edf0f2;
  padding-bottom:18px;
  margin-bottom:17px;
}
.taome-f-design-pilot .taome-f-group legend{
  font-size:12.5px;
  letter-spacing:.025em;
  font-weight:700;
  color:#3f4a56;
  margin-bottom:11px;
}
.taome-f-design-pilot .taome-f-check{
  border-radius:8px;
  padding:7px 8px;
  margin-left:-8px;
  width:calc(100% + 16px);
  font-size:13px;
  line-height:1.35;
  transition:background-color .15s ease;
}
.taome-f-design-pilot .taome-f-check:hover,
.taome-f-design-pilot .taome-f-check:focus-within{background:#fff4ec}
.taome-f-design-pilot .taome-f-check:has(input:checked){background:#fff7f1;color:#2f3338;font-weight:600}
.taome-f-design-pilot .taome-f-check input[type=checkbox]{
  width:16px;height:16px;
  accent-color:#ff6a00;
  cursor:pointer;
}
.taome-f-design-pilot .taome-f-check small{
  padding:2px 0 2px 4px;
  color:#94a0ac;
  font-size:12px;
  font-variant-numeric:tabular-nums;
}
.taome-f-design-pilot .taome-f-range-inputs{gap:9px}
.taome-f-design-pilot .taome-f-range-inputs label{gap:6px;color:#697582;font-size:12.5px}
.taome-f-design-pilot .taome-f-range-inputs input[type=number]{
  height:40px;
  border:1px solid #e3e7eb;
  border-radius:10px;
  background:#fbfcfd;
  padding:0 10px;
  color:#222b36;
  font-size:14px;
  font-variant-numeric:tabular-nums;
  transition:border-color .15s ease,box-shadow .15s ease;
}
.taome-f-design-pilot .taome-f-range-inputs input[type=number]:focus{
  border-color:#ff8a38;
  box-shadow:0 0 0 3px rgba(255,106,0,.11);
  outline:0;
}
.taome-f-design-pilot .taome-f-sliders{margin:11px 0 0;height:36px}
.taome-f-design-pilot .taome-f-sliders:before,
.taome-f-design-pilot .taome-f-sliders:after{top:16px;height:4px}
.taome-f-design-pilot .taome-f-sliders:before{background:#e5e8ec}
.taome-f-design-pilot .taome-f-sliders:after{background:#ff6a00}
.taome-f-design-pilot .taome-f-sliders input[type=range]{height:36px}
.taome-f-design-pilot .taome-f-sliders input[type=range]::-webkit-slider-thumb{
  width:17px;height:17px;border:3px solid #fff;margin-top:-7px;
  box-shadow:0 0 0 1.5px #ff6a00,0 2px 6px rgba(255,106,0,.18);
  background:#ff6a00;
}
.taome-f-design-pilot .taome-f-sliders input[type=range]::-moz-range-thumb{
  width:17px;height:17px;border:3px solid #fff;
  box-shadow:0 0 0 1.5px #ff6a00,0 2px 6px rgba(255,106,0,.18);
  background:#ff6a00;
}
.taome-f-design-pilot .taome-f-submit{
  border-radius:11px;
  min-height:42px;
  background:#ff6a00;
  box-shadow:none;
}
/* Form remains available without JavaScript. Hide redundant submit only after
   the live JS actually initializes, and only in the opt-in design. */
.taome-f-design-pilot.taome-f-live-ready .taome-f-submit{display:none}
@media (min-width:850px){
  .taome-f-design-grid.taome-filters-grid{grid-template-columns:minmax(240px,270px) minmax(0,1fr);column-gap:25px}
  .taome-f-design-pilot.taome-f-sidebar-ready .taome-filters{padding:22px 17px 16px}
  .taome-f-design-pilot.taome-f-sidebar-ready .taome-f-group{padding-bottom:17px;margin-bottom:15px}
  .taome-f-design-pilot.taome-f-sidebar-ready .taome-f-check{font-size:13px}
  .taome-f-design-pilot.taome-f-sidebar-ready .taome-f-top strong{font-size:15px}
  .taome-f-design-pilot.taome-f-sidebar-ready .taome-f-range-inputs{gap:7px}
  .taome-f-design-pilot.taome-f-sidebar-ready .taome-f-range-inputs label{gap:5px}
}
@media (max-width:849px){
  .taome-f-design-pilot .taome-f-toggle{border-radius:12px;border-color:#e5e9ed;box-shadow:0 3px 12px rgba(0,0,0,.035)}
  .taome-f-design-pilot.taome-f-sidebar-ready .taome-filters{padding:24px 19px 28px}
  .taome-f-design-pilot .taome-f-close{padding:8px 12px;border-radius:9px}
}
/* Catalog cards: only inside the selected category layout, not on the home page
   or in the UX Block single-product template. Base v10.4 remains unchanged. */
.taome-f-design-grid .product-small.box{
  border-radius:14px!important;
  border-color:#e9edf1!important;
  box-shadow:0 3px 14px rgba(25,39,52,.05)!important;
  transition:box-shadow .18s ease,border-color .18s ease,transform .18s ease;
}
.taome-f-design-grid .product-small.box:hover{
  border-color:#f7c7aa!important;
  box-shadow:0 12px 29px rgba(29,35,45,.105)!important;
  transform:translateY(-2px);
}
.taome-f-design-grid .product-small.box:not(.box-vertical) .box-image{
  background:#f9fafb;
}
.taome-f-design-grid .product-small.box:not(.box-vertical) > .box-text{
  padding:14px 12px 13px!important;
}
.taome-f-design-grid .product-small.box .product-title,
.taome-f-design-grid .product-small.box .product-title a{
  color:#27313b!important;
}
.taome-f-design-grid .product-small.box .price-wrapper .price{
  padding:0!important;
  border:0!important;
  background:transparent!important;
  min-height:auto;
  font-weight:800!important;
  font-size:18px!important;
}
.taome-f-design-grid .product-small.box .price-wrapper .price .amount,
.taome-f-design-grid .product-small.box .price-wrapper .price bdi{
  font-size:18px!important;
  color:#f46308!important;
}
.taome-f-design-grid .product-small.box .add-to-cart-button a.button{
  border-radius:9px!important;
  background:#ff6a00!important;
  border-color:#ff6a00!important;
  min-height:40px!important;
  box-shadow:none!important;
}
.taome-f-design-grid .product-small.box .add-to-cart-button a.button:hover{
  background:#e75b00!important;
  border-color:#e75b00!important;
}
@media (prefers-reduced-motion:reduce){
  .taome-f-design-grid .product-small.box{transition:none;transform:none!important}
  .taome-f-design-pilot .taome-f-check{transition:none}
}
