/* Zoom by Zoom – typografi v3 (15.10.2026) · Vizuall
   Brødtekst 16px / 1,4. Overskrifter flydende 360→1440 px: mobil ≈ ×1,2 → desktop ≈ ×1,25.
   Overskrifter Oswald 500 (almindelig tekst). Brødtekst Inter 300, fed 600, kursiv 300i/600i.
   Skrifter indlæses i functions.php: https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,300;0,600;1,300;1,600&family=Oswald:wght@500&display=swap
   Vertikal rytme: luft over en overskrift ≈ 2 × luften under den; afsnit adskilles med 1em. */

:root {
  --zbz-font-heading: 'Oswald', 'Arial Narrow', sans-serif;
  --zbz-font-body: 'Inter', 'Helvetica Neue', Arial, sans-serif;
  --zbz-weight-heading: 500;
  --zbz-weight-body: 300;
  --zbz-weight-bold: 600;
  --zbz-measure: 66ch;
  --zbz-space-paragraph: 1em;      /* mellem afsnit og lister */
  --zbz-space-list-item: 0.4em;    /* mellem punkter i en liste */

  /* display: Hero-titler – 44px → 56px */
  --zbz-display-size: clamp(2.75rem, 2.5rem + 1.111vw, 3.5rem);
  --zbz-display-lh: 1.05;
  --zbz-display-weight: 500;
  --zbz-display-ls: 0em;
  --zbz-display-tt: none;

  /* h1: Sidens hovedoverskrift – én pr. side – 34px → 44px */
  --zbz-h1-size: clamp(2.125rem, 1.917rem + 0.9259vw, 2.75rem);
  --zbz-h1-lh: 1.1;
  --zbz-h1-weight: 500;
  --zbz-h1-ls: 0em;
  --zbz-h1-tt: none;

  /* h2: Sektionsoverskrifter – 28px → 35px */
  --zbz-h2-size: clamp(1.75rem, 1.604rem + 0.6481vw, 2.1875rem);
  --zbz-h2-lh: 1.15;
  --zbz-h2-weight: 500;
  --zbz-h2-ls: 0.005em;
  --zbz-h2-tt: none;

  /* h3: Underafsnit, kategorier i prisliste – 23px → 27px */
  --zbz-h3-size: clamp(1.4375rem, 1.354rem + 0.3704vw, 1.6875rem);
  --zbz-h3-lh: 1.2;
  --zbz-h3-weight: 500;
  --zbz-h3-ls: 0.01em;
  --zbz-h3-tt: none;

  /* h4: Kort-titler – 20px → 22px */
  --zbz-h4-size: clamp(1.25rem, 1.208rem + 0.1852vw, 1.375rem);
  --zbz-h4-lh: 1.25;
  --zbz-h4-weight: 500;
  --zbz-h4-ls: 0.015em;
  --zbz-h4-tt: none;

  /* h5: Små overskrifter, footer-kolonner – 18px → 19px */
  --zbz-h5-size: clamp(1.125rem, 1.104rem + 0.09259vw, 1.1875rem);
  --zbz-h5-lh: 1.3;
  --zbz-h5-weight: 500;
  --zbz-h5-ls: 0.02em;
  --zbz-h5-tt: none;

  /* h6: Mindste overskrift – 16px → 17px */
  --zbz-h6-size: clamp(1rem, 0.9792rem + 0.09259vw, 1.0625rem);
  --zbz-h6-lh: 1.35;
  --zbz-h6-weight: 500;
  --zbz-h6-ls: 0.025em;
  --zbz-h6-tt: none;

  /* lead: Introtekst under H1 – 18px → 20px */
  --zbz-lead-size: clamp(1.125rem, 1.083rem + 0.1852vw, 1.25rem);
  --zbz-lead-lh: 1.45;
  --zbz-lead-weight: 300;
  --zbz-lead-ls: -0.005em;
  --zbz-lead-tt: none;

  /* body: Brødtekst – 16px, linjeafstand 1,4 */
  --zbz-body-size: 1rem;
  --zbz-body-lh: 1.4;
  --zbz-body-weight: 300;
  --zbz-body-ls: 0em;
  --zbz-body-tt: none;

  /* small: Billedtekst, titler under navne, åbningstider – 14px */
  --zbz-small-size: 0.875rem;
  --zbz-small-lh: 1.45;
  --zbz-small-weight: 300;
  --zbz-small-ls: 0.01em;
  --zbz-small-tt: none;

  /* eyebrow: Overlinje over overskrifter (fx Mød teamet) – 13px → 14px */
  --zbz-eyebrow-size: clamp(0.8125rem, 0.7917rem + 0.0926vw, 0.875rem);
  --zbz-eyebrow-lh: 1.3;
  --zbz-eyebrow-weight: 600;
  --zbz-eyebrow-ls: 0.12em;
  --zbz-eyebrow-tt: uppercase;

  /* button: Knapper – 15px → 16px */
  --zbz-button-size: clamp(0.9375rem, 0.9167rem + 0.09259vw, 1rem);
  --zbz-button-lh: 1.2;
  --zbz-button-weight: 500;
  --zbz-button-ls: 0.06em;
  --zbz-button-tt: uppercase;

  /* nav: Menu – 15px → 16px */
  --zbz-nav-size: clamp(0.9375rem, 0.9167rem + 0.0926vw, 1rem);
  --zbz-nav-lh: 1.2;
  --zbz-nav-weight: 500;
  --zbz-nav-ls: 0.05em;
  --zbz-nav-tt: uppercase;

  --zbz-link: #7a5c3e;
  --zbz-link-hover: #000000;
  --zbz-link-on-dark: #e9dbc8;

  --zbz-h1-space-top: 0.6em;
  --zbz-h1-space-bottom: 0.35em;
  --zbz-h2-space-top: 0.9em;
  --zbz-h2-space-bottom: 0.4em;
  --zbz-h3-space-top: 1.0em;
  --zbz-h3-space-bottom: 0.4em;
  --zbz-h4-space-top: 1.1em;
  --zbz-h4-space-bottom: 0.35em;
  --zbz-h5-space-top: 1.2em;
  --zbz-h5-space-bottom: 0.35em;
  --zbz-h6-space-top: 1.3em;
  --zbz-h6-space-bottom: 0.35em;
}

/* ===== Grundtypografi ===== */
html body, html body p, html body li, html body td, html body .et_pb_text_inner, html body .et_pb_toggle_content { font-family: var(--zbz-font-body); font-size:var(--zbz-body-size);line-height:var(--zbz-body-lh);font-weight:var(--zbz-body-weight);letter-spacing:var(--zbz-body-ls); }
html body strong, html body b { font-weight: var(--zbz-weight-bold); }
html body em, html body i:not([class*='icon']) { font-style: italic; }
html body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; font-feature-settings: 'kern' 1; }

/* ===== Overskrifter: Oswald 500, almindelig tekst ===== */
html body h1, html body h2, html body h3, html body h4, html body h5, html body h6 { font-family: var(--zbz-font-heading); font-weight: var(--zbz-weight-heading); font-style: normal; text-transform: none; text-wrap: balance; margin-top: 0; }
html body h1, html body .et_pb_module h1, html body .et_pb_text_inner h1 { font-size:var(--zbz-h1-size);line-height:var(--zbz-h1-lh);font-weight:var(--zbz-h1-weight);letter-spacing:var(--zbz-h1-ls);text-transform:var(--zbz-h1-tt); padding-bottom: var(--zbz-h1-space-bottom); }
html body h2, html body .et_pb_module h2, html body .et_pb_text_inner h2 { font-size:var(--zbz-h2-size);line-height:var(--zbz-h2-lh);font-weight:var(--zbz-h2-weight);letter-spacing:var(--zbz-h2-ls);text-transform:var(--zbz-h2-tt); padding-bottom: var(--zbz-h2-space-bottom); }
html body h3, html body .et_pb_module h3, html body .et_pb_text_inner h3 { font-size:var(--zbz-h3-size);line-height:var(--zbz-h3-lh);font-weight:var(--zbz-h3-weight);letter-spacing:var(--zbz-h3-ls);text-transform:var(--zbz-h3-tt); padding-bottom: var(--zbz-h3-space-bottom); }
html body h4, html body .et_pb_module h4, html body .et_pb_text_inner h4 { font-size:var(--zbz-h4-size);line-height:var(--zbz-h4-lh);font-weight:var(--zbz-h4-weight);letter-spacing:var(--zbz-h4-ls);text-transform:var(--zbz-h4-tt); padding-bottom: var(--zbz-h4-space-bottom); }
html body h5, html body .et_pb_module h5, html body .et_pb_text_inner h5 { font-size:var(--zbz-h5-size);line-height:var(--zbz-h5-lh);font-weight:var(--zbz-h5-weight);letter-spacing:var(--zbz-h5-ls);text-transform:var(--zbz-h5-tt); padding-bottom: var(--zbz-h5-space-bottom); }
html body h6, html body .et_pb_module h6, html body .et_pb_text_inner h6 { font-size:var(--zbz-h6-size);line-height:var(--zbz-h6-lh);font-weight:var(--zbz-h6-weight);letter-spacing:var(--zbz-h6-ls);text-transform:var(--zbz-h6-tt); padding-bottom: var(--zbz-h6-space-bottom); }

/* ===== Vertikal rytme i tekstmoduler ===== */
html body .et_pb_text_inner p, html body .et_pb_toggle_content p { padding-bottom: var(--zbz-space-paragraph); margin: 0; text-wrap: pretty; }
html body .et_pb_text_inner ul, html body .et_pb_text_inner ol { padding-bottom: var(--zbz-space-paragraph); line-height: var(--zbz-body-lh); }
html body .et_pb_text_inner li + li { margin-top: var(--zbz-space-list-item); }
html body .et_pb_text_inner * + h1 { margin-top: var(--zbz-h1-space-top); }
html body .et_pb_text_inner * + h2 { margin-top: var(--zbz-h2-space-top); }
html body .et_pb_text_inner * + h3 { margin-top: var(--zbz-h3-space-top); }
html body .et_pb_text_inner * + h4 { margin-top: var(--zbz-h4-space-top); }
html body .et_pb_text_inner * + h5 { margin-top: var(--zbz-h5-space-top); }
html body .et_pb_text_inner * + h6 { margin-top: var(--zbz-h6-space-top); }
html body .et_pb_text_inner > :last-child, html body .et_pb_text_inner > :last-child > :last-child { padding-bottom: 0; margin-bottom: 0; }

/* ===== Tekstroller (CSS-klasser) ===== */
html body #page-container .zbz-display, html body #page-container h1.zbz-display, html body #page-container h2.zbz-display { font-family:var(--zbz-font-heading);font-size:var(--zbz-display-size);line-height:var(--zbz-display-lh);font-weight:var(--zbz-display-weight);letter-spacing:var(--zbz-display-ls);text-transform:var(--zbz-display-tt); padding-bottom: 0.25em; }
html body #page-container .zbz-lead, html body #page-container p.zbz-lead { font-family:var(--zbz-font-body);font-size:var(--zbz-lead-size);line-height:var(--zbz-lead-lh);font-weight:var(--zbz-lead-weight);letter-spacing:var(--zbz-lead-ls);text-transform:var(--zbz-lead-tt); }
html body #page-container .zbz-small, html body #page-container p.zbz-small { font-family:var(--zbz-font-body);font-size:var(--zbz-small-size);line-height:var(--zbz-small-lh);font-weight:var(--zbz-small-weight);letter-spacing:var(--zbz-small-ls);text-transform:var(--zbz-small-tt); }
html body #page-container .zbz-eyebrow, html body #page-container p.zbz-eyebrow { font-family:var(--zbz-font-body);font-size:var(--zbz-eyebrow-size);line-height:var(--zbz-eyebrow-lh);font-weight:var(--zbz-eyebrow-weight);letter-spacing:var(--zbz-eyebrow-ls);text-transform:var(--zbz-eyebrow-tt); padding-bottom: 0.9em; }
html body #page-container p.zbz-signature-intro { font-family:var(--zbz-font-body);font-size:var(--zbz-small-size);line-height:var(--zbz-small-lh);font-weight:var(--zbz-small-weight);letter-spacing:var(--zbz-small-ls);text-transform:var(--zbz-small-tt); padding-bottom: 0.4em; }
html body #page-container p.zbz-signature { font-family:var(--zbz-font-heading);font-size:var(--zbz-h5-size);line-height:var(--zbz-h5-lh);font-weight:var(--zbz-h5-weight);letter-spacing:var(--zbz-h5-ls);text-transform:var(--zbz-h5-tt); padding-bottom: 0; }

/* ===== Knapper og menu ===== */
html body .et_pb_button, html body a.et_pb_button, html body .et_pb_newsletter_button, html body #page-container .dipl_button { font-family:var(--zbz-font-heading);font-size:var(--zbz-button-size);line-height:var(--zbz-button-lh);font-weight:var(--zbz-button-weight);letter-spacing:var(--zbz-button-ls);text-transform:var(--zbz-button-tt); }
html body .et_pb_menu .et-menu > li > a, html body .et_pb_menu .et-menu .sub-menu a, html body .et_mobile_menu a { font-family:var(--zbz-font-heading);font-size:var(--zbz-nav-size);line-height:var(--zbz-nav-lh);font-weight:var(--zbz-nav-weight);letter-spacing:var(--zbz-nav-ls);text-transform:var(--zbz-nav-tt); }

/* ===== Divi Plus ===== */
html body #page-container .dipl_image_card_title, html body #page-container .dipl_image_card_title a { font-family:var(--zbz-font-heading);font-size:var(--zbz-h4-size);line-height:var(--zbz-h4-lh);font-weight:var(--zbz-h4-weight);letter-spacing:var(--zbz-h4-ls);text-transform:var(--zbz-h4-tt); padding-bottom: 0.15em; }
html body #page-container .dipl_image_card_content, html body #page-container .dipl_image_card_content p { font-family:var(--zbz-font-body);font-size:var(--zbz-small-size);line-height:var(--zbz-small-lh);font-weight:var(--zbz-small-weight);letter-spacing:var(--zbz-small-ls);text-transform:var(--zbz-small-tt); padding-bottom: 0; }
/* Rullende infobjælke ('Du finder os i …') i hero-slideren */
html body #page-container .slider .dipl_image_card_title, html body #page-container .hero-card .dipl_image_card_title { font-family:var(--zbz-font-heading);font-size:var(--zbz-h6-size);line-height:var(--zbz-h6-lh);font-weight:var(--zbz-h6-weight);letter-spacing:var(--zbz-h6-ls);text-transform:var(--zbz-h6-tt); padding-bottom: 0; }
/* Prisliste */
html body #page-container .dipl_price_list_item_name, html body #page-container .dipl_price_list_item_price, html body #page-container .dipl_price_list_item_currency, html body #page-container .dipl_price_list_item_period { font-family:var(--zbz-font-body);font-size:var(--zbz-body-size);line-height:var(--zbz-body-lh);font-weight:var(--zbz-body-weight);letter-spacing:var(--zbz-body-ls);text-transform:var(--zbz-body-tt); padding-bottom: 0; }
html body #page-container .dipl_price_list_item { margin-bottom: 1em; }
html body #page-container .dipl_price_list_item:last-child { margin-bottom: 0; }
html body #page-container .dipl_price_list_item_price_wrap { white-space: nowrap; }
html body #page-container .dipl_price_list_item_description, html body #page-container .dipl_price_list_item_description p { font-family:var(--zbz-font-body);font-size:var(--zbz-small-size);line-height:var(--zbz-small-lh);font-weight:var(--zbz-small-weight);letter-spacing:var(--zbz-small-ls);text-transform:var(--zbz-small-tt); }
html body #page-container .dipl_price_list + .et_pb_text, html body #page-container .dipl_price_list + .et_pb_module { margin-top: 2.2em; }

/* ===== Nyhedsbrev, sociale medier, formularer ===== */
html body #page-container .et_pb_signup label, html body #page-container .et_pb_newsletter_form label, html body #page-container .et_pb_social_media_follow_network_name, html body #page-container .et_pb_social_media_follow span { font-family: var(--zbz-font-body); font-size: var(--zbz-small-size); font-weight: var(--zbz-weight-body); letter-spacing: 0; }
html body input, html body textarea, html body select, html body label { font-family: var(--zbz-font-body); }
@media (max-width: 767px) {
  html body #page-container .slider .dipl_image_card_title { font-size: 12px; line-height: 1.3; letter-spacing: 0.02em; }
  html body #page-container .slider .dipl_image_card_content_wrapper { padding-top: 8px; padding-bottom: 8px; }
}

/* ===== Komponenter (forside) ===== */
html body #page-container .zbz-card-img img { width:100%; aspect-ratio:4/3; height:auto !important; object-fit:cover; display:block; }
html body #page-container .zbz-hero-img img { width:100%; height:auto; display:block; }
/* Forside-hero (16.10): desktop – billedet følger tekstkolonnens højde; tablet/mobil – billedet først som lavt topbanner */
@media (min-width:981px){
  html body #page-container .forside-video-container { display:flex; align-items:stretch; }
  html body #page-container .forside-video-container > .et_pb_column { margin-bottom:0; }
  html body #page-container .forside-video-container > .et_pb_column:last-child { position:relative; min-height:420px; }
  html body #page-container .forside-video-container .zbz-hero-img { position:absolute; top:0; right:0; bottom:0; left:0; margin:0 !important; }
  html body #page-container .forside-video-container .zbz-hero-img .et_pb_image_wrap { display:block; width:100%; height:100%; }
  html body #page-container .forside-video-container .zbz-hero-img img { width:100%; height:100% !important; object-fit:cover; object-position:center 55%; }
}
@media (max-width:980px){
  html body #page-container .forside-video-container { display:flex; flex-direction:column-reverse; }
  html body #page-container .forside-video-container > .et_pb_column { width:100% !important; margin-bottom:0 !important; }
  html body #page-container .forside-video-container .zbz-hero-img { margin-bottom:0 !important; }
  html body #page-container .forside-video-container .zbz-hero-img img { width:100%; aspect-ratio:2.35 / 1; height:auto !important; object-fit:cover; object-position:center 55%; }
}

/* Luft før knapper der følger direkte efter en tekst (ca. én linje) */
html body #page-container .et-l--post .et_pb_text + .et_pb_button_module_wrapper { margin-top: 1.5em !important; }
html body #page-container .et-l--post .forside-video-container .et_pb_text + .et_pb_button_module_wrapper { margin-top: 0 !important; }

/* Om salonen: ensartede kvadratiske billeder i 'Indtryk fra salonen' */
html body.page-id-3991 #page-container .dipl_image_card_carousel img.dipl_image_card_image { width:100%; aspect-ratio:1 / 1 !important; height:auto !important; object-fit:cover; }

/* ===== Links i indhold (v3) ===== */
html body #page-container .et-l--post .et_pb_text_inner a:not(.et_pb_button), html body #page-container .et-l--post .et_pb_text a:not(.et_pb_button) { color: var(--zbz-link) !important; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 0.18em; }
html body #page-container .et-l--post .et_pb_text_inner a:not(.et_pb_button):hover { color: var(--zbz-link-hover) !important; }
html body #page-container .et-l--post .et_pb_bg_layout_dark .et_pb_text_inner a:not(.et_pb_button) { color: var(--zbz-link-on-dark) !important; }

/* Om salonen (tablet/mobil): billedet mellem overskrift og brødtekst i rækker med klassen zbz-mob-split */
@media (max-width:980px){
  html body #page-container .zbz-mob-split { display:flex !important; flex-direction:row; flex-wrap:wrap; column-gap:12px; }
  html body #page-container .zbz-mob-split > .et_pb_column { display:contents; }
  html body #page-container .zbz-mob-split > .et_pb_column > .et_pb_module { order:3; flex:1 1 100%; width:100%; margin-bottom:0; }
  html body #page-container .zbz-mob-split > .et_pb_column > .et_pb_image { flex:1 1 calc(50% - 6px); width:auto; }
  html body #page-container .zbz-mob-split > .et_pb_column > .et_pb_text:has(h1, h2, h3) { order:1; margin-bottom:0.9em !important; }
  html body #page-container .zbz-mob-split > .et_pb_column > .et_pb_image { order:2; margin-bottom:1.4em !important; }
}

/* To knapper lige efter hinanden står på én linje (fx Book tid + Vis vej) */
html body #page-container .et-l--post .et_pb_button_module_wrapper:has(+ .et_pb_button_module_wrapper:not([style*="none"])),
html body #page-container .et-l--post .et_pb_button_module_wrapper + .et_pb_button_module_wrapper { display:inline-block; vertical-align:top; }
html body #page-container .et-l--post .et_pb_button_module_wrapper + .et_pb_button_module_wrapper { margin-top:0 !important; margin-left:12px; }

/* Knapper på én linje: ens topkant */
html body #page-container .et-l--post .et_pb_button_module_wrapper:has(+ .et_pb_button_module_wrapper),
html body #page-container .et-l--post .et_pb_button_module_wrapper + .et_pb_button_module_wrapper { vertical-align:top; }
html body #page-container .et-l--post .et_pb_button_module_wrapper:has(+ .et_pb_button_module_wrapper), html body #page-container .et-l--post .et_pb_button_module_wrapper + .et_pb_button_module_wrapper { margin-bottom:0 !important; }
html body #page-container .et-l--post .et_pb_text + .et_pb_button_module_wrapper + .et_pb_button_module_wrapper { margin-top:1.5em !important; }
@media (max-width:480px){
  html body #page-container .et-l--post .et_pb_button_module_wrapper:has(+ .et_pb_button_module_wrapper) .et_pb_button,
  html body #page-container .et-l--post .et_pb_button_module_wrapper + .et_pb_button_module_wrapper .et_pb_button { padding-left:22px !important; padding-right:22px !important; }
  html body #page-container .et-l--post .et_pb_button_module_wrapper + .et_pb_button_module_wrapper { margin-left:8px; }
}

/* To billeder i samme format (fx før/efter på Behandlinger) – side om side på tablet/mobil via zbz-mob-split */
html body #page-container .zbz-img-pair .et_pb_image img { width:100%; aspect-ratio:4 / 5; height:auto !important; object-fit:cover; display:block; }

/* Prisliste: mellemrum mellem pris og kr */
html body #page-container .dipl_price_list_item_currency { margin-left:0.3em; }

/* ===== Bannere på undersider (klasse zbz-banner på første sektion) ===== */
html body #page-container .zbz-banner h1, html body #page-container .zbz-banner h1.zbz-display { font-size: clamp(2.25rem, 1.917rem + 1.4815vw, 3.25rem); line-height:1.1; padding-bottom:0; }
@media (max-width:767px){
  html body #page-container .zbz-banner:not(.zbz-banner-full) { height:188px; min-height:0 !important; padding-top:0 !important; padding-bottom:0 !important; display:flex; flex-direction:column; justify-content:center; }
  html body #page-container .zbz-banner:not(.zbz-banner-full) > .et_pb_row { padding-top:0 !important; padding-bottom:0 !important; }
}

/* Forside mobil: billedet 30 % højere og mindre luft ned til overskriften */
@media (max-width:767px){
  html body #page-container .forside-video-container .zbz-hero-img img { aspect-ratio:1.81 / 1; }
  html body #page-container .forside-video-container > .et_pb_column:first-child { padding-top:24px !important; }
}
@media (max-width:767px){ html body #page-container .forside-video-container > .et_pb_column:first-child > .et_pb_module:first-child { margin-top:0 !important; } }

/* Prisliste: prikket linje fra tekstens slutning (sidste linje) og hen til prisen */
html body #page-container .dipl_price_list_item_name_wrap { display:block; position:relative; padding-right:5.5em;
  background-image:linear-gradient(to right, #666 1px, transparent 1px); background-size:3px 1px; background-repeat:repeat-x; background-position:left bottom 0.42em; }
html body #page-container .dipl_price_list_item_name { display:inline; background:#fff; padding-right:0.4em; -webkit-box-decoration-break:clone; box-decoration-break:clone; }
html body #page-container .dipl_price_list_item_price_divider { display:none; }
html body #page-container .dipl_price_list_item_price_wrap { position:absolute; right:0; bottom:0; display:flex; background:#fff; padding-left:0.4em; white-space:nowrap; }
@media (max-width:767px){
  html body #page-container .dipl_price_list_item_name,
  html body #page-container .dipl_price_list_item_price,
  html body #page-container .dipl_price_list_item_currency { font-size:0.9375rem; line-height:1.35; }
  html body #page-container .dipl_price_list_item { margin-bottom:0.8em; }
}

/* Portrætter: beskær 15 % fra bunden (klasse zbz-crop-bund på billedmodulet; originalerne er ca. 5:7) */
html body #page-container .zbz-crop-bund img { width:100%; aspect-ratio:1 / 1.19; height:auto !important; object-fit:cover; object-position:center top; }