/* ============================================
   AVANTCHA THEME 3.0
   Stylsheet: AVANTCHA Typography
============================================ */

@font-face {
  font-family: "Swift";
  src: url("https://cdn-files.myshopline.com/file/store/1772700938327/swift-light.woff2") format("woff2"),
  url("fonts/698705/swift-light.otf") format("otf");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
    font-family: "Swift";
    src: url("https://cdn-files.myshopline.com/file/store/1772700938327/swift-light-italic.woff2") format("woff2"),
        url("fonts/698705/swift-light-italic.otf") format("otf");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}
@font-face {
  font-family: "Swift";
  src: url("https://cdn-files.myshopline.com/file/store/1772700938327/swift-regular.woff2") format("woff2"),
  url("fonts/698705/swift-regular.otf") format("otf");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Swift";
  src: url("https://cdn-files.myshopline.com/file/store/1772700938327/swift-italic.woff2") format("woff2"),
  url("fonts/698705/swift-italic.otf") format("otf");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Swift";
  src: url("https://cdn-files.myshopline.com/file/store/1772700938327/swift-bold.woff2") format("woff2"),
  url("fonts/698705/swift-bold.otf") format("otf");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'aed';
  src: url("https://b2b.avantcha.com/fonts/798765/aed.woff2") format("woff2"),
  url("fonts/798765/aed.woff") format('woff'),
  url("fonts/798765/aed.ttf") format('ttf');
  font-weight: normal;
  font-style: normal;
}

.icon-aed {
  font-family: 'aed';
  font-size: 1.02em;
  line-height: 1;
  display: inline-block;
  margin-right:2px;
}

/*General*/
body {font-family:var(--font-family-sans);font-size: var(--base-font-size);overflow-x:hidden;font-weight:var(--font-weight-light);line-height:var(--line-height-default);}
.text-align-left {text-align:left;}
.text-align-center {text-align: center;}
.text-align-right {text-align:right;}
h1, h2, h3, h4, .title0, .title1, .title2, .title3, .title4  {font-family:var(--font-family-serif);font-weight:var(--font-weight-light);}
h5, h6, .title5, .title6, .body1, .body2, .body3, .body4, .body5, .body6, .body-font {font-family:var(--font-family-sans);font-weight:var(--font-weight-light);}
strong, b {font-weight:var(--font-weight-medium);}
h1 {font-size:var(--font-size-h1);margin-bottom:var(--size-48);}
h2, .title2 {font-size:var(--font-size-h2);margin-bottom: var(--size-24);}
h3, .title3 {font-size:var(--font-size-h3);margin-bottom: var(--size-16);}
h4, .title4 {font-size:var(--font-size-h4);margin-bottom: var(--size-12);}
h5, .title5 {font-size:var(--font-size-h5);margin-bottom: var(--size-12);}
h6, .title6 {font-size:var(--font-size-h6);margin-bottom: var(--size-12);}
.product-detail__title h1 {margin-bottom:var(--size-24);}

h1.no-margins, .title2.no-margins, h2.no-margins, .title3.no-margins, h3.no-margins, .title3.no-margins,
h4.no-margins, .title4.no-margins, h5.no-margins, .title5.no-margins, h6.no-margins, .title6.no-margins {margin-bottom:0;}

.foot-notes {color: var(--color-captions);font-size: var(--font-size-s);}
.subheading.subtitle-style-1 {letter-spacing:0.2em;color:var(--color-captions);text-transform:uppercase;}
.subheadering.subtitle-style-2 {letter-spacing:0.1em;color:var(--color-captions);text-transform:capitalize;}
.subheading.subtitle-style-3 {color:var(--color-captions);font-family:var(--font-family-serif);font-size: var(--font-size-h3);font-style: italic;}

sup {font-size: 65%;line-height: 1;position: relative;top: -0.35em;}
.font-bold {font-weight:var(--font-weight-medium);}
.text-uppercase {text-transform: uppercase;}

/*AED official currency*/
.icon-aed:before {content: '\e900';}
.product-price__item {display: flex;gap: 5px;align-items: center;}


/*Header Styling*/
theme-announcement-bar-carousel {font-size: var(--font-size-xs);}
theme-announcement-bar-carousel .announcement-bar__group-item-inner {color: var(--color-grey);}




@media (max-width: 767px) {
  body {font-size:14.5px;}
  theme-announcement-bar-carousel {font-size: var(--font-size-xxs);line-height:1.3em;}
}