/* legal pages (about, delivery & returns, distance sales contract, privacy, KVKK, terms, disclaimer, contact) */
@font-face { font-family: 'EurostileTHea'; src: url('/fonts/EurostileTHea.ttf?v=2') format('truetype'); }
body { margin: 0; background: #03060a; color: #b9c8d6; font: 15px/1.65 'Segoe UI', Verdana, sans-serif; }
main { max-width: 820px; margin: 0 auto; padding: 32px 16px 40px; }
a { color: #62c0ff; }
h1 { font: 30px 'EurostileTHea', sans-serif; color: #fff; margin: 0 0 4px; font-weight: normal; }
h2 { font: 18px 'EurostileTHea', sans-serif; color: #f0b43c; margin: 28px 0 6px; font-weight: normal; }
.dim { color: #7288a0; font-size: 13px; }
.brand { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; margin-bottom: 18px; }
.brand img { width: 40px; height: 40px; }
.brand span { font: italic 24px 'EurostileTHea', sans-serif; color: #dfe7ee; letter-spacing: 1px; padding-right: .2em; }
ol li, ul li { margin: 4px 0; }
.box { padding: 12px 16px; border: 1px solid #22323f; background: #0b1520; }
.seller { margin: 10px 0; }
.seller b { display: block; color: #fff; margin-bottom: 4px; }
.todo { color: #ff9a5a; font-style: italic; }
.updated { margin-top: 36px; }
.legal-foot { border-top: 1px solid #22323f; background: #060b11; padding: 18px 16px 26px; text-align: center; }
.legal-foot nav { max-width: 900px; margin: 0 auto 12px; font-size: 13px; line-height: 2; }
.pay-logos { margin: 8px 0 10px; }
.pay-logos img { height: 26px; width: auto; max-width: 100%; }
.pay-txt { display: inline-block; padding: 4px 12px; border: 1px solid #22323f; border-radius: 4px; color: #dfe7ee; font-size: 13px; }
/* phones and the apps */
@media (max-width: 600px) {
  main { padding: 20px 14px 30px; }
  h1 { font-size: 24px; }
  .legal-foot nav a { display: inline-block; padding: 4px 6px; }
}

/* payment marks: Paycell + card schemes (white logos) */
.pay-marks { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px 14px; }
.pay-marks small { color: #8aa0b2; font-size: 11px; }
.pay-marks img { height: 20px; width: auto; opacity: .9; }
.pay-marks img.pm-paycell { height: 24px; opacity: 1; }
.pm-troy { font: bold 13px/1 Verdana, sans-serif; letter-spacing: 1px; color: #fff; opacity: .9; }
.pay-marks img[src*="visa"] { height: 34px; margin: -6px -4px; }
.pay-marks img[src*="mastercard"] { height: 26px; }