/* ===== Yazhi Exim – static site layout fixes ===== */

/* One content width everywhere: 1300px max / 90% of the screen (header, all sections, footer).
   Full-width sections (home banner slider, About video band, Contact map) stay edge to edge. */
#page-container .et_pb_section .et_pb_row,
#page-container .et_pb_section .et_pb_row.et_pb_row_fullwidth {
  width: 90% !important;
  max-width: 1300px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
#page-container .et-l--header .et_pb_section .et_pb_row,
#page-container .et-l--footer .et_pb_section .et_pb_row {
  width: 90% !important;
  max-width: 1300px !important;
}
#page-container .et_pb_fullwidth_section .et_pb_row {
  width: 100% !important;
  max-width: none !important;
}

/* form spam trap (hidden from people) + result message */
.pym-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.pym-msg { display: none; margin: 0 0 18px; padding: 13px 16px; border-radius: 8px; font-size: 15px; line-height: 1.5; }
.pym-msg.is-ok { background: #e8f6ec; color: #17602e; border: 1px solid #9bd3ab; }
.pym-msg.is-err { background: #fdecee; color: #9b1c2c; border: 1px solid #f1a9b3; }
.gform_wrapper .pym-tip { color: #ffb3bd !important; font-size: 13px; margin-top: 4px; }
.gform_wrapper .gfield_error input, .gform_wrapper .gfield_error textarea { border-color: #ff6b81 !important; }


/* photo galleries (About "Innovative Designs" + footer): simple even grid instead of the JS masonry,
   which broke on phones (thin grey strips). Same look: 5 per row (About), 3 per row (footer). */
.dnxte-msnary-grid { display: grid !important; grid-template-columns: repeat(5, 1fr); gap: 10px; height: auto !important; }
.et-l--footer .dnxte-msnary-grid { grid-template-columns: repeat(3, 1fr); gap: 6px; }
.dnxte-msnary-grid > .grid-sizer, .dnxte-msnary-grid > .gutter-sizer { display: none !important; }
.dnxte-msnary-grid > .dnxte-msnary-item { position: relative !important; left: auto !important; top: auto !important; width: auto !important; margin: 0 !important; transform: none !important; }
.dnxte-msnary-grid > .dnxte-msnary-item img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block; }
.et-l--footer .dnxte-msnary-grid > .dnxte-msnary-item img { aspect-ratio: 1 / 1; }
@media (max-width: 767px) { .dnxte-msnary-grid { grid-template-columns: repeat(3, 1fr); gap: 6px; } }

/* contact form on the blue background: readable placeholders */
.gform_wrapper.gform-theme input::placeholder, .gform_wrapper.gform-theme textarea::placeholder { color: rgba(255,255,255,.8) !important; opacity: 1; }
/* long e-mail address never sticks out of its box on phones */
.et_pb_blurb_description, .et_pb_blurb_description a, .et-l--footer a { overflow-wrap: anywhere; }

/* Home banner (Revolution Slider) stays full width */
.page-id-263 #page-container .et_pb_section_0 > .et_pb_row { width: 100% !important; max-width: none !important; }

/* phones: fixed (parallax) backgrounds don't work on iPhone/Android -> normal background, text stays readable */
@media (max-width: 980px) {
  #page-container .et_pb_section { background-attachment: scroll !important; }
}
/* phones: product pages show 2 products per row (was 1 very tall column); all rows flow into one even grid */
@media (max-width: 767px) {
  :is(.page-id-987509769,.page-id-987509795,.page-id-987509807,.page-id-987509833,.page-id-987509835,.page-id-987509836,.page-id-987509837,.page-id-987509838) #et-main-area .et_pb_section:not(:first-child) {
    display: grid; grid-template-columns: 1fr 1fr; column-gap: 12px; padding-left: 5%; padding-right: 5%; }
  :is(.page-id-987509769,.page-id-987509795,.page-id-987509807,.page-id-987509833,.page-id-987509835,.page-id-987509836,.page-id-987509837,.page-id-987509838) #et-main-area .et_pb_section:not(:first-child) > .et_pb_row { display: contents; }
  :is(.page-id-987509769,.page-id-987509795,.page-id-987509807,.page-id-987509833,.page-id-987509835,.page-id-987509836,.page-id-987509837,.page-id-987509838) #et-main-area .et_pb_section:not(:first-child)::before,
  :is(.page-id-987509769,.page-id-987509795,.page-id-987509807,.page-id-987509833,.page-id-987509835,.page-id-987509836,.page-id-987509837,.page-id-987509838) #et-main-area .et_pb_section:not(:first-child)::after,
  :is(.page-id-987509769,.page-id-987509795,.page-id-987509807,.page-id-987509833,.page-id-987509835,.page-id-987509836,.page-id-987509837,.page-id-987509838) #et-main-area .et_pb_section:not(:first-child) > .et_pb_row::before,
  :is(.page-id-987509769,.page-id-987509795,.page-id-987509807,.page-id-987509833,.page-id-987509835,.page-id-987509836,.page-id-987509837,.page-id-987509838) #et-main-area .et_pb_section:not(:first-child) > .et_pb_row::after { display: none !important; content: none !important; }
  :is(.page-id-987509769,.page-id-987509795,.page-id-987509807,.page-id-987509833,.page-id-987509835,.page-id-987509836,.page-id-987509837,.page-id-987509838) #et-main-area .et_pb_section:not(:first-child) .et_pb_column { width: auto !important; margin: 0 0 12px 0 !important; }
  :is(.page-id-987509769,.page-id-987509795,.page-id-987509807,.page-id-987509833,.page-id-987509835,.page-id-987509836,.page-id-987509837,.page-id-987509838) #et-main-area .et_pb_section:not(:first-child) .et_pb_column_4_4 { grid-column: 1 / -1; }
  :is(.page-id-987509769,.page-id-987509795,.page-id-987509807,.page-id-987509833,.page-id-987509835,.page-id-987509836,.page-id-987509837,.page-id-987509838) #et-main-area .et_pb_section:not(:first-child) .et_pb_column:empty { display: none; }
  :is(.page-id-987509769,.page-id-987509807,.page-id-987509837,.page-id-987509838) .et_pb_text_inner { font-size: 13px; }
  /* home: product category cards 2 per row */
  .page-id-263 .et_pb_section_3 .et_pb_row, .page-id-263 .et_pb_section_5 .et_pb_row { display: flex; flex-wrap: wrap; justify-content: space-between; }
  .page-id-263 .et_pb_section_3 .et_pb_column_1_4, .page-id-263 .et_pb_section_5 .et_pb_column_1_4 { width: calc(50% - 6px) !important; margin: 0 0 12px 0 !important; }
}