.elementor-140 .elementor-element.elementor-element-7d8dd5e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-e7e92a9 *//* =========================================================
   AL SAHL — DYNAMIC THANK YOU PAGE
   Products: 2L / 5L / 18L / Sheep Fat
========================================================= */


/* =========================================================
   LOCAL FONT
========================================================= */

@font-face {
  font-family: "Bahij TheSansArabic";
  src: url("/wp-content/uploads/fonts/Bahij-TheSansArabic-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bahij TheSansArabic";
  src: url("/wp-content/uploads/fonts/Bahij-TheSansArabic-Plain.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bahij TheSansArabic";
  src: url("/wp-content/uploads/fonts/Bahij-TheSansArabic-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bahij TheSansArabic";
  src: url("/wp-content/uploads/fonts/Bahij-TheSansArabic-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bahij TheSansArabic";
  src: url("/wp-content/uploads/fonts/Bahij-TheSansArabic-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}


/* =========================================================
   PAGE RESET
========================================================= */

body {
  margin: 0 !important;
  background: #F4ECD9 !important;
}

body header.site-header,
body footer.site-footer,
body #masthead,
body #colophon,
body #site-header,
body #site-footer {
  display: none !important;
}

body .site-content,
body #content,
body .ast-container,
body #primary,
body .content-area,
body main.site-main {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}


/* =========================================================
   ROOT
========================================================= */

#alsahlDirectProductsThankYou {
  --cream: #F4ECD9;
  --cream-2: #EEE4CA;
  --card: #F9F4E9;
  --gold: #E6BC70;
  --olive-gold: #928648;
  --dark: #33310A;
  --muted: #7C745C;
  --line: rgba(146,134,72,.22);
  --container: 1060px;

  width: 100%;
  min-height: 100vh;

  color: var(--dark);

  background:
    radial-gradient(
      circle at 13% 18%,
      rgba(230,188,112,.16),
      transparent 26%
    ),
    linear-gradient(
      180deg,
      #F4ECD9 0%,
      #EEE4CA 100%
    );

  font-family:
    "Bahij TheSansArabic",
    Tahoma,
    Arial,
    sans-serif;

  -webkit-font-smoothing: antialiased;
}

#alsahlDirectProductsThankYou,
#alsahlDirectProductsThankYou *,
#alsahlDirectProductsThankYou *::before,
#alsahlDirectProductsThankYou *::after {
  box-sizing: border-box;
}

#alsahlDirectProductsThankYou img {
  display: block;
  max-width: 100%;
}


/* =========================================================
   LAYOUT
========================================================= */

.as-thanks-main {
  padding:
    34px
    0
    70px;
}

.as-thanks-container {
  width:
    min(
      calc(100% - 36px),
      var(--container)
    );

  margin-inline: auto;
}

.as-thanks-header {
  margin-bottom: 35px;
}

.as-thanks-logo {
  width: 96px;
  height: 66px;

  object-fit: contain;
  object-position: right center;
}


/* =========================================================
   SUCCESS
========================================================= */

.as-thanks-success {
  padding:
    38px
    0
    45px;

  display: grid;

  grid-template-columns:
    78px
    minmax(0,1fr);

  gap: 25px;

  align-items: start;

  border-bottom:
    1px solid
    var(--line);
}

.as-thanks-success__icon {
  width: 72px;
  height: 72px;

  display: flex;
  align-items: center;
  justify-content: center;

  border:
    1px solid
    rgba(146,134,72,.36);

  color: var(--gold);
  background: var(--dark);

  font-family: Arial,sans-serif;

  font-size: 31px;
  font-weight: 700;
}

.as-thanks-eyebrow {
  display: block;

  color: var(--olive-gold);

  font-size: 12px;
  font-weight: 700;
}

.as-thanks-success h1 {
  margin:
    8px
    0
    9px;

  font-size:
    clamp(
      39px,
      5vw,
      61px
    );

  font-weight: 800;
  line-height: 1.16;
}

.as-thanks-success p {
  max-width: 650px;

  margin: 0;

  color: var(--muted);

  font-size: 14px;
  line-height: 1.9;
}


/* =========================================================
   SUMMARY
========================================================= */

.as-thanks-summary {
  margin-top: 48px;

  padding: 36px;

  border:
    1px solid
    var(--line);

  background:
    rgba(249,244,233,.74);

  box-shadow:
    0 22px 52px
    rgba(51,49,10,.055);
}

.as-thanks-summary__head {
  margin-bottom: 28px;
}

.as-thanks-summary__head h2 {
  margin:
    7px
    0
    0;

  font-size:
    clamp(
      28px,
      3.5vw,
      40px
    );

  font-weight: 800;
}


/* =========================================================
   PRODUCT
========================================================= */

.as-thanks-product {
  display: grid;

  grid-template-columns:
    320px
    minmax(0,1fr);

  gap: 34px;

  align-items: center;

  padding: 22px;

  background: var(--cream-2);
}

.as-thanks-product__media {
  min-height: 310px;

  padding: 18px;

  display: flex;
  align-items: center;
  justify-content: center;

  background:
    rgba(255,255,255,.20);
}

.as-thanks-product__media img {
  width: auto;
  max-width: 100%;
  max-height: 290px;

  object-fit: contain;

  filter:
    drop-shadow(
      0 18px 22px
      rgba(51,49,10,.11)
    );
}

.as-thanks-product__tag {
  display: inline-block;

  margin-bottom: 8px;

  color: var(--olive-gold);

  font-size: 11px;
  font-weight: 700;
}

.as-thanks-product__content h3 {
  margin:
    0
    0
    7px;

  font-size:
    clamp(
      24px,
      3vw,
      36px
    );

  font-weight: 800;
  line-height: 1.3;
}

.as-thanks-product__content > p {
  margin: 0;

  color: var(--muted);

  font-size: 13px;
  line-height: 1.85;
}


/* =========================================================
   PRICE GRID
========================================================= */

.as-thanks-price-grid {
  margin-top: 25px;

  display: grid;

  grid-template-columns:
    repeat(2,minmax(0,1fr));

  border-top:
    1px solid
    var(--line);

  border-right:
    1px solid
    var(--line);
}

.as-thanks-price-card {
  min-height: 92px;

  padding: 17px;

  border-left:
    1px solid
    var(--line);

  border-bottom:
    1px solid
    var(--line);
}

.as-thanks-price-card--total {
  grid-column:
    1 / -1;

  background:
    rgba(255,255,255,.25);
}

.as-thanks-price-card span {
  display: block;

  margin-bottom: 5px;

  color: var(--olive-gold);

  font-size: 10px;
  font-weight: 700;
}

.as-thanks-price-card strong {
  display: block;

  color: var(--dark);

  font-family:
    Arial,
    "Bahij TheSansArabic",
    sans-serif;

  font-size: 22px;
  font-weight: 800;
}

.as-thanks-price-card--total strong {
  font-size:
    clamp(
      38px,
      4vw,
      52px
    );

  line-height: 1.05;
}


/* =========================================================
   CUSTOMER DETAILS
========================================================= */

.as-thanks-details {
  margin-top: 24px;

  display: grid;

  grid-template-columns:
    repeat(2,minmax(0,1fr));

  border-top:
    1px solid
    var(--line);

  border-right:
    1px solid
    var(--line);
}

.as-thanks-detail {
  min-height: 100px;

  padding: 20px;

  border-left:
    1px solid
    var(--line);

  border-bottom:
    1px solid
    var(--line);
}

.as-thanks-detail[hidden] {
  display: none !important;
}

.as-thanks-detail--wide {
  grid-column:
    1 / -1;
}

.as-thanks-detail span {
  display: block;

  margin-bottom: 6px;

  color: var(--olive-gold);

  font-size: 10px;
  font-weight: 700;
}

.as-thanks-detail strong {
  display: block;

  color: var(--dark);

  font-size: 14px;
  font-weight: 700;

  line-height: 1.8;

  overflow-wrap: anywhere;
}


/* =========================================================
   TRUST
========================================================= */

.as-thanks-trust {
  margin-top: 24px;

  padding:
    20px
    21px;

  display: grid;

  grid-template-columns:
    46px
    minmax(0,1fr);

  gap: 15px;

  align-items: center;

  color: #fff;
  background: var(--dark);
}

.as-thanks-trust__icon {
  width: 42px;
  height: 42px;

  display: flex;
  align-items: center;
  justify-content: center;

  color: var(--gold);

  border:
    1px solid
    rgba(230,188,112,.35);

  font-family: Arial,sans-serif;
}

.as-thanks-trust strong {
  display: block;

  color: #fff;

  font-size: 13px;
  font-weight: 700;
}

.as-thanks-trust p {
  margin:
    3px
    0
    0;

  color:
    rgba(255,255,255,.61);

  font-size: 10px;
  line-height: 1.8;
}


/* =========================================================
   WARNING
========================================================= */

.as-thanks-session-warning {
  margin-top: 22px;

  padding:
    14px
    16px;

  border:
    1px solid
    rgba(156,75,62,.24);

  color: #93483D;

  background:
    rgba(156,75,62,.045);

  font-size: 12px;
  line-height: 1.8;
}


/* =========================================================
   ACTION
========================================================= */

.as-thanks-actions {
  margin-top: 25px;

  display: flex;
  justify-content: flex-start;
}

.as-thanks-home {
  min-width: 180px;
  min-height: 52px;

  padding:
    0
    25px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  color: #fff !important;
  background: var(--dark);

  font-size: 13px;
  font-weight: 700;

  text-decoration: none !important;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 760px) {

  .as-thanks-main {
    padding-top: 24px;
  }

  .as-thanks-success {
    grid-template-columns:
      1fr;

    gap: 17px;
  }

  .as-thanks-success__icon {
    width: 60px;
    height: 60px;

    font-size: 26px;
  }

  .as-thanks-summary {
    margin-top: 36px;

    padding: 22px;
  }

  .as-thanks-product {
    grid-template-columns:
      1fr;

    gap: 20px;
  }

  .as-thanks-product__media {
    min-height: 270px;
  }

  .as-thanks-details {
    grid-template-columns:
      1fr;
  }

  .as-thanks-detail--wide {
    grid-column:
      auto;
  }

}


@media (max-width: 520px) {

  .as-thanks-container {
    width:
      calc(100% - 26px);
  }

  .as-thanks-header {
    margin-bottom: 20px;
  }

  .as-thanks-success {
    padding:
      25px
      0
      32px;
  }

  .as-thanks-success h1 {
    font-size: 38px;
  }

  .as-thanks-summary {
    padding: 17px;
  }

  .as-thanks-product {
    padding: 16px;
  }

  .as-thanks-product__media {
    min-height: 225px;
  }

  .as-thanks-product__media img {
    max-height: 235px;
  }

  .as-thanks-product__content h3 {
    font-size: 25px;
  }

  .as-thanks-price-grid {
    grid-template-columns:
      1fr;
  }

  .as-thanks-price-card--total {
    grid-column:
      auto;
  }

  .as-thanks-price-card--total strong {
    font-size: 40px;
  }

  .as-thanks-home {
    width: 100%;
  }

}/* End custom CSS */