/* ===== Шрифти сайту SkyWire ===== */
@font-face{font-family:'kabelctt_book';src:url('https://www.skywire.com.ua/wp-content/uploads/useanyfont/3868kabelctt_book.woff2') format('woff2'),url('https://www.skywire.com.ua/wp-content/uploads/useanyfont/3868kabelctt_book.woff') format('woff');font-display:swap;}
@font-face{font-family:'kabelctt_ultra';src:url('https://www.skywire.com.ua/wp-content/uploads/useanyfont/3166kabelctt_ultra.woff2') format('woff2'),url('https://www.skywire.com.ua/wp-content/uploads/useanyfont/3166kabelctt_ultra.woff') format('woff');font-display:swap;}

/* ===== Токени скіна SkyWire 2026 ===== */
.sw-refily-article{
  --sw-ink:#262931; --sw-muted:#65737f; --sw-paper:#fff; --sw-soft:#f4fbfc;
  --sw-line:#dbeaec; --sw-teal:#44c6c8; --sw-teal-dark:#318f93;
  --sw-ice:#dff7ff; --sw-ice-strong:#9fe6e8; --sw-violet-soft:#f0efff;
  --sw-slate:#8090a4; --sw-red:#e05252; --sw-green:#2eab63;
  --sw-r-card:16px; --sw-r-btn:12px; --sw-r-pill:999px;
  --sw-shadow:0 12px 28px rgba(38,41,49,.10);
  --sw-font-body:'kabelctt_book',Arial,sans-serif;
  --sw-font-accent:'kabelctt_ultra','kabelctt_book',Arial,sans-serif;
}
.sw-refily-article, .sw-refily-article *{box-sizing:border-box;}
.sw-refily-article{margin:0;color:var(--sw-ink);background:var(--sw-paper);font-family:var(--sw-font-body);font-size:17px;line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased;}
.sw-refily-article img{max-width:100%;height:auto;display:block;}
.sw-refily-article a{color:var(--sw-teal-dark);text-decoration:underline;text-underline-offset:4px;}
.sw-refily-article a:hover{color:var(--sw-ink);}
.sw-refily-article h1,.sw-refily-article h2,.sw-refily-article h3{font-family:var(--sw-font-accent);font-weight:400;letter-spacing:0;color:var(--sw-ink);line-height:1.16;}
.sw-refily-article h1{font-size:clamp(30px,4.6vw,46px);margin:14px 0 16px;}
.sw-refily-article h2{font-size:clamp(23px,3vw,30px);margin:52px 0 16px;}
.sw-refily-article h3{font-size:clamp(18px,2.2vw,21px);margin:30px 0 10px;}
.sw-refily-article p,.sw-refily-article li{color:var(--sw-muted);}
.sw-refily-article p strong,.sw-refily-article li strong{color:var(--sw-ink);font-weight:400;font-family:var(--sw-font-accent);}

.sw-container{width:100%;max-width:860px;margin-inline:auto;padding-inline:18px;}

/* ===== Шапка статті ===== */
.sw-hero{background:linear-gradient(135deg,rgba(231,250,252,.96) 0%,rgba(255,255,255,.98) 42%,rgba(230,226,255,.94) 100%);border-bottom:1px solid var(--sw-line);padding:40px 0 34px;}
.sw-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--sw-teal-dark);font-family:var(--sw-font-accent);font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin:0;}
.sw-kicker::before{content:"";width:9px;height:9px;border-radius:var(--sw-r-pill);background:var(--sw-teal);}
.sw-lead{max-width:720px;font-size:18.5px;}

/* ===== Плейсхолдери під візуали ===== */
figure.sw-visual{margin:30px 0;}
.sw-visual-frame{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:min(52vw,420px);padding:26px;text-align:center;background:linear-gradient(180deg,#f8fcfc 0%,#fff 100%);border:2px dashed var(--sw-ice-strong);border-radius:20px;}
.sw-visual-frame .sw-visual-tag{display:inline-flex;align-items:center;gap:8px;min-height:28px;padding:6px 12px;color:var(--sw-teal-dark);background:var(--sw-ice);border:1px solid var(--sw-ice-strong);border-radius:var(--sw-r-pill);font-family:var(--sw-font-accent);font-size:12.5px;}
.sw-visual-frame p{margin:0;max-width:520px;font-size:14.5px;color:var(--sw-slate);}
figure.sw-visual figcaption{margin-top:10px;color:var(--sw-slate);font-size:13.5px;text-align:center;}
/* коли картинка готова: <img> всередину .sw-visual-frame, рамку прибрати класом .is-filled */
.sw-visual-frame.is-filled{border:1px solid var(--sw-line);padding:0;min-height:0;background:#fff;overflow:hidden;}
.sw-visual-frame.is-filled picture{display:block;width:100%;}
.sw-visual-frame.is-filled img{width:100%;border-radius:18px;}

/* ===== Фотоблоки візуалів ===== */
.sw-photo-duo{display:grid;grid-template-columns:1fr 44px 1fr;gap:12px;align-items:center;}
.sw-photo-duo--vs{grid-template-columns:1fr 1fr;gap:14px;align-items:start;}
.sw-photo-card{display:flex;flex-direction:column;gap:10px;min-width:0;}
.sw-photo-card img{width:100%;aspect-ratio:1/1;object-fit:cover;border:1px solid var(--sw-line);border-radius:16px;background:linear-gradient(180deg,#f8fcfc 0%,#fff 100%);}
.sw-photo-cap{align-self:center;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:28px;padding:6px 12px;color:var(--sw-teal-dark);background:var(--sw-ice);border:1px solid var(--sw-ice-strong);border-radius:var(--sw-r-pill);font-family:var(--sw-font-accent);font-size:12.5px;line-height:1.25;text-align:center;}
.sw-photo-cap--ghost{color:var(--sw-slate);background:#f2f4f6;border-color:rgba(128,144,164,.22);}
.sw-duo-arrow{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0 auto;color:#fff;background:var(--sw-teal);border-radius:var(--sw-r-pill);box-shadow:0 10px 20px rgba(68,198,200,.28);}
.sw-photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.sw-matrix-th{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:96px;}
.sw-matrix-th img{width:64px;height:64px;object-fit:cover;border:1px solid var(--sw-line);border-radius:12px;}
.sw-matrix td:not(:first-child){text-align:left;vertical-align:middle;}
.sw-matrix td:first-child{font-family:var(--sw-font-accent);}
@media (max-width:768px){
  .sw-photo-duo{grid-template-columns:1fr;gap:10px;}
  .sw-duo-arrow{transform:rotate(90deg);width:38px;height:38px;}
  .sw-photo-duo--vs{grid-template-columns:1fr 1fr;gap:10px;}
  .sw-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .sw-photo-cap{font-size:11.5px;padding:5px 10px;}
  .sw-matrix-th img{width:52px;height:52px;}
}

/* ===== Таблиця сумісності ===== */
.sw-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:22px 0 8px;border-radius:var(--sw-r-card);}
table.sw-table{width:100%;min-width:640px;background:var(--sw-paper);border:1px solid var(--sw-line);border-collapse:separate;border-spacing:0;border-radius:var(--sw-r-card);overflow:hidden;}
.sw-table th{background:var(--sw-soft);color:var(--sw-ink);font-family:var(--sw-font-accent);font-weight:400;font-size:14.5px;text-align:left;}
.sw-table th,.sw-table td{padding:13px 16px;border-bottom:1px solid var(--sw-line);vertical-align:top;font-size:15px;color:var(--sw-muted);hyphens:manual;overflow-wrap:normal;word-break:normal;}
.sw-table tr:last-child td{border-bottom:0;}
.sw-table td:first-child{color:var(--sw-ink);min-width:170px;}
.sw-yes,.sw-no{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:4px 10px;border-radius:var(--sw-r-pill);font-size:13px;line-height:1;white-space:nowrap;}
.sw-yes{color:var(--sw-teal-dark);background:var(--sw-ice);border:1px solid var(--sw-ice-strong);}
.sw-no{color:var(--sw-slate);background:#f2f4f6;border:1px solid rgba(128,144,164,.22);}
.sw-warn{color:var(--sw-red);background:#fdecec;border:1px solid rgba(224,82,82,.22);display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:4px 10px;border-radius:var(--sw-r-pill);font-size:13px;line-height:1;white-space:nowrap;}

/* ===== Інфо-плашки ===== */
.sw-note{position:relative;margin:22px 0;padding:15px 17px 15px 42px;color:var(--sw-ink);background:var(--sw-paper);border:1px solid var(--sw-line);border-radius:14px;}
.sw-note::before{content:"";position:absolute;top:22px;left:18px;width:9px;height:9px;border-radius:var(--sw-r-pill);background:var(--sw-teal);}
.sw-note--violet{background:linear-gradient(135deg,rgba(240,239,255,.75),rgba(223,247,255,.45));border-color:rgba(176,176,208,.45);}
.sw-note p{margin:0;color:var(--sw-muted);}
.sw-note p strong{color:var(--sw-ink);}

/* ===== Кроки ===== */
.sw-steps{list-style:none;counter-reset:sw-step;margin:24px 0;padding:0;display:grid;gap:12px;}
.sw-steps>li{counter-increment:sw-step;position:relative;padding:16px 18px 16px 62px;background:var(--sw-paper);border:1px solid var(--sw-line);border-radius:var(--sw-r-card);}
.sw-steps>li::before{content:counter(sw-step);position:absolute;top:16px;left:16px;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;color:#fff;background:var(--sw-teal);border-radius:var(--sw-r-pill);font-family:var(--sw-font-accent);font-size:15px;}
.sw-steps h3{margin:2px 0 6px;font-size:17.5px;}
.sw-steps p{margin:0 0 6px;font-size:15.5px;}
.sw-steps p:last-child{margin-bottom:0;}

/* ===== Відео-слоти ===== */
.sw-video{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin:26px 0;padding:20px;background:linear-gradient(135deg,rgba(223,247,255,.55),rgba(240,239,255,.55));border:1px solid var(--sw-line);border-radius:20px;}
.sw-video-icon{flex:0 0 56px;display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;color:#fff;background:var(--sw-teal);border-radius:var(--sw-r-pill);box-shadow:0 10px 20px rgba(68,198,200,.28);}
.sw-video-body{flex:1 1 260px;min-width:0;}
.sw-video-body strong{display:block;font-family:var(--sw-font-accent);font-weight:400;color:var(--sw-ink);margin-bottom:2px;}
.sw-video-body span{font-size:14px;color:var(--sw-slate);}
.sw-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:12px 20px;color:#fff !important;background:var(--sw-teal);border:1px solid var(--sw-teal);border-radius:var(--sw-r-btn);box-shadow:0 12px 22px rgba(68,198,200,.24);font-family:var(--sw-font-accent);font-size:15px;line-height:1.1;text-decoration:none;transition:background .18s ease,transform .18s ease;}
.sw-btn:hover{background:var(--sw-teal-dark);border-color:var(--sw-teal-dark);transform:translateY(-1px);color:#fff;}
.sw-btn--ghost{color:var(--sw-teal-dark) !important;background:var(--sw-paper);border-color:var(--sw-teal);box-shadow:none;}
.sw-btn--ghost:hover{color:#fff !important;background:var(--sw-teal-dark);}

/* ===== Помилки ===== */
.sw-mistake{margin:14px 0;padding:15px 17px 15px 42px;position:relative;background:var(--sw-paper);border:1px solid var(--sw-line);border-radius:14px;}
.sw-mistake::before{content:"";position:absolute;top:22px;left:18px;width:9px;height:9px;border-radius:var(--sw-r-pill);background:var(--sw-red);}
.sw-mistake h3{margin:0 0 6px;font-size:17px;}
.sw-mistake p{margin:0;font-size:15.5px;}

/* ===== Переваги ===== */
.sw-checks{list-style:none;margin:18px 0;padding:0;display:grid;gap:9px;}
.sw-checks li{position:relative;padding-left:32px;color:var(--sw-muted);}
.sw-checks li::before{content:"✓";position:absolute;left:0;top:0;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;color:var(--sw-teal-dark);background:var(--sw-ice);border:1px solid var(--sw-ice-strong);border-radius:var(--sw-r-pill);font-size:12px;}

/* ===== Лінк-картки ===== */
.sw-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:24px 0;}
.sw-link-card{display:flex;flex-direction:column;gap:6px;padding:18px;background:var(--sw-paper);border:1px solid var(--sw-line);border-radius:var(--sw-r-card);text-decoration:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;}
.sw-link-card:hover{border-color:rgba(68,198,200,.55);box-shadow:var(--sw-shadow);transform:translateY(-2px);}
.sw-link-card strong{font-family:var(--sw-font-accent);font-weight:400;color:var(--sw-ink);}
.sw-link-card span{font-size:14px;color:var(--sw-slate);}
.sw-link-card em{font-style:normal;color:var(--sw-teal-dark);font-size:14px;}

/* ===== FAQ ===== */
.sw-faq{display:grid;gap:10px;margin:24px 0;}
.sw-faq details{background:var(--sw-paper);border:1px solid var(--sw-line);border-radius:var(--sw-r-card);padding:0;overflow:hidden;}
.sw-faq summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;cursor:pointer;list-style:none;color:var(--sw-ink);font-family:var(--sw-font-accent);font-size:16.5px;}
.sw-faq summary::-webkit-details-marker{display:none;}
.sw-faq summary::after{content:"+";flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;color:var(--sw-teal-dark);background:var(--sw-soft);border:1px solid var(--sw-line);border-radius:var(--sw-r-pill);font-size:17px;line-height:1;transition:transform .16s ease;}
.sw-faq details[open] summary::after{content:"−";}
.sw-faq details p{margin:0;padding:0 18px 16px;font-size:15.5px;}

/* ===== CTA Telegram ===== */
.sw-cta{margin:40px 0 8px;padding:24px;text-align:center;background:linear-gradient(135deg,rgba(231,250,252,.96),#fff 48%,rgba(230,226,255,.9));border:1px solid var(--sw-line);border-radius:20px;}
.sw-cta p{max-width:560px;margin:0 auto 16px;}

.sw-footer-space{height:56px;}

@media (max-width:768px){
  .sw-refily-article{font-size:16px;}
  .sw-hero{padding:28px 0 24px;}
  .sw-lead{font-size:16.5px;}
  h2{margin-top:40px;}
  .sw-steps>li{padding:14px 14px 14px 56px;}
  .sw-steps>li::before{top:14px;left:12px;}
  .sw-video{padding:16px;}
  .sw-visual-frame{min-height:56vw;}
  figure.sw-visual{margin:24px -2px;}
  .sw-visual-frame.is-filled img{border-radius:14px;}
  figure.sw-visual figcaption{padding-inline:8px;font-size:12.8px;line-height:1.45;}
}

/* v0.1.1: mobile tables become readable cards instead of horizontal scroll. */
@media (max-width:768px){
  .sw-table-wrap{
    overflow-x:visible;
    margin:18px 0 8px;
    border-radius:0;
  }

  table.sw-table,
  table.sw-table thead,
  table.sw-table tbody,
  table.sw-table tr,
  table.sw-table th,
  table.sw-table td{
    display:block;
    width:100%;
    max-width:100%;
    min-width:0;
    box-sizing:border-box;
  }

  table.sw-table{
    min-width:0;
    border:0;
    border-radius:0;
    background:transparent;
    overflow:visible;
  }

  table.sw-table thead{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    border:0;
    clip:rect(0 0 0 0);
    clip-path:inset(50%);
    overflow:hidden;
    white-space:nowrap;
  }

  table.sw-table tbody{
    display:grid;
    gap:12px;
  }

  table.sw-table tr{
    padding:14px;
    border:1px solid var(--sw-line);
    border-radius:var(--sw-r-card);
    background:var(--sw-paper);
    box-shadow:0 8px 18px rgba(38,41,49,.05);
  }

  table.sw-table td,
  table.sw-table td:first-child{
    display:grid;
    grid-template-columns:minmax(96px,.45fr) minmax(0,1fr);
    gap:10px;
    align-items:start;
    min-width:0;
    padding:9px 0;
    border-bottom:1px solid var(--sw-line);
    color:var(--sw-muted);
    font-size:14.5px;
    line-height:1.45;
    overflow-wrap:break-word;
    word-break:normal;
  }

  table.sw-table td:last-child{
    border-bottom:0;
    padding-bottom:0;
  }

  table.sw-table td:first-child{
    color:var(--sw-muted);
  }

  table.sw-table td::before{
    color:var(--sw-ink);
    font-family:var(--sw-font-accent);
    font-size:12.5px;
    line-height:1.25;
  }

  table.sw-table:not(.sw-matrix) td:nth-child(1)::before{content:"Тип";}
  table.sw-table:not(.sw-matrix) td:nth-child(2)::before{content:"Котушка";}
  table.sw-table:not(.sw-matrix) td:nth-child(3)::before{content:"Адаптер";}

  table.sw-matrix td:nth-child(1)::before{content:"Рефіл";}
  table.sw-matrix td:nth-child(2)::before{content:"SUNLU v2";}
  table.sw-matrix td:nth-child(3)::before{content:"SUNLU v3";}
  table.sw-matrix td:nth-child(4)::before{content:"BambuLab";}
  table.sw-matrix td:nth-child(5)::before{content:"3 кг SUNLU";}

  table.sw-table .sw-yes,
  table.sw-table .sw-no,
  table.sw-table .sw-warn{
    width:max-content;
    max-width:100%;
    white-space:normal;
    line-height:1.2;
  }
}