/** Shopify CDN: Minification failed

Line 107:0 Unexpected "}"
Line 133:0 Unexpected "}"

**/
:root{--hitch-accent:#ff2e63;--hitch-accent2:#2ec4b6;--ink:#111216;--bg:#ffffff;}
*{box-sizing:border-box}body{font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial;color:var(--ink);background:var(--bg);margin:0}
.page-width{max-width:1200px;margin:0 auto;padding:0 1rem}
.hh-header{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.06)}
.hh-logo img{ height:38px; }@media (min-width:992px){.hh-logo img{ height:38px; }}
.hh-nav a{ margin-left:14px; letter-spacing:.07em; font-size:0.95rem; text-decoration:none; color:var(--ink); font-weight:600; display:inline-flex; align-items:center; min-height:44px; padding:0 10px; }
.button{background:var(--hitch-accent);color:#fff;border-radius:9999px;padding:.6rem 1rem;display:inline-block;text-decoration:none}
.hh-footer{margin:32px 0}
.hitch-promo-bar{width:100%;background:linear-gradient(90deg,var(--hitch-accent),var(--hitch-accent2));color:#fff;text-align:center;padding:.5rem .75rem;font-weight:700}

/* Product grid on collections */
.hitch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
@media (max-width:1100px){.hitch-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:820px){.hitch-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.hitch-grid{grid-template-columns:1fr}}
.card{border:1px solid #eee;border-radius:16px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.card__img img{display:block;width:100%;height:auto}
.card__placeholder{display:flex;align-items:center;justify-content:center;height:220px;background:#f7f7f9;color:#9aa0a6}
.card__body{padding:.75rem .9rem 1rem}
.card__title{display:block;text-decoration:none;color:inherit;font-weight:700;margin:0 0 .25rem}
.card__price{display:flex;align-items:baseline;gap:.5rem;margin:0 0 .5rem}
.card__price--sale{color:#c0392b;font-weight:700}.card__price--compare{text-decoration:line-through;opacity:.6}
.card__form .button{width:100%}
.pagination{display:flex;justify-content:center;gap:1rem;margin-top:1rem}

/* PDP layout + pills visibility */
.product-page{padding:1.25rem 0 2rem}.p-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem}
@media (max-width:950px){.p-grid{grid-template-columns:1fr}}
.p-media__main{border:1px solid #eee;border-radius:16px;overflow:hidden;background:#fff}
.p-media__item{display:none}.p-media__item.is-active{display:block}
.p-media__display{width:100%;height:auto;display:block}
.p-media__thumbs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem;margin-top:.5rem}
.pthumb{border:1px solid #eee;border-radius:10px;overflow:hidden;background:#fff;padding:0;cursor:pointer}
.pthumb img{width:100%;height:auto;display:block}
.pthumb__kind{display:block;padding:.6rem;font-size:.8rem}
.p-title{margin:.25rem 0 .25rem;font-size:clamp(20px,2.8vw,28px);font-weight:800}
.p-price{display:flex;align-items:baseline;gap:.5rem;font-size:1.25rem;margin:.25rem 0 .75rem}.p-price .was{text-decoration:line-through;opacity:.6}
.p-meta{opacity:.75;margin:.25rem 0 .75rem}.p-opt-label{display:block;font-weight:700;margin:.25rem 0 .25rem}
.p-opt{width:100%;padding:.55rem .65rem;border-radius:10px;border:1px solid #e3e3e7;margin-bottom:.5rem}
.p-qty{display:flex;align-items:center;gap:.5rem;margin:.25rem 0 .75rem}.p-qty input{width:70px;padding:.5rem;border-radius:10px;border:1px solid #e3e3e7}
.p-add{width:100%;margin:.25rem 0 .5rem}
.p-acc details{border:1px solid #eee;border-radius:12px;padding:.5rem .75rem;background:#fff;margin:.5rem 0}
.p-acc summary{font-weight:800;cursor:pointer}
.p-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}
.product-page .p-badges .pill{background:#111216!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 4px 14px rgba(17,18,22,.15);opacity:1!important}

/* Hero/collection/product pills on gradient */
.hitch-prod-hero .pill,.hitch-col-hero .pill{background:rgba(255,255,255,.18)!important;border:1px solid rgba(255,255,255,.45)!important;color:#fff!important;text-shadow:0 1px 0 rgba(0,0,0,.25);font-weight:800}


/* --- Brand dominance tweaks --- */
.hh-header{
  position: sticky;
  top: 0;
  z-index: 60;
  background:#fff;
  box-shadow: 0 1px 0 rgba(0,0,0,.06);
  padding: 14px 0;
}
.hh-logo img{ height:38px; }            /* mobile/tablet */
@media (min-width: 992px){
  .hh-logo img{ height:38px; }          /* desktop */
}
.hh-nav a{ margin-left:14px; letter-spacing:.07em; font-size:0.95rem; text-decoration:none; color:var(--ink); font-weight:600; display:inline-flex; align-items:center; min-height:44px; padding:0 10px; }

/* Footer logo */
.hh-footer{ margin:36px 0 32px; text-align:center }
.hh-footer .hh-logo-footer img{ display:block; height:36px; width:auto; margin:0 auto 8px; }


/* Brand dominance v2: 56px desktop logo + 44px nav tap targets */
.hh-header{ padding: 12px 0; }
@media (min-width: 992px){
  .hh-header{ padding: 14px 0; }
}


/* === Brand size override (v3) === */
@media (min-width: 992px){
  .hh-logo img{ height:56px !important; }
  .hh-nav a{
    font-size:44px !important;      /* requested 44px nav text */
    line-height:1.05;
    min-height:56px;
    padding:0 12px;
    margin-left:10px;
    letter-spacing:.02em;
  }
  .hh-header{ padding: 10px 0 !important; }
}

/* Keep mobile/tablet sane */

@media (max-width: 991.98px){
  .hh-logo img{ height:40px !important; }
  .hh-nav{ gap:8px; flex-wrap:wrap; justify-content:center; }
  .hh-nav a{ font-size:18px; min-height:44px; padding:0 8px; }
}

  .hh-nav a{ font-size:18px; min-height:44px; }
}


/* === Brand/nav corrections (v4) === */
@media (min-width: 992px){
  .hh-header{ display:flex; align-items:center; justify-content:space-between !important; }
  .hh-logo{ display:flex; align-items:center; }
  .hh-logo img{ height:56px !important; }            /* exact desktop logo height */
  .hh-nav{ margin-left:auto; display:flex; align-items:center; gap:18px; }
  .hh-nav a{
    font-size:44px !important;                       /* exact desktop nav text size */
    line-height:1.05;
    min-height:44px !important;                      /* 44px tap height */
    padding:0 8px;
    text-decoration:none;
    text-align:right;
  }
}

@media (max-width: 991.98px){
  .hh-logo img{ height:40px !important; }
  .hh-nav{ gap:8px; flex-wrap:wrap; justify-content:center; }
  .hh-nav a{ font-size:18px; min-height:44px; padding:0 8px; }
}

  .hh-nav a{ font-size:18px; min-height:44px; }
}



.hh-header.page-width{ background: transparent; } /* in case header carried page-width */


/* --- Sticky header full-width wrapper (final) --- */
.hh-header{
  position: sticky;
  top: 0;
  z-index: 999;
  width: 100%;
  background: #fff;
  box-shadow: 0 1px 0 rgba(0,0,0,.06);
}

/* Center and lay out content inside the header */
.hh-header-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 12px 0;
}

/* On larger screens a bit more vertical padding to allow two-line nav labels */
@media (min-width: 992px){
  .hh-header-inner{ padding: 16px 0; }
}

/* Make sure any legacy .hh-header.page-width rule doesn't constrain width or background */
.hh-header.page-width{ max-width:none; padding:0; }


/* --- Center the ampersand on its own line within multi-word nav labels --- */
.hh-nav a .amp, .hm-links a .amp{
  display:block;
  text-align:center;
  line-height:1;
  margin: -2px 0 -1px; /* tiny optical tweak */
}



.hm-links a.has-amp .amp{ display:block; text-align:center; font-weight:700; }


/* --- Ampersand centering: make each line 100% width and center text --- */
.hh-nav a.has-amp,
.hm-links a.has-amp{
  display:inline-flex;
  flex-direction:column;
  align-items:stretch;   /* full-width children */
  white-space:normal;
  line-height:1.06;
  gap:2px;
  padding-top:2px;
  padding-bottom:2px;
}
.hh-nav a.has-amp .line,
.hh-nav a.has-amp .amp,
.hm-links a.has-amp .line,
.hm-links a.has-amp .amp{
  display:block;
  width:100%;           /* each row same width */
  text-align:center;    /* center text within the row */
}
.hh-nav a.has-amp .amp,
.hm-links a.has-amp .amp{ font-weight:700; }
.daily6-card{ background:#000; }
.daily6-body{ color:#fff; }

/* === Hitch: Bigger cart icon + counter === */
:root{
  /* tweak these two numbers to your taste */
  --cart-icon-size: 32px;   /* desktop icon */
  --cart-count-size: 22px;  /* desktop counter */
}

.hh-cart{ gap: .6rem; }

/* Desktop header cart icon */
.hh-cart svg{
  width: var(--cart-icon-size) !important;
  height: var(--cart-icon-size) !important;
}

/* Desktop header red counter */
.hh-cart-count{
  min-width: var(--cart-count-size);
  height: var(--cart-count-size);
  font-size: 13px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 6px; /* keeps pill shape on double-digits */
}

/* Mobile sizes */
@media (max-width: 991.98px){
  :root{
    --cart-icon-size: 28px;
    --cart-count-size: 20px;
  }
  /* If you show a cart link in the mobile menu/drawer */
  .hm-links__cart .hm-count{
    min-width: var(--cart-count-size);
    height: var(--cart-count-size);
    font-size: 12px;
    border-radius: 999px;
    background:#ef4444; color:#fff;
    display:inline-flex; align-items:center; justify-content:center;
    padding: 0 6px; margin-left: 6px;
  }
}