/* BASCULA — stil Industrial (catalog #25, adaptat ~45%): șasiu gri, taste care se apasă,
   afișaj LED roșu, bon de cântar pe hârtie termică. Un singur font: Red Hat (Display/Text/Mono). */

@font-face{font-family:"RH Display";src:url("assets/fonts/display-latin-ext.woff2") format("woff2");font-weight:400 900;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"RH Display";src:url("assets/fonts/display-latin.woff2") format("woff2");font-weight:400 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"RH Text";src:url("assets/fonts/text-latin-ext.woff2") format("woff2");font-weight:400 700;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"RH Text";src:url("assets/fonts/text-latin.woff2") format("woff2");font-weight:400 700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"RH Mono";src:url("assets/fonts/mono-latin-ext.woff2") format("woff2");font-weight:400 700;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"RH Mono";src:url("assets/fonts/mono-latin.woff2") format("woff2");font-weight:400 700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --sasiu:#CBD0CC;      /* RAL 7035, griul dulapurilor electrice și al carcaselor de utilaje: fondul paginii */
  --panou:#E6E9E6;      /* panouri ridicate */
  --hartie:#FCFCF9;     /* hârtia termică a bonului */
  --adanc:#B8BFBA;      /* locașuri adâncite: câmpuri, rame */
  --linie:#9DA59F;
  --cerneala:#1F2427;
  --eticheta:#424B50;   /* text secundar */
  --carcasa:#262B2F;    /* panoul de comandă: bara laterală, secțiunea containerelor */
  --carcasa-2:#1A1E21;
  --pe-carcasa:#E1E5E8;
  --pe-carcasa-2:#AEB7BF;
  --led:#FF4A3D;        /* cifrele afișajului, doar pe fond închis */
  --rosu:#C4271F;       /* tasta principală */
  --rosu-adanc:#8A1B15;
  --adr:#F28C1B;        /* placa portocalie ADR: doar pentru periculoase */
  --f-d:"RH Display","Helvetica Neue",Arial,sans-serif;
  --f-t:"RH Text","Helvetica Neue",Arial,sans-serif;
  --f-m:"RH Mono",ui-monospace,Menlo,monospace;
  --rail:248px;
  --umbra:0 1px 0 #fff inset,0 10px 24px -14px rgba(31,36,39,.35);
  --adancit:inset 3px 3px 7px rgba(95,105,100,.5),inset -3px -3px 7px rgba(255,255,255,.6);
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none !important}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--sasiu);color:var(--cerneala);font:400 1.0625rem/1.65 var(--f-t)}
img,svg{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration-color:var(--rosu);text-decoration-thickness:2px;text-underline-offset:3px}
a:hover{color:var(--rosu)}
button{font:inherit;color:inherit;background:transparent;border:none;appearance:none;cursor:pointer;padding:0}
h1,h2,h3{font-family:var(--f-d);line-height:1.12;letter-spacing:-.02em;margin:0;font-weight:800}
p{margin:0}
ul,ol,dl,dd{margin:0;padding:0}
ul,ol{list-style:none}
:focus-visible{outline:3px solid var(--rosu);outline-offset:3px;border-radius:4px}
.mic{font-size:.875rem;color:var(--eticheta);line-height:1.5}
.cod-mono{font-family:var(--f-m);letter-spacing:.02em}
.skip{position:absolute;left:12px;top:-60px;z-index:50;background:var(--cerneala);color:#fff;padding:10px 14px;border-radius:6px}
.skip:focus{top:12px}
.wrap{max-width:1180px;margin-inline:auto;padding-inline:20px}
@media(min-width:768px){.wrap{padding-inline:40px}}

/* ------------------------------------------------ taste (butoane fizice) */
.tasta{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:8px;
  background:var(--rosu);color:#fff;font:700 .9rem/1 var(--f-m);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;
  box-shadow:0 4px 0 var(--rosu-adanc),0 10px 18px -10px rgba(138,27,21,.7);transition:transform .12s,box-shadow .12s}
.tasta:hover{color:#fff;filter:brightness(1.07)}
.tasta:active{transform:translateY(3px);box-shadow:0 1px 0 var(--rosu-adanc)}
.tasta--gri{background:var(--panou);color:var(--cerneala);box-shadow:0 4px 0 var(--linie),0 10px 18px -12px rgba(31,36,39,.5)}
.tasta--gri:hover{color:var(--rosu)}
.tasta--gri:active{box-shadow:0 1px 0 var(--linie)}

/* ------------------------------------------------ bara laterală = panou de comandă */
.rail{background:var(--carcasa);color:var(--pe-carcasa)}
.marca{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff}
.marca__semn{width:40px;height:40px;flex:none;box-shadow:0 0 0 1px rgba(255,255,255,.12);border-radius:8px}
.marca__nume{font:900 1.35rem/1 var(--f-d);letter-spacing:.08em}
.marca__nume small{display:block;margin-top:5px;font:500 .64rem/1.3 var(--f-m);letter-spacing:.06em;color:var(--pe-carcasa-2);text-transform:uppercase}
.meniu a{color:var(--pe-carcasa);text-decoration:none;font:600 .95rem/1.2 var(--f-t)}
.meniu a:hover{color:#fff}
.meniu a[aria-current="page"]{color:#fff}
.afisaj{background:var(--carcasa-2);border-radius:8px;padding:10px 12px;box-shadow:inset 0 2px 6px rgba(0,0,0,.6);
  background-image:linear-gradient(rgba(255,255,255,.03) 50%,transparent 50%);background-size:100% 4px}
.afisaj__led{display:block;font:700 1rem/1.2 var(--f-m);color:var(--led);letter-spacing:.08em;text-transform:uppercase;text-shadow:0 0 8px rgba(255,74,61,.55)}
.afisaj__txt{display:block;margin-top:4px;font:400 .76rem/1.35 var(--f-m);color:var(--pe-carcasa-2)}
.rail__tel{color:#fff;text-decoration:none;white-space:nowrap;font:800 1.3rem/1 var(--f-d);letter-spacing:.01em}
.rail__tel:hover{color:#fff;text-decoration:underline}

/* mobil și tabletă: bară sus, statică, cu meniul ca bandă derulabilă */
.rail{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px 16px;padding:14px 20px 0}
.rail__nav{grid-column:1/-1;overflow-x:auto;scrollbar-width:none;margin-inline:-20px;padding-inline:20px;border-top:1px solid rgba(255,255,255,.08)}
.rail__nav::-webkit-scrollbar{display:none}
.meniu{display:flex;gap:22px;white-space:nowrap;padding-block:12px}
.meniu a[aria-current="page"]{box-shadow:0 3px 0 var(--led)}
.rail__jos{display:contents}
.rail__jos .afisaj,.rail__jos .tasta{display:none}
.rail__tel{grid-row:1;grid-column:2;font-size:1.05rem}
@media(max-width:359px){
  .rail{grid-template-columns:minmax(0,1fr) auto;gap:10px}
  .marca{gap:8px}.marca__semn{width:34px;height:34px}
  .marca__nume{font-size:1.1rem}.marca__nume small{display:none}
  .rail__tel{font-size:.95rem}
}
@media(min-width:768px){
  .rail{padding-inline:40px}
  .rail__nav{margin-inline:-40px;padding-inline:40px}
}
/* desktop: panou de comandă fix, în stânga */
@media(min-width:1100px){
  .rail{position:fixed;inset:0 auto 0 0;width:var(--rail);display:flex;flex-direction:column;gap:28px;padding:28px 22px;overflow-y:auto;z-index:20}
  .rail__nav{margin:0;padding:0;border:0;overflow:visible}
  .meniu{flex-direction:column;gap:2px;white-space:normal;padding:0}
  .meniu a{display:block;padding:9px 12px;border-radius:6px;margin-inline:-12px}
  .meniu a:hover{background:rgba(255,255,255,.05)}
  .meniu a[aria-current="page"]{box-shadow:inset 3px 0 0 var(--led);background:rgba(255,255,255,.06)}
  .rail__jos{display:flex;flex-direction:column;gap:16px;margin-top:auto}
  .rail__jos .afisaj{display:block}
  .rail__jos .tasta{display:inline-flex}
  .rail__tel{font-size:1.45rem}
  .pagina{margin-left:var(--rail)}
}

/* ------------------------------------------------ erou */
.erou{padding:36px 0 64px}
.erou__grila{display:grid;gap:36px}
.eticheta{font:700 .75rem/1.3 var(--f-m);letter-spacing:.08em;text-transform:uppercase;color:var(--eticheta)}
.erou h1{margin-top:14px;font-size:clamp(1.9rem,4.4vw,3.35rem);letter-spacing:-.03em;font-weight:850;text-shadow:0 1px 0 #fff;max-width:20ch;line-height:1.08}
.erou__lead{margin-top:16px;font-size:1.15rem;max-width:46ch}
.erou__sursa{margin-top:14px;max-width:56ch}
.erou__poza{position:relative}
.erou__poza > img{width:100%;aspect-ratio:4/3;height:auto;object-fit:cover;object-position:30% 50%;border-radius:14px;box-shadow:var(--umbra)}
@media(min-width:900px){
  .erou{padding-top:56px}
  .erou__grila{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:48px}
  .erou__poza > img{aspect-ratio:4/5;object-position:24% 50%}
}

/* ------------------------------------------------ căutătorul (locaș adâncit) */
.cautator{margin-top:28px;max-width:640px}
.cautator__et{display:block;font:800 1.1rem/1.2 var(--f-d)}
.put{margin-top:10px;border-radius:12px;background:var(--sasiu);box-shadow:var(--adancit);padding:4px}
.put__camp{width:100%;min-height:60px;border:0;background:transparent;padding:0 18px;font:500 1.15rem/1 var(--f-m);color:var(--cerneala);border-radius:10px}
.put__camp::placeholder{color:#6A737B}
.put__camp:focus{outline:none}
.put:focus-within{box-shadow:var(--adancit),0 0 0 3px var(--rosu)}
.cautator__ajutor{margin-top:10px;font-size:.9rem;color:var(--eticheta);display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.eticheta-q{font:600 .82rem/1 var(--f-m);padding:8px 11px;border-radius:6px;background:var(--panou);box-shadow:0 2px 0 var(--linie);color:var(--cerneala)}
.eticheta-q:hover{color:var(--rosu)}
.eticheta-q:active{transform:translateY(2px);box-shadow:none}
.rezultate{margin-top:12px;display:grid;gap:6px}
.rezultate:empty{display:none}
.rez{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:4px 14px;align-items:center;width:100%;text-align:left;
  padding:12px 14px;border-radius:10px;background:var(--panou);box-shadow:var(--umbra);transition:transform .12s}
.rez:hover{transform:translateX(3px)}
.rez[aria-pressed="true"]{box-shadow:inset 3px 0 0 var(--rosu),var(--umbra)}
.rez__cod{font:700 .95rem/1.2 var(--f-m);white-space:nowrap}
.rez__desc{font-size:.95rem;line-height:1.35}
.rez__gol{padding:12px 2px;color:var(--eticheta);font-size:.95rem}

/* stări */
.stare{display:inline-block;font:700 .7rem/1 var(--f-m);letter-spacing:.05em;text-transform:uppercase;padding:6px 8px;border-radius:4px;white-space:nowrap}
.stare--da{background:var(--cerneala);color:#fff}
.stare--adr{background:var(--adr);color:var(--cerneala)}
.stare--discutam{background:transparent;color:var(--cerneala);box-shadow:inset 0 0 0 1.5px var(--eticheta)}
.stare--nu{background:var(--adanc);color:var(--eticheta)}

/* ------------------------------------------------ bonul (semnătura) */
.bon{margin:0;position:relative;width:min(calc(100% - 16px),330px);margin-top:-48px;margin-left:16px;z-index:2}
.bon__fanta{height:14px;border-radius:7px;background:var(--carcasa);box-shadow:inset 0 3px 4px rgba(0,0,0,.7),0 1px 0 rgba(255,255,255,.6);position:relative;z-index:3}
.bon__rola{overflow:hidden;margin:-7px 10px 0;padding-bottom:14px}
.bon__hartie{background:var(--hartie);padding:24px 20px 26px;font:400 .82rem/1.45 var(--f-m);color:#26292B;
  box-shadow:0 14px 24px -14px rgba(31,36,39,.55);
  -webkit-mask:linear-gradient(#000 0 0) top/100% calc(100% - 8px) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 90deg,#0000 91deg) bottom/12px 8px repeat-x;
  mask:linear-gradient(#000 0 0) top/100% calc(100% - 8px) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 90deg,#0000 91deg) bottom/12px 8px repeat-x}
.bon__cap{text-align:center;font-weight:700;letter-spacing:.1em}
.bon__data{text-align:center;color:#4F555A;margin-top:4px;padding-bottom:12px;border-bottom:1px dashed #9AA1A7}
.bon__cod{margin-top:14px;font:700 1.9rem/1 var(--f-m);letter-spacing:.04em}
.bon__desc{margin-top:6px;font-size:.84rem}
.bon__linii{margin-top:14px;padding-top:10px;border-top:1px dashed #9AA1A7;display:grid;gap:5px}
.bon__linii div{display:grid;grid-template-columns:11ch minmax(0,1fr);gap:6px}
.bon__linii dt{text-transform:uppercase;letter-spacing:.06em;color:#4F555A}
.bon__linii dd{font-weight:700}
.bon__gol{font-weight:400 !important;color:#4F555A;border-bottom:1px dotted #9AA1A7}
.bon__nota{margin-top:14px;padding-top:10px;border-top:1px dashed #9AA1A7}
.bon__link{display:block;margin-top:14px;text-align:center;font-weight:700;color:var(--rosu);text-transform:uppercase;letter-spacing:.05em}
.bon figcaption,.bon > .mic{margin-top:2px;padding-inline:10px}
.bon[data-s="adr"] .bon__cod::after{content:"ADR";margin-left:10px;vertical-align:middle;font-size:.7rem;padding:4px 6px;background:var(--adr);color:var(--cerneala);border:1.5px solid var(--cerneala)}
.bon[data-s="nu"] [data-bon-stare],.bon[data-s="discutam"] [data-bon-stare]{text-decoration:none}
/* pe desktop bonul rămâne în flux (înălțimea coloanei îl include), doar urcă peste poză și iese spre stânga */
@media(min-width:900px){.bon{margin-top:-180px;margin-left:-56px;width:310px}}
@media(min-width:900px) and (max-width:1099px){.bon{margin-left:-24px}}
/* tipărirea: o singură animație, la încărcare și la fiecare cod nou */
.js .bon__hartie.tipareste{animation:tipar 1.15s steps(14,end) both}
@keyframes tipar{from{transform:translateY(-100%)}to{transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.js .bon__hartie.tipareste{animation:none}}

/* ------------------------------------------------ secțiuni */
.sec{padding:72px 0}
.sec__cap{display:grid;gap:10px;max-width:62ch;margin-bottom:36px}
.sec__cap h2,.cap h1{font-size:clamp(1.6rem,3.2vw,2.4rem)}
.sec__cap p{color:var(--eticheta)}
.sec--alb{background:var(--panou)}
.sec--panou{background:var(--carcasa);color:var(--pe-carcasa)}
.sec__cap--deschis h2{color:#fff}
.sec__cap--deschis p{color:var(--pe-carcasa-2)}
.cap{padding:48px 0 36px}
.cap p{margin-top:12px;max-width:60ch;font-size:1.1rem}
.cap--404{min-height:50vh}
.afisaj-mare{font:700 5rem/1 var(--f-m);color:var(--led);background:var(--carcasa-2);display:inline-block;padding:10px 18px;border-radius:10px;margin-bottom:24px;text-shadow:0 0 12px rgba(255,74,61,.6)}
.butoane-rand{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}

/* fluxuri */
.fluxuri{display:grid;gap:22px}
@media(min-width:640px){.fluxuri{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1180px){.fluxuri{grid-template-columns:repeat(3,minmax(0,1fr))}}
.flux{background:var(--panou);border-radius:14px;overflow:hidden;box-shadow:var(--umbra);display:flex;flex-direction:column}
.flux img{aspect-ratio:3/2;width:100%;height:auto;object-fit:cover}
.flux__txt{padding:18px 20px 22px;display:grid;gap:8px}
.flux h3{font-size:1.3rem}
.flux .cod-mono{font-size:.85rem;color:var(--eticheta)}
.link-sageata{font:700 .85rem/1.3 var(--f-m);color:var(--rosu)}
.link-sageata::after{content:" →"}

/* ce nu luăm */
.sec--nu{padding-top:0}
.nu__grila{display:grid;gap:18px;border-top:2px solid var(--cerneala);padding-top:28px}
.nu__grila h2{font-size:1.6rem}
.nu__lista{display:grid;gap:14px}
.nu__lista li{padding-left:22px;position:relative}
.nu__lista li::before{content:"";position:absolute;left:0;top:.62em;width:11px;height:3px;background:var(--rosu)}
@media(min-width:900px){.nu__grila{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}.nu__lista{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 36px}}

/* containerele la scară */
.scara{margin:0;background:var(--carcasa-2);border-radius:16px;padding:22px;box-shadow:inset 0 2px 10px rgba(0,0,0,.5);position:relative}
.scara::before,.scara::after{content:"";position:absolute;top:12px;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#59626A,#23282C)}
.scara::before{left:12px}.scara::after{right:12px}
.scara__rulou{overflow-x:auto;padding-bottom:6px}
.scara__rulou svg{min-width:720px;width:100%;height:auto}
.scara__sol line{stroke:var(--pe-carcasa-2);stroke-width:1.5;stroke-dasharray:6 6}
.scara__om{fill:none;stroke:var(--led);stroke-width:2.5;stroke-linecap:round}
.scara__om circle{fill:var(--led);stroke:none}
.scara__c path{fill:rgba(225,229,232,.06);stroke:var(--pe-carcasa);stroke-width:2;stroke-linejoin:round}
.scara__c circle,.scara__c .scara__rola{fill:var(--pe-carcasa)}
.scara__c text{fill:var(--pe-carcasa);font:700 20px var(--f-m);text-anchor:middle}
.scara__legenda{counter-reset:c;display:grid;gap:12px;margin-top:22px}
@media(min-width:768px){.scara__legenda{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1180px){.scara__legenda{grid-template-columns:repeat(5,minmax(0,1fr))}}
.scara__legenda li{counter-increment:c;display:grid;gap:4px;align-content:start;padding-left:34px;position:relative}
.scara__legenda li::before{content:counter(c);position:absolute;left:0;top:0;width:24px;height:24px;border-radius:50%;border:1.5px solid var(--pe-carcasa);font:700 .8rem/21px var(--f-m);text-align:center}
.scara__legenda b{color:#fff;font-family:var(--f-d)}
.scara__legenda span{font-size:.88rem;color:var(--pe-carcasa-2)}
.scara figcaption{margin-top:16px;color:var(--pe-carcasa-2)}

/* pași cu „țeavă” între ei */
.pasi{counter-reset:p;display:grid;gap:22px;position:relative}
.pasi li{counter-increment:p;display:grid;gap:6px;align-content:start;position:relative;padding-left:58px}
.pasi li::before{content:counter(p);position:absolute;left:0;top:-4px;width:40px;height:40px;border-radius:50%;background:var(--panou);box-shadow:0 3px 0 var(--linie);
  font:700 1rem/40px var(--f-m);text-align:center;color:var(--rosu)}
.pasi b{font:800 1.15rem/1.25 var(--f-d)}
.pasi span{color:var(--eticheta)}
.pasi::before{content:"";position:absolute;left:17px;top:30px;bottom:30px;width:6px;border-radius:3px;background:var(--adanc);box-shadow:inset 0 1px 3px rgba(0,0,0,.25)}
@media(min-width:1000px){
  .pasi:not(.pasi--lung){grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}
  .pasi:not(.pasi--lung) li{padding:58px 0 0}
  .pasi:not(.pasi--lung)::before{left:20px;right:20px;top:17px;bottom:auto;width:auto;height:6px}
}

/* două coloane */
.doua{display:grid;gap:40px}
@media(min-width:960px){.doua{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px}}
.doua h2{font-size:clamp(1.5rem,2.6vw,2rem)}
.intrebari{margin-top:22px;display:grid;gap:10px}
.intrebari details{background:var(--sasiu);border-radius:10px;padding:0 18px;box-shadow:inset 0 0 0 1px var(--adanc)}
.intrebari summary{cursor:pointer;padding:16px 28px 16px 0;font:700 1.05rem/1.35 var(--f-d);list-style:none;position:relative}
.intrebari summary::-webkit-details-marker{display:none}
.intrebari summary::after{content:"+";position:absolute;right:0;top:12px;font:700 1.4rem/1 var(--f-m);color:var(--rosu)}
.intrebari details[open] summary::after{content:"–"}
.intrebari details p{padding-bottom:18px;color:var(--eticheta)}
.scrisoare{background:var(--hartie);border-radius:4px;padding:28px 26px;box-shadow:var(--umbra);display:grid;gap:14px;transform:rotate(-.6deg)}
.scrisoare h2{font-size:1.4rem}
.semnatura{font:800 1.15rem/1.3 var(--f-d);margin-top:4px}

/* ce ridicăm: detalii alternante */
.detalii{display:grid;gap:56px;padding-bottom:80px}
.det{display:grid;gap:24px;align-items:center}
.det img{width:100%;aspect-ratio:4/3;height:auto;object-fit:cover;border-radius:14px;box-shadow:var(--umbra)}
.det__txt{display:grid;gap:12px}
.det h2{font-size:clamp(1.5rem,2.6vw,2rem)}
.det__coduri{display:flex;flex-wrap:wrap;gap:8px}
.det__coduri a{display:inline-block;padding:6px 10px;border-radius:6px;background:var(--panou);box-shadow:0 2px 0 var(--linie);text-decoration:none;font-weight:700;font-size:.9rem}
.det__bine{padding:14px 16px;border-radius:10px;background:var(--panou);box-shadow:inset 3px 0 0 var(--rosu)}
@media(min-width:900px){
  .det{grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:48px}
  .det--invers img{order:2}
}

/* coduri */
.coduri__unelte{display:grid;gap:18px;align-items:end}
.coduri__unelte .cautator{margin-top:0}
.filtre{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.filtre legend{font:700 .75rem/1 var(--f-m);letter-spacing:.08em;text-transform:uppercase;color:var(--eticheta);margin-bottom:8px;padding:0}
.filtre label{position:relative}
.filtre input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.filtre span{display:inline-block;padding:10px 14px;border-radius:8px;background:var(--panou);box-shadow:0 3px 0 var(--linie);font:600 .9rem/1 var(--f-m)}
.filtre input:checked + span{background:var(--cerneala);color:#fff;box-shadow:inset 0 2px 4px rgba(0,0,0,.5);transform:translateY(2px)}
.filtre input:focus-visible + span{outline:3px solid var(--rosu);outline-offset:2px}
.legenda-stari{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:26px 0 18px}
.capitole{display:grid;gap:8px}
.capitol{background:var(--panou);border-radius:10px;box-shadow:var(--umbra)}
.capitol summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 14px;padding:16px 18px;align-items:baseline}
.capitol summary::-webkit-details-marker{display:none}
.capitol__nr{font-weight:700;font-size:1.2rem;color:var(--rosu)}
.capitol__t{font:700 1rem/1.35 var(--f-d)}
.capitol__n{grid-column:2}
.randuri{padding:0 18px 16px}
.sub{padding:14px 0 6px;font-weight:700;font-size:.92rem;border-bottom:1px solid var(--adanc)}
.rand{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:10px 0;border-bottom:1px solid var(--adanc);align-items:start}
.rand__cod{grid-column:1;font-weight:700;font-size:.92rem}
.rand__desc{grid-column:1;font-size:.95rem;line-height:1.4}
.rand .stare{grid-column:2;grid-row:1/span 2;align-self:center}
@media(min-width:768px){
  .rand{grid-template-columns:10ch minmax(0,1fr) auto}
  .rand__desc{grid-column:2;grid-row:1}
  .rand .stare{grid-column:3;grid-row:1}
  .capitol__n{grid-column:auto;justify-self:end}
  .capitol summary{grid-template-columns:auto minmax(0,1fr) auto}
}
.rand.lovit{background:linear-gradient(90deg,rgba(196,39,31,.08),transparent)}
.sursa{margin-top:24px}

/* cum lucrăm */
.panou-acte{background:var(--panou);border-radius:14px;padding:26px;box-shadow:var(--umbra)}
.panou-acte h2{font-size:1.4rem}
.acte{display:grid;gap:14px;margin:18px 0}
.acte li{display:grid;gap:2px;padding-bottom:14px;border-bottom:1px dashed var(--linie)}
.acte b{font-family:var(--f-d)}
.acte span{color:var(--eticheta);font-size:.95rem}
.cum__poza{margin-top:24px;width:100%;aspect-ratio:3/2;height:auto;object-fit:cover;border-radius:14px}
.program{display:grid;gap:8px;margin-top:16px}
.program div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px 20px;padding:10px 0;border-bottom:1px solid var(--adanc)}
.program dt{font-weight:600}
.program dd{font-family:var(--f-m);font-size:.95rem;text-align:right}

/* formular */
.form{display:grid;gap:22px}
.campuri{display:grid;gap:18px}
@media(min-width:640px){.campuri{grid-template-columns:repeat(2,minmax(0,1fr))}.camp--lat{grid-column:1/-1}}
.camp{display:grid;gap:6px;align-content:start}
.camp label{font-weight:700;font-size:.95rem}
.camp input,.camp select,.camp textarea{width:100%;min-height:52px;border:0;border-radius:10px;background:var(--sasiu);box-shadow:var(--adancit);padding:12px 14px;font:400 1rem/1.4 var(--f-t);color:var(--cerneala)}
.camp textarea{min-height:120px;resize:vertical}
.camp input:focus,.camp select:focus,.camp textarea:focus{outline:none;box-shadow:var(--adancit),0 0 0 3px var(--rosu)}
.camp [aria-invalid="true"]{box-shadow:var(--adancit),0 0 0 2px var(--rosu)}
.eroare{font-size:.85rem;color:var(--rosu-adanc);font-weight:600;min-height:1em}
.capcana{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.acord{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;font-size:.92rem;align-items:start}
.acord input{width:20px;height:20px;margin-top:2px;accent-color:var(--rosu)}
.form__butoane{display:flex;flex-wrap:wrap;gap:14px}
.stare-form{padding:14px 16px;border-radius:10px;background:var(--panou);font-weight:600}
.h-mic{font-size:1.3rem}
.tel-mare{font:800 2rem/1.1 var(--f-d);text-decoration:none;display:inline-block;margin-top:8px}
.harta{display:block;margin-top:16px;border-radius:12px;overflow:hidden;position:relative;text-decoration:none;box-shadow:var(--umbra)}
.harta span{position:absolute;left:12px;bottom:12px;background:var(--panou);padding:8px 12px;border-radius:6px;font:700 .85rem/1 var(--f-m)}

/* confidențialitate */
.text-lung{max-width:72ch;display:grid;gap:14px}
.text-lung h2{font-size:1.3rem;margin-top:16px}
.text-lung ul{display:grid;gap:10px;list-style:disc;padding-left:20px}

/* chemare + subsol */
.chemare{background:var(--rosu);color:#fff;padding:48px 0}
.chemare__in{display:grid;gap:22px;align-items:center}
.chemare h2{font-size:clamp(1.5rem,2.8vw,2.1rem)}
.chemare p{margin-top:8px;max-width:56ch;color:#FBE3E1}
.chemare__butoane{display:flex;flex-wrap:wrap;gap:14px}
.chemare .tasta{background:var(--carcasa);box-shadow:0 4px 0 #0E1012}
.chemare .tasta--gri{background:var(--panou);color:var(--cerneala);box-shadow:0 4px 0 var(--rosu-adanc)}
@media(min-width:960px){.chemare__in{grid-template-columns:minmax(0,1fr) auto}}
.subsol{background:var(--carcasa);color:var(--pe-carcasa);padding:56px 0 28px}
.subsol__grila{display:grid;gap:30px}
@media(min-width:768px){.subsol__grila{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1180px){.subsol__grila{grid-template-columns:1.4fr 1fr 1.2fr 1.2fr}}
.subsol h2{font:700 .78rem/1.3 var(--f-m);letter-spacing:.08em;text-transform:uppercase;color:#fff;margin-bottom:12px}
.subsol p,.subsol li{font-size:.95rem}
.subsol p + p{margin-top:10px}
.subsol ul{display:grid;gap:6px}
.subsol a{color:var(--pe-carcasa)}
.subsol a:hover{color:#fff}
.subsol .mic{color:var(--pe-carcasa-2)}
.subsol__jos{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:16px 32px;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.12);padding-top:20px;font-size:.85rem;color:var(--pe-carcasa-2)}
.subsol__jos p{max-width:70ch}
.sal img{width:250px;height:auto;background:#fff;border-radius:4px}