@font-face {
  font-family: "Rajdhani CHIP";
  src: url("fonts/Rajdhani-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  unicode-range: U+0000-024F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+25A0-25FF;
}

@font-face {
  font-family: "Rajdhani CHIP";
  src: url("fonts/Rajdhani-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  unicode-range: U+0000-024F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+25A0-25FF;
}

@font-face {
  font-family: "Rajdhani CHIP";
  src: url("fonts/Rajdhani-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  unicode-range: U+0000-024F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+25A0-25FF;
}

@font-face {
  font-family: "Rajdhani CHIP";
  src: url("fonts/Rajdhani-SemiBold.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  unicode-range: U+0000-024F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+25A0-25FF;
}

@font-face {
  font-family: "Rajdhani CHIP";
  src: url("fonts/Rajdhani-SemiBold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  unicode-range: U+0000-024F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+25A0-25FF;
}

:root {
  --chip-blue: #02a458;
  --chip-blue-dark: #313131;
  --chip-blue-soft: #eaf8f0;
  --chip-orange: #313131;
  --chip-orange-dark: #171717;
  --chip-success: #028c4b;
  --chip-font: "Rajdhani CHIP", "Noto Sans Armenian", "Segoe UI", Arial, sans-serif;
}

body,
button,
input,
select,
textarea {
  font-family: var(--chip-font);
}

body {
  font-size: 17px;
  line-height: 1.55;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong,
.button,
.chip-button,
button,
input[type="submit"],
.chip-navigation a,
.chip-icon-link,
.woocommerce div.product .price,
.woocommerce ul.products li.product .price {
  font-family: var(--chip-font);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
  letter-spacing: -0.025em;
}

strong,
.button,
.chip-button,
button,
input[type="submit"],
.chip-navigation a,
.chip-icon-link {
  font-weight: 600;
}

.chip-hero {
  background:
    radial-gradient(circle at 90% 20%, rgba(2, 164, 88, 0.14), transparent 30%),
    linear-gradient(135deg, #f1f8f4 0%, #fff 58%, #f6fbf8 100%);
}

.chip-hero h1 {
  font-weight: 700;
  letter-spacing: -0.035em;
  line-height: 1;
}

.chip-eyebrow {
  color: var(--chip-blue);
  font-weight: 600;
}

.chip-button {
  display: inline-flex;
  min-height: 46px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 11px 20px;
  border: 1px solid var(--chip-blue);
  border-radius: 10px;
  color: #fff;
  background: var(--chip-blue);
  font-weight: 600;
  line-height: 1.2;
  transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease;
}

.chip-button:hover {
  border-color: #028c4b;
  color: #fff;
  background: #028c4b;
  transform: translateY(-1px);
}

.chip-button--ghost {
  border-color: var(--chip-line);
  color: var(--chip-ink);
  background: #fff;
}

.chip-button--ghost:hover {
  border-color: var(--chip-blue);
  color: var(--chip-blue);
  background: var(--chip-blue-soft);
}

.chip-button--light {
  border-color: #fff;
  color: var(--chip-blue-dark);
  background: #fff;
}

.chip-button--light:hover {
  border-color: var(--chip-blue-soft);
  color: var(--chip-blue-dark);
  background: var(--chip-blue-soft);
}

.site-branding img {
  width: 190px;
  max-height: 58px;
}

.site-footer__brand img {
  width: 190px;
  padding: 5px 8px;
  border-radius: 8px;
  background: #fff;
  filter: none;
}

.chip-category-card__mark,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce ul.products li.product .price {
  font-weight: 700;
}

.chip-cart-count {
  background: var(--chip-blue);
}

.woocommerce span.onsale {
  background: var(--chip-blue-dark);
}

/* Use the transparent footer artwork so the circuit lines match the wordmark. */
.site-footer__brand img {
  border-radius: 0;
  background: transparent;
  filter: none;
  mix-blend-mode: normal;
}

/* Keep the no-photo state visible without letting it dominate the product. */
.woocommerce ul.products li.product a img:is(.woocommerce-placeholder, [src*="product-placeholder.webp"]) {
  width: 100%;
  height: clamp(124px, 11vw, 154px);
  aspect-ratio: auto;
  padding: clamp(16px, 2vw, 24px);
  border: 1px solid var(--chip-line);
  background: #f4f8f6;
  object-fit: contain;
}

body.single-product.woocommerce div.product div.images .woocommerce-product-gallery__wrapper:has(img:is(.woocommerce-placeholder, [src*="product-placeholder.webp"])) {
  display: grid;
  min-height: 320px;
  padding: 30px;
  place-items: center;
}

body.single-product.woocommerce div.product div.images img:is(.woocommerce-placeholder, [src*="product-placeholder.webp"]) {
  width: min(100%, 260px);
  height: auto;
  aspect-ratio: 1 / 1;
  padding: 24px;
  margin: 0 auto;
  border: 1px solid var(--chip-line);
  border-radius: 18px;
  background: #f4f8f6;
  object-fit: contain;
}

@media (max-width: 782px) {
  .site-branding img {
    width: 160px;
    max-height: 50px;
  }

  body.single-product.woocommerce div.product div.images .woocommerce-product-gallery__wrapper:has(img:is(.woocommerce-placeholder, [src*="product-placeholder.webp"])) {
    min-height: 240px;
    padding: 20px;
  }

  body.single-product.woocommerce div.product div.images img:is(.woocommerce-placeholder, [src*="product-placeholder.webp"]) {
    width: 190px;
    padding: 18px;
  }
}

@media (max-width: 420px) {
  body {
    font-size: 16px;
  }

  .site-branding img {
    width: 148px;
  }
}