/* ==========================================================================
   PocoPrint — каталог: різновиди й свотчі, фільтри, згорнутий опис,
   «Доп. товари» / «Часто беруть разом» / «Аналоги». Після poco-mobile.css.
   ========================================================================== */

/* 1. Різновиди на сторінці товару ----------------------------------------- */
.poco-variants{display:grid;gap:18px;margin:22px 0 4px;padding:18px 18px 20px;border:2px dashed var(--line);border-radius:var(--r-card-lg);background:#fff}
.poco-variants__label{font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);margin-bottom:10px}
.poco-variants__label b{font-family:var(--font-body);font-size:15px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--ink)}
.poco-variants__opts{display:flex;flex-wrap:wrap;gap:8px}
body.poco .poco-vopt{display:inline-flex;flex-direction:column;justify-content:center;gap:3px;min-height:52px;padding:8px 16px;border-radius:var(--r-card);border:2px solid var(--line);background:#fff;font-weight:600;font-size:14px;line-height:1.2;color:var(--ink);transition:border-color var(--t-micro) var(--ease),box-shadow var(--t-micro) var(--ease)}
.poco-vopt small{font-size:12px;font-weight:500;color:var(--ink-soft)}
body.poco .poco-vopt:hover{border-color:var(--ink)}
body.poco .poco-vopt[aria-current="true"]{border-color:var(--ink);box-shadow:0 0 0 3px var(--poco-yellow)}
.poco-vopt.is-out span{text-decoration:line-through;color:var(--ink-soft)}
.poco-swatch{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;border:2px solid transparent;transition:transform var(--t-micro) var(--ease),border-color var(--t-micro) var(--ease)}
.poco-swatch__dot{width:34px;height:34px;border-radius:50%;background:var(--sw);box-shadow:inset 0 0 0 1px rgba(23,23,28,.18)}
.poco-swatch:hover{transform:scale(1.06)}
.poco-swatch[aria-current="true"]{border-color:var(--ink);box-shadow:0 0 0 3px var(--poco-yellow)}
.poco-swatch.is-out .poco-swatch__dot{background:linear-gradient(135deg,transparent 46%,rgba(23,23,28,.55) 47%,rgba(23,23,28,.55) 53%,transparent 54%),var(--sw)}

/* 2. Картка каталогу: свотчі й бейджі ------------------------------------- */
.poco-card__meta{margin-top:auto}
.poco-dots{display:flex;gap:8px;flex-wrap:wrap;align-items:center;min-height:28px}
.poco-dot{position:relative;width:24px;height:24px;border-radius:50%;background:var(--sw);box-shadow:inset 0 0 0 1px rgba(23,23,28,.2);flex:none}
.poco-dot::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid transparent;transition:border-color var(--t-micro) var(--ease)}
.poco-dot.is-current::after,.poco-dot:hover::after,.poco-dot:focus-visible::after{border-color:var(--ink)}
.poco-card .poco-seg{align-self:flex-start;flex-wrap:wrap}
.poco-card .poco-seg button{min-height:36px;min-width:44px}
.poco-badge--hit{background:var(--ink);color:var(--poco-yellow)}

/* 3. Фільтри --------------------------------------------------------------- */
.poco-filters__price{display:flex;gap:10px}
.poco-filters__price input{width:100%;min-width:0;min-height:44px;border:1px solid var(--line);border-radius:12px;padding:0 12px;font-size:16px;background:#fff}
.poco-fopt__name{min-width:0}
.poco-fopt__n{margin-left:auto;font-family:var(--font-mono);font-size:12px;color:var(--ink-soft)}
.poco-fswatches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}
.poco-filters label.poco-fswatch{position:relative;gap:8px;font-size:14px;min-height:40px}
.poco-fswatch input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.poco-fswatch__dot{width:22px;height:22px;border-radius:50%;background:var(--sw);box-shadow:inset 0 0 0 1px rgba(23,23,28,.22);flex:none;transition:box-shadow var(--t-micro) var(--ease)}
.poco-fswatch input:checked+.poco-fswatch__dot{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--ink)}
.poco-fswatch input:checked~.poco-fopt__name{font-weight:700}
.poco-fswatch input:focus-visible+.poco-fswatch__dot{outline:3px solid var(--sky);outline-offset:3px}
.poco-filters__reset{display:block;text-align:center;margin:12px auto 0}
.poco-active-filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
body.poco .poco-chip--x{background:var(--ink);color:#fff;text-transform:none;letter-spacing:0;font-family:var(--font-body);font-size:13px;font-weight:600;min-height:36px}
body.poco .poco-chip--x:hover{background:var(--ink-soft);color:#fff}
.poco-toolbar .woocommerce-ordering{margin-left:auto}

/* 4. Сторінка товару: опис + характеристики -------------------------------- */
.poco-pdp{grid-column:1/-1;min-width:0}
.poco-pdp h2{font-size:clamp(22px,2.4vw,28px);margin-bottom:14px}
.poco-pdp-body{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:start;margin-top:8px;padding-top:40px;border-top:1px solid var(--line)}
.poco-desc__body{color:var(--ink-soft);font-size:16px;line-height:1.65;overflow-wrap:anywhere}
.poco-desc__body h2,.poco-desc__body h3{color:var(--ink);font-size:20px;margin:1.1em 0 .45em}
.poco-desc__body ul,.poco-desc__body ol{padding-left:1.25em;margin:0 0 1em}
.poco-desc__body li{margin-bottom:.35em}
.poco-desc__body table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 1em}
.poco-desc__body th,.poco-desc__body td{border-bottom:1px dashed var(--line);padding:8px 6px;text-align:left;vertical-align:top}
.poco-desc.is-collapsed .poco-desc__body{max-height:230px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 50%,transparent);mask-image:linear-gradient(#000 50%,transparent)}
.poco-desc__toggle{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-top:10px;padding:0 20px;border:0;border-radius:var(--r-pill);background:var(--yellow-tint);color:var(--ink);font:600 15px/1 var(--font-body);cursor:pointer;transition:background var(--t-micro) var(--ease)}
.poco-desc__toggle:hover{background:var(--poco-yellow)}
.poco-desc__toggle::after{content:"↓";font-family:var(--font-mono)}
.poco-desc__toggle[aria-expanded="true"]::after{content:"↑"}
.poco-desc__toggle.is-hidden{display:none}
.poco-pdp-specs{background:var(--paper-2);border-radius:var(--r-panel);padding:24px 24px 12px;position:sticky;top:calc(var(--header-h) + 16px)}
.poco-pdp-specs .poco-specs td{overflow-wrap:anywhere}
.poco-pdp-specs .poco-specs tr:last-child th,.poco-pdp-specs .poco-specs tr:last-child td{border-bottom:0}
.poco-bundle-save{margin:10px 0 0;font-size:14px}
.poco-bundle-save s{color:var(--ink-soft)}

/* 5. Доп. товари, часто беруть разом, аналоги, відгуки --------------------- */
.poco-block-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px 16px;flex-wrap:wrap;margin-bottom:18px}
.poco-block-head h2{margin:0}
.poco-block-head .poco-sub{font-size:15px;margin:0}
.poco-addons{margin-top:48px}
.poco-addons__row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.poco-addon{display:flex;align-items:center;gap:12px;min-width:0;background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:12px;transition:box-shadow var(--t-comp) var(--ease)}
.poco-addon:hover{box-shadow:var(--shadow-card)}
.poco-addon__img{flex:none}
.poco-addon__img img{width:60px;height:60px;object-fit:contain;border-radius:10px;background:var(--paper-2);display:block;mix-blend-mode:multiply}
.poco-addon__txt{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1;font-size:14px;line-height:1.3}
.poco-addon__txt a{font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.poco-addon .poco-btn{flex:none}
.poco-bundle-row__item.is-out{opacity:.55}
.poco-analogs{margin-top:48px}
.poco-reviews{margin-top:56px;padding-top:40px;border-top:1px solid var(--line)}

/* 6. Порівняння трьох моделей --------------------------------------------- */
.poco-compare--3 .poco-compare__head,.poco-compare--3 .poco-compare__row{grid-template-columns:1.2fr repeat(3,minmax(0,1fr))}
.poco-compare__head a{display:block}

/* 7. Адаптив ---------------------------------------------------------------- */
@media (max-width:1080px){
  .poco-addons__row{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .poco-pdp-body{grid-template-columns:1fr;gap:32px}
  .poco-pdp-specs{position:static}
}
@media (max-width:720px){
  .poco-variants{padding:14px}
  .poco-compare--3 .poco-compare__head,.poco-compare--3 .poco-compare__row{grid-template-columns:repeat(3,minmax(0,1fr))}
  .poco-compare--3 .poco-compare__col{font-size:12px;overflow-wrap:anywhere}
  .poco-block-head{margin-bottom:14px}
  .poco-addons,.poco-analogs{margin-top:36px}
  .poco-reviews{margin-top:40px;padding-top:28px}
}
@media (max-width:560px){
  .poco-addons__row{grid-template-columns:1fr}
  .poco-dot{width:26px;height:26px}
  .poco-dots{gap:10px}
}
@media (pointer:coarse){
  .poco-dot{width:28px;height:28px}
  .poco-dots{gap:10px}
}