/* =============================================================
   EURODIDACTICA — CSS pentru modulele paginii principale
   (Ofertă specială, Produse noi, Proiecte, Cataloage, Contact)

   Fișier separat, de lipit în secțiunea de CSS custom / global
   a E-Media SHOP. HTML-ul fiecărui modul nu mai conține <style>
   — folosește doar clasele definite aici.

   Clase scopate pe modul, fără coliziuni:
     edo-   Ofertă specială
     edn-   Produse noi
     edp-   Proiecte care ne reprezintă
     edc-   Cataloage
     edct-  Contact

   Lățime zonă conținut: 940px.
   ============================================================= */

/* ---------------------------------------------------------------
   MODUL 1: OFERTĂ SPECIALĂ
   --------------------------------------------------------------- */
.edo-section { padding: 56px 16px; background: #f2ece4; }
.edo-inner { max-width: 940px; margin: 0 auto; }
.edo-head { text-align: center; max-width: 620px; margin: 0 auto 32px; }
.edo-eyebrow { display: inline-block; font-size: 13px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: #a8623f; background: #f0dfd2; padding: 5px 14px; border-radius: 999px; margin-bottom: 12px; font-family: Arial, sans-serif; }
.edo-title { font-family: 'Poppins', Arial, sans-serif; font-size: 28px; font-weight: 600; margin: 0 0 8px; color: #2e2a26; }
.edo-subtitle { font-size: 14.5px; color: #7a7168; margin: 0; font-family: Arial, sans-serif; }
.edo-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 32px; }
.edo-card { background: #ffffff; border-radius: 14px; overflow: hidden; box-shadow: 0 6px 20px rgba(60,45,30,0.08); }
.edo-media { position: relative; width: 100%; padding-top: 75%; background: #ece5db; overflow: hidden; }
.edo-media img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.edo-badge { position: absolute; top: 10px; left: 10px; font-size: 12px; font-weight: 700; padding: 4px 10px; border-radius: 999px; color: #fff; background: #a8623f; font-family: Arial, sans-serif; z-index: 2; }
.edo-body { padding: 14px; }
.edo-name { font-family: 'Poppins', Arial, sans-serif; font-size: 14px; font-weight: 600; margin: 0 0 10px; color: #2e2a26; min-height: 36px; }
.edo-price-old { font-size: 12.5px; color: #7a7168; text-decoration: line-through; margin-right: 6px; font-family: Arial, sans-serif; }
.edo-price-new { font-size: 16px; font-weight: 700; color: #a8623f; font-family: Arial, sans-serif; }
.edo-row { margin-bottom: 12px; }
.edo-btn { display: block; text-align: center; background: #c17a54; color: #ffffff !important; font-weight: 600; font-size: 12.5px; padding: 9px 12px; border-radius: 10px; text-decoration: none; font-family: Arial, sans-serif; }
.edo-btn:hover { background: #a8623f; }
@media (max-width: 700px) { .edo-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 420px) { .edo-grid { grid-template-columns: 1fr; } }

/* ---------------------------------------------------------------
   MODUL 2: PRODUSE NOI
   --------------------------------------------------------------- */
.edn-section { padding: 56px 16px; background: #faf8f5; }
.edn-inner { max-width: 940px; margin: 0 auto; }
.edn-head { text-align: center; max-width: 620px; margin: 0 auto 32px; }
.edn-eyebrow { display: inline-block; font-size: 13px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: #a8623f; background: #f0dfd2; padding: 5px 14px; border-radius: 999px; margin-bottom: 12px; font-family: Arial, sans-serif; }
.edn-title { font-family: 'Poppins', Arial, sans-serif; font-size: 28px; font-weight: 600; margin: 0 0 8px; color: #2e2a26; }
.edn-subtitle { font-size: 14.5px; color: #7a7168; margin: 0; font-family: Arial, sans-serif; }
.edn-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 32px; }
.edn-card { background: #ffffff; border-radius: 14px; overflow: hidden; box-shadow: 0 6px 20px rgba(60,45,30,0.08); }
.edn-media { position: relative; width: 100%; padding-top: 75%; background: #ece5db; overflow: hidden; }
.edn-media img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.edn-badge { position: absolute; top: 10px; left: 10px; font-size: 12px; font-weight: 700; padding: 4px 10px; border-radius: 999px; color: #fff; background: #6f8f6a; font-family: Arial, sans-serif; z-index: 2; }
.edn-body { padding: 14px; }
.edn-name { font-family: 'Poppins', Arial, sans-serif; font-size: 14px; font-weight: 600; margin: 0 0 10px; color: #2e2a26; min-height: 36px; }
.edn-price { font-size: 16px; font-weight: 700; color: #a8623f; font-family: Arial, sans-serif; }
.edn-row { margin-bottom: 12px; }
.edn-btn { display: block; text-align: center; background: #c17a54; color: #ffffff !important; font-weight: 600; font-size: 12.5px; padding: 9px 12px; border-radius: 10px; text-decoration: none; font-family: Arial, sans-serif; }
.edn-btn:hover { background: #a8623f; }
@media (max-width: 700px) { .edn-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 420px) { .edn-grid { grid-template-columns: 1fr; } }

/* ---------------------------------------------------------------
   MODUL 3: PROIECTE CARE NE REPREZINTĂ
   --------------------------------------------------------------- */
.edp-section { padding: 56px 16px; background: #f2ece4; }
.edp-inner { max-width: 940px; margin: 0 auto; }
.edp-head { text-align: center; max-width: 620px; margin: 0 auto 28px; }
.edp-eyebrow { display: inline-block; font-size: 13px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: #a8623f; background: #f0dfd2; padding: 5px 14px; border-radius: 999px; margin-bottom: 12px; font-family: Arial, sans-serif; }
.edp-title { font-family: 'Poppins', Arial, sans-serif; font-size: 28px; font-weight: 600; margin: 0 0 8px; color: #2e2a26; }
.edp-subtitle { font-size: 14.5px; color: #7a7168; margin: 0; font-family: Arial, sans-serif; }
.edp-cover { position: relative; border-radius: 18px; overflow: hidden; box-shadow: 0 6px 20px rgba(60,45,30,0.08); width: 100%; padding-top: 40%; background: #ece5db; margin-bottom: 20px; }
.edp-cover img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.edp-cover-overlay { position: absolute; left: 0; right: 0; bottom: 0; padding: 22px; background: linear-gradient(180deg, rgba(46,42,38,0) 20%, rgba(46,42,38,0.72) 100%); }
.edp-cover-overlay p { font-family: 'Poppins', Arial, sans-serif; color: #fff; font-size: 17px; font-weight: 600; margin: 0 0 10px; max-width: 480px; }
.edp-cover-btn { display: inline-block; background: #ffffff; color: #2e2a26 !important; font-weight: 600; font-size: 12.5px; padding: 8px 16px; border-radius: 10px; text-decoration: none; font-family: Arial, sans-serif; }
.edp-cover-btn:hover { background: #f0dfd2; }
.edp-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.edp-project { position: relative; border-radius: 14px; overflow: hidden; box-shadow: 0 6px 20px rgba(60,45,30,0.08); width: 100%; padding-top: 100%; background: #ece5db; }
.edp-project img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.edp-project-name { position: absolute; left: 0; right: 0; bottom: 0; padding: 10px 12px; font-size: 12px; font-weight: 600; color: #fff; font-family: Arial, sans-serif; background: linear-gradient(180deg, rgba(46,42,38,0) 0%, rgba(46,42,38,0.78) 85%); }
@media (max-width: 700px) { .edp-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 420px) { .edp-grid { grid-template-columns: 1fr; } .edp-cover { padding-top: 65%; } }

/* ---------------------------------------------------------------
   MODUL 4: CATALOAGE
   --------------------------------------------------------------- */
.edc-section { padding: 56px 16px; background: #faf8f5; }
.edc-inner { max-width: 940px; margin: 0 auto; }
.edc-head { text-align: center; max-width: 620px; margin: 0 auto 32px; }
.edc-eyebrow { display: inline-block; font-size: 13px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: #a8623f; background: #f0dfd2; padding: 5px 14px; border-radius: 999px; margin-bottom: 12px; font-family: Arial, sans-serif; }
.edc-title { font-family: 'Poppins', Arial, sans-serif; font-size: 28px; font-weight: 600; margin: 0 0 8px; color: #2e2a26; }
.edc-subtitle { font-size: 14.5px; color: #7a7168; margin: 0; font-family: Arial, sans-serif; }
.edc-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 32px; }
.edc-card { background: #ffffff; border-radius: 14px; box-shadow: 0 6px 20px rgba(60,45,30,0.08); padding: 14px; text-align: center; }
.edc-cover { position: relative; width: 100%; padding-top: 133%; border-radius: 10px; overflow: hidden; background: #ece5db; box-shadow: 0 3px 10px rgba(0,0,0,0.08); margin-bottom: 12px; }
.edc-cover img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.edc-name { font-family: 'Poppins', Arial, sans-serif; font-size: 13.5px; font-weight: 600; margin: 0 0 12px; color: #2e2a26; min-height: 36px; }
.edc-btn { display: block; text-align: center; background: transparent; color: #a8623f !important; font-weight: 600; font-size: 12.5px; padding: 8px 12px; border-radius: 10px; text-decoration: none; font-family: Arial, sans-serif; border: 1.5px solid #c17a54; }
.edc-btn:hover { background: #f0dfd2; }
@media (max-width: 700px) { .edc-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 420px) { .edc-grid { grid-template-columns: 1fr; } }

/* ---------------------------------------------------------------
   MODUL 5: CONTACT
   --------------------------------------------------------------- */
.edct-section { padding: 56px 16px; background: #f2ece4; }
.edct-inner { max-width: 940px; margin: 0 auto; }
.edct-head { text-align: center; max-width: 620px; margin: 0 auto 32px; }
.edct-eyebrow { display: inline-block; font-size: 13px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: #a8623f; background: #f0dfd2; padding: 5px 14px; border-radius: 999px; margin-bottom: 12px; font-family: Arial, sans-serif; }
.edct-title { font-family: 'Poppins', Arial, sans-serif; font-size: 28px; font-weight: 600; margin: 0 0 8px; color: #2e2a26; }
.edct-subtitle { font-size: 14.5px; color: #7a7168; margin: 0; font-family: Arial, sans-serif; }
.edct-box { display: grid; grid-template-columns: 1fr 1.3fr; gap: 30px; background: #ffffff; border-radius: 18px; box-shadow: 0 6px 20px rgba(60,45,30,0.08); padding: 30px; }
.edct-info-item { margin-bottom: 18px; }
.edct-label { display: block; font-size: 12px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: #a8623f; font-family: Arial, sans-serif; margin-bottom: 4px; }
.edct-info-item p { margin: 0; color: #7a7168; font-family: Arial, sans-serif; font-size: 14px; }
.edct-info-item a { color: #7a7168; text-decoration: none; }
.edct-info-item a:hover { color: #a8623f; }
.edct-form-row { margin-bottom: 14px; }
.edct-form-row label { display: block; font-size: 13px; font-weight: 600; color: #2e2a26; font-family: Arial, sans-serif; margin-bottom: 5px; }
.edct-form-row input, .edct-form-row textarea { width: 100%; font-family: Arial, sans-serif; font-size: 14px; padding: 10px 12px; border: 1.5px solid #ece5db; border-radius: 10px; background: #faf8f5; color: #2e2a26; box-sizing: border-box; }
.edct-submit { display: inline-block; background: #c17a54; color: #ffffff !important; font-weight: 600; font-size: 14px; padding: 11px 22px; border: none; border-radius: 10px; text-decoration: none; font-family: Arial, sans-serif; cursor: pointer; }
.edct-submit:hover { background: #a8623f; }
@media (max-width: 700px) { .edct-box { grid-template-columns: 1fr; padding: 22px; } }