/*
 * Geliştirme kartı detay sayfası, yeni düzen (03.10.2026).
 * Şablon: template-parts/development-board-detail-v2.php; betik: assets/js/development-board-v2.js.
 * development-boards.css'ten sonra yüklenir; galeri ve kod kutusu kuralları oradan gelir, burada ezilir.
 * Ana renk siyah; yeşil yalnız stok durumunda.
 */
.dbv2-page{--dbv2-ink:#111;--dbv2-text:#3b3b3b;--dbv2-muted:#6b6b6b;--dbv2-line:#e4e4e4;--dbv2-soft:#f6f6f6;--dbv2-ok:#1a7f37;background:#fff;color:var(--dbv2-text);font-family:Manrope,system-ui,sans-serif}
.dbv2-page *{box-sizing:border-box}
.dbv2-wrap{width:min(100% - 24px,1600px);margin-inline:auto;padding:18px 0 72px}
.dbv2-icon{display:block;flex-shrink:0;width:22px;height:22px}

/* İçerik yolu */
.dbv2-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 18px;color:#8a8a8a;font-size:13px}
.dbv2-breadcrumb a{color:#6b6b6b;text-decoration:none}
.dbv2-breadcrumb a:hover,.dbv2-breadcrumb a:focus-visible{color:var(--dbv2-ink);text-decoration:underline}
.dbv2-breadcrumb strong{color:var(--dbv2-ink);font-weight:600}

/* Üst bölüm: solda galeri, sağda başlık + özet */
.dbv2-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"gallery head" "gallery summary";grid-template-rows:auto 1fr;column-gap:56px;align-items:start}
.dbv2-head{grid-area:head;padding-top:8px}
.dbv2-gallery{grid-area:gallery}
.dbv2-summary{grid-area:summary;display:flex;flex-direction:column}
.dbv2-eyebrow{margin:0 0 10px;color:var(--dbv2-ink);font:500 12px/1.4 "IBM Plex Mono",monospace;letter-spacing:.1em;text-transform:uppercase}
.dbv2-title{margin:0;color:var(--dbv2-ink);font:700 clamp(32px,3.4vw,48px)/1.08 Sora,Manrope,sans-serif;letter-spacing:-.03em}
.dbv2-description{max-width:640px;margin:16px 0 0;color:#2f2f2f;font-size:16.5px;font-weight:500;line-height:1.62}

/* Galeri: ince çerçeve, gölgesiz */
.dbv2 .development-board-gallery-stage{min-height:0;border:1px solid var(--dbv2-line);border-radius:16px;background:#fff;box-shadow:none}
.dbv2 .development-board-gallery-slide{height:clamp(300px,36vw,500px);padding:28px 40px}
.dbv2 .development-board-gallery-slide img{filter:drop-shadow(0 10px 14px rgba(0,0,0,.10))}
.dbv2 .development-board-gallery-control{width:42px;height:42px;border-color:var(--dbv2-line);box-shadow:0 4px 12px rgba(0,0,0,.06);font-size:24px}
.dbv2 .development-board-gallery-control:hover,.dbv2 .development-board-gallery-control:focus-visible{border-color:var(--dbv2-ink);color:var(--dbv2-ink)}
.dbv2 .development-board-gallery-thumbs{gap:12px;padding:12px 2px 2px}
.dbv2 .development-board-gallery-thumbs button{flex:0 0 92px;height:72px;padding:5px;border:1px solid var(--dbv2-line);border-radius:10px;background:#fff;transition:transform .15s ease,border-color .15s ease}
.dbv2 .development-board-gallery-thumbs button:hover{transform:scale(1.03);border-color:#bdbdbd}
.dbv2 .development-board-gallery-thumbs button[aria-current="true"]{border:2px solid var(--dbv2-ink);box-shadow:none;padding:4px}

/* Özellik çipleri */
.dbv2-chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:680px;margin:20px 0 0;padding:0;list-style:none}
.dbv2-chips li{display:flex;align-items:center;gap:10px;min-width:0;padding:11px 12px;border:1px solid var(--dbv2-line);border-radius:12px;background:#fafafa;color:var(--dbv2-ink)}
.dbv2-chips span{display:grid;min-width:0}
.dbv2-chips strong{overflow:hidden;color:var(--dbv2-ink);font:600 14.5px/1.3 Manrope,sans-serif;text-overflow:ellipsis;white-space:nowrap}
.dbv2-chips small{overflow:hidden;color:var(--dbv2-muted);font-size:12.5px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}

/* Fiyat, stok, adet, butonlar */
.dbv2-buy{margin-top:24px}
.dbv2-price{color:var(--dbv2-ink);font:700 34px/1.1 Sora,Manrope,sans-serif;letter-spacing:-.02em}
.dbv2-price del{margin-right:10px;color:#9a9a9a;font-size:20px;font-weight:500}
.dbv2-price ins{text-decoration:none}
.dbv2-stock{display:flex;align-items:center;gap:8px;margin:10px 0 0;color:var(--dbv2-ok);font:600 14.5px Manrope,sans-serif}
.dbv2-stock::before{content:"";width:9px;height:9px;border-radius:50%;background:currentColor}
.dbv2-stock.is-out-of-stock{color:#8a8a8a}
.dbv2-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch;margin-top:20px}
.dbv2-qty{display:inline-flex;flex:0 0 auto;align-items:center;height:54px;border:1px solid #cfcfcf;border-radius:10px;background:#fff;overflow:hidden}
.dbv2-qty:focus-within{border-color:var(--dbv2-ink)}
.dbv2-qty button{width:44px;height:100%;border:0;color:var(--dbv2-ink);background:transparent;font:500 22px/1 Manrope,sans-serif;cursor:pointer}
.dbv2-qty button:hover:not(:disabled){background:var(--dbv2-soft)}
.dbv2-qty button:disabled{color:#c4c4c4;cursor:default}
.dbv2-qty input{width:46px;height:100%;padding:0;border:0;color:var(--dbv2-ink);background:transparent;font:700 17px Manrope,sans-serif;text-align:center;-moz-appearance:textfield;appearance:textfield}
.dbv2-qty input::-webkit-outer-spin-button,.dbv2-qty input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}
.dbv2-qty input:focus{outline:0}
.dbv2-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 26px;border:1px solid var(--dbv2-ink);border-radius:10px;font:700 16px Manrope,sans-serif;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}
.dbv2-btn .dbv2-icon{width:20px;height:20px}
.dbv2 a.dbv2-btn-primary,.dbv2 .dbv2-btn-primary{min-width:190px;color:#fff;background:var(--dbv2-ink)}
.dbv2 a.dbv2-btn-primary:hover,.dbv2 a.dbv2-btn-primary:focus-visible{color:#fff;background:#333;border-color:#333}
.dbv2 a.dbv2-btn-secondary{color:var(--dbv2-ink);background:#fff}
.dbv2 a.dbv2-btn-secondary:hover,.dbv2 a.dbv2-btn-secondary:focus-visible{color:var(--dbv2-ink);background:var(--dbv2-soft)}
.dbv2 .dbv2-btn.is-disabled{border-color:#e0e0e0;color:#8a8a8a;background:#f2f2f2;cursor:not-allowed}
.dbv2 .dbv2-btn.is-loading{opacity:.6;pointer-events:none}
.dbv2-btn:focus-visible,.dbv2-qty button:focus-visible{outline:2px solid var(--dbv2-ink);outline-offset:2px}
.dbv2-note{margin:12px 0 0;color:var(--dbv2-muted);font-size:13px}
.dbv2-trust{display:flex;flex-wrap:wrap;gap:10px 28px;margin:22px 0 0;padding:14px 18px;border-radius:12px;background:var(--dbv2-soft);list-style:none}
.dbv2-trust:empty{display:none}
.dbv2-trust li,.dbv2-trust a{display:inline-flex;align-items:center;gap:9px;color:var(--dbv2-text);font-size:13.5px;font-weight:500;text-decoration:none}
.dbv2-trust a:hover{color:var(--dbv2-ink);text-decoration:underline}
.dbv2-trust .dbv2-icon{width:19px;height:19px;color:var(--dbv2-ink)}

/* Bilgi kartı: sekmeler */
.dbv2-info{margin-top:44px;border:1px solid var(--dbv2-line);border-radius:16px;background:#fff}
.dbv2-tablist{display:flex;gap:32px;overflow-x:auto;padding:0 28px;border-bottom:1px solid var(--dbv2-line);scrollbar-width:none}
.dbv2-tablist::-webkit-scrollbar{display:none}
.dbv2-tablist[hidden]{display:none}
.dbv2-tablist [role="tab"]{position:relative;flex-shrink:0;padding:18px 2px 16px;border:0;color:var(--dbv2-muted);background:none;font:600 15px Manrope,sans-serif;cursor:pointer}
.dbv2-tablist [role="tab"]:hover{color:var(--dbv2-ink)}
.dbv2-tablist [role="tab"][aria-selected="true"]{color:var(--dbv2-ink)}
.dbv2-tablist [role="tab"][aria-selected="true"]::after{position:absolute;right:0;bottom:-1px;left:0;height:2px;border-radius:2px;background:var(--dbv2-ink);content:""}
.dbv2-tablist [role="tab"]:focus-visible{outline:2px solid var(--dbv2-ink);outline-offset:-2px}
.dbv2-panel{padding:28px}
.dbv2-panel[hidden]{display:none}
.dbv2-info:not(.is-tabbed) .dbv2-panel+.dbv2-panel{border-top:1px solid var(--dbv2-line)}
.dbv2-panel h2,.dbv2-panel-title{margin:0 0 14px;color:var(--dbv2-ink);font:700 18px/1.3 Sora,Manrope,sans-serif;letter-spacing:-.01em}

/* Teknik Özellikler paneli: tablo | öne çıkanlar | kullanım alanları */
.dbv2-panel-specs{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) minmax(0,.85fr);gap:0}
.dbv2-col{min-width:0;padding:0 28px}
.dbv2-col:first-child{padding-left:0}
.dbv2-col:last-child{padding-right:0}
.dbv2-col+.dbv2-col{border-left:1px solid var(--dbv2-line)}
.dbv2-specs{margin:0;border-top:1px solid #ececec}
.dbv2-specs div{display:grid;grid-template-columns:minmax(120px,40%) minmax(0,1fr);gap:12px;padding:8px 0;border-bottom:1px solid #ececec}
.dbv2-specs dt{color:var(--dbv2-muted);font-size:13.5px;line-height:1.45}
.dbv2-specs dd{margin:0;color:var(--dbv2-ink);font-size:14px;font-weight:600;line-height:1.45;overflow-wrap:anywhere}
.dbv2-checks,.dbv2-uses{display:grid;gap:11px;margin:0;padding:0;list-style:none}
.dbv2-checks li,.dbv2-uses li{display:flex;align-items:flex-start;gap:11px;color:#2f2f2f;font-size:14.5px;font-weight:500;line-height:1.45}
.dbv2-checks .dbv2-icon{width:19px;height:19px;color:var(--dbv2-ink)}
.dbv2-uses .dbv2-icon{width:20px;height:20px;color:var(--dbv2-ink)}

/* Dokümanlar paneli */
.dbv2-docs{display:grid;gap:12px;max-width:980px;margin:0;padding:0;list-style:none}
.dbv2-docs li{display:flex;align-items:center;gap:16px;padding:14px 16px;border:1px solid var(--dbv2-line);border-radius:12px}
.dbv2-doc-badge{display:grid;flex-shrink:0;width:44px;height:44px;place-items:center;border-radius:10px;color:#fff;background:var(--dbv2-ink);font:500 12px "IBM Plex Mono",monospace}
.dbv2-doc-badge .dbv2-icon{width:22px;height:22px}
.dbv2-doc-body{flex:1;min-width:0}
.dbv2-doc-body h3{margin:0 0 3px;color:var(--dbv2-ink);font:700 15px/1.35 Manrope,sans-serif}
.dbv2-doc-body p{margin:0;color:var(--dbv2-muted);font-size:13.5px;line-height:1.5}
.dbv2 .dbv2-btn-small{min-height:40px;padding:0 14px;font-size:14px}
.dbv2 .dbv2-btn-small .dbv2-icon{width:16px;height:16px}

/* Programlama paneli: kod kutuları development-boards.css'ten */
.dbv2-prose{display:grid;gap:10px;max-width:900px}
.dbv2-prose p{margin:0;color:var(--dbv2-text);font-size:15px;line-height:1.65}
.dbv2 .development-board-code-examples{margin-top:28px}
.dbv2 .development-board-code-examples>h3,.dbv2 .development-board-code-wrap h3{margin:0;color:var(--dbv2-ink);font:700 16px Sora,Manrope,sans-serif}
.dbv2 .development-board-code-example{margin-top:22px}
.dbv2 .development-board-code-example h4{margin:0 0 4px;color:var(--dbv2-ink);font:700 15px Manrope,sans-serif}
.dbv2 .development-board-code-example p{max-width:900px;color:var(--dbv2-text);font-size:14.5px;line-height:1.6}

.dbv2-license{margin:0;padding:14px 28px;border-top:1px solid var(--dbv2-line);color:var(--dbv2-muted);font-size:13px}

/* Tablet */
@media (max-width:1180px){
  .dbv2-hero{column-gap:36px}
  .dbv2-chips{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dbv2-panel-specs{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .dbv2-col-specs{grid-column:1/-1;padding:0 0 24px}
  .dbv2-col-specs+.dbv2-col{padding-left:0;border-left:0}
  .dbv2-col:nth-child(2),.dbv2-col:nth-child(3){padding-top:24px;border-top:1px solid var(--dbv2-line)}
}

/* Telefon ve dar tablet: başlık, galeri, fiyat ve buton ilk ekranda */
@media (max-width:860px){
  .dbv2-wrap{padding:12px 0 48px}
  .dbv2-breadcrumb{margin-bottom:12px;font-size:12.5px}
  .dbv2-hero{grid-template-columns:1fr;grid-template-areas:"head" "gallery" "summary";grid-template-rows:auto}
  .dbv2-head{padding-top:0;margin-bottom:14px}
  .dbv2-eyebrow{margin-bottom:6px;font-size:11px}
  .dbv2-title{font-size:clamp(26px,7vw,34px)}
  .dbv2 .development-board-gallery-slide{height:clamp(240px,62vw,380px);padding:18px 24px}
  .dbv2 .development-board-gallery-thumbs button{flex-basis:72px;height:56px}
  .dbv2-summary{margin-top:6px}
  .dbv2-buy{order:-1;margin-top:12px}
  .dbv2-price{font-size:30px}
  .dbv2-description{margin-top:22px;font-size:15.5px}
  .dbv2-chips{max-width:none;margin-top:16px}
  .dbv2-info{margin-top:32px}
  .dbv2-tablist{gap:22px;padding:0 18px}
  .dbv2-tablist [role="tab"]{padding:15px 2px 13px;font-size:14px}
  .dbv2-panel{padding:20px 18px}
  .dbv2-panel-specs{grid-template-columns:1fr}
  .dbv2-col,.dbv2-col-specs{padding:0}
  .dbv2-col+.dbv2-col{margin-top:22px;padding:22px 0 0;border-top:1px solid var(--dbv2-line);border-left:0}
  .dbv2-col-specs{padding-bottom:0}
  .dbv2-license{padding:14px 18px}
}

@media (max-width:520px){
  .dbv2-wrap{width:min(100% - 32px,1400px)}
  .dbv2-actions{gap:10px}
  .dbv2 a.dbv2-btn-primary,.dbv2 .dbv2-btn-primary{flex:1 1 auto;min-width:0;padding:0 18px}
  .dbv2 a.dbv2-btn-secondary:not(.dbv2-btn-small){flex:1 1 100%;min-height:48px}
  .dbv2-qty button{width:40px}
  .dbv2-qty input{width:40px}
  .dbv2-chips li{padding:9px 10px}
  .dbv2-specs div{grid-template-columns:minmax(100px,42%) minmax(0,1fr)}
  .dbv2-docs li{flex-wrap:wrap}
  .dbv2-docs .dbv2-btn-small{width:100%}
  .dbv2-trust{gap:8px 18px;padding:12px 14px}
}

/* Readable product detail and restrained green accents. */
.dbv2-page{--dbv2-green:#087d43;--dbv2-muted:#56645d;--dbv2-line:#dfe7e1;--dbv2-soft:#f3f7f4}
.dbv2-hero{column-gap:40px}
.dbv2-head{padding-top:0}
.dbv2-eyebrow{color:var(--dbv2-green);font:700 13px/1.5 Manrope,system-ui,sans-serif;letter-spacing:.09em}
.dbv2-description{font-size:17px;font-weight:400;line-height:1.7;color:#45534b}
.dbv2-chips{gap:10px;margin-top:18px}
.dbv2-chips li{gap:9px;padding:13px 10px;background:#f0f7f2;border-color:transparent}
.dbv2-chips .dbv2-icon{color:var(--dbv2-green);width:25px;height:25px}
.dbv2-chips strong{font-family:Manrope,system-ui,sans-serif;font-size:16px;color:#12472c;white-space:normal;overflow:visible;overflow-wrap:anywhere}
.dbv2-chips small{font-size:14px;line-height:1.5;white-space:normal;overflow:visible}
.dbv2-price{font-size:40px}
.dbv2-tax{margin:6px 0 0;font-size:14px;color:var(--dbv2-muted)}
.dbv2-stock{font:600 15px/1.5 Manrope,system-ui,sans-serif}
.dbv2-actions{gap:10px;margin-top:18px}
.dbv2-purchase-row{display:flex;flex:1 0 100%;gap:10px;min-width:0}
.dbv2 .dbv2-purchase-row .dbv2-btn-primary{min-width:0;padding-inline:12px;white-space:normal}
.dbv2-purchase-row~.dbv2-btn-secondary{flex:1 1 auto}
.dbv2-btn{font-family:Manrope,system-ui,sans-serif;padding-inline:20px}
.dbv2 a.dbv2-btn-primary{flex:1;min-width:180px}
.dbv2-trust{gap:12px 22px;margin-top:18px;padding:14px 16px}
.dbv2-trust li,.dbv2-trust a{font-size:14px;line-height:1.5}
.dbv2-trust .dbv2-icon{color:var(--dbv2-green)}
.dbv2 .development-board-gallery-thumbs{gap:12px;padding:12px 2px 4px}
.dbv2 .development-board-gallery-thumbs button{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 112px;height:104px;padding:7px;border-radius:12px}
.dbv2 .development-board-gallery-thumbs button img{width:100%;height:64px;object-fit:contain}
.dbv2 .development-board-gallery-thumbs button span{display:block;margin-top:5px;color:#34483b;font:600 14px/1.4 Manrope,system-ui,sans-serif}
.dbv2 .development-board-gallery-thumbs button[aria-current="true"]{border:2px solid var(--dbv2-green);padding:6px;background:#f4faf6}
.dbv2 .development-board-gallery-slide img{cursor:zoom-in}
.dbv2-expand{position:absolute;right:14px;bottom:14px;z-index:2;display:flex;align-items:center;gap:7px;min-height:40px;padding:8px 12px;border:1px solid var(--dbv2-line);border-radius:8px;color:#254732;background:#fffffff2;font:600 14px Manrope,system-ui,sans-serif;cursor:pointer}
.dbv2-expand[hidden]{display:none}
.dbv2-expand .dbv2-icon{width:18px;height:18px}
.dbv2-info{margin-top:32px}
.dbv2-tablist{gap:28px;background:#fafcfb;border-radius:16px 16px 0 0}
.dbv2-tablist [role="tab"]{font:600 16px Manrope,system-ui,sans-serif;padding:18px 2px}
.dbv2-tablist [role="tab"][aria-selected="true"]{color:var(--dbv2-green)}
.dbv2-tablist [role="tab"][aria-selected="true"]::after{height:3px;background:var(--dbv2-green)}
.dbv2-panel-specs{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-template-rows:auto 1fr;gap:26px 32px}
.dbv2-col{padding:0;min-width:0}
.dbv2-col-specs{grid-column:1;grid-row:1/3}
.dbv2-col-features,.dbv2-col-uses{grid-column:2}
.dbv2-col+.dbv2-col{border-left:0}
.dbv2-col:nth-child(2),.dbv2-col:nth-child(3){padding:0;border-top:0}
.dbv2-panel h2,.dbv2-panel-title{font-size:21px;line-height:1.35;margin-bottom:16px}
.dbv2-specs{overflow:hidden;border:1px solid var(--dbv2-line);border-radius:10px}
.dbv2-specs div{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:16px;padding:7px 14px}
.dbv2-specs div:nth-child(odd){background:#f5f8f6}
.dbv2-specs div:last-child{border-bottom:0}
.dbv2-specs dt,.dbv2-specs dd{font-size:16px;line-height:1.45}
.dbv2-specs dt{color:#4a5b50;font-weight:500}
.dbv2-checks,.dbv2-uses{gap:12px}
.dbv2-checks li,.dbv2-uses li{font-size:16px;line-height:1.55;font-weight:400;color:#35463b}
.dbv2-checks .dbv2-icon,.dbv2-uses .dbv2-icon{color:var(--dbv2-green);margin-top:3px}
.dbv2-col-uses{align-self:start;padding:20px!important;border-radius:12px;background:#f3f8f4}
.dbv2-docs{max-width:none}
.dbv2-docs li{padding:18px;background:#fafcfb}
.dbv2-doc-body h3{font:700 17px/1.4 Manrope,system-ui,sans-serif}
.dbv2-doc-body p,.dbv2 .dbv2-btn-small{font-size:15px}
.dbv2-doc-badge{background:var(--dbv2-green)}
.dbv2-prose p,.dbv2 .development-board-code-example p{font-size:16px;line-height:1.65}
.dbv2 .development-board-code-example h4{font:700 18px/1.4 Manrope,system-ui,sans-serif}
.dbv2 .development-board-code-examples>h3,.dbv2 .development-board-code-wrap h3{font-size:20px}
.dbv2-license{font-size:14px}
.dbv2 :is(button,a):focus-visible{outline:3px solid var(--dbv2-green);outline-offset:3px}
/* Full-size product images, with native modal focus handling. */
.dbv2-lightbox{width:min(1200px,96vw);height:min(940px,94dvh);max-width:96vw;max-height:94dvh;padding:0;border:1px solid #dfe7e1;border-radius:16px;background:#fff;color:#172b20;font:16px/1.5 Manrope,system-ui,sans-serif;box-shadow:0 20px 90px #0004}
.dbv2-lightbox[open]{display:flex;flex-direction:column}
.dbv2-lightbox::backdrop{background:#0b1817bf;backdrop-filter:blur(5px)}
.dbv2-lightbox-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-bottom:1px solid #dfe7e1}
.dbv2-lightbox-bar p{margin:0;font-weight:700}
.dbv2-lightbox-bar>div{display:flex;gap:8px}
.dbv2-lightbox button{min-height:44px;padding:8px 14px;border:1px solid #d1dfd5;border-radius:8px;color:#173e28;background:#f4f8f5;font:600 14px Manrope,system-ui,sans-serif;cursor:pointer}
.dbv2-lightbox button:focus-visible{outline:3px solid #087d43;outline-offset:2px}
.dbv2-lightbox button[aria-pressed="true"]{background:#087d43;color:#fff}
.dbv2-lightbox-image{flex:1;min-height:0;overflow:auto;padding:18px;overscroll-behavior:contain}
.dbv2-lightbox-image img{display:block;width:100%;height:100%;object-fit:contain}
.dbv2-lightbox-image.is-zoomed img{width:max(100%,1400px);height:auto;max-width:none;max-height:none}
.dbv2-lightbox-nav{display:flex;align-items:center;justify-content:center;gap:20px;padding:10px;border-top:1px solid #dfe7e1}
@media(max-width:1180px){.dbv2-hero{column-gap:28px}.dbv2-col-specs{padding-bottom:0}}
@media(max-width:860px){
 .dbv2-description{margin-top:10px;font-size:16px;line-height:1.6}
 .dbv2-title{font-size:clamp(28px,6vw,36px)}
 .dbv2-eyebrow{font-size:12px}
 .dbv2-panel-specs{grid-template-columns:1fr;gap:24px}
 .dbv2-col-specs,.dbv2-col-features,.dbv2-col-uses{grid-column:1;grid-row:auto}
 .dbv2-col+.dbv2-col{margin-top:0;padding-top:0;border-top:0}
 .dbv2-price{font-size:34px}
 .dbv2 .development-board-gallery-thumbs button{flex-basis:100px;height:92px}
 .dbv2 .development-board-gallery-thumbs button img{height:54px}
 .dbv2-head{margin-bottom:18px}
 .dbv2-chips{margin-top:18px}
}
@media(max-width:520px){
 .dbv2-panel{padding:20px 14px}
 .dbv2-panel h2{font-size:20px}
 .dbv2-specs div{gap:10px;padding:7px 10px}
 .dbv2-specs dt,.dbv2-specs dd{font-size:15px}
 .dbv2-tablist{gap:20px;padding-inline:14px}
 .dbv2-tablist [role="tab"]{font-size:15px}
 .dbv2-chips li{padding:12px 10px}
 .dbv2-chips strong{font-size:15px}
 .dbv2 .development-board-gallery-thumbs button{flex-basis:92px}
 .dbv2-lightbox-bar{padding:10px;gap:8px}
 .dbv2-lightbox-bar>div{gap:5px}
 .dbv2-lightbox button{padding:8px 10px}
 .dbv2-lightbox-image{padding:8px}
}

/* Continuous product guide with a sticky section menu. */
html:has(.dbv2){scroll-padding-top:0}
.dbv2-page,.dbv2-page #main-content,.dbv2{overflow:visible}
.dbv2{--dbv2-header-height:76px}
.dbv2-details{position:relative;margin-top:32px}
.dbv2-section-nav{position:sticky;top:var(--dbv2-header-height);z-index:20;display:flex;gap:28px;overflow-x:auto;padding:0 24px;border:1px solid var(--dbv2-line);border-radius:12px;background:#fffffff5;backdrop-filter:blur(12px);box-shadow:0 4px 18px #183c2408;scrollbar-width:thin}
.dbv2-section-nav a{flex-shrink:0;padding:18px 0 15px;border-bottom:3px solid transparent;color:#526157;font-size:16px;font-weight:600;text-decoration:none}
.dbv2-section-nav a[aria-current]{color:var(--dbv2-green);border-bottom-color:var(--dbv2-green)}
@media(max-width:767px){.dbv2 .dbv2-section-nav{position:relative;top:auto;box-shadow:none}.dbv2 .dbv2-section{scroll-margin-top:82px}}
.dbv2-section{margin-top:24px;padding:28px;border:1px solid var(--dbv2-line);border-radius:16px;scroll-margin-top:calc(var(--dbv2-header-height) + 86px);background:#fff}
.dbv2-section h2,.dbv2-related h2{margin:0;color:#16261d;font:700 clamp(24px,2.2vw,30px)/1.25 Sora,Manrope,sans-serif;letter-spacing:-.025em}
.dbv2-section h3{margin:0 0 12px;color:#1e3025;font:700 19px/1.4 Manrope,system-ui,sans-serif}
.dbv2-section-heading{margin-bottom:22px}
.dbv2-section-heading .dbv2-eyebrow{margin-bottom:8px}
.dbv2-overview{display:grid;grid-template-columns:1.1fr .9fr;gap:24px 36px;align-items:center;background:#fff}
.dbv2-section-intro{max-width:640px;margin:16px 0 20px;font-size:17px;line-height:1.75;color:#45594c}
.dbv2-overview-visual{position:relative;display:grid;place-items:center;min-width:0;padding:8px 24px}
.dbv2-overview-visual img{width:100%;height:290px;object-fit:contain;mix-blend-mode:multiply}
.dbv2-overview-visual>span{margin-top:12px;color:#31543c;font-size:14px;letter-spacing:.04em}
.dbv2-use-strip{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--dbv2-line);padding-top:22px;gap:20px}
.dbv2-use-strip>div{display:flex;align-items:center;gap:12px;color:#354b3d;font-size:15px;line-height:1.5}
.dbv2-use-strip .dbv2-icon{color:var(--dbv2-green);width:28px;height:28px}
.dbv2-technical-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:28px;align-items:start}
.dbv2-hardware-notes{min-width:0}
.dbv2-warning{padding:16px 18px;margin-bottom:22px;border:1px solid #ebd9b7;border-radius:10px;background:#fff8ec;color:#755018;font-size:15px;line-height:1.6}
.dbv2-warning strong{display:block;color:#795114;font-size:16px}
.dbv2-warning p{margin:7px 0 0}
.dbv2-pin-list{margin:0;border-top:1px solid var(--dbv2-line)}
.dbv2-pin-list>div{display:grid;grid-template-columns:minmax(0,.4fr) minmax(0,1fr);gap:12px;padding:7px 0;border-bottom:1px solid var(--dbv2-line);font-size:15px;line-height:1.45;overflow-wrap:anywhere}
.dbv2-pin-list dt{font-weight:700;color:#087d43}.dbv2-pin-list dd{margin:0;color:#405148}
.dbv2-dimension-link{display:flex;align-items:center;gap:16px;width:100%;margin-top:18px;padding:10px 16px;border:1px solid var(--dbv2-line);border-radius:12px;background:#f6f9f7;color:#284532;text-align:left;font:inherit;cursor:zoom-in}
.dbv2-dimension-link img{width:72px;height:82px;object-fit:contain;mix-blend-mode:multiply}
.dbv2-dimension-link strong,.dbv2-dimension-link small{display:block}.dbv2-dimension-link small{margin-top:6px;font-size:14px}
.dbv2-file-meta{display:block;margin-top:8px;font-size:14px;font-weight:600;color:var(--dbv2-green)}
.dbv2-quick-start{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 26px;padding:0;list-style:none}
.dbv2-quick-start li{padding:18px;border:1px solid var(--dbv2-line);border-radius:12px;background:#f7faf8}
.dbv2-quick-start li>span{display:grid;place-items:center;width:28px;height:28px;margin-bottom:12px;border-radius:50%;background:var(--dbv2-green);color:#fff;font-size:14px;font-weight:700}
.dbv2-quick-start h3{font-size:17px;margin-bottom:8px}
.dbv2-quick-start p{margin:0;color:#4a5d50;font-size:15px;line-height:1.65}
.dbv2-code-workspace{min-width:0}
.dbv2-code-tablist{display:flex;gap:8px;overflow-x:auto;margin-bottom:18px;padding:3px}
.dbv2-code-tablist[hidden]{display:none}
.dbv2-code-tablist button{flex-shrink:0;padding:12px 18px;border:1px solid var(--dbv2-line);border-radius:8px;background:#f5f8f6;color:#35523e;font:600 15px/1.4 Manrope,system-ui,sans-serif;cursor:pointer}
.dbv2-code-tablist button[aria-selected="true"]{background:#087d43;border-color:#087d43;color:white}
.dbv2-code-example[hidden]{display:none}
.dbv2-code-description p{max-width:900px;margin:0 0 18px;color:#45594c;font-size:16px;line-height:1.65}
.dbv2-code-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.34fr);gap:20px;align-items:start}
.dbv2-code-grid-wide{grid-template-columns:minmax(0,1fr)}
.dbv2-programming-notes{margin-bottom:24px}
.dbv2-code-tablist button{max-width:320px;white-space:normal;text-align:left}
.dbv2-code-grid>pre,.dbv2-code-grid .development-board-code-block{min-width:0;margin:0}
.dbv2 .dbv2-code-grid pre{max-height:440px;overflow:auto;margin:0;padding:60px 20px 22px;border:1px solid #263a32;border-radius:12px;background:#14211d;color:#e5efe8;font:14px/1.65 Consolas,monospace;overscroll-behavior:contain;tab-size:2}
.dbv2 .dbv2-code-grid pre code{background:transparent;color:inherit;font-size:14px;white-space:pre}
.dbv2 .dbv2-code-grid .development-board-copy{top:12px;right:12px;min-height:36px;padding:7px 14px;border:1px solid #718d7d;border-radius:7px;background:#294236;color:#fff;font-size:14px}
.dbv2-code-result{padding:20px;border:1px solid var(--dbv2-line);border-radius:12px;background:#f4f8f5;font-size:15px;line-height:1.6;color:#415648}
.dbv2-code-result dl{margin:0}.dbv2-code-result dt{margin-top:14px;font-family:monospace;font-weight:700;color:#223a2b}.dbv2-code-result dd{margin:4px 0 0;color:#087d43}.dbv2-code-result p{margin:10px 0 0}
.dbv2-example-details{margin-top:16px;border-top:1px solid var(--dbv2-line);font-size:15px;line-height:1.7;color:#46584c}
.dbv2-example-details summary{padding:14px 0;color:#275038;font-weight:600;cursor:pointer}
.dbv2-example-details p{max-width:1000px;margin:0 0 12px}
.dbv2-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.dbv2-faq-grid details{padding:0 18px;border:1px solid var(--dbv2-line);border-radius:10px;background:#fafcfb}
.dbv2-faq-grid summary{display:flex;justify-content:space-between;gap:16px;list-style:none;padding:18px 0;font-size:16px;font-weight:600;cursor:pointer;color:#253e2e}
.dbv2-faq-grid summary::-webkit-details-marker{display:none}.dbv2-faq-grid summary span{color:#087d43;font-size:20px;line-height:1.2}.dbv2-faq-grid details[open] summary span{transform:rotate(45deg)}
.dbv2-faq-grid p{margin:0;padding-bottom:18px;color:#485c50;font-size:15px;line-height:1.65}
.dbv2-related{margin-top:36px}
.dbv2-related>.dbv2-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.dbv2-related>.dbv2-section-heading a{color:#087d43;font-size:15px;font-weight:600;text-decoration:none}
.dbv2 a.dbv2-github{background:#14221a;border-color:#14221a;color:white}
@media(max-width:1100px){.dbv2-quick-start{grid-template-columns:repeat(2,minmax(0,1fr))}.dbv2-technical-grid{grid-template-columns:1.1fr 1fr}.dbv2-section{padding:24px}.dbv2-use-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){.dbv2{--dbv2-header-height:66px}.dbv2-section-nav{gap:22px;padding-inline:16px}.dbv2-section-nav a{font-size:15px;padding-top:15px;padding-bottom:12px}.dbv2-overview,.dbv2-technical-grid{grid-template-columns:1fr}.dbv2-overview-visual img{height:230px}.dbv2-code-grid{grid-template-columns:1fr}.dbv2-code-result dl{display:grid;grid-template-columns:auto 1fr;gap:10px 18px}.dbv2-code-result dt,.dbv2-code-result dd{margin:0}}
@media(max-width:520px){.dbv2-section{margin-top:18px;padding:20px 16px}.dbv2-details{margin-top:26px}.dbv2-section-intro{font-size:16px}.dbv2-use-strip{gap:16px}.dbv2-use-strip>div{align-items:flex-start;flex-direction:column;font-size:14px}.dbv2-quick-start{grid-template-columns:1fr}.dbv2-quick-start li{padding:16px}.dbv2-quick-start li>span{float:left;margin:0 12px 0 0}.dbv2-quick-start p{clear:both;padding-top:8px}.dbv2-faq-grid{grid-template-columns:1fr}.dbv2-related>.dbv2-section-heading{align-items:flex-start;flex-direction:column}.dbv2-section-nav{gap:20px}.dbv2 .dbv2-code-grid pre{max-height:360px;padding-inline:14px}.dbv2-code-tablist button{max-width:260px;white-space:normal;text-align:left}.dbv2-overview-visual{padding-inline:0}}


/* ---- Satın alma düğmeleri (08.10.2026, kullanıcı isteği) ----
   Adet seçici ve düğmeler aynı yükseklikte (48 px), düğmeler eşit genişlikte; geniş alanda tek satır (adet | Sepete Ekle |
   Teknik Doküman | GitHub), dar alanda 2×2. Üzerine gelince hepsinde aynı etki: hafif yükselme + gölge, renkler değişmez
   (eskiden Sepete Ekle'de yazı U-TEK'in satır içi a:hover{color:#000!important} kuralıyla siyaha dönüp kayboluyordu).
   GitHub düğmesi Teknik Doküman gibi çerçeveli; tek dolu düğme Sepete Ekle. */
.dbv2-buy{container-type:inline-size}
.dbv2 .dbv2-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.dbv2 .dbv2-actions .dbv2-purchase-row{display:contents}
.dbv2 .dbv2-actions .dbv2-qty{width:100%;height:48px;justify-content:space-between}
.dbv2 .dbv2-actions .dbv2-btn{min-width:0;min-height:48px;padding-inline:12px;gap:8px;font-size:15px;transition:transform .18s ease,box-shadow .18s ease}
.dbv2 .dbv2-actions .dbv2-btn .dbv2-icon{width:18px;height:18px}
.dbv2 .dbv2-actions a.dbv2-github{border-color:var(--dbv2-ink);color:var(--dbv2-ink);background:#fff}
.dbv2 .dbv2-actions a.dbv2-btn:not(.is-disabled):is(:hover,:focus-visible){transform:translateY(-1px);box-shadow:0 8px 18px rgba(17,17,17,.14)}
html .ilimera-pro-page .dbv2 .dbv2-actions a.dbv2-btn-primary:not(.is-disabled):is(:hover,:focus-visible){border-color:var(--dbv2-ink);color:#fff!important;background:var(--dbv2-ink)}
html .ilimera-pro-page .dbv2 .dbv2-actions a.dbv2-btn-secondary:is(:hover,:focus-visible){border-color:var(--dbv2-ink);color:var(--dbv2-ink)!important;background:#fff}
/* Adet seçicili satırda GitHub yoksa (İLİMFlight) Teknik Doküman dar alanda tüm satırı alır. */
.dbv2 .dbv2-actions:has(.dbv2-qty):not(:has(.dbv2-github)) .dbv2-btn-secondary{grid-column:1/-1}
@container (min-width:660px){
  .dbv2 .dbv2-actions:has(.dbv2-qty){grid-template-columns:120px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column}
  .dbv2 .dbv2-actions:has(.dbv2-qty):not(:has(.dbv2-github)) .dbv2-btn-secondary{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){.dbv2 .dbv2-actions .dbv2-btn{transition:none}.dbv2 .dbv2-actions a.dbv2-btn:is(:hover,:focus-visible){transform:none}}


/* Galeri çerçevesi (09.10.2026, kullanıcı isteği): kart görselleri yükseklikle sınırlı (en çok ~450 px genişlik) ama çerçeve sütunun
   tamamını (1600 px sayfada 780 px) kaplıyor, iki yanda 170-280 px boşluk kalıyordu. Galeri sütunu en çok 640 px; görsel yüksekliği aynı
   kaldığı için kartlar küçülmez (yalnız İLİMFlight'ın yatay detay fotoğrafları biraz küçülür). Bütün kartlarda çerçeve aynı genişlikte. */
@media (min-width:861px){
  .dbv2-hero{grid-template-columns:minmax(0,min(640px,calc(50% - 20px))) minmax(0,1fr)} /* dar ekranda eskisi gibi yarı yarıya */
  /* Küçük resimler: etiket iki satıra inince ("Pin bağlantıları") düğmeden taşıyordu; yükseklik içeriğe göre, satırdakiler eşit boyda. */
  .dbv2 .development-board-gallery-thumbs{flex-wrap:wrap;overflow:visible}
  .dbv2 .development-board-gallery-thumbs button{flex-basis:96px;height:auto;min-height:104px} /* 6 küçük resim (İLİMFlight) tek satıra sığsın */
}
/* "Diğer geliştirme kartları" (10.10.2026): Ürünler sayfasının kartıyla (inc/board-card.php, products-v2.css .pc-card) kaydırmalı
   şerit; geniş ekranda 4, orta genişlikte 3 ve 2 kart görünür, telefonda parmakla kaydırılır (bir buçuk kart görünür).
   .pc-page kapsayıcısı Ürünler sayfasının renk değişkenlerini ve kırpılmış görsel ölçüsünü getirir. */
.dbv2-related.pc-page{background:transparent}
.dbv2-strip-tools{display:flex;align-items:center;gap:10px}
.dbv2-strip-tools a{margin-left:8px;white-space:nowrap}
.dbv2-strip-arrow{display:inline-grid;place-items:center;width:40px;height:40px;padding:0 0 3px;border:1px solid var(--pc-line);border-radius:50%;background:#fff;color:var(--pc-ink);font:500 24px/1 Manrope,system-ui,sans-serif;cursor:pointer;transition:border-color .2s,color .2s,opacity .2s}
.dbv2-strip-arrow:hover:not(:disabled){border-color:var(--pc-green);color:var(--pc-green)}
.dbv2-strip-arrow:disabled{opacity:.35;cursor:default}
.dbv2-related.is-static .dbv2-strip-arrow,.dbv2-related.is-static .dbv2-strip-dots{display:none}
.dbv2-strip{--strip-gap:18px;--strip-cols:4;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--strip-cols) - 1) * var(--strip-gap)) / var(--strip-cols));gap:var(--strip-gap);margin:20px -2px 0;padding:6px 2px 14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:2px;scrollbar-width:none}
.dbv2-strip::-webkit-scrollbar{display:none}
.dbv2-strip>.pc-card{min-width:0;scroll-snap-align:start}
.dbv2-strip:focus-visible{outline:3px solid rgba(8,125,67,.35);outline-offset:2px;border-radius:16px}
.dbv2-strip-dots{display:flex;justify-content:center;gap:8px;margin-top:4px}
.dbv2-strip-dots span{width:8px;height:8px;border-radius:4px;background:#cfdcd4;transition:width .2s,background .2s}
.dbv2-strip-dots span.is-active{width:22px;background:var(--pc-green)}
html:not(.dark) .ilimera-pro-page .dbv2-related.pc-page a.pc-button-outline:hover,html:not(.dark) .ilimera-pro-page .dbv2-related.pc-page a.pc-card-link:hover{color:var(--pc-green)!important}
html:not(.dark) .ilimera-pro-page .dbv2-related.pc-page a.pc-cart:hover{color:#fff!important}
@media(max-width:1199px){.dbv2-strip{--strip-cols:3}}
@media(max-width:860px){.dbv2-strip{--strip-cols:2;--strip-gap:12px}.dbv2-strip-arrow{display:none}}
@media(max-width:520px){.dbv2-strip{grid-auto-columns:68%}.dbv2-strip-tools a{margin-left:0;font-size:14px}}
@media(prefers-reduced-motion:reduce){.dbv2-strip-dots span,.dbv2-strip-arrow{transition:none}}