/* DaryaSmart blog hub — brand: navy #0b1c38, cyan #00AFEE */
:root{--dsbh-navy:#0b1c38;--dsbh-cyan:#00AFEE;--dsbh-line:#e7ebf1;--dsbh-soft:#f5f7fa;--dsbh-muted:#6b7686;--dsbh-r:14px;--dsbh-gap:20px}

/* ---------- cards ---------- */
.dsbh-card{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid var(--dsbh-line);border-radius:var(--dsbh-r);overflow:hidden;transition:box-shadow .25s,transform .25s}
.dsbh-card:hover{box-shadow:0 10px 30px rgba(11,28,56,.08);transform:translateY(-2px)}
.dsbh-card__thumb{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--dsbh-soft)}
.dsbh-card__thumb img,.dsbh-card__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.dsbh-card:hover .dsbh-card__thumb img{transform:scale(1.04)}
.dsbh-card__noimg{display:block;width:100%;height:100%;background:linear-gradient(135deg,var(--dsbh-navy),#16335f)}
.dsbh-card__body{display:flex;flex-direction:column;gap:8px;padding:14px 16px 16px;flex:1}
.dsbh-card__cats{display:flex;flex-wrap:wrap;gap:6px}
.dsbh-card__cats a{font-size:11px;line-height:1;padding:5px 9px;border-radius:20px;background:rgba(0,175,238,.1);color:var(--dsbh-navy)!important;font-weight:600}
.dsbh-card__title{margin:0!important;font-size:15px!important;line-height:1.7!important;font-weight:700}
.dsbh-card__title a{color:var(--dsbh-navy)!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dsbh-card__title a:hover{color:var(--dsbh-cyan)!important}
.dsbh-card__exc{margin:0!important;font-size:13px;line-height:1.9;color:var(--dsbh-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dsbh-card__meta{margin-top:auto;font-size:12px;color:var(--dsbh-muted);padding-top:6px}

/* ---------- carousel ---------- */
.dsbh-carousel{position:relative;width:100%}
.dsbh-carousel__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.dsbh-carousel__title{margin:0!important;font-size:15px!important;font-weight:700;color:var(--dsbh-navy)}
.dsbh-carousel__title:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--dsbh-cyan);margin-left:8px;vertical-align:middle}
.dsbh-carousel__more{font-size:12px;color:var(--dsbh-cyan)!important}
.dsbh-carousel__wrap{position:relative}
.dsbh-track{display:flex;gap:var(--dsbh-gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:4px 2px 10px;overscroll-behavior-x:contain}
.dsbh-track::-webkit-scrollbar{display:none}
.dsbh-slide{flex:0 0 auto;scroll-snap-align:start}
/* home posts: 4.5 visible */
.dsbh-carousel--posts .dsbh-slide{width:calc((100% - 4 * var(--dsbh-gap)) / 4.5)}
@media (max-width:1024px){.dsbh-carousel--posts .dsbh-slide{width:calc((100% - 2 * var(--dsbh-gap)) / 2.5)}}
@media (max-width:600px){.dsbh-carousel--posts{--dsbh-gap:12px}.dsbh-carousel--posts .dsbh-slide{width:78%}}
/* side carousels: 1 per view */
.dsbh-carousel--banner .dsbh-slide,.dsbh-carousel--mini .dsbh-slide{width:100%}
.dsbh-carousel .dsbh-nav{position:absolute!important;top:calc(50% - 26px)!important;bottom:auto!important;width:40px!important;height:40px!important;min-height:0!important;margin:0!important;border-radius:50%!important;border:1px solid var(--dsbh-line)!important;background:#fff!important;box-shadow:0 4px 14px rgba(11,28,56,.14)!important;cursor:pointer;z-index:3;padding:0!important;display:flex!important;align-items:center;justify-content:center;transition:opacity .2s;opacity:1}
.dsbh-carousel .dsbh-nav:after{content:"";width:9px;height:9px;border-top:2px solid var(--dsbh-navy);border-left:2px solid var(--dsbh-navy)}
.dsbh-carousel .dsbh-nav--prev{right:-12px!important;left:auto!important}.dsbh-carousel .dsbh-nav--prev:after{transform:rotate(135deg);margin-left:4px}
.dsbh-carousel .dsbh-nav--next{left:-12px!important;right:auto!important}.dsbh-carousel .dsbh-nav--next:after{transform:rotate(-45deg);margin-right:4px}
.dsbh-carousel .dsbh-nav[disabled]{opacity:0!important;pointer-events:none}
.dsbh-carousel--banner .dsbh-nav,.dsbh-carousel--mini .dsbh-nav{width:30px!important;height:30px!important;top:calc(50% - 30px)!important}
.dsbh-carousel--banner .dsbh-nav--prev,.dsbh-carousel--mini .dsbh-nav--prev{right:6px!important}
.dsbh-carousel--banner .dsbh-nav--next,.dsbh-carousel--mini .dsbh-nav--next{left:6px!important}
@media (max-width:600px){.dsbh-carousel--posts .dsbh-nav{display:none!important}}

/* ---------- product cards ---------- */
.dsbh-prod{display:flex;flex-direction:column;background:#fff;border:1px solid var(--dsbh-line);border-radius:var(--dsbh-r);overflow:hidden;color:var(--dsbh-navy)!important;height:100%}
.dsbh-prod__img{display:block;aspect-ratio:1/1;background:var(--dsbh-soft)}
.dsbh-prod__img img{width:100%!important;height:100%!important;object-fit:contain;display:block}
.dsbh-prod__body{display:flex;flex-direction:column;gap:6px;padding:12px 14px 14px}
.dsbh-prod__title{font-size:13px;font-weight:600;line-height:1.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dsbh-prod__price{font-size:13px;color:var(--dsbh-cyan);font-weight:700}
.dsbh-prod__price del{color:#a0a8b4;font-weight:400;font-size:11px}
/* training banner */
.dsbh-prod--banner{background:var(--dsbh-navy);color:#fff!important;border:0}
.dsbh-prod--banner .dsbh-prod__img{aspect-ratio:3/4;background:#10264a}
.dsbh-prod--banner .dsbh-prod__img img{object-fit:cover}
.dsbh-prod--banner .dsbh-prod__body{padding:16px}
.dsbh-prod--banner .dsbh-prod__title{font-size:14px;color:#fff}
.dsbh-prod--banner .dsbh-prod__price{color:var(--dsbh-cyan)}
.dsbh-prod__cta{align-self:flex-start;margin-top:4px;font-size:12px;font-weight:700;padding:8px 14px;border-radius:30px;background:var(--dsbh-cyan);color:#fff}

/* ---------- hub page ---------- */
.dsbh-page{width:100%;max-width:1320px;margin:0 auto;padding:10px 0 60px;grid-column:1/-1}
.woodmart-archive-blog .wd-page-title{display:none!important}
.dsbh-head{text-align:center;margin:10px auto 34px;max-width:860px}
.dsbh-h1{font-size:28px!important;font-weight:800;color:var(--dsbh-navy);margin:0 0 8px!important}
.dsbh-desc{color:var(--dsbh-muted);font-size:14px;margin-bottom:10px}
.dsbh-cats{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:18px 0 18px}
.dsbh-chip{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:30px;border:1px solid var(--dsbh-line);background:#fff;color:var(--dsbh-navy)!important;font-size:13px;font-weight:600;transition:all .2s;white-space:nowrap}
.dsbh-chip small{color:var(--dsbh-muted);font-weight:400;font-size:11px}
.dsbh-chip:hover{border-color:var(--dsbh-cyan);color:var(--dsbh-cyan)!important}
.dsbh-chip.is-active{background:var(--dsbh-navy);border-color:var(--dsbh-navy);color:#fff!important}

/* search */
.dsbh-search{position:relative;display:flex;align-items:center;max-width:640px;margin:0 auto;background:#fff;border:1px solid var(--dsbh-line);border-radius:40px;padding:4px;box-shadow:0 6px 24px rgba(11,28,56,.06)}
.dsbh-search input[type=search]{flex:1;border:0!important;box-shadow:none!important;background:transparent!important;height:44px;padding:0 18px!important;font-size:14px;color:var(--dsbh-navy)}
.dsbh-search button{width:44px!important;height:44px!important;min-height:0!important;border-radius:50%!important;border:0!important;background:var(--dsbh-cyan)!important;color:#fff!important;display:flex!important;align-items:center;justify-content:center;padding:0!important;margin:0!important;cursor:pointer;flex:0 0 44px}
.dsbh-sugg{position:absolute;top:calc(100% + 8px);right:0;left:0;background:#fff;border:1px solid var(--dsbh-line);border-radius:16px;box-shadow:0 18px 40px rgba(11,28,56,.14);z-index:9999;max-height:70vh;overflow:auto;text-align:right;padding:8px}
.dsbh-sugg__grp{padding:6px 4px}
.dsbh-sugg__lbl{font-size:11px;font-weight:700;color:var(--dsbh-muted);padding:4px 8px}
.dsbh-sugg__it{display:flex;align-items:center;gap:10px;padding:8px;border-radius:10px;color:var(--dsbh-navy)!important;font-size:13px;line-height:1.6}
.dsbh-sugg__it:hover,.dsbh-sugg__it.is-focus{background:var(--dsbh-soft)}
.dsbh-sugg__it img{width:40px;height:40px;border-radius:8px;object-fit:cover;flex:0 0 40px}
.dsbh-sugg__ico{width:40px;height:40px;border-radius:8px;flex:0 0 40px;background:rgba(0,175,238,.1);display:flex;align-items:center;justify-content:center;color:var(--dsbh-cyan);font-size:16px}
.dsbh-sugg__t{display:flex;flex-direction:column;min-width:0}
.dsbh-sugg__t b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dsbh-sugg__t small{color:var(--dsbh-muted);font-size:11px}
.dsbh-sugg__all{display:block;text-align:center;padding:10px;margin-top:4px;border-top:1px solid var(--dsbh-line);color:var(--dsbh-cyan)!important;font-size:13px;font-weight:700}
.dsbh-sugg__none{padding:14px;text-align:center;color:var(--dsbh-muted);font-size:13px}
/* when attached to theme header search forms */
.dsbh-sugg--theme{min-width:320px}

/* layout: right = training, center = articles, left = KNX/ZigBee (RTL) */
.dsbh-layout{display:grid;grid-template-columns:250px minmax(0,1fr) 250px;gap:28px;align-items:start}
.dsbh-col--training,.dsbh-col--products{position:sticky;top:90px;display:flex;flex-direction:column;gap:28px}
.dsbh-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--dsbh-gap)}
.dsbh-pgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.dsbh-res{margin-bottom:30px}
.dsbh-res__title{font-size:16px!important;font-weight:700;color:var(--dsbh-navy);margin:0 0 12px!important}
.dsbh-res__chips{display:flex;flex-wrap:wrap;gap:8px}
.dsbh-empty{text-align:center;color:var(--dsbh-muted);padding:40px 0}
.dsbh-pag{margin-top:30px}
.dsbh-pag ul{display:flex;justify-content:center;gap:6px;list-style:none;margin:0;padding:0}
.dsbh-pag a,.dsbh-pag span{display:flex;min-width:38px;height:38px;padding:0 10px;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--dsbh-line);color:var(--dsbh-navy)!important;font-size:13px}
.dsbh-pag .current{background:var(--dsbh-navy);color:#fff!important;border-color:var(--dsbh-navy)}

@media (min-width:1400px){.dsbh-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:1100px){.dsbh-layout{grid-template-columns:220px minmax(0,1fr) 220px;gap:20px}.dsbh-grid{grid-template-columns:1fr}}
@media (max-width:900px){.dsbh-layout{grid-template-columns:220px minmax(0,1fr)}.dsbh-col--products{display:none}.dsbh-grid{grid-template-columns:1fr}.dsbh-pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* mobile: only training products + articles */
@media (max-width:768px){
 .dsbh-layout{grid-template-columns:1fr;gap:24px}
 .dsbh-col--products{display:none!important}
 .dsbh-col--training{position:static;order:1}
 .dsbh-col--main{order:2}
 .dsbh-grid{grid-template-columns:1fr}
 .dsbh-cats{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding-bottom:4px;scrollbar-width:none;margin-inline:-15px;padding-inline:15px}
 .dsbh-cats::-webkit-scrollbar{display:none}
 .dsbh-h1{font-size:22px!important}
 .dsbh-prod--banner{flex-direction:row}
 .dsbh-prod--banner .dsbh-prod__img{aspect-ratio:auto;width:42%;flex:0 0 42%;min-height:170px}
 .dsbh-prod--banner .dsbh-prod__body{justify-content:center}
}

/* ---------- v1.1: Mag logo, home filters, mobile category carousels ---------- */
.dsbh-h1--logo{margin:0 0 6px!important;line-height:0}
.dsbh-logo{display:inline-block;width:100%;max-width:420px;height:auto}
.dsbh-logo-link{display:inline-block;margin-bottom:10px}
.dsbh-logo-link .dsbh-logo{max-width:220px}
.dsbh-page .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.dsbh-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.dsbh-filters .dsbh-chip{cursor:pointer;min-height:0;line-height:1.2;font-family:inherit;text-transform:none;letter-spacing:0}
.dsbh-slide.is-hidden{display:none!important}
.dsbh-mcats{display:none}
@media (max-width:768px){
 .dsbh-logo{max-width:270px}
 .dsbh-mcats{display:flex;flex-direction:column;gap:30px}
 .dsbh-grid--blog,.dsbh-pag--blog{display:none!important}
 .dsbh-filters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
 .dsbh-filters::-webkit-scrollbar{display:none}
}