/* NEGO WEB 2.2 · Pixel Polish · 22/09/2026
   Non-destructive visual system layered after existing storefront styles. */

:root{
  --nego-font:"Manrope",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  --nego-radius-sm:12px;
  --nego-radius-md:16px;
  --nego-radius-card:22px;
  --nego-radius-lg:30px;
  --nego-radius-pill:999px;
  --nego-shadow-sm:0 4px 14px rgba(20,18,30,.05);
  --nego-shadow-md:0 10px 30px rgba(20,18,30,.08);
  --nego-shadow-lg:0 24px 70px rgba(20,18,30,.15);
}

html,body,button,input,select,textarea{
  font-family:var(--nego-font)!important;
}
body{
  font-weight:450;
  letter-spacing:-.005em;
}
.eyebrow,.productKicker,.sectionKicker,.relatedTitle{
  font-weight:800!important;
}
button,a,.quickFilter,.catChip{
  -webkit-tap-highlight-color:transparent;
}

/* Header + search */
.header{
  box-shadow:none!important;
}
.headerMain{
  gap:24px!important;
}
.nav a{
  font-weight:700!important;
}
.topWa{
  font-weight:800!important;
  box-shadow:var(--nego-shadow-sm)!important;
}
.searchBox{
  height:46px!important;
  border-radius:var(--nego-radius-pill)!important;
  box-shadow:var(--nego-shadow-sm)!important;
  padding:0 16px!important;
}
.searchBox input{
  font-size:14px!important;
  font-weight:500!important;
}

/* Hero */
.hero h1{
  letter-spacing:-.055em!important;
}
.hero p{
  font-weight:450!important;
}
.pillBtn{
  min-height:44px;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:var(--nego-radius-md)!important;
  font-size:12px!important;
  font-weight:750!important;
}
.heroCarousel{
  border-radius:var(--nego-radius-lg)!important;
  box-shadow:var(--nego-shadow-md)!important;
}
.carouselName{
  letter-spacing:-.035em!important;
}
.carouselPrice{
  font-weight:850!important;
}

/* Categories + catalog controls */
.categoryWrap{
  box-shadow:none!important;
}
.catChip{
  min-height:40px;
  padding:0 15px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:11.5px!important;
  font-weight:700!important;
}
.catalogHead h2{
  letter-spacing:-.05em!important;
}
.catalogHead p{
  font-weight:450!important;
}
.catalogTools{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  padding:0!important;
  gap:10px!important;
}
.quickFilters,
.catalogToolsRight{
  background:rgba(255,255,255,.9)!important;
  border:1px solid rgba(13,13,15,.07)!important;
  border-radius:18px!important;
  box-shadow:var(--nego-shadow-sm)!important;
  padding:6px!important;
}
.quickFilter{
  min-height:36px!important;
  padding:0 12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:var(--nego-radius-pill)!important;
  font-size:10px!important;
  font-weight:750!important;
}
.sortSelect,
.viewBtn{
  min-height:36px!important;
}
.viewBtn{
  font-weight:700!important;
}

/* Product cards */
.productCard{
  border-radius:var(--nego-radius-card)!important;
  box-shadow:0 1px 0 rgba(13,13,15,.025),var(--nego-shadow-sm)!important;
}
.productMedia{
  border-radius:18px!important;
}
.productInfo h3{
  font-weight:700!important;
  letter-spacing:-.025em!important;
}
.priceRow strong{
  font-weight:850!important;
  letter-spacing:-.035em!important;
}
.specBox{
  border-radius:var(--nego-radius-sm)!important;
}
.specBox ul{
  font-weight:450!important;
}
.cardPurchaseInline .cardAddBtn,
.cardPurchaseInline .cardBuyBtn{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:44px!important;
  height:44px!important;
  padding:0 10px!important;
  border-radius:14px!important;
  line-height:1!important;
  font-size:11.5px!important;
  font-weight:750!important;
  letter-spacing:-.01em!important;
}

/* Modal visual language */
.modalBox{
  border-radius:var(--nego-radius-lg)!important;
  overflow:hidden!important;
  box-shadow:var(--nego-shadow-lg)!important;
}
.modalClose{
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  line-height:1!important;
  font-size:19px!important;
}
.modalCopy h2{
  letter-spacing:-.035em!important;
  font-weight:750!important;
}
.modalPrice{
  font-weight:850!important;
}
.featureList div{
  border-radius:var(--nego-radius-sm)!important;
  font-weight:500!important;
}
.relatedCard{
  border-radius:14px!important;
}
.relatedCard img{
  border-radius:10px!important;
}
.relatedCard b{
  white-space:normal!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden!important;
  line-height:1.12!important;
}
.shipNotice{
  min-height:34px!important;
  display:flex!important;
  align-items:center!important;
  padding:7px 10px!important;
  border-radius:12px!important;
  font-weight:700!important;
}
.modalPurchaseActions .modalCartAdd,
.modalPurchaseActions .modalNationalOrder{
  min-height:46px!important;
  height:46px!important;
  border-radius:14px!important;
  font-size:11.5px!important;
  font-weight:800!important;
}

/* Checkout */
.nationalOrderPanel{
  border-radius:var(--nego-radius-lg)!important;
  box-shadow:var(--nego-shadow-lg)!important;
}
.nationalOrderHead h3{
  letter-spacing:-.035em!important;
  font-weight:750!important;
}
.nationalClose{
  display:grid!important;
  place-items:center!important;
}
.nationalField label{
  font-weight:700!important;
}
.nationalField input,
.nationalField select,
.nationalField textarea{
  border-radius:var(--nego-radius-sm)!important;
  font-size:14px!important;
}
.shipChoice{
  border-radius:var(--nego-radius-md)!important;
  font-weight:700!important;
}
.nationalSubmit{
  min-height:50px!important;
  border-radius:var(--nego-radius-md)!important;
  font-weight:800!important;
}

/* FAQ + CTA + footer */
.faqList summary{
  font-weight:700!important;
}
.finalCtaBox{
  border-radius:var(--nego-radius-lg)!important;
}
.footer{
  padding-top:38px!important;
  padding-bottom:36px!important;
}
.footerInner{
  gap:24px!important;
}
.footerLegal{
  line-height:1.6!important;
}
.footerLinks{
  gap:12px 18px!important;
  font-weight:700!important;
}
.footerTrustLine span{
  border-radius:var(--nego-radius-pill)!important;
}
.socialIcon{
  box-shadow:none!important;
}

/* Mobile system */
@media(max-width:760px){
  body{padding-bottom:82px!important}

  .headerMain{
    height:56px!important;
  }
  .logoImg{
    height:27px!important;
  }
  .searchStrip{
    padding-bottom:10px!important;
  }
  .searchBox{
    height:46px!important;
  }

  .hero{
    padding:22px 0 16px!important;
  }
  .hero h1{
    font-size:clamp(44px,12vw,56px)!important;
    margin:10px 0 15px!important;
  }
  .hero p{
    font-size:13.5px!important;
    line-height:1.58!important;
  }
  .heroCarousel{
    min-height:480px!important;
  }

  .catalog{
    padding-top:32px!important;
  }
  .catalogHead{
    margin-bottom:17px!important;
  }
  .catalogHead h2{
    font-size:clamp(38px,11vw,46px)!important;
  }
  .catalogTools{
    gap:8px!important;
  }
  .quickFilters,
  .catalogToolsRight{
    width:100%!important;
    border-radius:16px!important;
  }

  .productGrid.view-list .productCard{
    border-radius:20px!important;
  }
  .productGrid.view-list .specBox li:nth-child(n+3){
    display:none!important;
  }
  .productGrid.view-list .productInfo h3{
    font-size:16px!important;
    font-weight:700!important;
  }

  .productGrid.view-grid .specBox{
    display:none!important;
  }
  .productGrid.view-grid .productInfo{
    min-height:0!important;
  }
  .productGrid.view-grid .productInfo h3{
    min-height:2.05em!important;
    max-height:2.05em!important;
    margin:4px 0 2px!important;
    font-size:13.5px!important;
    line-height:1.08!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden!important;
  }
  .productGrid.view-grid .priceRow{
    margin-top:0!important;
  }
  .productGrid.view-grid .priceRow strong{
    display:block!important;
    margin-top:0!important;
    font-size:19px!important;
  }
  .productGrid.view-grid .productCard .cardPurchaseInline,
  .productGrid.view-list .productCard .cardPurchaseInline{
    gap:7px!important;
    margin-top:8px!important;
  }
  .productGrid.view-grid .productCard .cardPurchaseInline .cardAddBtn,
  .productGrid.view-grid .productCard .cardPurchaseInline .cardBuyBtn,
  .productGrid.view-list .productCard .cardPurchaseInline .cardAddBtn,
  .productGrid.view-list .productCard .cardPurchaseInline .cardBuyBtn{
    min-height:42px!important;
    height:42px!important;
    max-height:42px!important;
    border-radius:13px!important;
    font-size:10.8px!important;
    padding:0 5px!important;
  }

  .modalClose{
    width:40px!important;
    height:40px!important;
    top:10px!important;
    right:10px!important;
  }
  .featureList div{
    font-size:10px!important;
    line-height:1.16!important;
  }
  .shipNotice{
    font-size:8.5px!important;
  }
  .modalPurchaseActions .modalCartAdd,
  .modalPurchaseActions .modalNationalOrder{
    min-height:44px!important;
    height:44px!important;
  }

  .nationalOrderPanel{
    border-radius:24px 24px 0 0!important;
  }

  .mobileBottom{
    left:10px!important;
    right:10px!important;
    gap:8px!important;
    padding:7px!important;
    border-radius:20px!important;
    box-shadow:0 14px 36px rgba(0,0,0,.22)!important;
  }
  .mobileBottom button,
  .mobileBottom a{
    min-height:54px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:14px!important;
    font-size:10px!important;
    font-weight:750!important;
  }

  .footer{
    padding:34px 0 104px!important;
  }
  .footerInner{
    gap:20px!important;
  }
  .footerLinks{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px 18px!important;
    width:100%!important;
  }
  .footerSocial{
    margin-top:12px!important;
    padding-top:18px!important;
  }
}

@media(max-width:390px){
  .productGrid.view-grid .productInfo h3{
    font-size:13px!important;
  }
  .productGrid.view-grid .productCard .cardPurchaseInline .cardAddBtn,
  .productGrid.view-grid .productCard .cardPurchaseInline .cardBuyBtn{
    font-size:10.2px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .productCard,.pillBtn,.quickFilter,.catChip,.socialIcon{
    transition:none!important;
  }
}


/* Catalog readability refinement · 22/09/2026 */
.productGrid.view-list .productInfo{
  justify-content:flex-start!important;
  gap:0!important;
}
.productGrid.view-list .productInfo h3{
  min-height:0!important;
  margin:3px 0 3px!important;
  line-height:1.08!important;
}
.productGrid.view-list .priceRow{
  min-height:0!important;
  margin:0 0 7px!important;
  padding:0!important;
}
.productGrid.view-list .specBox{
  margin:0 0 9px!important;
}
.productGrid.view-list .specBox ul{
  font-size:12.5px!important;
  line-height:1.42!important;
}
.productGrid.view-list .specBox li{
  margin:1px 0!important;
}

@media(max-width:760px){
  .productGrid.view-list .productKicker{
    margin-bottom:2px!important;
  }
  .productGrid.view-list .productInfo h3{
    margin:0 0 3px!important;
    font-size:15.5px!important;
    line-height:1.06!important;
  }
  .productGrid.view-list .priceRow{
    margin:0 0 7px!important;
  }
  .productGrid.view-list .specBox ul{
    font-size:12px!important;
    line-height:1.4!important;
  }

  .productGrid.view-grid .productInfo h3{
    min-height:1.9em!important;
    max-height:1.9em!important;
    margin:3px 0 1px!important;
    line-height:1.05!important;
  }
  .productGrid.view-grid .priceRow{
    margin-top:0!important;
    padding-top:0!important;
  }
}


/* Category bar alignment refinement · 22/09/2026 */
.categoryWrap{
  top:var(--nego-live-header-h,var(--header-h))!important;
  margin:0!important;
  padding:6px 0!important;
  background:#fbfaf7!important;
}
.categoryWrap .wrap{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.categoryRow{
  min-height:36px!important;
  align-items:center!important;
  justify-content:flex-start!important;
  padding:0 2px!important;
  box-sizing:border-box!important;
}
.catChip{
  height:36px!important;
  min-height:36px!important;
  padding:0 14px!important;
  box-sizing:border-box!important;
}
.categoryIndicator{
  top:50%!important;
  height:36px!important;
  margin-top:-18px!important;
}
.resultCount:empty{
  display:none!important;
}
@media(min-width:900px){
  .categoryRow{
    width:max-content!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}
@media(max-width:899px){
  .categoryRow{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
  }
}
@media(max-width:760px){
  .categoryWrap{
    top:var(--nego-live-header-h,var(--header-h))!important;
    padding:6px 0!important;
  }
  .catChip{
    height:36px!important;
    min-height:36px!important;
  }
}


/* Modal bottom-corner refinement · 22/09/2026 */
@media(max-width:760px){
  .modalBox{
    border-radius:24px!important;
  }
}