/* ===========================================================================
   ANTETUL MOBIL + SERTARUL DE MENIU
   Pereche cu mu-plugins/diagpro-antet-mobil.php. Prefix de clase: .dpa-
   Machete: design/mobil/Mobil Meniu.dc.html + antetele din Homepage A/B,
            Produs, Categorie, Coș, Blog, Contact, Despre, Checkout.

   ⚠️ Prefixul e `.dpa-`, NU `.dpm-`: `.dpm-` e folosit deja de DOUĂ componente
      diferite — fundația mobilă (css/mobil.css) și mega meniul (css/megamenu.css).
      Un al treilea folosire ar fi fost o coliziune care se vede abia în producție.

   ⛔ Fișier al agentului ANTET. Tot ce e aici stă sub `@media (max-width: 767px)`,
      cu o singură excepție: elementele proprii sunt `display:none` din start,
      ca să nu apară nici o clipă pe desktop.
   =========================================================================== */

/* Antetul și sertarul EXISTĂ în HTML pe orice ecran (marcajul e același pentru
   toată lumea, cache-ul de pagină nu știe lățimea ecranului) — dar se văd numai
   pe telefon. */
.dpa-antet,
.dpa-sertar,
.dpa-voal { display: none; }

@media (max-width: 767px) {

	/* =======================================================================
	   0. ANTETUL TEMEI SE STINGE
	   Blocksy livrează pe mobil un logo mare + hamburger, iar deasupra lui stă
	   banda noastră de linkuri. Machetele cer altă structură (titlu de pagină,
	   buton „înapoi") — deci nu se aranjează, se înlocuiește.
	   ⚠️ Odată cu `#header` dispar și butoanele Blocksy `[data-toggle-panel]`;
	      bara de jos e mutată pe sertarul nostru din JS.
	   ======================================================================= */

	.dp-topbar,
	#header.ct-header { display: none !important; }

	/* =======================================================================
	   1. ANTETUL — trunchiul comun
	   ======================================================================= */

	.dpa-antet {
		display: block;
		position: relative;
		z-index: 50;
		background: #FFFFFF;
	}

	.dpa-cap {
		display: flex;
		align-items: center;
		gap: 10px;
	}

	/* zonele de atins: 44×44 peste tot, ca în machetă */
	.dpa-icon {
		display: flex;
		align-items: center;
		justify-content: center;
		min-width: 44px;
		min-height: 44px;
		padding: 0;
		border: 0;
		background: none;
		color: #33415C;
		text-decoration: none;
		cursor: pointer;
		-webkit-tap-highlight-color: transparent;
		touch-action: manipulation;
	}
	.dpa-icon svg { display: block; }

	/* sigla: „diagnoza" + pastila „PRO" (aceeași formă ca fișierul de logo) */
	.dpa-logo {
		display: flex;
		align-items: center;
		gap: 5px;
		text-decoration: none;
		line-height: 1;
		/* zona de atins 44px, dar fără să umfle rândul: marginile negative o lasă
		   să iasă peste antet (sigla e înaltă de 21px în machetă) */
		min-height: 44px;
		margin-block: -11.5px;
	}
	.dpa-logo-1 {
		font-size: 21px;
		font-weight: 800;
		color: var(--dp-navy, #16233D);
		letter-spacing: -0.4px;
	}
	.dpa-logo-2 {
		background: var(--dp-blue, #2A5FB7);
		color: #FFFFFF;
		font-weight: 800;
		font-size: 15px;
		padding: 2px 8px;
		border-radius: 7px;
		letter-spacing: 0.5px;
	}
	.dpa-logo-alb .dpa-logo-1 { color: #FFFFFF; }

	/* =======================================================================
	   2. ANTETUL DE PE PRIMA PAGINĂ
	   Machetă: header padding:14px 16px 12px; gap dreapta 14px;
	            rând de căutare padding:0 16px 14px
	   ======================================================================= */

	.dpa-cap-acasa {
		justify-content: space-between;
		padding: 14px 16px 12px;
	}
	.dpa-cap-dr { display: flex; align-items: center; gap: 14px; }
	/* În machetă pictogramele astea sunt doar 22×22 — sub minimul de 44px cerut de
	   brief. Zona de atins rămâne 44×44, dar marginile negative o lasă să iasă peste
	   antet, ca ÎNĂLȚIMEA rândului să rămână cea din machetă (14 + 22 + 12 = 48px). */
	.dpa-cap-dr .dpa-icon { margin: -11px; }

	.dpa-cauta { display: flex; margin: 0; }
	.dpa-cauta input[type="search"] {
		flex: 1 1 auto;
		min-width: 0;
		font-family: inherit;
		outline: none;
		-webkit-appearance: none;
		appearance: none;
		/* ⚠️ Blocksy fixează TOATE câmpurile la `height: var(--theme-form-field-height, 40px)`.
		   Cu 40px, cei 15px de spațiu interior din machetă n-au unde încăpea, iar rândul de
		   căutare iese cu 7px mai scund. Înălțimea o dă spațiul interior, nu o constantă. */
		height: auto;
		/* tema pune și line-height 1.65 pe câmpuri; la 16px ar da un rând de 26px */
		line-height: 1.2;
	}
	.dpa-cauta button {
		flex: 0 0 auto;
		display: flex;
		align-items: center;
		justify-content: center;
		border: none;
		cursor: pointer;
		font-family: inherit;
		background: var(--dp-blue, #2A5FB7);
		color: #FFFFFF;
		/* ⚠️ tema fixează butoanele la min-height 40px; aici înălțimea o dă câmpul,
		   altfel butonul strivește input-ul la 40px și machetele nu mai ies */
		min-height: 0;
		height: auto;
		align-self: stretch;
	}

	.dpa-cauta-antet { padding: 0 16px 14px; }
	.dpa-cauta-antet input[type="search"] {
		border: 1.5px solid #CDD6E4;
		border-right: none;
		padding: 12px 14px;
		border-radius: 10px 0 0 10px;
		background: var(--dp-bg-softer, #FBFCFE);
		/* ⚠️ 16px, nu 14px ca în machetă: sub 16px, Safari pe iPhone mărește
		   pagina la atingerea câmpului ȘI NU O MAI MICȘOREAZĂ la ieșire. */
		font-size: 16px;
		color: var(--dp-navy, #16233D);
	}
	.dpa-cauta-antet input[type="search"]::placeholder { color: #93A0B4; font-size: 14px; }
	.dpa-cauta-antet button {
		padding: 0 18px;
		border-radius: 0 10px 10px 0;
		font-weight: 700;
		font-size: 14px;
	}

	/* =======================================================================
	   3. ANTETUL COMPACT (paginile interioare)
	   Machetă: padding:14px 16px 12px; border-bottom:1px solid #edf1f7
	   ======================================================================= */

	.dpa-cap-compact {
		padding: 14px 16px 12px;
		border-bottom: 1px solid #EDF1F7;
	}
	/* Machetă: săgeata e lipită de marginea de 16px (flex-start), pictograma din dreapta
	   de marginea opusă (flex-end). Cutia rămâne 44×44 — doar conținutul ei se aliniază. */
	.dpa-cap-compact .dpa-inapoi { justify-content: flex-start; }
	.dpa-cap-compact > .dpa-icon:last-child { justify-content: flex-end; }

	.dpa-text { flex: 1 1 auto; min-width: 0; }
	/* pe arhive elementul e <h1>, în rest <div> — arată la fel, dar tema dă marjă și altă
	   familie de font titlurilor, deci le anulăm explicit */
	h1.dpa-titlu { margin: 0; font-family: inherit; }
	.dpa-titlu {
		font-size: 18px;
		font-weight: 800;
		color: var(--dp-navy, #16233D);
		letter-spacing: -0.3px;
		line-height: 1.2;
		overflow-wrap: anywhere;
	}
	.dpa-titlu .dpa-cos-n { color: #8B97A8; font-weight: 700; font-size: 14px; }
	.dpa-subtitlu {
		margin-top: 1px;
		font-size: 11.5px;
		line-height: 1.35;
		color: var(--dp-text-faint, #8B97A8);
	}
	.dpa-subtitlu .dpa-of { color: var(--dp-red, #C24A3F); font-weight: 800; }

	/* macheta „Mobil Categorie" scrie titlul cu 17px (numele categoriilor sunt lungi) */
	.dpa-antet[data-tip="categorie"] .dpa-titlu { font-size: 17px; }

	/* ---- pagina de produs: săgeată · categoria · coș (machetă: padding 10px 16px) ---- */
	.dpa-cap-eticheta {
		justify-content: space-between;
		padding: 10px 16px;
	}
	/* singura machetă cu antet lipit de marginea de sus e „Mobil Produs" — acolo bara
	   ține la îndemână și „înapoi la categorie", și coșul, pe o pagină de 15.000px */
	.dpa-antet[data-tip="produs"] { position: sticky; top: 0; }

	/* ⛔ CAPCANĂ (aici NU e nimic de făcut — e reparată la sursă, în css/mobil.css §5):
	   `overflow-x: hidden` pe <body> face din corp un container de derulare propriu, iar
	   `position: sticky` nu mai are de ce se lipi — antetul de produs rămânea la −1151px,
	   în afara ecranului. Fundația folosește acum `overflow-x: clip` (care taie la fel, dar
	   nu creează container), cu `hidden` pe <html> ca rezervă pentru browserele vechi.
	   ⚠️ Dacă lipirea se strică din nou, prima suspectă e regula aia, nu fișierul de față. */
	.dpa-eticheta {
		flex: 1 1 auto;
		min-width: 0;
		text-align: center;
		font-size: 12px;
		font-weight: 700;
		color: var(--dp-text-faint, #8B97A8);
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	/* insigna coșului — machetă: top:4px; right:-6px; 15×15; 9px/800 */
	.dpa-cos { position: relative; }
	.dpa-badge-cos {
		position: absolute;
		top: 4px;
		right: 0;
		min-width: 15px;
		height: 15px;
		padding: 0 3px;
		border-radius: 999px;
		background: var(--dp-red, #C24A3F);
		color: #FFFFFF;
		font-size: 9px;
		font-weight: 800;
		line-height: 15px;
		text-align: center;
	}
	.dpa-badge-cos[hidden] { display: none; }

	.dpa-lacat { color: #33415C; cursor: default; }

	/* =======================================================================
	   4. SERTARUL DE MENIU
	   Machetă „Mobil Meniu": ecran întreg, capul bleumarin #16233D, restul alb.
	   ======================================================================= */

	.dpa-voal {
		display: block;
		position: fixed;
		inset: 0;
		z-index: 99;
		background: rgba(19, 26, 38, 0.5);
		opacity: 0;
		transition: opacity 0.2s ease;
	}
	.dpa-voal.dpa-deschis { opacity: 1; }
	.dpa-voal[hidden] { display: none; }

	.dpa-sertar {
		display: flex;
		flex-direction: column;
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		/* pe telefoanele din machetă (360–430px) acoperă tot ecranul; mai sus rămâne
		   o fâșie de voal, ca sertarul să se poată închide și cu un deget în lateral */
		width: min(100%, 430px);
		z-index: 100;
		background: #FFFFFF;
		overflow-y: auto;
		overscroll-behavior: contain;
		-webkit-overflow-scrolling: touch;
		transform: translateX(100%);
		transition: transform 0.24s cubic-bezier(0.2, 0.8, 0.2, 1);
	}
	.dpa-sertar.dpa-deschis { transform: translateX(0); }
	.dpa-sertar[hidden] { display: none; }

	/* ⚠️ CELE DOUĂ REGULI DE MAI JOS ATING COMPONENTE DIN css/mobil.css (bara de jos și bara
	   de acțiune). Comportamentul pe care îl vor, ca să poată fi mutate la consolidare:
	     1. `.dpm-nav { z-index: 101 }` — în macheta „Mobil Meniu", bara de jos se vede PESTE
	        sertar (Categorii rămâne aprins, Coșul rămâne la un deget). Sertarul e la z-index 100,
	        deci fără regula asta bara de 60 ar dispărea sub el.
	     2. `.dpm-bara { display: none }` — bara de acțiune lipită jos („Adaugă în coș",
	        „Finalizează comanda") aparține paginii de dedesubt. Cu meniul deschis, un buton de
	        cumpărare care plutește peste el e o capcană de atins din greșeală.
	   Amândouă se aplică DOAR cât timp sertarul e deschis (`body.dpa-blocat`). */
	/* ⚠️ Blocarea derulării se cere ȘI de la <html>: de când fundația folosește
	   `overflow-x: clip` (mobil.css §5), corpul nu mai e container de derulare, deci un
	   `overflow: hidden` pus doar pe el nu mai oprește nimic. Clasa e pusă din JS pe ambele,
	   iar `:has()` e doar plasa de siguranță pentru cazul în care JS-ul o pune doar pe body. */
	html.dpa-blocat,
	html:has(body.dpa-blocat) { overflow: hidden; }
	body.dpa-blocat { overflow: hidden; }
	body.dpa-blocat .dpm-nav { z-index: 101; }
	body.dpa-blocat .dpm-bara { display: none; }
	body.dpm-are-nav .dpa-sertar { padding-bottom: var(--dpm-nav-total, 65px); }

	/* ---- capul bleumarin (machetă: padding 16px 16px 20px) ---- */
	.dpa-sertar-sus {
		flex: 0 0 auto;
		background: var(--dp-navy, #16233D);
		padding: 16px 16px 20px;
	}
	.dpa-sertar-cap { display: flex; align-items: center; justify-content: space-between; }
	.dpa-sertar-cap .dpa-inchide {
		color: #FFFFFF;
		font-size: 19px;
		line-height: 1;
		justify-content: flex-end;
	}

	/* căutarea din sertar (machetă: margin-top 14px, umbră adâncă, radius 12) */
	.dpa-cauta-sertar {
		margin-top: 14px;
		border-radius: 12px;
		box-shadow: 0 10px 26px rgba(0, 0, 0, 0.25);
	}
	.dpa-cauta-sertar input[type="search"] {
		border: none;
		padding: 15px 16px;
		border-radius: 12px 0 0 12px;
		background: #FFFFFF;
		color: var(--dp-navy, #16233D);
		/* vezi nota de la antet: 16px ca iPhone-ul să nu mărească pagina */
		font-size: 16px;
	}
	.dpa-cauta-sertar input[type="search"]::placeholder { color: #93A0B4; font-size: 14.5px; }
	.dpa-cauta-sertar button { padding: 0 18px; border-radius: 0 12px 12px 0; }

	/* pastilele de mărci (machetă: rândul „CĂUTĂRI FRECVENTE") */
	.dpa-marci {
		display: flex;
		align-items: center;
		gap: 7px;
		margin-top: 12px;
		flex-wrap: wrap;
	}
	.dpa-marci-et {
		font-family: 'Space Grotesk', sans-serif;
		font-size: 10.5px;
		letter-spacing: 1px;
		color: #8FA7D8;
	}
	.dpa-marca {
		display: inline-flex;
		align-items: center;
		/* macheta dă 29px înălțime; 36px e minimul folosit de pastilele din restul
		   site-ului (.dpm-chip) — sub atât nu se nimeresc cu degetul */
		min-height: 36px;
		font-size: 11.5px;
		font-weight: 700;
		color: #FFFFFF;
		border: 1px solid rgba(255, 255, 255, 0.3);
		border-radius: 999px;
		padding: 5px 11px;
		text-decoration: none;
		white-space: nowrap;
	}
	.dpa-marca:hover,
	.dpa-marca:focus-visible { border-color: #FFFFFF; color: #FFFFFF; }

	/* ---- zona albă ---- */
	.dpa-sertar-jos { flex: 1 0 auto; }
	.dpa-sectiune { padding: 18px 16px 0; }
	.dpa-h2 {
		margin: 0;
		font-size: 17px;
		font-weight: 800;
		color: var(--dp-navy, #16233D);
		letter-spacing: -0.3px;
	}

	/* lista de categorii (machetă: rând 15px 2px, miniatură 42×42, chevron #9aa6b6) */
	.dpa-categorii { display: flex; flex-direction: column; }
	.dpa-cat-rand { position: relative; }

	.dpa-cat-link {
		display: flex;
		align-items: center;
		gap: 12px;
		padding: 15px 2px;
		min-height: 44px;
		border-bottom: 1px solid #EDF1F7;
		color: var(--dp-navy, #16233D);
		text-decoration: none;
	}
	.dpa-cat-cu-copii .dpa-cat-link { padding-right: 44px; }

	.dpa-cat-foto {
		width: 42px;
		height: 42px;
		flex-shrink: 0;
		border-radius: 9px;
		overflow: hidden;
		background: #EDF1F7;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.dpa-cat-foto img { width: 100%; height: 100%; object-fit: cover; display: block; }
	/* categoria fără imagine primește un pătrat sobru, nu o poză împrumutată */
	.dpa-cat-fara { display: flex; color: #9AA6B6; }

	.dpa-cat-txt { flex: 1 1 auto; min-width: 0; }
	.dpa-cat-nume { display: block; font-size: 15.5px; font-weight: 700; line-height: 1.25; }
	.dpa-cat-nr { display: block; margin-top: 1px; font-size: 11.5px; color: var(--dp-text-faint, #8B97A8); }

	.dpa-chevron { color: #9AA6B6; font-size: 17px; line-height: 1; flex: 0 0 auto; }

	/* chevronul care deschide al doilea nivel: buton adevărat, 44×44, peste rând */
	.dpa-chevron-buton {
		position: absolute;
		top: 0;
		/* lipit de capătul rândului, ca semnul să cadă exact unde cade și la categoriile
		   fără copii (acolo e un simplu <span> la coada rândului) */
		right: 0;
		height: calc(100% - 1px);
		width: 44px;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		border: 0;
		background: none;
		cursor: pointer;
		-webkit-tap-highlight-color: transparent;
	}
	.dpa-chevron-buton > span { display: inline-block; transition: transform 0.18s ease; }
	.dpa-chevron-buton[aria-expanded="true"] { color: var(--dp-blue, #2A5FB7); }
	.dpa-chevron-buton[aria-expanded="true"] > span { transform: rotate(90deg); }

	.dpa-sub {
		list-style: none;
		margin: 0;
		padding: 4px 0 8px 54px;   /* aliniat sub textul categoriei (42 + 12 gap) */
		background: #FBFCFE;
		border-bottom: 1px solid #EDF1F7;
	}
	.dpa-sub[hidden] { display: none; }
	.dpa-sub li { margin: 0; }
	.dpa-sub a {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 10px;
		min-height: 44px;
		padding: 10px 16px 10px 0;
		font-size: 13.5px;
		font-weight: 600;
		line-height: 1.3;
		color: #33415C;
		text-decoration: none;
	}
	.dpa-sub li + li a { box-shadow: inset 0 1px 0 #EDF1F7; }
	.dpa-sub-nr {
		flex: 0 0 auto;
		font-family: 'Space Grotesk', sans-serif;
		font-size: 11px;
		color: #9AA6B6;
	}

	/* cele două butoane mari (machetă: grid 1fr 1fr, gap 10, radius 12) */
	.dpa-butoane { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
	.dpa-buton {
		display: flex;
		align-items: center;
		gap: 10px;
		min-height: 44px;
		padding: 13px 14px;
		border: 1px solid var(--dp-border, #E3E8F0);
		border-radius: 12px;
		color: var(--dp-navy, #16233D);
		font-weight: 800;
		font-size: 13.5px;
		line-height: 1.2;
		text-decoration: none;
	}
	.dpa-buton svg { flex: 0 0 auto; }
	.dpa-buton:hover,
	.dpa-buton:focus-visible { border-color: var(--dp-blue, #2A5FB7); color: var(--dp-blue, #2A5FB7); }

	/* linkurile simple (machetă: 13px 2px, 14px/700, #33415c) */
	.dpa-linkuri { display: flex; flex-direction: column; margin-top: 6px; }
	.dpa-linkuri a {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 10px;
		min-height: 44px;
		padding: 13px 2px;
		border-bottom: 1px solid #EDF1F7;
		color: #33415C;
		font-size: 14px;
		font-weight: 700;
		text-decoration: none;
	}
	.dpa-linkuri a > span:first-child { display: flex; align-items: center; gap: 8px; }
	.dpa-nr-rosu {
		background: var(--dp-red, #C24A3F);
		color: #FFFFFF;
		font-size: 10.5px;
		font-weight: 800;
		border-radius: 999px;
		padding: 2px 8px;
		line-height: 1.4;
	}

	/* cardul de ajutor (machetă: navy, radius 16, padding 20px 18px) */
	.dpa-sectiune-ajutor { padding: 20px 16px 28px; }
	.dpa-ajutor {
		background: var(--dp-navy, #16233D);
		border-radius: 16px;
		padding: 20px 18px;
	}
	.dpa-ajutor h2 {
		margin: 0 0 6px;
		color: #FFFFFF;
		font-size: 18px;
		font-weight: 800;
		line-height: 1.25;
	}
	.dpa-ajutor p {
		margin: 0 0 12px;
		color: #B8C4D8;
		font-size: 13px;
		line-height: 1.5;
	}
	.dpa-ajutor-btn { display: flex; flex-direction: column; gap: 9px; }

	/* Macheta pune aici verdele WhatsApp. Canalul nostru e chatul propriu, iar verdele
	   ar promite exact aplicația de pe care am plecat — deci butonul principal e albastrul
	   de acțiune al site-ului. Forma, mărimile și ordinea rămân cele din machetă. */
	.dpa-ajutor-chat {
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: 44px;
		background: var(--dp-blue, #2A5FB7);
		color: #FFFFFF !important;
		font-weight: 700;
		font-size: 14px;
		padding: 13px 0;
		border-radius: 10px;
		text-align: center;
		text-decoration: none;
	}
	.dpa-ajutor-tel {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		min-height: 44px;
		border: 1.5px solid rgba(255, 255, 255, 0.35);
		color: #FFFFFF !important;
		font-weight: 700;
		font-size: 14px;
		padding: 12px 0;
		border-radius: 10px;
		text-decoration: none;
	}
	.dpa-ajutor-tel:hover,
	.dpa-ajutor-tel:focus-visible { border-color: #FFFFFF; }
	.dpa-ajutor-tel svg { flex: 0 0 auto; }

	/* focus vizibil, altfel navigarea la tastatură prin sertar e pe ghicite */
	.dpa-sertar a:focus-visible,
	.dpa-sertar button:focus-visible,
	.dpa-antet a:focus-visible,
	.dpa-antet button:focus-visible {
		outline: 2px solid var(--dp-blue, #2A5FB7);
		outline-offset: 2px;
		border-radius: 4px;
	}
	.dpa-sertar-sus a:focus-visible,
	.dpa-sertar-sus button:focus-visible { outline-color: #FFFFFF; }

	/* =====================================================================
	   CAPUL DE PAGINĂ DIN CORP, PE ARHIVE — se ascunde pe telefon
	   =====================================================================
	   Machetele „Mobil Categorie" și „Mobil Blog" NU au titlu în corp: numele
	   arhivei stă o singură dată, în bara de sus, iar sub ea începe direct
	   conținutul (filtrele, respectiv pastilele de categorie).

	   ⭐ Regula stă AICI, nu în categorie.css / blog.css, pentru că e perechea
	   antetului: ce se ascunde aici depinde de ce afișează bara de sus. Ținute
	   în fișiere diferite, s-ar despărți la prima modificare a antetului.

	   ⛔ Se ascunde, NU se scoate din pagină: `h1`-ul din corp rămâne singurul
	   H1 al paginii (antetul e `<div>` — vezi diagpro-antet-mobil.php), deci
	   robotul găsește exact un H1, cu exact textul care se vede în bară.
	   Pe desktop capul se afișează normal.

	   ⚠️ Descrierea arhivei NU se ascunde — e text indexabil scris de noi, nu
	   o repetare a titlului. */
	body.dpk-arhiva .dpk-cap,          /* categorie de produse + /magazin/ */
	body.blog .dp-blog-head > h1,      /* arhiva blogului — descrierea și pastilele rămân */
	body.blog [class*="dp-blog-crumb"],
	body.search .entry-header,         /* rezultate de căutare (capul implicit Blocksy) */
	body.archive .entry-header { display: none; }
}

/* Peste 767px nimic din antetul mobil nu are voie să lase urme (spațiu gol,
   element ascuns care mai ocupă o linie). */
@media (min-width: 768px) {
	.dpa-antet, .dpa-sertar, .dpa-voal { display: none !important; }
	body.dpa-blocat { overflow: visible; }
}