/* ============================================================================
   AMC design system: componentele de baza, construite doar din tokeni (tokens.css).
   Prefixul .ds- tine componentele departe de CSS-ul mostenit din WordPress.
   Pagina de referinta: /design-system/ (fara index). Ambele teme ies din aceiasi tokeni.
   ========================================================================== */

/* --- pagina si fundalul de referinta --- */
.ds-page{position:relative;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:var(--fs-base);line-height:var(--lh-body);overflow:clip;-webkit-font-smoothing:antialiased}
.ds-page *,.ds-page *::before,.ds-page *::after{box-sizing:border-box}
.ds-page a{color:inherit}
.ds-page :focus-visible{outline:2px solid var(--red);outline-offset:3px;border-radius:4px}
.ds-page h1,.ds-page h2,.ds-page h3,.ds-page p{margin:0}
.ds-page img,.ds-page svg{max-width:100%}
.ds-bg{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.ds-bg .l1{position:absolute;inset:0;background:linear-gradient(155deg,transparent 0%,transparent 55%,var(--slash) 55.5%,transparent 66%),radial-gradient(ellipse 70% 50% at 78% 12%,var(--glow) 0%,transparent 70%),radial-gradient(ellipse 40% 40% at 15% 85%,var(--slash) 0%,transparent 60%)}
.ds-bg .l2{position:absolute;inset:0;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:60px 60px}
.ds-bg .l3{position:absolute;inset:0;opacity:var(--noise-op);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.ds-bg .scan{position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--scan),transparent);animation:ds-scan 8s ease-in-out infinite}
@keyframes ds-scan{0%{top:0;opacity:0}10%{opacity:1}90%{opacity:1}100%{top:100%;opacity:0}}
.ds-wrap{position:relative;z-index:1;max-width:var(--wrap);margin:0 auto;padding-inline:var(--gutter)}
.ds-sec{padding-block:var(--s-7)}
.ds-sec--tight{padding-block:var(--s-5)}
.ds-sec+.ds-sec{border-top:1px solid var(--line)}
.ds-band{background:var(--bg-2)}

/* --- tipografie --- */
.ds-kicker{font-size:var(--fs-xs);font-weight:800;letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--red-ink)}
.ds-kicker--muted{color:var(--soft)}
.ds-h1{font-size:var(--fs-h1);line-height:var(--lh-tight);font-weight:900;letter-spacing:-.025em;text-wrap:balance}
.ds-h1 em,.ds-h2 em{font-style:normal;color:var(--red-ink)}
.ds-h2{font-size:var(--fs-h2);line-height:var(--lh-snug);font-weight:900;letter-spacing:-.02em;text-wrap:balance}
.ds-h3{font-size:var(--fs-md);line-height:var(--lh-snug);font-weight:800}
.ds-lead{font-size:var(--fs-md);color:var(--muted);max-width:62ch}
.ds-sub{color:var(--soft);font-size:var(--fs-sm)}
.ds-muted{color:var(--muted)}
.ds-num{font-variant-numeric:tabular-nums}
.ds-caps{font-size:var(--fs-xs);font-weight:800;letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--soft)}

/* --- butoane --- */
.ds-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:var(--tap);padding:0 18px;border-radius:var(--r-2);border:1px solid transparent;font:800 var(--fs-sm)/1 var(--font);letter-spacing:.01em;text-decoration:none;cursor:pointer;color:var(--ink);background:var(--tint);transition:transform var(--dur-1) var(--ease),background var(--dur-1),border-color var(--dur-1),box-shadow var(--dur-1);white-space:nowrap}
.ds-btn:hover{border-color:var(--line-2)}
.ds-btn:active{transform:scale(.98)}
.ds-btn svg{width:18px;height:18px;flex:none}
.ds-btn--red{background:var(--red);color:var(--on-red);box-shadow:0 6px 20px var(--red-wash)}
.ds-btn--red:hover{background:#f21423;border-color:transparent}
/* tema veche (child-style.css) pune background:none pe button:focus / :active; butoanele colorate isi tin culoarea
   si cu focusul pe ele (Andrei, 16 oct: "Configureaza" devenea negru dupa alegerea motorizarii) */
.ds-btn--red:focus,.ds-btn--red:active{background:var(--red);color:var(--on-red)} .ds-btn--red:focus:hover{background:#f21423}
.ds-btn--wa:focus,.ds-btn--wa:active{background:#25D366;color:#06240f}
.ds-btn:focus-visible{outline:2px solid var(--red);outline-offset:2px} .ds-btn--red:focus-visible{outline-color:var(--ink)}
.ds-dd-btn:focus,.ds-dd-btn:active{background:var(--tint);color:inherit} .ds-dd-btn.has:focus{color:var(--ink)}
.ds-btn--outline{background:transparent;border-color:var(--line-2)}
.ds-btn--outline:hover{background:var(--tint)}
.ds-btn--ghost{background:transparent;color:var(--muted)}
.ds-btn--ghost:hover{color:var(--ink);border-color:transparent;background:var(--tint)}
.ds-btn--wa{background:var(--wa);color:var(--on-wa)}
.ds-btn--wa:hover{background:#2ee07a;border-color:transparent}
/* linkurile-buton: ".ds-page a{color:inherit}" bate variantele (clasa + element); pe light textul iesea inchis pe rosu (Lighthouse 5 oct) */
.ds-page a.ds-btn--red{color:var(--on-red)}
.ds-page a.ds-btn--wa{color:var(--on-wa)}
.ds-page a.ds-btn--ghost{color:var(--muted)}
.ds-page a.ds-btn--ghost:hover{color:var(--ink)}
.ds-btn--sm{min-height:36px;padding:0 12px;font-size:var(--fs-xs)}
.ds-btn--lg{min-height:52px;padding:0 24px;font-size:var(--fs-base)}
.ds-btn--icon{width:var(--tap);padding:0}
.ds-btn--block{width:100%}

/* --- cipuri si dovezi --- */
.ds-chip{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 10px;border-radius:var(--r-1);border:1px solid var(--line);background:var(--tint);font-size:var(--fs-xs);font-weight:700;color:var(--muted);text-decoration:none;white-space:nowrap}
.ds-chip--hi{border-color:var(--line-2);color:var(--ink)}
.ds-chip--red{border-color:transparent;background:var(--red-wash);color:var(--red-ink)}
.ds-chip b{color:var(--ink);font-weight:800}
.ds-chip svg{width:14px;height:14px}
.ds-chips{display:flex;flex-wrap:wrap;gap:var(--s-2)}
.ds-proof{display:flex;flex-wrap:wrap;gap:var(--s-5) var(--s-6)}
.ds-proof div{min-width:0}
.ds-proof b{display:block;font-size:var(--fs-xl);font-weight:900;letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums}
.ds-proof span{display:block;margin-top:4px;font-size:var(--fs-xs);color:var(--soft)}

/* --- carduri --- */
.ds-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-3);padding:var(--s-4)}
.ds-card--glass{background:var(--glass);border-color:var(--glass-line);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.ds-card--hi{border-color:var(--red);box-shadow:0 0 0 1px var(--red) inset}
.ds-card--pad{padding:var(--s-5)}
.ds-card--flat{background:var(--tint);border-color:transparent}
.ds-card .ds-h3{margin-bottom:var(--s-1)}

/* --- comutator segmentat (Stage 1 / Stage 2) --- */
.ds-seg{display:inline-flex;border:1px solid var(--line);border-radius:var(--r-2);background:var(--tint);padding:3px;gap:2px}
.ds-seg button,.ds-seg span{appearance:none;border:0;background:transparent;color:var(--muted);font:800 var(--fs-sm)/1 var(--font);min-height:36px;padding:0 14px;border-radius:calc(var(--r-2) - 3px);cursor:pointer;transition:background var(--dur-1),color var(--dur-1)}
.ds-seg .on{background:var(--red);color:var(--on-red)}
.ds-seg button:hover:not(.on){color:var(--ink)}

/* --- tabel --- */
.ds-tbl{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-2);background:var(--panel)}
.ds-table{width:100%;border-collapse:collapse;font-size:var(--fs-sm);font-variant-numeric:tabular-nums}
.ds-table th,.ds-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}
.ds-table th{font-size:var(--fs-xs);font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--soft);white-space:nowrap}
.ds-table tr:last-child td{border-bottom:0}
.ds-table td.r,.ds-table th.r{color:var(--red-ink);font-weight:900}
.ds-table td.n{text-align:right}
.ds-table--tight th,.ds-table--tight td{padding:7px 10px}

/* --- cadrane compacte --- */
.ds-gauges{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3)}
.ds-gauge{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-2);padding:12px 14px;min-width:0}
.ds-gauge .l{font-size:var(--fs-xs);font-weight:800;letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--soft)}
.ds-gauge .v{margin-top:4px;font-size:var(--fs-2xl);font-weight:900;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.ds-gauge .v small{font-size:var(--fs-sm);font-weight:700;color:var(--soft);margin-left:4px;letter-spacing:0}
.ds-gauge .d{margin-top:6px;display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-sm);font-weight:900;color:var(--red-ink)}
.ds-gauge .from{font-size:var(--fs-xs);color:var(--soft);margin-left:6px;font-weight:600}
.ds-gauge .bar{margin-top:10px;height:4px;border-radius:4px;background:var(--track);overflow:hidden}
.ds-gauge .bar i{display:block;height:100%;width:var(--p,60%);background:var(--stage);border-radius:4px;transition:width var(--dur-2) var(--ease)}
.ds-gauge--torque .d,.ds-gauge--torque .bar i{color:var(--torque);background:var(--torque)}
.ds-gauge--torque .d{background:none}

/* --- pret --- */
.ds-price{font-size:var(--fs-2xl);font-weight:900;color:var(--red-ink);line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.ds-price small{display:block;margin-top:6px;font-size:var(--fs-xs);font-weight:700;color:var(--soft);letter-spacing:0}
.ds-price--lg{font-size:var(--fs-3xl)}

/* --- liste cu bifa --- */
.ds-check{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:var(--fs-sm);color:var(--muted)}
.ds-check li{display:flex;gap:8px;align-items:flex-start}
.ds-check li::before{content:"";flex:none;width:16px;height:16px;margin-top:2px;border-radius:50%;background:var(--ok);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/70% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/70% no-repeat}
.ds-check--2{grid-template-columns:1fr 1fr;gap:6px 18px}
@media (max-width:560px){.ds-check--2{grid-template-columns:1fr}}

/* --- pastile de stare --- */
.ds-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:800;background:var(--tint);color:var(--muted)}
.ds-pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.ds-pill--ok{color:var(--ok)}.ds-pill--warn{color:var(--warn)}.ds-pill--bad{color:var(--bad)}

/* --- campuri --- */
.ds-field{display:grid;gap:6px;min-width:0}
.ds-field label{font-size:var(--fs-xs);font-weight:800;letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--soft)}
.ds-field select,.ds-field input,.ds-field textarea{width:100%;min-height:var(--tap);padding:0 14px;border-radius:var(--r-2);border:1px solid var(--line-2);background:var(--tint);color:var(--ink);font:600 var(--fs-base)/1.3 var(--font);appearance:none;-webkit-appearance:none}
.ds-field textarea{padding:12px 14px;min-height:96px;resize:vertical}
.ds-field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:38px}
.ds-field select:focus,.ds-field input:focus,.ds-field textarea:focus{outline:2px solid var(--red);outline-offset:0;border-color:var(--red)}
.ds-field select:disabled{opacity:.5}
.ds-field--act select{border-color:var(--red);box-shadow:0 0 0 3px rgba(225,6,0,.18)}
/* listele desenate peste select-urile native (ds.js dropdown()): butonul arata valoarea, lista se deschide sub el */
.ds-dd{position:relative;min-width:0} .ds-dd .ds-dd-native{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;margin:0}
.ds-dd-btn{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:var(--tap);padding:0 12px 0 14px;border-radius:var(--r-2);border:1px solid var(--line-2);background:var(--tint);color:var(--soft);font:600 var(--fs-base)/1.3 var(--font);cursor:pointer;text-align:left}
.ds-dd-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .ds-dd-btn.has{color:var(--ink)} .ds-dd-btn:disabled{opacity:.5;cursor:default}
.ds-dd-btn i{flex:none;width:10px;height:10px;border-right:2px solid var(--soft);border-bottom:2px solid var(--soft);transform:translateY(-3px) rotate(45deg);transition:transform .2s} .ds-dd.open .ds-dd-btn i{transform:translateY(2px) rotate(225deg)}
.ds-dd-btn:focus-visible{outline:2px solid var(--red);outline-offset:0} .ds-field--act .ds-dd-btn{border-color:var(--red);box-shadow:0 0 0 3px rgba(225,6,0,.18)}
.ds-dd.open .ds-dd-btn{border-color:var(--red);border-radius:var(--r-2) var(--r-2) 0 0}
.ds-dd-list{position:absolute;left:0;right:0;top:100%;z-index:30;background:var(--panel);border:1px solid var(--red);border-top:0;border-radius:0 0 var(--r-2) var(--r-2);box-shadow:var(--shadow-2);overflow:hidden}
.ds-dd-q{display:block;width:100%;min-height:40px;padding:0 14px;border:0;border-bottom:1px solid var(--line);background:var(--tint);color:var(--ink);font:600 var(--fs-sm)/1.3 var(--font)} .ds-dd-q:focus{outline:none}
.ds-dd-opts{max-height:min(300px,50vh);overflow-y:auto;overscroll-behavior:contain}
.ds-dd-opts [role=option]{padding:10px 14px;font-size:var(--fs-sm);font-weight:600;cursor:pointer;border-top:1px solid var(--line)} .ds-dd-opts [role=option]:first-child{border-top:0}
.ds-dd-opts [role=option].hi{background:var(--tint)} .ds-dd-opts [role=option][aria-selected=true]{color:var(--red-ink)}
.ds-dd-none{padding:10px 14px;font-size:var(--fs-sm);color:var(--soft)}
.ds-selector .ds-step{grid-column:1/-1;min-height:1.2em;font-size:10px;font-weight:800;letter-spacing:.1em;color:var(--red-ink)}
.ds-selector--compact .ds-step{display:none}
.ds-selector:not(.ds-selector--compact) .ds-field>label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.ds-selector:not(.ds-selector--compact)>.ds-btn{justify-self:start;min-width:200px;min-height:44px}
@media (max-width:560px){.ds-selector:not(.ds-selector--compact)>.ds-btn{justify-self:stretch}}

/* --- selectorul de masina --- */
.ds-selector{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:var(--glass);border:1px solid var(--glass-line);border-radius:var(--r-3);padding:14px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.ds-selector .ds-btn{grid-column:1/-1;white-space:nowrap}
.ds-selector--compact{grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:end}
.ds-selector--compact .ds-btn{grid-column:auto}
@media (max-width:1000px){.ds-selector--compact{grid-template-columns:1fr 1fr}.ds-selector--compact .ds-btn{grid-column:1/-1}}
@media (max-width:560px){.ds-selector{grid-template-columns:1fr;padding:12px}}

/* --- grile --- */
.ds-grid{display:grid;gap:var(--s-3)}
.ds-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.ds-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ds-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.ds-grid--6{grid-template-columns:repeat(6,minmax(0,1fr))}
@media (max-width:900px){.ds-grid--3,.ds-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-grid--6{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){.ds-grid--2,.ds-grid--3,.ds-grid--4{grid-template-columns:1fr}.ds-grid--6{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ds-row{display:flex;flex-wrap:wrap;gap:var(--s-3);align-items:center}
.ds-stack{display:grid;gap:var(--s-3)}
.ds-hr{border:0;border-top:1px solid var(--line);margin:var(--s-5) 0}

/* --- cadrane cu inel (varianta pentru desktop, optional) --- */
.ds-ring{--p:60;--c:var(--stage);position:relative;width:132px;height:132px;border-radius:50%;background:conic-gradient(var(--c) calc(var(--p) * 1%),var(--track) 0);display:grid;place-items:center;flex:none}
.ds-ring::before{content:"";position:absolute;inset:10px;border-radius:50%;background:var(--panel)}
.ds-ring .in{position:relative;text-align:center;line-height:1}
.ds-ring .in b{display:block;font-size:var(--fs-xl);font-weight:900;color:var(--c);font-variant-numeric:tabular-nums}
.ds-ring .in span{display:block;margin-top:4px;font-size:10.5px;color:var(--soft);font-weight:700}
.ds-ring--torque{--c:var(--torque)}

/* --- bara de actiune (mobil): pret + Programeaza + WhatsApp --- */
.ds-bar{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-bar);display:grid;grid-template-columns:1fr auto auto;gap:var(--s-2);align-items:center;padding:10px var(--s-4) calc(10px + env(safe-area-inset-bottom,0px));background:var(--glass);border-top:1px solid var(--glass-line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow-bar);transform:translateY(110%);transition:transform var(--dur-2) var(--ease)}
.ds-bar.is-on{transform:none}
.ds-bar .pp{min-width:0;font-size:var(--fs-xs);color:var(--soft);line-height:1.2;font-weight:600}
.ds-bar .pp b{display:block;font-size:var(--fs-md);color:var(--red-ink);font-weight:900;font-variant-numeric:tabular-nums;white-space:nowrap}
.ds-bar .ds-btn{min-height:var(--tap)}
.ds-bar--3{grid-template-columns:1fr 1fr auto}
.ds-bar--demo{position:static;transform:none;border:1px solid var(--line);border-radius:var(--r-3);box-shadow:none}
@media (min-width:900px){.ds-bar:not(.ds-bar--demo){display:none}}
body.has-ds-bar{padding-bottom:84px}
@media (min-width:900px){body.has-ds-bar{padding-bottom:0}}

/* --- recenzie --- */
.ds-review{display:grid;gap:8px}
.ds-review .stars{color:var(--warn);letter-spacing:2px;font-size:var(--fs-sm)}
.ds-review q{quotes:none;color:var(--muted);font-size:var(--fs-sm);line-height:1.5}
.ds-review .who{font-size:var(--fs-xs);color:var(--soft);font-weight:700}

/* --- FAQ (details) --- */
.ds-faq{border-top:1px solid var(--line)}
.ds-faq details{border-bottom:1px solid var(--line)}
.ds-faq summary{list-style:none;cursor:pointer;padding:14px 0;font-weight:800;font-size:var(--fs-base);display:flex;justify-content:space-between;gap:var(--s-3);align-items:center}
.ds-faq summary::-webkit-details-marker{display:none}
.ds-faq summary::after{content:"+";font-weight:900;color:var(--soft);flex:none;width:24px;text-align:center;transition:transform var(--dur-1)}
.ds-faq details[open] summary::after{transform:rotate(45deg)}
.ds-faq .a{padding:0 0 16px;color:var(--muted);font-size:var(--fs-sm);max-width:70ch}
.ds-faq .a a{color:var(--red-ink);font-weight:600;text-decoration:underline;text-underline-offset:2px}

/* --- miscare redusa --- */
@media (prefers-reduced-motion:reduce){
  .ds-bg .scan{animation:none}
  .ds-btn,.ds-bar,.ds-seg button,.ds-gauge .bar i{transition:none}
}
/* fisa standului Bapro (pagina /dyno/ si homepage): placuta metalica, la fel in ambele teme */
.ds-plate{--ds-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.ds-plate{background:#15171b;color:#e9ebee;border:1px solid #2d3038;border-radius:14px;padding:20px 20px 16px;box-shadow:0 20px 60px rgba(0,0,0,.45);font-family:var(--ds-mono);position:relative}
.ds-plate::before,.ds-plate::after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#3a3e47;box-shadow:inset 0 1px 1px rgba(255,255,255,.25);top:10px;left:10px}
.ds-plate::after{left:auto;right:10px}
.ds-plate :is(h2,h3),.ds-plate-h{font:800 12px/1 var(--ds-mono);letter-spacing:.16em;text-transform:uppercase;color:#9aa2ad;text-align:center;margin:0}
.ds-plate-model{font:900 26px/1.1 var(--font);text-align:center;margin:6px 0 14px;letter-spacing:.02em}
.ds-plate dl{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;margin:0;font-size:12.5px;border-top:1px dashed #3a3e47;padding-top:12px}
.ds-plate dt{color:#9aa2ad;text-transform:uppercase;letter-spacing:.06em;font-size:11px;padding-top:2px}
.ds-plate dd{margin:0;font-weight:700}
.ds-plate dd span{display:block;color:#9aa2ad;font-weight:500}
/* ".ds-page a{color:inherit}" ar lua culoarea textului din jur; fisa ramane cu textul ei deschis in ambele teme */
/* bara cu chevroane (src/lib/crumbs.ts, 16 oct 2026): lipita sub header (72 px) la scroll, pe mobil deruleaza lateral */
.ds-crumbs{position:sticky;top:72px;z-index:calc(var(--z-head) - 1);background:var(--panel);border-bottom:1px solid var(--line)}
.ds-crumbs-in{display:flex;align-items:center;gap:16px;min-height:42px}
.ds-cr{display:flex;min-width:0;overflow-x:auto;scrollbar-width:none}
.ds-cr::-webkit-scrollbar{display:none}
.ds-cr a,.ds-cr b{position:relative;display:flex;align-items:center;padding:0 18px 0 22px;min-height:42px;font-size:12.5px;font-weight:600;color:var(--muted);text-decoration:none;white-space:nowrap;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%,12px 50%);background:var(--tint);margin-left:-8px}
.ds-cr a:first-child{margin-left:0;padding-left:0;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%);background:transparent;font-weight:800;color:var(--ink);font-size:13.5px}
.ds-cr a:hover{color:var(--ink);background:var(--line)}
.ds-cr b{color:var(--on-red);background:var(--red);font-weight:800}
.ds-crumbs-edit{margin-left:auto;flex:none;font:800 12px/1 var(--font);color:var(--ink);text-decoration:none;border:1px solid var(--line-2);border-radius:var(--r-pill);padding:8px 12px;white-space:nowrap}
.ds-crumbs-edit:hover{border-color:var(--red)}
@media (max-width:1024px){.ds-crumbs{top:62px}}
@media (max-width:899px){.ds-crumbs-edit{display:none}}