/* ============================================================
   Interbayer.com — дизайн-система «Графит»
   Этап 3 редизайна. Подключается ПОСЛЕ bootstrap.css/style.css.
   Содержит: токены, базу, шапку, навигацию, подвал, утилиты.
   ============================================================ */

:root{
  --brand:#171b22;
  --brand-deep:#080b10;
  --brand-soft:#eef2f4;
  --accent:#ff5b35;
  --accent-dark:#d94220;
  --accent-2:#137b76;
  --bg:#f7f8fa;
  --ink:#0b0f16;
  --muted:#687181;
  --line:#e1e5eb;
  --white:#ffffff;
  --radius:12px;
  --radius-sm:8px;
  --maxw:1240px;
  --font-head:'Geologica',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --font-body:'Commissioner',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --shadow:0 26px 90px -54px rgba(8,11,16,.45);
  --shadow-sm:0 14px 44px -32px rgba(8,11,16,.32);
}

/* ---------- база ---------- */
.ib-scope,.ib-scope *{box-sizing:border-box;margin:0;padding:0}
body{
  font-family:var(--font-body);
  color:var(--ink);
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
}
/* дышащий градиентный фон — 3 мягких пятна */
body::before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(40vw 40vw at 12% 8%, rgba(255,91,53,.07), transparent 70%),
    radial-gradient(45vw 45vw at 88% 18%, rgba(31,36,48,.07), transparent 70%),
    radial-gradient(50vw 50vw at 60% 95%, rgba(255,91,53,.05), transparent 70%);
  animation:ibBreathe 22s ease-in-out infinite alternate;
}
@keyframes ibBreathe{
  0%{transform:translate3d(0,0,0) scale(1)}
  100%{transform:translate3d(0,-3%,0) scale(1.08)}
}
.ib-container{max-width:var(--maxw);margin:0 auto;padding:0 24px}

/* ---------- верхняя плашка контактов ---------- */
.ib-topbar{
  background:var(--brand-deep);color:#c7cad3;
  font-family:var(--font-body);font-size:13px;
}
.ib-topbar .ib-container{
  display:flex;flex-wrap:wrap;gap:8px 22px;
  align-items:center;justify-content:flex-end;min-height:40px;
}
.ib-topbar a{color:#e7e9ee;text-decoration:none}
.ib-topbar a:hover{color:var(--accent)}
.ib-topbar .ib-tb-item{display:inline-flex;align-items:center;gap:7px}
.ib-dot{
  width:8px;height:8px;border-radius:50%;background:var(--accent);
  display:inline-block;box-shadow:0 0 0 0 rgba(255,91,53,.6);
  animation:ibPulse 2.2s infinite;
}
@keyframes ibPulse{
  70%{box-shadow:0 0 0 9px rgba(255,91,53,0)}
  100%{box-shadow:0 0 0 0 rgba(255,91,53,0)}
}

/* ---------- шапка ---------- */
.ib-header{
  position:sticky;top:0;z-index:900;
  background:rgba(251,251,253,.86);
  backdrop-filter:saturate(180%) blur(12px);
  border-bottom:1px solid var(--line);
  transition:padding .25s ease, box-shadow .25s ease;
}
.ib-header .ib-container{
  display:flex;align-items:center;gap:26px;
  padding-top:16px;padding-bottom:16px;transition:padding .25s ease;
}
.ib-header.ib-shrink .ib-container{padding-top:9px;padding-bottom:9px}
.ib-header.ib-shrink{box-shadow:var(--shadow-sm)}
.ib-logo{flex:0 0 auto;display:block;line-height:0}
.ib-logo img{height:48px;width:auto;transition:height .25s ease}
.ib-header.ib-shrink .ib-logo img{height:38px}

/* ---------- навигация ---------- */
.ib-nav{margin-left:auto}
.ib-nav>ul{display:flex;align-items:center;gap:4px;list-style:none}
.ib-nav>ul>li{position:relative}
.ib-nav a{
  display:block;padding:10px 14px;text-decoration:none;
  font-family:var(--font-body);font-weight:600;font-size:14px;
  color:var(--brand);border-radius:var(--radius-sm);
  letter-spacing:.01em;transition:color .18s ease,background .18s ease;
}
.ib-nav>ul>li>a::after{
  content:"";display:block;height:2px;width:0;margin-top:3px;
  background:var(--accent);border-radius:2px;transition:width .22s ease;
}
.ib-nav>ul>li:hover>a{color:var(--accent-dark)}
.ib-nav>ul>li:hover>a::after{width:100%}

/* выпадающие */
.ib-drop{
  position:absolute;top:calc(100% + 6px);left:0;min-width:260px;
  background:var(--white);border:1px solid var(--line);
  border-radius:var(--radius);box-shadow:var(--shadow);
  padding:8px;list-style:none;
  opacity:0;visibility:hidden;transform:translateY(8px);
  transition:opacity .18s ease,transform .18s ease,visibility .18s;
}
.ib-nav li:hover>.ib-drop{opacity:1;visibility:visible;transform:translateY(0)}
.ib-drop a{padding:9px 12px;font-weight:500;color:var(--ink)}
.ib-drop a:hover{background:var(--brand-soft);color:var(--accent-dark)}

/* ---------- поиск ---------- */
.ib-search{display:flex;align-items:center;gap:0}
.ib-search input[type=text]{
  font-family:var(--font-body);font-size:13px;
  border:1px solid var(--line);border-right:0;
  border-radius:var(--radius-sm) 0 0 var(--radius-sm);
  padding:9px 12px;width:170px;outline:none;background:var(--white);
  transition:border-color .18s ease,width .18s ease;
}
.ib-search input[type=text]:focus{border-color:var(--accent);width:200px}
.ib-btn{
  font-family:var(--font-body);font-weight:700;font-size:13px;
  border:0;cursor:pointer;color:var(--white);background:var(--accent);
  padding:10px 16px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;
  transition:transform .12s ease,background .18s ease;
}
.ib-btn:hover{background:var(--accent-dark)}
.ib-btn:active{transform:scale(.96)}

/* кнопка-гамбургер (моб.) */
.ib-burger{
  display:none;flex-direction:column;gap:5px;
  background:none;border:0;cursor:pointer;padding:8px;
}
.ib-burger span{
  width:24px;height:2px;background:var(--brand);border-radius:2px;
  transition:transform .2s ease,opacity .2s ease;
}
.ib-burger.ib-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.ib-burger.ib-open span:nth-child(2){opacity:0}
.ib-burger.ib-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ---------- подвал ---------- */
.ib-footer{
  background:var(--brand-deep);color:#aeb2bd;
  font-family:var(--font-body);margin-top:80px;
}
.ib-footer .ib-container{
  display:flex;flex-wrap:wrap;gap:36px;
  padding-top:54px;padding-bottom:30px;
}
.ib-footer .ib-fcol{flex:1 1 220px;min-width:200px}
.ib-footer h4{
  font-family:var(--font-head);font-weight:600;font-size:15px;
  color:var(--white);margin-bottom:16px;letter-spacing:.02em;
}
.ib-footer a{color:#cfd2da;text-decoration:none}
.ib-footer a:hover{color:var(--accent)}
.ib-footer ul{list-style:none}
.ib-footer li{margin-bottom:9px;font-size:14px}
.ib-flogo{
  font-family:var(--font-head);font-weight:700;font-size:22px;
  color:var(--white);text-decoration:none;display:inline-block;margin-bottom:14px;
}
.ib-flogo span{color:var(--accent)}
.ib-fbar{
  border-top:1px solid rgba(255,255,255,.08);
  font-size:12.5px;color:#7d818d;
}
.ib-fbar .ib-container{
  display:flex;flex-wrap:wrap;gap:8px 20px;
  justify-content:space-between;padding-top:18px;padding-bottom:24px;
}

/* ---------- утилиты ---------- */
.ib-reveal{opacity:0;transform:translateY(22px);
  transition:opacity .6s ease,transform .6s ease}
.ib-reveal.ib-in{opacity:1;transform:none}

/* ---------- адаптив ---------- */
@media(max-width:980px){
  .ib-burger{display:flex;margin-left:auto}
  .ib-nav{
    position:fixed;inset:0 0 0 auto;width:min(86vw,360px);
    background:var(--white);box-shadow:var(--shadow);
    margin:0;padding:80px 18px 24px;overflow-y:auto;
    transform:translateX(105%);transition:transform .28s ease;z-index:950;
  }
  .ib-nav.ib-open{transform:none}
  .ib-nav>ul{flex-direction:column;align-items:stretch;gap:2px}
  .ib-drop{
    position:static;opacity:1;visibility:visible;transform:none;
    box-shadow:none;border:0;border-left:2px solid var(--line);
    border-radius:0;margin:2px 0 6px 12px;display:none;
  }
  .ib-nav li.ib-expanded>.ib-drop{display:block}
  .ib-search{display:none}
  .ib-header .ib-container{gap:14px}
}

/* ============================================================
   ГЛАВНАЯ (index.php) — секции редизайна «Графит»
   ============================================================ */

/* --- общие секции --- */
.ib-section{padding:64px 0}
.ib-shead{max-width:620px;margin:0 auto 38px;text-align:center}
.ib-shead h2{
  font-family:var(--font-head);font-weight:700;
  font-size:clamp(24px,3.2vw,34px);color:var(--ink);letter-spacing:-.01em;
}
.ib-shead p{margin-top:10px;color:var(--muted);font-size:15px;line-height:1.6}

/* --- hero --- */
.ib-hero{position:relative;overflow:hidden;padding:72px 0 60px}
.ib-hero-in{display:flex;align-items:center;gap:48px}
.ib-hero-text{flex:1 1 540px;min-width:0}
.ib-badge{
  display:inline-flex;align-items:center;gap:7px;
  font-family:var(--font-body);font-weight:600;font-size:12.5px;
  color:var(--accent-dark);background:rgba(255,91,53,.10);
  padding:7px 14px;border-radius:999px;letter-spacing:.02em;
}
.ib-hero h1{
  font-family:var(--font-head);font-weight:700;
  font-size:clamp(30px,5vw,52px);line-height:1.08;
  letter-spacing:-.02em;color:var(--ink);margin:18px 0 16px;
}
.ib-hero h1 em{color:var(--accent);font-style:normal}
.ib-hero-text>p{
  font-size:16.5px;line-height:1.65;color:var(--muted);max-width:520px;
}
.ib-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 30px}
.ib-cta{
  display:inline-flex;align-items:center;justify-content:center;
  font-family:var(--font-body);font-weight:700;font-size:14.5px;
  text-decoration:none;padding:14px 26px;border-radius:var(--radius-sm);
  background:var(--accent);color:var(--white);border:2px solid var(--accent);
  transition:transform .14s ease,background .18s ease,box-shadow .2s ease;
}
.ib-cta:hover{background:var(--accent-dark);border-color:var(--accent-dark);
  transform:translateY(-2px);box-shadow:0 12px 26px -10px rgba(255,91,53,.6)}
.ib-cta:active{transform:translateY(0)}
.ib-cta-ghost{background:transparent;color:var(--brand);border-color:var(--line)}
.ib-cta-ghost:hover{background:var(--brand);color:var(--white);
  border-color:var(--brand);box-shadow:none}
.ib-cta-light{background:var(--white);color:var(--ink);border-color:var(--white)}
.ib-cta-light:hover{background:var(--ink);color:var(--white);
  border-color:var(--ink);box-shadow:none}
.ib-hero-stats{display:flex;gap:30px;flex-wrap:wrap}
.ib-hero-stats div{display:flex;flex-direction:column}
.ib-hero-stats strong{
  font-family:var(--font-head);font-weight:700;font-size:26px;color:var(--ink);
}
.ib-hero-stats span{font-size:13px;color:var(--muted);margin-top:2px}
.ib-hero-art{flex:0 0 320px;height:320px;position:relative}
.ib-blob{position:absolute;border-radius:50%;filter:blur(6px);
  animation:ibFloat 9s ease-in-out infinite alternate}
.ib-blob-1{width:200px;height:200px;top:10px;left:30px;
  background:radial-gradient(circle at 35% 30%,#ff7d5c,var(--accent))}
.ib-blob-2{width:140px;height:140px;bottom:20px;right:10px;
  background:radial-gradient(circle at 40% 35%,#3a4156,var(--brand));
  animation-delay:-3s}
.ib-blob-3{width:100px;height:100px;bottom:70px;left:0;
  background:radial-gradient(circle at 40% 35%,#ffd0c4,#ff8e72);
  animation-delay:-6s}
@keyframes ibFloat{
  0%{transform:translate3d(0,0,0)}
  100%{transform:translate3d(0,-26px,0)}
}

/* --- категории --- */
.ib-cats{
  display:grid;grid-template-columns:repeat(4,1fr);gap:20px;
}
.ib-cat{
  position:relative;display:block;border-radius:var(--radius);
  overflow:hidden;background:var(--white);border:1px solid var(--line);
  text-decoration:none;box-shadow:var(--shadow-sm);
  transition:transform .22s ease,box-shadow .22s ease;
}
.ib-cat:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.ib-cat img{
  width:100%;height:170px;object-fit:cover;display:block;
  transition:transform .4s ease;
}
.ib-cat:hover img{transform:scale(1.07)}
.ib-cat-body{display:block;padding:16px 18px 20px}
.ib-cat-body strong{
  font-family:var(--font-head);font-weight:600;font-size:17px;
  color:var(--ink);display:block;
}
.ib-cat-body small{
  display:block;margin-top:6px;font-size:13px;line-height:1.5;color:var(--muted);
}

/* --- бренды --- */
.ib-brands-sec{background:var(--brand-soft);border-radius:var(--radius)}
.ib-brands{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.ib-brand{
  background:var(--white);border:1px solid var(--line);
  border-radius:var(--radius);padding:32px 30px;box-shadow:var(--shadow-sm);
  transition:transform .2s ease;
}
.ib-brand:hover{transform:translateY(-4px)}
.ib-brand h3{
  font-family:var(--font-head);font-weight:700;font-size:26px;
  color:var(--ink);margin-bottom:12px;
}
.ib-brand p{font-size:14.5px;line-height:1.65;color:var(--muted);margin-bottom:16px}
.ib-brand a{
  font-family:var(--font-body);font-weight:700;font-size:14px;
  color:var(--accent-dark);text-decoration:none;
}
.ib-brand a:hover{color:var(--accent)}

/* --- товары --- */
.ib-products{
  display:grid;grid-template-columns:repeat(4,1fr);gap:20px;
}
.ib-prod{
  display:flex;flex-direction:column;background:var(--white);
  border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;
  text-decoration:none;box-shadow:var(--shadow-sm);
  transition:transform .2s ease,box-shadow .2s ease;
}
.ib-prod:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.ib-prod-img{
  display:block;background:var(--white);padding:18px;
  border-bottom:1px solid var(--line);
}
.ib-prod-img img{
  width:100%;height:170px;object-fit:contain;display:block;
  transition:transform .35s ease;
}
.ib-prod:hover .ib-prod-img img{transform:scale(1.06)}
.ib-prod-body{display:flex;flex-direction:column;flex:1;padding:14px 16px 16px}
.ib-prod-name{
  font-family:var(--font-body);font-weight:700;font-size:14.5px;
  color:var(--ink);line-height:1.35;
}
.ib-prod-desc{
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  overflow:hidden;font-size:12.5px;line-height:1.5;color:var(--muted);
  margin:6px 0 12px;
}
.ib-prod-foot{
  margin-top:auto;display:flex;align-items:center;
  justify-content:space-between;gap:8px;
}
.ib-prod-price{
  font-family:var(--font-head);font-weight:600;font-size:16px;color:var(--ink);
}
.ib-prod-price span{font-family:var(--font-body);font-size:12px;color:var(--muted)}
.ib-prod-more{
  font-family:var(--font-body);font-weight:700;font-size:12.5px;
  color:var(--accent-dark);
}
.ib-prod:hover .ib-prod-more{color:var(--accent)}

/* --- преимущества --- */
.ib-feats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.ib-feat{
  background:var(--white);border:1px solid var(--line);
  border-radius:var(--radius);padding:24px 22px;
}
.ib-feat-ic{
  display:inline-flex;align-items:center;justify-content:center;
  width:42px;height:42px;border-radius:11px;
  background:rgba(255,91,53,.10);color:var(--accent);
  font-size:16px;margin-bottom:14px;
}
.ib-feat strong{
  font-family:var(--font-head);font-weight:600;font-size:16px;
  color:var(--ink);display:block;margin-bottom:6px;
}
.ib-feat p{font-size:13.5px;line-height:1.55;color:var(--muted)}

/* --- SEO-текст --- */
.ib-prose{max-width:820px}
.ib-prose h2{
  font-family:var(--font-head);font-weight:700;
  font-size:clamp(22px,3vw,30px);color:var(--ink);margin-bottom:16px;
}
.ib-prose p{
  font-size:15.5px;line-height:1.75;color:#3c424f;margin-bottom:14px;
}
.ib-prose a{color:var(--accent-dark);font-weight:600}

/* --- CTA-полоса --- */
.ib-ctaband{
  background:var(--brand-deep);margin-top:20px;
  background-image:radial-gradient(40vw 40vw at 85% 20%,rgba(255,91,53,.18),transparent 70%);
}
.ib-ctaband-in{
  display:flex;align-items:center;justify-content:space-between;
  gap:30px;flex-wrap:wrap;padding:48px 24px;
}
.ib-ctaband h2{
  font-family:var(--font-head);font-weight:700;font-size:clamp(22px,3vw,30px);
  color:var(--white);
}
.ib-ctaband p{color:#aeb2bd;font-size:15px;margin-top:8px}

/* --- адаптив главной --- */
@media(max-width:980px){
  .ib-cats,.ib-products{grid-template-columns:1fr 1fr}
  .ib-feats{grid-template-columns:1fr 1fr}
  .ib-hero-in{flex-direction:column;align-items:flex-start;gap:30px}
  .ib-hero-art{display:none}
}
@media(max-width:560px){
  .ib-section{padding:46px 0}
  .ib-cats,.ib-products,.ib-feats,.ib-brands{grid-template-columns:1fr}
  .ib-hero-stats{gap:20px}
  .ib-ctaband-in{flex-direction:column;align-items:flex-start}
}

/* ============================================================
   КАТАЛОГ КАТЕГОРІЇ — furniture.php
   ============================================================ */

/* хлібні крихти */
.ib-crumbs{border-bottom:1px solid var(--line);background:var(--white)}
.ib-crumbs .ib-container{
  display:flex;align-items:center;gap:8px;
  padding-top:14px;padding-bottom:14px;
  font-family:var(--font-body);font-size:13px;
}
.ib-crumbs a{color:var(--muted);text-decoration:none;transition:color .15s}
.ib-crumbs a:hover{color:var(--accent-dark)}
.ib-crumbs span{color:#c4c8d2}
.ib-crumbs strong{color:var(--ink);font-weight:600}

.ib-section-cat{padding-top:40px}

/* сітка: сайдбар + товари */
.ib-catalog{
  display:grid;grid-template-columns:248px 1fr;gap:34px;align-items:start;
}

/* сайдбар категорій */
.ib-side{
  position:sticky;top:96px;background:var(--white);
  border:1px solid var(--line);border-radius:var(--radius);
  padding:6px 0;overflow:hidden;
}
.ib-side-block{padding:14px 20px}
.ib-side-block + .ib-side-block{border-top:1px solid var(--line)}
.ib-side-block h4{
  font-family:var(--font-head);font-weight:600;font-size:12.5px;
  text-transform:uppercase;letter-spacing:.04em;color:var(--ink);
  margin-bottom:10px;
}
.ib-side-block ul{list-style:none;margin:0;padding:0}
.ib-side-block li{margin:2px 0}
.ib-side-block a{
  display:block;padding:6px 10px;border-radius:8px;
  font-family:var(--font-body);font-size:13.5px;line-height:1.4;
  color:var(--muted);text-decoration:none;
  transition:background .15s,color .15s;
}
.ib-side-block a:hover{background:var(--brand-soft);color:var(--ink)}
.ib-side-block a.ib-side-active{background:var(--accent);color:#fff;font-weight:600}

/* основна частина */
.ib-cat-head{margin-bottom:26px}
.ib-cat-head h1{
  font-family:var(--font-head);font-weight:700;
  font-size:clamp(24px,3.4vw,34px);color:var(--ink);line-height:1.2;
}
.ib-cat-intro{margin-top:12px;max-width:760px}
.ib-cat-intro p{font-size:14.5px;line-height:1.7;color:#3c424f}

/* сітка товарів каталогу — 3 колонки */
.ib-products-cat{grid-template-columns:repeat(3,1fr)}

/* ціни в картці каталогу */
.ib-prod-prices{
  margin-top:auto;display:flex;flex-direction:column;gap:5px;padding-top:12px;
}
.ib-price-row{
  display:flex;align-items:baseline;justify-content:space-between;gap:10px;
}
.ib-price-lbl{font-size:11.5px;line-height:1.35;color:var(--muted)}
.ib-price-val{
  font-family:var(--font-head);font-weight:600;font-size:14.5px;
  color:var(--ink);white-space:nowrap;
}
.ib-price-ask{font-family:var(--font-body);font-size:13px;color:var(--accent-dark)}
.ib-prod--cat .ib-prod-more{
  margin-top:12px;padding-top:11px;border-top:1px solid var(--line);
}

/* порожня категорія */
.ib-empty{
  text-align:center;padding:54px 20px;background:var(--white);
  border:1px solid var(--line);border-radius:var(--radius);
}
.ib-empty p{color:var(--muted);font-size:15px;margin-bottom:18px}

.ib-cat-prose{margin-top:42px}
.ib-cat-buy strong{color:var(--accent-dark)}

@media(max-width:980px){
  .ib-catalog{grid-template-columns:1fr;gap:24px}
  .ib-side{position:static;order:2}
  .ib-cat-main{order:1}
  .ib-side-block{display:inline-block;vertical-align:top;width:48%;box-sizing:border-box}
  .ib-products-cat{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .ib-side-block{display:block;width:auto}
  .ib-products-cat{grid-template-columns:1fr}
}

/* ============================================================
   КАРТКА ТОВАРУ — single.php
   ============================================================ */
.ib-product{
  display:grid;grid-template-columns:minmax(0,420px) 1fr;gap:36px;
  align-items:start;background:var(--white);border:1px solid var(--line);
  border-radius:var(--radius);padding:28px;
}
.ib-pgallery-frame{
  border:1px solid var(--line);border-radius:14px;overflow:hidden;
  background:var(--white);
}
.ib-pgallery-frame img{
  width:100%;display:block;aspect-ratio:1/1;object-fit:contain;
  padding:24px;box-sizing:border-box;transition:transform .4s ease;
}
.ib-pgallery-frame:hover img{transform:scale(1.12)}
.ib-pinfo{display:flex;flex-direction:column}
.ib-pname{
  font-family:var(--font-head);font-weight:700;
  font-size:clamp(22px,3vw,30px);color:var(--ink);line-height:1.2;
}
.ib-pdesc{margin-top:10px;font-size:15px;line-height:1.6;color:var(--muted)}
.ib-pricebox{
  margin-top:20px;border:1px solid var(--line);border-radius:14px;
  padding:16px 18px;background:var(--bg);
}
.ib-pricebox-cap{
  font-family:var(--font-body);font-size:12px;text-transform:uppercase;
  letter-spacing:.05em;color:var(--muted);display:block;margin-bottom:8px;
}
.ib-pricebox .ib-price-row{
  display:flex;align-items:baseline;justify-content:space-between;
  gap:14px;padding:5px 0;
}
.ib-pricebox .ib-price-row + .ib-price-row{border-top:1px dashed var(--line)}
.ib-pricebox .ib-price-lbl{font-size:13px;color:var(--muted)}
.ib-pricebox .ib-price-val{
  font-family:var(--font-head);font-weight:600;font-size:18px;color:var(--ink);
}
.ib-pricebox .ib-price-ask{font-size:15px;color:var(--accent-dark)}
.ib-pinfo .ib-cta{margin-top:18px;align-self:flex-start}
.ib-certs{margin-top:22px}
.ib-certs-cap{
  font-family:var(--font-body);font-size:12px;text-transform:uppercase;
  letter-spacing:.05em;color:var(--muted);display:block;margin-bottom:10px;
}
.ib-cert{
  display:flex;align-items:center;gap:10px;padding:8px 0;
  text-decoration:none;color:var(--ink);font-size:13.5px;
  border-bottom:1px solid var(--line);
}
.ib-cert:last-child{border-bottom:0}
.ib-cert:hover{color:var(--accent-dark)}
.ib-cert-ic{
  flex:none;display:inline-flex;align-items:center;justify-content:center;
  width:38px;height:38px;border-radius:9px;
  background:rgba(255,91,53,.10);color:var(--accent-dark);
  font-family:var(--font-head);font-weight:600;font-size:11px;
}
.ib-views{margin-top:18px;font-size:12.5px;color:var(--muted)}

/* вкладки */
.ib-tabs{margin-top:26px}
.ib-tabnav{
  display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--line);
}
.ib-tab-btn{
  appearance:none;border:0;background:none;cursor:pointer;
  font-family:var(--font-body);font-weight:600;font-size:14px;
  color:var(--muted);padding:12px 16px;border-bottom:2px solid transparent;
  margin-bottom:-1px;transition:color .15s,border-color .15s;
}
.ib-tab-btn:hover{color:var(--ink)}
.ib-tab-btn.ib-active{color:var(--accent-dark);border-bottom-color:var(--accent)}
.ib-tabpane{
  display:none;padding:22px 4px;font-size:14px;line-height:1.7;color:#3c424f;
}
.ib-tabpane.ib-active{display:block}
.ib-tabpane table{width:100%;border-collapse:collapse}
.ib-tabpane td,.ib-tabpane th{
  padding:8px 10px;border-bottom:1px solid var(--line);
  text-align:left;vertical-align:top;
}

.ib-notfound{text-align:center;max-width:520px;margin:0 auto}
.ib-notfound h1{
  font-family:var(--font-head);font-weight:700;font-size:28px;
  color:var(--ink);margin-bottom:10px;
}
.ib-notfound p{color:var(--muted);margin-bottom:20px}

@media(max-width:760px){
  .ib-product{grid-template-columns:1fr;padding:18px}
}

/* ============================================================
   ПІДБІР КОЛЬОРУ — select.php
   ============================================================ */
.ib-color-page{
  position:relative;overflow:hidden;
  background:
    linear-gradient(90deg,rgba(247,241,229,.9) 1px,transparent 1px) 0 0/64px 64px,
    linear-gradient(0deg,rgba(247,241,229,.9) 1px,transparent 1px) 0 0/64px 64px,
    linear-gradient(135deg,#fffdf8 0%,#f6fbf8 52%,#fff 100%);
}
.ib-color-hero{
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.58fr);
  gap:34px;align-items:stretch;margin-bottom:34px;
}
.ib-color-hero-copy{
  min-height:360px;display:flex;flex-direction:column;justify-content:center;
}
.ib-color-hero h1{
  font-family:var(--font-head);font-size:clamp(44px,7vw,86px);
  line-height:.93;font-weight:900;color:var(--ink);max-width:720px;margin:8px 0 18px;
}
.ib-color-hero p{
  max-width:650px;color:#697383;font-size:16px;line-height:1.75;margin:0;
}
.ib-color-hero-actions{
  display:flex;gap:12px;flex-wrap:wrap;margin-top:28px;
}
.ib-color-hero-card{
  position:relative;align-self:center;min-height:280px;padding:28px;
  border:1px solid rgba(16,24,40,.09);border-radius:24px;background:rgba(255,255,255,.78);
  box-shadow:0 24px 70px rgba(16,24,40,.11);backdrop-filter:blur(18px);
  overflow:hidden;
}
.ib-color-hero-card::before{
  content:"";position:absolute;inset:auto -42px -70px auto;width:190px;height:190px;
  border-radius:50%;background:radial-gradient(circle,rgba(36,128,111,.18),rgba(255,255,255,0) 68%);
}
.ib-color-total{
  position:relative;z-index:1;display:flex;flex-direction:column;gap:4px;
  font-family:var(--font-head);font-size:56px;line-height:1;font-weight:900;color:var(--ink);
}
.ib-color-total small{
  font-family:var(--font-body);font-size:13px;font-weight:800;text-transform:uppercase;
  color:#208071;letter-spacing:.06em;
}
.ib-color-spectrum{
  position:relative;z-index:1;display:grid;grid-template-columns:repeat(6,1fr);
  gap:8px;margin:26px 0 20px;
}
.ib-color-spectrum span{
  display:block;height:86px;border-radius:16px;border:1px solid rgba(16,24,40,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}
.ib-color-hero-card p{
  position:relative;z-index:1;color:#5f6978;font-size:14px;line-height:1.65;margin:0;
}
.ib-palette-library{
  margin:0 0 30px;padding:22px;border:1px solid rgba(16,24,40,.08);
  border-radius:28px;background:rgba(255,255,255,.72);
  box-shadow:0 22px 70px rgba(16,24,40,.08);backdrop-filter:blur(18px);
}
.ib-palette-library-head{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);
  gap:22px;align-items:end;margin-bottom:20px;
}
.ib-palette-library h2{
  font-family:var(--font-head);font-size:clamp(28px,4vw,48px);
  line-height:1.02;font-weight:900;color:var(--ink);margin:6px 0 10px;
}
.ib-palette-library p{
  max-width:660px;margin:0;color:#697383;font-size:15px;line-height:1.65;
}
.ib-palette-search{
  width:100%;box-sizing:border-box;border:1px solid rgba(16,24,40,.1);
  border-radius:16px;padding:15px 17px;background:#fff;color:var(--ink);
  font-family:var(--font-body);font-size:14px;outline:none;
  box-shadow:0 12px 30px rgba(16,24,40,.05);
  transition:border-color .15s,box-shadow .15s;
}
.ib-palette-search:focus{
  border-color:#208071;box-shadow:0 0 0 4px rgba(32,128,113,.12),0 12px 30px rgba(16,24,40,.05);
}
.ib-palette-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;
}
.ib-palette-card{
  position:relative;display:flex;flex-direction:column;gap:10px;min-height:176px;
  padding:18px;border:1px solid rgba(16,24,40,.08);border-radius:22px;
  background:#fff;text-align:left;text-decoration:none;color:var(--ink);
  box-shadow:0 14px 34px rgba(16,24,40,.07);overflow:hidden;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
button.ib-palette-card{
  appearance:none;-webkit-appearance:none;cursor:pointer;font:inherit;
}
.ib-palette-card[data-jump-tab]{cursor:pointer}
.ib-palette-card::after{
  content:"";position:absolute;inset:auto -24px -44px auto;width:136px;height:136px;
  border-radius:50%;background:radial-gradient(circle,rgba(32,128,113,.13),rgba(255,255,255,0) 70%);
}
.ib-palette-card:hover{
  transform:translateY(-4px);border-color:rgba(32,128,113,.24);
  box-shadow:0 24px 52px rgba(16,24,40,.12);
}
.ib-palette-card[hidden]{display:none}
.ib-palette-status{
  align-self:flex-start;display:inline-flex;align-items:center;min-height:28px;padding:0 10px;
  border-radius:999px;background:#eef7f4;color:#208071;font-size:10.5px;font-weight:900;
  text-transform:uppercase;letter-spacing:.06em;
}
.ib-palette-card.ib-plan .ib-palette-status{background:#fff3ea;color:#c55b2f}
.ib-palette-card.ib-must{
  min-height:210px;border-color:rgba(32,128,113,.2);
  background:linear-gradient(145deg,#fff,#f7fbf8);
}
.ib-palette-card.ib-must .ib-palette-status{
  background:#12332f;color:#fff;
}
.ib-palette-card strong{
  position:relative;z-index:1;font-family:var(--font-head);font-size:20px;
  line-height:1.15;font-weight:900;color:#101823;
}
.ib-palette-card small{
  position:relative;z-index:1;color:#6f7988;font-size:13px;line-height:1.4;font-weight:700;
}
.ib-palette-source{
  position:relative;z-index:1;display:block;color:#7a8492;font-size:12px;
  line-height:1.45;font-weight:700;
}
.ib-palette-strip{
  position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);
  height:48px;margin-top:auto;border-radius:14px;overflow:hidden;border:1px solid rgba(16,24,40,.07);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5);
}
.ib-palette-strip::before,
.ib-palette-strip::after{content:"";display:block}
.ib-palette-strip{
  background:linear-gradient(90deg,var(--c1) 0 25%,var(--c2) 25% 50%,var(--c3) 50% 75%,var(--c4) 75% 100%);
}
.ib-import-note{
  display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;margin-top:18px;
  padding:16px 18px;border:1px solid rgba(32,128,113,.14);border-radius:18px;
  background:linear-gradient(135deg,#f5fbf8,#fffaf2);color:#637080;font-size:14px;line-height:1.6;
}
.ib-import-note strong{font-family:var(--font-head);color:#101823;font-size:15px}
.ib-source-board{
  margin-top:18px;padding:18px;border-radius:20px;border:1px solid rgba(16,24,40,.08);
  background:#fff;box-shadow:0 14px 36px rgba(16,24,40,.06);
}
.ib-source-board h3{
  margin:0 0 14px;font-family:var(--font-head);font-size:22px;
  line-height:1.1;font-weight:900;color:#101823;
}
.ib-source-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:10px;
}
.ib-source-grid article{
  padding:14px;border-radius:16px;background:#f7faf8;border:1px solid rgba(16,24,40,.06);
}
.ib-source-grid strong{
  display:block;margin-bottom:6px;font-family:var(--font-head);font-size:15px;color:#12332f;
}
.ib-source-grid span{
  display:block;color:#687483;font-size:12.5px;line-height:1.55;font-weight:650;
}

/* Clean public color catalog view */
.ib-color-page .ib-color-hero{
  display:block;
  max-width:940px;
  margin:0 auto 26px;
  text-align:center;
}
.ib-color-page .ib-color-hero-copy{
  min-height:0;
  align-items:center;
  padding:24px 0 12px;
}
.ib-color-page .ib-color-hero h1{
  max-width:none;
  margin-top:8px;
}
.ib-color-page .ib-color-hero p{
  max-width:760px;
}
.ib-color-page .ib-color-hero-actions{
  justify-content:center;
}
.ib-color-page .ib-palette-library{
  max-width:1180px;
  margin:0 auto 28px;
  padding:28px;
  border-radius:24px;
}
.ib-color-page .ib-palette-library-head{
  align-items:center;
  margin-bottom:22px;
}
.ib-color-page .ib-palette-library h2{
  font-size:clamp(32px,4.8vw,56px);
}
.ib-color-page .ib-palette-grid{
  grid-template-columns:repeat(auto-fill,minmax(250px,1fr));
  gap:12px;
}
.ib-color-page .ib-palette-card{
  min-height:158px;
  border-radius:18px;
  box-shadow:0 12px 30px rgba(16,24,40,.055);
}
.ib-color-page .ib-palette-card::after{
  width:120px;
  height:120px;
  opacity:.72;
}
.ib-color-page .ib-palette-status{
  background:#f3f8f6;
  color:#208071;
}
.ib-color-page .ib-palette-source{
  display:none;
}
.ib-color-page .ib-color-studio{
  max-width:1180px;
  margin:0 auto;
  padding:14px;
  border-radius:24px;
}
.ib-color-page .ib-tabnav{
  scrollbar-width:thin;
}
.ib-color-page .ib-color-note{
  max-width:1180px;
  margin-left:auto;
  margin-right:auto;
}
.ib-color-studio{
  padding:12px;border:1px solid rgba(16,24,40,.08);border-radius:26px;
  background:rgba(255,255,255,.78);box-shadow:0 18px 56px rgba(16,24,40,.08);
  backdrop-filter:blur(16px);
}
.ib-color-studio .ib-tabnav{
  gap:8px;border-bottom:0;padding:6px;background:#f4f7f5;border-radius:18px;
  overflow:auto;
}
.ib-color-studio .ib-tab-btn{
  flex:0 0 auto;border:1px solid transparent;border-radius:14px;padding:12px 16px;
  color:#667080;background:transparent;font-size:13px;white-space:nowrap;
}
.ib-color-studio .ib-tab-btn:hover{background:rgba(255,255,255,.72)}
.ib-color-studio .ib-tab-btn.ib-active{
  color:#12202b;background:#fff;border-color:rgba(16,24,40,.08);
  box-shadow:0 10px 28px rgba(16,24,40,.09);
}
.ib-color-studio .ib-tabpane{padding:22px 8px 8px}
.ib-color-bar{
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  margin:0 0 18px;padding:14px 16px;border:1px solid rgba(16,24,40,.07);
  border-radius:18px;background:#fff;
}
.ib-color-count{
  display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:999px;
  background:#eff7f4;font-family:var(--font-body);font-size:12px;font-weight:900;
  text-transform:uppercase;color:#208071;letter-spacing:.05em;
}
.ib-color-search{
  flex:1;min-width:240px;max-width:460px;border:1px solid rgba(16,24,40,.1);
  border-radius:14px;padding:13px 16px;font-family:var(--font-body);font-size:14px;
  color:var(--ink);background:#f8faf9;outline:none;
  transition:border-color .15s,box-shadow .15s,background .15s;
}
.ib-color-search:focus{
  border-color:#208071;background:#fff;box-shadow:0 0 0 4px rgba(32,128,113,.12);
}
.ib-color-empty{
  display:flex;flex-direction:column;gap:8px;align-items:flex-start;
  padding:26px;border:1px dashed rgba(32,128,113,.28);border-radius:20px;
  background:linear-gradient(135deg,#f8fcf9,#fffaf2);color:#6d7785;
}
.ib-color-empty strong{
  font-family:var(--font-head);font-size:20px;line-height:1.15;color:#101823;
}
.ib-color-empty span{
  max-width:720px;font-size:14px;line-height:1.65;font-weight:650;
}
.ib-swatches{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(154px,1fr));
  gap:14px;margin-top:0;
}
.ib-swatch{
  display:block;border:1px solid rgba(16,24,40,.08);border-radius:18px;
  overflow:hidden;background:#fff;text-decoration:none;
  box-shadow:0 12px 30px rgba(16,24,40,.06);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
a.ib-swatch:hover{
  transform:translateY(-4px);border-color:rgba(32,128,113,.26);
  box-shadow:0 20px 42px rgba(16,24,40,.12);
}
.ib-swatch-cur{outline:2px solid var(--accent);outline-offset:-1px}
.ib-swatch-c{
  display:block;height:86px;position:relative;
  box-shadow:inset 0 -1px 0 rgba(16,24,40,.08),inset 0 1px 0 rgba(255,255,255,.5);
}
.ib-swatch-c::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(255,255,255,.22),rgba(255,255,255,0) 46%,rgba(0,0,0,.06));
}
.ib-swatch-na{
  background:repeating-linear-gradient(45deg,#eef0f3,#eef0f3 7px,#e3e5ea 7px,#e3e5ea 14px);
}
.ib-swatch-n{
  display:flex;flex-direction:column;gap:5px;padding:12px 13px 13px;
  min-height:58px;font-family:var(--font-body);font-size:13px;font-weight:900;
  color:var(--ink);line-height:1.25;
}
.ib-swatch-hex{
  font-weight:700;font-size:11px;color:#7a8493;letter-spacing:.04em;
}
.ib-color-note{
  display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;
  margin-top:24px;padding:18px 20px;border:1px solid rgba(16,24,40,.08);
  border-radius:20px;background:#fff;box-shadow:0 14px 36px rgba(16,24,40,.07);
  font-size:14px;color:#697383;
}
.ib-color-note strong{font-family:var(--font-head);font-size:16px;color:var(--ink)}
.ib-color-note a{
  display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;
  border-radius:999px;background:var(--accent);color:#fff;font-weight:900;text-decoration:none;
}
.ib-color-note a:hover{background:var(--accent-dark);color:#fff}

@media(max-width:980px){
  .ib-color-hero{grid-template-columns:1fr;gap:22px}
  .ib-color-hero-copy{min-height:0}
  .ib-color-hero-card{align-self:stretch}
  .ib-palette-library-head{grid-template-columns:1fr}
  .ib-source-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:640px){
  .ib-color-page{background:linear-gradient(135deg,#fffdf8 0%,#f7fbf8 100%)}
  .ib-color-hero h1{font-size:clamp(42px,16vw,66px)}
  .ib-color-hero-actions{flex-direction:column;align-items:stretch}
  .ib-color-hero-actions .ib-cta,
  .ib-color-hero-actions .ib-ghost{justify-content:center;width:100%;box-sizing:border-box}
  .ib-color-hero-card{padding:22px;border-radius:20px}
  .ib-color-total{font-size:44px}
  .ib-color-spectrum{gap:6px}
  .ib-color-spectrum span{height:62px;border-radius:12px}
  .ib-palette-library{padding:14px;border-radius:22px}
  .ib-palette-grid{grid-template-columns:1fr;gap:10px}
  .ib-palette-card{min-height:154px;border-radius:18px}
  .ib-palette-card.ib-must{min-height:180px}
  .ib-import-note{grid-template-columns:1fr}
  .ib-source-grid{grid-template-columns:1fr}
  .ib-color-studio{padding:8px;border-radius:20px}
  .ib-color-bar{align-items:stretch;padding:12px}
  .ib-color-count{width:100%;justify-content:center;text-align:center}
  .ib-color-search{min-width:0;max-width:none;width:100%;box-sizing:border-box}
  .ib-swatches{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .ib-swatch{border-radius:14px}
  .ib-swatch-c{height:72px}
  .ib-swatch-n{font-size:12px;padding:10px;min-height:54px}
  .ib-color-note{grid-template-columns:1fr;align-items:start}
  .ib-color-note a{justify-self:start}
}

/* ============================================================
   КОНТАКТИ — mail.php
   ============================================================ */
.ib-contacts{
  display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start;
}
.ib-cbox{
  background:var(--white);border:1px solid var(--line);
  border-radius:var(--radius);padding:28px;
}
.ib-cbox h3{
  font-family:var(--font-head);font-weight:600;font-size:18px;
  color:var(--ink);margin-bottom:4px;
}
.ib-clist{list-style:none;margin:14px 0 0;padding:0}
.ib-clist li{
  display:flex;gap:14px;padding:11px 0;border-bottom:1px solid var(--line);
}
.ib-clist li:last-child{border-bottom:0}
.ib-cl-k{
  flex:none;width:84px;font-family:var(--font-body);font-size:11.5px;
  text-transform:uppercase;letter-spacing:.04em;color:var(--muted);
  padding-top:3px;
}
.ib-cl-v{font-size:14.5px;color:var(--ink);font-weight:600;line-height:1.5}
.ib-cl-v a{color:var(--ink);text-decoration:none;transition:color .15s}
.ib-cl-v a:hover{color:var(--accent-dark)}
.ib-cform{display:flex;flex-direction:column;gap:12px;margin-top:16px}
.ib-cform input,.ib-cform textarea{
  width:100%;box-sizing:border-box;border:1px solid var(--line);
  border-radius:10px;padding:11px 14px;font-family:var(--font-body);
  font-size:14px;color:var(--ink);background:var(--bg);outline:none;
  transition:border-color .15s;
}
.ib-cform input:focus,.ib-cform textarea:focus{border-color:var(--accent)}
.ib-cform textarea{min-height:130px;resize:vertical}
.ib-cform button{align-self:flex-start;cursor:pointer;border:0}
.ib-formmsg{
  padding:11px 14px;border-radius:10px;font-size:13.5px;font-weight:600;
}
.ib-formmsg-ok{background:rgba(34,160,90,.12);color:#1c7a45}
.ib-formmsg-err{background:rgba(255,91,53,.12);color:var(--accent-dark)}
.ib-map{
  margin-top:30px;border:1px solid var(--line);
  border-radius:var(--radius);overflow:hidden;
}
.ib-map iframe{display:block;width:100%;height:420px;border:0}

@media(max-width:760px){
  .ib-contacts{grid-template-columns:1fr}
}

/* ============================================================
   СТОРІНКА ОДНОГО КОЛЬОРУ — full_color.php
   ============================================================ */
.ib-fcolor{
  display:grid;grid-template-columns:minmax(0,440px) 1fr;gap:34px;
  align-items:stretch;
}
.ib-fcolor-big{
  border:1px solid var(--line);border-radius:var(--radius);
  min-height:360px;
}
.ib-fcolor-info{display:flex;flex-direction:column;padding-top:4px}
.ib-fcolor-type{
  font-family:var(--font-body);font-size:12px;text-transform:uppercase;
  letter-spacing:.05em;color:var(--muted);
}
.ib-fcolor-name{
  font-family:var(--font-head);font-weight:700;
  font-size:clamp(26px,4vw,40px);color:var(--ink);
  line-height:1.15;margin:6px 0;
}
.ib-fcolor-hex{
  font-family:var(--font-head);font-size:15px;color:var(--muted);
  letter-spacing:.02em;
}
.ib-fcolor-note{
  font-size:14.5px;line-height:1.65;color:#3c424f;
  margin:16px 0 18px;max-width:440px;
}
.ib-fcolor-info .ib-cta{align-self:flex-start}
.ib-fcolor-nav{
  display:flex;gap:18px;flex-wrap:wrap;margin-top:24px;
  padding-top:18px;border-top:1px solid var(--line);
}
.ib-fcolor-nav a{
  font-family:var(--font-body);font-weight:600;font-size:13.5px;
  color:var(--accent-dark);text-decoration:none;
}
.ib-fcolor-nav a:hover{color:var(--accent)}
.ib-fcolor-near{margin-top:42px}
.ib-fcolor-near h3{
  font-family:var(--font-head);font-weight:600;font-size:17px;
  color:var(--ink);margin-bottom:14px;
}

@media(max-width:760px){
  .ib-fcolor{grid-template-columns:1fr;gap:22px}
  .ib-fcolor-big{min-height:240px}
}

/* ============================================================
   КАЛЬКУЛЯТОР ФАРБИ — calc.php
   ============================================================ */
.ib-calc-page{padding-top:54px;padding-bottom:86px}
.ib-calc-head{
  margin-left:0;margin-right:0;text-align:left;max-width:720px;
}
.ib-calc-kicker{
  display:inline-flex;align-items:center;margin-bottom:10px;
  font-family:var(--font-body);font-weight:700;font-size:12px;
  text-transform:uppercase;letter-spacing:.06em;color:var(--accent-dark);
}
.ib-calc-layout{
  display:grid;grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr);
  gap:28px;align-items:start;
}
.ib-calc-card{
  border-radius:12px;padding:28px;border-color:#dde1ea;
  box-shadow:0 18px 60px -42px rgba(12,14,19,.45);
}
.ib-calc-card-head{
  display:flex;flex-direction:column;gap:6px;margin-bottom:18px;
}
.ib-calc-card-head h3{margin:0;line-height:1.2}
.ib-calc-card-head p{
  color:var(--muted);font-size:13.5px;line-height:1.5;
}
.ib-calc-presets{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:8px;margin-bottom:18px;
}
.ib-calc-preset{
  appearance:none;border:1px solid var(--line);background:#fff;color:var(--brand);
  min-height:42px;border-radius:9px;cursor:pointer;
  font-family:var(--font-body);font-weight:700;font-size:13px;
  transition:background .15s,border-color .15s,color .15s,transform .12s;
}
.ib-calc-preset:hover{border-color:#cfd4dd;background:#f6f7fa}
.ib-calc-preset:active{transform:scale(.98)}
.ib-calc-preset.ib-active{background:var(--brand);border-color:var(--brand);color:#fff}
.ib-calc-form-card .ib-cform{gap:10px;margin-top:0}
.ib-calc-form-card .ib-cl-k{
  margin-top:8px;font-size:11px;font-weight:800;letter-spacing:.05em;
  text-transform:uppercase;color:#737986;
}
.ib-calc-form-card .ib-cform input,
.ib-calc-form-card .ib-cform select{
  width:100%;min-height:46px;border:1px solid #dfe3eb;border-radius:9px;
  background:#fff;color:var(--ink);font-family:var(--font-body);
  font-size:14px;padding:0 13px;outline:none;
  transition:border-color .15s,box-shadow .15s,background .15s;
}
.ib-calc-form-card .ib-cform select{
  appearance:none;padding-right:42px;
  background-image:linear-gradient(45deg,transparent 50%,#8b93a1 50%),linear-gradient(135deg,#8b93a1 50%,transparent 50%);
  background-position:calc(100% - 18px) 20px,calc(100% - 12px) 20px;
  background-size:6px 6px,6px 6px;background-repeat:no-repeat;
}
.ib-calc-form-card .ib-cform input:focus,
.ib-calc-form-card .ib-cform select:focus{
  border-color:var(--accent);box-shadow:0 0 0 4px rgba(255,91,53,.11);
}
.ib-calc-help{
  margin:2px 0 8px;color:var(--muted);font-size:13px;line-height:1.55;
}
.ib-calc-check{
  display:flex;align-items:center;gap:12px;margin:12px 0 4px;padding:13px 14px;
  border:1px solid var(--line);border-radius:10px;background:#f8f9fb;cursor:pointer;
}
.ib-calc-check input{
  flex:none;width:18px;height:18px;min-height:auto;padding:0;
  accent-color:var(--accent);
}
.ib-calc-check span{display:flex;flex-direction:column;gap:2px}
.ib-calc-check strong{font-size:13.5px;color:var(--ink)}
.ib-calc-check small{color:var(--muted);font-size:12.5px;line-height:1.35}
.ib-calc-form-card .ib-cta{margin-top:8px;min-height:48px}
.ib-calc-result-card{position:sticky;top:92px}
.ib-calc-total{
  font-family:var(--font-head);font-weight:700;
  font-size:clamp(40px,5vw,64px);line-height:1;
  color:var(--ink);margin:10px 0 16px;letter-spacing:0;
}
.ib-calc-summary{
  color:#4a5160;font-size:14px;line-height:1.65;margin:12px 0;
}
.ib-calc-summary strong{color:var(--ink)}
.ib-calc-box{
  display:flex;flex-direction:column;gap:5px;margin:16px 0;padding:15px 16px;
  border:1px solid #e3e6ed;border-radius:10px;background:#f4f6f9;
}
.ib-calc-box span,.ib-calc-box small{color:var(--muted);font-size:12.5px;line-height:1.4}
.ib-calc-box strong{color:var(--ink);font-size:15px;line-height:1.4}
.ib-calc-box a{color:var(--accent-dark);font-weight:700;text-decoration:none}
.ib-calc-box a:hover{text-decoration:underline}
.ib-calc-box-warm{background:#fff8eb;border-color:#f2dfba}
.ib-calc-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.ib-calc-actions .ib-cta{min-height:46px;padding-left:22px;padding-right:22px}
.ib-calc-empty{
  display:flex;align-items:center;justify-content:center;min-height:136px;
  margin:10px 0 18px;border:1px dashed #d7dce5;border-radius:12px;
  background:#f7f8fb;color:#6c7280;text-align:center;padding:18px;
}
.ib-calc-empty strong{font-size:15px}

@media(max-width:980px){
  .ib-calc-layout{grid-template-columns:1fr}
  .ib-calc-result-card{position:static}
}
@media(max-width:560px){
  .ib-calc-page{padding-top:38px;padding-bottom:58px}
  .ib-calc-card{padding:20px}
  .ib-calc-presets{grid-template-columns:repeat(2,1fr)}
  .ib-calc-actions .ib-cta{width:100%}
}

/* --- Autocomplete dropdown for search field --- */
.ib-search{position:relative}
.ib-suggest{
  position:absolute; top:100%; left:0; right:0; margin-top:6px;
  background:rgba(255,255,255,.96); border:1px solid rgba(19,39,34,.12); border-radius:18px;
  box-shadow:0 22px 60px rgba(20,32,29,.16); z-index:100;
  max-height:440px; overflow-y:auto; padding:8px;
  backdrop-filter:blur(18px);
}
.ib-suggest a{
  display:flex; gap:12px; padding:11px 12px; align-items:center;
  color:#111827; text-decoration:none;
  border-bottom:1px solid rgba(19,39,34,.07);
  border-radius:12px;
}
.ib-suggest a:hover{background:#f4f8f4}
.ib-suggest a:last-child{border-bottom:0}
.ib-suggest img{width:42px;height:42px;object-fit:contain;flex-shrink:0;border-radius:10px;background:#f8f8f5}
.ib-suggest .nm{display:block;font-weight:850;font-size:13px;line-height:1.25;letter-spacing:0;color:#101a16}
.ib-suggest .ds{display:block;font-size:11px;color:#6b7871;line-height:1.35;margin-top:3px}
.ib-suggest .em{padding:12px;text-align:center;color:#9ca3af;font-size:13px}
.ib-suggest-swatch{
  width:42px;height:42px;flex:0 0 42px;border-radius:14px;
  border:1px solid rgba(15,24,21,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 10px 22px rgba(20,32,29,.12);
  background:linear-gradient(135deg,#efe9dc,#d8ddd8);
}
.ib-suggest-color .nm{font-size:14px}
.ib-suggest-color .ds{color:#2b5f52}

/* --- Sticky header (UX покращення) --- */
.ib-header{position:sticky;top:0;z-index:200;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.ib-header:hover{box-shadow:0 2px 8px rgba(0,0,0,.08);transition:box-shadow .2s}

/* --- BreadcrumbList accent --- */
.ib-crumbs{font-size:13px;color:#6b7280}
.ib-crumbs a{color:#374151}
.ib-crumbs a:hover{color:#dc2626}

/* --- Hero quicklinks полиш --- */
.ib-hero-quicklinks a:hover{background:#f3f4f6 !important;color:#dc2626 !important;border-color:#dc2626 !important;transition:all .15s}

/* --- Compact для мобільного autocomplete --- */
@media (max-width:600px){
  .ib-suggest{position:fixed;top:60px;left:8px;right:8px;max-height:60vh}
  .ib-suggest a{padding:10px 12px}
  .ib-suggest .nm{font-size:14px}
}

/* ============================================================
   PREMIUM LAYER 2026 — глобальний візуальний апгрейд
   ============================================================ */
body{
  background:
    linear-gradient(180deg,#ffffff 0%,#f7f8fa 44%,#eef1f4 100%);
}
body::before{
  background:
    linear-gradient(115deg,rgba(255,255,255,.82),rgba(255,255,255,0) 42%),
    linear-gradient(180deg,rgba(19,123,118,.045),rgba(255,91,53,.045));
  animation:none;
}
.ib-container{max-width:1280px}

.ib-topbar{
  background:#080b10;
  color:#c9d1d6;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.ib-topbar .ib-container{
  min-height:38px;
  justify-content:center;
  gap:18px 28px;
}
.ib-topbar .ib-tb-item{
  font-size:12.5px;
  letter-spacing:.01em;
}
.ib-dot{background:var(--accent-2);animation:none;box-shadow:none}

.ib-header{
  background:rgba(255,255,255,.82) !important;
  backdrop-filter:saturate(170%) blur(18px);
  border-bottom:1px solid rgba(15,23,42,.08);
}
.ib-header .ib-container{
  padding-top:14px;
  padding-bottom:14px;
}
.ib-logo img{height:46px}
.ib-nav a{
  font-size:13px;
  font-weight:800;
  color:#202631;
  letter-spacing:0;
}
.ib-nav>ul{gap:2px}
.ib-nav>ul>li>a{
  padding:10px 11px;
}
.ib-nav>ul>li>a::after{display:none}
.ib-nav>ul>li:hover>a{
  color:#0b0f16;
  background:#f0f3f5;
}
.ib-drop{
  top:calc(100% + 12px);
  border-color:rgba(15,23,42,.10);
  box-shadow:0 26px 70px -36px rgba(8,11,16,.45);
}
.ib-drop a:hover{background:#f3f6f7;color:var(--accent-dark)}
.ib-search input[type=text]{
  width:190px;
  min-height:38px;
  border-color:#dfe4ea;
  border-radius:999px 0 0 999px;
  background:#fff;
}
.ib-search input[type=text]:focus{width:220px}
.ib-btn{
  min-height:38px;
  border-radius:0 999px 999px 0;
  background:var(--accent);
}

.ib-section{padding:84px 0}
.ib-shead{max-width:690px;margin-bottom:42px}
.ib-shead h2{
  font-size:clamp(28px,3.6vw,42px);
  line-height:1.08;
}
.ib-shead p{
  font-size:15.5px;
  color:#6b7280;
}

.ib-hero{
  min-height:720px;
  padding:82px 0 76px;
  background:
    linear-gradient(100deg,#f8fafb 0%,#ffffff 48%,#edf4f3 100%);
}
.ib-hero::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(15,23,42,.16),transparent);
}
.ib-hero-in{
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);
  gap:56px;
  min-height:560px;
}
.ib-hero-text{align-self:center}
.ib-badge{
  border-radius:999px;
  background:#ffffff;
  border:1px solid rgba(15,23,42,.08);
  color:var(--accent-2);
  box-shadow:0 12px 34px -26px rgba(8,11,16,.5);
}
.ib-hero h1{
  max-width:760px;
  font-size:clamp(42px,6.6vw,82px);
  line-height:.98;
  letter-spacing:0;
  margin:20px 0 22px;
}
.ib-hero h1 em{color:var(--accent-dark)}
.ib-hero-text>p{
  max-width:660px;
  color:#596273;
  font-size:18px;
  line-height:1.72;
}
.ib-hero-actions{margin:30px 0 24px}
.ib-cta{
  border-radius:999px;
  min-height:48px;
  padding:14px 24px;
  box-shadow:0 18px 40px -26px rgba(255,91,53,.9);
}
.ib-cta-ghost{
  background:#fff;
  border-color:#dfe4ea;
  box-shadow:none;
}
.ib-hero-quicklinks{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:4px;
  margin-bottom:30px;
}
.ib-hero-quicklinks a{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:8px 14px;
  border-radius:999px;
  border:1px solid #dde4e9;
  background:#fff;
  color:#29313d;
  text-decoration:none;
  font-size:13px;
  font-weight:800;
}
.ib-hero-quicklinks a:hover{
  background:#0b0f16 !important;
  border-color:#0b0f16 !important;
  color:#fff !important;
}
.ib-hero-stats{
  gap:18px;
  padding-top:10px;
}
.ib-hero-stats div{
  min-width:126px;
  padding:14px 16px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:12px;
  background:rgba(255,255,255,.78);
}
.ib-hero-stats strong{font-size:26px}

.ib-hero-art{
  display:block;
  flex:auto;
  position:relative;
  align-self:center;
  height:min(560px,62vw);
  min-height:460px;
}
.ib-blob{display:none}
.ib-hero-photo{
  position:absolute;
  inset:42px 28px 42px 48px;
  overflow:hidden;
  border-radius:18px;
  box-shadow:0 34px 90px -48px rgba(8,11,16,.58);
  background:#dfe5ea;
}
.ib-hero-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  filter:saturate(.95) contrast(1.02);
}
.ib-hero-photo::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(8,11,16,.06),rgba(8,11,16,.34));
}
.ib-hero-product{
  position:absolute;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:16px;
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 28px 72px -42px rgba(8,11,16,.65);
}
.ib-hero-product img{
  width:100%;
  height:100%;
  object-fit:contain;
  padding:16px;
}
.ib-hero-product-main{
  right:0;
  bottom:8px;
  width:190px;
  height:210px;
}
.ib-hero-product-secondary{
  left:0;
  top:8px;
  width:170px;
  height:170px;
}
.ib-hero-note{
  position:absolute;
  left:42px;
  bottom:0;
  min-width:250px;
  padding:16px 18px;
  border-radius:14px;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 26px 68px -42px rgba(8,11,16,.55);
  backdrop-filter:blur(12px);
}
.ib-hero-note strong{
  display:block;
  font-family:var(--font-head);
  font-size:15px;
}
.ib-hero-note span{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:13px;
}

.ib-cat,.ib-brand,.ib-prod,.ib-feat,.ib-cbox,.ib-product,.ib-empty{
  border-radius:14px;
  border-color:rgba(15,23,42,.09);
  box-shadow:0 22px 70px -54px rgba(8,11,16,.42);
}
.ib-cat:hover,.ib-prod:hover{
  transform:translateY(-7px);
  box-shadow:0 30px 74px -46px rgba(8,11,16,.52);
}
.ib-cat img{height:190px}
.ib-cat-body strong,.ib-prod-name,.ib-feat strong{
  letter-spacing:0;
}
.ib-brands-sec{
  border-radius:0;
  background:
    linear-gradient(135deg,#111720,#1b232c 58%,#0d413f 100%);
  color:#fff;
}
.ib-brands-sec .ib-shead h2{color:#fff}
.ib-brands-sec .ib-shead p{color:#b7c1c7}
.ib-brand{
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.14);
  color:#fff;
}
.ib-brand h3{color:#fff}
.ib-brand p{color:#cbd4d8}
.ib-brand a{color:#fff}
.ib-feat-ic{
  background:#eff7f6;
  color:var(--accent-2);
}
.ib-prose{
  max-width:900px;
  padding:34px;
  border-radius:18px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(15,23,42,.08);
}
.ib-ctaband{
  background:
    linear-gradient(135deg,#090d13,#171d26 52%,#123f3d);
  background-image:none;
}
.ib-footer{
  background:#080b10;
  margin-top:0;
}
.ib-footer .ib-container{
  max-width:1120px;
}
.ib-footer h4{letter-spacing:0}
.ib-footer li{line-height:1.55}

@media(max-width:1180px){
  .ib-nav a{font-size:12.5px}
  .ib-nav>ul>li>a{padding:9px 8px}
  .ib-search input[type=text]{width:150px}
}
@media(max-width:980px){
  .ib-hero{min-height:0;padding:58px 0 54px}
  .ib-hero-in{grid-template-columns:1fr;min-height:0;gap:34px}
  .ib-hero-art{display:block;height:430px;min-height:430px;width:100%}
  .ib-nav{
    background:#fff;
    padding-top:84px;
  }
  .ib-nav a{font-size:15px}
}
@media(max-width:560px){
  .ib-topbar .ib-container{justify-content:flex-start}
  .ib-hero h1{font-size:clamp(36px,12vw,54px)}
  .ib-hero-text>p{font-size:16px}
  .ib-hero-art{height:340px;min-height:340px}
  .ib-hero-photo{inset:26px 0 34px 26px}
  .ib-hero-product-main{width:130px;height:148px}
  .ib-hero-product-secondary{width:116px;height:116px}
  .ib-hero-note{left:0;right:34px;min-width:0}
  .ib-hero-stats div{flex:1 1 140px}
  .ib-prose{padding:24px}
}

/* ============================================================
   PREMIUM LAYER 2026.2 — категорії та бренди головної
   ============================================================ */
.ib-section-kicker{
  display:inline-flex;
  margin-bottom:10px;
  color:var(--accent-2);
  font-family:var(--font-body);
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.ib-section-categories{
  position:relative;
  overflow:hidden;
  padding-top:96px;
  padding-bottom:96px;
  background:
    linear-gradient(180deg,#ffffff 0%,#f8fafb 100%);
}
.ib-section-categories::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(8,11,16,.035) 1px,transparent 1px),
    linear-gradient(180deg,rgba(8,11,16,.025) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(180deg,transparent,black 18%,black 78%,transparent);
}
.ib-section-categories .ib-container{position:relative}
.ib-section-categories .ib-shead{
  text-align:left;
  margin-left:0;
  margin-right:0;
  max-width:760px;
}
.ib-section-categories .ib-shead h2{
  font-size:clamp(38px,5vw,68px);
}
.ib-section-categories .ib-shead p{
  max-width:560px;
}
.ib-section-categories .ib-cats{
  grid-template-columns:1.12fr .88fr .88fr 1.12fr;
  gap:18px;
}
.ib-section-categories .ib-cat{
  min-height:360px;
  display:flex;
  align-items:flex-end;
  border-radius:18px;
  overflow:hidden;
  background:#10151d;
  border:0;
  box-shadow:0 34px 90px -58px rgba(8,11,16,.75);
}
.ib-section-categories .ib-cat:nth-child(2),
.ib-section-categories .ib-cat:nth-child(3){
  transform:translateY(34px);
}
.ib-section-categories .ib-cat:hover{
  transform:translateY(-8px);
  box-shadow:0 38px 110px -54px rgba(8,11,16,.8);
}
.ib-section-categories .ib-cat:nth-child(2):hover,
.ib-section-categories .ib-cat:nth-child(3):hover{
  transform:translateY(24px);
}
.ib-section-categories .ib-cat img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.9;
  transition:transform .65s ease,opacity .25s ease;
}
.ib-section-categories .ib-cat::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(8,11,16,.02) 0%,rgba(8,11,16,.16) 38%,rgba(8,11,16,.78) 100%),
    linear-gradient(90deg,rgba(8,11,16,.22),transparent 58%);
}
.ib-section-categories .ib-cat:hover img{
  transform:scale(1.08);
  opacity:1;
}
.ib-section-categories .ib-cat-body{
  position:relative;
  z-index:1;
  padding:24px;
  color:#fff;
}
.ib-cat-index{
  display:inline-flex;
  margin-bottom:12px;
  color:rgba(255,255,255,.64);
  font-family:var(--font-head);
  font-size:12px;
}
.ib-section-categories .ib-cat-body strong{
  color:#fff;
  font-size:24px;
  line-height:1.08;
}
.ib-section-categories .ib-cat-body small{
  max-width:240px;
  color:rgba(255,255,255,.76);
  font-size:13.5px;
}

.ib-brands-sec{
  position:relative;
  overflow:hidden;
  padding-top:104px;
  padding-bottom:112px;
  background:
    radial-gradient(900px 520px at 86% 12%,rgba(19,123,118,.36),transparent 62%),
    radial-gradient(680px 420px at 8% 82%,rgba(255,91,53,.16),transparent 60%),
    linear-gradient(135deg,#080b10 0%,#151c25 48%,#082f2e 100%);
}
.ib-brands-sec::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(180deg,rgba(255,255,255,.028) 1px,transparent 1px);
  background-size:80px 80px;
  opacity:.55;
}
.ib-brands-sec .ib-container{position:relative}
.ib-brands-sec .ib-shead{
  text-align:left;
  margin-left:0;
  margin-right:0;
  max-width:780px;
}
.ib-brands-sec .ib-shead h2{
  font-size:clamp(38px,5vw,72px);
}
.ib-brands{
  grid-template-columns:1fr 1fr;
  gap:22px;
}
.ib-brand{
  position:relative;
  min-height:300px;
  overflow:hidden;
  padding:34px;
  border-radius:20px;
  background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.055));
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 38px 110px -66px rgba(0,0,0,.95);
  backdrop-filter:blur(16px);
}
.ib-brand::after{
  content:"";
  position:absolute;
  right:-90px;
  bottom:-110px;
  width:260px;
  height:260px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.12);
}
.ib-brand-mark{
  position:absolute;
  right:28px;
  top:24px;
  color:rgba(255,255,255,.08);
  font-family:var(--font-head);
  font-size:112px;
  font-weight:800;
  line-height:1;
}
.ib-brand h3{
  position:relative;
  z-index:1;
  font-size:clamp(34px,4vw,52px);
  margin-bottom:18px;
}
.ib-brand p{
  position:relative;
  z-index:1;
  max-width:520px;
  min-height:74px;
  font-size:15px;
  line-height:1.7;
}
.ib-brand small{
  position:relative;
  z-index:1;
  display:inline-flex;
  margin:10px 0 22px;
  color:#98d6d2;
  font-size:12px;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.ib-brand a{
  position:relative;
  z-index:1;
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:0 16px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  background:rgba(255,255,255,.08);
}
.ib-brand a:hover{
  background:#fff;
  color:#0b0f16;
}

@media(max-width:980px){
  .ib-section-categories .ib-cats{grid-template-columns:1fr 1fr}
  .ib-section-categories .ib-cat:nth-child(2),
  .ib-section-categories .ib-cat:nth-child(3){transform:none}
  .ib-section-categories .ib-cat:nth-child(2):hover,
  .ib-section-categories .ib-cat:nth-child(3):hover{transform:translateY(-8px)}
  .ib-brands{grid-template-columns:1fr}
}
@media(max-width:560px){
  .ib-section-categories{padding-top:70px;padding-bottom:72px}
  .ib-section-categories .ib-cats{grid-template-columns:1fr}
  .ib-section-categories .ib-cat{min-height:290px}
  .ib-brands-sec{padding-top:74px;padding-bottom:78px}
  .ib-brand{min-height:260px;padding:26px}
}

/* ============================================================
   PREMIUM LAYER 2026.3 — картка товару
   ============================================================ */
.ib-product-page{
  padding-top:48px;
  padding-bottom:96px;
  background:
    linear-gradient(180deg,#ffffff 0%,#f7f9fa 46%,#eef2f4 100%);
}
.ib-product-page .ib-catalog{
  grid-template-columns:250px minmax(0,1fr);
  gap:34px;
}
.ib-product-page .ib-side{
  top:104px;
  border-radius:16px;
  background:rgba(255,255,255,.78);
  backdrop-filter:blur(14px);
  box-shadow:0 22px 70px -56px rgba(8,11,16,.42);
}
.ib-product-page .ib-side-block h4{
  color:#111720;
  letter-spacing:.06em;
}
.ib-product-page .ib-side-block a{
  border-radius:10px;
  font-weight:700;
}
.ib-product-page .ib-side-block a.ib-side-active{
  background:#111720;
}
.ib-product-page .ib-product{
  grid-template-columns:minmax(360px,520px) minmax(0,1fr);
  gap:44px;
  align-items:stretch;
  padding:0;
  border:0;
  border-radius:24px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 34px 110px -72px rgba(8,11,16,.58);
}
.ib-pgallery{
  position:relative;
  min-height:620px;
  padding:26px;
  background:
    radial-gradient(420px 260px at 22% 18%,rgba(19,123,118,.11),transparent 66%),
    linear-gradient(145deg,#f5f7f8,#eef2f4);
}
.ib-pbadge-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:18px;
}
.ib-pbadge-row span,
.ib-pmeta span{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:6px 11px;
  border-radius:999px;
  border:1px solid rgba(15,23,42,.08);
  background:rgba(255,255,255,.74);
  color:#28313d;
  font-size:12px;
  font-weight:800;
}
.ib-pgallery-frame{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:420px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:20px;
  background:#fff;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.65),0 24px 80px -64px rgba(8,11,16,.55);
}
.ib-pgallery-frame img{
  max-height:430px;
  padding:34px;
}
.ib-pgallery-frame:hover img{transform:scale(1.05)}
.ib-pgallery-note{
  position:absolute;
  left:26px;
  right:26px;
  bottom:26px;
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:16px 18px;
  border-radius:16px;
  background:rgba(255,255,255,.84);
  border:1px solid rgba(15,23,42,.08);
  backdrop-filter:blur(14px);
}
.ib-pgallery-note strong{
  font-family:var(--font-head);
  font-size:14px;
}
.ib-pgallery-note span{
  color:var(--muted);
  font-size:13px;
  line-height:1.45;
}
.ib-pinfo{
  padding:44px 44px 40px 0;
}
.ib-pmeta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:18px;
}
.ib-pmeta span{
  background:#f4f6f8;
}
.ib-pname{
  font-size:clamp(34px,4.6vw,58px);
  line-height:1.02;
  letter-spacing:0;
  max-width:760px;
}
.ib-pdesc{
  max-width:720px;
  margin-top:18px;
  font-size:16px;
  line-height:1.78;
  color:#5d6675;
}
.ib-pricebox{
  margin-top:28px;
  padding:0;
  overflow:hidden;
  border-radius:18px;
  background:#111720;
  border:0;
  color:#fff;
}
.ib-pricebox-cap{
  padding:16px 18px;
  margin:0;
  background:rgba(255,255,255,.06);
  color:#b8c2ca;
  letter-spacing:.08em;
}
.ib-pricebox .ib-price-row{
  padding:16px 18px;
  border-top:1px solid rgba(255,255,255,.08);
}
.ib-pricebox .ib-price-row + .ib-price-row{
  border-top:1px solid rgba(255,255,255,.08);
}
.ib-pricebox .ib-price-lbl{
  color:#aeb8c0;
  font-size:13.5px;
}
.ib-pricebox .ib-price-val{
  color:#fff;
  font-size:22px;
}
.ib-pricebox .ib-price-ask{
  color:#fff;
  font-family:var(--font-head);
}
.ib-pactions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:22px;
}
.ib-pactions .ib-cta{
  min-height:50px;
}
.ib-ptrust{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin-top:22px;
}
.ib-ptrust div{
  min-height:86px;
  padding:14px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:14px;
  background:#f7f9fa;
}
.ib-ptrust strong{
  display:block;
  font-family:var(--font-head);
  font-size:18px;
  color:#111720;
}
.ib-ptrust span{
  display:block;
  margin-top:5px;
  color:var(--muted);
  font-size:12.5px;
  line-height:1.35;
}
.ib-certs{
  margin-top:26px;
  padding-top:24px;
  border-top:1px solid var(--line);
}
.ib-cert{
  padding:12px 0;
  font-weight:700;
}
.ib-cert-ic{
  background:#fff1ec;
}
.ib-views{
  margin-top:18px;
  color:#8b94a2;
}
.ib-tabs{
  margin-top:28px;
  padding:26px;
  border-radius:22px;
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 24px 84px -66px rgba(8,11,16,.5);
}
.ib-tabnav{
  gap:8px;
  border-bottom:0;
}
.ib-tab-btn{
  border:1px solid #dfe5ea;
  border-radius:999px;
  padding:11px 16px;
  margin-bottom:0;
  background:#fff;
  color:#28313d;
  font-weight:800;
}
.ib-tab-btn.ib-active{
  color:#fff;
  border-color:#111720;
  background:#111720;
}
.ib-tabpane{
  padding:24px 2px 2px;
  color:#3d4654;
  font-size:15px;
}
.ib-tabpane table{
  overflow:hidden;
  border-radius:14px;
}
.ib-tabpane td,.ib-tabpane th{
  padding:12px 14px;
  border-bottom:1px solid #edf0f3;
}

/* ============================================================
   PREMIUM LAYER 2026.8 — каталог категорій
   ============================================================ */
.ib-cat-head-premium{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,380px);
  gap:24px;
  align-items:end;
  margin-bottom:34px;
  padding:30px;
  border:1px solid rgba(32,39,51,.08);
  border-radius:22px;
  background:
    radial-gradient(560px 240px at 100% 0%,rgba(220,238,232,.7),transparent 68%),
    rgba(255,253,248,.82);
  box-shadow:0 30px 100px -76px rgba(32,39,51,.5);
}
.ib-cat-head-premium h1{
  font-size:clamp(34px,5vw,64px);
  line-height:1.02;
  margin:0;
}
.ib-cat-head-premium .ib-cat-intro{
  max-width:760px;
}
.ib-cat-panel{
  padding:20px;
  border-radius:18px;
  background:#fffdf8;
  border:1px solid rgba(32,39,51,.08);
}
.ib-cat-count{
  display:flex;
  flex-direction:column;
  gap:2px;
  font-family:var(--font-head);
  font-weight:800;
  font-size:40px;
  color:#111720;
  line-height:1;
}
.ib-cat-count small{
  font-family:var(--font-body);
  font-size:12.5px;
  font-weight:700;
  color:var(--muted);
}
.ib-cat-panel p{
  margin:14px 0 16px;
  color:#687383;
  font-size:13.5px;
  line-height:1.55;
}
.ib-cat-panel-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.ib-cat-panel-actions .ib-cta{
  min-height:42px;
  padding:10px 16px;
  font-size:13px;
}
.ib-prod-img{
  position:relative;
}
.ib-prod-badge{
  position:absolute;
  left:12px;
  top:12px;
  z-index:2;
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:5px 10px;
  border-radius:999px;
  background:rgba(255,253,248,.9);
  border:1px solid rgba(32,39,51,.08);
  color:#202733;
  font-size:11.5px;
  font-weight:800;
  box-shadow:0 12px 32px -24px rgba(32,39,51,.55);
}
.ib-prod--cat{
  border-radius:18px;
  overflow:hidden;
}
.ib-prod--cat .ib-prod-body{
  padding:18px;
}
.ib-prod--cat .ib-prod-desc{
  -webkit-line-clamp:3;
  min-height:58px;
}
.ib-prod--cat .ib-prod-prices{
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid #edf0e8;
}
.ib-prod--cat .ib-prod-more{
  display:inline-flex;
  align-self:flex-start;
  margin-top:14px;
  padding:9px 13px;
  border-radius:999px;
  background:#f4f6f1;
  color:#202733;
}

@media(max-width:980px){
  .ib-cat-head-premium{grid-template-columns:1fr}
}
@media(max-width:560px){
  .ib-cat-head-premium{padding:22px;border-radius:18px}
  .ib-cat-panel-actions .ib-cta{width:100%}
}

@media(max-width:1080px){
  .ib-product-page .ib-catalog{grid-template-columns:1fr}
  .ib-product-page .ib-side{position:static;order:2}
  .ib-product-page .ib-cat-main{order:1}
  .ib-product-page .ib-product{grid-template-columns:1fr}
  .ib-pgallery{min-height:auto}
  .ib-pinfo{padding:34px}
}
@media(max-width:640px){
  .ib-product-page{padding-top:32px;padding-bottom:62px}
  .ib-product-page .ib-product{border-radius:18px}
  .ib-pgallery{padding:18px}
  .ib-pgallery-frame{min-height:300px;border-radius:16px}
  .ib-pgallery-frame img{padding:24px;max-height:310px}
  .ib-pgallery-note{position:static;margin-top:14px}
  .ib-pinfo{padding:24px}
  .ib-pname{font-size:clamp(28px,10vw,42px)}
  .ib-ptrust{grid-template-columns:1fr}
  .ib-pactions .ib-cta{width:100%}
  .ib-tabs{padding:18px;border-radius:18px}
}

/* ============================================================
   LIGHT PALETTE LAYER 2026.4 — світла преміальна тема
   ============================================================ */
:root{
  --brand:#202733;
  --brand-deep:#f4f6f4;
  --brand-soft:#f1f4f1;
  --accent:#ef6245;
  --accent-dark:#c94f35;
  --accent-2:#3f8f87;
  --bg:#fbfaf7;
  --ink:#111720;
  --muted:#697383;
  --line:#e3e7e2;
  --paper:#fffdf8;
  --palette-mint:#dceee8;
  --palette-sage:#c9ddd2;
  --palette-clay:#f4d5c8;
  --palette-cream:#fff4df;
  --palette-sky:#dfeaf1;
}
body{
  background:
    radial-gradient(900px 520px at 8% 10%,rgba(220,238,232,.72),transparent 62%),
    radial-gradient(820px 520px at 90% 18%,rgba(244,213,200,.58),transparent 64%),
    radial-gradient(780px 560px at 54% 92%,rgba(223,234,241,.62),transparent 66%),
    linear-gradient(180deg,#fffdf8 0%,#fbfaf7 48%,#f3f6f4 100%);
}
body::before{
  background:
    linear-gradient(90deg,rgba(17,23,32,.028) 1px,transparent 1px),
    linear-gradient(180deg,rgba(17,23,32,.02) 1px,transparent 1px);
  background-size:86px 86px;
  mask-image:linear-gradient(180deg,transparent,black 10%,black 88%,transparent);
}
.ib-topbar{
  background:#f8f6ef;
  color:#586272;
  border-bottom:1px solid #e8e4da;
}
.ib-topbar a{color:#202733}
.ib-dot{background:var(--accent-2)}
.ib-header{
  background:rgba(255,253,248,.86) !important;
  border-bottom:1px solid rgba(32,39,51,.08);
}
.ib-header.ib-shrink{box-shadow:0 18px 60px -48px rgba(32,39,51,.42)}

.ib-palette-bg,
.ib-hero::before,
.ib-section-categories::after,
.ib-brands-sec::after,
.ib-product-page::before{
  content:"";
  position:absolute;
  pointer-events:none;
}
.ib-hero{
  background:
    linear-gradient(115deg,#fffdf8 0%,#f9f5ec 48%,#edf6f3 100%);
}
.ib-hero::before{
  inset:auto 4% 7% auto;
  width:min(520px,42vw);
  height:min(180px,16vw);
  border-radius:999px;
  background:
    linear-gradient(90deg,
      #c9ddd2 0 18%,
      #dfeaf1 18% 36%,
      #fff4df 36% 54%,
      #f4d5c8 54% 72%,
      #dceee8 72% 100%);
  filter:blur(.2px);
  opacity:.72;
  transform:rotate(-8deg);
}
.ib-badge{
  background:#fffdf8;
  color:#357a73;
}
.ib-hero-photo{
  background:#f4efe4;
}
.ib-hero-photo::after{
  background:linear-gradient(180deg,rgba(255,253,248,.02),rgba(32,39,51,.18));
}
.ib-hero-note,
.ib-hero-stats div,
.ib-hero-quicklinks a,
.ib-cta-ghost,
.ib-cbox,
.ib-product,
.ib-tabs{
  background:rgba(255,253,248,.88);
}
.ib-hero-quicklinks a:hover{
  background:#202733 !important;
  border-color:#202733 !important;
}

.ib-section-categories{
  background:
    radial-gradient(640px 280px at 16% 0%,rgba(201,221,210,.55),transparent 70%),
    linear-gradient(180deg,#fffdf8 0%,#faf8f1 100%);
}
.ib-section-categories::after{
  right:6%;
  top:78px;
  width:320px;
  height:72px;
  border-radius:999px;
  background:
    linear-gradient(90deg,#dceee8 0 20%,#c9ddd2 20% 40%,#fff4df 40% 60%,#f4d5c8 60% 80%,#dfeaf1 80% 100%);
  opacity:.78;
}
.ib-section-categories .ib-cat{
  background:#f5f2ea;
  box-shadow:0 34px 90px -58px rgba(72,78,72,.55);
}
.ib-section-categories .ib-cat::after{
  background:
    linear-gradient(180deg,rgba(255,253,248,.02) 0%,rgba(17,23,32,.10) 38%,rgba(17,23,32,.64) 100%),
    linear-gradient(90deg,rgba(17,23,32,.18),transparent 58%);
}

.ib-brands-sec{
  background:
    radial-gradient(720px 360px at 88% 10%,rgba(220,238,232,.88),transparent 68%),
    radial-gradient(640px 360px at 12% 92%,rgba(244,213,200,.64),transparent 68%),
    linear-gradient(135deg,#fffdf8 0%,#f7f3e9 46%,#eef6f3 100%);
  color:#111720;
}
.ib-brands-sec::before{
  background:
    linear-gradient(90deg,rgba(17,23,32,.035) 1px,transparent 1px),
    linear-gradient(180deg,rgba(17,23,32,.025) 1px,transparent 1px);
}
.ib-brands-sec::after{
  right:8%;
  bottom:64px;
  width:390px;
  height:82px;
  border-radius:999px;
  background:linear-gradient(90deg,#f4d5c8,#fff4df,#dceee8,#dfeaf1);
  opacity:.62;
}
.ib-brands-sec .ib-shead h2{color:#111720}
.ib-brands-sec .ib-shead p{color:#6a7481}
.ib-brand{
  background:rgba(255,253,248,.76);
  border-color:rgba(32,39,51,.10);
  color:#111720;
  box-shadow:0 34px 96px -70px rgba(32,39,51,.55);
}
.ib-brand h3{color:#111720}
.ib-brand p{color:#5f6876}
.ib-brand small{color:#3f8f87}
.ib-brand a{
  color:#202733;
  border-color:#dfe6df;
  background:#fffdf8;
}
.ib-brand a:hover{
  background:#202733;
  color:#fff;
}
.ib-brand-mark{color:rgba(63,143,135,.12)}

.ib-ctaband{
  background:
    radial-gradient(620px 300px at 85% 18%,rgba(244,213,200,.66),transparent 70%),
    linear-gradient(135deg,#fffdf8,#eef6f3);
  border-top:1px solid #e6e8df;
  border-bottom:1px solid #e6e8df;
}
.ib-ctaband h2{color:#111720}
.ib-ctaband p{color:#66717f}
.ib-cta-light{
  background:#202733;
  border-color:#202733;
  color:#fff;
}
.ib-cta-light:hover{
  background:#ef6245;
  border-color:#ef6245;
}

.ib-product-page{
  position:relative;
  background:
    radial-gradient(760px 360px at 88% 8%,rgba(220,238,232,.78),transparent 68%),
    radial-gradient(680px 420px at 8% 74%,rgba(244,213,200,.48),transparent 70%),
    linear-gradient(180deg,#fffdf8 0%,#f8f7f1 52%,#eef6f3 100%);
}
.ib-product-page::before{
  left:7%;
  top:42px;
  width:360px;
  height:70px;
  border-radius:999px;
  background:linear-gradient(90deg,#dceee8,#fff4df,#f4d5c8,#dfeaf1);
  opacity:.58;
}
.ib-pgallery{
  background:
    radial-gradient(420px 260px at 22% 18%,rgba(220,238,232,.72),transparent 66%),
    linear-gradient(145deg,#fbf7ee,#edf6f3);
}
.ib-pricebox{
  background:#fffdf8;
  border:1px solid #e4e7df;
  color:#111720;
  box-shadow:0 18px 60px -46px rgba(32,39,51,.42);
}
.ib-pricebox-cap{
  background:#f1f5f0;
  color:#6a7481;
}
.ib-pricebox .ib-price-row,
.ib-pricebox .ib-price-row + .ib-price-row{
  border-top:1px solid #e8ebe4;
}
.ib-pricebox .ib-price-lbl{color:#697383}
.ib-pricebox .ib-price-val,
.ib-pricebox .ib-price-ask{color:#111720}
.ib-ptrust div{background:#f7f7ef}
.ib-tab-btn.ib-active{
  background:#202733;
  border-color:#202733;
}

.ib-footer{
  background:#f3f1e9;
  color:#5f6876;
  border-top:1px solid #e4e1d6;
}
.ib-footer h4,
.ib-flogo{color:#111720}
.ib-footer a{color:#374151}
.ib-footer a:hover{color:var(--accent-dark)}
.ib-footer .ib-fbar{
  border-top:1px solid #dfdbcf;
  color:#7a837d;
}

@media(max-width:560px){
  .ib-hero::before,
  .ib-section-categories::after,
  .ib-brands-sec::after,
  .ib-product-page::before{
    width:220px;
    height:48px;
    opacity:.45;
  }
}

/* ============================================================
   MOTION PALETTE 2026.5 — легкий живий фон без відео
   ============================================================ */
body{
  background-size:120% 120%,120% 120%,120% 120%,100% 100%;
  animation:ibPaletteDrift 28s ease-in-out infinite alternate;
}
@keyframes ibPaletteDrift{
  0%{background-position:0% 0%,100% 6%,46% 96%,0 0}
  100%{background-position:9% 4%,91% 16%,58% 88%,0 0}
}

.ib-hero,
.ib-section-categories,
.ib-brands-sec,
.ib-product-page{
  position:relative;
  isolation:isolate;
}
.ib-product-page::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:
    linear-gradient(90deg,rgba(17,23,32,.026) 1px,transparent 1px),
    linear-gradient(180deg,rgba(17,23,32,.018) 1px,transparent 1px);
  background-size:86px 86px;
}
.ib-hero::after,
.ib-section-categories::before,
.ib-brands-sec::before,
.ib-product-page::after{
  animation:ibPaintVeil 18s ease-in-out infinite alternate;
}
@keyframes ibPaintVeil{
  0%{background-position:0 0,0 0;opacity:.38}
  100%{background-position:36px 22px,-24px 18px;opacity:.58}
}

.ib-hero-photo::before,
.ib-pgallery::before{
  content:"";
  position:absolute;
  inset:auto -18% 8% -18%;
  height:92px;
  border-radius:999px;
  pointer-events:none;
  background:
    linear-gradient(90deg,
      rgba(220,238,232,.0) 0%,
      rgba(220,238,232,.72) 16%,
      rgba(255,244,223,.76) 34%,
      rgba(244,213,200,.72) 54%,
      rgba(223,234,241,.72) 74%,
      rgba(220,238,232,.0) 100%);
  filter:blur(16px);
  opacity:.62;
  transform:translateX(-7%) rotate(-4deg);
  animation:ibBrushSweep 16s ease-in-out infinite alternate;
}
.ib-pgallery::before{
  top:10%;
  bottom:auto;
  opacity:.45;
  z-index:0;
}
.ib-pgallery > *{position:relative;z-index:1}
@keyframes ibBrushSweep{
  0%{transform:translateX(-9%) rotate(-4deg)}
  100%{transform:translateX(9%) rotate(-2deg)}
}

.ib-hero-product,
.ib-pgallery-note,
.ib-hero-note{
  animation:ibFloatSoft 9s ease-in-out infinite alternate;
}
.ib-hero-product-secondary{animation-delay:-2.8s}
.ib-pgallery-note{animation-delay:-4.5s}
@keyframes ibFloatSoft{
  0%{transform:translate3d(0,0,0)}
  100%{transform:translate3d(0,-7px,0)}
}

@media(prefers-reduced-motion:reduce){
  body,
  .ib-hero::after,
  .ib-section-categories::before,
  .ib-brands-sec::before,
  .ib-product-page::after,
  .ib-hero-photo::before,
  .ib-pgallery::before,
  .ib-hero-product,
  .ib-pgallery-note,
  .ib-hero-note{
    animation:none !important;
  }
}

/* ============================================================
   TYPOGRAPHY LAYER 2026.6 — унікальна типографіка Interbayer
   ============================================================ */
:root{
  --font-head:'Geologica',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --font-body:'Commissioner',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
body{
  font-family:var(--font-body);
  font-size:15px;
  line-height:1.55;
  letter-spacing:0;
  text-rendering:optimizeLegibility;
}
.ib-nav a,
.ib-btn,
.ib-cta,
.ib-prod-more,
.ib-brand a,
.ib-calc-preset,
.ib-tab-btn,
.ib-side-block a{
  font-family:var(--font-body);
  font-weight:700;
  letter-spacing:0;
}
.ib-topbar,
.ib-crumbs,
.ib-prod-desc,
.ib-fcolor-note,
.ib-calc-summary,
.ib-calc-help,
.ib-pdesc,
.ib-tabpane,
.ib-prose p{
  font-family:var(--font-body);
}
.ib-hero h1,
.ib-shead h2,
.ib-cat-head h1,
.ib-pname,
.ib-fcolor-name,
.ib-calc-total,
.ib-brand h3,
.ib-price-val,
.ib-prod-price,
.ib-hero-stats strong,
.ib-ptrust strong,
.ib-flogo,
.ib-section-categories .ib-cat-body strong{
  font-family:var(--font-head);
  font-weight:750;
  letter-spacing:0;
}
.ib-hero h1{
  font-weight:800;
  line-height:.96;
}
.ib-shead h2,
.ib-section-categories .ib-shead h2,
.ib-brands-sec .ib-shead h2{
  font-weight:800;
  line-height:1.02;
}
.ib-pname{
  font-weight:800;
  line-height:1.02;
}
.ib-badge,
.ib-section-kicker,
.ib-calc-kicker,
.ib-pricebox-cap,
.ib-certs-cap,
.ib-pricebox .ib-price-lbl,
.ib-cl-k,
.ib-side-block h4{
  font-family:var(--font-body);
  font-weight:800;
  letter-spacing:.055em;
}
.ib-hero-text>p,
.ib-shead p,
.ib-cat-intro p,
.ib-prose p{
  font-size:16px;
  line-height:1.76;
}
.ib-hero-text>p{
  font-size:18px;
}
.ib-nav a{
  font-size:13.5px;
}
.ib-cbox h3,
.ib-feat strong,
.ib-prod-name,
.ib-cat-body strong{
  font-family:var(--font-head);
  font-weight:700;
}
.ib-prod-name{
  font-size:15px;
  line-height:1.32;
}
.ib-cta{
  font-weight:800;
  letter-spacing:.005em;
}
.ib-pricebox .ib-price-val{
  font-weight:800;
}
.ib-footer h4{
  font-family:var(--font-head);
  font-weight:700;
}

@media(max-width:560px){
  body{font-size:14.5px}
  .ib-hero h1{line-height:1}
  .ib-hero-text>p{font-size:16px;line-height:1.7}
  .ib-shead h2,
  .ib-section-categories .ib-shead h2,
  .ib-brands-sec .ib-shead h2{
    line-height:1.06;
  }
}

/* Прибрано декоративні palette-плашки: виглядали як кольоровий пластир. */
.ib-hero::before,
.ib-section-categories::after,
.ib-brands-sec::after,
.ib-product-page::before,
.ib-hero-photo::before,
.ib-pgallery::before{
  display:none !important;
}

/* ============================================================
   MAIN SALES PRODUCT — TEKNOWALL 05
   ============================================================ */
.ib-focus-product{
  padding-top:28px;
  padding-bottom:36px;
  background:linear-gradient(135deg,#fffdf8 0%,#f5fbf8 58%,#fff 100%);
}
.ib-focus-card{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(360px,.72fr);
  gap:34px;
  align-items:center;
  padding:34px;
  border:1px solid rgba(16,24,40,.08);
  border-radius:30px;
  background:rgba(255,255,255,.84);
  box-shadow:0 28px 80px rgba(16,24,40,.11);
  overflow:hidden;
}
.ib-focus-media{
  position:relative;
  min-height:420px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:24px;
  background:linear-gradient(145deg,#fff,#f2f7f4);
  border:1px solid rgba(16,24,40,.07);
}
.ib-focus-media::after{
  content:"";
  position:absolute;
  inset:auto 8% 8% 8%;
  height:30%;
  background:radial-gradient(ellipse,rgba(32,128,113,.18),rgba(255,255,255,0) 68%);
}
.ib-focus-media img{
  position:relative;
  z-index:1;
  max-width:82%;
  max-height:340px;
  object-fit:contain;
  filter:drop-shadow(0 22px 28px rgba(16,24,40,.16));
}
.ib-focus-label{
  position:absolute;
  z-index:2;
  top:18px;
  left:18px;
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 13px;
  border-radius:999px;
  background:#12332f;
  color:#fff;
  font-family:var(--font-body);
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.ib-focus-copy h2{
  margin:8px 0 14px;
  font-family:var(--font-head);
  font-size:clamp(42px,6vw,74px);
  line-height:.95;
  font-weight:900;
  color:var(--ink);
}
.ib-focus-copy p{
  margin:0;
  max-width:560px;
  color:#687483;
  font-size:16px;
  line-height:1.75;
}
.ib-focus-prices{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:24px 0;
}
.ib-focus-prices span{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:15px 16px;
  border:1px solid rgba(16,24,40,.08);
  border-radius:16px;
  background:#f8faf7;
}
.ib-focus-prices small{
  color:#6c7786;
  font-size:13px;
  font-weight:800;
}
.ib-focus-prices strong{
  font-family:var(--font-head);
  font-size:24px;
  line-height:1;
  color:var(--ink);
}
.ib-focus-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:18px;
}
.ib-focus-tags{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.ib-focus-tags span{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:0 11px;
  border-radius:999px;
  border:1px solid rgba(16,24,40,.08);
  background:#fff;
  color:#566272;
  font-size:12px;
  font-weight:800;
}

@media(max-width:900px){
  .ib-focus-card{grid-template-columns:1fr;padding:22px;border-radius:24px}
  .ib-focus-media{min-height:320px}
  .ib-focus-copy h2{font-size:clamp(40px,12vw,58px)}
}

@media(max-width:560px){
  .ib-focus-prices{grid-template-columns:1fr}
  .ib-focus-actions .ib-cta{width:100%;justify-content:center;box-sizing:border-box}
  .ib-focus-media{min-height:260px}
  .ib-focus-media img{max-height:230px}
}

/* ============================================================
   FULL COLOR PAGE — big local color view
   ============================================================ */
.ib-color-detail-page{
  background:
    linear-gradient(90deg,rgba(247,241,229,.9) 1px,transparent 1px) 0 0/72px 72px,
    linear-gradient(0deg,rgba(247,241,229,.75) 1px,transparent 1px) 0 0/72px 72px,
    linear-gradient(135deg,#fffdf8 0%,#f7fbf8 58%,#fff 100%);
}
.ib-fcolor-premium{
  grid-template-columns:minmax(0,1.15fr) minmax(360px,.78fr);
  gap:36px;
  align-items:center;
  padding:28px;
  border:1px solid rgba(16,24,40,.08);
  border-radius:30px;
  background:rgba(255,255,255,.78);
  box-shadow:0 26px 80px rgba(16,24,40,.1);
  backdrop-filter:blur(16px);
}
.ib-fcolor-premium .ib-fcolor-big{
  position:relative;
  min-height:min(62vh,620px);
  border-radius:24px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.48),0 24px 70px rgba(16,24,40,.12);
  overflow:hidden;
}
.ib-fcolor-premium .ib-fcolor-big::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,0) 45%,rgba(0,0,0,.08));
}
.ib-fcolor-chip{
  position:absolute;
  z-index:1;
  left:22px;
  bottom:22px;
  display:inline-flex;
  align-items:center;
  min-height:40px;
  padding:0 15px;
  border-radius:999px;
  background:rgba(255,255,255,.76);
  backdrop-filter:blur(12px);
  color:#101823;
  font-family:var(--font-head);
  font-size:15px;
  font-weight:900;
  box-shadow:0 12px 28px rgba(16,24,40,.12);
}
.ib-fcolor-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:2px;
}

@media(max-width:760px){
  .ib-fcolor-premium{grid-template-columns:1fr;padding:16px;border-radius:22px}
  .ib-fcolor-premium .ib-fcolor-big{min-height:360px}
  .ib-fcolor-actions .ib-cta{width:100%;justify-content:center;box-sizing:border-box}
}

/* ============================================================
   PREMIUM CALM PALETTE — site-wide visual cleanup
   ============================================================ */
:root{
  --brand:#18211f;
  --brand-deep:#0d1412;
  --brand-soft:#eef4f1;
  --accent:#2f7468;
  --accent-dark:#1f5f55;
  --accent-2:#8b7a60;
  --bg:#f6f4ee;
  --ink:#101815;
  --muted:#68746f;
  --line:#dde4de;
  --white:#ffffff;
  --shadow:0 30px 90px -58px rgba(15,24,21,.42);
  --shadow-sm:0 16px 44px -34px rgba(15,24,21,.28);
}

body{
  background:
    linear-gradient(180deg,#fbfaf6 0%,#f4f6f1 48%,#f7f4ee 100%);
}
body::before{
  background:
    radial-gradient(38vw 38vw at 12% 10%,rgba(142,128,98,.105),transparent 70%),
    radial-gradient(42vw 42vw at 84% 18%,rgba(47,116,104,.10),transparent 72%),
    radial-gradient(46vw 46vw at 58% 96%,rgba(196,187,166,.12),transparent 72%);
}

.ib-topbar,
.ib-footer{
  background:linear-gradient(135deg,#0d1412,#17231f);
}
.ib-topbar a:hover,
.ib-footer a:hover,
.ib-flogo span,
.ib-brand a,
.ib-prod:hover .ib-prod-more,
.ib-prose a,
.ib-crumbs a:hover,
.ib-fcolor-nav a,
.ib-cl-v a:hover,
.ib-calc-box a{
  color:var(--accent-dark);
}
.ib-dot{
  background:#87a39b;
  box-shadow:0 0 0 0 rgba(47,116,104,.35);
}
@keyframes ibPulse{
  70%{box-shadow:0 0 0 9px rgba(47,116,104,0)}
  100%{box-shadow:0 0 0 0 rgba(47,116,104,0)}
}

.ib-header{
  background:rgba(252,251,247,.88) !important;
  border-bottom:1px solid rgba(24,33,31,.08);
}
.ib-nav>ul>li>a::after{
  background:var(--accent);
}
.ib-nav>ul>li:hover>a,
.ib-drop a:hover{
  color:var(--accent-dark);
}
.ib-search input[type=text]:focus,
.ib-cform input:focus,
.ib-cform textarea:focus,
.ib-color-search:focus,
.ib-palette-search:focus,
.ib-calc-form input:focus,
.ib-calc-form select:focus{
  border-color:var(--accent) !important;
  box-shadow:0 0 0 4px rgba(47,116,104,.12) !important;
}

.ib-btn,
.ib-cta,
.ib-color-note a{
  background:linear-gradient(135deg,#2f7468,#245f56) !important;
  border-color:#2f7468 !important;
  color:#fff !important;
  box-shadow:0 18px 38px -26px rgba(31,95,85,.62) !important;
}
.ib-btn:hover,
.ib-cta:hover,
.ib-color-note a:hover{
  background:linear-gradient(135deg,#245f56,#183f3a) !important;
  border-color:#245f56 !important;
  color:#fff !important;
}
.ib-cta-ghost,
.ib-ghost{
  background:#fff !important;
  color:#24312d !important;
  border:1px solid rgba(24,33,31,.12) !important;
  box-shadow:0 14px 32px -28px rgba(15,24,21,.35) !important;
}
.ib-cta-ghost:hover,
.ib-ghost:hover{
  background:#eef4f1 !important;
  color:#183f3a !important;
  border-color:rgba(47,116,104,.22) !important;
}
.ib-cta-light{
  background:#fff !important;
  color:#18211f !important;
  border-color:#fff !important;
}

.ib-badge,
.ib-prod-badge,
.ib-cert,
.ib-color-count,
.ib-palette-status,
.ib-fcolor-type,
.ib-section-kicker{
  background:#eef6f2 !important;
  color:#2f7468 !important;
}
.ib-hero h1 em,
.ib-focus-kicker,
.ib-cat-buy strong,
.ib-price-ask,
.ib-pricebox .ib-price-ask{
  color:var(--accent-dark) !important;
}
.ib-blob-1{
  background:radial-gradient(circle at 35% 30%,#9ab8ae,#2f7468) !important;
}
.ib-blob-2{
  background:radial-gradient(circle at 40% 35%,#55645f,#18211f) !important;
}
.ib-blob-3{
  background:radial-gradient(circle at 40% 35%,#e6ddc8,#b7a98a) !important;
}
.ib-ctaband{
  background-image:radial-gradient(40vw 40vw at 85% 20%,rgba(47,116,104,.18),transparent 70%) !important;
}
.ib-hero-quicklinks a:hover{
  background:#eef4f1 !important;
  color:#1f5f55 !important;
  border-color:#91b5aa !important;
}

.ib-color-page,
.ib-color-detail-page{
  background:
    linear-gradient(90deg,rgba(220,213,197,.38) 1px,transparent 1px) 0 0/64px 64px,
    linear-gradient(0deg,rgba(220,213,197,.32) 1px,transparent 1px) 0 0/64px 64px,
    linear-gradient(135deg,#fcfaf5 0%,#f3f7f2 56%,#fbfaf6 100%) !important;
}
.ib-palette-library,
.ib-color-studio,
.ib-color-note,
.ib-fcolor-premium,
.ib-product,
.ib-cat-card,
.ib-prod,
.ib-brand,
.ib-calc-form-card,
.ib-calc-result,
.ib-contact-card,
.ib-focus-card{
  border-color:rgba(24,33,31,.08) !important;
  background:rgba(255,255,255,.82) !important;
  box-shadow:0 24px 70px -54px rgba(15,24,21,.44) !important;
}
.ib-palette-card,
.ib-swatch,
.ib-focus-prices div,
.ib-fcolor-chip{
  border-color:rgba(24,33,31,.08) !important;
  box-shadow:0 14px 34px -28px rgba(15,24,21,.36) !important;
}
.ib-palette-card:hover,
a.ib-swatch:hover,
.ib-prod:hover,
.ib-cat:hover,
.ib-brand:hover{
  border-color:rgba(47,116,104,.24) !important;
  box-shadow:0 24px 58px -42px rgba(15,24,21,.42) !important;
}
.ib-color-studio .ib-tabnav{
  background:#eef3ef !important;
}
.ib-color-studio .ib-tab-btn{
  color:#5e6b66 !important;
}
.ib-color-studio .ib-tab-btn.ib-active,
.ib-tab-btn.ib-active,
.ib-calc-preset.ib-active{
  background:#203c36 !important;
  border-color:#203c36 !important;
  color:#fff !important;
  box-shadow:0 14px 30px -24px rgba(15,24,21,.5) !important;
}
.ib-color-bar,
.ib-color-search,
.ib-palette-search,
.ib-cform input,
.ib-cform textarea,
.ib-calc-form input,
.ib-calc-form select,
.ib-calc-box{
  background:#fbfcf8 !important;
  border-color:rgba(24,33,31,.10) !important;
}
.ib-swatch-cur{
  outline:2px solid var(--accent) !important;
}
.ib-formmsg-err{
  background:rgba(138,94,76,.12) !important;
  color:#7a4f41 !important;
}
.ib-calc-box-warm{
  background:#faf5e9 !important;
  border-color:#e7dcc3 !important;
}

/* ============================================================
   EDITORIAL COMMERCE 2026 — final premium visual direction
   ============================================================ */
:root{
  --brand:#17221e;
  --brand-deep:#101715;
  --brand-soft:#edf3ef;
  --accent:#326f64;
  --accent-dark:#214f48;
  --accent-2:#a4875f;
  --bg:#f7f4ec;
  --ink:#111917;
  --muted:#68756f;
  --line:#e2e2d8;
  --white:#fffdf8;
  --radius:16px;
  --radius-sm:10px;
  --shadow:0 34px 90px -64px rgba(17,25,23,.54);
  --shadow-sm:0 20px 60px -48px rgba(17,25,23,.36);
}

html{scroll-behavior:smooth}
body{
  color:var(--ink);
  background:#f7f4ec !important;
}
body::before{
  background:
    linear-gradient(90deg,rgba(164,135,95,.07) 1px,transparent 1px) 0 0/78px 78px,
    linear-gradient(0deg,rgba(50,111,100,.055) 1px,transparent 1px) 0 0/78px 78px,
    linear-gradient(135deg,#fbfaf5 0%,#f4f7f0 48%,#fbf8ef 100%) !important;
  animation:none !important;
}
.ib-container{max-width:1220px}

.ib-topbar{
  background:#f6f3ea !important;
  color:#60706a !important;
  border-bottom:1px solid rgba(23,34,30,.08) !important;
}
.ib-topbar a{color:#17221e !important}
.ib-topbar a:hover{color:var(--accent-dark) !important}
.ib-dot{background:#93aa9f !important}

.ib-header{
  background:rgba(251,250,245,.9) !important;
  border-bottom:1px solid rgba(23,34,30,.09) !important;
  box-shadow:0 12px 38px -34px rgba(17,25,23,.38);
}
.ib-header .ib-container{
  padding-top:13px;
  padding-bottom:13px;
}
.ib-logo img{height:44px}
.ib-nav>ul{gap:3px}
.ib-nav a{
  color:#24312d !important;
  font-size:13px;
  font-weight:800;
}
.ib-nav>ul>li>a{
  border-radius:999px;
  padding:10px 12px;
}
.ib-nav>ul>li:hover>a{
  background:#edf3ef !important;
  color:#214f48 !important;
}
.ib-drop{
  background:rgba(255,253,248,.96) !important;
  border-color:rgba(23,34,30,.1) !important;
  border-radius:18px;
}
.ib-drop a:hover{background:#edf3ef !important}
.ib-search input[type=text]{
  min-height:42px;
  width:210px;
  background:#fffdf8 !important;
  border-color:rgba(23,34,30,.12) !important;
  color:#17221e;
}
.ib-btn{
  min-height:42px;
  background:#284f48 !important;
  border-color:#284f48 !important;
}

.ib-section{padding:92px 0}
.ib-shead{
  max-width:760px;
  text-align:left;
  margin-left:0;
  margin-right:0;
}
.ib-shead h2{
  font-size:clamp(34px,4vw,58px);
  line-height:1;
  color:#111917;
}
.ib-shead p{
  max-width:640px;
  color:#6b7772;
  font-size:16px;
}
.ib-section-kicker,
.ib-badge{
  background:#edf5f1 !important;
  color:#2f6b60 !important;
  border:1px solid rgba(50,111,100,.12) !important;
  letter-spacing:.08em;
}

.ib-hero{
  min-height:720px;
  padding:92px 0 70px;
  background:
    linear-gradient(90deg,rgba(164,135,95,.07) 1px,transparent 1px) 0 0/78px 78px,
    linear-gradient(0deg,rgba(50,111,100,.055) 1px,transparent 1px) 0 0/78px 78px,
    linear-gradient(125deg,#fbfaf5 0%,#f7f4ec 48%,#eef6f1 100%) !important;
}
.ib-hero::before,
.ib-hero::after,
.ib-section-categories::before,
.ib-section-categories::after,
.ib-brands-sec::before,
.ib-brands-sec::after,
.ib-product-page::before,
.ib-product-page::after{
  display:none !important;
}
.ib-hero-in{
  grid-template-columns:minmax(0,.95fr) minmax(430px,1fr);
  min-height:550px;
  gap:58px;
}
.ib-hero h1{
  max-width:740px;
  margin:22px 0 20px;
  color:#101715;
  font-size:clamp(46px,6.8vw,88px);
  line-height:.94;
  letter-spacing:0;
}
.ib-hero-text>p{
  max-width:620px;
  color:#66736e;
  font-size:18px;
  line-height:1.72;
}
.ib-hero-actions{gap:12px;margin:30px 0 22px}
.ib-cta,
.ib-color-note a{
  min-height:50px;
  border-radius:999px !important;
  padding:14px 25px;
  background:#284f48 !important;
  border-color:#284f48 !important;
  color:#fff !important;
  box-shadow:0 20px 44px -30px rgba(33,79,72,.72) !important;
}
.ib-cta:hover,
.ib-color-note a:hover{
  background:#17332f !important;
  border-color:#17332f !important;
  transform:translateY(-2px);
}
.ib-cta-ghost,
.ib-ghost{
  background:#fffdf8 !important;
  color:#17221e !important;
  border-color:rgba(23,34,30,.13) !important;
  box-shadow:none !important;
}
.ib-cta-ghost:hover,
.ib-ghost:hover{
  background:#edf3ef !important;
  color:#214f48 !important;
}
.ib-hero-quicklinks a{
  background:rgba(255,253,248,.72) !important;
  border-color:rgba(23,34,30,.11) !important;
  color:#2b3834 !important;
}
.ib-hero-quicklinks a:hover{
  background:#edf3ef !important;
  border-color:rgba(50,111,100,.24) !important;
  color:#214f48 !important;
}
.ib-hero-stats{
  gap:12px;
  max-width:560px;
}
.ib-hero-stats div{
  min-width:0;
  flex:1 1 150px;
  padding:15px 16px;
  border-radius:18px;
  background:rgba(255,253,248,.72) !important;
  border:1px solid rgba(23,34,30,.1) !important;
}
.ib-hero-stats strong{
  color:#101715;
  font-size:28px;
}
.ib-hero-stats span{color:#6b7772}
.ib-hero-art{
  min-height:540px;
  height:540px;
}
.ib-hero-photo{
  inset:26px 38px 48px 70px;
  border-radius:26px;
  box-shadow:0 38px 100px -58px rgba(17,25,23,.56);
}
.ib-hero-photo::after{
  background:linear-gradient(180deg,rgba(17,25,23,.02),rgba(17,25,23,.18)) !important;
}
.ib-hero-product{
  border-radius:22px;
  background:#fffdf8 !important;
  border-color:rgba(23,34,30,.08) !important;
}
.ib-hero-product-main{
  width:180px;
  height:190px;
  right:4px;
  bottom:34px;
}
.ib-hero-product-secondary{
  width:146px;
  height:146px;
  left:14px;
  top:18px;
}
.ib-hero-note{
  left:38px;
  bottom:18px;
  background:rgba(255,253,248,.88) !important;
  border-color:rgba(23,34,30,.1) !important;
}

.ib-focus-product{
  padding:84px 0;
  background:#fffdf8 !important;
}
.ib-focus-card{
  grid-template-columns:minmax(0,1fr) minmax(360px,.82fr);
  gap:40px;
  padding:38px;
  border-radius:30px;
  background:#fbfaf5 !important;
  border:1px solid rgba(23,34,30,.1) !important;
  box-shadow:0 36px 96px -70px rgba(17,25,23,.5) !important;
}
.ib-focus-media{
  min-height:440px;
  border-radius:26px;
  background:
    linear-gradient(90deg,rgba(164,135,95,.08) 1px,transparent 1px) 0 0/62px 62px,
    linear-gradient(0deg,rgba(50,111,100,.06) 1px,transparent 1px) 0 0/62px 62px,
    #fffdf8 !important;
}
.ib-focus-media::after{
  background:radial-gradient(ellipse,rgba(50,111,100,.15),rgba(255,255,255,0) 68%);
}
.ib-focus-label{
  background:#edf5f1 !important;
  color:#214f48 !important;
  border:1px solid rgba(50,111,100,.14);
}
.ib-focus-copy h2{
  font-size:clamp(46px,6vw,80px);
  line-height:.9;
  letter-spacing:0;
}
.ib-focus-copy p{
  color:#64716c;
  font-size:16.5px;
}
.ib-focus-prices span{
  background:#fffdf8 !important;
  border-color:rgba(23,34,30,.1) !important;
  border-radius:18px;
}

.ib-section-categories{
  padding:94px 0;
  background:#f7f4ec !important;
}
.ib-section-categories .ib-shead{
  text-align:left;
  margin-left:0;
}
.ib-section-categories .ib-cats{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}
.ib-cat{
  border-radius:22px !important;
  background:#fffdf8 !important;
  border:1px solid rgba(23,34,30,.1) !important;
  box-shadow:0 28px 80px -64px rgba(17,25,23,.42) !important;
}
.ib-cat img{
  height:220px;
  filter:saturate(.92) contrast(1.02);
}
.ib-cat::after{display:none !important}
.ib-cat-body{
  position:relative !important;
  padding:19px 20px 22px !important;
  color:#111917 !important;
  background:#fffdf8 !important;
}
.ib-cat-index{
  color:#8b9b94 !important;
  font-size:12px !important;
}
.ib-cat-body strong{font-size:21px !important}
.ib-cat-body small{color:#68756f !important}

.ib-brands-sec{
  padding:94px 0;
  border-radius:0 !important;
  background:#edf3ef !important;
  color:#111917 !important;
}
.ib-brands-sec .ib-shead{
  text-align:left;
  margin-left:0;
}
.ib-brands-sec .ib-shead h2{color:#111917 !important}
.ib-brands-sec .ib-shead p{color:#68756f !important}
.ib-brands{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.ib-brand{
  min-height:260px;
  border-radius:24px !important;
  padding:34px !important;
  background:#fffdf8 !important;
  color:#111917 !important;
  border:1px solid rgba(23,34,30,.1) !important;
}
.ib-brand h3{color:#111917 !important}
.ib-brand p{color:#65726d !important}
.ib-brand small{
  display:block;
  margin-bottom:16px;
  color:#8b7a60;
  font-weight:800;
}
.ib-brand a{color:#214f48 !important}
.ib-brand-mark{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  margin-bottom:18px;
  border-radius:50%;
  background:#edf5f1;
  color:#214f48;
  font-family:var(--font-head);
  font-weight:900;
}

.ib-products,
.ib-products-cat{
  gap:20px;
}
.ib-prod,
.ib-prod--cat{
  min-height:100%;
  border-radius:24px !important;
  background:#fffdf8 !important;
  border:1px solid rgba(23,34,30,.1) !important;
  box-shadow:0 24px 72px -60px rgba(17,25,23,.42) !important;
}
.ib-prod:hover,
.ib-prod--cat:hover,
.ib-cat:hover,
.ib-brand:hover{
  transform:translateY(-5px);
  border-color:rgba(50,111,100,.22) !important;
  box-shadow:0 34px 86px -62px rgba(17,25,23,.5) !important;
}
.ib-prod-img{
  min-height:230px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fbfaf5 !important;
  border-bottom:1px solid rgba(23,34,30,.08) !important;
}
.ib-prod-img img{
  height:190px;
  max-width:92%;
}
.ib-prod-body{
  padding:20px 20px 22px;
}
.ib-prod-name{
  color:#111917 !important;
  font-size:18px;
  line-height:1.2;
}
.ib-prod-desc{
  color:#65726d;
  font-size:14px;
  line-height:1.55;
  -webkit-line-clamp:3;
}
.ib-prod-price,
.ib-price-val{
  color:#111917 !important;
}
.ib-prod-more{
  color:#214f48 !important;
}
.ib-prod-badge{
  background:#fffdf8 !important;
  color:#24312d !important;
  border:1px solid rgba(23,34,30,.1);
}

.ib-feats{
  gap:18px;
}
.ib-feat{
  border-radius:22px !important;
  background:#fffdf8 !important;
  border:1px solid rgba(23,34,30,.1) !important;
  box-shadow:0 22px 68px -58px rgba(17,25,23,.34);
}
.ib-feat-ic{
  background:#edf5f1 !important;
  color:#214f48 !important;
}

.ib-prose{
  max-width:960px;
  padding:42px;
  border-radius:28px;
  background:#fffdf8 !important;
  border:1px solid rgba(23,34,30,.1);
  box-shadow:0 26px 78px -66px rgba(17,25,23,.42);
}
.ib-prose h2{font-size:clamp(30px,3.6vw,48px)}
.ib-prose p{color:#596761}

.ib-ctaband{
  margin-top:0;
  background:#17221e !important;
}
.ib-ctaband-in{
  padding:56px 24px;
}
.ib-ctaband h2{color:#fffdf8}
.ib-ctaband p{color:#cbd6d0}
.ib-cta-light{
  background:#fffdf8 !important;
  color:#17221e !important;
  border-color:#fffdf8 !important;
}

.ib-footer{
  margin-top:0;
  background:#f6f3ea !important;
  color:#66736e !important;
  border-top:1px solid rgba(23,34,30,.1);
}
.ib-footer h4,
.ib-flogo{
  color:#111917 !important;
}
.ib-footer a{color:#45534e !important}
.ib-footer a:hover{color:#214f48 !important}
.ib-flogo span{color:#326f64 !important}
.ib-footer p{color:#66736e !important}
.ib-fbar{
  border-top:1px solid rgba(23,34,30,.08) !important;
  color:#77837e !important;
}

.ib-product-page,
.ib-color-page,
.ib-color-detail-page,
.ib-calc-page{
  background:
    linear-gradient(90deg,rgba(164,135,95,.06) 1px,transparent 1px) 0 0/78px 78px,
    linear-gradient(0deg,rgba(50,111,100,.05) 1px,transparent 1px) 0 0/78px 78px,
    linear-gradient(135deg,#fbfaf5 0%,#f4f7f0 56%,#fbf8ef 100%) !important;
}
.ib-product,
.ib-cat-card,
.ib-calc-form-card,
.ib-calc-result,
.ib-palette-library,
.ib-color-studio,
.ib-fcolor-premium{
  background:#fffdf8 !important;
  border-color:rgba(23,34,30,.1) !important;
  border-radius:26px !important;
}
.ib-tab-btn.ib-active,
.ib-color-studio .ib-tab-btn.ib-active,
.ib-calc-preset.ib-active{
  background:#284f48 !important;
  border-color:#284f48 !important;
}

@media(max-width:1180px){
  .ib-nav a{font-size:12px}
  .ib-nav>ul>li>a{padding:9px 8px}
  .ib-search input[type=text]{width:160px}
}
@media(max-width:980px){
  .ib-section{padding:66px 0}
  .ib-shead{text-align:left}
  .ib-hero{min-height:0;padding:54px 0}
  .ib-hero-in{grid-template-columns:1fr;min-height:0;gap:28px}
  .ib-hero h1{font-size:clamp(40px,8vw,58px);max-width:680px}
  .ib-hero-art{height:300px;min-height:300px;width:100%}
  .ib-hero-photo{inset:18px 0 36px 44px}
  .ib-hero-product-secondary{left:0;top:0;width:122px;height:122px}
  .ib-hero-product-main{right:8px;bottom:22px;width:142px;height:150px}
  .ib-hero-note{left:18px;bottom:4px}
  .ib-focus-card{grid-template-columns:1fr}
  .ib-section-categories .ib-cats,
  .ib-products,
  .ib-products-cat,
  .ib-feats{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .ib-brands{grid-template-columns:1fr}
}
@media(max-width:620px){
  .ib-container{padding-left:18px;padding-right:18px}
  .ib-hero h1{font-size:clamp(42px,13vw,62px)}
  .ib-hero-text>p{font-size:16px}
  .ib-hero-actions .ib-cta,
  .ib-focus-actions .ib-cta{
    width:100%;
  }
  .ib-hero-art{height:320px;min-height:320px}
  .ib-hero-photo{inset:24px 0 44px 22px}
  .ib-hero-product-secondary{width:112px;height:112px}
  .ib-hero-product-main{width:128px;height:138px}
  .ib-hero-note{left:0;right:22px}
  .ib-section-categories .ib-cats,
  .ib-products,
  .ib-products-cat,
  .ib-feats{
    grid-template-columns:1fr;
  }
  .ib-focus-card,
  .ib-prose{
    padding:22px;
  }
  .ib-focus-media{min-height:280px}
  .ib-prod-img{min-height:210px}
}

/* ============================================================
   SALES-FIRST HOME — sell tasks, not manufacturers
   ============================================================ */
.ib-hero-note strong,
.ib-hero-note span{
  color:#17221e;
}
.ib-hero-product{
  opacity:.88;
}
.ib-hero-product::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(135deg,rgba(255,253,248,.18),rgba(255,253,248,0));
  pointer-events:none;
}
.ib-section-categories{
  overflow:hidden;
}
.ib-section-categories .ib-cats{
  align-items:stretch;
}
.ib-section-categories .ib-cat{
  min-height:390px;
  display:flex !important;
  flex-direction:column;
  overflow:hidden;
  isolation:isolate;
}
.ib-section-categories .ib-cat img{
  height:260px;
  transform:scale(1.01);
  transform-origin:center;
  transition:transform .7s ease, filter .35s ease;
}
.ib-section-categories .ib-cat:hover img{
  transform:scale(1.08);
  filter:saturate(1.03) contrast(1.05);
}
.ib-section-categories .ib-cat-body{
  flex:1;
  display:flex !important;
  flex-direction:column;
  min-height:160px;
}
.ib-section-categories .ib-cat-body::before{
  content:"";
  position:absolute;
  left:20px;
  right:20px;
  top:0;
  height:1px;
  background:linear-gradient(90deg,rgba(50,111,100,.22),transparent);
}
.ib-section-categories .ib-cat-body em{
  margin-top:auto;
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#214f48;
  font-style:normal;
  font-size:13px;
  font-weight:900;
}
.ib-section-categories .ib-cat-body em::after{
  content:"";
  width:28px;
  height:28px;
  border-radius:999px;
  background:
    linear-gradient(45deg,transparent 45%,#214f48 46%,#214f48 54%,transparent 55%) 10px 8px/10px 10px no-repeat,
    linear-gradient(#214f48,#214f48) 8px 13px/13px 2px no-repeat,
    #edf5f1;
  transition:transform .25s ease, background-color .25s ease;
}
.ib-section-categories .ib-cat:hover .ib-cat-body em::after{
  transform:translateX(4px);
  background-color:#dcebe6;
}

.ib-solutions-sec{
  padding:96px 0;
  background:
    linear-gradient(90deg,rgba(255,253,248,.82),rgba(255,253,248,.72)),
    linear-gradient(135deg,#edf3ef,#f8f5ec) !important;
}
.ib-solutions-sec .ib-shead{
  max-width:820px;
}
.ib-solutions-sec .ib-shead h2{
  max-width:780px;
}
.ib-solutions{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-top:28px;
}
.ib-solution{
  position:relative;
  min-height:260px;
  padding:30px;
  border-radius:26px;
  background:#fffdf8;
  border:1px solid rgba(23,34,30,.1);
  box-shadow:0 28px 82px -66px rgba(17,25,23,.42);
  overflow:hidden;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.ib-solution::after{
  content:"";
  position:absolute;
  right:-40px;
  bottom:-48px;
  width:160px;
  height:160px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(50,111,100,.12),rgba(50,111,100,0) 68%);
}
.ib-solution:hover{
  transform:translateY(-5px);
  border-color:rgba(50,111,100,.24);
  box-shadow:0 34px 90px -64px rgba(17,25,23,.52);
}
.ib-solution span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  margin-bottom:22px;
  border-radius:50%;
  background:#edf5f1;
  color:#214f48;
  font-family:var(--font-head);
  font-weight:900;
}
.ib-solution h3{
  position:relative;
  margin:0 0 12px;
  color:#111917;
  font-family:var(--font-head);
  font-size:26px;
  line-height:1.08;
}
.ib-solution p{
  position:relative;
  margin:0;
  color:#65726d;
  font-size:15px;
  line-height:1.7;
}

@media(max-width:980px){
  .ib-solutions{grid-template-columns:1fr}
  .ib-section-categories .ib-cat{min-height:360px}
}
@media(max-width:620px){
  .ib-section-categories .ib-cat img{height:230px}
  .ib-section-categories .ib-cat{min-height:0}
  .ib-solutions-sec{padding:66px 0}
  .ib-solution{min-height:220px;padding:24px}
}

/* ============================================================
   COLOR STUDIO — premium color selection experience
   ============================================================ */
.ib-color-page .ib-color-hero{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(330px,.48fr);
  gap:30px;
  align-items:center;
  max-width:1180px;
  text-align:left;
  margin:0 auto 24px;
}
.ib-color-page .ib-color-hero-copy{
  align-items:flex-start;
  min-height:360px;
  padding:26px 0;
}
.ib-color-page .ib-color-hero h1{
  max-width:820px;
  font-size:clamp(48px,6.4vw,86px);
}
.ib-color-page .ib-color-hero p{
  max-width:680px;
  color:#62716b;
}
.ib-color-page .ib-color-hero-actions{
  justify-content:flex-start;
}
.ib-color-page .ib-color-hero-card{
  display:block;
  min-height:330px;
  border-radius:30px;
  background:rgba(255,253,248,.86);
  border-color:rgba(23,34,30,.1);
  box-shadow:0 34px 90px -62px rgba(17,25,23,.48);
}
.ib-color-page .ib-color-total{
  color:#111917;
}
.ib-color-page .ib-color-total small{
  color:#326f64;
}
.ib-color-page .ib-color-spectrum span{
  height:92px;
  border-radius:18px;
}
.ib-color-usecases{
  max-width:1180px;
  margin:0 auto 24px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.ib-color-usecases article{
  min-height:150px;
  padding:20px;
  border-radius:22px;
  background:#fffdf8;
  border:1px solid rgba(23,34,30,.1);
  box-shadow:0 22px 64px -56px rgba(17,25,23,.36);
}
.ib-color-usecases span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  margin-bottom:16px;
  border-radius:50%;
  background:#edf5f1;
  color:#214f48;
  font-family:var(--font-head);
  font-weight:900;
  font-size:12px;
}
.ib-color-usecases strong{
  display:block;
  margin-bottom:7px;
  color:#111917;
  font-family:var(--font-head);
  font-size:20px;
  line-height:1.1;
}
.ib-color-usecases p{
  margin:0;
  color:#65726d;
  font-size:13.5px;
  line-height:1.55;
}
.ib-color-page .ib-palette-library{
  background:rgba(255,253,248,.9) !important;
  box-shadow:0 30px 86px -68px rgba(17,25,23,.5) !important;
}
.ib-color-page .ib-palette-card{
  min-height:172px;
  background:#fffdf8 !important;
  border-color:rgba(23,34,30,.1) !important;
}
.ib-color-page .ib-palette-card strong{
  color:#111917;
}
.ib-color-page .ib-palette-card small{
  color:#65726d;
}
.ib-color-page .ib-palette-strip{
  height:54px;
}
.ib-color-page .ib-color-studio{
  background:rgba(255,253,248,.9) !important;
  box-shadow:0 30px 86px -68px rgba(17,25,23,.5) !important;
}
.ib-color-page .ib-tabnav{
  background:#edf3ef !important;
}
.ib-color-page .ib-color-bar{
  background:#fffdf8 !important;
}
.ib-color-page .ib-swatches{
  grid-template-columns:repeat(auto-fill,minmax(170px,1fr));
}
.ib-color-page .ib-swatch{
  background:#fffdf8 !important;
  border-radius:20px;
}
.ib-color-page .ib-swatch-c{
  height:104px;
}
.ib-color-page .ib-swatch-n{
  min-height:64px;
  font-size:13px;
  color:#111917;
}
.ib-color-page .ib-color-loading{
  grid-column:1/-1;
  min-height:180px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px dashed rgba(95,115,99,.28);
  border-radius:18px;
  background:linear-gradient(135deg, rgba(247,244,235,.82), rgba(232,242,237,.88));
  color:#60706b;
  font-weight:800;
  text-align:center;
}
.ib-color-detail-page .ib-fcolor-premium{
  background:rgba(255,253,248,.9) !important;
  box-shadow:0 34px 94px -66px rgba(17,25,23,.5) !important;
}
.ib-color-detail-page .ib-fcolor-name{
  font-size:clamp(56px,8vw,104px);
  line-height:.9;
}
.ib-color-detail-page .ib-fcolor-note{
  color:#65726d;
  font-size:16px;
}

@media(max-width:980px){
  .ib-color-page .ib-color-hero{
    grid-template-columns:1fr;
  }
  .ib-color-page .ib-color-hero-copy{
    min-height:0;
  }
  .ib-color-usecases{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:640px){
  .ib-color-page .ib-color-hero{
    text-align:left;
  }
  .ib-color-page .ib-color-hero h1{
    font-size:clamp(42px,14vw,62px);
  }
  .ib-color-usecases{
    grid-template-columns:1fr;
  }
  .ib-color-page .ib-swatches{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .ib-color-page .ib-swatch-c{
    height:82px;
  }
}

/* ============================================================
   LUXURY COLOR ATELIER — final premium layer for /color
   ============================================================ */
.ib-color-page{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    linear-gradient(90deg, rgba(42,92,82,.045) 1px, transparent 1px),
    linear-gradient(180deg, rgba(42,92,82,.04) 1px, transparent 1px),
    radial-gradient(circle at 18% 4%, rgba(217,202,173,.28), transparent 32%),
    radial-gradient(circle at 88% 12%, rgba(196,216,208,.34), transparent 34%),
    linear-gradient(180deg,#fffdf8 0%,#f8f5ed 50%,#fffdf8 100%) !important;
  background-size:72px 72px,72px 72px,100% 100%,100% 100%,100% 100% !important;
}
.ib-color-page::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(115deg, transparent 0 53%, rgba(255,253,248,.78) 53% 100%),
    linear-gradient(180deg, rgba(255,253,248,.12), rgba(255,253,248,.82));
}
.ib-color-page .ib-container{
  max-width:1320px;
}
.ib-color-page .ib-section-kicker{
  display:inline-flex;
  align-items:center;
  width:max-content;
  padding:0;
  background:transparent !important;
  color:#507268 !important;
  font-family:var(--font-body);
  font-size:12px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.ib-color-page .ib-color-hero{
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.58fr);
  gap:46px;
  max-width:1240px;
  margin:18px auto 42px;
  padding:54px 0 34px;
}
.ib-color-page .ib-color-hero-copy{
  min-height:420px;
  justify-content:center;
}
.ib-color-page .ib-color-hero h1{
  max-width:920px;
  margin-top:18px;
  margin-bottom:22px;
  font-size:clamp(58px,6.9vw,104px);
  line-height:.86;
  color:#101817;
  text-wrap:balance;
}
.ib-color-page .ib-color-hero p{
  max-width:720px;
  color:#53625e;
  font-size:18px;
  line-height:1.75;
}
.ib-color-page .ib-color-hero-actions{
  margin-top:32px;
  gap:14px;
}
.ib-color-page .ib-color-hero-actions .ib-cta,
.ib-color-page .ib-color-hero-actions .ib-ghost,
.ib-color-note a{
  min-height:54px;
  border-radius:999px;
  padding:16px 24px;
  font-size:14px;
  font-weight:900;
}
.ib-color-page .ib-color-hero-actions .ib-cta,
.ib-color-note a{
  background:#1f4f47 !important;
  color:#fffdf8 !important;
  border:1px solid #1f4f47 !important;
  box-shadow:0 22px 46px -28px rgba(31,79,71,.62) !important;
}
.ib-color-page .ib-color-hero-actions .ib-ghost{
  background:rgba(255,253,248,.68) !important;
  color:#18221f !important;
  border:1px solid rgba(24,34,31,.15) !important;
}
.ib-color-page .ib-color-hero-card{
  position:relative;
  min-height:430px;
  padding:34px;
  border-radius:34px;
  background:
    linear-gradient(180deg, rgba(255,253,248,.96), rgba(246,242,232,.9)) !important;
  border:1px solid rgba(24,34,31,.12) !important;
  box-shadow:
    0 46px 110px -74px rgba(17,25,23,.62),
    inset 0 1px 0 rgba(255,255,255,.82) !important;
  overflow:hidden;
}
.ib-color-page .ib-color-hero-card::before{
  content:"";
  display:block;
  width:100%;
  height:162px;
  margin-bottom:28px;
  border-radius:24px;
  background:
    linear-gradient(90deg,#efe7d5 0 16.66%,#d8c5aa 16.66% 33.33%,#b8c7bd 33.33% 50%,#819997 50% 66.66%,#546d6c 66.66% 83.33%,#263d3b 83.33% 100%);
  box-shadow:inset 0 0 0 1px rgba(17,25,23,.1);
}
.ib-color-page .ib-color-total{
  display:flex;
  align-items:flex-end;
  gap:14px;
  margin:0 0 24px;
  font-size:clamp(54px,5vw,82px);
  line-height:.78;
}
.ib-color-page .ib-color-total small{
  max-width:130px;
  margin:0 0 5px;
  color:#60706a;
  font-size:12px;
  line-height:1.25;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.ib-color-page .ib-color-spectrum{
  display:none;
}
.ib-color-page .ib-color-hero-card p{
  max-width:360px;
  color:#53625e;
  font-size:15px;
  line-height:1.75;
}
.ib-color-usecases{
  max-width:1240px;
  margin:0 auto 46px;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1px;
  border:1px solid rgba(24,34,31,.1);
  border-radius:30px;
  overflow:hidden;
  background:rgba(24,34,31,.1);
  box-shadow:0 36px 90px -72px rgba(17,25,23,.5);
}
.ib-color-usecases article{
  min-height:210px;
  padding:28px;
  border:0;
  border-radius:0;
  background:rgba(255,253,248,.9);
  box-shadow:none;
}
.ib-color-usecases span{
  width:auto;
  height:auto;
  margin-bottom:44px;
  border-radius:0;
  background:transparent;
  color:#6d7b75;
  font-size:12px;
  letter-spacing:.14em;
}
.ib-color-usecases strong{
  max-width:220px;
  font-size:26px;
  line-height:1.02;
  text-wrap:balance;
}
.ib-color-usecases p{
  max-width:250px;
  color:#65736e;
  font-size:14px;
  line-height:1.65;
}
.ib-color-page .ib-palette-library{
  max-width:1240px;
  margin:0 auto 34px;
  padding:38px;
  border-radius:34px;
  background:
    linear-gradient(180deg, rgba(255,253,248,.96), rgba(250,247,239,.92)) !important;
  border:1px solid rgba(24,34,31,.11) !important;
  box-shadow:
    0 44px 110px -82px rgba(17,25,23,.62),
    inset 0 1px 0 rgba(255,255,255,.88) !important;
}
.ib-color-page .ib-palette-library-head{
  align-items:end;
  margin-bottom:30px;
}
.ib-color-page .ib-palette-library h2{
  margin-top:12px;
  font-size:clamp(42px,4.6vw,70px);
  line-height:.92;
  color:#101817;
}
.ib-color-page .ib-palette-library p{
  max-width:700px;
  color:#5f6d68;
  font-size:16px;
  line-height:1.75;
}
.ib-color-page .ib-palette-search,
.ib-color-page .ib-color-search{
  height:58px;
  border-radius:999px !important;
  background:rgba(255,255,255,.72) !important;
  border:1px solid rgba(24,34,31,.13) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
  color:#16201d;
}
.ib-color-page .ib-palette-grid{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:16px;
}
.ib-color-page .ib-palette-card{
  grid-column:span 4;
  position:relative;
  min-height:238px;
  padding:24px;
  border-radius:26px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,253,248,.94)) !important;
  border:1px solid rgba(24,34,31,.1) !important;
  box-shadow:0 26px 70px -62px rgba(17,25,23,.62);
}
.ib-color-page .ib-palette-card:nth-child(1),
.ib-color-page .ib-palette-card:nth-child(6),
.ib-color-page .ib-palette-card:nth-child(7){
  grid-column:span 6;
}
.ib-color-page .ib-palette-card:hover{
  transform:translateY(-6px);
  border-color:rgba(31,79,71,.24) !important;
  box-shadow:0 38px 92px -66px rgba(17,25,23,.68);
}
.ib-color-page .ib-palette-status{
  margin:0 0 26px;
  padding:0;
  background:transparent !important;
  color:#507268 !important;
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.ib-color-page .ib-palette-card strong{
  max-width:360px;
  font-size:clamp(25px,2.3vw,36px);
  line-height:1;
  text-wrap:balance;
}
.ib-color-page .ib-palette-card small{
  margin-top:14px;
  color:#66746f;
  font-size:14px;
  font-weight:800;
}
.ib-color-page .ib-palette-source{
  display:none;
}
.ib-color-page .ib-palette-strip{
  position:absolute;
  left:24px;
  right:24px;
  bottom:22px;
  height:62px;
  border-radius:999px;
  overflow:hidden;
  box-shadow:
    inset 0 0 0 1px rgba(17,25,23,.1),
    0 18px 34px -28px rgba(17,25,23,.5);
}
.ib-color-page .ib-color-studio{
  max-width:1240px;
  margin:0 auto 28px;
  padding:22px;
  border-radius:34px;
  background:rgba(255,253,248,.94) !important;
  border:1px solid rgba(24,34,31,.1) !important;
}
.ib-color-page .ib-tabnav{
  gap:10px;
  padding:10px;
  border-radius:24px;
  background:#edf1ec !important;
}
.ib-color-page .ib-tab-btn{
  min-height:46px;
  border-radius:999px !important;
  padding:12px 18px;
  color:#60706a;
  font-size:12px;
  letter-spacing:.02em;
}
.ib-color-page .ib-tab-btn.ib-active{
  background:#1f4f47 !important;
  color:#fffdf8 !important;
  box-shadow:0 16px 34px -24px rgba(31,79,71,.65);
}
.ib-color-page .ib-color-bar{
  margin-top:18px;
  border-radius:26px !important;
  border:1px solid rgba(24,34,31,.1);
  background:#fffdf8 !important;
}
.ib-color-page .ib-color-count{
  border-radius:999px;
  background:#edf3ef !important;
  color:#355f56 !important;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.ib-color-page .ib-swatches{
  grid-template-columns:repeat(auto-fill,minmax(154px,1fr));
  gap:14px;
  padding-top:18px;
}
.ib-color-page .ib-swatch{
  border-radius:18px;
  background:#fffdf8 !important;
  border:1px solid rgba(24,34,31,.08) !important;
  box-shadow:0 20px 48px -44px rgba(17,25,23,.46);
  overflow:hidden;
}
.ib-color-page .ib-swatch-c{
  height:112px;
  border-radius:0;
}
.ib-color-page .ib-swatch-n{
  min-height:52px;
  padding:12px;
  color:#17211e;
  font-size:13px;
  line-height:1.25;
}
.ib-color-page .ib-swatches:not(.ib-expanded) > a.ib-swatch:nth-of-type(n+97){
  display:none;
}
.ib-color-page .ib-show-all-colors{
  grid-column:1/-1;
  min-height:58px;
  border:1px solid rgba(24,34,31,.14);
  border-radius:999px;
  background:#fffdf8;
  color:#1f4f47;
  font-family:var(--font-head);
  font-size:15px;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 22px 54px -46px rgba(17,25,23,.5);
  transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.ib-color-page .ib-show-all-colors:hover{
  transform:translateY(-2px);
  border-color:rgba(31,79,71,.28);
  box-shadow:0 28px 62px -48px rgba(17,25,23,.62);
}
.ib-color-note{
  max-width:1240px;
  border-radius:28px !important;
  background:#fffdf8 !important;
  border:1px solid rgba(24,34,31,.1) !important;
}
@media(max-width:1100px){
  .ib-color-page .ib-palette-card,
  .ib-color-page .ib-palette-card:nth-child(1),
  .ib-color-page .ib-palette-card:nth-child(6),
  .ib-color-page .ib-palette-card:nth-child(7){
    grid-column:span 6;
  }
}
@media(max-width:860px){
  .ib-color-page .ib-color-hero{
    grid-template-columns:1fr;
    padding-top:26px;
  }
  .ib-color-page .ib-color-hero h1{
    font-size:clamp(48px,13vw,72px);
  }
  .ib-color-usecases{
    grid-template-columns:1fr;
  }
  .ib-color-page .ib-palette-library{
    padding:24px;
  }
  .ib-color-page .ib-palette-card,
  .ib-color-page .ib-palette-card:nth-child(1),
  .ib-color-page .ib-palette-card:nth-child(6),
  .ib-color-page .ib-palette-card:nth-child(7){
    grid-column:span 12;
  }
}
@media(max-width:560px){
  .ib-color-page{
    background-size:48px 48px,48px 48px,100% 100%,100% 100%,100% 100% !important;
  }
  .ib-color-page .ib-color-hero{
    margin-top:0;
    gap:22px;
  }
  .ib-color-page .ib-color-hero-copy{
    min-height:0;
    padding:18px 0;
  }
  .ib-color-page .ib-color-hero h1{
    font-size:44px;
    line-height:.92;
  }
  .ib-color-page .ib-color-hero p{
    font-size:16px;
  }
  .ib-color-page .ib-color-hero-actions{
    flex-direction:column;
    align-items:stretch;
  }
  .ib-color-page .ib-color-hero-actions .ib-cta,
  .ib-color-page .ib-color-hero-actions .ib-ghost{
    justify-content:center;
    width:100%;
  }
  .ib-color-page .ib-color-hero-card{
    min-height:0;
    padding:24px;
    border-radius:28px;
  }
  .ib-color-page .ib-color-hero-card::before{
    height:118px;
  }
  .ib-color-page .ib-color-total{
    font-size:54px;
  }
  .ib-color-usecases{
    grid-template-columns:1fr;
    border-radius:26px;
  }
  .ib-color-usecases article{
    min-height:0;
    padding:24px;
  }
  .ib-color-usecases span{
    margin-bottom:18px;
  }
  .ib-color-page .ib-palette-library h2{
    font-size:42px;
  }
  .ib-color-page .ib-palette-card{
    min-height:220px;
  }
  .ib-color-page .ib-swatches{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
  .ib-color-page .ib-swatch-c{
    height:86px;
  }
  .ib-color-page .ib-swatch-n{
    font-size:12px;
  }
}

@media(max-width:760px){
  .ib-color-page .ib-color-hero-card{
    min-height:0;
  }
  .ib-color-page .ib-color-hero-card::before{
    height:132px;
    margin-bottom:22px;
  }
  .ib-color-usecases{
    grid-template-columns:1fr;
  }
}

/* ============================================================
   DESIGNER COLOR BOARD — calmer, stricter palette catalogue
   ============================================================ */
.ib-color-page .ib-palette-library{
  position:relative;
  max-width:1260px;
  padding:0 !important;
  overflow:hidden;
  border-radius:42px !important;
  background:
    linear-gradient(135deg,#101817 0%,#182421 46%,#26342f 100%) !important;
  border:1px solid rgba(255,253,248,.18) !important;
  box-shadow:
    0 52px 140px -92px rgba(17,25,23,.78),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.ib-color-page .ib-palette-library::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 78% 6%, rgba(213,198,168,.18), transparent 34%),
    linear-gradient(90deg, rgba(255,253,248,.055) 1px, transparent 1px);
  background-size:100% 100%,96px 96px;
}
.ib-color-page .ib-palette-library-head{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,360px);
  gap:34px;
  align-items:end;
  padding:44px 44px 32px;
  margin:0 !important;
  border-bottom:1px solid rgba(255,253,248,.1);
}
.ib-color-page .ib-palette-library .ib-section-kicker{
  color:#b7cabe !important;
}
.ib-color-page .ib-palette-library h2{
  max-width:760px;
  margin:14px 0 16px;
  color:#fffdf8;
  font-size:clamp(44px,5.2vw,76px);
  line-height:.88;
}
.ib-color-page .ib-palette-library p{
  max-width:720px;
  color:rgba(255,253,248,.68);
}
.ib-color-page .ib-palette-library .ib-palette-search{
  background:rgba(255,253,248,.08) !important;
  border-color:rgba(255,253,248,.18) !important;
  color:#fffdf8;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.ib-color-page .ib-palette-library .ib-palette-search::placeholder{
  color:rgba(255,253,248,.55);
}
.ib-color-page .ib-palette-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:1px !important;
  padding:1px;
  background:rgba(255,253,248,.1);
}
.ib-color-page .ib-palette-card,
.ib-color-page .ib-palette-card:nth-child(1),
.ib-color-page .ib-palette-card:nth-child(6),
.ib-color-page .ib-palette-card:nth-child(7){
  grid-column:auto !important;
}
.ib-color-page .ib-palette-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(188px,34%);
  grid-template-rows:auto auto auto;
  align-items:stretch;
  column-gap:24px;
  min-height:184px !important;
  padding:26px !important;
  border:0 !important;
  border-radius:0 !important;
  background:rgba(255,253,248,.94) !important;
  box-shadow:none !important;
  transform:none !important;
}
.ib-color-page .ib-palette-card::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:0;
  background:#c8d8cf;
  transition:width .22s ease;
}
.ib-color-page .ib-palette-card:hover::before{
  width:5px;
}
.ib-color-page .ib-palette-card:hover{
  background:#fffdf8 !important;
  border:0 !important;
  box-shadow:none !important;
}
.ib-color-page .ib-palette-status{
  grid-column:1;
  margin:0 0 14px !important;
  color:#5f776f !important;
  font-size:10px !important;
  letter-spacing:.22em !important;
  opacity:.72;
  text-transform:uppercase;
}
.ib-color-page .ib-palette-card strong{
  grid-column:1;
  max-width:none !important;
  min-height:70px;
  display:flex;
  align-items:flex-start;
  color:#101817 !important;
  font-size:clamp(24px,2vw,34px) !important;
  line-height:.96 !important;
}
.ib-color-page .ib-palette-card small{
  grid-column:1;
  align-self:end;
  margin:18px 0 0 !important;
  color:#64736d !important;
  font-size:13px !important;
}
.ib-color-page .ib-palette-strip{
  grid-column:2;
  grid-row:1 / span 3;
  position:relative !important;
  align-self:stretch;
  width:100%;
  min-height:132px;
  height:auto !important;
  border-radius:22px !important;
  box-shadow:
    inset 0 0 0 1px rgba(17,25,23,.1),
    0 20px 42px -34px rgba(17,25,23,.62) !important;
}
.ib-color-page .ib-palette-strip::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg, rgba(255,255,255,.18), transparent 42%, rgba(17,25,23,.08));
  pointer-events:none;
}
.ib-color-page .ib-palette-card:nth-child(1){
  background:linear-gradient(135deg,#fffdf8,#f2efe5) !important;
}
.ib-color-page .ib-palette-card:nth-child(1) .ib-palette-strip{
  min-height:164px;
}
.ib-color-page .ib-palette-card:nth-child(1) strong{
  font-size:clamp(34px,3vw,48px) !important;
}
@media(min-width:1120px){
  .ib-color-page .ib-palette-card:nth-child(1){
    grid-column:1 / -1 !important;
    grid-template-columns:minmax(0,1fr) minmax(420px,42%);
    min-height:220px !important;
    padding:34px !important;
  }
}
@media(max-width:980px){
  .ib-color-page .ib-palette-library-head{
    grid-template-columns:1fr;
    padding:34px 28px 26px;
  }
  .ib-color-page .ib-palette-grid{
    grid-template-columns:1fr !important;
  }
  .ib-color-page .ib-palette-card{
    grid-template-columns:minmax(0,1fr) minmax(150px,34%);
    min-height:168px !important;
    padding:22px !important;
  }
}
@media(max-width:620px){
  .ib-color-page .ib-palette-library{
    border-radius:30px !important;
  }
  .ib-color-page .ib-palette-library-head{
    padding:28px 22px 22px;
  }
  .ib-color-page .ib-palette-library h2{
    font-size:39px;
    line-height:.94;
  }
  .ib-color-page .ib-palette-card{
    grid-template-columns:1fr;
    gap:18px;
    min-height:0 !important;
  }
  .ib-color-page .ib-palette-card strong{
    min-height:0;
    font-size:28px !important;
  }
  .ib-color-page .ib-palette-strip{
    grid-column:1;
    grid-row:auto;
    min-height:86px !important;
    border-radius:18px !important;
  }
}

/* ============================================================
   SEARCH COLORS + CATEGORY READABILITY FIX
   ============================================================ */
.ib-search-colors{
  margin:0 0 30px;
  padding:24px;
  border:1px solid rgba(23,34,30,.1);
  border-radius:24px;
  background:#fffdf8;
  box-shadow:0 26px 76px -64px rgba(17,25,23,.45);
}
.ib-search-colors-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:18px;
}
.ib-search-colors-head h2{
  margin:6px 0 0;
  color:#101817;
  font-family:var(--font-head);
  font-size:clamp(28px,3vw,42px);
  line-height:.95;
}
.ib-search-color-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(210px,1fr));
  gap:12px;
}
.ib-search-color{
  display:grid;
  grid-template-columns:76px minmax(0,1fr);
  gap:14px;
  align-items:center;
  min-height:92px;
  padding:10px;
  border:1px solid rgba(23,34,30,.09);
  border-radius:18px;
  background:#fff;
  color:#101817;
  text-decoration:none;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.ib-search-color:hover{
  transform:translateY(-3px);
  border-color:rgba(31,79,71,.24);
  box-shadow:0 22px 52px -42px rgba(17,25,23,.52);
}
.ib-search-color-sample{
  display:block;
  width:76px;
  height:72px;
  border-radius:14px;
  background:#edf1ec;
  box-shadow:inset 0 0 0 1px rgba(17,25,23,.08);
}
.ib-search-color-info strong{
  display:block;
  color:#101817;
  font-family:var(--font-head);
  font-size:18px;
  line-height:1.05;
}
.ib-search-color-info small{
  display:block;
  margin-top:7px;
  color:#68766f;
  font-weight:800;
  font-size:12px;
  line-height:1.35;
}
.ib-section-categories .ib-cat{
  position:relative !important;
  background:#fffdf8 !important;
}
.ib-section-categories .ib-cat::after{
  background:
    linear-gradient(180deg,rgba(255,253,248,.06) 0%,rgba(255,253,248,.62) 46%,rgba(255,253,248,.96) 100%),
    linear-gradient(90deg,rgba(255,253,248,.88),rgba(255,253,248,.22) 70%) !important;
}
.ib-section-categories .ib-cat img{
  opacity:.58 !important;
}
.ib-section-categories .ib-cat-body{
  color:#101817 !important;
}
.ib-section-categories .ib-cat-body strong{
  color:#101817 !important;
  text-shadow:none !important;
}
.ib-section-categories .ib-cat-body small,
.ib-section-categories .ib-cat-index{
  color:#63736d !important;
}
.ib-section-categories .ib-cat-body em{
  color:#1f4f47 !important;
}
@media(max-width:620px){
  .ib-search-colors{
    padding:18px;
  }
  .ib-search-color-grid{
    grid-template-columns:1fr;
  }
}

/* ============================================================
   PREMIUM COMMERCE SYSTEM 2026.4
   Единый дорогой слой для каталога, поиска и карточки товара
   ============================================================ */
:root{
  --ib-studio-paper:#fbfaf5;
  --ib-studio-card:#fffef9;
  --ib-studio-ink:#101817;
  --ib-studio-muted:#64736d;
  --ib-studio-line:rgba(21,32,29,.11);
  --ib-studio-green:#214f47;
  --ib-studio-green-2:#dfeee9;
  --ib-studio-sand:#eee6d6;
  --ib-studio-shadow:0 34px 90px -70px rgba(16,24,22,.62);
}

body{
  background:
    linear-gradient(180deg,#fbfaf5 0%,#f6f4ed 44%,#eef4f1 100%) !important;
  color:var(--ib-studio-ink);
}

.ib-header{
  border-bottom:1px solid rgba(19,39,34,.08);
  background:rgba(251,250,245,.88) !important;
  backdrop-filter:blur(18px);
  box-shadow:0 12px 40px -36px rgba(17,25,23,.55) !important;
}

.ib-btn,
.ib-cta{
  background:var(--ib-studio-green) !important;
  color:#fff !important;
  border-color:var(--ib-studio-green) !important;
  box-shadow:0 18px 42px -32px rgba(33,79,71,.55) !important;
}
.ib-btn:hover,
.ib-cta:hover{
  background:#173e38 !important;
  transform:translateY(-1px);
}
.ib-cta-ghost,
.ib-cat-panel-actions .ib-cta-ghost,
.ib-pactions .ib-cta-ghost{
  background:#fffef9 !important;
  color:var(--ib-studio-green) !important;
  border:1px solid rgba(33,79,71,.22) !important;
  box-shadow:none !important;
}

.ib-side,
.ib-cat-head-premium,
.ib-empty,
.ib-tabs,
.ib-search-colors{
  border-color:var(--ib-studio-line) !important;
  background:rgba(255,254,249,.86) !important;
  box-shadow:var(--ib-studio-shadow) !important;
  backdrop-filter:blur(16px);
}

.ib-side{
  overflow:hidden;
}
.ib-side-block{
  border-color:rgba(21,32,29,.08) !important;
}
.ib-side-block h4{
  color:var(--ib-studio-ink) !important;
  letter-spacing:.12em !important;
}
.ib-side-block a{
  color:#65736e !important;
}
.ib-side-block a:hover,
.ib-side-block a.ib-side-active{
  background:var(--ib-studio-green-2) !important;
  color:var(--ib-studio-green) !important;
}

.ib-products{
  gap:24px !important;
}
.ib-prod{
  position:relative;
  border:1px solid var(--ib-studio-line) !important;
  border-radius:24px !important;
  background:
    linear-gradient(180deg,#fffef9 0%,#fbfaf5 100%) !important;
  box-shadow:0 28px 70px -64px rgba(16,24,22,.58) !important;
  overflow:hidden;
  transform:none !important;
}
.ib-prod::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(135deg,rgba(255,255,255,.78),rgba(255,255,255,0) 42%),
    radial-gradient(260px 160px at 85% 8%,rgba(33,79,71,.07),transparent 68%);
  opacity:.85;
  z-index:0;
}
.ib-prod:hover{
  border-color:rgba(33,79,71,.22) !important;
  box-shadow:0 34px 92px -60px rgba(16,24,22,.66) !important;
  transform:translateY(-3px) !important;
}
.ib-prod-img,
.ib-prod-body{
  position:relative;
  z-index:1;
}
.ib-prod-img{
  min-height:248px;
  padding:30px 28px 22px !important;
  display:flex !important;
  align-items:center;
  justify-content:center;
  border-bottom:1px solid rgba(21,32,29,.08) !important;
  background:
    radial-gradient(220px 150px at 50% 72%,rgba(33,79,71,.07),transparent 72%),
    linear-gradient(180deg,#fffef9,#f6f4ed) !important;
}
.ib-prod-img img{
  height:210px !important;
  max-width:92%;
  filter:drop-shadow(0 18px 20px rgba(17,25,23,.12));
}
.ib-prod:hover .ib-prod-img img{
  transform:scale(1.035) !important;
}
.ib-prod-badge{
  left:18px !important;
  top:18px !important;
  min-height:30px !important;
  padding:6px 12px !important;
  background:rgba(255,254,249,.9) !important;
  border-color:rgba(33,79,71,.14) !important;
  color:var(--ib-studio-green) !important;
  font-size:11px !important;
  letter-spacing:.04em;
  text-transform:uppercase;
  box-shadow:none !important;
}
.ib-prod-body{
  padding:22px 22px 24px !important;
}
.ib-prod-name{
  color:var(--ib-studio-ink) !important;
  font-size:21px !important;
  line-height:1.08 !important;
  font-weight:900 !important;
}
.ib-prod-desc{
  min-height:66px;
  margin:12px 0 18px !important;
  color:var(--ib-studio-muted) !important;
  font-size:15px !important;
  line-height:1.58 !important;
}
.ib-prod-prices{
  display:grid !important;
  gap:9px !important;
  margin-top:auto !important;
  padding-top:16px !important;
  border-top:1px solid rgba(21,32,29,.09) !important;
}
.ib-prod-prices .ib-price-row{
  display:flex !important;
  align-items:baseline !important;
  justify-content:space-between !important;
  gap:14px !important;
  min-height:26px;
}
.ib-price-lbl{
  color:#75827d !important;
  font-size:13px !important;
}
.ib-price-val,
.ib-prod-price{
  color:var(--ib-studio-ink) !important;
  font-size:21px !important;
  font-weight:900 !important;
}
.ib-prod-more{
  align-self:flex-start;
  margin-top:18px !important;
  padding:11px 16px !important;
  border:1px solid rgba(33,79,71,.16);
  border-radius:999px;
  background:rgba(223,238,233,.62) !important;
  color:var(--ib-studio-green) !important;
  font-weight:900 !important;
}
.ib-prod:hover .ib-prod-more{
  background:var(--ib-studio-green) !important;
  color:#fff !important;
}

.ib-cat-head-premium{
  border-radius:32px !important;
  background:
    radial-gradient(420px 260px at 90% 10%,rgba(33,79,71,.08),transparent 64%),
    linear-gradient(135deg,#fffef9,#f7f3ea) !important;
}
.ib-cat-head-premium h1,
.ib-search-colors-head h2{
  color:var(--ib-studio-ink) !important;
  letter-spacing:0 !important;
}
.ib-section-kicker{
  background:rgba(223,238,233,.9) !important;
  color:var(--ib-studio-green) !important;
  border:1px solid rgba(33,79,71,.13);
}
.ib-cat-count{
  color:var(--ib-studio-ink) !important;
}

.ib-product-page{
  background:
    radial-gradient(700px 420px at 14% 8%,rgba(238,230,214,.72),transparent 68%),
    radial-gradient(680px 440px at 86% 16%,rgba(223,238,233,.72),transparent 66%),
    linear-gradient(180deg,#fbfaf5 0%,#f7f3ea 52%,#eef4f1 100%) !important;
}
.ib-product-page .ib-product{
  border:1px solid var(--ib-studio-line) !important;
  border-radius:34px !important;
  background:rgba(255,254,249,.92) !important;
  box-shadow:0 42px 120px -72px rgba(16,24,22,.7) !important;
}
.ib-pgallery{
  background:
    radial-gradient(420px 260px at 30% 18%,rgba(33,79,71,.1),transparent 66%),
    linear-gradient(145deg,#f8f4ea,#eef4f1) !important;
}
.ib-pgallery-frame{
  border-radius:28px !important;
  background:
    radial-gradient(320px 160px at 50% 82%,rgba(33,79,71,.08),transparent 72%),
    #fffef9 !important;
}
.ib-pgallery-frame img{
  filter:drop-shadow(0 24px 26px rgba(17,25,23,.14));
}
.ib-pbadge-row span,
.ib-pmeta span{
  background:rgba(255,254,249,.82) !important;
  color:var(--ib-studio-green) !important;
  border-color:rgba(33,79,71,.14) !important;
}
.ib-pname{
  color:var(--ib-studio-ink) !important;
}
.ib-pdesc{
  color:var(--ib-studio-muted) !important;
}
.ib-pricebox{
  background:#14221f !important;
  border-radius:24px !important;
  box-shadow:0 26px 70px -56px rgba(20,34,31,.9);
}
.ib-pricebox-cap{
  color:#c9d7d2 !important;
}
.ib-pricebox .ib-price-val,
.ib-pricebox .ib-price-ask{
  color:#fffef9 !important;
}
.ib-ptrust div{
  border:1px solid rgba(21,32,29,.1) !important;
  background:#fffef9 !important;
  border-radius:18px !important;
}
.ib-ptrust strong{
  color:var(--ib-studio-ink) !important;
}
.ib-ptrust span{
  color:var(--ib-studio-muted) !important;
}

.ib-search-colors{
  border-radius:30px !important;
}
.ib-search-color{
  border-radius:22px !important;
  background:#fffef9 !important;
}
.ib-search-color-sample{
  border-radius:18px !important;
}

@media(max-width:1080px){
  .ib-products-cat{
    grid-template-columns:repeat(2,1fr) !important;
  }
}
@media(max-width:640px){
  .ib-products-cat,
  .ib-products{
    grid-template-columns:1fr !important;
  }
  .ib-prod-img{
    min-height:220px;
  }
  .ib-prod-img img{
    height:184px !important;
  }
  .ib-prod-name{
    font-size:20px !important;
  }
  .ib-product-page .ib-product{
    border-radius:24px !important;
  }
}

/* ============================================================
   MOBILE POLISH 2026.5
   Финальная доводка телефона и планшета
   ============================================================ */
*{
  min-width:0;
}
img{
  max-width:100%;
}
.ib-prod-name,
.ib-pname,
.ib-cat-head-premium h1,
.ib-search-colors-head h2{
  overflow-wrap:anywhere;
}
.ib-prod-prices .ib-price-row,
.ib-pricebox .ib-price-row{
  column-gap:12px;
}
.ib-price-val,
.ib-pricebox .ib-price-val{
  white-space:nowrap;
}

@media(max-width:980px){
  .ib-topbar{
    display:none;
  }
  .ib-header .ib-container{
    flex-wrap:wrap;
    gap:10px 12px !important;
    padding-top:10px !important;
    padding-bottom:10px !important;
  }
  .ib-logo img{
    height:38px !important;
  }
  .ib-burger{
    margin-left:auto;
    border:1px solid rgba(33,79,71,.14);
    border-radius:14px;
    background:#fffef9;
  }
  .ib-burger span{
    background:#214f47 !important;
  }
  .ib-nav{
    background:#fffef9 !important;
    border-left:1px solid rgba(21,32,29,.08);
  }
  .ib-nav>ul>li>a{
    padding:12px 14px !important;
    font-size:16px !important;
    border-radius:14px !important;
  }
  .ib-drop{
    margin-left:0 !important;
    padding:8px 0 8px 12px !important;
    border-left:1px solid rgba(33,79,71,.18) !important;
  }
  .ib-drop a{
    font-size:14px !important;
    padding:10px 12px !important;
  }
  .ib-search{
    order:3;
    display:flex !important;
    width:100%;
  }
  .ib-search input[type=text]{
    width:100% !important;
    min-width:0;
    flex:1 1 auto;
    border-radius:18px 0 0 18px !important;
    font-size:15px !important;
    min-height:46px !important;
  }
  .ib-search input[type=text]:focus{
    width:100% !important;
  }
  .ib-search .ib-btn{
    flex:0 0 auto;
    min-height:46px !important;
    border-radius:0 18px 18px 0 !important;
    padding-left:18px !important;
    padding-right:18px !important;
  }
  .ib-suggest{
    top:calc(100% + 8px) !important;
    left:0 !important;
    right:0 !important;
    max-height:56vh !important;
  }
}

@media(max-width:760px){
  .ib-section,
  .ib-section-cat,
  .ib-product-page{
    padding-top:34px !important;
    padding-bottom:54px !important;
  }
  .ib-crumbs{
    display:none;
  }
  .ib-cat-head-premium{
    padding:24px !important;
    border-radius:24px !important;
    margin-bottom:18px !important;
  }
  .ib-cat-head-premium h1{
    font-size:clamp(34px,10vw,48px) !important;
    line-height:.96 !important;
  }
  .ib-cat-intro p,
  .ib-cat-panel p{
    font-size:15px !important;
    line-height:1.62 !important;
  }
  .ib-cat-panel{
    padding:18px !important;
    border-radius:20px !important;
  }
  .ib-cat-panel-actions .ib-cta{
    width:100%;
    justify-content:center;
  }
  .ib-side{
    border-radius:22px !important;
  }
  .ib-side-block{
    padding:16px !important;
  }
}

@media(max-width:640px){
  body{
    background:
      linear-gradient(180deg,#fbfaf5 0%,#f7f4ec 54%,#eef4f1 100%) !important;
  }
  body::before{
    background:
      linear-gradient(90deg,rgba(33,79,71,.035) 1px,transparent 1px) 0 0/48px 48px,
      linear-gradient(0deg,rgba(164,135,95,.04) 1px,transparent 1px) 0 0/48px 48px !important;
  }
  .ib-container{
    padding-left:14px !important;
    padding-right:14px !important;
  }
  .ib-products,
  .ib-products-cat{
    gap:16px !important;
  }
  .ib-prod,
  .ib-prod--cat{
    border-radius:22px !important;
    box-shadow:0 22px 62px -54px rgba(16,24,22,.5) !important;
  }
  .ib-prod:hover,
  .ib-prod--cat:hover{
    transform:none !important;
  }
  .ib-prod-img{
    min-height:178px !important;
    padding:22px 18px 16px !important;
  }
  .ib-prod-img img{
    height:150px !important;
    max-width:86% !important;
  }
  .ib-prod-badge{
    left:14px !important;
    top:14px !important;
    max-width:calc(100% - 28px);
    font-size:10px !important;
    line-height:1.2;
    white-space:normal;
  }
  .ib-prod-body{
    padding:18px !important;
  }
  .ib-prod-name{
    font-size:19px !important;
    line-height:1.12 !important;
  }
  .ib-prod-desc{
    min-height:0 !important;
    margin:10px 0 14px !important;
    font-size:14px !important;
    -webkit-line-clamp:2 !important;
  }
  .ib-prod-prices{
    gap:7px !important;
    padding-top:13px !important;
  }
  .ib-prod-prices .ib-price-row{
    align-items:center !important;
  }
  .ib-price-lbl{
    font-size:12.5px !important;
  }
  .ib-price-val,
  .ib-prod-price{
    font-size:18px !important;
  }
  .ib-prod-more{
    width:100%;
    justify-content:center;
    margin-top:14px !important;
    padding:12px 14px !important;
  }

  .ib-product-page .ib-product{
    display:block !important;
    border-radius:24px !important;
    overflow:hidden;
  }
  .ib-pgallery{
    min-height:0 !important;
    padding:16px !important;
  }
  .ib-pbadge-row,
  .ib-pmeta{
    gap:6px !important;
  }
  .ib-pbadge-row span,
  .ib-pmeta span{
    min-height:28px !important;
    padding:5px 9px !important;
    font-size:10.5px !important;
  }
  .ib-pgallery-frame{
    min-height:260px !important;
    border-radius:20px !important;
  }
  .ib-pgallery-frame img{
    max-height:238px !important;
    padding:20px !important;
  }
  .ib-pgallery-note{
    position:static !important;
    margin-top:12px !important;
    padding:14px !important;
    border-radius:16px !important;
  }
  .ib-pinfo{
    padding:20px !important;
  }
  .ib-pname{
    font-size:clamp(32px,12vw,46px) !important;
    line-height:.98 !important;
  }
  .ib-pdesc{
    margin-top:12px !important;
    font-size:15.5px !important;
    line-height:1.65 !important;
  }
  .ib-pricebox{
    margin-top:20px !important;
    border-radius:20px !important;
  }
  .ib-pricebox-cap,
  .ib-pricebox .ib-price-row{
    padding:14px 16px !important;
  }
  .ib-pricebox .ib-price-val{
    font-size:21px !important;
  }
  .ib-pactions .ib-cta{
    width:100%;
    justify-content:center;
  }
  .ib-ptrust{
    grid-template-columns:1fr 1fr !important;
  }
  .ib-ptrust div{
    padding:14px !important;
  }
  .ib-tabs{
    padding:16px !important;
    border-radius:22px !important;
  }
  .ib-tabnav{
    gap:8px !important;
  }
  .ib-tab-btn{
    width:100%;
    justify-content:center;
    white-space:normal;
  }

  .ib-search-colors{
    padding:18px !important;
    border-radius:24px !important;
  }
  .ib-search-colors-head{
    display:block !important;
  }
  .ib-search-color{
    grid-template-columns:64px minmax(0,1fr) !important;
    min-height:82px !important;
  }
  .ib-search-color-sample{
    width:64px !important;
    height:62px !important;
  }
}

@media(max-width:380px){
  .ib-search .ib-btn{
    padding-left:13px !important;
    padding-right:13px !important;
  }
  .ib-price-val,
  .ib-prod-price{
    font-size:16px !important;
  }
  .ib-ptrust{
    grid-template-columns:1fr !important;
  }
}

/* ============================================================
   PRODUCT IMAGE SHAPE POLISH 2026.6
   Умное масштабирование очищенных PNG без белых квадратов
   ============================================================ */
.ib-prod-img img{
  object-fit:contain !important;
  width:auto !important;
}
.ib-prod-img.ib-img-portrait img{
  height:236px !important;
  max-height:88% !important;
  max-width:58% !important;
}
.ib-prod-img.ib-img-wide img{
  width:88% !important;
  height:auto !important;
  max-height:152px !important;
}
.ib-prod-img.ib-img-square img{
  max-width:88% !important;
}
.ib-pgallery-frame img.ib-img-portrait{
  max-height:500px !important;
  max-width:52% !important;
}
.ib-pgallery-frame img.ib-img-wide{
  max-width:86% !important;
  max-height:260px !important;
}
.ib-focus-media img.ib-img-portrait{
  max-height:390px !important;
  max-width:48% !important;
}
.ib-focus-media img.ib-img-wide{
  max-width:82% !important;
  max-height:240px !important;
}

@media(max-width:640px){
  .ib-prod-img.ib-img-portrait img{
    height:178px !important;
    max-width:48% !important;
  }
  .ib-prod-img.ib-img-wide img{
    width:84% !important;
    max-height:116px !important;
  }
  .ib-pgallery-frame img.ib-img-portrait{
    max-height:260px !important;
    max-width:48% !important;
  }
  .ib-pgallery-frame img.ib-img-wide{
    max-width:86% !important;
    max-height:150px !important;
  }
}

/* ============================================================
   PREMIUM ATELIER POLISH 2026.7
   Более мягкая главная, новая типографика и аккуратные карточки
   ============================================================ */
:root{
  --font-head:'Onest','Geologica',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --font-body:'Manrope','Commissioner',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --ib-atelier-ink:#15211d;
  --ib-atelier-muted:#66746e;
  --ib-atelier-soft:#f3efe6;
  --ib-atelier-mint:#dcebe5;
  --ib-atelier-green:#1f5a50;
}

body{
  font-family:var(--font-body) !important;
  color:var(--ib-atelier-ink) !important;
}

.ib-scope h1,
.ib-scope h2,
.ib-scope h3,
.ib-prod-name,
.ib-pname,
.ib-nav a{
  font-family:var(--font-head) !important;
  letter-spacing:-.012em !important;
}

.ib-hero{
  min-height:760px !important;
  padding:112px 0 78px !important;
  background:
    linear-gradient(90deg,rgba(247,244,235,.62) 1px,transparent 1px) 0 0/96px 96px,
    linear-gradient(0deg,rgba(54,92,82,.045) 1px,transparent 1px) 0 0/96px 96px,
    radial-gradient(760px 460px at 76% 48%,rgba(211,231,224,.62),transparent 70%),
    radial-gradient(620px 380px at 23% 22%,rgba(247,239,221,.82),transparent 72%),
    linear-gradient(115deg,#fbfaf5 0%,#f4f1e8 44%,#eef5f0 100%) !important;
}

.ib-hero-in{
  grid-template-columns:minmax(420px,560px) minmax(440px,1fr) !important;
  gap:78px !important;
  align-items:center !important;
}

.ib-hero h1{
  max-width:600px !important;
  font-size:clamp(56px,5.6vw,96px) !important;
  line-height:.94 !important;
  font-weight:800 !important;
  color:var(--ib-atelier-ink) !important;
  text-wrap:balance;
}

.ib-hero p{
  max-width:560px !important;
  color:var(--ib-atelier-muted) !important;
  font-size:18px !important;
  line-height:1.82 !important;
  font-weight:500 !important;
}

.ib-badge,
.ib-section-kicker{
  width:max-content;
  background:rgba(220,235,229,.72) !important;
  border:1px solid rgba(31,90,80,.14) !important;
  color:var(--ib-atelier-green) !important;
  box-shadow:none !important;
  letter-spacing:.08em !important;
}

.ib-hero-art{
  height:520px !important;
  min-height:520px !important;
  filter:saturate(.95);
}

.ib-hero-photo{
  inset:36px 20px 52px 62px !important;
  border-radius:32px !important;
  box-shadow:0 38px 105px -70px rgba(21,33,29,.55) !important;
}

.ib-hero-photo::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(135deg,rgba(255,255,255,.18),transparent 46%,rgba(21,33,29,.04));
  pointer-events:none;
}

.ib-hero-product{
  border-radius:22px !important;
  background:rgba(255,254,249,.88) !important;
  border:1px solid rgba(21,33,29,.08) !important;
  box-shadow:0 28px 70px -52px rgba(21,33,29,.5) !important;
}

.ib-hero-product-main{
  right:-10px !important;
  bottom:78px !important;
}

.ib-hero-product-secondary{
  left:40px !important;
  top:14px !important;
}

.ib-hero-note{
  left:42px !important;
  bottom:44px !important;
  border-radius:18px !important;
  border:1px solid rgba(21,33,29,.08) !important;
  background:rgba(255,254,249,.9) !important;
}

.ib-hero-stats div{
  border-radius:18px !important;
  background:rgba(255,254,249,.76) !important;
  border-color:rgba(21,33,29,.08) !important;
}

.ib-hero-stats strong{
  color:var(--ib-atelier-ink) !important;
  font-weight:800 !important;
}

.ib-shead{
  max-width:820px !important;
}

.ib-shead h2{
  font-weight:800 !important;
  color:var(--ib-atelier-ink) !important;
  line-height:.98 !important;
  text-wrap:balance;
}

.ib-shead p{
  color:var(--ib-atelier-muted) !important;
  font-size:17px !important;
  line-height:1.75 !important;
}

.ib-section-categories{
  padding:92px 0 106px !important;
  background:
    linear-gradient(180deg,#fbfaf5 0%,#f6f2e8 100%) !important;
}

.ib-section-categories .ib-cats{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:22px !important;
  margin-top:36px !important;
}

.ib-section-categories .ib-cat{
  min-height:430px !important;
  border-radius:30px !important;
  background:#fffef9 !important;
  border:1px solid rgba(21,33,29,.09) !important;
  box-shadow:0 32px 84px -70px rgba(21,33,29,.55) !important;
}

.ib-section-categories .ib-cat::before{
  content:"";
  position:absolute;
  inset:auto 22px 22px 22px;
  height:42%;
  z-index:1;
  border-radius:24px;
  background:linear-gradient(180deg,rgba(255,254,249,0),rgba(255,254,249,.94) 64%,#fffef9 100%);
  pointer-events:none;
}

.ib-section-categories .ib-cat img{
  height:100% !important;
  min-height:430px !important;
  object-fit:cover !important;
  filter:saturate(.9) contrast(.98) brightness(.98);
}

.ib-section-categories .ib-cat-body{
  position:absolute !important;
  inset:auto 0 0 0;
  z-index:2;
  min-height:0 !important;
  padding:24px !important;
  background:transparent !important;
}

.ib-section-categories .ib-cat-body::before{
  display:none !important;
}

.ib-section-categories .ib-cat-index{
  width:42px !important;
  height:42px !important;
  margin-bottom:16px !important;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:rgba(220,235,229,.88) !important;
  color:var(--ib-atelier-green) !important;
  font-weight:800 !important;
}

.ib-section-categories .ib-cat strong{
  max-width:260px;
  color:var(--ib-atelier-ink) !important;
  font-size:26px !important;
  line-height:1.04 !important;
  font-weight:800 !important;
}

.ib-section-categories .ib-cat small{
  max-width:270px;
  color:#61716a !important;
  font-size:14.5px !important;
  line-height:1.58 !important;
  font-weight:600 !important;
}

.ib-section-categories .ib-cat-body em{
  margin-top:18px !important;
}

.ib-solutions-sec{
  background:#fffef9 !important;
}

.ib-solutions-sec .ib-shead h2{
  max-width:880px !important;
  font-size:clamp(42px,4.6vw,78px) !important;
  line-height:.98 !important;
}

.ib-solution{
  border-radius:28px !important;
  background:
    radial-gradient(230px 130px at 88% 12%,rgba(220,235,229,.64),transparent 70%),
    #fbfaf5 !important;
}

.ib-cat-head-premium{
  grid-template-columns:minmax(0,1fr) minmax(280px,420px) !important;
  align-items:stretch !important;
}

.ib-cat-panel{
  display:flex !important;
  flex-direction:column;
  justify-content:center;
}

.ib-cat-panel-mark{
  display:inline-flex;
  width:max-content;
  margin-bottom:18px;
  padding:8px 13px;
  border-radius:999px;
  background:rgba(220,235,229,.72);
  border:1px solid rgba(31,90,80,.14);
  color:var(--ib-atelier-green);
  font-family:var(--font-head);
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.ib-cat-count{
  display:none !important;
}

.ib-prod-img{
  align-items:flex-start !important;
  padding-top:58px !important;
}

.ib-prod-badge{
  left:50% !important;
  right:auto !important;
  top:18px !important;
  max-width:calc(100% - 34px) !important;
  transform:translateX(-50%) !important;
  text-align:center !important;
  justify-content:center !important;
  white-space:normal !important;
  border-radius:999px !important;
  background:rgba(255,254,249,.94) !important;
  backdrop-filter:blur(10px);
}

.ib-products-cat .ib-prod-img img{
  margin-top:6px;
}

@media(max-width:1180px){
  .ib-section-categories .ib-cats{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .ib-hero-in{
    grid-template-columns:1fr !important;
    gap:44px !important;
  }
  .ib-hero h1{
    max-width:820px !important;
  }
}

@media(max-width:760px){
  .ib-hero{
    min-height:0 !important;
    padding:56px 0 48px !important;
  }
  .ib-hero h1{
    font-size:clamp(40px,12vw,58px) !important;
    line-height:.98 !important;
  }
  .ib-hero p{
    font-size:16px !important;
    line-height:1.65 !important;
  }
  .ib-hero-art{
    height:360px !important;
    min-height:360px !important;
  }
  .ib-section-categories .ib-cats{
    grid-template-columns:1fr !important;
  }
  .ib-section-categories .ib-cat,
  .ib-section-categories .ib-cat img{
    min-height:360px !important;
  }
  .ib-solutions-sec .ib-shead h2{
    font-size:clamp(34px,10vw,48px) !important;
  }
  .ib-cat-head-premium{
    grid-template-columns:1fr !important;
  }
  .ib-prod-img{
    padding-top:54px !important;
  }
  .ib-prod-badge{
    top:14px !important;
    font-size:10px !important;
  }
}

/* ============================================================
   COLOR ATELIER SOFT 2026.8
   Ніжний редизайн /color і /full_color.php без важкого темного блоку
   ============================================================ */
.ib-color-page,
.ib-color-detail-page{
  background:
    radial-gradient(760px 420px at 12% 4%, rgba(238,226,204,.62), transparent 68%),
    radial-gradient(680px 440px at 88% 8%, rgba(223,238,233,.72), transparent 68%),
    linear-gradient(180deg,#fbfaf5 0%,#f8f5ee 46%,#f2f7f4 100%) !important;
  overflow:hidden;
}
.ib-color-page::before{
  opacity:.34 !important;
  background:
    linear-gradient(90deg, rgba(33,79,71,.035) 1px, transparent 1px),
    linear-gradient(180deg, rgba(33,79,71,.03) 1px, transparent 1px) !important;
  background-size:72px 72px !important;
}
.ib-color-page .ib-container,
.ib-color-detail-page .ib-container{
  max-width:1180px !important;
}
.ib-color-page .ib-color-hero{
  display:grid !important;
  grid-template-columns:minmax(0,1.04fr) minmax(300px,.54fr) !important;
  gap:28px !important;
  max-width:1120px !important;
  margin:0 auto 30px !important;
  padding:38px 0 18px !important;
}
.ib-color-page .ib-color-hero-copy{
  min-height:0 !important;
  padding:34px 0 !important;
}
.ib-color-page .ib-section-kicker,
.ib-color-page .ib-palette-status,
.ib-fcolor-type{
  background:rgba(223,238,233,.78) !important;
  border:1px solid rgba(33,79,71,.1) !important;
  border-radius:999px !important;
  padding:7px 12px !important;
  color:#315f56 !important;
  letter-spacing:.08em !important;
  font-size:11px !important;
  font-weight:900 !important;
}
.ib-color-page .ib-color-hero h1{
  max-width:760px !important;
  margin:18px 0 18px !important;
  color:#101817 !important;
  font-size:clamp(46px,5.6vw,78px) !important;
  line-height:.94 !important;
  letter-spacing:0 !important;
  text-wrap:balance;
}
.ib-color-page .ib-color-hero p{
  max-width:640px !important;
  color:#64736d !important;
  font-size:17px !important;
  line-height:1.72 !important;
}
.ib-color-page .ib-color-hero-actions{
  margin-top:28px !important;
}
.ib-color-page .ib-color-hero-card{
  min-height:0 !important;
  align-self:center !important;
  padding:28px !important;
  border-radius:30px !important;
  background:
    linear-gradient(145deg,rgba(255,254,249,.92),rgba(247,243,234,.82)) !important;
  border:1px solid rgba(24,34,31,.1) !important;
  box-shadow:0 34px 92px -70px rgba(17,25,23,.54) !important;
}
.ib-color-page .ib-color-hero-card::before{
  display:none !important;
}
.ib-color-card-kicker{
  display:inline-flex;
  margin-bottom:18px;
  color:#315f56;
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.ib-color-page .ib-color-hero-card strong{
  display:block;
  color:#101817;
  font-family:var(--font-head);
  font-size:28px;
  line-height:1.02;
  letter-spacing:0;
}
.ib-color-page .ib-color-hero-card p{
  margin:16px 0 22px;
  color:#68766f !important;
  font-size:15px !important;
  line-height:1.65 !important;
}
.ib-color-page .ib-color-spectrum{
  display:grid !important;
  grid-template-columns:repeat(5,1fr);
  gap:8px;
}
.ib-color-page .ib-color-spectrum span{
  display:block;
  height:74px !important;
  border-radius:18px !important;
  box-shadow:inset 0 0 0 1px rgba(17,25,23,.07);
}
.ib-color-page .ib-color-total{
  display:none !important;
}
.ib-color-usecases{
  max-width:1120px !important;
  margin:0 auto 28px !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:12px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
}
.ib-color-usecases article{
  min-height:142px !important;
  padding:20px !important;
  border:1px solid rgba(24,34,31,.09) !important;
  border-radius:24px !important;
  background:rgba(255,254,249,.78) !important;
  box-shadow:0 24px 70px -62px rgba(17,25,23,.36) !important;
}
.ib-color-usecases span{
  margin-bottom:18px !important;
  color:#315f56 !important;
}
.ib-color-usecases strong{
  color:#101817 !important;
  font-size:20px !important;
  line-height:1.08 !important;
}
.ib-color-usecases p{
  margin-top:9px !important;
  color:#68766f !important;
  font-size:13px !important;
  line-height:1.45 !important;
}
.ib-color-page .ib-palette-library{
  max-width:1120px !important;
  margin:0 auto 28px !important;
  padding:28px !important;
  border-radius:34px !important;
  background:rgba(255,254,249,.9) !important;
  border:1px solid rgba(24,34,31,.1) !important;
  box-shadow:0 34px 98px -78px rgba(17,25,23,.58) !important;
  overflow:visible !important;
}
.ib-color-page .ib-palette-library::before{
  display:none !important;
}
.ib-color-page .ib-palette-library-head{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(240px,330px) !important;
  gap:22px !important;
  padding:0 0 24px !important;
  border-bottom:0 !important;
}
.ib-color-page .ib-palette-library h2{
  margin:12px 0 10px !important;
  color:#101817 !important;
  font-size:clamp(36px,4vw,58px) !important;
  line-height:.98 !important;
}
.ib-color-page .ib-palette-library p{
  max-width:620px !important;
  color:#66746f !important;
  font-size:15px !important;
}
.ib-color-page .ib-palette-library .ib-palette-search,
.ib-color-page .ib-color-search{
  background:#fffef9 !important;
  color:#101817 !important;
  border:1px solid rgba(24,34,31,.12) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8) !important;
}
.ib-color-page .ib-palette-library .ib-palette-search::placeholder,
.ib-color-page .ib-color-search::placeholder{
  color:#98a49f !important;
}
.ib-color-page .ib-palette-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:14px !important;
  padding:0 !important;
  background:transparent !important;
}
.ib-color-page .ib-palette-card,
.ib-color-page .ib-palette-card:nth-child(1),
.ib-color-page .ib-palette-card:nth-child(6),
.ib-color-page .ib-palette-card:nth-child(7){
  grid-column:auto !important;
}
.ib-color-page .ib-palette-card{
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  min-height:228px !important;
  padding:20px !important;
  border-radius:26px !important;
  background:linear-gradient(180deg,#fffef9,#fbfaf5) !important;
  border:1px solid rgba(24,34,31,.09) !important;
  box-shadow:0 24px 70px -62px rgba(17,25,23,.46) !important;
  overflow:hidden !important;
}
.ib-color-page .ib-palette-card::before{
  display:none !important;
}
.ib-color-page .ib-palette-card:hover{
  transform:translateY(-3px) !important;
  border-color:rgba(33,79,71,.2) !important;
  box-shadow:0 32px 82px -62px rgba(17,25,23,.54) !important;
}
.ib-color-page .ib-palette-status{
  width:max-content;
  margin:0 0 16px !important;
  padding:6px 10px !important;
  opacity:1 !important;
}
.ib-color-page .ib-palette-card strong{
  min-height:0 !important;
  display:block !important;
  color:#101817 !important;
  font-size:clamp(22px,1.8vw,30px) !important;
  line-height:1.04 !important;
}
.ib-color-page .ib-palette-card small{
  margin:8px 0 18px !important;
  color:#6b7873 !important;
  font-size:13px !important;
}
.ib-color-page .ib-palette-strip{
  position:relative !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  grid-column:auto !important;
  grid-row:auto !important;
  display:block !important;
  width:100% !important;
  min-height:74px !important;
  height:74px !important;
  margin-top:auto !important;
  border-radius:20px !important;
  box-shadow:inset 0 0 0 1px rgba(17,25,23,.08) !important;
}
.ib-color-page .ib-color-studio{
  max-width:1120px !important;
  margin:0 auto 26px !important;
  padding:18px !important;
  border-radius:32px !important;
  background:rgba(255,254,249,.88) !important;
  border:1px solid rgba(24,34,31,.1) !important;
  box-shadow:0 28px 86px -70px rgba(17,25,23,.46) !important;
}
.ib-color-page .ib-tabnav{
  background:#eef3ef !important;
  border-radius:22px !important;
  padding:8px !important;
}
.ib-color-page .ib-tab-btn.ib-active{
  background:#214f47 !important;
  color:#fffef9 !important;
}
.ib-color-page .ib-color-bar{
  margin-top:14px !important;
  border-radius:24px !important;
  background:#fffef9 !important;
}
.ib-color-page .ib-color-count{
  background:rgba(223,238,233,.78) !important;
  color:#315f56 !important;
}
.ib-color-page .ib-swatches{
  grid-template-columns:repeat(auto-fill,minmax(138px,1fr)) !important;
  gap:12px !important;
}
.ib-color-page .ib-swatch,
.ib-color-detail-page .ib-swatch{
  border-radius:18px !important;
  background:#fffef9 !important;
  border:1px solid rgba(24,34,31,.08) !important;
  box-shadow:0 18px 48px -42px rgba(17,25,23,.38) !important;
}
.ib-color-page .ib-swatch-c,
.ib-color-detail-page .ib-swatch-c{
  height:96px !important;
  border-radius:0 !important;
  box-shadow:inset 0 0 0 1px rgba(17,25,23,.07);
}
.ib-color-page .ib-swatch-n,
.ib-color-detail-page .ib-swatch-n{
  min-height:48px !important;
  color:#17211e !important;
  font-size:12px !important;
}
.ib-color-note{
  max-width:1120px !important;
  border-radius:26px !important;
  background:rgba(255,254,249,.9) !important;
  border:1px solid rgba(24,34,31,.1) !important;
}
.ib-color-detail-page .ib-fcolor-premium{
  max-width:1040px;
  margin:0 auto;
  grid-template-columns:minmax(0,.92fr) minmax(320px,.72fr) !important;
  gap:28px !important;
  padding:24px !important;
  border-radius:34px !important;
  background:rgba(255,254,249,.9) !important;
  border:1px solid rgba(24,34,31,.1) !important;
  box-shadow:0 34px 100px -74px rgba(17,25,23,.58) !important;
}
.ib-color-detail-page .ib-fcolor-premium .ib-fcolor-big{
  min-height:460px !important;
  border-radius:28px !important;
  box-shadow:inset 0 0 0 1px rgba(17,25,23,.08) !important;
}
.ib-color-detail-page .ib-fcolor-premium .ib-fcolor-big::after{
  opacity:.08 !important;
}
.ib-color-detail-page .ib-fcolor-chip{
  border-radius:999px !important;
  background:rgba(255,254,249,.9) !important;
  color:#101817 !important;
  border:1px solid rgba(24,34,31,.08) !important;
  box-shadow:0 18px 42px -34px rgba(17,25,23,.34) !important;
}
.ib-color-detail-page .ib-fcolor-name{
  color:#101817 !important;
  font-size:clamp(42px,5vw,76px) !important;
  line-height:.94 !important;
}
.ib-color-detail-page .ib-fcolor-note{
  color:#64736d !important;
  font-size:17px !important;
  line-height:1.72 !important;
}
.ib-fcolor-near{
  max-width:1040px;
  margin-left:auto !important;
  margin-right:auto !important;
}
@media(max-width:980px){
  .ib-color-page .ib-color-hero,
  .ib-color-detail-page .ib-fcolor-premium{
    grid-template-columns:1fr !important;
  }
  .ib-color-usecases{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .ib-color-page .ib-palette-library-head{
    grid-template-columns:1fr !important;
  }
  .ib-color-page .ib-palette-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media(max-width:620px){
  .ib-color-page .ib-color-hero{
    padding-top:20px !important;
  }
  .ib-color-page .ib-color-hero h1{
    font-size:42px !important;
    line-height:1 !important;
  }
  .ib-color-page .ib-color-hero-actions{
    flex-direction:column !important;
    align-items:stretch !important;
  }
  .ib-color-usecases,
  .ib-color-page .ib-palette-grid{
    grid-template-columns:1fr !important;
  }
  .ib-color-page .ib-palette-library,
  .ib-color-page .ib-color-studio,
  .ib-color-detail-page .ib-fcolor-premium{
    border-radius:24px !important;
    padding:16px !important;
  }
  .ib-color-page .ib-palette-card{
    min-height:196px !important;
  }
  .ib-color-detail-page .ib-fcolor-premium .ib-fcolor-big{
    min-height:320px !important;
  }
}

/* ============================================================
   CATALOG CLEANUP 2026.9 — финальный слой карточек после аудита
   ============================================================ */
.ib-cat-head-premium .ib-cat-count,
.ib-cat-count{
  display:none !important;
}

.ib-products-cat{
  align-items:stretch !important;
}

.ib-products-cat .ib-prod{
  display:flex !important;
  flex-direction:column !important;
  min-height:100% !important;
}

.ib-products-cat .ib-prod-img{
  min-height:286px !important;
  padding:64px 30px 26px !important;
  align-items:center !important;
  justify-content:center !important;
  background:
    radial-gradient(240px 150px at 50% 76%,rgba(33,79,71,.08),transparent 72%),
    linear-gradient(180deg,#fffef9 0%,#f7f3ea 100%) !important;
}

.ib-products-cat .ib-prod-img img{
  width:auto !important;
  max-width:88% !important;
  height:198px !important;
  object-fit:contain !important;
  margin:0 !important;
}

.ib-products-cat .ib-prod-badge{
  left:50% !important;
  right:auto !important;
  top:18px !important;
  transform:translateX(-50%) !important;
  max-width:calc(100% - 42px) !important;
  min-height:32px !important;
  padding:7px 15px !important;
  justify-content:center !important;
  text-align:center !important;
  white-space:normal !important;
  line-height:1.12 !important;
  background:rgba(255,254,249,.96) !important;
  color:#214f47 !important;
  border:1px solid rgba(33,79,71,.16) !important;
  box-shadow:0 16px 36px -30px rgba(16,24,22,.52) !important;
}

.ib-products-cat .ib-prod-body{
  flex:1 !important;
  display:flex !important;
  flex-direction:column !important;
}

.ib-products-cat .ib-prod-desc{
  min-height:76px !important;
}

@media(max-width:760px){
  .ib-products-cat .ib-prod-img{
    min-height:260px !important;
  }
  .ib-products-cat .ib-prod-img img{
    height:180px !important;
  }
}

/* ============================================================
   COLOR ATELIER COMPACT 2026.10 — дорогая компактная витрина
   ============================================================ */
.ib-color-page .ib-palette-library{
  padding:28px !important;
  border-radius:30px !important;
  background:
    radial-gradient(560px 260px at 88% 4%,rgba(220,235,229,.45),transparent 70%),
    rgba(255,254,249,.9) !important;
  box-shadow:0 30px 92px -76px rgba(16,24,22,.58) !important;
}

.ib-color-page .ib-palette-library-head{
  gap:22px !important;
  margin-bottom:22px !important;
  align-items:end !important;
}

.ib-color-page .ib-palette-library h2{
  max-width:760px !important;
  font-size:clamp(38px,5.2vw,72px) !important;
  line-height:.95 !important;
}

.ib-color-page .ib-palette-library p{
  max-width:620px !important;
}

.ib-color-page .ib-palette-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:10px !important;
}

.ib-color-page .ib-palette-card,
.ib-color-page .ib-palette-card:nth-child(1),
.ib-color-page .ib-palette-card:nth-child(6),
.ib-color-page .ib-palette-card:nth-child(7){
  grid-column:auto !important;
  min-height:190px !important;
  padding:18px !important;
  border-radius:22px !important;
  background:
    linear-gradient(180deg,rgba(255,254,249,.96),rgba(247,244,236,.9)) !important;
}

.ib-color-page .ib-palette-card strong{
  max-width:100% !important;
  font-size:clamp(20px,2vw,28px) !important;
  line-height:1.02 !important;
}

.ib-color-page .ib-palette-card small{
  margin-top:8px !important;
  font-size:13px !important;
}

.ib-color-page .ib-palette-source{
  display:none !important;
}

.ib-color-page .ib-palette-status{
  min-height:26px !important;
  padding:5px 10px !important;
  font-size:10px !important;
  letter-spacing:.12em !important;
}

.ib-color-page .ib-palette-strip{
  height:54px !important;
  margin-top:auto !important;
  border-radius:16px !important;
}

.ib-color-page .ib-color-studio{
  margin-top:24px !important;
}

@media(max-width:1180px){
  .ib-color-page .ib-palette-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}

@media(max-width:820px){
  .ib-color-page .ib-palette-library{
    padding:18px !important;
    border-radius:26px !important;
  }
  .ib-color-page .ib-palette-library-head{
    grid-template-columns:1fr !important;
  }
  .ib-color-page .ib-palette-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
  }
  .ib-color-page .ib-palette-card,
  .ib-color-page .ib-palette-card:nth-child(1),
  .ib-color-page .ib-palette-card:nth-child(6),
  .ib-color-page .ib-palette-card:nth-child(7){
    min-height:154px !important;
    display:flex !important;
    gap:6px !important;
    padding:15px !important;
    border-radius:20px !important;
  }
  .ib-color-page .ib-palette-card strong{
    font-size:22px !important;
    line-height:1.04 !important;
    max-width:100% !important;
  }
  .ib-color-page .ib-palette-card:nth-child(1) strong,
  .ib-color-page .ib-palette-card:nth-child(6) strong,
  .ib-color-page .ib-palette-card:nth-child(7) strong{
    font-size:22px !important;
    line-height:1.04 !important;
  }
  .ib-color-page .ib-palette-card small{
    margin-top:2px !important;
    font-size:12.5px !important;
  }
  .ib-color-page .ib-palette-status{
    width:max-content !important;
  }
  .ib-color-page .ib-palette-strip{
    width:100% !important;
    height:42px !important;
    min-height:42px !important;
    margin-top:auto !important;
  }
  .ib-color-page .ib-palette-card:nth-child(1) .ib-palette-strip,
  .ib-color-page .ib-palette-card:nth-child(6) .ib-palette-strip,
  .ib-color-page .ib-palette-card:nth-child(7) .ib-palette-strip{
    height:42px !important;
    min-height:42px !important;
    margin-top:auto !important;
  }
}

@media(max-width:620px){
  .ib-color-page .ib-palette-grid{
    grid-template-columns:1fr !important;
  }
  .ib-color-page .ib-palette-card,
  .ib-color-page .ib-palette-card:nth-child(1),
  .ib-color-page .ib-palette-card:nth-child(6),
  .ib-color-page .ib-palette-card:nth-child(7){
    min-height:156px !important;
  }
  .ib-color-page .ib-palette-strip{
    height:52px !important;
    margin-top:8px !important;
  }
}

/* ============================================================
   HOME ATELIER TUNING 2026.11 — компактная дорогая главная
   ============================================================ */
.ib-hero,
.ib-hero-in{
  min-height:0 !important;
}

.ib-hero h1{
  letter-spacing:0 !important;
}

.ib-hero-quicklinks a,
.ib-focus-tags span,
.ib-prod-badge{
  letter-spacing:.01em !important;
}

.ib-prod-badge{
  min-height:38px !important;
  padding:9px 18px !important;
  color:#26594f !important;
  border-color:rgba(38,89,79,.18) !important;
}

.ib-products-cat .ib-prod,
.ib-product-card{
  box-shadow:0 30px 90px -74px rgba(20,31,28,.62) !important;
}

.ib-prod-name,
.ib-pname{
  letter-spacing:0 !important;
}

.ib-cat-count,
.ib-cat-head-premium .ib-cat-count{
  display:none !important;
}

@media(max-width:1180px){
  .ib-hero{
    padding-top:72px !important;
    padding-bottom:58px !important;
  }
  .ib-hero-in{
    gap:28px !important;
  }
  .ib-hero h1{
    font-size:clamp(54px,8vw,82px) !important;
    max-width:760px !important;
  }
  .ib-hero-art{
    height:410px !important;
    min-height:410px !important;
    max-width:700px !important;
  }
}

@media(max-width:820px){
  .ib-hero{
    padding-top:44px !important;
    padding-bottom:42px !important;
  }
  .ib-hero-in{
    gap:22px !important;
  }
  .ib-hero h1{
    font-size:clamp(42px,9.2vw,64px) !important;
    line-height:.98 !important;
    max-width:640px !important;
  }
  .ib-hero p{
    max-width:610px !important;
    font-size:16px !important;
    line-height:1.62 !important;
  }
  .ib-hero-actions{
    margin:22px 0 18px !important;
  }
  .ib-hero-quicklinks{
    gap:8px !important;
  }
  .ib-hero-quicklinks a{
    min-height:38px !important;
    padding:9px 13px !important;
    font-size:12.5px !important;
  }
  .ib-hero-stats{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:10px !important;
    max-width:560px !important;
  }
  .ib-hero-stats div{
    min-height:84px !important;
    padding:14px 13px !important;
    border-radius:16px !important;
  }
  .ib-hero-stats strong{
    font-size:24px !important;
  }
  .ib-hero-stats span{
    font-size:11.5px !important;
    line-height:1.3 !important;
  }
  .ib-hero-art{
    height:292px !important;
    min-height:292px !important;
  }
  .ib-hero-photo{
    inset:16px 0 34px 20px !important;
    border-radius:24px !important;
  }
  .ib-hero-product-main{
    right:4px !important;
    bottom:28px !important;
    width:116px !important;
    height:126px !important;
  }
  .ib-hero-product-secondary{
    left:8px !important;
    top:0 !important;
    width:104px !important;
    height:104px !important;
  }
  .ib-hero-note{
    left:10px !important;
    right:20px !important;
    bottom:0 !important;
    padding:13px 15px !important;
  }
}

@media(max-width:620px){
  .ib-hero{
    padding-top:34px !important;
  }
  .ib-hero h1{
    font-size:clamp(38px,12vw,54px) !important;
  }
  .ib-hero-actions .ib-cta{
    flex:1 1 100% !important;
    justify-content:center !important;
  }
  .ib-hero-stats{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
  .ib-hero-art{
    height:248px !important;
    min-height:248px !important;
  }
  .ib-hero-photo{
    inset:12px 0 28px 12px !important;
  }
  .ib-hero-note{
    display:none !important;
  }
}

/* ============================================================
   HOME COMMERCE DENSITY 2026.12 — меньше пустот, больше продаж
   ============================================================ */
.ib-focus-product{
  padding-top:48px !important;
  padding-bottom:56px !important;
}

.ib-focus-card{
  border-radius:30px !important;
}

.ib-focus-copy h2{
  letter-spacing:0 !important;
}

.ib-section-categories{
  padding-top:64px !important;
  padding-bottom:70px !important;
}

.ib-section-categories .ib-cats{
  align-items:stretch !important;
}

.ib-section-categories .ib-cat{
  overflow:hidden !important;
}

.ib-products{
  align-items:stretch !important;
}

.ib-feats{
  margin-top:0 !important;
}

.ib-prose{
  border-radius:28px !important;
  background:rgba(255,254,249,.72) !important;
  border:1px solid rgba(31,90,80,.08) !important;
  box-shadow:0 28px 90px -76px rgba(20,31,28,.55) !important;
}

@media(min-width:641px) and (max-width:820px){
  .ib-focus-product{
    padding-top:38px !important;
    padding-bottom:44px !important;
  }
  .ib-focus-card{
    display:grid !important;
    grid-template-columns:minmax(0,.86fr) minmax(0,1fr) !important;
    gap:18px !important;
    padding:18px !important;
    border-radius:26px !important;
    align-items:center !important;
  }
  .ib-focus-media{
    min-height:310px !important;
    border-radius:22px !important;
  }
  .ib-focus-media img{
    max-height:250px !important;
  }
  .ib-focus-copy{
    padding:6px 4px !important;
  }
  .ib-focus-copy h2{
    font-size:clamp(34px,6vw,48px) !important;
    line-height:.96 !important;
  }
  .ib-focus-copy p{
    font-size:14.5px !important;
    line-height:1.56 !important;
  }
  .ib-focus-prices{
    grid-template-columns:1fr !important;
    gap:8px !important;
    margin:16px 0 !important;
  }
  .ib-focus-prices span{
    min-height:54px !important;
    padding:12px 14px !important;
  }
  .ib-focus-actions{
    gap:8px !important;
  }
  .ib-focus-actions .ib-cta{
    min-height:42px !important;
    padding:11px 15px !important;
    font-size:13px !important;
  }
  .ib-focus-tags{
    gap:6px !important;
  }
  .ib-focus-tags span{
    font-size:11px !important;
    padding:7px 10px !important;
  }

  .ib-section-categories{
    padding-top:46px !important;
    padding-bottom:52px !important;
  }
  .ib-section-categories .ib-shead{
    margin-bottom:22px !important;
  }
  .ib-section-categories .ib-shead h2,
  .ib-solutions-sec .ib-shead h2{
    font-size:clamp(34px,7vw,52px) !important;
  }
  .ib-section-categories .ib-cats,
  .ib-products{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:14px !important;
  }
  .ib-section-categories .ib-cat{
    min-height:300px !important;
    border-radius:24px !important;
  }
  .ib-section-categories .ib-cat img{
    min-height:300px !important;
    height:300px !important;
  }
  .ib-section-categories .ib-cat-body{
    padding:18px !important;
  }
  .ib-section-categories .ib-cat-index{
    width:34px !important;
    height:34px !important;
    margin-bottom:10px !important;
  }
  .ib-section-categories .ib-cat strong{
    font-size:22px !important;
  }
  .ib-section-categories .ib-cat small{
    font-size:13px !important;
    line-height:1.45 !important;
  }

  .ib-products .ib-prod-img{
    min-height:210px !important;
  }
  .ib-products .ib-prod-img img{
    height:170px !important;
  }
  .ib-products .ib-prod-body{
    padding:18px !important;
  }
  .ib-products .ib-prod-name{
    font-size:20px !important;
  }
  .ib-products .ib-prod-desc{
    -webkit-line-clamp:2 !important;
  }
  .ib-feats{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:14px !important;
  }
}

@media(max-width:640px){
  .ib-focus-product{
    padding-top:32px !important;
    padding-bottom:38px !important;
  }
  .ib-focus-card{
    padding:16px !important;
    border-radius:24px !important;
  }
  .ib-focus-media{
    min-height:230px !important;
    border-radius:20px !important;
  }
  .ib-focus-media img{
    max-height:190px !important;
  }
  .ib-focus-copy h2{
    font-size:clamp(34px,12vw,48px) !important;
  }
  .ib-focus-copy p{
    font-size:14.5px !important;
    line-height:1.56 !important;
  }
  .ib-section-categories{
    padding-top:40px !important;
    padding-bottom:44px !important;
  }
  .ib-section-categories .ib-cat{
    min-height:260px !important;
  }
  .ib-section-categories .ib-cat img{
    min-height:260px !important;
    height:260px !important;
  }
  .ib-solutions-sec{
    padding-top:44px !important;
    padding-bottom:44px !important;
  }
  .ib-prose{
    padding:20px !important;
  }
  .ib-prose h2{
    font-size:clamp(28px,9vw,38px) !important;
  }
  .ib-prose p{
    font-size:14.5px !important;
    line-height:1.65 !important;
  }
}

/* ============================================================
   HOME ATELIER RESET 2026.13 — теплее, спокойнее, без старой картинки
   ============================================================ */
:root{
  --font-head:'Onest','Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --font-body:'Manrope','Onest',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --ib-atelier-ink:#211f1b;
  --ib-atelier-muted:#726f68;
  --ib-atelier-line:rgba(70,63,51,.12);
  --ib-atelier-paper:#fffdf8;
  --ib-atelier-warm:#f2f3ee;
  --ib-atelier-accent:#5f716c;
  --ib-atelier-accent-dark:#2f3d39;
}

body{
  color:var(--ib-atelier-ink) !important;
  background:
    linear-gradient(180deg,#fffdf8 0%,#f4f3ec 48%,#f8f8f2 100%) !important;
}

body::before{
  background:
    linear-gradient(90deg,rgba(70,83,78,.032) 1px,transparent 1px) 0 0/72px 72px,
    linear-gradient(0deg,rgba(70,83,78,.026) 1px,transparent 1px) 0 0/72px 72px !important;
}

.ib-scope h1,
.ib-scope h2,
.ib-scope h3,
.ib-prod-name,
.ib-pname,
.ib-nav a{
  font-family:var(--font-head) !important;
  letter-spacing:0 !important;
}

.ib-hero{
  padding:70px 0 62px !important;
  background:
    radial-gradient(760px 480px at 76% 36%,rgba(204,214,207,.42),transparent 70%),
    radial-gradient(620px 420px at 20% 18%,rgba(255,249,238,.88),transparent 72%),
    linear-gradient(118deg,#fffdf7 0%,#f4f2ea 52%,#eef3ef 100%) !important;
}

.ib-hero::before,
.ib-hero::after{
  opacity:.28 !important;
}

.ib-hero-in{
  grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr) !important;
  gap:42px !important;
}

.ib-badge,
.ib-section-kicker{
  background:rgba(255,253,248,.78) !important;
  border-color:rgba(139,100,73,.2) !important;
  color:var(--ib-atelier-accent-dark) !important;
  box-shadow:none !important;
}

.ib-hero h1{
  max-width:740px !important;
  font-size:clamp(52px,6.6vw,92px) !important;
  line-height:.96 !important;
  font-weight:760 !important;
  color:var(--ib-atelier-ink) !important;
}

.ib-hero p{
  max-width:690px !important;
  color:var(--ib-atelier-muted) !important;
  font-size:18px !important;
  line-height:1.72 !important;
}

.ib-cta{
  background:var(--ib-atelier-accent-dark) !important;
  color:#fffaf2 !important;
  box-shadow:0 18px 46px -34px rgba(47,61,57,.7) !important;
}

.ib-cta:hover{
  background:#24302d !important;
}

.ib-cta-ghost,
.ib-ghost{
  background:rgba(255,253,248,.84) !important;
  color:var(--ib-atelier-accent-dark) !important;
  border-color:rgba(79,59,45,.18) !important;
}

.ib-hero-quicklinks a{
  background:rgba(255,253,248,.78) !important;
  color:#5f564b !important;
  border-color:rgba(47,61,57,.14) !important;
}

.ib-hero-quicklinks a:hover{
  color:#2f3d39 !important;
  border-color:rgba(95,113,108,.28) !important;
}

.ib-hero-stats{
  gap:12px !important;
}

.ib-hero-stats div{
  flex:1 1 150px !important;
  background:rgba(255,253,248,.64) !important;
  border:1px solid rgba(47,61,57,.1) !important;
  border-radius:18px !important;
  box-shadow:0 22px 70px -62px rgba(47,61,57,.5) !important;
}

.ib-hero-stats strong{
  color:var(--ib-atelier-ink) !important;
  font-size:22px !important;
  font-weight:760 !important;
}

.ib-hero-stats span{
  color:#817b72 !important;
}

.ib-hero-art{
  height:auto !important;
  min-height:0 !important;
  display:flex !important;
  align-items:center !important;
}

.ib-hero-board{
  position:relative;
  width:100%;
  min-height:620px;
  padding:30px;
  border-radius:36px;
  background:
    linear-gradient(135deg,rgba(255,253,248,.95),rgba(241,243,237,.86)),
    radial-gradient(460px 260px at 78% 20%,rgba(190,203,195,.3),transparent 68%);
  border:1px solid rgba(47,61,57,.12);
  box-shadow:0 42px 120px -82px rgba(37,48,45,.62);
  overflow:hidden;
}

.ib-hero-board::before{
  content:"";
  position:absolute;
  inset:18px;
  border-radius:28px;
  border:1px solid rgba(47,61,57,.08);
  pointer-events:none;
}

.ib-hero-board::after{
  content:"";
  position:absolute;
  right:-90px;
  bottom:-100px;
  width:260px;
  height:260px;
  border-radius:999px;
  background:rgba(112,128,122,.12);
  filter:blur(4px);
}

.ib-hero-board-head{
  position:relative;
  z-index:1;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:24px;
}

.ib-hero-board-head span{
  max-width:150px;
  color:#7a827c;
  font-size:13px;
  font-weight:700;
  line-height:1.35;
}

.ib-hero-board-head strong{
  color:var(--ib-atelier-ink);
  font-family:var(--font-head);
  font-size:28px;
  font-weight:760;
  line-height:1;
}

.ib-hero-board-products{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1.18fr .91fr .91fr;
  gap:12px;
}

.ib-hero-board-products article{
  min-height:174px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:18px;
  border-radius:22px;
  background:rgba(255,253,248,.78);
  border:1px solid rgba(47,61,57,.1);
}

.ib-hero-board-products article:first-child{
  grid-row:span 2;
  min-height:360px;
}

.ib-hero-board-products article:nth-child(4),
.ib-hero-board-products article:nth-child(5){
  min-height:150px;
}

.ib-hero-board-products img{
  max-width:88%;
  max-height:142px;
  object-fit:contain;
  filter:drop-shadow(0 24px 26px rgba(37,48,45,.14));
}

.ib-hero-board-products article:first-child img{
  max-height:230px;
}

.ib-hero-board-products span{
  width:max-content;
  padding:7px 12px;
  border-radius:999px;
  background:#edf1ec;
  color:#34443f;
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.ib-hero-board-products small{
  max-width:180px;
  color:#7a827c;
  font-size:12px;
  font-weight:650;
  line-height:1.35;
  text-align:center;
}

.ib-hero-board-samples{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:0;
  height:54px;
  margin-top:16px;
  overflow:hidden;
  border-radius:18px;
  border:1px solid rgba(47,61,57,.12);
}

.ib-hero-board-samples span{
  min-width:0;
}

.ib-hero-board .ib-hero-note{
  display:block !important;
  position:relative !important;
  z-index:2;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  margin-top:14px;
  padding:16px 18px !important;
  border-radius:18px !important;
  background:rgba(255,253,248,.86) !important;
  border:1px solid rgba(47,61,57,.12) !important;
  box-shadow:none !important;
}

/* HOME SHOWCASE EXPANSION 2026.14 */
.ib-section-categories{
  background:
    linear-gradient(180deg,#fffdf8 0%,#eef3ef 100%) !important;
}

.ib-section-categories .ib-cat-index{
  background:#e7efeb !important;
  color:#40534d !important;
}

.ib-section-categories .ib-cat strong,
.ib-shead h2,
.ib-focus-copy h2{
  font-weight:760 !important;
}

.ib-section-categories .ib-cat small,
.ib-shead p,
.ib-focus-copy p,
.ib-prose p{
  color:var(--ib-atelier-muted) !important;
}

.ib-ctaband{
  background:
    radial-gradient(520px 220px at 82% 10%,rgba(197,209,201,.18),transparent 68%),
    #26302d !important;
}

.ib-ctaband .ib-cta,
.ib-ctaband .ib-cta-light{
  background:#eef2eb !important;
  color:#25302d !important;
}

/* more screen for the product showcase */
@media(min-width:1181px){
  .ib-hero{
    min-height:min(820px, calc(100vh - 92px)) !important;
    display:flex !important;
    align-items:center !important;
    padding-top:46px !important;
    padding-bottom:46px !important;
  }
  .ib-hero-board{
    min-height:560px !important;
  }
}

@media(max-width:1180px){
  .ib-hero-in{
    grid-template-columns:1fr !important;
  }
  .ib-hero-board{
    min-height:0 !important;
  }
}

@media(max-width:820px){
  .ib-hero{
    padding-top:44px !important;
    padding-bottom:48px !important;
  }
  .ib-hero h1{
    font-size:clamp(42px,10vw,66px) !important;
    line-height:.98 !important;
  }
  .ib-hero p{
    font-size:17px !important;
  }
  .ib-hero-board{
    padding:18px !important;
    border-radius:28px !important;
  }
  .ib-hero-board-head strong{
    font-size:23px;
  }
  .ib-hero-board-products{
    grid-template-columns:1fr 1fr;
  }
  .ib-hero-board-products article,
  .ib-hero-board-products article:first-child{
    grid-row:auto;
    min-height:190px;
  }
  .ib-hero-board-products img,
  .ib-hero-board-products article:first-child img{
    max-height:128px;
  }
}

@media(max-width:620px){
  .ib-hero h1{
    font-size:clamp(36px,11vw,54px) !important;
  }
  .ib-hero-stats{
    grid-template-columns:1fr !important;
  }
  .ib-hero-stats div{
    min-height:72px !important;
  }
  .ib-hero-board-products{
    gap:10px;
  }
  .ib-hero-board-products article,
  .ib-hero-board-products article:first-child{
    min-height:160px;
    padding:12px;
  }
  .ib-hero-board-products img,
  .ib-hero-board-products article:first-child img{
    max-height:108px;
  }
  .ib-hero-board-samples{
    height:44px;
  }
}

/* ============================================================
   LAUNCH POLISH 2026.15 — clean porcelain palette, softer type
   ============================================================ */
:root{
  --ib-launch-ink:#182320;
  --ib-launch-muted:#66736e;
  --ib-launch-line:rgba(35,53,49,.12);
  --ib-launch-paper:#fbfcf9;
  --ib-launch-panel:#f4f7f4;
  --ib-launch-accent:#345d55;
  --ib-launch-accent-dark:#1f4941;
}

body{
  color:var(--ib-launch-ink) !important;
  background:
    linear-gradient(180deg,#fbfcf9 0%,#f5f8f5 46%,#fbfcf9 100%) !important;
}

body::before{
  background:
    linear-gradient(90deg,rgba(38,64,58,.028) 1px,transparent 1px) 0 0/76px 76px,
    linear-gradient(0deg,rgba(38,64,58,.022) 1px,transparent 1px) 0 0/76px 76px !important;
}

.ib-scope h1,
.ib-scope h2,
.ib-scope h3,
.ib-prod-name,
.ib-pname,
.ib-nav a{
  font-family:'Manrope','Inter','Avenir Next',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;
}

.ib-hero{
  background:
    radial-gradient(780px 460px at 78% 38%,rgba(208,222,216,.56),transparent 72%),
    radial-gradient(520px 360px at 18% 18%,rgba(255,255,255,.92),transparent 70%),
    linear-gradient(118deg,#fbfcf9 0%,#f5f8f5 48%,#edf5f1 100%) !important;
}

.ib-hero h1{
  color:#1d201d !important;
  font-weight:720 !important;
  letter-spacing:-.01em !important;
}

.ib-hero p,
.ib-hero-stats span,
.ib-hero-board-products small{
  color:var(--ib-launch-muted) !important;
}

.ib-badge,
.ib-section-kicker{
  background:rgba(251,252,249,.88) !important;
  border-color:var(--ib-launch-line) !important;
  color:var(--ib-launch-accent) !important;
}

.ib-cta{
  background:var(--ib-launch-accent-dark) !important;
  color:#fff !important;
  box-shadow:0 18px 46px -34px rgba(31,73,65,.7) !important;
}

.ib-cta:hover{
  background:#173b35 !important;
}

.ib-cta-ghost,
.ib-ghost,
.ib-hero-quicklinks a{
  background:rgba(251,252,249,.88) !important;
  color:var(--ib-launch-accent-dark) !important;
  border-color:var(--ib-launch-line) !important;
}

.ib-hero-stats div{
  background:rgba(251,252,249,.82) !important;
  border-color:var(--ib-launch-line) !important;
}

.ib-hero-board{
  background:
    linear-gradient(140deg,rgba(251,252,249,.98),rgba(241,246,242,.94)),
    radial-gradient(420px 260px at 78% 24%,rgba(207,222,216,.36),transparent 68%) !important;
  border-color:var(--ib-launch-line) !important;
  box-shadow:0 42px 110px -82px rgba(31,73,65,.58) !important;
}

.ib-hero-board::before{
  border-color:rgba(35,53,49,.08) !important;
}

.ib-hero-board::after{
  background:rgba(121,148,140,.11) !important;
}

.ib-hero-board-head span{
  color:#7a8782 !important;
}

.ib-hero-board-head strong{
  color:var(--ib-launch-ink) !important;
  font-weight:720 !important;
  letter-spacing:-.01em !important;
}

.ib-hero-board-products{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}

.ib-hero-board-products article,
.ib-hero-board-products article:first-child,
.ib-hero-board-products article:nth-child(4),
.ib-hero-board-products article:nth-child(5){
  grid-row:auto !important;
  min-height:205px !important;
  background:rgba(251,252,249,.82) !important;
  border-color:var(--ib-launch-line) !important;
}

.ib-hero-board-products img,
.ib-hero-board-products article:first-child img{
  max-height:132px !important;
}

.ib-hero-board-products span{
  background:#eaf2ee !important;
  color:#385a53 !important;
}

.ib-hero-board-samples{
  border-color:var(--ib-launch-line) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.45);
}

.ib-hero-board .ib-hero-note{
  background:rgba(251,252,249,.9) !important;
  border-color:var(--ib-launch-line) !important;
}

.ib-focus-product{
  background:linear-gradient(180deg,#fbfcf9 0%,#f4f7f4 100%) !important;
}

.ib-focus-card{
  border-color:var(--ib-launch-line) !important;
  box-shadow:0 32px 95px -78px rgba(31,73,65,.55) !important;
}

.ib-focus-copy h2{
  font-weight:720 !important;
  color:var(--ib-launch-ink) !important;
}

.ib-section-categories{
  background:linear-gradient(180deg,#fbfcf9 0%,#eef5f1 100%) !important;
}

@media(min-width:1181px){
  .ib-hero-board{
    min-height:570px !important;
  }
}

@media(max-width:820px){
  .ib-hero-board-products{
    grid-template-columns:1fr 1fr !important;
  }
}

@media(max-width:520px){
  .ib-hero-board-products article,
  .ib-hero-board-products article:first-child{
    min-height:150px !important;
  }
  .ib-hero-board-products small{
    display:none;
  }
}

/* ============================================================
   DESIGN PRIORITY 2026.16 — less working-page, no brown warmth
   ============================================================ */
:root{
  --ib-design-ink:#13211e;
  --ib-design-muted:#657771;
  --ib-design-line:rgba(28,54,48,.105);
  --ib-design-accent:#226456;
  --ib-design-deep:#153f37;
}

body{
  background:
    radial-gradient(760px 460px at 78% 28%,rgba(218,235,228,.44),transparent 70%),
    linear-gradient(180deg,#fbfdfb 0%,#f4faf7 42%,#fbfdfb 100%) !important;
}

body::before{
  opacity:.42 !important;
  background:
    linear-gradient(90deg,rgba(28,54,48,.018) 1px,transparent 1px) 0 0/88px 88px,
    linear-gradient(0deg,rgba(28,54,48,.014) 1px,transparent 1px) 0 0/88px 88px !important;
}

.ib-top{
  background:#fbfdfb !important;
  border-bottom:1px solid rgba(28,54,48,.08) !important;
}

.ib-header{
  background:rgba(251,253,251,.94) !important;
  border-bottom:1px solid rgba(28,54,48,.09) !important;
  box-shadow:0 14px 42px -38px rgba(21,63,55,.45) !important;
}

.ib-hero{
  background:
    radial-gradient(680px 420px at 75% 42%,rgba(205,228,219,.66),transparent 74%),
    radial-gradient(540px 360px at 18% 20%,rgba(255,255,255,.98),transparent 72%),
    linear-gradient(118deg,#fbfdfb 0%,#f5faf7 52%,#eaf5f1 100%) !important;
}

.ib-hero h1{
  max-width:660px !important;
  color:var(--ib-design-ink) !important;
  font-size:clamp(52px,5.9vw,82px) !important;
  font-weight:690 !important;
  line-height:1.01 !important;
}

.ib-hero p{
  max-width:620px !important;
  color:var(--ib-design-muted) !important;
}

.ib-badge,
.ib-section-kicker{
  background:rgba(255,255,255,.76) !important;
  border-color:var(--ib-design-line) !important;
  color:var(--ib-design-accent) !important;
  letter-spacing:.08em !important;
}

.ib-cta{
  background:var(--ib-design-deep) !important;
  color:#fff !important;
  box-shadow:0 20px 46px -34px rgba(21,63,55,.72) !important;
}

.ib-cta-ghost,
.ib-hero-quicklinks a{
  background:rgba(255,255,255,.72) !important;
  color:var(--ib-design-deep) !important;
  border-color:var(--ib-design-line) !important;
}

.ib-hero-stats{
  max-width:620px !important;
}

.ib-hero-stats div{
  background:rgba(255,255,255,.58) !important;
  border-color:rgba(28,54,48,.085) !important;
  box-shadow:none !important;
}

.ib-hero-stats strong{
  color:var(--ib-design-ink) !important;
  font-weight:700 !important;
}

.ib-hero-board{
  padding:32px !important;
  border-radius:34px !important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.96),rgba(241,248,245,.86)),
    radial-gradient(440px 280px at 76% 20%,rgba(202,226,216,.38),transparent 70%) !important;
  border-color:rgba(28,54,48,.105) !important;
  box-shadow:0 34px 95px -70px rgba(21,63,55,.6) !important;
}

.ib-hero-board::before{
  inset:16px !important;
  border-radius:26px !important;
  border-color:rgba(28,54,48,.055) !important;
}

.ib-hero-board::after{
  opacity:.34 !important;
  background:rgba(86,143,130,.16) !important;
}

.ib-hero-board-head{
  align-items:center !important;
  margin-bottom:18px !important;
}

.ib-hero-board-head span{
  color:#7a8984 !important;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:11px !important;
}

.ib-hero-board-head strong{
  max-width:280px;
  color:var(--ib-design-ink) !important;
  font-size:26px !important;
  font-weight:690 !important;
}

.ib-hero-board-products{
  gap:10px !important;
}

.ib-hero-board-products article,
.ib-hero-board-products article:first-child,
.ib-hero-board-products article:nth-child(4),
.ib-hero-board-products article:nth-child(5){
  min-height:190px !important;
  padding:16px 14px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(248,251,249,.66)) !important;
  border-color:rgba(28,54,48,.075) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7) !important;
}

.ib-hero-board-products img,
.ib-hero-board-products article:first-child img{
  max-height:126px !important;
  filter:drop-shadow(0 18px 22px rgba(21,63,55,.12)) !important;
}

.ib-hero-board-products span{
  background:#e8f4ef !important;
  color:#2a6559 !important;
}

.ib-hero-board-products small{
  color:#62736e !important;
}

.ib-hero-board-samples{
  height:48px !important;
  border-radius:16px !important;
  border-color:rgba(28,54,48,.085) !important;
}

.ib-hero-board .ib-hero-note{
  margin-top:12px !important;
  background:rgba(255,255,255,.78) !important;
  border-color:rgba(28,54,48,.085) !important;
}

.ib-focus-product{
  background:
    linear-gradient(180deg,#fbfdfb 0%,#f4faf7 100%) !important;
}

.ib-focus-card{
  background:rgba(255,255,255,.82) !important;
  border-color:rgba(28,54,48,.09) !important;
}

.ib-focus-copy h2{
  color:var(--ib-design-ink) !important;
  font-weight:690 !important;
}

@media(min-width:1181px){
  .ib-hero-in{
    grid-template-columns:minmax(0,.88fr) minmax(560px,1.12fr) !important;
    gap:54px !important;
  }
  .ib-hero-board{
    min-height:540px !important;
  }
}

@media(max-width:820px){
  .ib-hero h1{
    font-size:clamp(40px,10vw,62px) !important;
  }
}

/* ============================================================
   PREMIUM EDITORIAL LAUNCH 2026.17 — calm, launch-ready hero
   ============================================================ */
:root{
  --ib-premium-ink:#14211e;
  --ib-premium-muted:#6d7d78;
  --ib-premium-soft:#f7fbf8;
  --ib-premium-mint:#eaf6f1;
  --ib-premium-line:rgba(26,57,50,.09);
  --ib-premium-deep:#143f37;
  --ib-premium-accent:#2f7567;
}

body{
  background:
    radial-gradient(900px 560px at 78% 18%,rgba(220,240,232,.55),transparent 72%),
    linear-gradient(180deg,#fbfdfb 0%,#f7fbf8 44%,#fbfdfb 100%) !important;
}

body::before{
  opacity:.14 !important;
  background:
    linear-gradient(90deg,rgba(26,57,50,.018) 1px,transparent 1px) 0 0/112px 112px,
    linear-gradient(0deg,rgba(26,57,50,.012) 1px,transparent 1px) 0 0/112px 112px !important;
}

.ib-topbar{
  background:#f7fbf8 !important;
  color:#73827d !important;
}

.ib-topbar a{
  color:#52645f !important;
}

.ib-header{
  background:rgba(255,255,255,.94) !important;
  border-bottom:1px solid var(--ib-premium-line) !important;
  box-shadow:0 18px 50px -46px rgba(20,63,55,.45) !important;
}

.ib-nav a{
  color:#263733 !important;
  font-weight:760 !important;
}

.ib-hero{
  min-height:min(790px, calc(100vh - 86px)) !important;
  padding-top:44px !important;
  padding-bottom:56px !important;
  background:
    radial-gradient(740px 460px at 76% 45%,rgba(207,232,222,.68),transparent 74%),
    radial-gradient(520px 360px at 18% 22%,rgba(255,255,255,.96),transparent 74%),
    linear-gradient(115deg,#fbfdfb 0%,#f8fcf9 48%,#edf7f3 100%) !important;
}

.ib-hero-in{
  grid-template-columns:minmax(0,.92fr) minmax(560px,1.08fr) !important;
  gap:58px !important;
}

.ib-badge{
  padding:9px 15px !important;
  background:rgba(255,255,255,.72) !important;
  color:var(--ib-premium-accent) !important;
}

.ib-hero h1{
  max-width:640px !important;
  color:var(--ib-premium-ink) !important;
  font-size:clamp(50px,5.45vw,76px) !important;
  font-weight:660 !important;
  line-height:1.04 !important;
  letter-spacing:-.012em !important;
}

.ib-hero p{
  max-width:640px !important;
  color:var(--ib-premium-muted) !important;
  font-size:18px !important;
}

.ib-hero-actions{
  margin:28px 0 20px !important;
}

.ib-cta{
  background:var(--ib-premium-deep) !important;
  border-color:var(--ib-premium-deep) !important;
  color:#fff !important;
  box-shadow:0 18px 44px -34px rgba(20,63,55,.72) !important;
}

.ib-cta-ghost{
  background:rgba(255,255,255,.72) !important;
  border-color:var(--ib-premium-line) !important;
  color:var(--ib-premium-deep) !important;
}

.ib-hero-quicklinks{
  gap:10px !important;
}

.ib-hero-quicklinks a{
  background:rgba(255,255,255,.62) !important;
  border-color:rgba(26,57,50,.08) !important;
  color:#36534c !important;
  box-shadow:none !important;
}

.ib-hero-stats{
  display:flex !important;
  gap:18px !important;
  padding-top:10px !important;
  max-width:620px !important;
}

.ib-hero-stats div{
  min-height:0 !important;
  padding:0 18px 0 0 !important;
  background:transparent !important;
  border:0 !important;
  border-right:1px solid rgba(26,57,50,.12) !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

.ib-hero-stats div:last-child{
  border-right:0 !important;
}

.ib-hero-stats strong{
  font-size:14px !important;
  color:var(--ib-premium-accent) !important;
  letter-spacing:.08em !important;
}

.ib-hero-stats span{
  color:#697a74 !important;
  font-size:13px !important;
}

.ib-hero-board{
  min-height:520px !important;
  padding:26px !important;
  border:0 !important;
  border-radius:38px !important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.72),rgba(243,250,246,.62)),
    radial-gradient(420px 260px at 70% 18%,rgba(202,231,219,.36),transparent 72%) !important;
  box-shadow:0 40px 120px -86px rgba(20,63,55,.68) !important;
  backdrop-filter:blur(18px);
}

.ib-hero-board::before{
  inset:0 !important;
  border:1px solid rgba(255,255,255,.72) !important;
  border-radius:38px !important;
}

.ib-hero-board-head{
  padding:2px 4px 0 !important;
}

.ib-hero-board-head span{
  color:#7a8c86 !important;
  font-size:10px !important;
}

.ib-hero-board-head strong{
  color:var(--ib-premium-ink) !important;
  font-size:25px !important;
  font-weight:660 !important;
}

.ib-hero-board-products{
  gap:12px !important;
}

.ib-hero-board-products article,
.ib-hero-board-products article:first-child,
.ib-hero-board-products article:nth-child(4),
.ib-hero-board-products article:nth-child(5){
  min-height:176px !important;
  padding:14px !important;
  border:0 !important;
  border-radius:28px !important;
  background:rgba(255,255,255,.52) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.78),
    0 16px 34px -32px rgba(20,63,55,.5) !important;
}

.ib-hero-board-products article:hover{
  transform:translateY(-2px);
}

.ib-hero-board-products img,
.ib-hero-board-products article:first-child img{
  max-height:112px !important;
}

.ib-hero-board-products span{
  padding:6px 11px !important;
  background:#e8f5f0 !important;
  color:#28695d !important;
  font-size:11px !important;
}

.ib-hero-board-products small{
  color:#687b75 !important;
  font-size:11.5px !important;
}

.ib-hero-board-samples{
  height:42px !important;
  margin-top:12px !important;
  border:0 !important;
  border-radius:999px !important;
  box-shadow:inset 0 0 0 1px rgba(26,57,50,.06) !important;
}

.ib-hero-board .ib-hero-note{
  margin-top:12px !important;
  padding:14px 18px !important;
  border:0 !important;
  border-radius:24px !important;
  background:rgba(255,255,255,.72) !important;
}

.ib-focus-product{
  background:linear-gradient(180deg,#fbfdfb 0%,#f6fbf8 100%) !important;
}

.ib-focus-card{
  border:0 !important;
  border-radius:34px !important;
  background:rgba(255,255,255,.72) !important;
  box-shadow:0 34px 110px -88px rgba(20,63,55,.58) !important;
}

@media(max-width:1180px){
  .ib-hero{
    min-height:0 !important;
  }
  .ib-hero-in{
    grid-template-columns:1fr !important;
  }
}

@media(max-width:820px){
  .ib-hero h1{
    font-size:clamp(38px,10vw,58px) !important;
  }
  .ib-hero-board-products{
    grid-template-columns:1fr 1fr !important;
  }
  .ib-hero-stats{
    flex-wrap:wrap !important;
  }
}

/* =========================================================
   COLOR GALLERY 2026.18 — calmer, less "builder card" UI
   ========================================================= */
body:has(.ib-color-page){
  background:
    radial-gradient(900px 520px at 18% 0%,rgba(226,242,236,.55),transparent 72%),
    radial-gradient(900px 560px at 88% 18%,rgba(232,239,244,.5),transparent 72%),
    linear-gradient(180deg,#fbfcf9 0%,#f7fbf8 54%,#fbfcf8 100%) !important;
  color:#101817 !important;
}

body:has(.ib-color-page)::before{
  opacity:.035 !important;
}

.ib-color-page{
  padding-top:76px !important;
}

.ib-color-page .ib-container{
  max-width:1220px !important;
}

.ib-color-page .ib-color-hero{
  min-height:0 !important;
  margin-bottom:44px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 380px !important;
  gap:70px !important;
  align-items:end !important;
}

.ib-color-page .ib-section-kicker{
  display:inline-flex !important;
  padding:0 0 8px !important;
  border:0 !important;
  border-bottom:1px solid rgba(30,72,65,.22) !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#526b65 !important;
  font-size:11px !important;
  font-weight:720 !important;
  letter-spacing:.14em !important;
}

.ib-color-page .ib-color-hero h1{
  max-width:760px !important;
  margin-top:24px !important;
  font-size:clamp(54px,6.1vw,88px) !important;
  line-height:.96 !important;
  font-weight:620 !important;
  letter-spacing:0 !important;
  color:#121916 !important;
}

.ib-color-page .ib-color-hero p{
  max-width:650px !important;
  font-size:17px !important;
  line-height:1.72 !important;
  color:#65756f !important;
}

.ib-color-page .ib-color-hero-actions{
  margin-top:30px !important;
}

.ib-color-page .ib-color-hero-card{
  min-height:330px !important;
  padding:34px !important;
  border:1px solid rgba(32,70,62,.1) !important;
  border-radius:34px !important;
  background:
    linear-gradient(150deg,rgba(255,255,255,.74),rgba(244,250,247,.58)),
    radial-gradient(320px 220px at 100% 0%,rgba(205,226,218,.5),transparent 72%) !important;
  box-shadow:0 34px 100px -78px rgba(21,63,55,.55) !important;
  backdrop-filter:blur(18px);
}

.ib-color-page .ib-color-hero-card strong{
  font-size:27px !important;
  line-height:1.08 !important;
  font-weight:620 !important;
}

.ib-color-page .ib-color-spectrum{
  height:54px !important;
  margin-top:26px !important;
  border-radius:999px !important;
  overflow:hidden !important;
  box-shadow:inset 0 0 0 1px rgba(32,70,62,.06) !important;
}

.ib-color-page .ib-color-usecases{
  margin:0 0 48px !important;
  padding:0 !important;
  border:1px solid rgba(32,70,62,.08) !important;
  border-radius:30px !important;
  background:rgba(255,255,255,.52) !important;
  box-shadow:0 22px 80px -72px rgba(21,63,55,.45) !important;
  overflow:hidden !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:0 !important;
}

.ib-color-usecases article{
  min-height:152px !important;
  padding:28px !important;
  border:0 !important;
  border-right:1px solid rgba(32,70,62,.08) !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.ib-color-usecases article:last-child{
  border-right:0 !important;
}

.ib-color-usecases span{
  width:auto !important;
  height:auto !important;
  margin:0 0 28px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#7d918b !important;
  font-size:12px !important;
  letter-spacing:.14em !important;
}

.ib-color-usecases strong{
  font-size:21px !important;
  line-height:1.12 !important;
  font-weight:620 !important;
}

.ib-color-usecases p{
  margin-top:10px !important;
  font-size:14px !important;
  line-height:1.55 !important;
  color:#6d7d77 !important;
}

.ib-color-page .ib-palette-library{
  margin-top:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.ib-color-page .ib-palette-library::before{
  display:none !important;
}

.ib-color-page .ib-palette-library-head{
  margin-bottom:28px !important;
  padding:0 !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 360px !important;
  gap:36px !important;
  align-items:end !important;
}

.ib-color-page .ib-palette-library h2{
  max-width:700px !important;
  margin-top:18px !important;
  font-size:clamp(40px,4.8vw,64px) !important;
  line-height:1 !important;
  font-weight:620 !important;
  letter-spacing:0 !important;
}

.ib-color-page .ib-palette-library p{
  max-width:680px !important;
  color:#667871 !important;
}

.ib-color-page .ib-palette-library .ib-palette-search{
  height:58px !important;
  border:1px solid rgba(32,70,62,.12) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.7) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7) !important;
}

.ib-color-page .ib-palette-grid{
  display:grid !important;
  grid-template-columns:repeat(12,minmax(0,1fr)) !important;
  gap:14px !important;
  align-items:stretch !important;
}

.ib-color-page .ib-palette-card,
.ib-color-page .ib-palette-card:nth-child(1),
.ib-color-page .ib-palette-card:nth-child(6),
.ib-color-page .ib-palette-card:nth-child(7){
  position:relative !important;
  min-height:188px !important;
  padding:26px !important;
  grid-column:span 4 !important;
  border:1px solid rgba(31,66,59,.09) !important;
  border-radius:30px !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.76),rgba(249,252,249,.58)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.78),
    0 24px 86px -74px rgba(21,63,55,.42) !important;
  overflow:hidden !important;
  transform:none !important;
}

.ib-color-page .ib-palette-card:nth-child(1),
.ib-color-page .ib-palette-card:nth-child(4),
.ib-color-page .ib-palette-card:nth-child(7){
  grid-column:span 6 !important;
}

.ib-color-page .ib-palette-card:hover{
  transform:translateY(-3px) !important;
  border-color:rgba(31,66,59,.17) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.88),
    0 36px 110px -76px rgba(21,63,55,.5) !important;
}

.ib-color-page .ib-palette-status{
  position:relative !important;
  z-index:2 !important;
  display:inline-flex !important;
  width:max-content !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#7e928c !important;
  font-size:10px !important;
  font-weight:720 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
}

.ib-color-page .ib-palette-card strong{
  position:relative !important;
  z-index:2 !important;
  display:block !important;
  max-width:72% !important;
  margin-top:24px !important;
  color:#111916 !important;
  font-size:clamp(25px,2.35vw,34px) !important;
  line-height:1.02 !important;
  font-weight:620 !important;
  letter-spacing:0 !important;
}

.ib-color-page .ib-palette-card small{
  position:relative !important;
  z-index:2 !important;
  display:block !important;
  margin-top:20px !important;
  color:#6f807a !important;
  font-size:13px !important;
  font-weight:650 !important;
}

.ib-color-page .ib-palette-source{
  display:none !important;
}

.ib-color-page .ib-palette-strip{
  position:absolute !important;
  right:22px !important;
  bottom:22px !important;
  left:auto !important;
  width:min(270px,48%) !important;
  height:68px !important;
  border:1px solid rgba(31,66,59,.08) !important;
  border-radius:999px !important;
  background:
    linear-gradient(90deg,
      var(--c1) 0 25%,
      var(--c2) 25% 50%,
      var(--c3) 50% 75%,
      var(--c4) 75% 100%) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.22),
    0 16px 36px -30px rgba(17,37,34,.45) !important;
  opacity:.88 !important;
}

.ib-color-page .ib-color-studio{
  margin-top:40px !important;
  padding:18px !important;
  border:1px solid rgba(31,66,59,.09) !important;
  border-radius:32px !important;
  background:rgba(255,255,255,.62) !important;
  box-shadow:0 30px 100px -86px rgba(21,63,55,.42) !important;
}

.ib-color-page .ib-tabnav{
  padding:8px !important;
  border:0 !important;
  border-radius:24px !important;
  background:#eef7f3 !important;
  gap:4px !important;
}

.ib-color-page .ib-tab-btn{
  min-height:44px !important;
  padding:0 17px !important;
  border-radius:999px !important;
  color:#60736d !important;
  font-size:12px !important;
  font-weight:720 !important;
  letter-spacing:.02em !important;
}

.ib-color-page .ib-tab-btn.ib-active{
  background:#1d5a50 !important;
  color:#fff !important;
  box-shadow:0 16px 34px -26px rgba(29,90,80,.55) !important;
}

.ib-color-page .ib-color-bar{
  margin-top:18px !important;
  padding:14px !important;
  border:1px solid rgba(31,66,59,.08) !important;
  border-radius:26px !important;
  background:rgba(255,255,255,.7) !important;
}

.ib-color-page .ib-color-count{
  padding:10px 15px !important;
  border-radius:999px !important;
  background:#ecf7f3 !important;
  color:#315f56 !important;
  font-size:12px !important;
  letter-spacing:.06em !important;
}

.ib-color-page .ib-color-search{
  height:54px !important;
  border-radius:999px !important;
}

.ib-color-page .ib-swatches{
  grid-template-columns:repeat(auto-fill,minmax(132px,1fr)) !important;
  gap:14px !important;
  padding:18px 0 0 !important;
}

.ib-color-page .ib-swatch{
  border:1px solid rgba(31,66,59,.07) !important;
  border-radius:20px !important;
  background:rgba(255,255,255,.76) !important;
  box-shadow:0 18px 50px -46px rgba(21,63,55,.5) !important;
  overflow:hidden !important;
}

.ib-color-page .ib-swatch-c{
  height:90px !important;
  border-radius:0 !important;
}

.ib-color-page .ib-swatch-n{
  min-height:54px !important;
  padding:13px 14px !important;
  font-size:13px !important;
  line-height:1.25 !important;
  font-weight:650 !important;
}

@media(max-width:1100px){
  .ib-color-page .ib-color-hero,
  .ib-color-page .ib-palette-library-head{
    grid-template-columns:1fr !important;
    gap:28px !important;
  }
  .ib-color-page .ib-color-hero-card{
    max-width:620px !important;
  }
  .ib-color-page .ib-color-usecases{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .ib-color-usecases article:nth-child(2){
    border-right:0 !important;
  }
  .ib-color-usecases article:nth-child(1),
  .ib-color-usecases article:nth-child(2){
    border-bottom:1px solid rgba(32,70,62,.08) !important;
  }
  .ib-color-page .ib-palette-card,
  .ib-color-page .ib-palette-card:nth-child(1),
  .ib-color-page .ib-palette-card:nth-child(4),
  .ib-color-page .ib-palette-card:nth-child(6),
  .ib-color-page .ib-palette-card:nth-child(7){
    grid-column:span 6 !important;
  }
}

@media(max-width:720px){
  .ib-color-page{
    padding-top:38px !important;
  }
  .ib-color-page .ib-color-hero h1{
    font-size:clamp(44px,13vw,62px) !important;
  }
  .ib-color-page .ib-color-usecases{
    grid-template-columns:1fr !important;
  }
  .ib-color-usecases article{
    min-height:0 !important;
    border-right:0 !important;
    border-bottom:1px solid rgba(32,70,62,.08) !important;
  }
  .ib-color-usecases article:last-child{
    border-bottom:0 !important;
  }
  .ib-color-page .ib-palette-grid{
    grid-template-columns:1fr !important;
  }
  .ib-color-page .ib-palette-card,
  .ib-color-page .ib-palette-card:nth-child(1),
  .ib-color-page .ib-palette-card:nth-child(4),
  .ib-color-page .ib-palette-card:nth-child(6),
  .ib-color-page .ib-palette-card:nth-child(7){
    grid-column:auto !important;
    min-height:178px !important;
  }
  .ib-color-page .ib-palette-card strong{
    max-width:100% !important;
    font-size:28px !important;
  }
  .ib-color-page .ib-palette-strip{
    position:relative !important;
    right:auto !important;
    bottom:auto !important;
    width:100% !important;
    margin-top:22px !important;
  }
  .ib-color-page .ib-color-bar{
    display:grid !important;
    grid-template-columns:1fr !important;
  }
}

/* =========================================================
   REFERENCE STUDIO 2026.19 — Limora calm + Motion microinteractions
   ========================================================= */
html,
body.ib-scope{
  border-top:0 !important;
}

body.ib-scope{
  background:
    radial-gradient(1100px 620px at 14% -8%,rgba(231,243,238,.72),transparent 70%),
    radial-gradient(980px 680px at 88% 4%,rgba(236,241,244,.6),transparent 68%),
    linear-gradient(180deg,#fbfcfa 0%,#f7fbf8 48%,#fbfcf9 100%) !important;
}

body.ib-scope::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(19,46,41,.026) 1px,transparent 1px),
    linear-gradient(180deg,rgba(19,46,41,.022) 1px,transparent 1px);
  background-size:118px 118px;
  mask-image:linear-gradient(180deg,black 0%,rgba(0,0,0,.72) 48%,transparent 100%);
}

.ib-topbar{
  border-top:0 !important;
  background:rgba(250,252,249,.78) !important;
  color:#667770 !important;
  box-shadow:none !important;
}

.ib-header{
  border-top:0 !important;
  background:rgba(255,255,255,.78) !important;
  box-shadow:
    inset 0 -1px 0 rgba(24,55,49,.07),
    0 18px 80px -74px rgba(23,57,50,.38) !important;
  backdrop-filter:blur(18px) saturate(1.05);
}

.ib-header::before{
  display:none !important;
}

.ib-nav a{
  font-weight:680 !important;
  color:#20302c !important;
}

.ib-search input{
  background:rgba(255,255,255,.72) !important;
  border-color:rgba(31,66,59,.1) !important;
}

.ib-hero{
  position:relative !important;
  overflow:hidden !important;
  background:
    radial-gradient(620px 500px at var(--ib-pointer-x,72%) var(--ib-pointer-y,26%),rgba(204,230,220,.62),transparent 72%),
    radial-gradient(900px 580px at 14% 20%,rgba(255,255,255,.92),transparent 72%),
    linear-gradient(135deg,#fbfcfa 0%,#f4faf7 100%) !important;
}

.ib-hero::before{
  content:"";
  position:absolute;
  inset:8% 0 auto 52%;
  width:min(520px,34vw);
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(197,224,215,.44),transparent 68%);
  filter:blur(18px);
  opacity:.68;
  pointer-events:none;
}

.ib-hero h1{
  max-width:690px !important;
  font-size:clamp(58px,5.8vw,94px) !important;
  line-height:.94 !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
}

.ib-hero p{
  max-width:640px !important;
  color:#65746e !important;
}

.ib-badge,
.ib-section-kicker{
  background:transparent !important;
  border:0 !important;
  border-bottom:1px solid rgba(31,66,59,.2) !important;
  border-radius:0 !important;
  color:#526a64 !important;
  letter-spacing:.13em !important;
}

.ib-cta{
  box-shadow:0 20px 46px -32px rgba(25,83,72,.52) !important;
  transition:transform .45s cubic-bezier(.16,1,.3,1), box-shadow .45s cubic-bezier(.16,1,.3,1), background .25s ease !important;
}

.ib-cta:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 28px 64px -36px rgba(25,83,72,.58) !important;
}

.ib-hero-board,
.ib-color-page .ib-palette-card,
.ib-focus-card,
.ib-prod{
  will-change:transform;
}

.ib-hero-board{
  position:relative !important;
  transform:translate3d(calc((var(--mx, .5) - .5) * 10px), calc((var(--my, .5) - .5) * 8px), 0) !important;
  transition:transform .55s cubic-bezier(.16,1,.3,1), box-shadow .55s cubic-bezier(.16,1,.3,1) !important;
}

.ib-hero-board::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  border-radius:38px !important;
  pointer-events:none !important;
  background:
    radial-gradient(360px 260px at calc(var(--mx, .5) * 100%) calc(var(--my, .5) * 100%),rgba(255,255,255,.72),transparent 64%) !important;
  opacity:.62 !important;
  mix-blend-mode:screen;
}

.ib-hero-board-products article{
  transition:transform .45s cubic-bezier(.16,1,.3,1), background .35s ease, box-shadow .35s ease !important;
}

.ib-hero-board-products article:hover{
  background:rgba(255,255,255,.78) !important;
  transform:translateY(-4px) scale(1.01) !important;
}

.ib-focus-product,
.ib-section-categories,
.ib-color-page{
  background:transparent !important;
}

.ib-focus-card,
.ib-cat,
.ib-prod{
  border-color:rgba(31,66,59,.08) !important;
  background:rgba(255,255,255,.72) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.82),
    0 30px 100px -86px rgba(21,63,55,.5) !important;
}

.ib-color-page .ib-palette-card{
  transform:
    perspective(900px)
    rotateX(calc((.5 - var(--my, .5)) * 3deg))
    rotateY(calc((var(--mx, .5) - .5) * 4deg)) !important;
  transition:transform .5s cubic-bezier(.16,1,.3,1), box-shadow .5s cubic-bezier(.16,1,.3,1), border-color .3s ease !important;
}

.ib-color-page .ib-palette-card::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:radial-gradient(260px 180px at calc(var(--mx, .5) * 100%) calc(var(--my, .5) * 100%),rgba(255,255,255,.72),transparent 70%);
  opacity:.55;
}

.ib-color-page .ib-palette-card:hover{
  transform:
    perspective(900px)
    rotateX(calc((.5 - var(--my, .5)) * 4deg))
    rotateY(calc((var(--mx, .5) - .5) * 5deg))
    translateY(-5px) !important;
}

.ib-color-page .ib-palette-strip{
  filter:saturate(.82) contrast(.96) !important;
}

.ib-color-page .ib-tabnav{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72) !important;
}

.ib-reveal{
  transform:translateY(18px);
  transition:
    opacity .7s cubic-bezier(.16,1,.3,1),
    transform .7s cubic-bezier(.16,1,.3,1) !important;
}

.ib-reveal.ib-in{
  transform:translateY(0);
}

@media (prefers-reduced-motion: reduce){
  .ib-hero-board,
  .ib-color-page .ib-palette-card,
  .ib-cta,
  .ib-reveal{
    transform:none !important;
    transition:none !important;
  }
}

@media(max-width:820px){
  .ib-hero h1{
    font-size:clamp(46px,12vw,64px) !important;
  }
  .ib-hero::before{
    display:none !important;
  }
}

/* =========================================================
   VISUAL QA 2026.20 — category fixes and header guardrails
   ========================================================= */
html,
body.ib-scope{
  border-top:0 !important;
  outline:0 !important;
}

body.ib-scope::before{
  background:
    linear-gradient(90deg,rgba(26,57,50,.015) 1px,transparent 1px) 0 0/104px 104px,
    linear-gradient(0deg,rgba(26,57,50,.012) 1px,transparent 1px) 0 0/104px 104px !important;
}

body.ib-scope::after{
  background:
    radial-gradient(960px 560px at 12% 0%,rgba(225,239,233,.52),transparent 70%),
    radial-gradient(900px 620px at 88% 8%,rgba(235,242,239,.58),transparent 68%) !important;
}

.ib-topbar,
.ib-header,
.ib-crumbs{
  border-top:0 !important;
}

.ib-header .ib-container{
  display:grid !important;
  grid-template-columns:auto minmax(0,1fr) minmax(250px,330px) auto !important;
  gap:18px !important;
  align-items:center !important;
}

.ib-logo img{
  height:44px !important;
}

.ib-nav{
  min-width:0 !important;
  width:100% !important;
  margin-left:0 !important;
}

.ib-nav>ul{
  justify-content:center !important;
  gap:2px !important;
}

.ib-nav>ul>li>a{
  padding:9px 7px !important;
  font-size:12.5px !important;
  line-height:1.05 !important;
  white-space:nowrap !important;
}

.ib-nav>ul>li:nth-last-child(3)>a{
  max-width:66px !important;
  white-space:normal !important;
  text-align:center !important;
}

.ib-search{
  width:100% !important;
  max-width:330px !important;
  margin-left:0 !important;
}

.ib-search input[type="text"]{
  min-width:0 !important;
  width:100% !important;
}

.ib-section-cat{
  padding-top:74px !important;
}

.ib-catalog{
  align-items:start !important;
  gap:34px !important;
}

.ib-cat-head-premium{
  grid-template-columns:minmax(0,1.02fr) minmax(330px,.78fr) !important;
  gap:28px !important;
  padding:34px !important;
  border-radius:30px !important;
  background:
    radial-gradient(620px 360px at 84% 12%,rgba(226,240,234,.74),transparent 70%),
    linear-gradient(135deg,rgba(255,255,255,.9),rgba(249,252,249,.82)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    0 34px 110px -88px rgba(25,55,49,.55) !important;
}

.ib-cat-head-copy{
  min-width:0 !important;
}

.ib-cat-head-premium .ib-section-kicker,
.ib-cat-head-premium .ib-cat-panel-mark{
  background:rgba(232,245,239,.76) !important;
  border:1px solid rgba(37,84,75,.12) !important;
  border-radius:999px !important;
  color:#365f56 !important;
  letter-spacing:.08em !important;
}

.ib-cat-head-premium h1{
  max-width:560px !important;
  font-size:clamp(46px,4.2vw,70px) !important;
  line-height:.98 !important;
  margin-top:18px !important;
  overflow-wrap:normal !important;
  hyphens:none !important;
}

.ib-cat-head-premium .ib-cat-intro{
  max-width:610px !important;
  margin-top:18px !important;
}

.ib-cat-head-premium .ib-cat-intro p{
  font-size:15.5px !important;
  line-height:1.72 !important;
  color:#5f706a !important;
}

.ib-cat-panel{
  min-height:0 !important;
  justify-content:space-between !important;
  padding:28px !important;
  border-radius:24px !important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.94),rgba(246,251,248,.78)) !important;
  border:1px solid rgba(37,84,75,.1) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96) !important;
}

.ib-cat-panel-title{
  display:block;
  max-width:360px;
  margin:0 0 18px;
  color:#111917;
  font-family:var(--font-head);
  font-size:clamp(24px,2.2vw,36px);
  line-height:1.04;
  font-weight:800;
  letter-spacing:0;
}

.ib-cat-panel-system{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:0 0 18px;
}

.ib-cat-panel-system span{
  display:block;
  min-height:86px;
  padding:13px;
  border:1px solid rgba(37,84,75,.09);
  border-radius:17px;
  background:rgba(255,255,255,.68);
}

.ib-cat-panel-system b{
  display:block;
  color:#17251f;
  font-family:var(--font-head);
  font-size:14px;
  font-weight:800;
}

.ib-cat-panel-system small{
  display:block;
  margin-top:7px;
  color:#6a7b75;
  font-size:12px;
  line-height:1.35;
}

.ib-cat-panel p{
  max-width:420px !important;
  margin-top:auto !important;
  color:#64736e !important;
  font-size:14px !important;
  line-height:1.55 !important;
}

.ib-cat-panel-actions{
  margin-top:18px !important;
}

.ib-cat-panel-actions .ib-cta{
  min-height:44px !important;
  padding:0 18px !important;
  font-size:13px !important;
}

.ib-products-cat{
  margin-top:32px !important;
}

@media(max-width:1440px){
  .ib-header .ib-container{
    grid-template-columns:auto minmax(0,1fr) minmax(220px,285px) auto !important;
    gap:12px !important;
  }
  .ib-nav>ul>li>a{
    padding-left:5px !important;
    padding-right:5px !important;
    font-size:12px !important;
  }
}

@media(max-width:1240px){
  .ib-header .ib-container{
    display:flex !important;
  }
  .ib-search{
    max-width:260px !important;
    margin-left:auto !important;
  }
  .ib-nav{
    position:fixed !important;
  }
}

@media(max-width:980px){
  .ib-cat-head-premium{
    grid-template-columns:1fr !important;
    padding:26px !important;
  }
  .ib-cat-head-premium h1{
    max-width:100% !important;
    font-size:clamp(38px,10vw,58px) !important;
  }
  .ib-cat-panel{
    padding:22px !important;
  }
}

@media(max-width:620px){
  .ib-cat-panel-system{
    grid-template-columns:1fr !important;
  }
  .ib-cat-panel-actions{
    grid-template-columns:1fr !important;
  }
}

/* =========================================================
   PRODUCT QA 2026.21 — item page density and clean commerce
   ========================================================= */
.ib-search{
  display:flex !important;
  align-items:center !important;
  overflow:hidden !important;
  border:1px solid rgba(31,66,59,.12) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.86) !important;
}

.ib-search input[type="text"]{
  flex:1 1 auto !important;
  width:auto !important;
  min-width:0 !important;
  border:0 !important;
  background:transparent !important;
}

.ib-search .ib-btn,
.ib-search input[type="submit"]{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  min-width:84px !important;
  height:44px !important;
  padding:0 18px !important;
  border:0 !important;
  border-radius:999px !important;
  background:#214f48 !important;
  color:#fff !important;
  font-size:13px !important;
  font-weight:800 !important;
  opacity:1 !important;
  visibility:visible !important;
}

.ib-product-page .ib-product{
  align-items:start !important;
  grid-template-columns:minmax(360px,.96fr) minmax(330px,.74fr) !important;
  gap:0 !important;
  overflow:hidden !important;
  background:
    linear-gradient(90deg,rgba(246,249,245,.96) 0 55%,rgba(255,255,255,.95) 55% 100%) !important;
}

.ib-pgallery{
  min-height:0 !important;
  padding:28px !important;
  background:
    radial-gradient(440px 280px at 50% 26%,rgba(226,235,231,.82),transparent 70%),
    linear-gradient(180deg,#fbfcfa,#f5faf7) !important;
}

.ib-pbadge-row{
  position:relative !important;
  z-index:2 !important;
}

.ib-pgallery-frame{
  min-height:420px !important;
  height:420px !important;
  border-radius:30px !important;
  background:rgba(255,255,255,.76) !important;
  border:1px solid rgba(35,70,63,.08) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92) !important;
}

.ib-pgallery-frame img{
  max-height:360px !important;
  padding:24px !important;
  filter:drop-shadow(0 28px 38px rgba(28,48,43,.12)) !important;
}

.ib-pgallery-frame img.ib-img-wide{
  max-width:88% !important;
  max-height:330px !important;
}

.ib-pgallery-frame img.ib-img-portrait{
  max-height:380px !important;
}

.ib-pgallery-note{
  position:relative !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  width:auto !important;
  max-width:none !important;
  margin:18px 0 0 !important;
  padding:18px 20px !important;
  border-radius:22px !important;
  background:rgba(255,255,255,.84) !important;
  border:1px solid rgba(35,70,63,.09) !important;
  box-shadow:0 20px 58px -48px rgba(25,55,49,.35) !important;
}

.ib-pgallery-note strong{
  font-size:15px !important;
  color:#17251f !important;
}

.ib-pgallery-note span{
  margin-top:4px !important;
  color:#687872 !important;
  font-size:13.5px !important;
}

.ib-pinfo{
  padding:42px 42px 36px !important;
}

.ib-pname{
  max-width:440px !important;
  font-size:clamp(46px,4.4vw,72px) !important;
  line-height:.98 !important;
  margin:22px 0 18px !important;
}

.ib-pdesc{
  max-width:430px !important;
  font-size:16px !important;
  line-height:1.7 !important;
  color:#61726c !important;
}

.ib-pricebox{
  max-width:430px !important;
  margin-top:28px !important;
  overflow:hidden !important;
  border-radius:24px !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.94),rgba(248,251,248,.9)) !important;
  border:1px solid rgba(35,70,63,.12) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.96),
    0 24px 70px -56px rgba(25,55,49,.42) !important;
}

.ib-pricebox-cap{
  display:block !important;
  padding:16px 20px !important;
  background:rgba(233,243,238,.68) !important;
  border-bottom:1px solid rgba(35,70,63,.1) !important;
  color:#526a64 !important;
  font-size:12px !important;
  letter-spacing:.08em !important;
}

.ib-pricebox .ib-price-row{
  min-height:64px !important;
  padding:0 20px !important;
  background:transparent !important;
  border:0 !important;
}

.ib-pricebox .ib-price-row + .ib-price-row{
  border-top:1px solid rgba(35,70,63,.09) !important;
}

.ib-pricebox .ib-price-lbl{
  color:#788780 !important;
  font-size:14px !important;
}

.ib-pricebox .ib-price-val,
.ib-pricebox .ib-price-ask{
  color:#101917 !important;
  font-size:25px !important;
  font-weight:820 !important;
}

.ib-pactions{
  max-width:430px !important;
  margin-top:28px !important;
}

.ib-ptrust,
.ib-views{
  display:none !important;
}

.ib-cat-head-premium{
  align-items:start !important;
  gap:20px !important;
  min-height:0 !important;
  padding:28px 30px !important;
}

.ib-cat-head-premium h1{
  max-width:620px !important;
  font-size:clamp(42px,3.7vw,62px) !important;
}

.ib-cat-panel{
  align-self:start !important;
  max-width:420px !important;
}

.ib-cat-panel-title{
  font-size:clamp(22px,1.8vw,32px) !important;
}

.ib-cat-panel-system span{
  min-height:78px !important;
}

.ib-products-cat{
  align-items:start !important;
}

@media(max-width:980px){
  .ib-product-page .ib-product{
    grid-template-columns:1fr !important;
    background:rgba(255,255,255,.86) !important;
  }
  .ib-pgallery-frame{
    height:auto !important;
    min-height:320px !important;
  }
  .ib-pgallery-frame img{
    max-height:300px !important;
  }
  .ib-pinfo{
    padding:30px 24px !important;
  }
  .ib-pname{
    font-size:clamp(38px,10vw,58px) !important;
  }
}

/* =========================================================
   PRODUCT MOTION 2026.22 — premium item storytelling
   Inspired by free CSS motion patterns: reveal, spotlight, float
   ========================================================= */
:root{
  --ib-soft-mint:#eef8f4;
  --ib-ink-soft:#14211e;
  --ib-line-soft:rgba(31,66,59,.095);
}

.ib-product-page{
  background:
    radial-gradient(720px 520px at 74% 18%,rgba(221,240,233,.62),transparent 68%),
    radial-gradient(600px 420px at 22% 78%,rgba(242,247,240,.78),transparent 72%),
    linear-gradient(180deg,#fbfcfa 0%,#f8fbf8 54%,#fbfcfa 100%) !important;
}

.ib-product-page .ib-product{
  position:relative !important;
  grid-template-columns:minmax(430px,1fr) minmax(330px,.68fr) !important;
  border-radius:34px !important;
  border:1px solid rgba(31,66,59,.11) !important;
  box-shadow:
    0 32px 90px -76px rgba(25,55,49,.62),
    inset 0 1px 0 rgba(255,255,255,.94) !important;
  isolation:isolate !important;
}

.ib-product-page .ib-product::before{
  content:"" !important;
  position:absolute !important;
  inset:-1px !important;
  z-index:-1 !important;
  border-radius:inherit !important;
  opacity:.82 !important;
  background:
    radial-gradient(440px 300px at calc(var(--mx,.5) * 100%) calc(var(--my,.35) * 100%),rgba(205,228,219,.55),transparent 70%),
    linear-gradient(120deg,rgba(255,255,255,.72),rgba(241,249,245,.64)) !important;
  transition:opacity .35s ease !important;
}

.ib-pgallery{
  display:flex !important;
  flex-direction:column !important;
  gap:18px !important;
  padding:34px !important;
  background:
    radial-gradient(520px 300px at 50% 18%,rgba(230,240,235,.92),transparent 70%),
    linear-gradient(180deg,#fbfcfa,#f7fbf8) !important;
}

.ib-pbadge-row{
  gap:10px !important;
}

.ib-pbadge-row span,
.ib-pmeta span{
  border-radius:999px !important;
  background:rgba(235,247,242,.9) !important;
  border:1px solid rgba(31,66,59,.1) !important;
  color:#2d5f55 !important;
  box-shadow:none !important;
}

.ib-pgallery-frame{
  height:360px !important;
  min-height:360px !important;
  border-radius:28px !important;
  background:
    radial-gradient(320px 180px at 50% 84%,rgba(32,73,66,.08),transparent 68%),
    rgba(255,255,255,.82) !important;
}

.ib-pgallery-frame img{
  max-height:314px !important;
  animation:ibProductFloat 7s ease-in-out infinite !important;
}

.ib-pgallery-note{
  margin:0 !important;
  padding:17px 20px !important;
  border-radius:20px !important;
  background:rgba(255,255,255,.78) !important;
  backdrop-filter:blur(14px) !important;
}

.ib-pstory{
  padding:24px 24px 22px !important;
  border-radius:26px !important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.86),rgba(245,251,248,.78)) !important;
  border:1px solid var(--ib-line-soft) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.92),
    0 24px 70px -62px rgba(26,57,50,.48) !important;
}

.ib-pstory-cap{
  display:inline-flex !important;
  margin-bottom:12px !important;
  padding:7px 10px !important;
  border-radius:999px !important;
  background:rgba(229,244,238,.92) !important;
  color:#2d5f55 !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}

.ib-pstory h2{
  margin:0 0 12px !important;
  max-width:92% !important;
  color:var(--ib-ink-soft) !important;
  font-family:var(--font-head) !important;
  font-size:clamp(24px,2vw,34px) !important;
  line-height:1.05 !important;
  letter-spacing:0 !important;
}

.ib-pstory p{
  margin:0 !important;
  max-width:680px !important;
  color:#5f706a !important;
  font-size:15.5px !important;
  line-height:1.72 !important;
}

.ib-pstory-grid{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:12px !important;
  margin-top:18px !important;
}

.ib-pstory-grid span{
  display:block !important;
  min-height:86px !important;
  padding:15px !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.72) !important;
  border:1px solid rgba(31,66,59,.08) !important;
  color:#65756f !important;
  font-size:13.5px !important;
  line-height:1.45 !important;
}

.ib-pstory-grid strong{
  display:block !important;
  margin-bottom:6px !important;
  color:#14211e !important;
  font-family:var(--font-head) !important;
  font-size:14px !important;
}

.ib-pinfo{
  padding:40px 38px !important;
}

.ib-pinfo .ib-pmeta{
  margin-bottom:20px !important;
}

.ib-pinfo .ib-pmeta span:not(:first-child){
  display:none !important;
}

.ib-pname{
  max-width:430px !important;
  font-size:clamp(42px,3.55vw,62px) !important;
  line-height:1.02 !important;
  margin:0 0 18px !important;
  text-wrap:balance !important;
}

.ib-pdesc{
  font-size:15.5px !important;
  line-height:1.68 !important;
}

.ib-pricebox{
  margin-top:24px !important;
  border-radius:22px !important;
}

.ib-pricebox-cap{
  background:rgba(238,248,244,.84) !important;
}

.ib-pricebox .ib-price-row{
  min-height:58px !important;
}

.ib-pricebox .ib-price-val,
.ib-pricebox .ib-price-ask{
  font-size:23px !important;
}

.ib-pactions{
  gap:12px !important;
}

.ib-cta{
  transition:
    transform .28s cubic-bezier(.2,.8,.2,1),
    box-shadow .28s ease,
    background-color .28s ease !important;
}

.ib-cta:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 18px 40px -28px rgba(26,57,50,.55) !important;
}

@keyframes ibProductFloat{
  0%,100%{transform:translateY(0) rotate(.001deg)}
  50%{transform:translateY(-7px) rotate(.001deg)}
}

@media(prefers-reduced-motion:reduce){
  .ib-pgallery-frame img{
    animation:none !important;
  }
}

@media(max-width:980px){
  .ib-product-page .ib-product{
    grid-template-columns:1fr !important;
  }
  .ib-pgallery{
    padding:22px !important;
  }
  .ib-pgallery-frame{
    height:310px !important;
    min-height:310px !important;
  }
  .ib-pgallery-frame img{
    max-height:278px !important;
  }
  .ib-pstory-grid{
    grid-template-columns:1fr !important;
  }
}

/* =========================================================
   LAUNCH FINAL 2026.23 — product page QA before production
   ========================================================= */
html,
body{
  border-top:0 !important;
}

body::after{
  display:none !important;
}

.ib-topbar,
.ib-header{
  border-top:0 !important;
}

.ib-topbar::before,
.ib-topbar::after,
.ib-header::before,
.ib-header::after{
  display:none !important;
}

.ib-product-page .ib-product{
  grid-template-columns:minmax(460px,1.03fr) minmax(340px,.67fr) !important;
}

.ib-pname{
  max-width:480px !important;
  font-size:clamp(36px,3vw,54px) !important;
  line-height:1.05 !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  hyphens:none !important;
  text-wrap:balance !important;
}

.ib-pinfo{
  padding:38px 40px !important;
}

.ib-pdesc{
  max-width:470px !important;
}

.ib-pstory{
  max-height:none !important;
}

.ib-pstory p{
  max-width:620px !important;
}

.ib-pricebox{
  max-width:420px !important;
}

.ib-certs{
  max-width:420px !important;
  margin-top:24px !important;
  padding-top:20px !important;
  border-top:1px solid rgba(31,66,59,.1) !important;
}

.ib-certs-cap{
  display:block !important;
  margin-bottom:10px !important;
  color:#60746d !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
}

.ib-cert{
  display:grid !important;
  grid-template-columns:40px 1fr !important;
  gap:12px !important;
  align-items:center !important;
  min-height:58px !important;
  padding:11px 13px !important;
  border:1px solid rgba(31,66,59,.08) !important;
  border-radius:16px !important;
  background:rgba(238,248,244,.72) !important;
  color:#2d5f55 !important;
  font-size:13px !important;
  line-height:1.35 !important;
  text-decoration:none !important;
  overflow-wrap:anywhere !important;
}

.ib-cert + .ib-cert{
  margin-top:8px !important;
}

.ib-cert-ic{
  width:34px !important;
  height:34px !important;
  border-radius:10px !important;
  background:#fff7f1 !important;
  color:#2d5f55 !important;
  font-size:10px !important;
  font-weight:900 !important;
}

@media(max-width:1180px){
  .ib-product-page .ib-product{
    grid-template-columns:minmax(390px,1fr) minmax(320px,.78fr) !important;
  }
  .ib-pname{
    font-size:clamp(34px,3.4vw,48px) !important;
  }
}

@media(max-width:980px){
  .ib-product-page .ib-product{
    grid-template-columns:1fr !important;
  }
  .ib-pname{
    max-width:100% !important;
    font-size:clamp(34px,9vw,50px) !important;
  }
  .ib-pricebox,
  .ib-certs{
    max-width:none !important;
  }
}

/* =========================================================
   RELEASE CLEANUP 2026.24 — upload build, sticky header, color UX
   ========================================================= */
.ib-header{
  position:sticky !important;
  top:0 !important;
  z-index:1500 !important;
  background:rgba(255,255,252,.9) !important;
  border-bottom:1px solid rgba(31,66,59,.08) !important;
  box-shadow:0 12px 40px -38px rgba(25,55,49,.45) !important;
  backdrop-filter:blur(18px) saturate(1.08) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.08) !important;
}

.ib-header.ib-shrink{
  background:rgba(255,255,252,.96) !important;
  box-shadow:0 22px 70px -52px rgba(25,55,49,.55) !important;
}

.ib-nav a.ib-current{
  color:#174f46 !important;
  background:rgba(229,244,238,.78) !important;
}

.ib-nav a.ib-current::after{
  width:0 !important;
}

.ib-scroll-progress{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  z-index:2000 !important;
  height:3px !important;
  transform:scaleX(0) !important;
  transform-origin:left center !important;
  background:linear-gradient(90deg,#d7ebe4,#1d5a50,#c8d8d1) !important;
  box-shadow:0 0 22px rgba(29,90,80,.24) !important;
  pointer-events:none !important;
}

.ib-hero,
.ib-color-page .ib-color-hero,
.ib-section-categories{
  position:relative !important;
  overflow:hidden !important;
}

.ib-hero::before,
.ib-color-page .ib-color-hero::before,
.ib-section-categories::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  opacity:.38 !important;
  background:
    linear-gradient(90deg,rgba(31,66,59,.035) 1px,transparent 1px) 0 0/86px 86px,
    linear-gradient(0deg,rgba(31,66,59,.026) 1px,transparent 1px) 0 0/86px 86px !important;
  mask-image:radial-gradient(ellipse at center,#000 0%,rgba(0,0,0,.72) 36%,transparent 76%) !important;
  -webkit-mask-image:radial-gradient(ellipse at center,#000 0%,rgba(0,0,0,.72) 36%,transparent 76%) !important;
  animation:ibNimbusDrift 18s linear infinite !important;
}

.ib-hero > *,
.ib-color-page .ib-color-hero > *,
.ib-section-categories > *{
  position:relative !important;
  z-index:1 !important;
}

.ib-hero-board-products article{
  animation:ibBoardBreathe 7s ease-in-out infinite !important;
}

.ib-hero-board-products article:nth-child(2){animation-delay:.45s !important}
.ib-hero-board-products article:nth-child(3){animation-delay:.9s !important}
.ib-hero-board-products article:nth-child(4){animation-delay:1.35s !important}
.ib-hero-board-products article:nth-child(5){animation-delay:1.8s !important}
.ib-hero-board-products article:nth-child(6){animation-delay:2.25s !important}

.ib-hero-board-samples span,
.ib-color-page .ib-palette-strip{
  transition:filter .45s ease, transform .45s cubic-bezier(.16,1,.3,1) !important;
}

.ib-hero-board:hover .ib-hero-board-samples span{
  filter:saturate(1.08) contrast(1.03) !important;
}

.ib-hero-board:hover .ib-hero-board-samples span:nth-child(1){transform:translateY(-3px)}
.ib-hero-board:hover .ib-hero-board-samples span:nth-child(2){transform:translateY(2px)}
.ib-hero-board:hover .ib-hero-board-samples span:nth-child(3){transform:translateY(-2px)}
.ib-hero-board:hover .ib-hero-board-samples span:nth-child(4){transform:translateY(2px)}
.ib-hero-board:hover .ib-hero-board-samples span:nth-child(5){transform:translateY(-3px)}
.ib-hero-board:hover .ib-hero-board-samples span:nth-child(6){transform:translateY(2px)}

@keyframes ibNimbusDrift{
  0%{background-position:0 0,0 0}
  100%{background-position:86px 43px,43px 86px}
}

@keyframes ibBoardBreathe{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-4px)}
}

.ib-topbar{
  position:relative !important;
  z-index:1510 !important;
  background:#fbfcf9 !important;
}

.ib-search{
  position:relative !important;
}

.ib-suggest{
  top:calc(100% + 10px) !important;
  right:0 !important;
  left:auto !important;
  min-width:min(440px,92vw) !important;
  border-radius:22px !important;
  border:1px solid rgba(31,66,59,.1) !important;
  background:rgba(255,255,252,.98) !important;
  box-shadow:0 28px 80px -56px rgba(25,55,49,.55) !important;
  overflow:hidden !important;
}

.ib-color-page .ib-section-kicker,
.ib-color-page .ib-palette-status,
.ib-color-page .ib-color-card-kicker{
  display:none !important;
}

.ib-color-page .ib-color-hero{
  margin-top:10px !important;
  margin-bottom:58px !important;
  align-items:center !important;
}

.ib-color-page .ib-color-hero h1{
  margin-top:0 !important;
  max-width:700px !important;
  font-size:clamp(58px,6vw,84px) !important;
  font-weight:680 !important;
}

.ib-color-page .ib-color-hero p{
  max-width:760px !important;
}

.ib-color-page .ib-color-spectrum{
  transform:translateZ(0) !important;
}

.ib-color-page .ib-color-spectrum span{
  transition:transform .42s cubic-bezier(.16,1,.3,1), filter .42s ease !important;
}

.ib-color-page .ib-color-hero-card:hover .ib-color-spectrum span:nth-child(1){transform:translateX(-5px) translateY(-2px)}
.ib-color-page .ib-color-hero-card:hover .ib-color-spectrum span:nth-child(2){transform:translateX(-2px) translateY(2px)}
.ib-color-page .ib-color-hero-card:hover .ib-color-spectrum span:nth-child(3){transform:translateY(-3px)}
.ib-color-page .ib-color-hero-card:hover .ib-color-spectrum span:nth-child(4){transform:translateX(2px) translateY(2px)}
.ib-color-page .ib-color-hero-card:hover .ib-color-spectrum span:nth-child(5){transform:translateX(5px) translateY(-2px)}

.ib-color-page .ib-color-hero-card,
.ib-hero-board,
.ib-product,
.ib-cat-head-premium{
  --mx:.5;
  --my:.5;
}

.ib-color-page .ib-color-hero-card::after,
.ib-hero-board::after,
.ib-product::after,
.ib-cat-head-premium::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  border-radius:inherit !important;
  pointer-events:none !important;
  opacity:.5 !important;
  background:radial-gradient(420px 260px at calc(var(--mx) * 100%) calc(var(--my) * 100%),rgba(255,255,255,.52),transparent 72%) !important;
  mix-blend-mode:screen !important;
}

.ib-color-page .ib-palette-library-head{
  align-items:center !important;
}

.ib-color-page .ib-palette-library h2{
  margin-top:0 !important;
}

.ib-palette-search-wrap{
  position:relative !important;
}

.ib-color-page .ib-palette-library .ib-palette-search{
  width:100% !important;
  padding:0 24px !important;
  color:#17251f !important;
  font-size:15px !important;
}

.ib-palette-suggest{
  position:absolute !important;
  top:calc(100% + 12px) !important;
  right:0 !important;
  left:0 !important;
  z-index:30 !important;
  padding:8px !important;
  border:1px solid rgba(31,66,59,.1) !important;
  border-radius:24px !important;
  background:rgba(255,255,252,.98) !important;
  box-shadow:0 28px 80px -56px rgba(25,55,49,.55) !important;
  backdrop-filter:blur(14px) !important;
}

.ib-palette-suggest[hidden]{
  display:none !important;
}

.ib-palette-suggest a{
  display:grid !important;
  grid-template-columns:42px 1fr !important;
  column-gap:12px !important;
  align-items:center !important;
  padding:10px !important;
  border-radius:16px !important;
  color:#14211e !important;
  text-decoration:none !important;
}

.ib-palette-suggest a:hover{
  background:#eef8f4 !important;
}

.ib-palette-suggest span{
  grid-row:span 2 !important;
  width:42px !important;
  height:42px !important;
  border-radius:14px !important;
  border:1px solid rgba(31,66,59,.08) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.35) !important;
}

.ib-palette-suggest b{
  font-family:var(--font-head) !important;
  font-size:14px !important;
  line-height:1.15 !important;
}

.ib-palette-suggest small{
  margin-top:3px !important;
  color:#6b7b75 !important;
  font-size:12px !important;
}

.ib-color-page .ib-palette-card{
  cursor:pointer !important;
}

.ib-color-page .ib-palette-card small{
  max-width:58% !important;
  font-size:13px !important;
  line-height:1.35 !important;
  font-weight:560 !important;
}

.ib-color-page .ib-palette-strip::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  border-radius:inherit !important;
  background:linear-gradient(110deg,transparent 0 38%,rgba(255,255,255,.28) 48%,transparent 58% 100%) !important;
  opacity:0 !important;
  transform:translateX(-45%) !important;
  transition:opacity .28s ease, transform .75s cubic-bezier(.16,1,.3,1) !important;
}

.ib-color-page .ib-palette-card:hover .ib-palette-strip::after{
  opacity:1 !important;
  transform:translateX(45%) !important;
}

.ib-color-page .ib-color-count{
  background:transparent !important;
  padding:0 2px !important;
  color:#315f56 !important;
  font-size:13px !important;
  letter-spacing:.03em !important;
}

.ib-color-page .ib-swatch{
  transition:transform .34s cubic-bezier(.16,1,.3,1), box-shadow .34s ease, border-color .34s ease !important;
}

.ib-color-page .ib-swatch:hover{
  transform:translateY(-4px) !important;
  border-color:rgba(31,66,59,.16) !important;
  box-shadow:0 28px 70px -54px rgba(25,55,49,.6) !important;
}

@media(max-width:1240px){
  .ib-header{
    top:0 !important;
  }
  .ib-header .ib-container{
    gap:14px !important;
  }
}

@media(max-width:720px){
  .ib-color-page .ib-color-hero{
    margin-bottom:38px !important;
  }
  .ib-color-page .ib-palette-library-head{
    gap:18px !important;
  }
  .ib-palette-suggest{
    position:relative !important;
    top:auto !important;
    margin-top:10px !important;
  }
}

@media(prefers-reduced-motion:reduce){
  .ib-color-page .ib-color-spectrum span,
  .ib-color-page .ib-palette-strip::after,
  .ib-color-page .ib-swatch,
  .ib-palette-suggest a,
  .ib-scroll-progress,
  .ib-hero::before,
  .ib-color-page .ib-color-hero::before,
  .ib-section-categories::before,
  .ib-hero-board-products article{
    transition:none !important;
    animation:none !important;
  }
}

/* ============================================================
   HOMEPAGE MOTION STUDIO 2026.07.20
   Free motion ideas adapted in-house: magnetic cards, scroll rail,
   clickable hero tiles, calm premium palette.
   ============================================================ */
.ib-hero{
  min-height:calc(100vh - 118px) !important;
  padding:78px 0 88px !important;
  background:
    radial-gradient(circle at 80% 22%,rgba(187,212,202,.34),transparent 34%),
    radial-gradient(circle at 10% 70%,rgba(246,244,238,.94),transparent 42%),
    linear-gradient(115deg,#fbfbf7 0%,#f7faf6 47%,#eef7f2 100%) !important;
}

.ib-hero h1{
  max-width:700px !important;
  font-size:clamp(72px,7.4vw,126px) !important;
  line-height:.88 !important;
  letter-spacing:-.045em !important;
  font-weight:620 !important;
  color:#111715 !important;
}

.ib-hero p{
  max-width:630px !important;
  font-size:clamp(18px,1.24vw,23px) !important;
  line-height:1.55 !important;
  color:#64736d !important;
}

.ib-hero-board{
  width:min(640px,100%) !important;
  min-height:560px !important;
  padding:30px !important;
  border-radius:38px !important;
  background:
    radial-gradient(circle at calc(var(--mx, .5) * 100%) calc(var(--my, .5) * 100%),rgba(255,255,255,.28),transparent 42%),
    linear-gradient(145deg,#0f1815 0%,#172822 62%,#22382f 100%) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:0 50px 120px -78px rgba(12,25,20,.82) !important;
  color:#fff !important;
}

.ib-hero-board-head{
  margin-bottom:18px !important;
  color:#eff7f2 !important;
}

.ib-hero-board-head span{display:none !important}

.ib-hero-board-head strong{
  display:block !important;
  text-align:right !important;
  font-size:clamp(24px,2.15vw,38px) !important;
  line-height:.95 !important;
  letter-spacing:-.035em !important;
  color:#f7fbf7 !important;
}

.ib-hero-board-products{
  display:grid !important;
  grid-template-columns:1.1fr 1fr 1fr !important;
  gap:14px !important;
}

.ib-hero-board-products article,
.ib-hero-board-products a.ib-hero-tile,
.ib-hero-board-products a.ib-hero-tile:first-child,
.ib-hero-board-products a.ib-hero-tile:nth-child(4),
.ib-hero-board-products a.ib-hero-tile:nth-child(5){
  position:relative !important;
  display:flex !important;
  min-height:176px !important;
  height:auto !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  padding:16px 12px !important;
  border-radius:24px !important;
  background:rgba(255,255,255,.94) !important;
  border:1px solid rgba(255,255,255,.7) !important;
  color:#12211d !important;
  text-align:center !important;
  text-decoration:none !important;
  overflow:hidden !important;
  box-shadow:0 22px 60px -46px rgba(0,0,0,.9) !important;
  transition:transform .45s cubic-bezier(.16,1,.3,1), box-shadow .45s ease, background .45s ease !important;
}

.ib-hero-board-products a.ib-hero-tile:first-child{
  grid-row:span 2 !important;
  min-height:368px !important;
}

.ib-hero-board-products a.ib-hero-tile:hover{
  transform:translateY(-8px) scale(1.015) !important;
  box-shadow:0 36px 90px -52px rgba(0,0,0,.95) !important;
  background:#fff !important;
}

.ib-hero-board-products img,
.ib-hero-board-products a.ib-hero-tile:first-child img{
  width:100% !important;
  max-width:150px !important;
  height:108px !important;
  object-fit:contain !important;
  filter:drop-shadow(0 22px 26px rgba(18,28,24,.22)) !important;
  transition:transform .45s cubic-bezier(.16,1,.3,1) !important;
}

.ib-hero-board-products a.ib-hero-tile:first-child img{
  max-width:220px !important;
  height:178px !important;
}

.ib-hero-board-products a.ib-hero-tile:hover img{
  transform:translateY(-5px) rotate(-1deg) !important;
}

.ib-hero-board-products span{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:32px !important;
  padding:7px 15px !important;
  border-radius:999px !important;
  background:#e9f3ee !important;
  color:#315b52 !important;
  font-size:13px !important;
  font-weight:780 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}

.ib-hero-board-products small{
  max-width:150px !important;
  color:#6f7d77 !important;
  font-size:13px !important;
  line-height:1.25 !important;
  font-weight:560 !important;
}

.ib-hero-board-samples{
  height:42px !important;
  margin:18px 0 14px !important;
  border-radius:18px !important;
  overflow:hidden !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),0 18px 50px -36px rgba(0,0,0,.9) !important;
}

.ib-hero-board .ib-hero-note{
  margin-top:0 !important;
  padding:18px 20px !important;
  border-radius:20px !important;
  background:rgba(255,255,255,.94) !important;
  color:#16231f !important;
  border:1px solid rgba(255,255,255,.75) !important;
}

.ib-hero-board .ib-hero-note strong{
  color:#17231f !important;
}

.ib-motion-showcase{
  position:relative !important;
  overflow:hidden !important;
  padding:84px 0 !important;
  background:#0d1412 !important;
  color:#eff7f2 !important;
}

.ib-motion-showcase::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    radial-gradient(circle at 14% 20%,rgba(101,170,148,.22),transparent 34%),
    linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),
    linear-gradient(180deg,rgba(255,255,255,.035) 1px,transparent 1px) !important;
  background-size:auto,88px 88px,88px 88px !important;
  opacity:.8 !important;
}

.ib-motion-shell{
  position:relative !important;
  z-index:1 !important;
  width:min(100%,1600px) !important;
  margin:0 auto !important;
}

.ib-motion-copy{
  width:min(1120px,calc(100% - 40px)) !important;
  margin:0 auto 38px !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:30px !important;
}

.ib-motion-copy span{
  color:#9bbab1 !important;
  font-size:12px !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  font-weight:760 !important;
}

.ib-motion-copy h2{
  max-width:760px !important;
  margin:0 !important;
  color:#fff !important;
  font-size:clamp(46px,5.8vw,96px) !important;
  line-height:.9 !important;
  letter-spacing:-.045em !important;
  font-weight:620 !important;
  text-align:right !important;
}

.ib-motion-rail{
  display:flex !important;
  width:max-content !important;
  gap:16px !important;
  padding:0 18px 16px !important;
  will-change:transform !important;
  animation:ibRailAuto 38s linear infinite !important;
}

.ib-motion-rail-alt{
  animation-direction:reverse !important;
  opacity:.82 !important;
}

.ib-motion-tile{
  width:330px !important;
  min-height:230px !important;
  display:grid !important;
  grid-template-columns:132px 1fr !important;
  grid-template-rows:1fr auto !important;
  align-items:center !important;
  gap:10px 18px !important;
  padding:22px !important;
  border-radius:32px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.055)) !important;
  color:#fff !important;
  text-decoration:none !important;
  box-shadow:0 34px 90px -66px rgba(0,0,0,.95) !important;
  backdrop-filter:blur(14px) !important;
  transition:transform .38s cubic-bezier(.16,1,.3,1), border-color .38s ease, background .38s ease !important;
}

.ib-motion-tile:hover{
  transform:translateY(-8px) !important;
  border-color:rgba(219,244,234,.42) !important;
  background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.08)) !important;
}

.ib-motion-tile img{
  grid-row:span 2 !important;
  width:132px !important;
  height:150px !important;
  object-fit:contain !important;
  filter:drop-shadow(0 24px 28px rgba(0,0,0,.38)) !important;
}

.ib-motion-tile strong{
  align-self:end !important;
  font-size:30px !important;
  line-height:.95 !important;
  letter-spacing:-.025em !important;
}

.ib-motion-tile small{
  align-self:start !important;
  color:#adc4bc !important;
  font-size:15px !important;
}

@keyframes ibRailAuto{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}

@media(max-width:980px){
  .ib-hero{
    min-height:0 !important;
    padding:54px 0 70px !important;
  }
  .ib-hero h1{
    font-size:clamp(48px,12vw,76px) !important;
  }
  .ib-hero-board{
    min-height:0 !important;
    padding:20px !important;
    border-radius:28px !important;
  }
  .ib-hero-board-products{
    grid-template-columns:1fr 1fr !important;
  }
  .ib-hero-board-products a.ib-hero-tile:first-child{
    grid-row:auto !important;
    grid-column:span 2 !important;
    min-height:220px !important;
  }
  .ib-motion-copy{
    display:block !important;
  }
  .ib-motion-copy h2{
    margin-top:16px !important;
    text-align:left !important;
  }
}

@media(max-width:620px){
  .ib-hero-board-products{
    grid-template-columns:1fr !important;
  }
  .ib-hero-board-products a.ib-hero-tile:first-child{
    grid-column:auto !important;
  }
  .ib-motion-tile{
    width:280px !important;
    grid-template-columns:105px 1fr !important;
    min-height:190px !important;
    border-radius:26px !important;
  }
  .ib-motion-tile img{
    width:105px !important;
    height:125px !important;
  }
  .ib-motion-tile strong{
    font-size:24px !important;
  }
}

@media(prefers-reduced-motion:reduce){
  .ib-motion-rail,
  .ib-hero-board-products a.ib-hero-tile{
    animation:none !important;
    transition:none !important;
  }
}

/* ============================================================
   FINAL LIGHT MOTION + COLOR PAGE POLISH 2026.07.20
   ============================================================ */
.ib-motion-showcase{
  padding:92px 0 !important;
  background:
    radial-gradient(circle at 14% 16%,rgba(206,230,222,.7),transparent 34%),
    radial-gradient(circle at 86% 78%,rgba(241,246,240,.95),transparent 38%),
    linear-gradient(180deg,#f9fbf8 0%,#edf7f2 100%) !important;
  color:#0f1815 !important;
}

.ib-motion-showcase::before{
  background:
    linear-gradient(90deg,rgba(40,78,69,.05) 1px,transparent 1px),
    linear-gradient(180deg,rgba(40,78,69,.045) 1px,transparent 1px) !important;
  background-size:92px 92px,92px 92px !important;
  opacity:.9 !important;
}

.ib-motion-copy span{
  color:#4b7b70 !important;
}

.ib-motion-copy h2{
  color:#111715 !important;
  text-wrap:balance !important;
}

.ib-motion-tile{
  width:360px !important;
  min-height:220px !important;
  grid-template-columns:140px 1fr !important;
  background:rgba(255,255,252,.78) !important;
  border:1px solid rgba(38,66,59,.12) !important;
  color:#111715 !important;
  box-shadow:0 34px 96px -72px rgba(23,47,41,.62), inset 0 1px 0 rgba(255,255,255,.86) !important;
}

.ib-motion-tile:hover{
  border-color:rgba(62,112,99,.28) !important;
  background:rgba(255,255,255,.94) !important;
  box-shadow:0 42px 120px -78px rgba(23,47,41,.75), inset 0 1px 0 rgba(255,255,255,.95) !important;
}

.ib-motion-tile strong{
  color:#121b18 !important;
  font-size:28px !important;
  text-wrap:balance !important;
}

.ib-motion-tile small{
  max-width:160px !important;
  color:#64746f !important;
  line-height:1.35 !important;
}

.ib-motion-tile img{
  filter:drop-shadow(0 24px 30px rgba(35,49,43,.18)) !important;
}

.ib-color-page .ib-color-hero h1{
  max-width:760px !important;
  text-wrap:balance !important;
}

.ib-color-page .ib-color-hero p{
  max-width:820px !important;
  font-size:clamp(17px,1.05vw,20px) !important;
  line-height:1.72 !important;
}

.ib-color-page .ib-color-hero-card{
  padding:42px !important;
  min-height:360px !important;
  border-radius:34px !important;
  background:rgba(255,255,252,.82) !important;
  box-shadow:0 34px 100px -78px rgba(30,62,54,.62), inset 0 1px 0 rgba(255,255,255,.9) !important;
}

.ib-color-page .ib-color-hero-card strong{
  font-size:clamp(28px,2vw,38px) !important;
  line-height:1.05 !important;
  letter-spacing:-.035em !important;
  color:#121b18 !important;
}

.ib-color-page .ib-color-hero-card p{
  margin-top:20px !important;
  color:#66766f !important;
  font-size:17px !important;
  line-height:1.65 !important;
}

.ib-color-checklist{
  margin:20px 0 24px !important;
  padding:0 !important;
  list-style:none !important;
  display:grid !important;
  gap:10px !important;
}

.ib-color-checklist li{
  position:relative !important;
  padding-left:24px !important;
  color:#324640 !important;
  font-size:15px !important;
  line-height:1.35 !important;
  font-weight:620 !important;
}

.ib-color-checklist li::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:.55em !important;
  width:8px !important;
  height:8px !important;
  border-radius:999px !important;
  background:#9ebdb2 !important;
  box-shadow:0 0 0 5px rgba(158,189,178,.16) !important;
}

.ib-color-usecases{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  border:1px solid rgba(35,63,56,.12) !important;
  border-radius:30px !important;
  background:rgba(255,255,252,.72) !important;
  overflow:hidden !important;
  box-shadow:0 32px 96px -80px rgba(27,54,48,.62) !important;
}

.ib-color-usecases article,
.ib-color-usecases a{
  min-height:176px !important;
  padding:28px !important;
  color:#12211d !important;
  text-decoration:none !important;
  border-right:1px solid rgba(35,63,56,.1) !important;
  transition:background .3s ease, transform .3s cubic-bezier(.16,1,.3,1) !important;
}

.ib-color-usecases article:last-child,
.ib-color-usecases a:last-child{
  border-right:0 !important;
}

.ib-color-usecases a:hover{
  background:#f2faf6 !important;
  transform:translateY(-3px) !important;
}

.ib-color-usecases span{
  display:block !important;
  margin-bottom:28px !important;
  color:#6d9087 !important;
  font-weight:760 !important;
}

.ib-color-usecases strong{
  display:block !important;
  max-width:210px !important;
  color:#111715 !important;
  font-size:clamp(23px,1.45vw,30px) !important;
  line-height:1.02 !important;
  letter-spacing:-.03em !important;
}

.ib-color-usecases p{
  margin:13px 0 0 !important;
  color:#71817b !important;
  font-size:15px !important;
  line-height:1.45 !important;
}

.ib-color-page .ib-palette-library{
  margin-top:62px !important;
  padding:42px !important;
  border-radius:36px !important;
  background:rgba(255,255,252,.82) !important;
}

.ib-color-page .ib-palette-library-head{
  display:block !important;
  margin-bottom:28px !important;
}

.ib-color-page .ib-palette-library h2{
  max-width:760px !important;
  font-size:clamp(48px,4.3vw,76px) !important;
  line-height:.94 !important;
  letter-spacing:-.045em !important;
  text-wrap:balance !important;
}

.ib-color-page .ib-palette-library p{
  max-width:840px !important;
  margin-top:16px !important;
  color:#64746f !important;
  font-size:18px !important;
  line-height:1.6 !important;
}

.ib-color-page .ib-palette-library .ib-palette-search-wrap{
  display:none !important;
}

.ib-color-page .ib-palette-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:18px !important;
}

.ib-color-page .ib-palette-card,
.ib-color-page .ib-palette-card:nth-child(1),
.ib-color-page .ib-palette-card:nth-child(4),
.ib-color-page .ib-palette-card:nth-child(6),
.ib-color-page .ib-palette-card:nth-child(7){
  min-height:270px !important;
  padding:28px !important;
  border-radius:28px !important;
  background:linear-gradient(180deg,#fffefb 0%,#f7fbf8 100%) !important;
  border:1px solid rgba(35,63,56,.12) !important;
  box-shadow:0 26px 82px -70px rgba(22,47,40,.55), inset 0 1px 0 rgba(255,255,255,.9) !important;
}

.ib-color-page .ib-palette-card::after{
  content:"Відкрити палітру" !important;
  position:absolute !important;
  left:28px !important;
  bottom:26px !important;
  right:auto !important;
  top:auto !important;
  width:auto !important;
  height:auto !important;
  padding:9px 15px !important;
  border-radius:999px !important;
  background:#e8f4ef !important;
  color:#2e675c !important;
  font-size:12px !important;
  font-weight:780 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  opacity:1 !important;
}

.ib-color-page .ib-palette-card strong{
  max-width:85% !important;
  min-height:72px !important;
  color:#111715 !important;
  font-size:clamp(28px,2.1vw,42px) !important;
  line-height:.98 !important;
  letter-spacing:-.035em !important;
}

.ib-color-page .ib-palette-card small{
  max-width:78% !important;
  margin-top:10px !important;
  color:#6a7a74 !important;
  font-size:15px !important;
  line-height:1.35 !important;
}

.ib-color-page .ib-palette-source{
  display:none !important;
}

.ib-color-page .ib-palette-strip{
  left:auto !important;
  right:24px !important;
  bottom:26px !important;
  width:48% !important;
  max-width:230px !important;
  height:58px !important;
  border-radius:20px !important;
  box-shadow:0 20px 54px -40px rgba(34,61,54,.52), inset 0 0 0 1px rgba(255,255,255,.54) !important;
}

.ib-color-page .ib-color-bar{
  justify-content:flex-start !important;
  gap:18px !important;
}

.ib-color-page .ib-color-search{
  max-width:520px !important;
}

@media(max-width:1180px){
  .ib-color-page .ib-palette-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .ib-color-usecases{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .ib-color-usecases a:nth-child(2){
    border-right:0 !important;
  }
}

@media(max-width:720px){
  .ib-motion-showcase{
    padding:58px 0 !important;
  }
  .ib-motion-tile{
    width:300px !important;
    min-height:196px !important;
  }
  .ib-color-page .ib-color-hero-card{
    padding:28px !important;
  }
  .ib-color-usecases,
  .ib-color-page .ib-palette-grid{
    grid-template-columns:1fr !important;
  }
  .ib-color-usecases a{
    border-right:0 !important;
    border-bottom:1px solid rgba(35,63,56,.1) !important;
  }
  .ib-color-page .ib-palette-library{
    padding:24px !important;
    border-radius:28px !important;
  }
  .ib-color-page .ib-palette-card,
  .ib-color-page .ib-palette-card:nth-child(1),
  .ib-color-page .ib-palette-card:nth-child(4),
  .ib-color-page .ib-palette-card:nth-child(6),
  .ib-color-page .ib-palette-card:nth-child(7){
    min-height:238px !important;
  }
}

/* ============================================================
   GLASS DETAIL PASS 2026.07.20
   ============================================================ */
.ib-motion-showcase{
  padding:86px 0 92px !important;
  background:
    radial-gradient(circle at 12% 10%,rgba(225,241,235,.86),transparent 34%),
    radial-gradient(circle at 76% 72%,rgba(210,232,225,.72),transparent 36%),
    linear-gradient(180deg,#fbfcf9 0%,#eff8f4 100%) !important;
}

.ib-motion-showcase::after{
  content:"" !important;
  position:absolute !important;
  inset:10% 8% auto auto !important;
  width:360px !important;
  height:360px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.34) !important;
  filter:blur(46px) !important;
  pointer-events:none !important;
}

.ib-motion-tile{
  background:
    linear-gradient(145deg,rgba(255,255,255,.72),rgba(255,255,255,.34)) !important;
  border-color:rgba(36,70,61,.14) !important;
  backdrop-filter:blur(24px) saturate(1.12) !important;
  -webkit-backdrop-filter:blur(24px) saturate(1.12) !important;
}

.ib-motion-tile:focus,
.ib-motion-tile:focus-visible{
  outline:0 !important;
  border-color:rgba(54,107,93,.48) !important;
  box-shadow:
    0 0 0 4px rgba(102,155,140,.14),
    0 38px 120px -82px rgba(23,47,41,.74),
    inset 0 1px 0 rgba(255,255,255,.9) !important;
}

.ib-motion-tile strong{
  font-size:clamp(24px,1.6vw,32px) !important;
  line-height:.98 !important;
}

.ib-motion-tile small{
  max-width:180px !important;
  font-size:14px !important;
}

.ib-solutions-sec{
  padding:108px 0 !important;
  background:
    radial-gradient(circle at 50% 6%,rgba(224,239,233,.72),transparent 34%),
    linear-gradient(180deg,#fffefb 0%,#f5faf7 100%) !important;
}

.ib-solutions-sec .ib-container{
  max-width:1200px !important;
}

.ib-solutions-sec .ib-shead{
  max-width:880px !important;
  margin:0 auto 34px !important;
  text-align:left !important;
}

.ib-solutions-sec .ib-shead h2{
  max-width:820px !important;
  font-size:clamp(50px,5.5vw,92px) !important;
  line-height:.92 !important;
  letter-spacing:-.055em !important;
  color:#111715 !important;
  text-wrap:balance !important;
}

.ib-solutions-sec .ib-shead p{
  max-width:740px !important;
  margin-top:18px !important;
  color:#67776f !important;
  font-size:clamp(18px,1.25vw,22px) !important;
  line-height:1.62 !important;
}

.ib-solutions{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:18px !important;
}

.ib-solution{
  min-height:245px !important;
  padding:30px !important;
  border-radius:34px !important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.74),rgba(255,255,255,.38)) !important;
  border:1px solid rgba(35,63,56,.13) !important;
  box-shadow:
    0 34px 110px -86px rgba(24,48,42,.7),
    inset 0 1px 0 rgba(255,255,255,.94) !important;
  backdrop-filter:blur(22px) saturate(1.08) !important;
  -webkit-backdrop-filter:blur(22px) saturate(1.08) !important;
  overflow:hidden !important;
}

.ib-solution::before{
  content:"" !important;
  position:absolute !important;
  inset:auto -18% -38% auto !important;
  width:190px !important;
  height:190px !important;
  border-radius:999px !important;
  background:rgba(214,235,228,.76) !important;
  filter:blur(12px) !important;
}

.ib-solution span{
  display:inline-flex !important;
  width:52px !important;
  height:52px !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  background:rgba(225,244,237,.82) !important;
  color:#245f54 !important;
  font-size:17px !important;
  font-weight:820 !important;
  letter-spacing:.02em !important;
}

.ib-solution h3{
  position:relative !important;
  z-index:1 !important;
  max-width:280px !important;
  margin:34px 0 12px !important;
  color:#141a18 !important;
  font-size:clamp(26px,1.9vw,34px) !important;
  line-height:1.02 !important;
  letter-spacing:-.035em !important;
}

.ib-solution p{
  position:relative !important;
  z-index:1 !important;
  max-width:330px !important;
  color:#6b7d75 !important;
  font-size:17px !important;
  line-height:1.55 !important;
}

.ib-solution:hover{
  transform:translateY(-5px) !important;
  border-color:rgba(53,106,92,.24) !important;
  box-shadow:
    0 44px 130px -90px rgba(24,48,42,.82),
    inset 0 1px 0 rgba(255,255,255,.96) !important;
}

@media(max-width:980px){
  .ib-solutions{
    grid-template-columns:1fr !important;
  }
  .ib-solutions-sec .ib-shead{
    text-align:left !important;
  }
}

@media(max-width:620px){
  .ib-solutions-sec{
    padding:72px 0 !important;
  }
  .ib-solutions-sec .ib-shead h2{
    font-size:clamp(42px,12vw,62px) !important;
  }
  .ib-solution{
    min-height:220px !important;
    padding:24px !important;
    border-radius:28px !important;
  }
}

/* ============================================================
   PRE-LAUNCH TEXT + MOTION QA 2026.07.20
   ============================================================ */
.ib-motion-showcase{
  padding:72px 0 84px !important;
}

.ib-motion-copy{
  align-items:flex-start !important;
  margin-bottom:26px !important;
}

.ib-motion-copy span{
  display:inline-flex !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  color:#5f8b81 !important;
}

.ib-motion-copy h2{
  max-width:620px !important;
  color:#111715 !important;
  background:transparent !important;
  box-shadow:none !important;
  text-shadow:none !important;
  font-size:clamp(34px,3.6vw,58px) !important;
  line-height:.96 !important;
  letter-spacing:-.045em !important;
  text-align:right !important;
}

.ib-motion-tile{
  width:410px !important;
  min-height:184px !important;
  grid-template-columns:148px minmax(0,1fr) !important;
  gap:10px 18px !important;
  padding:20px 22px !important;
  border-radius:30px !important;
}

.ib-motion-tile img{
  width:138px !important;
  height:132px !important;
}

.ib-motion-tile strong{
  max-width:100% !important;
  min-width:0 !important;
  color:#17201d !important;
  font-size:clamp(24px,1.45vw,31px) !important;
  line-height:1 !important;
  letter-spacing:-.035em !important;
  overflow-wrap:anywhere !important;
}

.ib-motion-tile small{
  max-width:210px !important;
  color:#6a7a74 !important;
  font-size:14.5px !important;
  line-height:1.32 !important;
}

.ib-focus-label,
.ib-section-kicker{
  text-decoration:none !important;
  box-decoration-break:clone !important;
  -webkit-box-decoration-break:clone !important;
}

.ib-product-page .ib-pbadge-row,
.ib-product-page .ib-pmeta--quiet{
  display:none !important;
}

.ib-pgallery{
  padding-top:34px !important;
}

.ib-pgallery-note{
  display:grid !important;
  gap:5px !important;
  margin-top:-2px !important;
  border:1px solid rgba(31,66,59,.09) !important;
}

.ib-pgallery-note strong{
  color:#14211e !important;
  font-size:17px !important;
  letter-spacing:-.01em !important;
}

.ib-pgallery-note span{
  color:#6a7a74 !important;
  font-size:14.5px !important;
  line-height:1.45 !important;
}

.ib-pstory{
  padding:26px !important;
}

.ib-pstory h2{
  font-size:clamp(27px,2.1vw,36px) !important;
  letter-spacing:-.035em !important;
}

.ib-pstory p{
  font-size:16px !important;
  line-height:1.72 !important;
}

.ib-pstory-grid{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:10px !important;
  margin-top:20px !important;
}

.ib-pstory-grid span{
  min-height:0 !important;
  display:grid !important;
  grid-template-columns:150px 1fr !important;
  gap:14px !important;
  align-items:start !important;
  padding:15px 16px !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.78) !important;
}

.ib-pstory-grid strong{
  margin:0 !important;
  color:#245f54 !important;
  font-size:13px !important;
  letter-spacing:.02em !important;
}

.ib-pinfo{
  padding-top:54px !important;
}

.ib-pdesc{
  color:#62736d !important;
}

.ib-certs-cap{
  color:#245f54 !important;
}

.ib-cert{
  background:rgba(255,255,255,.76) !important;
  border-color:rgba(31,66,59,.1) !important;
  box-shadow:0 18px 54px -46px rgba(25,55,49,.35) !important;
}

.ib-tab-btn{
  font-size:14px !important;
  letter-spacing:.02em !important;
}

.ib-tabpane{
  color:#5f706a !important;
  font-size:16px !important;
  line-height:1.72 !important;
}

.ib-tabpane table{
  width:100% !important;
  border-collapse:collapse !important;
}

.ib-tabpane td,
.ib-tabpane th{
  padding:15px 18px !important;
  border-bottom:1px solid rgba(31,66,59,.1) !important;
  vertical-align:top !important;
}

.ib-tabpane td:first-child,
.ib-tabpane th:first-child{
  width:240px !important;
  color:#34433f !important;
  font-weight:760 !important;
}

@media(max-width:980px){
  .ib-motion-copy{
    display:block !important;
  }
  .ib-motion-copy h2{
    margin-top:12px !important;
    text-align:left !important;
  }
  .ib-motion-tile{
    width:340px !important;
    grid-template-columns:122px minmax(0,1fr) !important;
  }
  .ib-motion-tile img{
    width:116px !important;
    height:120px !important;
  }
}

@media(max-width:620px){
  .ib-motion-tile{
    width:292px !important;
    min-height:174px !important;
    grid-template-columns:102px minmax(0,1fr) !important;
    padding:18px !important;
  }
  .ib-motion-tile img{
    width:96px !important;
    height:108px !important;
  }
  .ib-pstory-grid span{
    grid-template-columns:1fr !important;
  }
  .ib-tabpane td,
  .ib-tabpane th{
    display:block !important;
    width:100% !important;
    padding:11px 0 !important;
  }
}

/* ============================================================
   PRE-LAUNCH PREMIUM CLEANUP 2026.07.20
   ============================================================ */
.ib-topbar,
.ib-header{
  position:sticky !important;
}

.ib-topbar{top:0 !important;z-index:950 !important}
.ib-header{top:24px !important;z-index:940 !important}

.ib-motion-showcase{
  padding:74px 0 82px !important;
  background:
    radial-gradient(circle at 18% 16%,rgba(230,244,239,.72),transparent 30%),
    radial-gradient(circle at 82% 76%,rgba(214,234,227,.58),transparent 34%),
    linear-gradient(180deg,#fbfdfb 0%,#f2faf6 100%) !important;
  color:#111916 !important;
}

.ib-motion-copy span{
  color:#5d8b80 !important;
  font-size:12px !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
}

.ib-motion-copy h2{
  max-width:760px !important;
  color:#111916 !important;
  font-size:clamp(38px,3.8vw,64px) !important;
  text-align:center !important;
}

.ib-motion-tile{
  width:430px !important;
  min-height:172px !important;
  grid-template-columns:136px minmax(0,1fr) !important;
  background:rgba(255,255,255,.72) !important;
  border-color:rgba(36,68,60,.13) !important;
  border-radius:28px !important;
}

.ib-motion-tile strong{
  font-size:clamp(22px,1.25vw,29px) !important;
  line-height:1.02 !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
  hyphens:none !important;
}

.ib-motion-tile small{
  font-size:14px !important;
  line-height:1.38 !important;
  color:#687a74 !important;
}

.ib-motion-tile img{
  width:126px !important;
  height:124px !important;
}

.ib-color-page .ib-color-hero-copy h1,
.ib-color-page .ib-palette-library h2{
  max-width:760px !important;
}

.ib-color-page .ib-color-hero-card{
  background:rgba(255,255,255,.72) !important;
  backdrop-filter:blur(22px) saturate(1.08) !important;
  -webkit-backdrop-filter:blur(22px) saturate(1.08) !important;
}

.ib-color-page .ib-palette-library{
  background:rgba(255,255,255,.76) !important;
}

.ib-color-page .ib-palette-card,
.ib-color-page .ib-palette-card:nth-child(1),
.ib-color-page .ib-palette-card:nth-child(4),
.ib-color-page .ib-palette-card:nth-child(6),
.ib-color-page .ib-palette-card:nth-child(7){
  min-height:230px !important;
  padding:26px !important;
}

.ib-color-page .ib-palette-card::before{
  content:"Палітра" !important;
  display:block !important;
  margin-bottom:24px !important;
  color:#6e9188 !important;
  font-size:11px !important;
  font-weight:780 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
}

.ib-color-page .ib-palette-card::after{
  content:"Відкрити" !important;
}

.ib-color-page .ib-palette-card strong{
  min-height:0 !important;
  max-width:72% !important;
  font-size:clamp(27px,1.8vw,36px) !important;
  line-height:1.02 !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
  hyphens:none !important;
}

.ib-color-page .ib-palette-card small{
  max-width:66% !important;
}

.ib-color-page .ib-palette-strip{
  width:42% !important;
  height:54px !important;
  right:24px !important;
  bottom:30px !important;
}

.ib-color-page .ib-color-count{
  background:rgba(232,246,240,.9) !important;
  border-radius:999px !important;
  padding:12px 18px !important;
  color:#2b675c !important;
}

.ib-product-page .ib-pname{
  font-size:clamp(42px,3.7vw,68px) !important;
  line-height:1.02 !important;
  letter-spacing:-.045em !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
  hyphens:none !important;
}

.ib-pstory-grid{
  display:none !important;
}

.ib-pstory{
  background:rgba(255,255,255,.72) !important;
  backdrop-filter:blur(18px) saturate(1.04) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.04) !important;
}

.ib-certs{
  border-top:1px solid rgba(31,66,59,.1) !important;
  padding-top:18px !important;
}

.ib-cert span:last-child{
  overflow-wrap:anywhere !important;
}

@media(max-width:980px){
  .ib-topbar{position:relative !important}
  .ib-header{top:0 !important}
  .ib-motion-copy h2{text-align:left !important}
  .ib-motion-tile{
    width:350px !important;
    grid-template-columns:118px minmax(0,1fr) !important;
  }
  .ib-motion-tile img{width:110px !important;height:116px !important}
}

@media(max-width:620px){
  .ib-color-page .ib-palette-card strong{
    max-width:100% !important;
  }
  .ib-color-page .ib-palette-card small{
    max-width:100% !important;
  }
  .ib-color-page .ib-palette-strip{
    width:72% !important;
  }
  .ib-product-page .ib-pname{
    font-size:clamp(38px,11vw,52px) !important;
  }
}

/* ============================================================
   LAUNCH POLISH 2026.07.21
   readable Ukrainian copy, softer motion, cleaner color catalog
   ============================================================ */
.ib-header{
  backdrop-filter:blur(18px) saturate(1.08) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.08) !important;
  background:rgba(255,255,252,.88) !important;
  box-shadow:0 18px 50px rgba(31,48,42,.06) !important;
}

.ib-section-cat .ib-container,
.ib-product-page .ib-container,
.ib-color-page .ib-container{
  max-width:1180px !important;
}

.ib-cat-head-premium{
  grid-template-columns:minmax(0,1.08fr) minmax(300px,.82fr) !important;
  gap:34px !important;
  padding:44px !important;
  background:
    radial-gradient(circle at 100% 0%,rgba(222,242,236,.72),transparent 34%),
    linear-gradient(135deg,rgba(255,255,252,.95),rgba(248,253,250,.9)) !important;
  border:1px solid rgba(30,67,58,.1) !important;
  border-radius:32px !important;
  box-shadow:0 26px 90px rgba(31,54,48,.08) !important;
}

.ib-cat-head-premium h1{
  max-width:720px !important;
  font-size:clamp(44px,4.7vw,76px) !important;
  line-height:.98 !important;
  letter-spacing:-.045em !important;
  text-transform:none !important;
}

.ib-cat-intro p{
  max-width:620px !important;
  font-size:18px !important;
  line-height:1.72 !important;
  color:#63766f !important;
}

.ib-cat-panel{
  background:rgba(255,255,255,.74) !important;
  border:1px solid rgba(31,74,64,.1) !important;
  border-radius:26px !important;
  box-shadow:0 20px 60px rgba(31,54,48,.07) !important;
}

.ib-cat-panel-title,
.ib-section-kicker,
.ib-palette-source,
.ib-color-count,
.ib-pricebox-cap,
.ib-certs-cap{
  background:rgba(226,245,239,.82) !important;
  color:#336f65 !important;
  border-radius:999px !important;
  padding:9px 14px !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}

.ib-cat-panel-system span,
.ib-hero-stats div,
.ib-feat,
.ib-pstory-grid span{
  background:rgba(255,255,255,.72) !important;
  border-color:rgba(31,74,64,.1) !important;
}

.ib-color-page .ib-color-hero{
  grid-template-columns:minmax(0,1.08fr) minmax(300px,.72fr) !important;
  gap:72px !important;
  padding-top:72px !important;
  padding-bottom:54px !important;
}

.ib-color-page .ib-color-hero-copy h1{
  font-size:clamp(58px,6.4vw,104px) !important;
  max-width:760px !important;
  line-height:.96 !important;
  letter-spacing:-.055em !important;
}

.ib-color-page .ib-color-hero-copy p{
  max-width:690px !important;
  color:#667a73 !important;
  font-size:18px !important;
  line-height:1.72 !important;
}

.ib-color-page .ib-color-hero-card{
  min-height:360px !important;
  padding:34px !important;
  border-radius:34px !important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.78),rgba(247,253,250,.68)) !important;
  border:1px solid rgba(37,75,67,.1) !important;
  box-shadow:0 34px 100px rgba(31,54,48,.1) !important;
}

.ib-color-page .ib-color-checklist{
  margin-top:20px !important;
  display:grid !important;
  gap:10px !important;
  color:#5d746d !important;
}

.ib-color-usecases{
  max-width:960px !important;
  margin:0 auto 76px !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  overflow:hidden !important;
  border-radius:24px !important;
  border:1px solid rgba(31,74,64,.1) !important;
  background:rgba(255,255,255,.8) !important;
  box-shadow:0 22px 70px rgba(31,54,48,.06) !important;
}

.ib-color-usecases a{
  padding:24px !important;
  border-right:1px solid rgba(31,74,64,.08) !important;
  transition:transform .28s ease,background .28s ease !important;
}

.ib-color-usecases a:hover{
  transform:translateY(-4px) !important;
  background:rgba(232,247,242,.72) !important;
}

.ib-palette-library{
  max-width:960px !important;
  margin:0 auto !important;
  padding:40px !important;
  border-radius:34px !important;
  background:rgba(255,255,255,.86) !important;
  border:1px solid rgba(31,74,64,.1) !important;
  box-shadow:0 32px 110px rgba(31,54,48,.08) !important;
}

.ib-palette-library-head{
  margin-bottom:28px !important;
}

.ib-palette-library-head h2{
  font-size:clamp(42px,4.6vw,76px) !important;
  line-height:.98 !important;
}

.ib-palette-library-head p{
  max-width:700px !important;
  color:#687a74 !important;
  font-size:16px !important;
  line-height:1.65 !important;
}

.ib-color-page .ib-palette-grid{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:14px !important;
}

.ib-color-page .ib-palette-card,
.ib-color-page .ib-palette-card:nth-child(1),
.ib-color-page .ib-palette-card:nth-child(4),
.ib-color-page .ib-palette-card:nth-child(6),
.ib-color-page .ib-palette-card:nth-child(7){
  position:relative !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(230px,34%) !important;
  align-content:center !important;
  min-height:136px !important;
  padding:26px 30px !important;
  border-radius:24px !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 100% 50%,rgba(229,244,239,.88),transparent 42%),
    rgba(255,255,255,.92) !important;
  border:1px solid rgba(31,74,64,.1) !important;
  box-shadow:0 18px 58px rgba(31,54,48,.06) !important;
}

.ib-color-page .ib-palette-card::before,
.ib-color-page .ib-palette-source{
  display:none !important;
}

.ib-color-page .ib-palette-card::after{
  content:"Відкрити каталог" !important;
  position:static !important;
  display:inline-flex !important;
  width:max-content !important;
  margin-top:18px !important;
  padding:10px 14px !important;
  border-radius:999px !important;
  background:rgba(228,246,240,.85) !important;
  color:#2d6f63 !important;
  font-size:12px !important;
  font-weight:800 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}

.ib-color-page .ib-palette-card strong{
  max-width:100% !important;
  min-height:0 !important;
  font-size:clamp(28px,3vw,46px) !important;
  line-height:.98 !important;
  letter-spacing:-.035em !important;
}

.ib-color-page .ib-palette-card small{
  max-width:100% !important;
  margin-top:8px !important;
  color:#6a7d76 !important;
  font-size:15px !important;
  line-height:1.35 !important;
}

.ib-color-page .ib-palette-strip{
  position:relative !important;
  grid-column:2 !important;
  grid-row:1 / span 3 !important;
  justify-self:end !important;
  align-self:center !important;
  right:auto !important;
  bottom:auto !important;
  width:100% !important;
  height:68px !important;
  margin:0 !important;
  border-radius:22px !important;
  box-shadow:inset 0 0 0 1px rgba(31,54,48,.1),0 18px 34px rgba(31,54,48,.11) !important;
}

.ib-motion-showcase{
  padding:86px 0 96px !important;
  background:
    radial-gradient(circle at 14% 12%,rgba(238,248,245,.95),transparent 34%),
    radial-gradient(circle at 80% 76%,rgba(222,242,236,.72),transparent 36%),
    linear-gradient(180deg,#ffffff 0%,#f3fbf7 100%) !important;
  color:#0e1a17 !important;
}

.ib-motion-copy{
  margin-bottom:32px !important;
}

.ib-motion-copy span{
  color:#5f8c82 !important;
}

.ib-motion-copy h2{
  max-width:820px !important;
  color:#111916 !important;
  font-size:clamp(44px,5vw,84px) !important;
  line-height:.96 !important;
  letter-spacing:-.05em !important;
}

.ib-motion-rail{
  gap:20px !important;
}

.ib-motion-tile{
  width:500px !important;
  min-height:184px !important;
  grid-template-columns:150px minmax(0,1fr) !important;
  align-items:center !important;
  padding:26px 30px !important;
  background:rgba(255,255,255,.82) !important;
  border:1px solid rgba(31,74,64,.11) !important;
  color:#101915 !important;
  box-shadow:0 24px 80px rgba(31,54,48,.08) !important;
}

.ib-motion-tile:hover{
  transform:translateY(-7px) scale(1.01) !important;
  border-color:rgba(47,111,98,.34) !important;
  box-shadow:0 34px 100px rgba(31,54,48,.12) !important;
}

.ib-motion-tile img{
  width:138px !important;
  height:136px !important;
}

.ib-motion-tile strong{
  font-size:clamp(26px,1.8vw,40px) !important;
  line-height:.94 !important;
  letter-spacing:-.035em !important;
  max-width:260px !important;
}

.ib-motion-tile small{
  max-width:260px !important;
  color:#6b7e77 !important;
  font-size:15px !important;
}

.ib-pgallery-note strong{
  font-size:18px !important;
}

.ib-pgallery-note span,
.ib-pdesc,
.ib-pstory p{
  color:#62766f !important;
  line-height:1.7 !important;
}

.ib-pstory{
  padding:30px !important;
  border-radius:26px !important;
}

.ib-pstory h2{
  font-size:clamp(30px,2.6vw,44px) !important;
  letter-spacing:-.035em !important;
}

.ib-pstory-grid{
  display:none !important;
}

.ib-tabnav .ib-tab-btn{
  text-transform:none !important;
  letter-spacing:.02em !important;
}

.ib-tabpane table{
  font-size:17px !important;
  line-height:1.55 !important;
}

.ib-prod-name,
.ib-motion-tile strong{
  overflow-wrap:normal !important;
  word-break:normal !important;
  hyphens:none !important;
}

@media(max-width:980px){
  .ib-cat-head-premium,
  .ib-color-page .ib-color-hero{
    grid-template-columns:1fr !important;
    padding:28px !important;
  }
  .ib-color-usecases{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .ib-motion-tile{
    width:360px !important;
    grid-template-columns:118px minmax(0,1fr) !important;
  }
  .ib-motion-tile img{
    width:110px !important;
    height:116px !important;
  }
}

@media(max-width:640px){
  .ib-palette-library{
    padding:22px !important;
  }
  .ib-color-usecases{
    grid-template-columns:1fr !important;
  }
  .ib-color-page .ib-palette-card,
  .ib-color-page .ib-palette-card:nth-child(1),
  .ib-color-page .ib-palette-card:nth-child(4),
  .ib-color-page .ib-palette-card:nth-child(6),
  .ib-color-page .ib-palette-card:nth-child(7){
    grid-template-columns:1fr !important;
    min-height:0 !important;
  }
  .ib-color-page .ib-palette-strip{
    grid-column:auto !important;
    grid-row:auto !important;
    justify-self:stretch !important;
    width:100% !important;
    margin-top:18px !important;
  }
}

/* FINAL SCALE PASS 2026.07.21 */
.ib-header{
  position:sticky !important;
  top:0 !important;
  z-index:999 !important;
}

.ib-color-empty strong{
  font-size:20px !important;
  letter-spacing:-.02em !important;
  color:#12201c !important;
}

.ib-color-empty span{
  color:#657872 !important;
}

.ib-color-usecases a{
  position:relative !important;
  cursor:pointer !important;
  text-decoration:none !important;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease !important;
}

.ib-color-usecases a::after{
  content:"Відкрити" !important;
  position:absolute !important;
  right:22px !important;
  bottom:18px !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  color:#2d6f63 !important;
  opacity:0 !important;
  transform:translateY(6px) !important;
  transition:opacity .22s ease,transform .22s ease !important;
}

.ib-color-usecases a:hover{
  transform:translateY(-4px) !important;
  border-color:rgba(47,111,98,.22) !important;
  box-shadow:0 22px 70px rgba(31,54,48,.09) !important;
}

.ib-color-usecases a:hover::after{
  opacity:1 !important;
  transform:translateY(0) !important;
}

.ib-color-page .ib-palette-card{
  cursor:pointer !important;
}

.ib-motion-copy h2{
  max-width:980px !important;
}

@media(min-width:1180px){
  .ib-container{
    max-width:1440px !important;
  }

  .ib-header .ib-container{
    max-width:1500px !important;
    padding-left:34px !important;
    padding-right:34px !important;
  }

  .ib-logo img{
    height:54px !important;
  }

  .ib-mainnav{
    gap:24px !important;
  }

  .ib-mainnav a{
    font-size:15px !important;
    line-height:1.12 !important;
  }

  .ib-section-cat .ib-container,
  .ib-product-page .ib-container,
  .ib-color-page .ib-container{
    max-width:1420px !important;
  }

  .ib-catalog{
    grid-template-columns:270px minmax(0,1fr) !important;
    gap:44px !important;
    align-items:start !important;
  }

  .ib-side{
    position:sticky !important;
    top:116px !important;
  }

  .ib-cat-head-premium{
    grid-template-columns:minmax(0,1.08fr) 390px !important;
    gap:56px !important;
    min-height:380px !important;
    padding:58px 64px !important;
    border-radius:34px !important;
  }

  .ib-cat-head-premium h1{
    font-size:clamp(64px,5vw,92px) !important;
    line-height:.9 !important;
    max-width:780px !important;
  }

  .ib-cat-intro p{
    max-width:740px !important;
    font-size:20px !important;
    line-height:1.66 !important;
  }

  .ib-cat-panel{
    padding:34px !important;
    min-height:300px !important;
  }

  .ib-cat-panel h2{
    font-size:clamp(34px,2.5vw,48px) !important;
  }

  .ib-products-cat{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:30px !important;
  }

  .ib-prod--cat{
    min-height:540px !important;
    border-radius:28px !important;
  }

  .ib-prod--cat .ib-prod-img{
    height:282px !important;
  }

  .ib-prod--cat .ib-prod-img img{
    max-height:236px !important;
  }

  .ib-prod--cat .ib-prod-name{
    font-size:27px !important;
    line-height:1.02 !important;
  }

  .ib-prod--cat .ib-prod-desc{
    min-height:92px !important;
    font-size:17px !important;
  }

  .ib-color-page .ib-color-hero{
    max-width:1240px !important;
    margin:0 auto 54px !important;
    grid-template-columns:minmax(0,1.05fr) 360px !important;
    gap:90px !important;
  }

  .ib-color-page .ib-color-hero-copy h1{
    font-size:clamp(68px,5.6vw,106px) !important;
    max-width:760px !important;
  }

  .ib-color-page .ib-color-hero-copy p{
    max-width:760px !important;
    font-size:20px !important;
    line-height:1.68 !important;
  }

  .ib-color-usecases{
    max-width:1180px !important;
  }

  .ib-palette-library{
    max-width:1180px !important;
    padding:48px !important;
  }

  .ib-color-page .ib-palette-card{
    min-height:150px !important;
    padding:30px 34px !important;
  }

  .ib-color-page .ib-palette-card strong{
    font-size:clamp(34px,2.5vw,50px) !important;
    max-width:620px !important;
  }

  .ib-color-page .ib-palette-strip{
    max-width:310px !important;
    height:76px !important;
  }

  .ib-color-studio{
    max-width:1180px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

@media(min-width:1680px){
  .ib-container{
    max-width:1540px !important;
  }

  .ib-section-cat .ib-container,
  .ib-product-page .ib-container,
  .ib-color-page .ib-container{
    max-width:1500px !important;
  }

  .ib-products-cat{
    gap:34px !important;
  }
}

/* LAUNCH QA HARDENING 2026.07.21 */
*,
*::before,
*::after{
  box-sizing:border-box;
}

html,
body{
  overflow-x:clip;
}

.ib-mainnav,
.ib-header-actions,
.ib-catalog,
.ib-cat-main,
.ib-product,
.ib-products,
.ib-products-cat,
.ib-prod,
.ib-motion-band,
.ib-motion-track,
.ib-motion-tile,
.ib-palette-library,
.ib-color-page .ib-palette-card{
  min-width:0 !important;
}

.ib-prod,
.ib-prod--cat,
.ib-pgallery,
.ib-pinfo,
.ib-pstory,
.ib-cat-head-premium,
.ib-cat-panel,
.ib-motion-tile,
.ib-color-page .ib-palette-card{
  overflow:hidden !important;
}

.ib-prod-name,
.ib-prod-desc,
.ib-motion-tile strong,
.ib-motion-tile small,
.ib-pname,
.ib-pdesc,
.ib-pstory h2,
.ib-pstory p,
.ib-cat-head-premium h1,
.ib-cat-intro p,
.ib-cat-panel h2,
.ib-color-page .ib-color-hero-copy h1,
.ib-color-page .ib-palette-card strong{
  overflow-wrap:anywhere !important;
  word-break:normal !important;
  hyphens:auto !important;
}

.ib-mainnav a{
  white-space:nowrap !important;
}

.ib-prod-name{
  font-size:clamp(21px,1.45vw,27px) !important;
  line-height:1.08 !important;
  letter-spacing:-.025em !important;
}

.ib-prod-desc{
  display:-webkit-box !important;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden !important;
  min-height:0 !important;
}

.ib-prod-img{
  overflow:hidden !important;
}

.ib-prod-img img,
.ib-pgallery-frame img{
  max-width:92% !important;
  max-height:92% !important;
  object-fit:contain !important;
}

.ib-prod-badge,
.ib-side a,
.ib-pricebox-cap,
.ib-certs-cap{
  overflow-wrap:anywhere !important;
}

.ib-motion-tile{
  display:grid !important;
  grid-template-columns:minmax(92px,160px) minmax(0,1fr) !important;
  align-items:center !important;
}

.ib-motion-tile strong{
  font-size:clamp(20px,1.08vw,26px) !important;
  line-height:1.04 !important;
  letter-spacing:-.035em !important;
}

.ib-motion-tile small{
  display:-webkit-box !important;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden !important;
  line-height:1.25 !important;
}

.ib-product-page .ib-pname{
  font-size:clamp(38px,3.05vw,58px) !important;
  line-height:1.04 !important;
  letter-spacing:-.038em !important;
  max-width:100% !important;
}

.ib-product-page .ib-pdesc{
  font-size:clamp(16px,1vw,19px) !important;
  line-height:1.68 !important;
}

.ib-pgallery-note{
  transform:none !important;
  max-width:100% !important;
}

.ib-pstory{
  padding:34px !important;
}

.ib-pstory h2{
  font-size:clamp(26px,1.9vw,34px) !important;
  line-height:1.08 !important;
  letter-spacing:-.025em !important;
}

.ib-pstory p{
  max-height:none !important;
  font-size:clamp(16px,1vw,18px) !important;
  line-height:1.72 !important;
}

.ib-pstory-grid{
  display:none !important;
}

.ib-cat-head-premium h1{
  letter-spacing:-.04em !important;
}

.ib-cat-panel h2{
  font-size:clamp(30px,2.2vw,42px) !important;
  line-height:1.02 !important;
}

.ib-color-page .ib-palette-card{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(180px,310px) !important;
  gap:24px !important;
  align-items:center !important;
}

.ib-color-page .ib-palette-card strong{
  font-size:clamp(28px,2.15vw,44px) !important;
  line-height:1.02 !important;
  letter-spacing:-.035em !important;
}

.ib-color-page .ib-palette-card small{
  display:none !important;
}

.ib-color-page .ib-palette-card .ib-pal-count{
  display:none !important;
}

@media(max-width:980px){
  .ib-motion-tile{
    grid-template-columns:96px minmax(0,1fr) !important;
  }

  .ib-motion-tile strong{
    font-size:22px !important;
  }

  .ib-product-page .ib-pname{
    font-size:clamp(34px,10vw,48px) !important;
  }

  .ib-color-page .ib-palette-card{
    grid-template-columns:1fr !important;
  }
}

@media(max-width:640px){
  .ib-prod-name{
    font-size:22px !important;
  }

  .ib-prod-img img{
    max-width:88% !important;
  }

  .ib-motion-tile{
    grid-template-columns:82px minmax(0,1fr) !important;
    min-height:118px !important;
  }

  .ib-motion-tile strong{
    font-size:20px !important;
  }

  .ib-pstory{
    padding:24px !important;
  }
}

/* LAUNCH QA FINAL PASS 2026-07-21 */
:root{
  --ib-launch-ink:#101916;
  --ib-launch-muted:#66766f;
  --ib-launch-green:#15584f;
  --ib-launch-soft:#f8fbf8;
  --ib-launch-line:rgba(21,88,79,.11);
}

html, body{
  overflow-x:clip !important;
}

.ib-topbar,
.ib-header{
  position:sticky !important;
  z-index:90 !important;
  background:rgba(255,255,252,.93) !important;
  backdrop-filter:blur(16px) saturate(1.08) !important;
  -webkit-backdrop-filter:blur(16px) saturate(1.08) !important;
}

.ib-topbar{ top:0 !important; }
.ib-header{ top:28px !important; }

.ib-mainnav{
  gap:clamp(10px,1vw,18px) !important;
  white-space:nowrap !important;
}

.ib-mainnav a{
  font-size:clamp(12px,.72vw,15px) !important;
  line-height:1.08 !important;
}

.ib-search input{
  min-width:0 !important;
}

.ib-hero h1,
.ib-cat-head-premium h1,
.ib-color-page .ib-color-hero-copy h1,
.ib-product-page .ib-pname,
.ib-focus-title,
.ib-section-title,
.ib-motion-copy h2{
  max-width:100% !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
  hyphens:none !important;
  text-wrap:balance !important;
}

.ib-hero h1{
  font-size:clamp(52px,5.7vw,108px) !important;
  line-height:.96 !important;
  letter-spacing:-.045em !important;
}

.ib-cat-head-premium h1{
  font-size:clamp(42px,4vw,78px) !important;
  line-height:.98 !important;
}

.ib-product-page .ib-pname{
  font-size:clamp(36px,3.05vw,60px) !important;
  line-height:.98 !important;
}

.ib-color-page .ib-color-hero-copy h1{
  font-size:clamp(48px,4.5vw,88px) !important;
  line-height:.98 !important;
}

.ib-cat-kicker,
.ib-color-page .ib-kicker,
.ib-product-page .ib-chip,
.ib-pstory .ib-kicker,
.ib-focus-kicker{
  background:rgba(226,244,238,.72) !important;
  color:#2d756a !important;
  border-color:rgba(21,88,79,.13) !important;
  box-decoration-break:clone;
  -webkit-box-decoration-break:clone;
}

.ib-motion-showcase{
  background:
    radial-gradient(circle at 15% 10%, rgba(218,241,234,.75), transparent 32%),
    radial-gradient(circle at 86% 72%, rgba(230,246,241,.78), transparent 36%),
    linear-gradient(180deg,#fbfdfb 0%,#eef8f3 100%) !important;
  color:var(--ib-launch-ink) !important;
  border-block:1px solid var(--ib-launch-line) !important;
  padding:clamp(72px,7.5vw,128px) 0 !important;
  overflow:hidden !important;
}

.ib-motion-showcase::before{
  opacity:.18 !important;
  background-image:
    linear-gradient(rgba(21,88,79,.12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(21,88,79,.12) 1px, transparent 1px) !important;
}

.ib-motion-copy span{
  color:#438178 !important;
  background:transparent !important;
  border:0 !important;
  letter-spacing:.16em !important;
}

.ib-motion-copy h2{
  color:var(--ib-launch-ink) !important;
  text-shadow:none !important;
  font-size:clamp(42px,4.05vw,76px) !important;
  line-height:.98 !important;
  letter-spacing:-.045em !important;
}

.ib-motion-copy p{
  max-width:620px !important;
  margin:18px auto 0 !important;
  color:var(--ib-launch-muted) !important;
  font-size:clamp(16px,1vw,19px) !important;
  line-height:1.55 !important;
}

.ib-motion-tile{
  color:var(--ib-launch-ink) !important;
  background:rgba(255,255,255,.76) !important;
  border:1px solid rgba(21,88,79,.13) !important;
  box-shadow:0 24px 70px rgba(21,88,79,.10) !important;
  grid-template-columns:minmax(92px,130px) minmax(0,1fr) !important;
  min-height:150px !important;
  border-radius:24px !important;
  padding:20px 22px !important;
  text-decoration:none !important;
}

.ib-motion-tile:hover{
  border-color:rgba(21,88,79,.28) !important;
  box-shadow:0 32px 90px rgba(21,88,79,.16) !important;
}

.ib-motion-tile img{
  width:118px !important;
  height:118px !important;
  object-fit:contain !important;
}

.ib-motion-tile strong{
  font-size:clamp(24px,1.32vw,32px) !important;
  line-height:1 !important;
  letter-spacing:-.035em !important;
  max-width:100% !important;
  overflow:hidden !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
}

.ib-motion-tile small{
  color:#6b7a74 !important;
  font-size:clamp(14px,.84vw,17px) !important;
  line-height:1.34 !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}

.ib-cat-head-premium,
.ib-cat-panel,
.ib-product,
.ib-pstory,
.ib-color-page .ib-palette-card,
.ib-focus-card{
  background:rgba(255,255,255,.80) !important;
  border-color:rgba(21,88,79,.10) !important;
  box-shadow:0 24px 80px rgba(21,88,79,.08) !important;
}

.ib-products-cat{
  grid-template-columns:repeat(3,minmax(230px,1fr)) !important;
  align-items:stretch !important;
}

.ib-products-cat .ib-prod{
  overflow:hidden !important;
}

.ib-products-cat .ib-prod-name{
  font-size:clamp(22px,1.32vw,30px) !important;
  line-height:1.03 !important;
  letter-spacing:-.035em !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}

.ib-products-cat .ib-prod-desc{
  font-size:clamp(15px,.88vw,17px) !important;
  line-height:1.45 !important;
  display:-webkit-box !important;
  -webkit-line-clamp:3 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}

.ib-products-cat .ib-prod-badge{
  font-size:11px !important;
  max-width:72% !important;
  margin-inline:auto !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.ib-product-page .ib-pdesc{
  font-size:clamp(16px,1vw,19px) !important;
  line-height:1.56 !important;
  color:#63746e !important;
  display:-webkit-box !important;
  -webkit-line-clamp:4 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}

.ib-pstory p{
  color:#66766f !important;
}

.ib-pricebox{
  overflow:hidden !important;
}

.ib-price-row{
  min-height:56px !important;
}

.ib-certs,
.ib-pmeta,
.ib-viewcount,
.ib-prod-meta,
.ib-badge-row{
  display:none !important;
}

.ib-color-page .ib-palette-card{
  min-height:148px !important;
}

.ib-color-page .ib-palette-card .ib-pal-preview,
.ib-palette-card .ib-pal-preview{
  overflow:hidden !important;
  border-radius:22px !important;
}

@media(max-width:1180px){
  .ib-products-cat{
    grid-template-columns:repeat(2,minmax(220px,1fr)) !important;
  }

  .ib-header{
    top:0 !important;
  }

  .ib-topbar{
    display:none !important;
  }
}

@media(max-width:680px){
  .ib-mainnav{
    overflow-x:auto !important;
    padding-bottom:4px !important;
  }

  .ib-hero h1{
    font-size:clamp(44px,13vw,72px) !important;
  }

  .ib-motion-tile{
    grid-template-columns:88px minmax(0,1fr) !important;
    min-height:124px !important;
    padding:16px !important;
  }

  .ib-motion-tile img{
    width:86px !important;
    height:86px !important;
  }

  .ib-products-cat{
    grid-template-columns:1fr !important;
  }

  .ib-cat-head-premium h1,
  .ib-product-page .ib-pname,
  .ib-color-page .ib-color-hero-copy h1{
    font-size:clamp(34px,10vw,52px) !important;
  }
}