/* V6.3 photo-to-layout fitting — 2026-08-10
   Goal: let the page frame follow the real photography instead of forcing complete products/people into oversized fixed boxes.
   No form, tracking, copy or URL changes. */

/* ---------------- AU–NZ Custom ---------------- */
/* Near-square laboratory hero: use the photo's natural ratio and move the caption out of the photo. */
.page-au-custom .ac-hero-image{
  min-height:0;
  height:auto;
  align-self:center;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  background:#fff;
}
.page-au-custom .ac-hero-image:before{display:none}
.page-au-custom .ac-hero-image img[src*="au-custom-hero-lab-v62"]{
  width:100%;
  height:auto;
  object-fit:contain;
  object-position:center center;
}
.page-au-custom .ac-hero-image figcaption{
  position:static;
  width:auto;
  padding:15px 18px 17px;
  border-top:1px solid #d9e1dd;
}
/* #39 is a wide production / inspection image. Let the frame follow the wide source ratio. */
.page-au-custom .ac-market-image{
  height:auto;
  overflow:hidden;
}
.page-au-custom .ac-market-image img[src*="au-custom-market-detail-v62"]{
  width:100%;
  height:auto;
  object-fit:contain;
  object-position:center center;
}
.page-au-custom .ac-market-image figcaption{
  position:static;
  width:auto;
  text-align:right;
  border-top:1px solid #d6ded9;
}

/* Preserve AU–NZ Fast Launch #15 selection. */
.page-au-fast .af-system figure img[src*="au-fast-sample-detail-v61"]{
  object-fit:cover;
  object-position:center center;
}

/* ---------------- Dubai / UAE Custom ---------------- */
/* Portrait premium-product hero: remove the oversized fixed box and use the source ratio. */
.page-uae-custom .uc-hero figure{
  min-height:0;
  height:auto;
  align-self:center;
  display:flex;
  flex-direction:column;
  padding:10px;
}
.page-uae-custom .uc-hero figure img[src*="uae-custom-hero-premium-v62"]{
  width:100%;
  height:auto;
  aspect-ratio:auto;
  object-fit:contain;
  object-position:center center;
  padding:0;
  background:transparent;
}
.page-uae-custom .uc-hero figcaption{
  position:static;
  margin-top:10px;
  background:rgba(12,23,48,.96);
}
/* #14 portrait R&D photo: let the existing column follow the portrait photo rather than cropping it into 680px. */
.page-uae-custom .uc-formula figure{
  height:auto;
  align-self:center;
}
.page-uae-custom .uc-formula figure img[src*="uae-custom-rd-v62"]{
  width:100%;
  height:auto;
  object-fit:contain;
  object-position:center center;
}

/* ---------------- Dubai / UAE Distributor ---------------- */
/* All four product photos are landscape. Rebuild this existing module as a 2×2 premium catalogue,
   with each image using its natural ratio and the copy below it. */
.page-uae-distributor .uae-dist-collection-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:none;
  grid-auto-rows:auto;
  gap:20px;
  align-items:start;
}
.page-uae-distributor .uae-dist-collection.large,
.page-uae-distributor .uae-dist-collection-grid>article:nth-child(2),
.page-uae-distributor .uae-dist-collection-grid>article:nth-child(3),
.page-uae-distributor .uae-dist-collection.wide{
  display:flex;
  flex-direction:column;
  grid-column:auto;
  grid-row:auto;
  align-self:start;
  overflow:hidden;
  background:#f7f1e7;
}
.page-uae-distributor .uae-dist-collection img{
  display:block;
  width:100%;
  height:auto;
  min-height:0;
  object-fit:contain;
  object-position:center center;
  padding:0;
  background:transparent;
  filter:saturate(.92) brightness(.98);
}
.page-uae-distributor .uae-dist-overlay,
.page-uae-distributor .uae-dist-collection.wide .uae-dist-overlay{
  position:static;
  max-width:none;
  margin:0;
  background:#13372f;
  border:0;
  border-top:1px solid rgba(197,161,94,.65);
  padding:18px 20px 20px;
}
.page-uae-distributor .uae-dist-overlay h3{font-size:25px;margin:6px 0 6px}
.page-uae-distributor .uae-dist-overlay p{font-size:12px;line-height:1.5}
/* #35 packaging portrait: the page column now follows the portrait ratio, so no artificial top/bottom void. */
.page-uae-distributor .uae-dist-market-grid{align-items:start}
.page-uae-distributor .uae-dist-market-visual{
  height:auto;
  display:flex;
  flex-direction:column;
  align-self:start;
  padding:10px;
}
.page-uae-distributor .uae-dist-market-visual img[src*="uae-distributor-packaging-v62"]{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  object-position:center center;
  padding:0;
  background:transparent;
  filter:saturate(.78);
}
.page-uae-distributor .uae-dist-market-caption{
  position:static;
  margin-top:10px;
  background:#13372f;
}

/* ---------------- Dubai / UAE Fast Launch ---------------- */
/* Square #7 hero photo: remove the old 620px fixed frame and extra white padding. */
.page-uae-fast .uf-hero figure{
  width:100%;
  max-width:600px;
  height:auto;
  min-height:0;
  justify-self:end;
  align-self:center;
  display:flex;
  flex-direction:column;
  padding:0;
  background:transparent;
}
.page-uae-fast .uf-hero figure img[src*="uae-fast-hero-v62"]{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:auto;
  object-fit:contain;
  object-position:center center;
  padding:0;
  background:transparent;
}
.page-uae-fast .uf-hero figcaption{
  position:static;
  margin-top:10px;
  background:#fff;
}
/* #32 production photo keeps its native wide composition. */
.page-uae-fast .uf-system figure img[src*="uae-fast-production-v62"]{
  object-fit:cover;
  object-position:center center;
}

/* ---------------- UK Distributor ---------------- */
/* Portrait #6 hero: make the photography column narrower and let the image occupy that column naturally. */
.page-uk-distributor-v5 .ukd-hero-grid{
  grid-template-columns:minmax(0,1.18fr) minmax(360px,.62fr);
  min-height:0;
  align-items:center;
}
.page-uk-distributor-v5 .ukd-copy{padding-top:82px;padding-bottom:82px}
.page-uk-distributor-v5 .ukd-hero-visual{
  display:flex;
  flex-direction:column;
  align-self:center;
  justify-self:end;
  width:100%;
  max-width:500px;
  margin:46px 0;
  padding:0;
  overflow:hidden;
  background:transparent;
}
.page-uk-distributor-v5 .ukd-hero-visual img[src*="uk-distributor-hero-range-v62"]{
  display:block;
  width:100%;
  height:auto;
  max-height:none;
  object-fit:contain;
  object-position:center center;
  background:transparent;
  filter:saturate(.58) contrast(1.02);
}
.page-uk-distributor-v5 .ukd-hero-visual figcaption{
  position:static;
  width:auto;
  margin:0;
  padding:18px 20px 20px;
  background:var(--ivory);
  border-top:5px solid #315a7c;
}
/* Product catalogue: stop forcing complete products into 460px boxes.
   Images use their real aspect ratios; copy remains below the photography. */
.page-uk-distributor-v5 .ukd-mosaic{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:none;
  grid-auto-rows:auto;
  gap:18px;
  align-items:start;
}
.page-uk-distributor-v5 .ukd-feature,
.page-uk-distributor-v5 .ukd-wide,
.page-uk-distributor-v5 .ukd-mosaic>article:nth-child(2),
.page-uk-distributor-v5 .ukd-mosaic>article:nth-child(3){
  grid-column:auto;
  grid-row:auto;
  align-self:start;
}
.page-uk-distributor-v5 .ukd-mosaic article{
  display:flex;
  flex-direction:column;
  align-self:start;
  overflow:hidden;
  background:#102b44;
}
.page-uk-distributor-v5 .ukd-mosaic article img{
  display:block;
  width:100%;
  height:auto;
  min-height:0;
  object-fit:contain;
  object-position:center center;
  padding:0;
  background:transparent;
  filter:saturate(.62) contrast(1.01);
}
.page-uk-distributor-v5 .ukd-mosaic article>div{
  position:static;
  padding:20px 22px 22px;
  background:#102b44;
}
.page-uk-distributor-v5 .ukd-mosaic article h3{font-size:27px;margin:9px 0 6px}
.page-uk-distributor-v5 .ukd-mosaic article p{font-size:12px;line-height:1.5}
.page-uk-distributor-v5 .ukd-wide>div{max-width:none}

@media(max-width:1000px){
  .page-au-custom .ac-hero-image{width:min(760px,100%);justify-self:center}
  .page-uae-custom .uc-hero figure{width:min(640px,100%);justify-self:center}
  .page-uae-distributor .uae-dist-collection-grid{grid-template-columns:1fr 1fr}
  .page-uae-distributor .uae-dist-market-visual{width:min(620px,100%);justify-self:center}
  .page-uae-fast .uf-hero figure{max-width:620px;justify-self:center}
  .page-uk-distributor-v5 .ukd-hero-grid{grid-template-columns:1fr;gap:0}
  .page-uk-distributor-v5 .ukd-copy{padding-bottom:34px}
  .page-uk-distributor-v5 .ukd-hero-visual{max-width:540px;justify-self:center;margin:0 auto 58px}
  .page-uk-distributor-v5 .ukd-mosaic{grid-template-columns:1fr 1fr}
}

@media(max-width:700px){
  .page-au-custom .ac-hero-image figcaption{padding:14px 16px}
  .page-au-custom .ac-market-image figcaption{text-align:left}
  .page-uae-custom .uc-hero figure{padding:8px}
  .page-uae-distributor .uae-dist-collection-grid{grid-template-columns:1fr;gap:16px}
  .page-uae-distributor .uae-dist-market-visual{padding:8px}
  .page-uae-fast .uf-hero figure{max-width:none}
  .page-uk-distributor-v5 .ukd-hero-visual{max-width:430px;margin-bottom:44px}
  .page-uk-distributor-v5 .ukd-mosaic{grid-template-columns:1fr;gap:16px}
}

/* UK Distributor catalogue balance: first row 50/50; second row gives the landscape routine more width
   and the portrait Targeted Solutions image a narrower column. This removes the large empty block below the shorter card. */
@media(min-width:701px){
  .page-uk-distributor-v5 .ukd-mosaic{
    display:flex;
    flex-wrap:wrap;
    gap:18px;
    align-items:flex-start;
  }
  .page-uk-distributor-v5 .ukd-mosaic>article:nth-child(1),
  .page-uk-distributor-v5 .ukd-mosaic>article:nth-child(2){
    flex:0 0 calc(50% - 9px);
    order:1;
  }
  .page-uk-distributor-v5 .ukd-mosaic>article:nth-child(4){
    flex:0 0 calc(66% - 9px);
    order:2;
  }
  .page-uk-distributor-v5 .ukd-mosaic>article:nth-child(3){
    flex:0 0 calc(34% - 9px);
    order:3;
  }
}
@media(max-width:700px){
  .page-uk-distributor-v5 .ukd-mosaic{display:grid}
  .page-uk-distributor-v5 .ukd-mosaic>article:nth-child(n){order:initial}
}