/* Demo Stomatologie | Calm Mint — accent cromatic echilibrat
   Reguli de prezentare, încărcate după styles.css.
   Fără modificarea funcțiilor / datelor fictive / imaginilor. */
:root{
 --site-bg:#E4F0ED;
 --site-mint:#CFE7E2;
 --site-blue-panel:#D8E7EB;
 --site-cool-panel:#D5E5EB;
 --card-mint:#9ACFC6;
 --card-blue:#9FC5DC;
 --card-ocean:#8DBFCB;
 --text-main:#123F49;
 --text-muted:#345B64;
 --accent:#0F686B;
 --accent-deep:#0B545B;
 --accent-blue:#316C8E;
 --accent-ocean:#246A78;
 --border-soft:#9CBFBB;
 --shadow-soft:0 7px 20px #174F5520;
 --ink:var(--text-main);
 --muted:var(--text-muted);
 --paper:var(--site-bg);
 --line:var(--border-soft);
 --sage:var(--site-mint);
 --lime:var(--card-mint);
 --coral:var(--accent-blue);
 --gold:var(--accent-ocean);
 --teal:var(--accent);
}
html,body,main{background:var(--site-bg)}
body{color:var(--text-main)}
a:focus-visible,button:focus-visible,input:focus-visible,
textarea:focus-visible,select:focus-visible,summary:focus-visible{
 outline:3px solid var(--accent-blue);outline-offset:3px
}
.demo{background:#114B55;color:#F0FBF8}
.demo .demo-banner-phone{color:#C6E8E4}
.demo .demo-banner-phone small{color:#D8EBF0}
header{background:#D8EBE6F7;border-bottom:2px solid #87BEB7}
.brand-emblem{background:#176D70;box-shadow:0 4px 12px #144D5533}
.brand-emblem::after{background:var(--card-ocean);border-color:#D8EBE6}
.brand-wordmark strong,.brand-wordmark small{color:var(--text-main)}
.nav .header-mobile-phone{border-color:var(--border-soft);background:#DDF0EB;color:var(--text-main)}
.nav .header-mobile-phone small{color:var(--text-muted)}
nav a:hover{color:var(--accent)}
.eyebrow,.technology .eyebrow{color:var(--accent);font-weight:800}
.eyebrow::before{background:var(--accent-ocean)}
h1,h2,h3,.section-head h2{color:var(--text-main)}
h1 em,h2 em,.hero h1 em,#servicii h2 em,
.team-section h2 em,.pricing h2 em,#galerie h2 em,
#comunitate h2 em,.technology h2 em,#faq .faq-head h2 em,
.site-policies h2 em{color:var(--accent)}
#galerie h2 em,#faq .faq-head h2 em{color:var(--accent-ocean)}
.section-head p,.technology-intro>p,
.pricing .price-layout p,.location-section p{color:var(--text-muted)}

/* Baza este identică pe tot site-ul; fiecare secțiune are doar un panou mai pronunțat. */
.hero,.technology,#servicii,#galerie,#comunitate,#faq .faq{
 border:1px solid var(--border-soft);
 border-radius:21px;
 box-shadow:var(--shadow-soft)
}
.hero{background:var(--site-mint);border-color:#A7CFC7}
.technology{background:var(--site-blue-panel);padding:42px 31px 35px;
 margin:29px 0 0}
#servicii{background:var(--site-mint);border-color:#A0C9C2;
 margin-top:29px}
#galerie{background:var(--site-blue-panel);border-color:#AAC7D2}
#comunitate{background:var(--site-mint);border-color:#A0C9C2}
#faq .faq{background:var(--site-cool-panel);border-color:#B6C2D3;max-width:920px}
#faq{margin-top:28px;margin-bottom:28px}

/* Secțiunile care acoperă lățimea paginii își păstrează aceeași bază. */
.team-section,.pricing,.info-section,.location-section,
#contact.contact,.site-policies{
 background:var(--site-bg);border:0;
}
.team-section,.pricing,.info-section,.location-section,.site-policies{
 padding:25px 0;margin:0
}
.team-section>.wrap,.pricing>.wrap,.info-section>.wrap,
.location-section>.wrap,.site-policies>.wrap{
 border:1px solid var(--border-soft);
 border-radius:21px;
 box-shadow:var(--shadow-soft);
 padding:40px 32px
}
.team-section>.wrap{background:var(--site-blue-panel)}
.pricing>.wrap{background:var(--site-cool-panel)}
.info-section>.wrap{background:var(--site-mint)}
.location-section>.wrap{background:var(--site-blue-panel)}
.site-policies>.wrap{background:var(--site-cool-panel)}
.team-section .team-disclaimer,.technology-demo-note{color:var(--text-muted)}
.pricing .notice,.policies-disclaimer,.technology-dialog-notice,
.team-dialog-disclaimer,.team-card .team-specialty{
 background:#CDE3E3;color:var(--text-muted);border-color:var(--border-soft)
}
.price-row{border-bottom-color:var(--border-soft);color:var(--text-main)}
.price-row strong{color:var(--text-main)}
.price-row:nth-child(2n){background:#D5E7E8;border-radius:8px}
.chip,#comunitate .review-filters button{
 background:#DDEDE9;border:1px solid #91B9B5;color:var(--text-main)
}
.chip[aria-pressed=true],#comunitate .review-filters button[aria-pressed=true]{
 background:var(--accent);border-color:var(--accent);color:white
}

/* Carusele: aceleași trei familii de culori, inclusiv în modalurile JS. */
.service-carousel .service,.info-track .info-card,
.team-track .team-card,#comunitate .review-track .review-card{
 border-color:#82ADA9;box-shadow:var(--shadow-soft)
}
.service-carousel .service .icon,.info-card .info-emoji{
 background:#EDF6F2CC;color:var(--text-main)
}
.service-carousel .service .linkbtn,.info-card .info-read,
.team-card .team-view{color:var(--accent-deep)}
.team-card .team-view{background:#DCEDE9;border:1px solid #9CBFBB}
.technology-card{border-color:#88B5B5;box-shadow:var(--shadow-soft)}
.technology-card-mint{background:var(--card-mint)}
.technology-card-coral{background:var(--card-blue)}
.technology-card-ocean{background:var(--card-ocean)}
.technology-card .technology-number,.technology-card .technology-open-hint{
 color:var(--accent-deep)
}
#comunitate .review-track .review-card{border-left-color:var(--accent)}
#comunitate .review-track .review-card:nth-child(3n+2){border-left-color:var(--accent-blue)}
#comunitate .review-track .review-card:nth-child(3n){border-left-color:var(--accent-ocean)}
#comunitate .review-form{background:#C4DEE2;border:1px solid #9DBCC5;color:var(--text-main)}
#comunitate .review-form input,#comunitate .review-form textarea,
#comunitate .review-form select{background:#EEF5F3;border-color:#9BBFBD;color:var(--text-main)}
#comunitate .review-empty{background:var(--site-blue-panel);border-color:var(--border-soft)}
#comunitate .review-empty button{background:var(--accent);border-color:var(--accent)}
#comunitate .community-note,#comunitate .review-filter-note{color:var(--text-muted)}
.gallery-carousel .gallery-item{border-color:#BCDAD5;box-shadow:var(--shadow-soft)}

/* FAQ: colorări apropiate, fără card cald ori portocaliu. */
#faq .faq-item,#faq .faq-item:nth-of-type(even){
 background:#CFE5E2;border-color:#9FBFBE
}
#faq .faq-item:nth-of-type(2){background:#C9DFEA;border-color:#A4BFCF}
#faq .faq-item:nth-of-type(3){background:#CCDAD5;border-color:#9CBDB5}
#faq .faq-item:nth-of-type(4){background:#C2DFE5;border-color:#99BFC9}
#faq .faq-item[open]{border-color:var(--accent-blue)}
#faq .faq-item summary{color:var(--text-main)}
#faq .faq-toggle-icon{background:#ECF4F2;border-color:#A2BCC0;color:var(--accent)}
#faq .faq-item[open] .faq-toggle-icon{
 background:var(--accent);border-color:var(--accent);color:white
}
#faq .faq-answer p,#faq .faq-head p,#faq .faq-footnote{color:var(--text-muted)}

/* Panourile de contact, inclusiv programul prelungit, sunt în nuanțe reci. */
#contact.contact{background:var(--site-bg);color:var(--text-main);
 padding:25px 0 56px}
#contact .contact-shell{
 background:var(--site-mint);border:1px solid var(--border-soft);
 border-radius:21px;box-shadow:var(--shadow-soft);padding:40px 32px
}
#contact .contact-intro h2{color:var(--text-main)}
#contact .contact-intro h2 em,#contact .demo-highlight-lime{color:var(--accent)}
#contact .contact-intro .eyebrow{color:var(--accent)}
#contact .contact-intro>p:not(.contact-call-note),
#contact .contact-call-note,#contact .contact-legal-note{color:var(--text-muted)}
#contact .contact-schedule{background:#E0EFEC;color:var(--text-main);
 border-color:#AAC9C5;box-shadow:0 12px 24px #174F5520}
#contact .contact-calendar-icon{background:#BDDFD9;border-color:#95C7BC;color:var(--accent)}
#contact .contact-week-day{background:#D1E7E2;border-color:#AFCCC5}
#contact .contact-week-extended{background:#BDD9E9;border-color:#9CBFCF}
#contact .contact-week-extended dt,#contact .contact-week-extended dd{color:#224C63}
#contact .contact-extra-hours{background:#9FC5DC;color:#20475B}
#contact .contact-week-closed{background:#D9E6E6;border-color:#BED0D1}
#contact .contact-week-closed dt,#contact .contact-week-closed dd{color:#506F75}
#contact .contact-detail-card{background:var(--card-mint);border-color:#91BCB4}
#contact .contact-detail-card:nth-child(2){background:var(--card-blue);border-color:#8FB5CD}
#contact .contact-detail-card:nth-child(3){background:var(--card-ocean);border-color:#AAA3C9}
#contact .contact-detail-icon{background:#E8F2F1;color:var(--accent)}
#contact .contact-detail-card small,#contact .contact-detail-card p{
 color:#315663
}
#contact .contact-legal-note{border-top-color:#A5C9C3}

/* Documente și harta din demo. */
.site-policies .policies-disclaimer{background:#CEDDE8;color:var(--text-muted);
 border:1px solid #A9C5D1}
.policy-card{background:#CFE5E2;border-color:#A4C6C1}
.policy-card:nth-child(3n+2){background:#CADFE9;border-color:#ABC4D0}
.policy-card:nth-child(3n){background:#C0DAE3;border-color:#9ABFC9}
.policy-card summary{color:var(--text-main)}
.map-card{background:#DBE9E7;border-color:var(--border-soft)}
.map-privacy-placeholder{background:#CADFE6;color:var(--text-main)}
.map-placeholder-icon{background:#A4D0CD;color:var(--accent)}
.map-privacy-placeholder strong{color:var(--text-main)}
.map-embed-fallback{background:#DCEAE7;border-color:var(--border-soft)}

/* Un singur stil pentru acțiuni, săgeți și focus. */
.btn,.hero .actions>button[data-demo-call],
#contact .contact-actions .btn-call-contact,.mobilebar .mobile-call{
 background:var(--accent);border-color:var(--accent);
 color:#FFFFFF;box-shadow:none
}
.btn:hover,.hero .actions>button[data-demo-call]:hover,
#contact .contact-actions .btn-call-contact:hover,
.mobilebar .mobile-call:hover{
 background:var(--accent-deep);border-color:var(--accent-deep);color:#FFFFFF
}
.hero .btn.light[data-demo-call],.hero .btn.light[data-demo-call]:hover{
 background:var(--accent);border-color:var(--accent);color:white
}
.carousel-arrow,.gallery-arrow,.team-arrow,.info-arrow,
.technology-arrow,#comunitate .review-arrow{
 background:#E9F4F1;border-color:#81B3AC;color:var(--accent-deep)
}
.carousel-arrow:hover,.gallery-arrow:hover,.team-arrow:hover,
.info-arrow:hover,.technology-arrow:hover,#comunitate .review-arrow:hover{
 background:var(--accent);color:#FFFFFF
}
.carousel-dots button[aria-current=true]::after,
.gallery-dots button[aria-current=true]::after,
.team-dots button[aria-current=true]::after,
.info-dots button[aria-current=true]::after,
.technology-dots button[aria-current=true]::after,
#comunitate .review-dots button[aria-current=true]::after{
 background:var(--accent)
}
.principles{background:#D0E6E0;border-color:#AFCEC7}
.principles div:nth-child(2) span{color:var(--accent-blue)}
.principles div:nth-child(3) span{color:var(--accent-ocean)}
.mobilebar{background:#D9EAE7;border-top-color:var(--border-soft)}
.demo-map-link,.map-load-button{background:var(--accent);border-color:var(--accent);color:#FFFFFF}
.demo-map-link:hover,.map-load-button:hover{background:var(--accent-deep)}
.demo-highlight-lime{color:var(--accent)}

/* Ferestrele păstrează structura, dar nu reintroduc culori calde. */
#callDemo{background:#E8F2EF;color:var(--text-main)}
.service-lightbox{background:#113C40;color:#EEF8F6}
.review-dialog{background:#E4F0ED;border-color:var(--border-soft)}
.service-modal-head,.team-modal-head,.info-modal-head,
.technology-modal-head,.review-modal-head{
 background:#124B55;border-bottom-color:#416E77;color:#F0FAF7
}
.service-modal-controls,.team-modal-controls,.info-dialog-nav,
.technology-modal-controls,.review-dialog-controls{
 background:#D9E9E7;border-top-color:#AAC6C5
}
.service-dialog-scroll{background:#113C40}
.technology-dialog-scroll,.info-dialog-scroll{background:#E8F2EF}
.info-dialog-body,.technology-dialog-body{background:#E8F2EF}
.review-dialog-scroll{color:var(--text-main)}
.service-modal-head .close,.team-modal-head .close,.info-modal-head .close,
.technology-modal-head .close,.review-modal-head .close{
 background:#E5F1EE;color:var(--accent-deep)
}
.stars,.team-rating .stars{color:var(--accent-ocean)}
footer{background:#D2E6E2;border-top:1px solid var(--border-soft);color:var(--text-muted)}
footer a{color:var(--accent-deep)}
/* Delimitare clară chiar și pe telefon, fără benzi decorative masive. */
@media(max-width:900px){
 .technology{padding:29px 20px}
 .team-section>.wrap,.pricing>.wrap,.info-section>.wrap,
 .location-section>.wrap,.site-policies>.wrap{padding:30px 22px}
 #contact .contact-shell{padding:30px 22px}
}
@media(max-width:620px){
 .hero,.technology,#servicii,#galerie,#comunitate,#faq .faq{
  border-radius:16px;box-shadow:0 4px 13px #174F551A
 }
 .technology{padding:27px 15px;margin-top:20px}
 #servicii{margin-top:20px}
 .team-section,.pricing,.info-section,.location-section,.site-policies{padding:15px 0}
 .team-section>.wrap,.pricing>.wrap,.info-section>.wrap,
 .location-section>.wrap,.site-policies>.wrap{
  padding:24px 17px;border-radius:16px
 }
 #faq{margin:20px 0}
 #contact.contact{padding:15px 0 70px}
 #contact .contact-shell{padding:24px 17px;border-radius:16px}
 .demo{background:#114B55}
}

/* Program săptămânal: trei rânduri compacte, fără informație redundantă. */
#contact .contact-schedule{
 box-sizing:border-box;width:100%;max-width:520px;justify-self:end;
 padding:17px 19px 14px;border-radius:15px;
 box-shadow:0 7px 18px #174F551A
}
#contact .contact-schedule-head{gap:10px;margin-bottom:11px}
#contact .contact-calendar-icon{
 width:40px;height:40px;flex-basis:40px;border-radius:10px
}
#contact .contact-calendar-icon svg{width:24px;height:24px}
#contact .contact-schedule-head h3{font-size:21px;line-height:1.2}
#contact .contact-week-grid{display:grid;gap:6px}
#contact .contact-week-day{
 min-height:40px;padding:8px 12px;gap:10px;border-radius:8px
}
#contact .contact-week-day dt,#contact .contact-week-day dd{
 font-size:12px;line-height:1.35
}
#contact .contact-schedule-foot{margin:10px 0 0;font-size:10px}
@media(max-width:780px){
 #contact .contact-schedule{max-width:none;justify-self:stretch}
}
@media(max-width:520px){
 #contact .contact-schedule{padding:14px 12px 12px}
 #contact .contact-schedule-head h3{font-size:19px}
 #contact .contact-week-day{min-height:0;padding:9px 10px}
 #contact .contact-week-day dt,#contact .contact-week-day dd{font-size:11px}
}
@media(max-width:375px){
 #contact .contact-week-day{
  flex-direction:column;align-items:flex-start;gap:2px
 }
}

/* WhatsApp demonstrativ — accesibil în antet, telefon și secțiunea Contact.
   Nu există link către aplicație sau număr WhatsApp real. */
.nav .header-contact-actions{
 display:flex;flex:0 0 auto;flex-direction:column;align-items:stretch;
 justify-content:center;gap:5px;min-width:0;max-width:215px
}
.nav .header-contact-actions .header-call-button{
 display:flex;flex-direction:column;justify-content:center;align-items:center;
 gap:2px;min-width:0;min-height:42px;width:100%;padding:6px 10px;
 border-radius:10px;line-height:1.16;white-space:nowrap
}
.header-contact-actions .header-call-number{font-size:15px}
.header-contact-actions .header-call-caption{font-size:9px}
.nav .header-contact-actions .header-mobile-phone{display:none}
.nav .header-whatsapp-button{
 display:inline-flex;align-items:center;justify-content:center;gap:7px;
 width:100%;min-height:27px;padding:4px 9px;line-height:1.2;
 border-radius:9px;border:1px solid #8CB8B0;
 background:#CAE5DF;color:var(--accent-deep);cursor:pointer;
 font-size:12px;font-weight:800;white-space:nowrap
}
.header-whatsapp-button svg{flex:0 0 17px;width:17px;height:17px}
.header-whatsapp-button small{font-size:9px;font-weight:800;opacity:.78;letter-spacing:.04em}
.nav .header-whatsapp-button:hover{background:#AAD6CC;border-color:#6BA9A0}
#contact .contact-actions{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
 gap:10px;align-items:stretch;max-width:540px
}
#contact .contact-actions .btn-call-contact,
#contact .contact-actions .btn-whatsapp-contact{
 display:inline-flex;align-items:center;justify-content:center;gap:8px;
 max-width:none;width:100%;min-height:53px;margin:0;
 padding:11px 12px;border-radius:11px;
 font-size:13px;line-height:1.3;text-align:center;font-weight:800
}
#contact .contact-actions .btn-whatsapp-contact{
 background:#A6D8CF;border:1px solid #72ACA2;
 color:#154E58;box-shadow:none
}
#contact .contact-actions .btn-whatsapp-contact:hover{
 background:#8DC9BD;border-color:#53998E;color:#123F49
}
#contact .contact-actions .btn-whatsapp-contact svg{
 flex:0 0 19px;width:19px;height:19px
}
#whatsappDemo{
 width:min(92vw,490px);background:var(--site-bg);color:var(--text-main);
 border:1px solid var(--border-soft);padding:30px;border-radius:18px
}
#whatsappDemo h2{font-size:clamp(25px,5vw,32px);color:var(--text-main)}
#whatsappDemo p{line-height:1.55}
.whatsapp-message-preview{
 background:#C6E5DF;border:1px solid #9CC8BF;border-radius:13px;
 padding:18px 19px;margin:18px 0 13px
}
.whatsapp-message-preview>span{
 display:block;color:#245A64;font-weight:800;
 font-size:10px;letter-spacing:.08em
}
.whatsapp-message-preview p{
 margin:9px 0 0;color:var(--text-main);font-size:15px;
 white-space:pre-wrap;overflow-wrap:anywhere
}
#whatsappDemo .whatsapp-demo-notice{font-size:12px;color:var(--text-muted)}
.whatsapp-demo-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}
.whatsapp-demo-actions button{min-height:42px}
#whatsappDemo .whatsapp-secondary{
 background:transparent;border:1px solid var(--border-soft);color:var(--text-main)
}
#whatsappDemo .whatsapp-secondary:hover{
 background:#CCE5E0;color:var(--text-main);border-color:#84B6AE
}
#whatsappCopyStatus{
 min-height:1.1em;margin:9px 0 0;font-size:12px;color:var(--accent)
}
@media(max-width:1180px) and (min-width:901px){
 header .nav{height:78px}
 header .nav nav#nav{
  display:none;position:absolute;left:0;right:0;top:78px;
  background:#D8EBE6;padding:22px 26px;
  box-shadow:0 15px 22px #1235;z-index:15
 }
 header .nav nav#nav.open{
  display:flex;flex-direction:column;align-items:stretch;
  gap:17px;font-size:14px
 }
 header .nav .menu{display:block}
}
@media(max-width:1120px){
 .nav .header-contact-actions .header-call-button{display:none}
 .nav .header-contact-actions{max-width:none}
 .nav .header-whatsapp-button{min-height:38px;padding:8px 12px}
}
@media(max-width:620px){
 .nav .header-contact-actions{
  width:116px;flex:0 1 116px;margin-left:auto;
  align-items:stretch;gap:4px
 }
 .nav .header-contact-actions .header-mobile-phone{
  display:flex;margin:0;padding:4px 4px 3px;border-radius:8px
 }
 .nav .header-whatsapp-button{
  min-height:27px;padding:3px 4px;gap:4px;
  border-radius:7px;font-size:11px
 }
 .header-whatsapp-button svg{width:14px;height:14px;flex-basis:14px}
 .header-whatsapp-button small{font-size:8px}
 #contact .contact-actions{grid-template-columns:1fr;gap:9px}
 #contact .contact-actions .btn-call-contact,
 #contact .contact-actions .btn-whatsapp-contact{
  min-height:49px;max-width:none;font-size:13px
 }
 #whatsappDemo{padding:26px 18px;width:min(94vw,490px)}
 .whatsapp-message-preview{padding:16px 15px}
}
@media(max-width:360px){
 .nav .header-contact-actions{width:105px;flex-basis:105px}
 .nav .header-contact-actions .header-mobile-phone{padding:3px}
 .nav .header-whatsapp-button{font-size:10px}
 .nav .brand-emblem{width:35px;flex-basis:35px;height:35px}
 .nav .brand-emblem svg{width:22px;height:25px}
 .nav .brand{gap:5px}
 .nav .brand-wordmark strong{font-size:16px}
 .nav .brand-wordmark small{font-size:7px}
}

/* Prezentare comercială: preferințe demonstrative, fără cookie-uri de marketing. */
.demo-cookie-banner[hidden]{display:none!important}
.demo-cookie-banner{
 position:fixed;z-index:40;bottom:18px;left:50%;
 transform:translateX(-50%);
 width:min(910px,calc(100vw - 28px));max-height:min(78dvh,530px);
 overflow-y:auto;overscroll-behavior:contain;
 background:#EAF4F1;border:1px solid #84B5AC;
 border-radius:18px;box-shadow:0 15px 55px #123F4960;
 padding:19px 22px
}
.demo-cookie-content{min-width:0}
.demo-cookie-heading{display:flex;align-items:center;gap:11px}
.demo-cookie-symbol{
 display:grid;place-items:center;width:36px;height:36px;
 border-radius:11px;background:#9ACFC6;color:#124B55;font-size:23px
}
.demo-cookie-heading small{
 display:block;font-size:10px;letter-spacing:.07em;
 font-weight:800;color:#27646B
}
.demo-cookie-heading h2{font-size:20px;line-height:1.2;margin:3px 0;color:#123F49}
.demo-cookie-banner p{
 margin:12px 0 14px;color:#345B64;font-size:13px;line-height:1.55
}
.demo-cookie-actions,.demo-cookie-settings-actions{
 display:flex;flex-wrap:wrap;align-items:stretch;gap:9px
}
.demo-cookie-actions button,.demo-cookie-settings-actions button{
 flex:1 1 150px;min-height:44px;border-radius:10px;
 padding:10px 13px;cursor:pointer;font-size:13px;font-weight:800;line-height:1.25
}
.demo-cookie-reject{
 border:1px solid #7DABA9;background:#EAF4F1;color:#194E58
}
.demo-cookie-reject:hover{background:#D4E7E3}
.demo-cookie-customize{
 border:1px solid #80B9C4;background:#C8E1E8;color:#154B5A
}
.demo-cookie-customize:hover{background:#B5D7E0}
.demo-cookie-accept{
 border:1px solid #0F686B;background:#0F686B;color:#FFFFFF
}
.demo-cookie-accept:hover{background:#0B545B}
.demo-cookie-settings{
 width:min(570px,calc(100vw - 24px));max-height:calc(100dvh - 24px);
 overflow:auto;background:#EAF4F1;color:#123F49;
 border:1px solid #99C1BC;border-radius:18px;
 padding:30px 26px 25px
}
.demo-cookie-settings h2{font-size:clamp(24px,4vw,32px);margin:10px 0}
.demo-cookie-settings>p{color:#345B64;font-size:13px;line-height:1.6}
.demo-cookie-option{
 display:flex;align-items:center;justify-content:space-between;gap:20px;
 border:1px solid #A5C6C2;background:#D9EBE7;border-radius:12px;
 padding:14px 15px;margin-top:11px;cursor:default
}
.demo-cookie-option strong{font-size:14px;color:#123F49}
.demo-cookie-option p{font-size:12px;color:#345B64;line-height:1.5;margin:5px 0 0}
.demo-cookie-option input[type="checkbox"]{
 cursor:pointer;flex:0 0 23px;width:23px;height:23px;accent-color:#0F686B
}
.demo-cookie-required{
 border-radius:12px;background:#B9D9D3;
 color:#194E58;padding:5px 9px;font-size:11px;font-weight:800;white-space:nowrap
}
.demo-cookie-settings-actions{margin-top:19px}
.demo-cookie-settings .demo-cookie-footnote{font-size:11px;color:#526F75}
.policy-cookie-link,.footer-cookie-settings{
 border:0;padding:0;background:none;
 color:#0F686B;text-decoration:underline;text-underline-offset:3px;
 font-size:inherit;line-height:inherit;font-weight:800;cursor:pointer
}
.policy-cookie-link:hover,.footer-cookie-settings:hover{color:#0B545B}
.footer-cookie-settings{font-size:11px}
@media(max-width:620px){
 .demo-cookie-banner{
  bottom:calc(70px + env(safe-area-inset-bottom,0px));
  width:calc(100vw - 20px);padding:15px 14px;border-radius:14px;
  max-height:58dvh
 }
 .demo-cookie-heading h2{font-size:18px}
 .demo-cookie-banner p{font-size:12px;margin:10px 0}
 .demo-cookie-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .demo-cookie-actions button{flex:auto;min-height:43px;padding:9px 8px;font-size:12px}
 .demo-cookie-actions .demo-cookie-accept{grid-column:1/-1;grid-row:1}
 .demo-cookie-actions .demo-cookie-reject{grid-column:1}
 .demo-cookie-actions .demo-cookie-customize{grid-column:2}
 .demo-cookie-settings{padding:28px 16px 20px;border-radius:13px}
 .demo-cookie-option{gap:10px;padding:12px}
 .demo-cookie-settings-actions{display:grid;grid-template-columns:1fr;gap:8px}
 .demo-cookie-settings-actions button{min-height:43px}
}

/* Mobile-first: compactare controlată a Prețurilor, FAQ-ului și barei de apel. */
@media(max-width:620px){
 .pricing>.wrap{padding:19px 15px 17px}
 .pricing .price-layout{gap:17px}
 .pricing .price-layout h2{margin-bottom:9px}
 .pricing .price-layout p{margin-top:7px;margin-bottom:9px}
 .pricing .notice{padding:10px 12px;line-height:1.45;font-size:12px!important}
 .pricing .chips{gap:7px;margin:10px 0 11px}
 .pricing .chip{
  min-height:44px;padding:8px 11px;
  font-size:12px;line-height:1.25;
  display:inline-flex;align-items:center;justify-content:center
 }
 .pricing .price-row{min-height:53px;padding:12px 0;gap:12px;align-items:center;line-height:1.35}
 .pricing .price-row strong{font-weight:700}
 .pricing .price-note{margin:12px 0 0!important;line-height:1.5}
 #faq .faq{padding:21px 15px 20px;border-radius:15px}
 #faq .faq-head{margin-bottom:14px}
 #faq .faq-head h2{margin-bottom:10px;line-height:1.17}
 #faq .faq-head p{line-height:1.5;margin-top:8px}
 #faq .faq-items{gap:8px}
 #faq .faq-item summary{
  min-height:58px;padding:12px 13px;gap:10px;
  font-size:14px;line-height:1.3
 }
 #faq .faq-toggle-icon{
  width:44px;height:44px;flex-basis:44px;
  font-size:23px;border-radius:10px
 }
 #faq .faq-answer{padding:0 14px 14px}
 #faq .faq-answer p{margin-top:9px;font-size:13px;line-height:1.55}
 #faq .faq-footnote{margin:13px 0 0;line-height:1.5}
 .mobilebar{
  gap:0;padding:6px 12px;
  padding-bottom:max(6px,env(safe-area-inset-bottom,0px));
  background:#D9EAE7;border-top:1px solid var(--border-soft)
 }
 .mobilebar .mobile-call{
  min-height:48px;padding:8px 11px;
  margin:0;font-size:13px;line-height:1.2;border-radius:9px
 }
 .demo-cookie-banner{bottom:calc(61px + env(safe-area-inset-bottom,0px))}
 #contact.contact{padding-bottom:65px}
}
@media(max-width:380px){
 .pricing .chips{gap:5px}
 .pricing .chip{padding:8px 9px;font-size:11px}
 #faq .faq-item summary{font-size:13px;padding:10px 11px}
 #faq .faq-toggle-icon{width:44px;height:44px;flex-basis:44px}
 .mobilebar .mobile-call{font-size:12px}
}

/* Contact pe mobil: titlul rămâne pe întreaga lățime, apelul și orarul stau alături. */
@media(min-width:360px) and (max-width:620px){
 #contact .contact-main{
  display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  gap:10px 10px;align-items:start
 }
 #contact .contact-intro{display:contents}
 #contact .contact-intro>.eyebrow{
  grid-column:1/-1;grid-row:1;margin:0
 }
 #contact .contact-intro>h2{
  grid-column:1/-1;grid-row:2;margin:0 0 2px;
  font-size:clamp(29px,8vw,38px)
 }
 #contact .contact-intro>p:not(.contact-call-note){
  grid-column:1/-1;grid-row:3;margin:0 0 6px;
  font-size:12px;line-height:1.5
 }
 #contact .contact-actions{
  grid-column:1;grid-row:4;display:flex;flex-direction:column;
  gap:9px;max-width:none;margin:0
 }
 #contact .contact-actions .btn-call-contact,
 #contact .contact-actions .btn-whatsapp-contact{
  min-width:0;width:100%;min-height:48px;padding:8px 7px;
  font-size:11px;line-height:1.25;white-space:normal
 }
 #contact .contact-actions .btn-whatsapp-contact svg{
  flex-basis:17px;width:17px;height:17px
 }
 #contact .contact-call-note{
  grid-column:1;grid-row:5;margin:2px 0 0;
  font-size:10px;line-height:1.4
 }
 #contact .contact-schedule{
  grid-column:2;grid-row:4 / span 2;
  min-width:0;max-width:none;margin:0;padding:11px 9px 10px;
  border-radius:12px
 }
 #contact .contact-schedule-head{
  gap:6px;margin-bottom:8px;align-items:center
 }
 #contact .contact-calendar-icon{
  width:29px;height:29px;flex-basis:29px;border-radius:8px
 }
 #contact .contact-calendar-icon svg{width:19px;height:19px}
 #contact .contact-schedule-head small{
  font-size:8px;letter-spacing:0;line-height:1.2
 }
 #contact .contact-schedule-head h3{
  font-size:15px;line-height:1.15;margin:2px 0 0
 }
 #contact .contact-week-grid{gap:5px}
 #contact .contact-week-day{
  display:flex;flex-direction:column;align-items:flex-start;
  min-height:0;padding:7px 8px;gap:3px
 }
 #contact .contact-week-day dt,
 #contact .contact-week-day dd{
  font-size:10px;line-height:1.25;margin:0
 }
 #contact .contact-week-day dd{font-weight:800;white-space:nowrap}
 #contact .contact-schedule-foot{
  margin:7px 0 0;font-size:9px;line-height:1.3
 }
}
@media(max-width:359px){
 #contact .contact-main{display:grid;grid-template-columns:1fr;gap:12px}
 #contact .contact-intro{display:block}
 #contact .contact-schedule{grid-column:auto;grid-row:auto}
}

/* Glisare orizontală în ferestre; scroll vertical păstrat. */
#serviceDialog .service-dialog-scroll,#teamDialog .team-dialog-viewport,
#infoDialog .info-dialog-scroll,#technologyDialog .technology-dialog-scroll,
#reviewDialog .review-dialog-scroll,#photoDialog .gallery-modal-stage{
 touch-action:pan-y
}
@media(hover:hover) and (pointer:fine){
 #serviceGrid,#teamTrack,#infoTrack,#technologyTrack,#galleryTrack,#reviewList{cursor:grab}
 #serviceGrid:active,#teamTrack:active,#infoTrack:active,
 #technologyTrack:active,#galleryTrack:active,#reviewList:active{cursor:grabbing}
}

/* Dialoguri mai compacte și lizibile; săgeți la mijlocul înălțimii. */
#infoDialog #infoDetailText p,#infoDialog .info-disclaimer{
 color:#244A52!important
}
#infoDialog .info-dialog-body{color:#244A52;background:#E8F2EF}
#infoDialog .info-disclaimer{font-size:12px;line-height:1.5}
#teamDialog .team-dialog-content,#teamDialog #teamDetailBody p{
 color:#244A52
}
#teamDialog .team-dialog-disclaimer{color:#345B64}
#teamDialog,#infoDialog{
 position:relative;height:min(650px,calc(100dvh - 46px));
 max-height:calc(100dvh - 46px)
}
#teamDialog .team-modal-controls,#infoDialog .info-dialog-nav{
 position:absolute;left:8px;right:8px;top:50%;transform:translateY(-50%);
 z-index:4;display:flex;justify-content:space-between;
 pointer-events:none;border:0;background:transparent;
 min-height:0;padding:0;margin:0
}
#teamDialog .team-modal-controls button,#infoDialog .info-dialog-nav button{
 flex:0 0 44px;width:44px;height:44px;
 border:1px solid #6C9F99;background:#EAF4F1E8;color:#124C55;
 border-radius:50%;box-shadow:0 3px 11px #123F4945;
 pointer-events:auto;cursor:pointer
}
#teamDialog .team-modal-controls span,#infoDialog .info-dialog-nav span{
 position:absolute;top:calc(50% + 31px);left:50%;transform:translateX(-50%);
 padding:3px 7px;border-radius:9px;background:#EAF4F1E8;
 color:#245660;font-size:11px;pointer-events:none
}
#teamDialog .team-dialog-viewport,#infoDialog .info-dialog-scroll{
 overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;
 padding-left:41px;padding-right:41px
}
#teamDialog .team-dialog-layout{height:auto;min-height:0}
#teamDialog .team-portrait-large{
 height:clamp(110px,20dvh,180px);min-height:0;flex:0 0 clamp(110px,20dvh,180px);
 background-repeat:no-repeat
}
#teamDialog.gesture-swiping,#infoDialog.gesture-swiping,
#serviceDialog.gesture-swiping,#technologyDialog.gesture-swiping,
#reviewDialog.gesture-swiping,#photoDialog.gesture-swiping{
 user-select:none;-webkit-user-select:none
}
@media(max-width:620px){
 #teamDialog,#infoDialog{
  width:calc(100vw - 18px);max-width:calc(100vw - 18px);
  height:min(600px,calc(100dvh - 40px));max-height:calc(100dvh - 40px)
 }
 #teamDialog .team-dialog-viewport,#infoDialog .info-dialog-scroll{
  padding:10px 34px 12px
 }
 #teamDialog .team-dialog-layout{gap:9px}
 #teamDialog .team-portrait-large{
  height:clamp(110px,19dvh,165px);flex-basis:clamp(110px,19dvh,165px)
 }
 #teamDialog .team-modal-controls,#infoDialog .info-dialog-nav{
  left:3px;right:3px
 }
 #teamDialog .team-modal-controls button,#infoDialog .info-dialog-nav button{
  width:37px;height:44px;flex-basis:37px;border-radius:12px
 }
 #infoDialog .info-dialog-hero{padding:13px}
 #infoDialog .info-dialog-body{padding:12px 3px 0}
}

/* Navigare consistentă în toate cele șase ferestre de detalii.
   Săgețile rămân la jumătatea înălțimii, deasupra conținutului. */
#serviceDialog,#teamDialog,#infoDialog,#technologyDialog,#reviewDialog,#photoDialog{
 position:relative;box-sizing:border-box;
 height:min(620px,calc(100dvh - 56px));
 max-height:calc(100dvh - 56px);
 margin:auto;border-radius:16px;overflow:hidden
}
#serviceDialog{width:min(760px,calc(100vw - 32px))}
#teamDialog{width:min(880px,calc(100vw - 32px))}
#infoDialog{width:min(710px,calc(100vw - 32px))}
#technologyDialog{width:min(680px,calc(100vw - 32px))}
#reviewDialog{width:min(650px,calc(100vw - 32px))}
#photoDialog{width:min(920px,calc(100vw - 32px))}
#serviceDialog .service-modal-controls,
#technologyDialog .technology-modal-controls,
#reviewDialog .review-dialog-controls,
#teamDialog .team-modal-controls,
#infoDialog .info-dialog-nav,
#photoDialog .gallery-modal-footer .lightbox-nav{
 position:absolute;top:50%;left:9px;right:9px;
 transform:translateY(-50%);z-index:5;
 width:auto;min-height:0;height:0;margin:0;padding:0;
 display:flex;align-items:center;justify-content:space-between;
 gap:0;background:transparent;border:0;
 pointer-events:none;overflow:visible
}
#serviceDialog .service-modal-controls button,
#technologyDialog .technology-modal-controls button,
#reviewDialog .review-dialog-controls button,
#teamDialog .team-modal-controls button,
#infoDialog .info-dialog-nav button,
#photoDialog .gallery-modal-footer .lightbox-nav button{
 flex:0 0 44px;width:44px;height:44px;
 display:grid;place-items:center;
 background:#EAF4F1F2;color:#0F5660;
 border:1px solid #6BA7A2;border-radius:50%;
 box-shadow:0 3px 12px #102F3540;pointer-events:auto
}
#serviceDialog .service-modal-controls>span,
#technologyDialog .technology-modal-controls>span,
#reviewDialog .review-dialog-controls>span,
#teamDialog .team-modal-controls>span,
#infoDialog .info-dialog-nav>span,
#photoDialog .gallery-modal-footer .lightbox-nav>span{
 position:absolute;top:28px;left:50%;transform:translateX(-50%);
 min-width:0;padding:3px 6px;border-radius:8px;
 background:#EAF4F1E8;color:#245660;
 font-size:11px;text-align:center;pointer-events:none
}
#serviceDialog .service-dialog-scroll,
#technologyDialog .technology-dialog-scroll,
#reviewDialog .review-dialog-scroll,
#infoDialog .info-dialog-scroll,
#teamDialog .team-dialog-viewport{
 min-height:0;flex:1 1 auto;overflow-y:auto;overflow-x:hidden;
 overscroll-behavior:contain;padding-left:55px;padding-right:55px
}
#reviewDialog .review-dialog-scroll{background:#E4F0ED}
#photoDialog .gallery-modal-stage{
 flex:1 1 auto;min-height:0;padding:12px 56px;
 overflow:hidden
}
#photoDialog .gallery-modal-footer{
 position:relative;flex:0 0 52px;min-height:52px;
 padding:7px 16px;justify-content:center
}
#photoDialog .gallery-modal-caption{
 width:100%;flex:1 1 auto;text-align:center
}
#photoDialog .gallery-modal-footer .lightbox-nav{
 position:fixed;top:50%;left:9px;right:9px;
 transform:translateY(-50%);width:auto
}
@media(max-width:620px){
 #serviceDialog,#teamDialog,#infoDialog,#technologyDialog,#reviewDialog,#photoDialog{
  width:calc(100vw - 26px);max-width:calc(100vw - 26px);
  height:min(570px,calc(100dvh - 68px));
  max-height:calc(100dvh - 68px);
  border-radius:14px
 }
 #serviceDialog .service-modal-controls,
 #technologyDialog .technology-modal-controls,
 #reviewDialog .review-dialog-controls,
 #teamDialog .team-modal-controls,
 #infoDialog .info-dialog-nav,
 #photoDialog .gallery-modal-footer .lightbox-nav{
  left:4px;right:4px
 }
 #serviceDialog .service-modal-controls button,
 #technologyDialog .technology-modal-controls button,
 #reviewDialog .review-dialog-controls button,
 #teamDialog .team-modal-controls button,
 #infoDialog .info-dialog-nav button,
 #photoDialog .gallery-modal-footer .lightbox-nav button{
  flex-basis:39px;width:39px;height:44px;border-radius:13px
 }
 #serviceDialog .service-dialog-scroll,
 #technologyDialog .technology-dialog-scroll,
 #reviewDialog .review-dialog-scroll,
 #teamDialog .team-dialog-viewport,
 #infoDialog .info-dialog-scroll{
  padding-left:39px;padding-right:39px
 }
 #photoDialog .gallery-modal-stage{padding:10px 40px}
 #photoDialog .gallery-modal-footer{
  flex-basis:50px;min-height:50px;padding:6px 12px
 }
 #photoDialog .gallery-modal-caption strong{font-size:12px}
 #photoDialog .gallery-modal-footer .lightbox-nav{
  position:fixed;top:50%;left:4px;right:4px
 }
}
@media(max-height:550px){
 #serviceDialog,#teamDialog,#infoDialog,#technologyDialog,#reviewDialog,#photoDialog{
  height:calc(100dvh - 22px);max-height:calc(100dvh - 22px)
 }
}

/* Indicator separat de text/imagini și săgeți, la baza dialogului. */
#serviceDialog .modal-bottom-counter,#teamDialog .modal-bottom-counter,
#infoDialog .modal-bottom-counter,#technologyDialog .modal-bottom-counter,
#reviewDialog .modal-bottom-counter,#photoDialog .modal-bottom-counter{
 position:absolute;left:50%;bottom:8px;top:auto;right:auto;
 transform:translateX(-50%);z-index:6;
 display:block;min-width:49px;max-width:calc(100% - 110px);
 text-align:center;border-radius:12px;
 background:#D7EBE7;color:#14545C;
 padding:5px 10px;font-size:12px;line-height:1.3;
 font-weight:750;pointer-events:none
}
#serviceDialog .service-dialog-scroll,#technologyDialog .technology-dialog-scroll,
#reviewDialog .review-dialog-scroll,#infoDialog .info-dialog-scroll,
#teamDialog .team-dialog-viewport{
 padding-bottom:43px
}
#photoDialog .gallery-modal-footer{padding-bottom:10px}
@media(max-width:620px){
 #serviceDialog .modal-bottom-counter,#teamDialog .modal-bottom-counter,
 #infoDialog .modal-bottom-counter,#technologyDialog .modal-bottom-counter,
 #reviewDialog .modal-bottom-counter,#photoDialog .modal-bottom-counter{
  bottom:6px;padding:4px 9px;font-size:11px
 }
}