/* Didarc Downloads — styles (built to sit on top of the Didarc theme design system) */
.diddl-downloads .diddl-gtitle{font-size:18px;font-weight:700;color:var(--navy,#27336a);margin:26px 0 12px}
.diddl-table{width:100%;border-collapse:collapse;font-size:14px}
.diddl-table th{text-align:right;background:var(--bg-2,#f4f6fb);color:var(--navy,#27336a);font-weight:700;padding:12px 14px;font-size:13px}
.diddl-table td{padding:12px 14px;border-top:1px solid var(--border,rgba(39,51,106,.10));color:var(--ink,#252b47);vertical-align:middle}
.diddl-table tr:hover td{background:var(--surface-2,#f7f9fc)}
[dir="ltr"] .diddl-table th{text-align:left}
.diddl-doc{font-weight:600;color:var(--navy,#27336a)}
.diddl-ico{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--tint-navy,rgba(39,51,106,.07));color:var(--navy,#27336a);margin-inline-end:8px;font-size:16px;vertical-align:middle}
.diddl-ver,.diddl-lang,.diddl-size{color:var(--muted,#5b6486);white-space:nowrap;font-size:13px}
.diddl-dl{text-align:center;white-space:nowrap}
.diddl-btn{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:13px;color:#fff;background:linear-gradient(90deg,var(--orange,#ee6a25),var(--orange-400,#ff8b45));border-radius:10px;padding:9px 16px;box-shadow:var(--sh-orange,0 12px 26px -10px rgba(238,106,37,.55));transition:transform .3s}
.diddl-btn:hover{transform:translateY(-2px);color:#fff}
.diddl-center{margin-top:8px}
.diddl-empty{text-align:center;color:var(--muted,#5b6486);padding:30px}
.diddl-table-wrap{overflow-x:auto}
@media(max-width:600px){
  .diddl-table .diddl-lang,.diddl-table th.diddl-lang{display:none}
  .diddl-table{min-width:520px}
  .diddl-downloads .wrap,.diddl-center{overflow-x:auto}
}

/* Browse-by-model bar (download/product/ style) */
.diddl-modelbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 18px;padding:14px 16px;background:var(--bg-2,#f4f6fb);border:1px solid var(--border,rgba(39,51,106,.10));border-radius:12px}
.diddl-modelbar label{font-weight:700;color:var(--navy,#27336a);font-size:14px}
.diddl-modelbar select{flex:1;min-width:220px;max-width:420px;font-family:inherit;font-size:14px;padding:10px 14px;border:1px solid var(--border-2,rgba(39,51,106,.20));border-radius:10px;background:#fff;color:var(--ink,#252b47)}
.diddl-modelbar select:focus{outline:none;border-color:var(--orange,#ee6a25);box-shadow:0 0 0 4px var(--tint-orange,rgba(238,106,37,.10))}

/* ---- product tabs (Description / Key features / Overview / Packing / Specs / Downloads) ---- */
.dtabs{margin-top:56px}
.dtabs-nav{display:flex;flex-wrap:wrap;gap:4px;border-bottom:2px solid var(--border,rgba(39,51,106,.14));margin-bottom:26px}
.dtabs-nav button{appearance:none;background:none;border:0;padding:12px 18px;font-family:inherit;font-size:15px;font-weight:800;color:var(--muted,#5a6180);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;border-radius:10px 10px 0 0;transition:color .18s,background .18s}
.dtabs-nav button:hover{color:var(--navy,#27336a);background:var(--tint-navy,rgba(39,51,106,.06))}
.dtabs-nav button.is-active{color:var(--navy,#27336a);border-bottom-color:var(--orange,#ee6a25)}
.dtabs-panel{display:none;animation:dtab-fade .25s ease}
.dtabs-panel.is-active{display:block}
@keyframes dtab-fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.dtabs .rte{color:var(--ink,#252b47);line-height:1.9;max-width:80ch}
.dtabs .rte h1,.dtabs .rte h2,.dtabs .rte h3{color:var(--navy,#27336a);margin:1.2em 0 .5em}
.dtabs .rte img{max-width:100%;height:auto;border-radius:12px}
.dtabs .feat-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px 26px}
.dtabs .feat-list li{display:flex;gap:10px;align-items:flex-start;color:var(--ink,#252b47);line-height:1.65}
.dtabs .feat-list .ck{color:var(--orange,#ee6a25);font-weight:900;flex:0 0 auto}
.overview-fig{margin:0;border:1px solid var(--border,rgba(39,51,106,.14));border-radius:var(--r-lg,18px);background:#fff;padding:22px;text-align:center;box-shadow:var(--sh,0 10px 30px rgba(39,51,106,.08))}
.overview-fig img{max-width:100%;height:auto;display:inline-block}
.pack-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.pack-list li{display:flex;gap:12px;align-items:center;padding:16px 18px;border:1px solid var(--border,rgba(39,51,106,.14));border-radius:14px;background:#fff;color:var(--ink,#252b47);font-weight:600}
.pack-list .pk-ic{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;border-radius:9px;background:var(--tint-navy,rgba(39,51,106,.06));color:var(--navy,#27336a);font-size:16px}
/* neutralize the nested section padding when downloads render inside a tab panel */
.dtabs-panel .diddl-downloads.sec{padding:0}
.dtabs-panel .diddl-downloads .wrap{padding:0;max-width:none}
.dtabs-panel .diddl-downloads .sec-head{text-align:right;margin-bottom:20px}

/* ---- product-family portfolio ([diddl_product_families]) ---- */
.diddl-families-sec{padding-top:52px}
.diddl-families .fam-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}
.fam-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:20px 14px;border:1px solid var(--border,rgba(39,51,106,.14));border-radius:16px;background:#fff;color:var(--navy,#27336a);text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s}
.fam-card:hover{transform:translateY(-4px);box-shadow:var(--sh,0 10px 30px rgba(39,51,106,.10));border-color:var(--orange,#ee6a25)}
.fam-thumb{width:110px;height:110px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,var(--tint-navy,rgba(39,51,106,.06)),var(--tint-orange,rgba(238,106,37,.06)))}
.fam-thumb img{max-width:88px;max-height:88px;width:auto;height:auto;object-fit:contain;mix-blend-mode:multiply}
.fam-label{font-weight:800;font-size:14px;line-height:1.35;color:var(--navy,#27336a)}
@media(max-width:600px){.diddl-families .fam-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.fam-thumb{width:92px;height:92px}.fam-thumb img{max-width:72px;max-height:72px}}

/* ---- colored key-feature chips ---- */
.feat-chips{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 10px}
.feat-chip{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;line-height:1.5;border:1px solid transparent;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.feat-highlights{margin-bottom:22px}
.feat-highlights .feat-chips{gap:8px}
.feat-highlights .feat-chip{font-size:13px;padding:6px 13px;white-space:normal}
.feat-chip.fc1{background:rgba(39,51,106,.09);color:#27336a;border-color:rgba(39,51,106,.18)}
.feat-chip.fc2{background:rgba(238,106,37,.11);color:#c9531a;border-color:rgba(238,106,37,.22)}
.feat-chip.fc3{background:rgba(20,150,130,.12);color:#0f7c69;border-color:rgba(20,150,130,.24)}
.feat-chip.fc4{background:rgba(124,77,196,.11);color:#6a3fb0;border-color:rgba(124,77,196,.22)}
.feat-chip.fc5{background:rgba(41,120,199,.11);color:#1f68b8;border-color:rgba(41,120,199,.22)}

/* ---- grouped category filter (archive) ---- */
.diddl-catfilter{margin-bottom:38px}
.diddl-catfilter .cf-all{display:inline-flex;margin:0 auto 22px;justify-content:center}
.diddl-catfilter{text-align:center}
.cf-groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;text-align:start}
.cf-group{border:1px solid var(--border,rgba(39,51,106,.14));border-radius:16px;background:#fff;padding:16px 16px 18px}
.cf-head{font-weight:800;color:var(--navy,#27336a);font-size:15px;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid var(--tint-orange,rgba(238,106,37,.12))}
.cf-chips{display:flex;flex-wrap:wrap;gap:8px}
.cf-chip{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:600;text-decoration:none;color:var(--navy,#27336a);background:var(--tint-navy,rgba(39,51,106,.06));border:1px solid transparent;transition:.16s}
.cf-chip:hover{border-color:var(--orange,#ee6a25);background:#fff}
.cf-chip.is-active{background:var(--navy,#27336a);color:#fff}
.cf-chip .cf-n{font-size:11px;font-weight:800;opacity:.7;background:rgba(255,255,255,.35);border-radius:999px;padding:0 6px;min-width:18px;text-align:center}
.cf-chip:not(.is-active) .cf-n{background:rgba(39,51,106,.10)}

/* ---- archive: two-column with hierarchical category tree ---- */
.archive-grid{display:grid;grid-template-columns:288px 1fr;gap:34px;align-items:start}
.archive-side{position:sticky;top:96px}
.grid-auto{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:22px}
.cat-tree{border:1px solid var(--border,rgba(39,51,106,.14));border-radius:16px;background:#fff;padding:14px;box-shadow:var(--sh,0 10px 30px rgba(39,51,106,.06))}
.ct-title{font-weight:800;color:var(--navy,#27336a);font-size:13px;letter-spacing:.02em;text-transform:uppercase;opacity:.7;padding:6px 10px 10px}
.ct-all{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:10px;font-weight:800;color:var(--navy,#27336a);text-decoration:none;background:var(--tint-navy,rgba(39,51,106,.05));margin-bottom:8px}
.ct-all.is-active{background:var(--navy,#27336a);color:#fff}
.ct-group{border-radius:10px;overflow:hidden}
.ct-group+.ct-group{margin-top:2px}
.ct-parent{list-style:none;display:flex;align-items:center;gap:8px;padding:9px 12px;cursor:pointer;border-radius:10px;font-weight:700;color:var(--navy,#27336a);user-select:none}
.ct-parent::-webkit-details-marker{display:none}
.ct-parent:hover{background:var(--tint-navy,rgba(39,51,106,.05))}
.ct-parent.is-active{background:var(--tint-orange,rgba(238,106,37,.10))}
.ct-caret{font-size:11px;color:var(--muted,#5a6180);transition:transform .2s;flex:0 0 auto}
.ct-group[open] .ct-caret{transform:rotate(180deg)}
.ct-plink{flex:1;color:inherit;text-decoration:none;font-size:14px}
.ct-plink:hover{color:var(--orange,#ee6a25)}
.ct-count{font-size:11px;font-weight:800;color:var(--muted,#5a6180);background:var(--tint-navy,rgba(39,51,106,.08));border-radius:999px;padding:1px 8px;min-width:22px;text-align:center}
.ct-children{list-style:none;margin:2px 0 8px;padding:0 8px 0 0}
.ct-children li{margin:0}
.ct-child{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 12px 7px 22px;border-radius:8px;text-decoration:none;color:var(--ink,#3a4166);font-size:13.5px;position:relative}
.ct-child::before{content:"";position:absolute;inset-inline-start:12px;top:50%;width:5px;height:5px;border-radius:50%;background:var(--border-2,rgba(39,51,106,.25));transform:translateY(-50%)}
.ct-child:hover{background:var(--tint-navy,rgba(39,51,106,.05));color:var(--navy,#27336a)}
.ct-child.is-active{background:var(--navy,#27336a);color:#fff}
.ct-child.is-active::before{background:var(--orange,#ee6a25)}
.ct-child.is-active .ct-count{background:rgba(255,255,255,.25);color:#fff}
/* subcategory chips atop a family page */
.subcat-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}
.subcat-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:999px;font-size:13.5px;font-weight:700;text-decoration:none;color:var(--navy,#27336a);background:#fff;border:1px solid var(--border,rgba(39,51,106,.16))}
.subcat-chip:hover{border-color:var(--orange,#ee6a25);background:var(--tint-orange,rgba(238,106,37,.06))}
.subcat-chip .sc-n{font-size:11px;font-weight:800;opacity:.65}
@media(max-width:860px){.archive-grid{grid-template-columns:1fr;gap:22px}.archive-side{position:static}}

/* ---- download center: visible product-category chips ---- */
.diddl-catbar{margin:6px 0 16px}
.diddl-catbar-label{font-weight:800;color:var(--navy,#27336a);font-size:14px;margin-bottom:10px}
.diddl-catchips{display:flex;flex-wrap:wrap;gap:8px}
.diddl-catchips button{appearance:none;cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;padding:7px 14px;border-radius:999px;border:1px solid var(--border,rgba(39,51,106,.16));background:#fff;color:var(--navy,#27336a);transition:.15s}
.diddl-catchips button:hover{border-color:var(--orange,#ee6a25);background:var(--tint-orange,rgba(238,106,37,.06))}
.diddl-catchips button.active{background:var(--navy,#27336a);color:#fff;border-color:var(--navy,#27336a)}

/* ---- «all products» landing: main families as visual cards ---- */
.fam-landing{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px}
.fam-cat-card{display:flex;gap:18px;align-items:center;padding:20px;border:1px solid var(--border,rgba(39,51,106,.14));border-radius:18px;background:#fff;text-decoration:none;box-shadow:var(--sh-sm,0 4px 14px -8px rgba(39,51,106,.2));transition:transform .18s,box-shadow .18s,border-color .18s}
.fam-cat-card:hover{transform:translateY(-5px);box-shadow:var(--sh,0 12px 30px -12px rgba(39,51,106,.22));border-color:var(--orange,#ee6a25)}
.fcc-thumb{width:96px;height:96px;flex:0 0 auto;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,var(--tint-navy,rgba(39,51,106,.06)),var(--tint-orange,rgba(238,106,37,.06)))}
.fcc-thumb img{max-width:76px;max-height:76px;width:auto;height:auto;object-fit:contain;mix-blend-mode:multiply}
.fcc-thumb span{font-size:40px;color:var(--navy,#27336a)}
.fcc-body{min-width:0}
.fcc-body h3{display:flex;align-items:center;gap:10px;font-size:18px;color:var(--navy,#27336a);margin:0 0 6px}
.fcc-count{font-size:12px;font-weight:800;color:#fff;background:var(--orange,#ee6a25);border-radius:999px;padding:2px 9px}
.fcc-subs{color:var(--muted,#5b6486);font-size:13px;line-height:1.6;margin:0 0 10px}
.fcc-go{color:var(--orange,#ee6a25);font-weight:800;font-size:14px}

/* ---- family page: subcategory filter bar (buttons) ---- */
.subcat-filter{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:30px}
.subcat-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 15px;border-radius:999px;font-family:inherit;font-size:13.5px;font-weight:700;cursor:pointer;text-decoration:none;color:var(--navy,#27336a);background:#fff;border:1px solid var(--border,rgba(39,51,106,.16));transition:.15s}
.subcat-chip:hover{border-color:var(--orange,#ee6a25);background:var(--tint-orange,rgba(238,106,37,.06))}
.subcat-chip.active{background:var(--navy,#27336a);color:#fff;border-color:var(--navy,#27336a)}
.subcat-chip .sc-n{font-size:11px;font-weight:800;opacity:.7}
.subcat-chip.active .sc-n{opacity:.85}

/* ---- download center: family category filter as compact image cards ---- */
.diddl-famfilter{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-top:4px}
.dff-card{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--border,rgba(39,51,106,.14));border-radius:12px;background:#fff;cursor:pointer;font-family:inherit;text-align:start;transition:border-color .15s,box-shadow .15s,background .15s}
.dff-card:hover{border-color:var(--orange,#ee6a25);box-shadow:0 4px 14px -8px rgba(39,51,106,.25)}
.dff-card.active{background:var(--navy,#27336a);border-color:var(--navy,#27336a)}
.dff-card.active .dff-name{color:#fff}
.dff-thumb{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;border-radius:9px;background:var(--tint-navy,rgba(39,51,106,.06));color:var(--navy,#27336a);font-size:18px;overflow:hidden}
.dff-card.active .dff-thumb{background:rgba(255,255,255,.16);color:#fff}
.dff-thumb img{max-width:32px;max-height:32px;width:auto;height:auto;object-fit:contain;mix-blend-mode:multiply}
.dff-card.active .dff-thumb img{mix-blend-mode:normal}
.dff-name{font-size:13px;font-weight:700;color:var(--navy,#27336a);line-height:1.3}

/* ---- homepage: latest-products horizontal slider ---- */
.diddl-prodslider{position:relative}
.diddl-prodslider .dps-rail{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 2px 18px;scrollbar-width:thin}
.diddl-prodslider .dps-rail>*{scroll-snap-align:start;flex:0 0 clamp(230px,26vw,270px)}
.diddl-prodslider .dps-rail::-webkit-scrollbar{height:8px}
.diddl-prodslider .dps-rail::-webkit-scrollbar-thumb{background:var(--border-2,rgba(39,51,106,.2));border-radius:8px}
.dps-nav{position:absolute;top:38%;width:44px;height:44px;border-radius:50%;border:1px solid var(--border,rgba(39,51,106,.14));background:#fff;color:var(--navy,#27336a);display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 18px -8px rgba(39,51,106,.3);z-index:2;font-size:18px}
.dps-nav:hover{border-color:var(--orange,#ee6a25);color:var(--orange,#ee6a25)}
.dps-prev{inset-inline-start:-10px}
.dps-next{inset-inline-end:-10px}
@media(max-width:560px){.dps-nav{display:none}}

/* ---- product selector ---- */
.diddl-selector{display:grid;grid-template-columns:280px 1fr;gap:30px;align-items:start}
.dsel-panel{position:sticky;top:96px;border:1px solid var(--border,rgba(39,51,106,.14));border-radius:18px;background:#fff;padding:20px;box-shadow:var(--sh-sm,0 4px 14px -8px rgba(39,51,106,.2))}
.dsel-head h3{font-size:19px;color:var(--navy,#27336a);margin:0 0 6px}
.dsel-head p{font-size:13px;color:var(--muted,#5b6486);margin:0 0 12px;line-height:1.6}
.dsel-reset{appearance:none;border:0;background:none;color:var(--orange,#ee6a25);font-family:inherit;font-weight:700;font-size:13px;cursor:pointer;padding:0 0 6px}
.dsel-group{border-top:1px solid var(--border,rgba(39,51,106,.1));padding:14px 0}
.dsel-glabel{font-weight:800;color:var(--navy,#27336a);font-size:14px;margin-bottom:10px}
.dsel-chips{display:flex;flex-wrap:wrap;gap:7px}
.dsel-chip{appearance:none;cursor:pointer;font-family:inherit;font-size:12.5px;font-weight:700;padding:6px 12px;border-radius:999px;border:1px solid var(--border,rgba(39,51,106,.16));background:#fff;color:var(--navy,#27336a);transition:.15s}
.dsel-chip:hover{border-color:var(--orange,#ee6a25)}
.dsel-chip.active{background:var(--navy,#27336a);color:#fff;border-color:var(--navy,#27336a)}
.dsel-count{font-weight:800;color:var(--navy,#27336a);margin-bottom:18px}
.dsel-item{min-width:0}
@media(max-width:860px){.diddl-selector{grid-template-columns:1fr}.dsel-panel{position:static}}

/* ---- FAQ accordion ---- */
.diddl-faq{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.faq-item{border:1px solid var(--border,rgba(39,51,106,.14));border-radius:14px;background:#fff;overflow:hidden}
.faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;font-weight:800;color:var(--navy,#27336a);font-size:15.5px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:hover{background:var(--tint-navy,rgba(39,51,106,.04))}
.faq-ic{flex:0 0 auto;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--tint-orange,rgba(238,106,37,.12));color:var(--orange,#ee6a25);font-size:18px;transition:transform .2s}
.faq-item[open] .faq-ic{transform:rotate(45deg)}
.faq-a{padding:0 20px 20px;color:var(--ink,#3a4166);line-height:1.95}
/* ---- blog category bar ---- */
.diddl-blogcats{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:9px;margin:0 0 30px}
.bcat{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:999px;border:1px solid var(--border,rgba(39,51,106,.16));background:#fff;color:var(--navy,#27336a);font-weight:700;font-size:13.5px;text-decoration:none;transition:.15s}
.bcat:hover{border-color:var(--orange,#ee6a25)}
.bcat.active{background:var(--navy,#27336a);color:#fff;border-color:var(--navy,#27336a)}
.bcat-n{font-size:11px;font-weight:800;opacity:.65}
/* ---- single product: browse links ---- */
.diddl-browse{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:44px;padding-top:24px;border-top:1px solid var(--border,rgba(39,51,106,.12))}
.diddl-browse .db-label{font-weight:800;color:var(--navy,#27336a)}
.diddl-browse a{color:var(--ink,#3a4166);font-weight:700;font-size:14px;text-decoration:none;border-bottom:2px solid transparent;padding-bottom:2px}
.diddl-browse a:hover{color:var(--orange,#ee6a25);border-bottom-color:var(--orange,#ee6a25)}

/* ---- let wide plugin components use full width even inside .article (page template) ---- */
.article:has(.diddl-broch),.article:has(.diddl-center),.article:has(.diddl-selector),.article:has(.fam-landing),.article:has(.diddl-famfilter){max-width:none}