/** Shopify CDN: Minification failed

Line 655:20 Unexpected "{"
Line 655:29 Expected ":"
Line 661:20 Unexpected "{"
Line 661:29 Expected ":"

**/
/* ===== Aarkas Phase 2.1 visual reset: boutique split hero ===== */
:root{--aarkas-ink:#171312;--aarkas-ivory:#f7f1ea;--aarkas-wine:#7a2438;--aarkas-line:#ddd2c7;}
.aarkas-hero{display:none!important;}

.aarkas-hero-split{display:grid;grid-template-columns:minmax(420px,40%) minmax(0,60%);min-height:560px;background:var(--aarkas-ivory);overflow:hidden;}
.aarkas-hero-split__copy{display:flex;align-items:center;padding:58px clamp(28px,4.5vw,76px);color:var(--aarkas-ink);}
.aarkas-hero-split__copy-inner{max-width:560px;}
.aarkas-hero-split__eyebrow{margin:0 0 14px;color:var(--aarkas-wine)!important;font-size:11px!important;line-height:1.3;font-weight:700!important;letter-spacing:.16em;text-transform:uppercase;opacity:.9;}
#root .aarkas-hero-split h1,.aarkas-hero-split h1{margin:0 0 18px!important;color:var(--aarkas-ink)!important;font-family:var(--secondary_font,Georgia,serif)!important;font-size:clamp(40px,4vw,64px)!important;font-weight:400!important;line-height:1.02!important;letter-spacing:-.03em!important;max-width:520px;hyphens:none!important;word-break:normal!important;overflow-wrap:normal!important;text-wrap:balance;}
.aarkas-hero-split__text,.aarkas-hero-split__text p{color:#4b4441!important;font-size:17px!important;line-height:1.56!important;margin:0!important;max-width:500px;}
.aarkas-hero-split__buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px;}
.aarkas-hero-split__btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 24px;text-decoration:none!important;font-size:14px;font-weight:700;letter-spacing:.01em;border:1px solid var(--aarkas-ink);transition:.2s ease;border-radius:2px;}
.aarkas-hero-split__btn--primary{background:var(--aarkas-ink);color:#fff!important;}
.aarkas-hero-split__btn--primary:hover{background:var(--aarkas-wine);border-color:var(--aarkas-wine);}
.aarkas-hero-split__btn--secondary{background:rgba(255,255,255,.72);color:var(--aarkas-ink)!important;}
.aarkas-hero-split__btn--secondary:hover{background:#fff;}
.aarkas-hero-split__proof{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:24px;padding-top:18px;border-top:1px solid var(--aarkas-line);font-size:12px;font-weight:600;color:#716862;}
.aarkas-hero-split__proof span:not(:last-child):after{content:"•";margin-left:16px;color:#b1a59a;}
.aarkas-hero-split__media{position:relative;min-width:0;background:#ddd;}
.aarkas-hero-split__image,.aarkas-hero-split__placeholder{display:block;width:100%;height:100%;min-height:560px;object-fit:cover;object-position:72% 28%;}
@media(max-width:1100px){.aarkas-hero-split{grid-template-columns:42% 58%}#root .aarkas-hero-split h1,.aarkas-hero-split h1{font-size:clamp(38px,4.4vw,56px)!important}}
@media(max-width:900px){.aarkas-hero-split{grid-template-columns:1fr;min-height:0}.aarkas-hero-split__media{order:1}.aarkas-hero-split__copy{order:2;padding:34px 20px 38px}.aarkas-hero-split__image,.aarkas-hero-split__placeholder{min-height:390px;height:56vh;max-height:520px;object-position:center 20%}#root .aarkas-hero-split h1,.aarkas-hero-split h1{font-size:clamp(38px,11vw,52px)!important;line-height:1.02!important}.aarkas-hero-split__text,.aarkas-hero-split__text p{font-size:16px!important}.aarkas-hero-split__proof span:not(:last-child):after{display:none}}
@media(max-width:520px){.aarkas-hero-split__buttons{display:grid;grid-template-columns:1fr}.aarkas-hero-split__btn{width:100%}.aarkas-hero-split__proof{display:grid;gap:6px}.aarkas-hero-split__image,.aarkas-hero-split__placeholder{min-height:340px;height:48vh}}

.aarkas-section{padding:62px 0;}
.aarkas-section__head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px;}
.aarkas-section__head h2{font-family:var(--secondary_font,serif);font-size:clamp(28px,3.2vw,42px);font-weight:400;margin:0;line-height:1.08;}
.aarkas-section__head p{margin:7px 0 0;opacity:.72;font-size:15px;max-width:620px;}
.aarkas-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.aarkas-category{position:relative;min-height:390px;overflow:hidden;background:#eee;text-decoration:none;color:#fff;border-radius:2px;}
.aarkas-category img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .45s ease;}
.aarkas-category:hover img{transform:scale(1.03)}
.aarkas-category:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(16,12,10,.72) 0%,rgba(16,12,10,.2) 45%,rgba(16,12,10,.04) 100%)}
.aarkas-category__text{position:absolute;z-index:2;left:24px;right:24px;bottom:24px}
.aarkas-category__text h3{color:#fff;font-size:27px;line-height:1.08;margin:0 0 8px;font-family:var(--secondary_font,serif);font-weight:400;}
.aarkas-category__text span{color:#fff;font-size:13px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;}
@media(max-width:900px){.aarkas-categories{grid-template-columns:repeat(2,1fr);gap:14px}.aarkas-category{min-height:310px}.aarkas-section{padding:50px 0}}
@media(max-width:520px){.aarkas-categories{grid-template-columns:1fr 1fr}.aarkas-category{min-height:240px}.aarkas-category__text{left:16px;right:16px;bottom:16px}.aarkas-category__text h3{font-size:20px}}
.aarkas-wrap{max-width:1440px;margin:0 auto;padding:0 28px}.aarkas-eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;margin:0 0 12px}.aarkas-heading{font-family:var(--secondary_font,serif);font-size:clamp(34px,5vw,66px);line-height:1.02;margin:0 0 18px;font-weight:400}.aarkas-subheading{font-size:clamp(16px,1.5vw,20px);line-height:1.55;max-width:640px;margin:0 0 26px}.aarkas-buttons{display:flex;gap:12px;flex-wrap:wrap}.aarkas-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border:1px solid currentColor;text-decoration:none;font-weight:700}.aarkas-btn--dark{background:#171717;color:#fff;border-color:#171717}.aarkas-btn--light{background:#fff;color:#171717;border-color:#171717}.aarkas-hero{position:relative;min-height:min(76vh,760px);display:flex;align-items:center;overflow:hidden;background:#f5f0ea}.aarkas-hero__media{position:absolute;inset:0}.aarkas-hero__media img{width:100%;height:100%;object-fit:cover}.aarkas-hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.54),rgba(0,0,0,.14) 62%,rgba(0,0,0,0))}.aarkas-hero__content{position:relative;z-index:2;color:#fff;width:100%;padding:80px 0}.aarkas-hero__content .aarkas-subheading{color:inherit}.aarkas-trust{border-top:1px solid #e9e4de;border-bottom:1px solid #e9e4de;background:#fff}.aarkas-trust__grid{display:grid;grid-template-columns:repeat(4,1fr)}.aarkas-trust__item{padding:20px 18px;text-align:center}.aarkas-trust__item strong{display:block;font-size:14px}.aarkas-trust__item span{display:block;font-size:12px;opacity:.7;margin-top:3px}.aarkas-section{padding:68px 0}.aarkas-section__head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.aarkas-section__head h2{font-family:var(--secondary_font,serif);font-size:clamp(30px,4vw,48px);font-weight:400;margin:0}.aarkas-section__head p{margin:7px 0 0;opacity:.72}.aarkas-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.aarkas-category{position:relative;min-height:460px;overflow:hidden;background:#eee;text-decoration:none;color:#fff}.aarkas-category img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .45s ease}.aarkas-category:hover img{transform:scale(1.025)}.aarkas-category:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.62),rgba(0,0,0,.02) 62%)}.aarkas-category__text{position:absolute;z-index:2;left:22px;right:22px;bottom:22px}.aarkas-category__text h3{color:#fff;font-size:26px;margin:0 0 6px}.aarkas-category__text span{color:#fff;font-size:13px;font-weight:600}.aarkas-story{display:grid;grid-template-columns:1.1fr .9fr;background:#f5f0ea}.aarkas-story__media{min-height:560px}.aarkas-story__media img{width:100%;height:100%;object-fit:cover}.aarkas-story__copy{padding:70px;display:flex;flex-direction:column;justify-content:center}.aarkas-story__copy h2{font-family:var(--secondary_font,serif);font-size:clamp(34px,4vw,54px);font-weight:400;line-height:1.05;margin:0 0 18px}.aarkas-story__copy p{font-size:17px;line-height:1.7}.aarkas-promo{background:#211916;color:#fff;padding:58px 0;text-align:center}.aarkas-promo h2{color:#fff;font-family:var(--secondary_font,serif);font-size:clamp(32px,5vw,58px);font-weight:400;margin:4px 0 12px}.aarkas-promo p{font-size:17px;margin:0 auto 24px;max-width:680px}.aarkas-product-confidence{border:1px solid #e5dfd8;background:#fbf9f6;padding:18px 20px;margin:14px 0}.aarkas-product-confidence__title{font-weight:800;font-size:15px;margin-bottom:5px}.aarkas-product-confidence__text{font-size:13px;line-height:1.5;margin:0;opacity:.82}
@media(max-width:900px){.aarkas-wrap{padding:0 18px}.aarkas-hero{min-height:620px;align-items:end}.aarkas-hero__shade{background:linear-gradient(0deg,rgba(0,0,0,.62),rgba(0,0,0,.08) 72%)}.aarkas-hero__content{padding:48px 0}.aarkas-trust__grid{grid-template-columns:repeat(2,1fr)}.aarkas-trust__item{border-bottom:1px solid #eee}.aarkas-categories{grid-template-columns:repeat(2,1fr);gap:10px}.aarkas-category{min-height:360px}.aarkas-story{grid-template-columns:1fr}.aarkas-story__media{min-height:420px}.aarkas-story__copy{padding:40px 22px}.aarkas-section{padding:48px 0}}
@media(max-width:520px){.aarkas-heading{font-size:40px}.aarkas-subheading{font-size:15px}.aarkas-buttons{display:grid;grid-template-columns:1fr;width:100%}.aarkas-btn{width:100%}.aarkas-trust__item{padding:16px 8px}.aarkas-categories{grid-template-columns:1fr 1fr}.aarkas-category{min-height:300px}.aarkas-category__text{left:14px;right:14px;bottom:15px}.aarkas-category__text h3{font-size:20px}.aarkas-section__head{display:block}.aarkas-story__media{min-height:360px}}

/* ===== Aarkas Phase 2: product conversion ===== */
.aarkas-buy-confidence {
  margin: 12px 0 16px;
  padding: 14px 16px;
  border: 1px solid rgba(20,20,20,.12);
  border-radius: 12px;
  background: rgba(248,247,244,.72);
}
.aarkas-buy-confidence__headline { font-weight: 700; margin-bottom: 4px; }
.aarkas-buy-confidence__text { font-size: .94em; line-height: 1.45; }
.aarkas-buy-confidence__links { display: flex; flex-wrap: wrap; gap: 6px 9px; margin-top: 9px; font-size: .9em; }
.aarkas-buy-confidence__links a { font-weight: 700; text-decoration: underline; text-underline-offset: 2px; }
#main-product .f8pr-buy-button button[type="submit"] { min-height: 52px; font-weight: 700; letter-spacing: .02em; }
#main-product .accordion-a.compact summary { font-weight: 650; }

/* ===== Aarkas Phase 2: collection merchandising ===== */
.aarkas-collection-intro { padding: 34px var(--content_p, 20px) 22px; }
.aarkas-collection-intro__inner { max-width: 1600px; margin: 0 auto; text-align: center; }
.aarkas-collection-intro__eyebrow { margin: 0 0 7px; font-size: 12px; font-weight: 750; letter-spacing: .14em; }
.aarkas-collection-intro h1 { margin: 0; }
.aarkas-collection-intro__description { max-width: 760px; margin: 12px auto 0; }
.aarkas-collection-intro__meta { display: flex; justify-content: center; flex-wrap: wrap; gap: 6px 18px; margin-top: 12px; font-size: 13px; opacity: .78; }
.aarkas-collection-intro__meta span:not(:last-child)::after { content: "·"; margin-left: 18px; opacity: .55; }
@media (max-width: 760px) {
  .aarkas-collection-intro { padding-top: 22px; padding-bottom: 14px; }
  .aarkas-collection-intro__meta { display: grid; gap: 3px; }
  .aarkas-collection-intro__meta span::after { display: none; }
  #main-product .f8pr-buy-button button[type="submit"] { min-height: 54px; }
}

/* Texas-stock badge on collection cards */
.product-card figure { position: relative; }
.aarkas-stock-badge {
  position: absolute;
  z-index: 4;
  left: 10px;
  bottom: 10px;
  display: inline-flex;
  align-items: center;
  padding: 6px 9px;
  border-radius: 999px;
  background: rgba(255,255,255,.94);
  color: #151515;
  font-size: 11px;
  font-weight: 750;
  letter-spacing: .025em;
  box-shadow: 0 2px 10px rgba(0,0,0,.08);
}
.product-card.unavailable { opacity: 1; }
@media (max-width: 760px) {
  .aarkas-stock-badge { left: 7px; bottom: 7px; padding: 5px 7px; font-size: 10px; }
}

/* ===== Aarkas Phase 3: homepage polish overrides ===== */
.aarkas-hero-split{grid-template-columns:minmax(420px,40%) minmax(0,60%)!important;min-height:560px!important;}
.aarkas-hero-split__copy{padding:58px clamp(28px,4.5vw,76px)!important;}
.aarkas-hero-split__copy-inner{max-width:560px!important;}
#root .aarkas-hero-split h1,.aarkas-hero-split h1{font-size:clamp(40px,4vw,64px)!important;line-height:1.02!important;max-width:520px!important;hyphens:none!important;word-break:normal!important;overflow-wrap:normal!important;text-wrap:balance!important;}
.aarkas-hero-split__text,.aarkas-hero-split__text p{font-size:17px!important;line-height:1.56!important;max-width:500px!important;}
.aarkas-hero-split__buttons{margin-top:26px!important;}
.aarkas-hero-split__btn{min-height:50px!important;font-weight:700!important;border-radius:2px!important;}
.aarkas-hero-split__btn--secondary{background:rgba(255,255,255,.72)!important;}
.aarkas-hero-split__proof{margin-top:24px!important;padding-top:18px!important;font-weight:600!important;color:#716862!important;}
.aarkas-hero-split__image,.aarkas-hero-split__placeholder{min-height:560px!important;object-position:72% 28%!important;}
.aarkas-section{padding:62px 0!important;}
.aarkas-section__head{margin-bottom:24px!important;}
.aarkas-section__head h2{font-size:clamp(28px,3.2vw,42px)!important;line-height:1.08!important;}
.aarkas-section__head p{font-size:15px!important;max-width:620px!important;}
.aarkas-categories{gap:18px!important;}
.aarkas-category{min-height:390px!important;border-radius:2px!important;}
.aarkas-category:after{background:linear-gradient(0deg,rgba(16,12,10,.72) 0%,rgba(16,12,10,.2) 45%,rgba(16,12,10,.04) 100%)!important;}
.aarkas-category__text{left:24px!important;right:24px!important;bottom:24px!important;}
.aarkas-category__text h3{font-size:27px!important;line-height:1.08!important;font-family:var(--secondary_font,serif)!important;font-weight:400!important;}
.aarkas-category__text span{font-size:13px!important;font-weight:700!important;letter-spacing:.03em!important;text-transform:uppercase!important;}
@media(max-width:1100px){.aarkas-hero-split{grid-template-columns:42% 58%!important}#root .aarkas-hero-split h1,.aarkas-hero-split h1{font-size:clamp(38px,4.4vw,56px)!important}}
@media(max-width:900px){.aarkas-hero-split{grid-template-columns:1fr!important}.aarkas-hero-split__copy{padding:34px 20px 38px!important}.aarkas-hero-split__image,.aarkas-hero-split__placeholder{min-height:390px!important;height:56vh!important;max-height:520px!important;object-position:center 20%!important}.aarkas-categories{grid-template-columns:repeat(2,1fr)!important;gap:14px!important}.aarkas-category{min-height:310px!important}.aarkas-section{padding:50px 0!important}}
@media(max-width:520px){#root .aarkas-hero-split h1,.aarkas-hero-split h1{font-size:clamp(38px,11vw,52px)!important}.aarkas-hero-split__image,.aarkas-hero-split__placeholder{min-height:340px!important;height:48vh!important}.aarkas-categories{grid-template-columns:1fr 1fr!important}.aarkas-category{min-height:240px!important}.aarkas-category__text{left:16px!important;right:16px!important;bottom:16px!important}.aarkas-category__text h3{font-size:20px!important}}

/* =========================================================
   Aarkas Phase 3 — SAFE VISUAL PATCH
   Apply to: assets/aarkas-custom.css
   Purpose: full-image Shop Aarkas cards, full-height Brand Story image,
            tighter trust strip, newsletter, and footer spacing.
   This patch does NOT change templates, links, collections, or index.json.
   ========================================================= */

/* --- Shop Aarkas category cards: force image to fill entire card --- */
.aarkas-category {
  position: relative !important;
  overflow: hidden !important;
  min-height: 420px !important;
  background: #ece8e3 !important;
}

.aarkas-category > img,
.aarkas-category img {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  margin: 0 !important;
  padding: 0 !important;
}

.aarkas-category::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  background: linear-gradient(
    180deg,
    rgba(15, 12, 10, 0.02) 20%,
    rgba(15, 12, 10, 0.10) 48%,
    rgba(15, 12, 10, 0.72) 100%
  ) !important;
}

.aarkas-category__text {
  position: absolute !important;
  z-index: 2 !important;
  left: 24px !important;
  right: 24px !important;
  bottom: 24px !important;
}

.aarkas-category__text h3 {
  margin: 0 0 8px !important;
  color: #fff !important;
  font-size: 28px !important;
  line-height: 1.08 !important;
}

.aarkas-category__text span {
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .045em !important;
}

/* Slightly more premium hover */
.aarkas-category img {
  transition: transform .45s ease !important;
}
.aarkas-category:hover img {
  transform: scale(1.025) !important;
}

/* --- Trust strip: reduce height and visual weight --- */
.aarkas-trust__item {
  padding: 13px 12px !important;
}
.aarkas-trust__item strong {
  font-size: 13px !important;
}
.aarkas-trust__item span {
  margin-top: 2px !important;
  font-size: 11px !important;
  opacity: .68 !important;
}

/* --- Brand Story: make image fill the whole left panel --- */
.aarkas-story__media {
  position: relative !important;
  overflow: hidden !important;
  min-height: 500px !important;
}

.aarkas-story__media > img,
.aarkas-story__media img {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  margin: 0 !important;
}

.aarkas-story__copy {
  padding: 56px !important;
}

/* --- Newsletter: reduce excessive vertical whitespace --- */
.f8nw {
  margin-top: 18px !important;
  margin-bottom: 18px !important;
  padding-top: 34px !important;
  padding-bottom: 26px !important;
}

.f8nw header {
  margin-bottom: 8px !important;
}

.f8nw p {
  margin-bottom: 12px !important;
}

/* --- Footer: slightly tighter overall spacing --- */
#shopify-section-footer {
  padding-top: 24px !important;
  padding-bottom: 22px !important;
}

#shopify-section-footer > * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* --- Responsive --- */
@media (max-width: 900px) {
  .aarkas-category {
    min-height: 330px !important;
  }

  .aarkas-story__media {
    min-height: 390px !important;
  }

  .aarkas-story__copy {
    padding: 36px 22px !important;
  }
}

@media (max-width: 520px) {
  .aarkas-category {
    min-height: 260px !important;
  }

  .aarkas-category__text {
    left: 16px !important;
    right: 16px !important;
    bottom: 16px !important;
  }

  .aarkas-category__text h3 {
    font-size: 20px !important;
  }

  .aarkas-story__media {
    min-height: 320px !important;
  }

  .f8nw {
    padding-top: 28px !important;
    padding-bottom: 22px !important;
  }
}

/* =========================================================
   AARKAS — HORIZONTAL LOGO HEADER POLISH
   Designed for the new horizontal Aarkas logo
   ========================================================= */

/* --- Top header row --- */
#shopify-section-header header {
  min-height: 78px !important;
  padding: 8px 18px !important;
  background: #ffffff !important;
}

/* --- Horizontal logo sizing --- */
#shopify-section-header header img,
#shopify-section-header .logo img,
#shopify-section-header [class*="logo"] img,
#shopify-section-header [class*="heading"] img {
  width: auto !important;
  max-width: 285px !important;
  max-height: 58px !important;
  object-fit: contain !important;
  display: block !important;
}

/* Prevent logo wrapper from creating extra height */
#shopify-section-header [class*="logo"],
#shopify-section-header [class*="heading"] {
  margin: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* --- Search / account / cart icons --- */
#shopify-section-header svg {
  width: 23px !important;
  height: 23px !important;
}

#shopify-section-header [class*="icons"],
#shopify-section-header [class*="utilities"],
#shopify-section-header [class*="actions"] {
  gap: 18px !important;
}

/* --- Navigation bar --- */
#nav-bar,
#nav-bar nav {
  min-height: 46px !important;
  background: #fff !important;
  border-top: 1px solid rgba(0, 0, 0, 0.06) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
}

/* Center nav items */
#nav-bar > ul,
#nav-bar nav > ul {
  justify-content: center !important;
  align-items: center !important;
  gap: 28px !important;
  margin: 0 !important;
}

/* Navigation typography */
#nav-bar > ul > li > a,
#nav-bar nav > ul > li > a {
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
  padding: 15px 0 !important;
}

/* Subtle hover */
#nav-bar > ul > li > a:hover,
#nav-bar nav > ul > li > a:hover {
  opacity: 0.68 !important;
}

/* --- Sale item in Aarkas burgundy --- */
#nav-bar > ul > li:last-child > a,
#nav-bar nav > ul > li:last-child > a {
  background: #8b2f3d !important;
  color: #ffffff !important;
  padding: 9px 15px !important;
  border-radius: 2px !important;
}

#nav-bar > ul > li:last-child > a:hover,
#nav-bar nav > ul > li:last-child > a:hover {
  background: #742733 !important;
  opacity: 1 !important;
}

/* --- Reduce space between header and hero --- */
#shopify-section-header + main,
header + main {
  margin-top: 0 !important;
}

/* --- Tablet --- */
@media (max-width: 1100px) {
  #shopify-section-header header img,
  #shopify-section-header .logo img,
  #shopify-section-header [class*="logo"] img,
  #shopify-section-header [class*="heading"] img {
    max-width: 240px !important;
    max-height: 52px !important;
  }

  #nav-bar > ul,
  #nav-bar nav > ul {
    gap: 20px !important;
  }
}

/* --- Mobile --- */
@media (max-width: 900px) {
  #shopify-section-header header {
    min-height: 64px !important;
    padding: 7px 12px !important;
  }

  #shopify-section-header header img,
  #shopify-section-header .logo img,
  #shopify-section-header [class*="logo"] img,
  #shopify-section-header [class*="heading"] img {
    max-width: 175px !important;
    max-height: 44px !important;
  }

  #shopify-section-header svg {
    width: 21px !important;
    height: 21px !important;
  }
}
/* Aarkas Sale nav color */
#nav-bar > ul > li:last-child > a,
#nav-bar nav > ul > li:last-child > a {
  background: #8B2F3D !important;
  color: #ffffff !important;
}

#nav-bar > ul > li:last-child > a:hover,
#nav-bar nav > ul > li:last-child > a:hover {
  background: #742733 !important;
}
/* Force Sale menu item to Aarkas burgundy */
#nav-bar li:last-child > a,
#nav-bar li:last-child > a span,
#nav-bar nav li:last-child > a,
#nav-bar nav li:last-child > a span,
header nav li:last-child > a,
header nav li:last-child > a span {
  background-color: #8B2F3D !important;
  color: #ffffff !important;
  border-color: #8B2F3D !important;
}

#nav-bar li:last-child > a:hover,
#nav-bar li:last-child > a:hover span,
header nav li:last-child > a:hover,
header nav li:last-child > a:hover span {
  background-color: #742733 !important;
  color: #ffffff !important;
  border-color: #742733 !important;
}
/* Aarkas sale badge */
.sale-badge,
.product-card .sale-badge,
.product-badge.sale,
.product-card [class*="sale"],
.product-gallery [class*="sale"] {
  background: #8B2F3D !important;
  color: #ffffff !important;
  border-color: #8B2F3D !important;
}
/* Aarkas product sale badge */
#root .overlay-sale {
  --product_label_bg: #8B2F3D !important;
  --product_label_text: #FFFFFF !important;

  background: #8B2F3D !important;
  border-color: #8B2F3D !important;
  color: #FFFFFF !important;
}

#root .overlay-sale:hover {
  --product_label_bg: #742733 !important;
  background: #742733 !important;
  border-color: #742733 !important;
}

/* =========================================================
   AARKAS — PRODUCT CARD POLISH
   Safe CSS-only patch for collection / search / featured product cards.
   ========================================================= */

/* ---------- 1. Consistent fashion image ratio ---------- */
.product-card figure {
  position: relative !important;
  aspect-ratio: 4 / 5 !important;
  overflow: hidden !important;
  background: #f5f2ee !important;
  margin-bottom: 14px !important;
}

.product-card figure > a,
.product-card figure picture,
.product-card figure picture > a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

.product-card figure img,
.product-card figure picture img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center top !important;
}

/* Slight image movement feels more polished on desktop */
@media (hover: hover) {
  .product-card figure img {
    transition: transform .35s ease !important;
  }
  .product-card:hover figure img {
    transform: scale(1.018);
  }
}

/* ---------- 2. Remove repetitive Texas badge from collection cards ---------- */
.product-card .aarkas-stock-badge {
  display: none !important;
}

/* ---------- 3. Brand-align sale badges ---------- */
#root .product-card .overlay-sale,
#root .overlay-sale {
  --product_label_bg: #8B2F3D !important;
  --product_label_text: #FFFFFF !important;
  background: #8B2F3D !important;
  border-color: #8B2F3D !important;
  color: #FFFFFF !important;
  border-radius: 0 !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: .02em !important;
  padding: 7px 9px !important;
}

/* ---------- 4. Consistent product title height ---------- */
.product-card h3 {
  margin-top: 0 !important;
  margin-bottom: 7px !important;
  min-height: 2.8em !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
}

.product-card h3 > a {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  color: #171312 !important;
  text-decoration: none !important;
}

.product-card h3 > a:hover {
  color: #8B2F3D !important;
}

/* ---------- 5. Cleaner price styling ---------- */
.product-card .price.s1pr {
  margin-top: 2px !important;
  margin-bottom: 0 !important;
  color: #171312 !important;
  font-size: 15px !important;
  line-height: 1.3 !important;
  font-weight: 650 !important;
}

.product-card .price .old-price,
.product-card .old-price {
  color: #8d8580 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  text-decoration-thickness: 1px !important;
}

/* ---------- 6. De-emphasize sold-out cards ---------- */
.product-card.unavailable figure {
  opacity: .74 !important;
}

.product-card.unavailable h3,
.product-card.unavailable .price {
  opacity: 1 !important;
}

/* ---------- 7. Cleaner overall card rhythm ---------- */
.product-card > div,
.product-card > section {
  padding-left: 2px !important;
  padding-right: 2px !important;
}

/* ---------- Mobile ---------- */
@media (max-width: 760px) {
  .product-card figure {
    margin-bottom: 10px !important;
  }

  .product-card h3 {
    min-height: 2.7em !important;
    font-size: 12.5px !important;
    line-height: 1.35 !important;
    margin-bottom: 5px !important;
  }

  .product-card .price.s1pr {
    font-size: 13.5px !important;
  }

  #root .product-card .overlay-sale,
  #root .overlay-sale {
    font-size: 10px !important;
    padding: 6px 8px !important;
  }
}
/* Aarkas category grid — 3 cards */
.aarkas-categories {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  max-width: 1320px;
  margin-left: auto !important;
  margin-right: auto !important;
  gap: 22px !important;
}

@media(max-width:900px){
  #shopify-section-{{ section.id }} .aarkas-categories {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:520px){
  #shopify-section-{{ section.id }} .aarkas-categories {
    grid-template-columns:1fr !important;
  }
}

/* =========================================================
   AARKAS — MOBILE POLISH PASS
   Mobile-only refinements for the working Phase 3 theme.
   Desktop remains unchanged.
   ========================================================= */

@media (max-width: 760px) {

  /* ---------- Header ---------- */
  #shopify-section-header header,
  header {
    min-height: 60px !important;
    padding: 6px 10px !important;
  }

  #shopify-section-header header img,
  #shopify-section-header .logo img,
  #shopify-section-header [class*="logo"] img,
  #shopify-section-header [class*="heading"] img {
    max-width: 145px !important;
    max-height: 40px !important;
  }

  #shopify-section-header svg {
    width: 20px !important;
    height: 20px !important;
  }

  /* ---------- Announcement marquee ---------- */
  .aarkas-marquee__group {
    min-height: 34px !important;
  }

  .aarkas-marquee__item {
    font-size: 10.5px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  /* ---------- Hero ---------- */
  .aarkas-hero-split {
    display: flex !important;
    flex-direction: column !important;
  }

  .aarkas-hero-split__media {
    order: 1 !important;
  }

  .aarkas-hero-split__copy {
    order: 2 !important;
    padding: 28px 20px 30px !important;
  }

  .aarkas-hero-split__image,
  .aarkas-hero-split__placeholder {
    height: 56vh !important;
    min-height: 360px !important;
    max-height: 520px !important;
    object-fit: cover !important;
    object-position: center 28% !important;
  }

  .aarkas-hero-split__eyebrow {
    font-size: 10px !important;
    letter-spacing: .14em !important;
    margin-bottom: 12px !important;
  }

  #root .aarkas-hero-split h1,
  .aarkas-hero-split h1 {
    font-size: 44px !important;
    line-height: 1.01 !important;
    max-width: 100% !important;
    margin-bottom: 16px !important;
  }

  .aarkas-hero-split__text,
  .aarkas-hero-split__text p {
    font-size: 16px !important;
    line-height: 1.52 !important;
  }

  .aarkas-hero-split__buttons {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-top: 22px !important;
  }

  .aarkas-hero-split__btn {
    width: 100% !important;
    min-height: 52px !important;
  }

  .aarkas-hero-split__proof {
    display: none !important;
  }

  /* ---------- Trust strip ---------- */
  .aarkas-trust {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 0 !important;
  }

  .aarkas-trust__item {
    padding: 14px 8px !important;
    min-height: 78px !important;
  }

  .aarkas-trust__item strong {
    font-size: 12px !important;
    line-height: 1.25 !important;
  }

  .aarkas-trust__item span {
    font-size: 10.5px !important;
    line-height: 1.35 !important;
  }

  /* ---------- Shop by Aarkas ---------- */
  .aarkas-section {
    padding: 42px 0 !important;
  }

  .aarkas-section__head {
    margin-bottom: 20px !important;
  }

  .aarkas-section__head h2 {
    font-size: 34px !important;
    line-height: 1.05 !important;
  }

  .aarkas-section__head p {
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  .aarkas-categories {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .aarkas-category {
    min-height: 300px !important;
  }

  .aarkas-category__text {
    left: 18px !important;
    right: 18px !important;
    bottom: 18px !important;
  }

  .aarkas-category__text h3 {
    font-size: 25px !important;
    line-height: 1.05 !important;
  }

  .aarkas-category__text span {
    font-size: 11px !important;
    line-height: 1.25 !important;
  }

  /* ---------- New Arrivals product grid ---------- */
  .product-card h3 {
    min-height: auto !important;
    font-size: 12px !important;
    line-height: 1.28 !important;
    margin-bottom: 5px !important;
  }

  .product-card h3 > a {
    -webkit-line-clamp: 2 !important;
  }

  .product-card .price.s1pr {
    font-size: 14px !important;
    margin-top: 2px !important;
  }

  .product-card figure {
    aspect-ratio: 4 / 5 !important;
    margin-bottom: 8px !important;
  }

  /* ---------- Brand story ---------- */
  .aarkas-story {
    grid-template-columns: 1fr !important;
  }

  .aarkas-story__media {
    min-height: 300px !important;
    max-height: 360px !important;
  }

  .aarkas-story__copy {
    padding: 30px 22px 34px !important;
  }

  .aarkas-story__copy h2 {
    font-size: 36px !important;
    line-height: 1.04 !important;
    margin-bottom: 16px !important;
  }

  .aarkas-story__copy p {
    font-size: 15px !important;
    line-height: 1.55 !important;
  }

  /* ---------- Newsletter ---------- */
  .f8nw {
    padding-top: 26px !important;
    padding-bottom: 24px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .f8nw h2 {
    font-size: 25px !important;
  }

  .f8nw p {
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  /* ---------- Footer ---------- */
  #shopify-section-footer {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
  }
}
@media (max-width: 760px) {

  /* Give Shop by Aarkas more usable width */
  .aarkas-section .aarkas-wrap {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .aarkas-category {
    width: 100% !important;
  }

  /* Slightly stronger mobile category text */
  .aarkas-category__text h3 {
    font-size: 22px !important;
  }

  .aarkas-category__text span {
    font-size: 10.5px !important;
  }
}

/* =========================================================
   AARKAS — MOBILE CONVERSION POLISH 2
   Mobile-only refinements for Brand Story, New Arrivals,
   CTA spacing, and footer rhythm.
   ========================================================= */

@media (max-width: 760px) {

  /* ---------- New Arrivals section ---------- */
  .custom-section,
  .shopify-section.custom-section {
    padding-top: 34px !important;
    padding-bottom: 34px !important;
  }

  .custom-section h2,
  .shopify-section.custom-section h2 {
    font-size: 30px !important;
    line-height: 1.08 !important;
    margin-bottom: 18px !important;
  }

  /* Product card text */
  .product-card h3 {
    font-size: 11.5px !important;
    line-height: 1.28 !important;
    min-height: 2.6em !important;
    margin-bottom: 4px !important;
  }

  .product-card .price.s1pr {
    font-size: 13.5px !important;
    margin-top: 1px !important;
  }

  /* Make product cards feel less cramped */
  .product-card {
    margin-bottom: 18px !important;
  }

  /* CTA under product grid */
  .custom-section a[class*="button"],
  .custom-section .button,
  .shopify-section.custom-section a[class*="button"],
  .shopify-section.custom-section .button {
    min-height: 48px !important;
    padding: 13px 20px !important;
    font-size: 14px !important;
    margin-top: 14px !important;
    width: calc(100% - 32px) !important;
    max-width: 320px !important;
  }

  /* ---------- Brand Story ---------- */
  .aarkas-story {
    margin-top: 10px !important;
  }

  .aarkas-story__media {
    min-height: 250px !important;
    max-height: 300px !important;
  }

  .aarkas-story__copy {
    padding: 26px 20px 28px !important;
  }

  .aarkas-story__copy .aarkas-story__eyebrow,
  .aarkas-story__copy [class*="eyebrow"] {
    font-size: 10px !important;
    letter-spacing: .16em !important;
    margin-bottom: 10px !important;
  }

  .aarkas-story__copy h2 {
    font-size: 34px !important;
    line-height: 1.03 !important;
    margin-bottom: 14px !important;
  }

  .aarkas-story__copy p {
    font-size: 14.5px !important;
    line-height: 1.52 !important;
    margin-bottom: 18px !important;
  }

  .aarkas-story__copy .aarkas-btn,
  .aarkas-story__copy a[class*="btn"],
  .aarkas-story__copy a[class*="button"] {
    min-height: 46px !important;
    padding: 12px 18px !important;
    font-size: 13px !important;
  }

  /* ---------- Newsletter ---------- */
  .f8nw {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .f8nw h2 {
    font-size: 24px !important;
    line-height: 1.1 !important;
    margin-bottom: 2px !important;
  }

  .f8nw header > * + * {
    margin-top: 2px !important;
  }

  .f8nw p {
    max-width: 310px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* ---------- Footer ---------- */
  #shopify-section-footer {
    margin-top: 0 !important;
  }

  #shopify-section-footer details,
  #shopify-section-footer li,
  #shopify-section-footer [class*="accordion"] {
    font-size: 14px !important;
  }

  #shopify-section-footer summary,
  #shopify-section-footer a {
    line-height: 1.3 !important;
  }

  /* More breathing room before black copyright bar */
  #shopify-section-footer > *:last-child {
    margin-bottom: 6px !important;
  }
}
@media (max-width: 760px) {

  /* --- New Arrivals: keep card heights aligned --- */
  .product-card h3 {
    min-height: 2.7em !important;
    max-height: 2.7em !important;
    overflow: hidden !important;
    margin-bottom: 6px !important;
  }

  .product-card h3 a {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    font-size: 11.5px !important;
    line-height: 1.35 !important;
  }

  .product-card .price.s1pr {
    margin-top: 6px !important;
    font-size: 14px !important;
  }

  /* Keep two-column cards visually even */
  .product-card {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
  }

  /* --- Brand Story: slightly tighter --- */
  .aarkas-story__media {
    min-height: 230px !important;
    max-height: 270px !important;
  }

  .aarkas-story__copy {
    padding: 24px 20px 26px !important;
  }

  .aarkas-story__copy h2 {
    font-size: 32px !important;
  }

  .aarkas-story__copy p {
    font-size: 14px !important;
    line-height: 1.5 !important;
  }
}

/* =========================================================
   AARKAS — MOBILE PRODUCT PAGE POLISH
   Mobile-only refinements for the working Phase 3 product template.
   Desktop remains unchanged.
   ========================================================= */

@media (max-width: 760px) {

  /* ---------- Product media ---------- */
  .product-gallery,
  [class*="product-gallery"],
  [class*="product-media"] {
    margin-bottom: 18px !important;
  }

  .product-gallery img,
  [class*="product-gallery"] img,
  [class*="product-media"] img {
    border-radius: 2px !important;
  }

  /* Main image should not consume excessive height */
  .product-gallery figure,
  [class*="product-gallery"] figure,
  [class*="product-media"] figure {
    max-height: 68vh !important;
    overflow: hidden !important;
  }

  .product-gallery figure img,
  [class*="product-gallery"] figure img,
  [class*="product-media"] figure img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }

  /* ---------- Product info ---------- */
  .product-info,
  [class*="product-info"],
  [class*="product-content"] {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .product-info h1,
  [class*="product-info"] h1,
  [class*="product-title"] {
    font-size: 22px !important;
    line-height: 1.12 !important;
    margin-bottom: 10px !important;
  }

  /* Price spacing */
  .product-info .price,
  [class*="product-info"] .price {
    margin-top: 2px !important;
    margin-bottom: 12px !important;
  }

  /* Shop Pay / installment text */
  .shopify-payment-terms,
  [class*="payment-terms"] {
    font-size: 12px !important;
    line-height: 1.4 !important;
    margin-bottom: 14px !important;
  }

  /* ---------- Variant buttons ---------- */
  .product-info fieldset,
  [class*="product-info"] fieldset {
    margin-bottom: 14px !important;
  }

  .product-info label,
  [class*="product-info"] label {
    font-size: 13px !important;
  }

  /* ---------- Inventory ---------- */
  .product-info [class*="inventory"],
  [class*="product-info"] [class*="inventory"] {
    margin-top: 8px !important;
    margin-bottom: 12px !important;
    font-size: 13px !important;
  }

  /* ---------- Add to cart ---------- */
  .product-info button[name="add"],
  [class*="product-info"] button[name="add"],
  .product-form button[type="submit"] {
    min-height: 52px !important;
    font-size: 15px !important;
    margin-top: 4px !important;
    margin-bottom: 14px !important;
  }

  /* ---------- Secure checkout block ---------- */
  .product-info [class*="secure"],
  [class*="product-info"] [class*="secure"] {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    font-size: 12.5px !important;
  }

  /* ---------- Aarkas trust box ---------- */
  .aarkas-buy-confidence {
    padding: 14px !important;
    margin-top: 10px !important;
    margin-bottom: 14px !important;
    border-radius: 10px !important;
  }

  .aarkas-buy-confidence__headline {
    font-size: 14px !important;
    margin-bottom: 5px !important;
  }

  .aarkas-buy-confidence__text {
    font-size: 12.5px !important;
    line-height: 1.4 !important;
    margin-bottom: 7px !important;
  }

  .aarkas-buy-confidence__links {
    font-size: 12px !important;
    line-height: 1.5 !important;
    gap: 6px !important;
  }

  /* ---------- Native product description ---------- */
  .product-description,
  [class*="product-description"],
  [class*="description"] {
    font-size: 13px !important;
    line-height: 1.55 !important;
    margin-top: 12px !important;
    margin-bottom: 16px !important;
  }

  .product-description p,
  [class*="product-description"] p,
  [class*="description"] p {
    margin-top: 0 !important;
    margin-bottom: 6px !important;
  }

  /* ---------- Accordions ---------- */
  .product-info details,
  [class*="product-info"] details,
  .product-info [class*="accordion"],
  [class*="product-info"] [class*="accordion"] {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .product-info summary,
  [class*="product-info"] summary {
    min-height: 52px !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
  }

  /* ---------- Reviews section spacing ---------- */
  [class*="review-box"],
  [class*="reviews-box"],
  [id*="reviews"] {
    margin-top: 18px !important;
  }
}
/* =========================================================
   AARKAS — REMOVE HAZY PRODUCT IMAGE EFFECT
   ========================================================= */

/* Product / collection card images */
.product-card img,
.product-card picture img,
[class*="product-card"] img,
[class*="product-item"] img {
  opacity: 1 !important;
  filter: none !important;
  -webkit-filter: none !important;
  mix-blend-mode: normal !important;
}

/* Remove any light overlay applied over product imagery */
.product-card figure::before,
.product-card figure::after,
[class*="product-card"] figure::before,
[class*="product-card"] figure::after,
[class*="product-item"] figure::before,
[class*="product-item"] figure::after {
  opacity: 0 !important;
  background: transparent !important;
}

/* Make sure lazy-loaded images stay fully visible after loading */
img.lazyloaded,
img.loaded,
img[loading="lazy"] {
  opacity: 1 !important;
}

/* Prevent parent card from remaining partially transparent */
.product-card,
[class*="product-card"],
[class*="product-item"] {
  opacity: 1 !important;
}
/* AARKAS — normalize collection product-card media */

.collection .product-card figure,
.collection .product-card figure a,
.collection [class*="product-card"] figure,
.collection [class*="product-card"] figure a {
  opacity: 1 !important;
  filter: none !important;
  -webkit-filter: none !important;
  background: transparent !important;
}

.collection .product-card figure img,
.collection [class*="product-card"] figure img {
  opacity: 1 !important;
  filter: none !important;
  -webkit-filter: none !important;
  mix-blend-mode: normal !important;
  transition: none !important;
  animation: none !important;
}

/* kill pseudo overlays on collection-card media only */
.collection .product-card figure::before,
.collection .product-card figure::after,
.collection [class*="product-card"] figure::before,
.collection [class*="product-card"] figure::after,
.collection .product-card figure a::before,
.collection .product-card figure a::after,
.collection [class*="product-card"] figure a::before,
.collection [class*="product-card"] figure a::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  background: transparent !important;
}

/* prevent hover/focus from changing visibility */
.collection .product-card:hover figure,
.collection .product-card:focus-within figure,
.collection [class*="product-card"]:hover figure,
.collection [class*="product-card"]:focus-within figure {
  opacity: 1 !important;
  filter: none !important;
}
/* =========================================================
   AARKAS — FIX XCLUSIVE COLLECTION IMAGE HAZE
   ========================================================= */

.img-multiply,
.img-multiply a,
.img-multiply img {
  mix-blend-mode: normal !important;
}

.img-multiply {
  background: #fff !important;
}

.img-multiply img {
  opacity: 1 !important;
  filter: none !important;
}