/** Shopify CDN: Minification failed

Line 165:0 All "@import" rules must come first

**/
/* Additional or custom CSS */

@font-face {
  font-family: "Chile";
  src: url("/cdn/shop/files/chile-webfont.woff2?v=1769011532")
    format("woff2");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  font-display: swap;
}
@font-face {
  font-family: "Ristra";
  src: url("/cdn/shop/files/ristra-webfont.woff2?v=1769011532")
    format("woff2");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-display: swap;
}
@font-face {
  font-family: "Rubik", sans-serif;
  src: url("/cdn/shop/files/Rubik-Regular.ttf?v=1769034884")
    format("truetype");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  font-display: swap;
}
@font-face {
  font-family: "Rubik", sans-serif;
  src: url("/cdn/shop/files/Rubik-Light.ttf?v=1769034884")
    format("truetype");
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  font-display: swap;
}
@font-face {
  font-family: "Rubik", sans-serif;
  src: url("/cdn/shop/files/Rubik-Medium.ttf?v=1769034884")
    format("truetype");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  font-display: swap;
}
@font-face {
  font-family: "Rubik", sans-serif;
  src: url("/cdn/shop/files/Rubik-Bold.ttf?v=1769034884")
    format("truetype");
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  font-display: swap;
}
:root {
  --font-body-family: "Rubik", Arial, Helvetica, sans-serif;
  --font-body-style: normal;
  --font-body-weight: 300;
  --font-body-weight-bold: 500;

  --font-heading-family: "Chile", Times, sans-serif;
  --font-heading-style: normal;
  --font-heading-weight: normal;
  --font-heading-style: uppercase;

  --font-accent-family: "Ristra", Arial, Helvetica, sans-serif;
  --font-accent-style: normal;
  --font-accent-weight: normal;
}
/* Force Chile headings to display as uppercase */
h1, h2, h5,
.heading, .h1, .h2, .h5 {
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

/* H3 — Rubik Medium (sentence case) */
h3 {
  font-family: "Rubik", Arial, Helvetica, sans-serif;
  font-weight: 500;
  text-transform: none;
}

/* H4 — Ristra (ALL CAPS) */
h4 {
  font-family: "Ristra", serif;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

/* H5 — Chile (ALL CAPS) */
h5 {
  font-family: "Chile", serif;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

/* H6 — Rubik Medium (sentence case) */
h6 {
  font-family: "Rubik", Arial, Helvetica, sans-serif;
  font-weight: 500;
  text-transform: none;
}

/* ============ GLOBAL BUTTON STYLES (force override) ============ */

/* If Rubik isn't already loaded by your theme, uncomment this:
@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600&display=swap");
*/

:root{
  --lasso-btn-font: "Rubik", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
}

/* Target common Shopify theme button patterns */
button,
.button,
a.button,
.btn,
input[type="submit"],
input[type="button"],
input[type="reset"],
.product-form__submit,
.shopify-payment-button__button,
.shopify-payment-button__button--unbranded,
.cart__checkout-button,
[name="add"],
[data-add-to-cart]{
  font-family: var(--lasso-btn-font) !important;
  font-weight: 500 !important; /* Rubik Medium */
  font-style: normal !important;
  text-transform: none !important;

  /* pill shape */
  border-radius: auto !important;
}

/* Slightly tighter on mobile */
@media (max-width: 768px){
  button,
  .button,
  a.button,
  .btn,
  input[type="submit"],
  .product-form__submit,
  .shopify-payment-button__button{
    padding: 9px 20px !important;
  }
}

/* -----------------------------
   BUTTON FONT (force Rubik Medium)
--------------------------------- */

/* If Rubik isn't already loaded by the theme, UNCOMMENT this import */
@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600&display=swap");

/* Many Shopify themes drive fonts via variables — override them too */
:root{
  --font-button-family: "Rubik", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --font-button-weight: 400;
}

body button,
body .button,
body a.button,
body input[type="submit"],
body input[type="button"],
body input[type="reset"],
body .product-form__submit,
body .shopify-payment-button__button,
body .shopify-payment-button__button--unbranded{
  font-family: var(--font-button-family) !important;
  font-weight: 400 !important;
  font-style: normal !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  max-width: 600px;
}

/* Some themes put font on inner elements */
body button *,
body .button *,
body a.button *,
body .product-form__submit *,
body .shopify-payment-button__button *{
  font-family: var(--font-button-family) !important;
  font-weight: 400 !important;
  font-style: normal !important;
}

/* Make ATC (Out of stock) + Buy it now the same height */
:root{
  --pdp-btn-height: 54px;   /* <- adjust this */
}

/* PDP buttons: lock BOTH buttons to the SAME (smaller) height */
:root{
  --pdp-btn-height: 46px;  /* <- try 44px / 46px / 48px */
}

/* ================================
   HEADER DROPDOWN (DD) FIXES
   ================================ */

/* 1) Force the left menu items to stay on ONE line */
.header-nav-desktop-dd-list-single a {
  white-space: nowrap;
}

/* (Optional) if you want a little breathing room so it doesn't feel cramped */
.header-nav-desktop-dd-list-single li {
  padding-right: 12px;
}

/* 2) Center the product images vertically within the dropdown image area */
.dd-nav-image,
.dd-nav-img-wrapper,
.dd-nav-img {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Make sure the image container has a real height to center within */
.dd-nav-img {
  height: 100% !important;
}

/* 3) Prevent the <img> from "floating high" and let flex truly center it */
.dd-nav-img img {
  position: static !important;
  transform: none !important;
  display: block !important;

  /* Keep it nicely contained */
  max-height: 100% !important;
  width: auto !important;
}

.card-product-type-label { display: none !important; 
}