/* Arabians Studio v22 — Self Drive entire-page Figma reconciliation
 * Design: G4K0BFItr6Vl75D9rNTmYO / 142:390; 1920px desktop target.
 * Scope every declaration to Self Drive; preserve v20 Morning and v21 form fixes.
 */

/* Desktop featured safari: the supplied Figma uses three stacked inclusion blocks,
   not two undifferentiated columns. The text comes from the existing package data. */
body.page-self-drive-desert-safari-dubai .packages-section .source-package-primary .selfdrive-feature-groups {
  display:flex !important;
  flex-direction:column !important;
  gap:calc(12 * var(--figma-unit)) !important;
  width:100%;
}
body.page-self-drive-desert-safari-dubai .packages-section .selfdrive-feature-group {min-width:0;}
body.page-self-drive-desert-safari-dubai .packages-section .selfdrive-feature-heading {
  background:#fdebd0;
  color:#211c17;
  padding:calc(7 * var(--figma-unit)) calc(12 * var(--figma-unit));
  font-weight:600;
  font-size:calc(22 * var(--figma-unit));
  line-height:1.3;
  margin:0 0 calc(12 * var(--figma-unit));
  width:100%;
}
body.page-self-drive-desert-safari-dubai .packages-section .selfdrive-feature-group .feature-list {
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:calc(8 * var(--figma-unit)) !important;
  margin:0;
}
body.page-self-drive-desert-safari-dubai .packages-section .source-package-primary .package-body {
  justify-content:space-between;
  gap:calc(14 * var(--figma-unit));
}
body.page-self-drive-desert-safari-dubai .packages-section .source-package-primary .package-top {flex:0 0 auto;}
body.page-self-drive-desert-safari-dubai .packages-section .source-package-primary .selfdrive-feature-groups {flex:1;}
body.page-self-drive-desert-safari-dubai .packages-section .source-package-primary .card-actions {
  margin-top:0 !important;
  padding-top:calc(4 * var(--figma-unit));
  flex:0 0 auto;
}
body.page-self-drive-desert-safari-dubai .packages-section .selfdrive-addon-title {
  font-size:calc(21 * var(--figma-unit));
  color:#c88a3d;
  font-weight:600;
  line-height:1.3;
  margin-top:calc(-16 * var(--figma-unit));
  margin-bottom:0;
}

@media(min-width:1200px) {
  /* The Figma artboard spaces each section individually; shared v13 removes
     several reference gaps/heights, accumulating drift down the page. */
  body.page-self-drive-desert-safari-dubai main>.arabians-section-index-2.packages-section {
    height:auto !important;
    min-height:calc(2607 * var(--figma-unit)) !important;
    overflow:visible !important;
    padding-bottom:calc(65 * var(--figma-unit));
  }
  body.page-self-drive-desert-safari-dubai main>.booking-section.arabians-section-index-3 {
    margin-top:calc(100 * var(--figma-unit)) !important;
  }
  body.page-self-drive-desert-safari-dubai main>.arabians-section-index-4 {
    min-height:calc(819 * var(--figma-unit)) !important;
    padding-top:calc(88 * var(--figma-unit));
    padding-bottom:calc(106 * var(--figma-unit));
    display:flex;
    align-items:center;
  }
  body.page-self-drive-desert-safari-dubai main>.arabians-section-index-5 {
    min-height:calc(847 * var(--figma-unit)) !important;
    padding-top:calc(153 * var(--figma-unit));
    padding-bottom:calc(161 * var(--figma-unit));
    display:flex;
    align-items:center;
  }
  body.page-self-drive-desert-safari-dubai main>.arabians-section-index-6 {
    min-height:calc(816 * var(--figma-unit)) !important;
    padding-top:calc(108 * var(--figma-unit));
    padding-bottom:calc(118 * var(--figma-unit));
    display:flex;
    align-items:center;
  }
  body.page-self-drive-desert-safari-dubai main>.arabians-section-index-7 {
    min-height:calc(985 * var(--figma-unit)) !important;
    padding-top:calc(45 * var(--figma-unit));
    padding-bottom:calc(54 * var(--figma-unit));
    display:flex;
    align-items:center;
  }
  body.page-self-drive-desert-safari-dubai main>.arabians-section-index-9 {
    min-height:calc(737 * var(--figma-unit)) !important;
    padding-top:calc(90 * var(--figma-unit));
    padding-bottom:calc(103 * var(--figma-unit));
    display:flex;
    align-items:center;
  }
  /* Clearer featured headings and matching 3-card treatment. */
  body.page-self-drive-desert-safari-dubai .packages-section .source-package-primary h3 {font-size:calc(40 * var(--figma-unit));line-height:1.2;}
  body.page-self-drive-desert-safari-dubai .packages-section .source-package-primary .package-feature-columns li {font-size:calc(18 * var(--figma-unit));line-height:1.3;}
  body.page-self-drive-desert-safari-dubai .packages-section .source-package-card:not(.source-package-primary) .package-body {min-width:0;}
  body.page-self-drive-desert-safari-dubai .packages-section .source-package-card:not(.source-package-primary) .package-image {
    display:block !important;
    position:relative !important;
    aspect-ratio:528/352 !important;
    width:100%;
    overflow:hidden;
  }
  body.page-self-drive-desert-safari-dubai .packages-section .source-package-card:not(.source-package-primary) .package-image .image-crop {position:absolute;inset:0;}
  body.page-self-drive-desert-safari-dubai .packages-section .source-package-card:not(.source-package-primary) .package-image img {
    display:block !important;
    position:absolute !important;
    width:100% !important;
    height:100% !important;
    left:0 !important;
    top:0 !important;
    object-fit:cover !important;
  }
  body.page-self-drive-desert-safari-dubai .packages-section .source-package-card:not(.source-package-primary) .feature-list {gap:calc(9 * var(--figma-unit));}
}

/* Unclipped cards between desktop and mobile breakpoints. */
@media(min-width:901px) and (max-width:1199px) {
  body.page-self-drive-desert-safari-dubai main>.arabians-section-index-2.packages-section {
    height:auto !important;
    min-height:0 !important;
    overflow:visible !important;
  }
}
@media(max-width:900px) {
  /* In mobile the imported featured card contains an independent Figma layout.
     Never apply desktop inclusion headings into the mobile duplicate. */
  body.page-self-drive-desert-safari-dubai .packages-section .source-package-primary .selfdrive-feature-groups {gap:12px !important;}
  body.page-self-drive-desert-safari-dubai main>.arabians-section-index-2.packages-section {height:auto !important;overflow:visible !important;}
  body.page-self-drive-desert-safari-dubai .packages-section .selfdrive-addon-title {font-size:15px;margin:2px 0;}
  body.page-self-drive-desert-safari-dubai main>.arabians-section-index-5,
  body.page-self-drive-desert-safari-dubai main>.arabians-section-index-6,
  body.page-self-drive-desert-safari-dubai main>.arabians-section-index-7,
  body.page-self-drive-desert-safari-dubai main>.arabians-section-index-9 {height:auto !important;min-height:0;overflow:visible !important;}
}
/* Section margins from the Figma frame are intentionally kept even though the
   broad v13 :is(repair-section) reset applies margin-top:0!important. Give
   these rules the required higher specificity to restore 100px and -40px. */
@media(min-width:1200px) {
 body.page-self-drive-desert-safari-dubai main > section.repair-section.packages-section.arabians-section-index-2 {
   height:calc(2607 * var(--figma-unit)) !important;
   min-height:calc(2607 * var(--figma-unit)) !important;
   padding-bottom:0 !important;
   overflow:visible !important;
 }
 body.page-self-drive-desert-safari-dubai main > section.repair-section.booking-section.arabians-section-index-3 {
   margin-top:calc(100 * var(--figma-unit)) !important;
 }
 body.page-self-drive-desert-safari-dubai main > section.repair-section.support-section.arabians-section-index-8 {
   margin-top:calc(-40 * var(--figma-unit)) !important;
 }
}