/* ==========================================================================
   iCAUR Pakistan — base.css
   Reset, design tokens (CSS variables), fonts and typography.
   ========================================================================== */

/* ---------- Fonts ---------- */
@font-face {
  font-family: "Gotham";
  src: url("../fonts/Gotham-Book.woff2") format("woff2"),
       url("../fonts/Gotham-Book.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: url("../fonts/Gotham-Medium.woff2") format("woff2"),
       url("../fonts/Gotham-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: url("../fonts/Gotham-Bold.woff2") format("woff2"),
       url("../fonts/Gotham-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* ---------- Design tokens ---------- */
:root {
  /* colours */
  --gold: #c19459;
  --gold-soft: #c49f70;
  --black: #000;
  --ink: #231815;
  --ink-2: #1f2124;
  --grey: #8a8a8a;
  --sand: rgba(228, 214, 205, .8);
  --sand-70: rgba(228, 214, 205, .7);
  --sand-60: rgba(228, 214, 205, .6);
  --footer-bg: #0a0a0a;
  --dark-bg: #120f0e;
  --legal-bg: #1f1411;
  --field-bg: #f7f7f7;
  --row-alt: #faf6f1;
  --white: #fff;

  /* type */
  --font: "Gotham", "Helvetica Neue", Arial, sans-serif;
  --fw-book: 400;
  --fw-medium: 500;
  --fw-bold: 700;

  /* spacing */
  --gutter: 100px;
  --section-y: 120px;
  --header-h: 72px;

  /* motion */
  --ease: cubic-bezier(.25, .8, .25, 1);
}

@media (max-width: 1024px) {
  :root { --gutter: 40px; --section-y: 80px; }
}
@media (max-width: 767px) {
  :root { --gutter: 16px; --section-y: 48px; --header-h: 56px; }
}

/* ---------- Reset ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body, h1, h2, h3, h4, h5, h6, p, figure, blockquote, ul, ol, dl, dd { margin: 0; }
ul, ol { padding: 0; list-style: none; }
img, video, svg { display: block; max-width: 100%; }
img { height: auto; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; color: inherit; }
button { background: none; border: 0; padding: 0; cursor: pointer; }
table { border-collapse: collapse; }
[hidden] { display: none !important; }

/* ---------- Base typography ---------- */
body {
  font-family: var(--font) !important;
  font-weight: var(--fw-book);
  font-size: 16px;
  line-height: 24px;
  color: var(--black);
  background: var(--white);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}
body.is-locked { overflow: hidden; }

h1, h2, h3, h4, h5, h6 { font-weight: var(--fw-bold); }
strong, b { font-weight: var(--fw-bold); }

.section-title {
  font-size: 48px;
  line-height: 56px;
  font-weight: var(--fw-bold);
  text-transform: uppercase;
  color: var(--black);
}
@media (max-width: 767px) {
  .section-title { font-size: 32px; line-height: 40px; }
}

.skip-link {
  position: absolute;
  left: 16px;
  top: -100px;
  z-index: 1000;
  padding: 8px 16px;
  background: var(--white);
  color: var(--gold);
}
.skip-link:focus { top: 16px; }

/* Keyboard focus ring (mouse clicks don't show it) */
:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }
:focus:not(:focus-visible) { outline: none; }

.visually-hidden {
  position: absolute !important;
  width: 1px; height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.specs__actions.specsactions{}
.specs__actions.specsactions a.btn svg{gap: 12px;flex-direction: row;display: flex;justify-content: center;}
.specs__actions.specsactions a.btn{gap: 12px;flex-direction: row;display: flex;background-color: transparent;fill: #231815;color: #231815;background-image: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);border-radius: 2px 2px 2px 2px;font-size: 14px;line-height: 20px;padding: 12px 32px 12px 32px;font-family: Gotham;height: auto;font-weight: 400;}

.model-hero__actions.twowhitebtncon{}
.model-hero__actions.twowhitebtncon > a.btn.dnb{gap: 12px;flex-direction: row;display: flex;}
.model-hero__actions.twowhitebtncon > a.btn{background-color: transparent;fill: #231815;color: #231815;background-image: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);border-radius: 2px 2px 2px 2px;font-size: 14px;line-height: 20px;padding: 12px 32px 12px 32px;font-family: Gotham;display: inline-block;height: auto;font-weight: 400;}
#newsmainsection.news-teaser h3.post-card__title{color: #231815;margin-bottom: 15px;font-family: Gotham;
  font-size: 32px;
  line-height: 53px;max-width:100%;}
#newsmainsection.news-teaser h3.post-card__title a{color: #231815;text-decoration:none;}

/* Respect the OS "reduce motion" setting everywhere */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    transition-delay: 0s !important;
  }
}