.elementor-434 .elementor-element.elementor-element-5c91050{--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-18b6cf3 *//* =========================================================
   AL SAHL — DIRECT PRODUCTS ORDER PAGE
   Custom CSS
========================================================= */


/* =========================================================
   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
========================================================= */

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

  width: 100%;
  max-width: 100%;

  overflow: hidden;

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

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

  -webkit-font-smoothing: antialiased;
}

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

#alsahlDirectProducts img {
  max-width: 100%;
}

#alsahlDirectProducts button,
#alsahlDirectProducts input,
#alsahlDirectProducts textarea,
#alsahlDirectProducts select {
  font: inherit;
}

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

  margin-inline: auto;
}

.as-products-section {
  padding:
    92px
    0;
}


/* =========================================================
   SHARED
========================================================= */

.as-products-eyebrow {
  display: flex;
  align-items: center;

  gap: 12px;

  color: var(--olive-gold);

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

.as-products-eyebrow > span {
  width: 32px;
  height: 1px;

  background: currentColor;
}

.as-products-section-head {
  max-width: 860px;

  margin-bottom: 44px;
}

.as-products-section-head h2 {
  margin:
    12px
    0
    0;

  font-size:
    clamp(
      36px,
      4vw,
      55px
    );

  font-weight: 800;

  line-height: 1.22;
}

.as-products-section-head h2 strong {
  color: var(--olive-gold);

  font-weight: 800;
}

.as-products-section-head > p {
  max-width: 680px;

  margin:
    18px
    0
    0;

  color: var(--muted);

  font-size: 14px;

  line-height: 1.95;
}


/* =========================================================
   HERO
========================================================= */

.as-products-hero {
  min-height: 700px;

  display: flex;
  align-items: center;

  background:
    radial-gradient(
      circle at 10% 20%,
      rgba(230,188,112,.20),
      transparent 28%
    ),
    linear-gradient(
      180deg,
      #F4ECD9 0%,
      #F0E4CA 100%
    );

  border-bottom:
    1px solid
    rgba(51,49,10,.07);
}

.as-products-hero__grid {
  padding:
    58px
    0;

  display: grid;

  grid-template-columns:
    minmax(0,1.04fr)
    minmax(430px,.96fr);

  gap: 72px;

  align-items: center;
}

.as-products-logo {
  width: 108px;
  height: 72px;

  margin-bottom: 32px;

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

.as-products-hero__copy h1 {
  max-width: 760px;

  margin:
    17px
    0
    0;

  font-size:
    clamp(
      52px,
      5.4vw,
      78px
    );

  font-weight: 800;

  line-height: 1.12;

  letter-spacing: -.7px;
}

.as-products-hero__copy h1 strong {
  display: block;

  color: var(--olive-gold);

  font-weight: 800;
}

.as-products-hero__copy > p {
  max-width: 700px;

  margin:
    23px
    0
    0;

  color: #716A53;

  font-size: 16px;

  line-height: 1.95;
}

.as-products-hero__trust {
  margin-top: 22px;

  display: flex;
  flex-wrap: wrap;

  gap: 8px;
}

.as-products-hero__trust span {
  padding:
    9px
    12px;

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

  color: #625B42;

  background:
    rgba(255,255,255,.22);

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

.as-products-main-cta {
  min-height: 56px;

  margin-top: 25px;

  padding:
    0
    28px;

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

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

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

  text-decoration: none !important;
}


.as-products-hero__visual {
  position: relative;

  min-height: 0;
  aspect-ratio: 1 / 1;

  overflow: hidden;

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

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

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

.as-products-hero__slider {
  position: absolute;
  inset: 0;

  overflow: hidden;
  isolation: isolate;
  touch-action: pan-y;
  cursor: grab;
}

.as-products-hero__slider:active {
  cursor: grabbing;
}

.as-products-hero__slide {
  --as-hero-enter-x: 24%;
  --as-hero-enter-rotate: 1.25deg;

  position: absolute;
  inset: 0;

  padding:
    18px
    22px
    26px;

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

  opacity: 0;

  transform:
    translate3d(
      var(--as-hero-enter-x),
      5%,
      0
    )
    scale(.965)
    rotate(
      var(--as-hero-enter-rotate)
    );

  transform-origin:
    center
    74%;

  transition:
    transform 850ms cubic-bezier(.20,.78,.24,1),
    opacity 320ms ease,
    filter 850ms ease;

  will-change:
    transform,
    opacity;

  pointer-events: none;
}

.as-products-hero__slide.is-active {
  opacity: 1;

  transform:
    translate3d(0,0,0)
    scale(1)
    rotate(0deg);

  filter: brightness(1);
}

.as-products-hero__slide.is-under {
  opacity: 1;

  transform:
    translate3d(-3%,-.4%,0)
    scale(.982)
    rotate(-.3deg);

  filter: brightness(.94);
}

.as-products-hero__slide img {
  display: block;

  width: 100%;
  height: 100%;

  max-width: 96%;
  max-height: 96%;

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

  user-select: none;
  -webkit-user-drag: none;

  filter:
    drop-shadow(
      0 25px 28px
      rgba(51,49,10,.15)
    );
}

.as-products-hero__slider::after {
  content: "";

  position: absolute;

  right: 11%;
  left: 11%;
  bottom: 5%;

  height: 8%;
  z-index: 0;

  border-radius: 50%;

  background:
    radial-gradient(
      ellipse at center,
      rgba(51,49,10,.14) 0%,
      rgba(51,49,10,.045) 44%,
      transparent 72%
    );

  filter: blur(5px);
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  .as-products-hero__slide {
    transition: none !important;
  }
}

.as-products-hero__badge {
  position: absolute;

  right: 23px;
  bottom: 23px;

  z-index: 5;

  min-width: 153px;

  padding:
    15px
    17px;

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

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

.as-products-hero__badge strong,
.as-products-hero__badge span {
  display: block;
}

.as-products-hero__badge strong {
  color: var(--gold);

  font-family: Arial,sans-serif;

  font-size: 34px;

  line-height: 1;
}

.as-products-hero__badge span {
  margin-top: 5px;

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

  font-size: 10px;
}


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

.as-products-trust {
  background: var(--dark);
}

.as-products-trust__grid {
  display: grid;

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

.as-products-trust article {
  min-height: 110px;

  padding:
    22px
    23px;

  display: flex;
  align-items: center;

  gap: 14px;

  border-left:
    1px solid
    rgba(230,188,112,.14);
}

.as-products-trust article:last-child {
  border-left: 0;
}

.as-products-trust article > span {
  color: var(--gold);

  font-family: Arial,sans-serif;

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

.as-products-trust strong,
.as-products-trust small {
  display: block;
}

.as-products-trust strong {
  color: #fff;

  font-size: 13px;
}

.as-products-trust small {
  margin-top: 3px;

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

  font-size: 9px;
}


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

.as-products-catalog {
  background: #F9F4E9;
}

.as-products-grid {
  display: grid;

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

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

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

.as-product-card {
  min-width: 0;

  display: flex;
  flex-direction: column;

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

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

  background:
    rgba(255,255,255,.12);

  transition:
    transform .22s ease,
    box-shadow .22s ease,
    border-color .22s ease;
}

.as-product-card:hover {
  transform:
    translateY(-4px);

  box-shadow:
    0 18px 36px
    rgba(51,49,10,.065);
}

.as-product-card.is-selected {
  position: relative;

  z-index: 3;

  border-color:
    rgba(146,134,72,.72);

  box-shadow:
    inset 0 0 0 2px
    rgba(146,134,72,.18),
    0 18px 36px
    rgba(51,49,10,.07);
}

.as-product-card__media {
  position: relative;

  min-height: 320px;

  padding:
    28px
    22px;

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

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

.as-product-card__media img {
  width: auto;
  max-width: 100%;
  max-height: 260px;

  object-fit: contain;

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

.as-product-card__badge {
  position: absolute;

  top: 17px;
  right: 17px;

  z-index: 3;

  padding:
    8px
    10px;

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

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

.as-product-card__body {
  min-height: 430px;

  padding:
    26px
    23px;

  display: flex;
  flex-direction: column;
}

.as-product-card__type {
  color: var(--olive-gold);

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

.as-product-card h3 {
  margin:
    7px
    0
    0;

  font-size: 25px;
  font-weight: 800;

  line-height: 1.25;
}

.as-product-card__body > p {
  margin:
    13px
    0
    0;

  color: var(--muted);

  font-size: 11px;

  line-height: 1.9;
}

.as-product-card__meta {
  margin-top: 19px;

  display: grid;

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

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

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

.as-product-card__meta > div {
  min-height: 72px;

  padding:
    12px;

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

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

.as-product-card__meta span,
.as-product-card__meta strong {
  display: block;
}

.as-product-card__meta span {
  color: var(--olive-gold);

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

.as-product-card__meta strong {
  margin-top: 4px;

  font-size: 11px;
}

.as-product-card__price {
  margin-top: auto;

  padding-top: 22px;
}

.as-product-card__price > span {
  display: block;

  margin-bottom: 4px;

  color: var(--olive-gold);

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

.as-product-card__price > div {
  display: flex;
  align-items: flex-end;

  gap: 7px;
}

.as-product-card__price strong {
  font-family: Arial,sans-serif;

  font-size: 36px;
  font-weight: 800;

  line-height: 1;
}

.as-product-card__price small {
  padding-bottom: 4px;

  color: var(--muted);

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

.as-product-card__select {
  width: 100%;
  min-height: 50px;

  margin-top: 21px;

  border: 0;

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

  font-size: 11px;
  font-weight: 800;

  cursor: pointer;

  transition:
    background .2s ease,
    transform .2s ease;
}

.as-product-card__select:hover {
  background: var(--dark-2);

  transform:
    translateY(-1px);
}

.as-product-card--popular {
  background:
    rgba(230,188,112,.06);
}

.as-product-card--popular
.as-product-card__badge {
  color: var(--dark);
  background: var(--gold);
}

.as-product-card--dark {
  color: #fff;
  background: var(--dark);
}

.as-product-card--dark
.as-product-card__media {
  background:
    linear-gradient(
      145deg,
      #34330C,
      #252407
    );
}

.as-product-card--dark h3 {
  color: #fff;
}

.as-product-card--dark
.as-product-card__body > p {
  color:
    rgba(255,255,255,.58);
}

.as-product-card--dark
.as-product-card__meta {
  border-color:
    rgba(230,188,112,.15);
}

.as-product-card--dark
.as-product-card__meta > div {
  border-color:
    rgba(230,188,112,.15);
}

.as-product-card--dark
.as-product-card__meta strong,
.as-product-card--dark
.as-product-card__price strong {
  color: #fff;
}

.as-product-card--dark
.as-product-card__price small {
  color:
    rgba(255,255,255,.52);
}

.as-product-card--dark
.as-product-card__select {
  color: var(--dark);
  background: var(--gold);
}


/* =========================================================
   ORDER
========================================================= */

.as-products-order {
  background:
    linear-gradient(
      180deg,
      #EEE4CA 0%,
      #F4ECD9 100%
    );
}

.as-products-order__empty {
  padding:
    30px;

  display: grid;

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

  gap: 18px;

  align-items: center;

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

  background:
    rgba(249,244,233,.58);
}

.as-products-order__empty > span {
  width: 48px;
  height: 48px;

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

  color: var(--olive-gold);

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

  font-family: Arial,sans-serif;

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

.as-products-order__empty strong {
  font-size: 16px;
}

.as-products-order__empty p {
  max-width: 600px;

  margin:
    5px
    0
    0;

  color: var(--muted);

  font-size: 11px;

  line-height: 1.8;
}

.as-products-order__content {
  display: grid;

  grid-template-columns:
    minmax(330px,.78fr)
    minmax(0,1.22fr);

  gap: 42px;

  align-items: start;
}

.as-products-order__content[hidden] {
  display: none !important;
}


/* =========================================================
   SELECTED PRODUCT SUMMARY
========================================================= */

.as-products-order__summary {
  position: sticky;

  top: 25px;

  padding:
    26px;

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

  background:
    rgba(249,244,233,.73);
}

.as-products-selected {
  display: grid;

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

  gap: 19px;

  align-items: center;
}

.as-products-selected__media {
  height: 120px;

  padding: 10px;

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

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

.as-products-selected__media img {
  max-width: 100%;
  max-height: 100px;

  object-fit: contain;
}

.as-products-selected__info > span {
  display: block;

  color: var(--olive-gold);

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

.as-products-selected__info h3 {
  margin:
    5px
    0
    0;

  font-size: 20px;
  font-weight: 800;

  line-height: 1.35;
}

.as-products-change-product {
  margin-top: 9px;

  padding: 0;

  border: 0;

  color: var(--olive-gold);
  background: transparent;

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

  text-decoration: underline;

  cursor: pointer;
}

.as-products-order-data {
  margin-top: 23px;

  display: grid;

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

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

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

.as-products-order-data > div {
  min-height: 78px;

  padding: 14px;

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

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

.as-products-order-data span,
.as-products-order-data strong {
  display: block;
}

.as-products-order-data span {
  color: var(--olive-gold);

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

.as-products-order-data strong {
  margin-top: 5px;

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

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


/* =========================================================
   QUANTITY
========================================================= */

.as-products-quantity {
  margin-top: 22px;
}

.as-products-quantity__label {
  display: block;

  margin-bottom: 8px;

  color: #5C563F;

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

.as-products-quantity__control {
  min-height: 58px;

  display: grid;

  grid-template-columns:
    58px
    minmax(80px,1fr)
    58px;

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

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

.as-products-quantity__control button {
  border: 0;

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

  color: var(--dark);
  background:
    rgba(238,228,202,.60);

  font-family: Arial,sans-serif;

  font-size: 27px;

  cursor: pointer;
}

.as-products-quantity__control button:first-child {
  border-left:
    1px solid
    var(--line);
}

.as-products-quantity__control button:last-child {
  border-right:
    1px solid
    var(--line);
}

.as-products-quantity__control button:disabled {
  opacity: .30;

  cursor: not-allowed;
}

.as-products-quantity__control button:hover:not(:disabled) {
  color: var(--gold);
  background: var(--dark);
}

#asProductsQuantity {
  width: 100%;
  height: 56px;

  padding: 0;

  border: 0 !important;
  outline: 0 !important;

  color: var(--dark);
  background: transparent !important;

  box-shadow: none !important;

  font-family: Arial,sans-serif;

  font-size: 20px;
  font-weight: 800;

  text-align: center;

  appearance: textfield;
  -moz-appearance: textfield;
}

#asProductsQuantity::-webkit-inner-spin-button,
#asProductsQuantity::-webkit-outer-spin-button {
  -webkit-appearance: none;

  margin: 0;
}


/* =========================================================
   CALCULATION
========================================================= */

.as-products-calculation {
  margin-top: 22px;

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

.as-products-calculation__row {
  min-height: 52px;

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

  gap: 20px;

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

  color: var(--muted);

  font-size: 10px;
}

.as-products-calculation__row strong {
  color: var(--dark);

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

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

.as-products-calculation__row--total {
  min-height: 74px;

  color: var(--dark);

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

.as-products-calculation__row--total strong {
  font-size: 25px;
}

.as-products-shipping-note {
  margin:
    14px
    0
    0;

  padding:
    11px
    12px;

  color: #725F31;

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

  background:
    rgba(230,188,112,.10);

  font-size: 9px;

  line-height: 1.8;
}


/* =========================================================
   FLUENT FORM SHELL
========================================================= */

.as-products-form-shell {
  padding:
    30px;

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

  background: #F9F4E9;

  box-shadow:
    0 18px 45px
    rgba(51,49,10,.05);
}

.as-products-form-shell__head {
  margin-bottom: 27px;
}

.as-products-form-shell__head > span {
  color: var(--olive-gold);

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

.as-products-form-shell__head h3 {
  margin:
    6px
    0
    0;

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


/* =========================================================
   CUSTOM FRONT-END FORM
========================================================= */

.as-products-front-form {
  margin: 0;
}

.as-products-form-grid {
  display: grid;

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

  gap:
    17px
    15px;
}

.as-products-field {
  min-width: 0;
}

.as-products-field--wide {
  grid-column:
    1 / -1;
}

.as-products-field label {
  display: flex;
  align-items: center;

  gap: 5px;

  margin-bottom: 7px;

  color: #5C563F;

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

.as-products-field label b {
  color: #B35448;

  font-family: Arial,sans-serif;

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

.as-products-field label small {
  margin-right: auto;

  color: var(--muted);

  font-size: 8px;
  font-weight: 400;
}

.as-products-field input,
.as-products-field textarea,
.as-products-field select {
  width: 100%;

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

  border-radius: 0;

  outline: 0;

  color: var(--dark);

  background:
    rgba(255,255,255,.48);

  box-shadow: none;

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

  font-size: 14px;

  transition:
    border-color .2s ease,
    box-shadow .2s ease;
}

.as-products-field input,
.as-products-field select {
  height: 52px;

  padding:
    0
    14px;
}

.as-products-field textarea {
  min-height: 108px;

  padding:
    13px
    14px;

  resize: vertical;
}

.as-products-field input:focus,
.as-products-field textarea:focus,
.as-products-field select:focus {
  border-color:
    rgba(146,134,72,.68);

  box-shadow:
    0 0 0 3px
    rgba(230,188,112,.09);
}

.as-products-select-wrap {
  position: relative;
}

.as-products-select-wrap select {
  appearance: none;
  -webkit-appearance: none;

  padding-left: 42px;

  cursor: pointer;
}

.as-products-select-wrap > span {
  position: absolute;

  left: 15px;
  top: 50%;

  transform:
    translateY(-50%);

  color: var(--olive-gold);

  pointer-events: none;
}

.as-products-form-order-line {
  margin-top: 24px;

  display: grid;

  grid-template-columns:
    1.4fr
    .55fr
    .9fr;

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

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

.as-products-form-order-line > div {
  min-height: 78px;

  padding:
    13px
    14px;

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

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

.as-products-form-order-line span,
.as-products-form-order-line strong {
  display: block;
}

.as-products-form-order-line span {
  color: var(--olive-gold);

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

.as-products-form-order-line strong {
  margin-top: 5px;

  color: var(--dark);

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

  font-size: 11px;
  font-weight: 800;

  line-height: 1.55;
}

.as-products-submit {
  width: 100%;
  min-height: 57px;

  margin-top: 20px;

  border: 0;
  border-radius: 0;

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

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

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

  box-shadow: none;

  cursor: pointer;

  transition:
    background .2s ease,
    opacity .2s ease,
    transform .2s ease;
}

.as-products-submit:hover:not(:disabled) {
  background:
    var(--dark-2);

  transform:
    translateY(-1px);
}

.as-products-submit:disabled {
  opacity: .62;

  cursor: wait;
}

.as-products-form-note {
  min-height: 22px;

  margin:
    11px
    0
    0;

  font-size: 10px;

  line-height: 1.8;
}

.as-products-form-note.is-error {
  color: #98483B;
}

.as-products-form-note.is-success {
  color: #55652A;
}



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

@media (max-width: 1080px) {

  .as-products-hero__grid {
    grid-template-columns:
      minmax(0,1fr)
      minmax(360px,.8fr);

    gap: 45px;
  }

  .as-products-grid {
    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }

  .as-products-order__content {
    grid-template-columns:
      1fr;
  }

  .as-products-order__summary {
    position: static;
  }

}


@media (max-width: 800px) {

  .as-products-section {
    padding:
      70px
      0;
  }

  .as-products-hero {
    min-height: 0;
  }

  .as-products-hero__grid {
    grid-template-columns:
      1fr;

    padding:
      38px
      0
      48px;
  }

  .as-products-hero__visual {
    min-height: 490px;
  }

  .as-products-trust__grid {
    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }

  .as-products-trust article:nth-child(2) {
    border-left: 0;
  }

  .as-products-trust article:nth-child(-n+2) {
    border-bottom:
      1px solid
      rgba(230,188,112,.14);
  }

}


@media (max-width: 620px) {

.as-products-hero__slide {
  padding:
    12px
    14px
    20px;
}

.as-products-hero__slide img {
  max-width: 98%;
  max-height: 98%;
}


  .as-products-container {
    width:
      calc(100% - 28px);
  }

  .as-products-section {
    padding:
      58px
      0;
  }

  .as-products-logo {
    width: 92px;
    height: 62px;

    margin-bottom: 24px;
  }

  .as-products-hero__copy h1 {
    font-size:
      clamp(
        41px,
        12vw,
        54px
      );
  }

  .as-products-hero__copy > p {
    font-size: 14px;
  }

  .as-products-main-cta {
    width: 100%;
  }

  .as-products-hero__visual {
    min-height: 0;
    aspect-ratio: 1 / 1;
  }


  .as-products-trust__grid {
    grid-template-columns:
      1fr;
  }

  .as-products-trust article,
  .as-products-trust article:nth-child(2) {
    border-left: 0;

    border-bottom:
      1px solid
      rgba(230,188,112,.14);
  }

  .as-products-trust article:last-child {
    border-bottom: 0;
  }

  .as-products-section-head h2 {
    font-size: 34px;
  }

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

  .as-product-card__media {
    min-height: 300px;
  }

  .as-product-card__body {
    min-height: 0;
  }

  .as-products-order__empty {
    grid-template-columns:
      1fr;

    padding:
      23px;
  }

  .as-products-selected {
    grid-template-columns:
      95px
      minmax(0,1fr);
  }

  .as-products-selected__media {
    height: 95px;
  }

  .as-products-selected__media img {
    max-height: 78px;
  }

  .as-products-order__summary,
  .as-products-form-shell {
    padding:
      21px
      18px;
  }

  .as-products-form-grid {
    grid-template-columns:
      1fr;
  }

  .as-products-field--wide {
    grid-column:
      auto;
  }

  .as-products-form-order-line {
    grid-template-columns:
      1fr;
  }

}


@media (max-width: 400px) {

  .as-products-hero__copy h1 {
    font-size: 37px;
  }

  .as-products-hero__trust {
    gap: 6px;
  }

  .as-products-hero__trust span {
    padding:
      8px
      9px;

    font-size: 9px;
  }

  .as-product-card__price strong {
    font-size: 33px;
  }

  .as-products-calculation__row--total strong {
    font-size: 22px;
  }

}/* End custom CSS */