/* =====================================================================
   RAFIKI ADVENTURES — nyongeza ya mitindo kwa toleo la PHP

   `site.css` ni LAHA ILE ILE iliyotoka kwenye ujenzi wa React; haijaguswa
   hata mstari mmoja, ndiyo maana tovuti inaonekana vilevile.

   Faili hili linabeba TU yale ambayo awali yalifanywa na React yenyewe:

     · nembo mbili za upau (React ilibadilisha `src`; hapa CSS huchagua)
     · kufungua na kufunga swali la FAQ (React ilikuwa ikiondoa jibu)
     · kuinuka kwa kadi kwenye hover (framer-motion `whileHover`)
     · kuingia kwa kadi zinapokaribia kuonekana (`whileInView`)
     · kuficha vipande vinavyodhibitiwa na JavaScript (`hidden`)

   Hakuna rangi, ukubwa wala nafasi mpya. Kila kitu hapa ni tabia.
   ===================================================================== */

/* ------------------------------------------------- nembo ya upau (2 kati) */
/* React ilibadilisha `src` ya nembo kadri upau ulivyobadilika. Kufanya
   hivyo kwa JavaScript kungeacha nembo isiyofaa ikionekana kwa sekunde
   ya kwanza, kwa hiyo nembo zote mbili ziko kwenye ukurasa na CSS
   huchagua. Hakuna picha ya ziada inayopakuliwa: kivinjari huipata
   nembo ya pili kutoka kwenye akiba pale upau unapobadilika. */
.brand .brand-dark  { display: none; }
.navbar.solid .brand .brand-light { display: none; }
.navbar.solid .brand .brand-dark  { display: block; }

/* ------------------------------------------------------ kitufe cha menyu */
.menu-btn .menu-close { display: none; }
.menu-btn[aria-expanded="true"] .menu-open  { display: none; }
.menu-btn[aria-expanded="true"] .menu-close { display: inline-flex; }
.menu-btn span { display: inline-flex; align-items: center; }

/* ------------------------------------ vipande vinavyodhibitiwa na JS */
/* `.more-menu` na `.lightbox` zina `display` yao wenyewe, ambayo
   inashinda `[hidden]` ya kivinjari. Hapa tunairudisha. */
.more-menu[hidden],
.lightbox[hidden] { display: none; }

/* ------------------------------------------------------------- FAQ */
.faq-item > p { display: none; }
.faq-item.open > p { display: block; }
.faq-mark { display: inline-flex; align-items: center; }
.faq-item .faq-up { display: none; }
.faq-item.open .faq-down { display: none; }
.faq-item.open .faq-up   { display: inline-flex; }

/* --------------------------------------------- kuinuka kwenye hover */
/* framer-motion ilihamisha kadi kwa px 7–8 juu; ni mstari mmoja wa CSS. */
.feature-card,
.service-card,
.package-card { transition: transform .25s, box-shadow .25s; }
.feature-card:hover { transform: translateY(-8px); }
.service-card:hover,
.package-card:hover { transform: translateY(-7px); }

/* ----------------------------------------- kuingia zinapokaribia kuonekana */
/* Darasa `js` linawekwa na hati ndogo iliyo kwenye <head>. Bila
   JavaScript sheria hizi hazitumiki kabisa — kila kadi huonekana mara
   moja, na hakuna maudhui yanayopotea. */
.js [data-reveal] {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity .55s ease, transform .55s ease;
  transition-delay: var(--reveal-delay, 0ms);
}
.js [data-reveal="up"] { transform: translateY(24px); transition-duration: .7s; }
.js [data-reveal].is-in { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
  .js [data-reveal] { opacity: 1; transform: none; transition: none; }
  .feature-card:hover, .service-card:hover, .package-card:hover { transform: none; }
  html { scroll-behavior: auto; }
}

/* -------------------------------------------------------- mtego wa bot */
/* Kisanduku ambacho mtu haoni; kikijazwa, ujumbe hautoki. */
.ra-hp {
  position: absolute !important;
  left: -9999px;
  width: 1px; height: 1px;
  overflow: hidden;
}

/* ------------------------------------------------------------- aikoni */
/* Aikoni zote ni SVG moja ya nje. Mstari huu unazifanya zikae kwenye
   mstari wa maandishi kama zilivyokuwa za React.
   `fill` iko HAPA na si ndani ya faili la SVG, ili mahali
   kunapohitajika (mf. nyota iliyoteuliwa) iweze kupinduliwa. */
.ic { display: inline-block; vertical-align: middle; flex: none; fill: none; }

/* ------------------------------------------ simu na nchi (toleo 3.1) */
/* Visanduku vyenye bendera haviwezi kukaa ndani ya <label> (kitufe cha
   nchi kingefungua kisanduku cha namba). Kwa hiyo vinabebwa na <div>
   inayovaa mwonekano ule ule wa `.contact-form label`. */
.contact-field { display: block; margin-bottom: 18px; }
.contact-label {
  display: block;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: #7d6c5d;
}

/* ------------------------------------------------ menyu kuu (toleo 3.1) */
/* Menyu mpya ina kurasa kumi zenye majina marefu ("Beaches & Water
   Sports", "Excursions & Safaris"). Upau mmoja wa kompyuta hauzitoshi
   chini ya px 1360, kwa hiyo menyu ya kukunja (ile ile ya simu kwenye
   site.css, @media 1050px) inaanza mapema — sheria zake zimenakiliwa
   hapa neno kwa neno, pamoja na mpaka mpya. Juu ya px 1360 nafasi kati
   ya viungo inapunguzwa kidogo na majina hayakatwi mistari miwili. */
.nav-links > a { white-space: nowrap; }
@media (min-width: 1361px) {
  .nav-links { gap: 17px; }
}
@media (max-width: 1360px) {
  .nav-links{display:none;position:absolute;top:88px;left:0;right:0;gap:0;flex-direction:column;align-items:stretch;background:#fff;color:var(--ink);padding:10px 22px 22px;box-shadow:0 15px 30px #3a1b0529;max-height:calc(100vh - 88px);overflow-y:auto;overscroll-behavior:contain}
  .nav-links.is-open{display:flex}
  .nav-links>a,.nav-rest>a{padding:13px 2px;border-bottom:1px solid var(--line);opacity:1;font-size:13px}
  .nav-links>a.active,.nav-rest>a.active{color:var(--sunset)}
  .nav-more{display:none}
  .nav-rest{display:flex;flex-direction:column}
  .menu-btn{display:block}
}
@media (max-width: 760px) {
  .nav-links{top:76px;padding:8px 20px 20px;max-height:calc(100vh - 76px)}
  .nav-links>a,.nav-rest>a{padding:12px 2px}
}

/* ------------------------------------------- huduma tano (toleo 3.1) */
/* Gridi ya React ilikuwa na nafasi nne; sasa kuna huduma tano, kwa hiyo
   kwenye kompyuta zinakaa safu moja kama kadi tano za vifurushi. */
@media (min-width: 1051px) {
  .service-grid { grid-template-columns: repeat(5, 1fr); gap: 18px; }
}

/* --------------------------------- vifurushi ndani ya kifurushi (3.1) */
.package-inside {
  margin: 6px 0 0;
  font-size: 12px;
  color: var(--muted);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.package-children { border-top: 1px solid var(--line); }
/* Vifurushi vidogo ni viwili au vitatu — vinakaa katikati, havinyooshwi. */
.package-children .package-grid {
  grid-template-columns: repeat(auto-fit, minmax(220px, 250px));
  justify-content: center;
}
.detail-title .part-of {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 16px;
  padding: 7px 14px;
  border: 1px solid rgba(255, 255, 255, .45);
  border-radius: 30px;
  color: #fff;
  font-size: 12px;
  letter-spacing: .04em;
  text-decoration: none;
}
.detail-title .part-of:hover { background: rgba(255, 255, 255, .12); }

/* ------------------------------------ kurasa zilizounganishwa (3.1) */
.hub-jump {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-top: 34px;
}
.hub-jump a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 15px;
  border: 1px solid var(--line);
  border-radius: 30px;
  font-size: 12px;
  color: var(--brown);
  text-decoration: none;
  transition: background .2s, border-color .2s, color .2s;
}
.hub-jump a:hover { background: var(--sunset); border-color: var(--sunset); color: #fff; }
.hub-jump a span { font-size: 11px; opacity: .6; }
.hub-section { scroll-margin-top: 90px; }
/* Kichwa cha kila sehemu kinafuata ukubwa wa "mainland" ya ukurasa wa
   mwanzo (home.php) — h2 isiyo na darasa haina ukubwa wake kwenye site.css. */
.hub-section .section-head { margin-bottom: 34px; }
.hub-section h2 { font-size: clamp(34px, 4vw, 52px); color: var(--brown); margin: 0; letter-spacing: -.02em; }
.hub-jump + .hub-section { padding-top: 60px; }
.section-kicker + .section-head { margin-top: -14px; }
.hub-section + .hub-section { border-top: 1px solid var(--line); }
.hub-section .collection-intro { margin: 16px 0 0; }
.hub-empty { color: var(--muted); }

/* ----------------------------------------------- testimonials (3.1) */
.review-summary {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-bottom: 40px;
}
.review-summary strong {
  font-family: Playfair Display, serif;
  font-size: 58px;
  line-height: 1;
  color: var(--brown);
}
.review-summary div { display: grid; gap: 6px; color: var(--muted); font-size: 13px; }
.review-stars { display: inline-flex; gap: 2px; }
.review-stars .star-on  { color: var(--amber); fill: var(--amber); }
.review-stars .star-off { color: #dccdb8; }

.review-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
@media (max-width: 1050px) { .review-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 700px)  { .review-grid { grid-template-columns: 1fr; } }

.review-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 3px;
  padding: 26px 24px 22px;
}
.review-card h3 { margin: 0; font-size: 20px; color: var(--brown); }
.review-card p { margin: 0; font-size: 15px; line-height: 1.7; color: #5a4a3c; }
.review-card .review-foot {
  margin-top: auto;
  padding-top: 14px;
  border-top: 1px solid var(--line);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 14px;
  font-size: 13px;
}
.review-card .review-foot strong { color: var(--brown); }
.review-country { display: inline-flex; align-items: center; gap: 7px; color: var(--muted); }
.review-trip {
  width: 100%;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--sunset);
  font-size: 12px;
  text-decoration: none;
}

/* Nyota za kuchagua: redio ziko kinyume (5 → 1) na `row-reverse`
   huzirudisha 1 → 5; `~` huwasha nyota zote zilizo kushoto ya
   iliyochaguliwa — hakuna JavaScript. */
.rating-input { border: 0; margin: 0 0 18px; padding: 0; }
.rating-stars {
  display: inline-flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: 4px;
  margin-top: 8px;
}
.rating-stars input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.contact-form .rating-stars label {
  display: inline-flex;
  margin: 0;
  color: #dccdb8;
  cursor: pointer;
  transition: color .15s;
}
.contact-form .rating-stars label .ic { fill: currentColor; }
.rating-stars input:checked ~ label,
.rating-stars label:hover,
.rating-stars label:hover ~ label { color: var(--amber); }
.rating-stars input:focus-visible + label { outline: 2px solid var(--orange); outline-offset: 2px; }

/* ------------------------------ ukurasa wa kipengele: bei, tarehe (3.1.1) */
/* Vichupo vya Bei, Picha na Tarehe vya kihariri sasa vinaonekana hapa. */
.detail-block { margin: 42px 0 34px; }
.detail-block h3 {
  font-family: Playfair Display, serif;
  font-size: 26px;
  color: var(--brown);
  margin: 0 0 16px;
}
.price-table, .departure-list { border-top: 1px solid var(--line); }
.price-row, .departure-row {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 15px 2px;
  border-bottom: 1px solid var(--line);
}
.price-row > div:first-child { flex: 1; min-width: 0; }
.price-row strong, .departure-row strong { display: block; color: var(--brown); font-size: 15px; }
.price-row span, .departure-row span { font-size: 12.5px; color: var(--muted); }
.price-amount { text-align: right; white-space: nowrap; }
.price-amount strong { font-size: 17px; }

.departure-date { display: flex; align-items: center; gap: 12px; flex: 1; min-width: 0; color: var(--ocean); }
.departure-price { font-weight: 700; color: var(--brown); white-space: nowrap; text-align: right; }
.departure-price span { display: block; font-weight: 400; }
.departure-state {
  padding: 4px 10px;
  border-radius: 20px;
  background: var(--sand-deep);
  color: var(--brown) !important;
  white-space: nowrap;
}
.departure-row.is-filling .departure-state { background: #fdebd3; color: #a24b00 !important; }
.departure-row.is-full { opacity: .6; }
.departure-row.is-full .departure-state { background: #f3e1de; color: var(--sunset) !important; }
.departure-book {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 9px 14px;
  border: 1px solid var(--ocean);
  border-radius: 2px;
  color: var(--ocean);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .04em;
  text-decoration: none;
  white-space: nowrap;
  transition: background .2s, color .2s;
}
.departure-book:hover { background: var(--ocean); color: #fff; }
@media (max-width: 700px) {
  .departure-row { flex-wrap: wrap; }
  .departure-date { flex-basis: 100%; }
}

/* "Kuanzia USD …" juu ya ramani. */
.price-from {
  margin-bottom: 18px;
  padding: 22px;
  background: var(--brown);
  color: #fff;
  border-radius: 3px;
}
.price-from span { display: block; font-size: 10px; letter-spacing: .18em; text-transform: uppercase; color: var(--amber); }
.price-from strong { display: block; font-family: Playfair Display, serif; font-size: 34px; line-height: 1.15; margin-top: 6px; }
.price-from em { font-style: normal; font-size: 13px; opacity: .8; }
.price-from p { margin: 12px 0 0; padding-top: 12px; border-top: 1px solid rgba(255, 255, 255, .18); font-size: 13px; opacity: .9; }

/* ------------------------------ ukurasa wa kipengele bila ramani (1.5) */
/* Ramani imeondolewa. Bila "Kuanzia" upande wa kulia, maandishi yanachukua
   upana mzima badala ya kuacha safu tupu. */
.detail-content.no-aside { grid-template-columns: minmax(0, 1fr); max-width: 980px; }
@media (min-width: 761px) { .detail-aside { position: sticky; top: 110px; align-self: start; } }

/* Lebo upande wa kushoto, thamani mara baada yake — si pembe mbili za mstari. */
.detail-row {
  display: grid;
  grid-template-columns: minmax(130px, 200px) minmax(0, 1fr);
  justify-content: initial;
  align-items: baseline;
  gap: 24px;
  line-height: 1.6;
}
.detail-row .detail-label {
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--muted);
}
.detail-row > strong { font-weight: 600; color: var(--brown); text-align: left; }
@media (max-width: 600px) {
  .detail-row { grid-template-columns: 1fr; gap: 6px; }
}

/* Shughuli za kifurushi. */
.activity-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  gap: 10px 22px;
}
.activity-list li { display: flex; gap: 10px; align-items: flex-start; font-size: 14px; color: var(--brown); line-height: 1.5; }
.activity-list li svg { flex: none; margin-top: 3px; color: var(--green, #2f7d32); }

/* Ratiba kama njia: assets/css/route.css (inapakiwa pia na portal). */

/* Kifurushi chenye vifurushi ndani: kadi zinakuja mara baada ya kichwa. */
.package-children.only-children { border-top: 0; }

/* Ramani halisi (OpenStreetMap) viwianishi vikiwepo. */
.map-box.map-live { padding: 0; display: block; }
.map-box.map-live iframe { width: 100%; height: 100%; border: 0; display: block; }
.map-open {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 10px;
  font-size: 12.5px;
  color: var(--ocean);
  text-decoration: none;
}
.map-open:hover { text-decoration: underline; }

/* Matunzio ya kipengele — yanafunguka kwenye `.lightbox` ile ile ya /gallery. */
.detail-gallery { border-top: 1px solid var(--line); }
.item-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  gap: 14px;
}
.item-gallery figure { margin: 0; }
.item-gallery .gallery-photo { width: 100%; height: 220px; cursor: zoom-in; border-radius: 3px; }
.item-gallery .gallery-photo:hover img { transform: scale(1.04); }
.item-gallery figcaption { margin-top: 8px; font-size: 12.5px; color: var(--muted); }
.detail-reviews { border-top: 1px solid var(--line); }

/* ------------------------------------------ fomu ya booking (3.1.1) */
.booking-deposit {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 16px;
  padding: 11px 14px;
  background: var(--sand);
  border-left: 3px solid var(--amber);
  font-size: 13px;
  color: var(--brown);
}
.booking-terms { margin-bottom: 20px; }
.booking-terms-text {
  max-height: 150px;
  overflow-y: auto;
  margin: 8px 0 12px;
  padding: 12px 14px;
  border: 1px solid var(--line);
  background: #fffdf9;
  font-size: 13px;
  line-height: 1.6;
  color: #5a4a3c;
}
.contact-form .booking-agree {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0;
  font-size: 13px;
  text-transform: none;
  letter-spacing: normal;
  color: var(--ink);
  cursor: pointer;
}
.contact-form .booking-agree input { width: auto; margin: 3px 0 0; }
[data-own-dates][hidden] { display: none; }

/* ------------------------------------- kitufe cha WhatsApp (3.1.1) */
.wa-float {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 70;
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #25d366;
  color: #fff;
  box-shadow: 0 10px 26px rgba(0, 0, 0, .22);
  transition: transform .2s, box-shadow .2s;
}
.wa-float:hover { transform: translateY(-3px) scale(1.04); box-shadow: 0 14px 30px rgba(0, 0, 0, .26); }
.contact-line .ic-whatsapp { color: #25d366; flex: none; }
.contact-line a { color: inherit; }
@media (max-width: 520px) { .wa-float { right: 16px; bottom: 16px; width: 52px; height: 52px; } }
@media print { .wa-float { display: none; } }
.detail-reviews h2 { font-size: clamp(30px, 3.4vw, 44px); color: var(--brown); margin: 0; letter-spacing: -.02em; }
.detail-reviews .section-head { margin-bottom: 30px; }

/* --------------------------------------------------------- blog (3.2) */
.blog-card-photo { display: block; overflow: hidden; }
.blog-card-photo img { transition: transform .5s; }
.blog-card-photo:hover img { transform: scale(1.04); }
.blog-card-title { color: inherit; text-decoration: none; }
.blog-card-title:hover { color: var(--sunset); }
.post-body { max-width: 760px; }
.post-body p { font-size: 17px; line-height: 1.85; color: #4d3d30; margin: 0 0 20px; }
.post-body .lead { font-size: 21px; color: var(--brown); }
.post-back { margin-bottom: 30px; display: inline-flex; }
.post-author { font-style: italic; color: var(--muted) !important; }
.post-more { border-top: 1px solid var(--line); }
.post-more h2, .detail-reviews h2 { font-size: clamp(30px, 3.4vw, 44px); color: var(--brown); margin: 0; letter-spacing: -.02em; }

/* ------------------------------------------- ukurasa wa booking (3.2) */
.booking-grid { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(280px, 1fr); gap: 60px; align-items: start; }
@media (max-width: 900px) { .booking-grid { grid-template-columns: 1fr; gap: 32px; } }
.booking-notice {
  display: flex; align-items: center; gap: 10px;
  margin-bottom: 22px; padding: 14px 16px; border-radius: 3px; font-size: 14px;
  background: var(--sand); color: var(--brown); border-left: 3px solid var(--amber);
}
.booking-notice.is-ok { background: #e9f6ee; border-color: var(--green); color: #1d6a3c; }
.booking-notice.is-err { background: #fbeae7; border-color: var(--sunset); color: #9b2415; }
.booking-status { padding: 22px 24px; border: 1px solid var(--line); border-radius: 3px; margin-bottom: 26px; background: #fff; }
.booking-status span { display: block; font-size: 10px; letter-spacing: .18em; text-transform: uppercase; color: var(--muted); }
.booking-status strong { display: block; font-family: Playfair Display, serif; font-size: 30px; color: var(--brown); margin: 6px 0 6px; }
.booking-status p { margin: 0; color: #5a4a3c; font-size: 14px; }
.booking-status.status-confirmed, .booking-status.status-paid { border-color: #b8e0c6; background: #f4fbf6; }
.booking-status.status-quoted { border-color: #f2d9a6; background: #fffaf0; }
.booking-status.status-cancelled { border-color: #efc7c1; background: #fdf5f4; }
.booking-facts a { color: var(--ocean); }
.booking-print { margin-top: 26px; }
.booking-money strong { font-size: 30px; }
.booking-sums { margin-top: 14px; padding-top: 12px; border-top: 1px solid rgba(255, 255, 255, .18); display: grid; gap: 6px; }
.booking-sums div { display: flex; justify-content: space-between; gap: 10px; font-size: 13px; }
.booking-sums em { font-style: normal; opacity: .8; }
.booking-action { display: grid; gap: 10px; margin-bottom: 18px; }
.booking-action .btn { width: 100%; justify-content: center; }
.booking-action p { margin: 0; font-size: 12.5px; color: var(--muted); }
.booking-help { font-size: 13px; color: var(--muted); }
.booking-help a { color: var(--ocean); }

/* Voucher: kuchapisha ukurasa wa booking bila menyu, footer na vitufe. */
@media print {
  .navbar, footer, .wa-float, .booking-action, .booking-print, .booking-help, .booking-notice { display: none !important; }
  .my-booking .page-header { padding: 0 0 20px; background: none; border: 0; }
  .booking-grid { grid-template-columns: 1fr 1fr; gap: 30px; }
  .price-from { background: none !important; color: #000 !important; border: 1px solid #999; }
  .section { padding: 10px 0 !important; }
}
/* `.blog-card a` ya site.css ni ya kiungo cha "Read more" (herufi kubwa, ndogo).
   Kichwa na picha sasa ni viungo pia — vinarudishwa kwenye mwonekano wao. */
.blog-card .blog-card-title { display: inline; font: inherit; text-transform: none; letter-spacing: inherit; color: inherit; }
.blog-card .blog-card-photo { display: block; gap: 0; text-transform: none; }

/* ------------------------------------ mitandao ya kijamii, footer (1.1) */
/* Aikoni ziko chini ya kauli mbiu ya footer. Mitandao ni hadi tisa, kwa
   hiyo zinaruhusiwa kukunja mstari kwenye simu. */
.socials { flex-wrap: wrap; margin-top: 18px; }
.socials a { width: 36px; height: 36px; transition: border-color .2s, color .2s, background .2s, transform .2s; }
.socials a:hover { background: var(--amber); border-color: var(--amber); color: var(--brown-deep); transform: translateY(-2px); }
.socials .ic-social, .socials .ic-whatsapp { display: block; }