/** Shopify CDN: Minification failed

Line 2672:0 Unexpected "}"

**/
/* =========================================================
   CINEKIND — LIGHT THEME OVERRIDE (v4 — All Fixes)
   
   v4 fixes:
   - Cart drawer: NUCLEAR specificity to beat #000 background
   - Header: no overlap, no fade, proper spacing
   - Announcement bar: dark bg, marquee handled by script
   - Ratings: black text
   - Footer: clean with payment icons
   - SVG payment icons in cart (replaces blurry image)
   ========================================================= */

/* ─────────────────────────────────────────────────────────
   0) ROOT OVERRIDES
   ───────────────────────────────────────────────────────── */
:root {
  --ck-dark: #f5f5f3 !important;
  --ck-text: #1a1a1a !important;
  --ck-muted: #888888 !important;
    --ck-bg-white: #ffffff;
  --ck-bg-light: #f5f5f3;
  --ck-bg-card: #ffffff;
  --ck-border: #e5e3df;
  --ck-text-secondary: #6b6b6b;
  --ck-orange: #e63946 !important;
  --ck-gold: #e63946 !important;
  --ck-red: #FF1E00 !important;
}

/* Prices: flat red-coral (not gradient) */
.grid-product__price .sale-price,
.grid-product__price--original + span,
.price-item--sale,
.product__price--sale,
#ck-sticky-price-wrapper .sale-price {
  color: #e63946 !important;
  -webkit-text-fill-color: #e63946 !important;
  background: none !important;
  background-image: none !important;
}

/* Badges — red */
.card__badge .badge,
.grid-product__tag--sale,
.badge,
.product__badge,
.badge--sale,
span.ck-save-badge {
  background: #e63946 !important;
  background-image: none !important;
}

/* Buttons — red globally, dark on product page */
.btn, .button, .button--primary,
.shopify-payment-button__button--unbranded,
#ck-sticky-btn-2 {
  background: #1e272e !important;
  background-image: none !important;
}

/* Keep Limited Time Sale nav link orange gradient */
.site-header .site-nav__link[href*="/collections/sale"],
.header__menu-item a[href*="/collections/sale"] {
  color: #e63946 !important;
  -webkit-text-fill-color: #e63946 !important;
  background: none !important;
  font-weight: 700 !important;
}

/* ─────────────────────────────────────────────────────────
   1) BODY & GLOBAL
   ───────────────────────────────────────────────────────── */
html, body {
  background: var(--ck-bg-light) !important;
  color: var(--ck-text) !important;
}

/* ─────────────────────────────────────────────────────────
   2) ANNOUNCEMENT BAR — Dark with marquee
   ───────────────────────────────────────────────────────── */
#shopify-section-announcement-bar,
#shopify-section-announcement-bar .announcement-bar,
#shopify-section-announcement-bar .announcement-bar__message,
#shopify-section-announcement-bar .announcement__text,
.shopify-section--announcement .announcement-bar,
.shopify-section--announcement .announcement-bar__message,
.shopify-section--announcement .announcement__text,
.announcement-bar,
.announcement__text {
  background: #2f3940 !important;
  background-image: none !important;
  animation: none !important;
  color: #fff !important;
  min-height: auto !important;
  max-height: none !important;
  height: auto !important;
  padding: 25px 0 !important;
  overflow: hidden !important;
}

/* ─── Fix: Marquee overflow causing page gap ─── */
.announcement,
.announcement__text,
.announcement__text--open {
  overflow: hidden !important;
  max-width: 100vw !important;
  width: 100% !important;
}

/* Hide the old injected countdown */
#ck-announce {
  display: none !important;
}

/* Marquee styling (content injected by script in theme.liquid) */
.ck-marquee {
  display: flex !important;
  gap: 0 !important;
  animation: ckMarqueeScroll 7s linear infinite !important;
  white-space: nowrap !important;
  will-change: transform !important;
}

@media (max-width: 768px) {
  .ck-marquee {
    animation-duration: 3s !important;
  }
}

.ck-marquee span {
  display: inline-flex !important;
  align-items: center !important;
  padding: 0 24px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #fff !important;
  white-space: nowrap !important;
}

.ck-marquee span::after {
  content: '•' !important;
  margin-left: 24px !important;
  color: rgba(255,255,255,0.4) !important;
}

@keyframes ckMarqueeScroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* ─── Fix: Prevent marquee from widening page ─── */
#shopify-section-announcement-bar,
.announcement-bar,
.announcement {
  overflow: hidden !important;
  max-width: 100vw !important;
}

html {
  overflow-x: clip !important;
}
body {
  overflow-x: clip !important;
}

/* ─────────────────────────────────────────────────────────
   3) HEADER — Clean, no overlap
   ───────────────────────────────────────────────────────── */
.template-index .main-content,
.template-index #MainContent,
.template-collection .main-content,
.template-collection #MainContent {
  margin-top: 0 !important;
}

/* ─── HEADER: Light glass (replaces lines ~135-203) ─── */

/* All wrappers transparent */
#shopify-section-header,
#shopify-section-header > div,
[data-section-type="header"],
#HeaderWrapper,
#HeaderWrapper.header-wrapper,
.header-wrapper,
#StickyHeaderWrap {
  background: transparent !important;
  background-color: transparent !important;
}

/* Header wrapper positioning — let theme JS handle sticky */
#HeaderWrapper,
.header-wrapper {
  position: relative !important;
  z-index: 100 !important;
}

/* Base header — solid white, NO glass at top */
.site-header,
#shopify-section-header .site-header {
  background: rgba(255, 255, 255, 1) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
  border-radius: 0 !important;
  margin: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
  box-shadow: none !important;
  transition: background 0.5s ease,
              backdrop-filter 0.5s ease,
              box-shadow 0.5s ease !important;
}

/* GLASS — activates when scrolled (JS adds .scrolled class) */
.site-header.scrolled {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 1000 !important;
  background: rgba(255, 255, 255, 0.72) !important;
  backdrop-filter: blur(20px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06) !important;
}

/* Black text always */
.site-header .site-nav__link,
.site-header .site-header__logo,
.site-header a,
.site-header .header__menu-item a {
  color: #1a1a1a !important;
  -webkit-text-fill-color: #1a1a1a !important;
}

.site-header .site-nav__link:hover,
.site-header a:hover,
.header__inline-menu a:hover {
  color: var(--ck-orange, #e63946) !important;
  -webkit-text-fill-color: var(--ck-orange, #e63946) !important;
}

/* Icons black */
.site-header svg,
.site-header .icon {
  color: #1a1a1a !important;
  fill: #1a1a1a !important;
}

.site-header svg path,
.site-header svg line {
  stroke: #1a1a1a !important;
}

/* Mobile */
@media (max-width: 768px) {
  .site-header,
  #shopify-section-header .site-header {
    border-radius: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  
  .site-header.scrolled {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
  }
  
  .main-content, #MainContent {
    margin-top: 0 !important;
  }
}

/* ─── LOGO: Remove old size cap ─── */
.site-header__logo-image,
.site-header img,
.site-header__logo img,
#shopify-section-header img,
.header__heading-logo img,
.logo img {
  max-height: none !important;
  max-width: none !important;
  height: auto !important;
  width: auto !important;
  object-fit: contain !important;
}

.site-header__logo {
  max-height: none !important;
}

/* ─── Header: full-width inner content ─── */
#shopify-section-header .page-width,
#SiteHeader .page-width,
.site-header .page-width {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 40px !important;
  padding-right: 40px !important;
}

/* ─────────────────────────────────────────────────────────
   4) CARDS
   ───────────────────────────────────────────────────────── */
.card,
.product-card,
.product-grid .grid__item .card {
  background: var(--ck-bg-card) !important;
  border: 1px solid var(--ck-border) !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04) !important;
}

.card:hover,
.product-card:hover {
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08) !important;
  border-color: var(--ck-orange, #FF6F1C) !important;
}

/* ─────────────────────────────────────────────────────────
   5) PRODUCT TITLES
   ───────────────────────────────────────────────────────── */
.grid-product__title,
.grid-product__title a,
.product__title,
.product__title a,
.card .card__heading,
.card .card-information__text,
.product-card .product-card__title {
  color: #1a1a1a !important;
}

/* ─────────────────────────────────────────────────────────
   6) STAR RATINGS — Black text
   ───────────────────────────────────────────────────────── */
.ck-rating,
.ck-product-rating,
.ck-rating-number {
  color: #1a1a1a !important;
  -webkit-text-fill-color: #1a1a1a !important;
}

.ck-stars-row {
  color: #f5a623 !important;
  -webkit-text-fill-color: #f5a623 !important;
  letter-spacing: 1px !important;
}

.ck-review-count {
  color: #888 !important;
  -webkit-text-fill-color: #888 !important;
}

.ck-stars {
  color: #FFD700 !important;
}

/* ─────────────────────────────────────────────────────────
   7) SECTION HEADERS
   ───────────────────────────────────────────────────────── */
.section-header__title {
  background: none !important;
  -webkit-text-fill-color: #1a1a1a !important;
  color: #1a1a1a !important;
}

.template-collection .page-header h1,
.template-collection .collection-hero__title,
.collection-hero h1 {
  -webkit-text-fill-color: #1a1a1a !important;
  color: #1a1a1a !important;
}

.ck-subtitle,
.section-header p {
  color: var(--ck-text-secondary) !important;
}

/* ─────────────────────────────────────────────────────────
   8) PRICES
   ───────────────────────────────────────────────────────── */
.price .price-item--regular,
.price__compare,
.price__sale .price-item--regular,
.price__regular .price-item--regular {
  color: #4a4a4a !important;
  opacity: 1 !important;
}

/* ─────────────────────────────────────────────────────────
   9) HERO
   ───────────────────────────────────────────────────────── */
#shopify-section-template__26293785376118__hero-video,
.index-section--hero {
  background: linear-gradient(135deg, #1a1d21 0%, #2a2d33 20%, #3a3d44 40%, #2e3138 60%, #1e2126 80%, #141719 100%) !important;
}

/* ─────────────────────────────────────────────────────────
   10) CONTENT SECTIONS
   ───────────────────────────────────────────────────────── */
.index-section,
.shopify-section,
[id*="shopify-section-template"] {
  background-color: var(--ck-bg-light) !important;
}

.shopify-section--newsletter,
.section-newsletter {
  background: var(--ck-bg-white) !important;
}

/* ─────────────────────────────────────────────────────────
   11) NEWSLETTER
   ───────────────────────────────────────────────────────── */
.section-newsletter input[type="email"],
.newsletter input[type="email"],
.section-newsletter .field__input,
.newsletter .field__input {
  background: #f0efed !important;
  color: #1a1a1a !important;
  border: 1px solid var(--ck-border) !important;
}

/* ─────────────────────────────────────────────────────────
   12) FOOTER — Clean + payment icons + DMCA
   ───────────────────────────────────────────────────────── */
.ck-footer-main,
.ck-footer-logo-col,
.ck-footer-menus-col,
.ck-footer-bottom,
.ck-footer-left,
.ck-footer-center,
.ck-footer-right {
  all: unset !important;
  display: revert !important;
}

.site-footer,
#shopify-section-footer .site-footer {
  background: var(--ck-bg-white) !important;
  border-top: 1px solid var(--ck-border) !important;
  padding: 60px 0 30px !important;
}

.footer__title,
.footer-block__heading {
  color: #1a1a1a !important;
  font-weight: 700 !important;
}

.footer__list-item a,
.site-footer__linklist a {
  color: var(--ck-text-secondary) !important;
}

.footer__list-item a:hover,
.site-footer__linklist a:hover {
  color: var(--ck-orange, #FF6F1C) !important;
}

.footer__content-bottom,
.site-footer__bottom {
  border-top: 1px solid var(--ck-border) !important;
  display: block !important;
}

.ck-footer-copyright {
  color: #999 !important;
}

.ck-footer-copyright strong {
  color: #1a1a1a !important;
}

.footer-block--newsletter .footer__title {
  color: #1a1a1a !important;
}

.footer-block--newsletter p {
  color: var(--ck-text-secondary) !important;
}

.footer-block--newsletter input[type="email"] {
  background: #f0efed !important;
  border: 1px solid var(--ck-border) !important;
  color: #1a1a1a !important;
}

.footer-block--newsletter input[type="email"]:focus {
  background: #fff !important;
  border-color: var(--ck-orange, #FF6F1C) !important;
}

.footer-block--newsletter input[type="email"]::placeholder {
  color: #999 !important;
}

@media (max-width: 990px) {
  .footer-block--newsletter {
    background: rgba(0, 0, 0, 0.02) !important;
  }
}

/* Hide OLD payment/DMCA */
.ck-payment-icons,
.ck-dmca-badge {
  display: none !important;
}

/* Footer payment + DMCA row (injected by script) */
.ck-footer-trust {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  padding: 20px 0 0;
  flex-wrap: wrap;
}

.ck-footer-trust img {
  height: 24px;
  width: auto;
  opacity: 0.7;
  transition: opacity 0.3s;
}

.ck-footer-trust img:hover {
  opacity: 1;
}

/* ─────────────────────────────────────────────────────────
   13) CART DRAWER — OCULAR-IDENTICAL (LIGHT THEME) v3
   
   Replace everything from section 13 down to section 14 
   ───────────────────────────────────────────────────────── */

/* === WHITE BACKGROUND — Nuclear specificity === */
body #CartDrawer,
body .cart-drawer,
body [role="dialog"][data-cart],
html body #CartDrawer,
html body .cart-drawer {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #1a1a1a !important;
}

body.js-drawer-open #CartDrawer,
body.js-drawer-open .cart-drawer,
body.js-drawer-open [role="dialog"][data-cart],
html body.js-drawer-open #CartDrawer,
html .js-drawer-open #CartDrawer,
.js-drawer-open #CartDrawer,
.js-drawer-open .cart-drawer,
.js-drawer-open [role="dialog"][data-cart] {
  background: #ffffff !important;
  background-color: #ffffff !important;
}

/* === DRAWER SIZE & FLOATING === */
@media (min-width: 769px) {
  body #CartDrawer,
  body .cart-drawer,
  body [role="dialog"][data-cart],
  html body #CartDrawer,
  .js-drawer-open #CartDrawer {
    width: min(680px, 94vw) !important;
    max-height: calc(100vh - 32px) !important;
    top: 16px !important;
    right: 16px !important;
    bottom: 16px !important;
    height: auto !important;
    border-radius: 16px !important;
    box-shadow: 0 24px 80px rgba(0,0,0,0.15), 0 0 0 1px rgba(0,0,0,0.04) !important;
    overflow: hidden !important;
  }
}

@media (max-width: 768px) {
  body #CartDrawer,
  .js-drawer-open #CartDrawer {
    width: 100vw !important;
    border-radius: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
  }
}

/* Inner containers */
#CartDrawer .drawer__contents,
#CartDrawer .drawer__inner,
#CartDrawer .drawer__scrollable,
#CartDrawer .cart__items,
#CartDrawer .ajaxcart__inner,
#CartDrawer form {
  background: #ffffff !important;
  color: #1a1a1a !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#CartDrawer .drawer__scrollable {
  padding: 0 !important;
}

#CartDrawer .drawer__inner {
  padding: 0 !important;
}

#CartDrawer .drawer__contents {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

#CartDrawer .drawer__inner {
  flex: 1 !important;
  overflow-y: auto !important;
}

/* === HEADER === */
#CartDrawer .drawer__header,
#CartDrawer .cart__header {
  background: #fff !important;
  border-bottom: none !important;
  padding: 24px 20px 16px !important;
  color: #1a1a1a !important;
  text-align: left !important;
}

#CartDrawer .drawer__title {
  color: #1a1a1a !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  text-align: left !important;
}

#CartDrawer .drawer__header h2,
#CartDrawer h2 {
  color: #1a1a1a !important;
  text-align: left !important;
}

/* Count pill — bigger */
#CartDrawer .ck-count-pill {
  background: #1a1a1a !important;
  color: #fff !important;
  font-size: 14px !important;
  padding: 3px 10px !important;
  border-radius: 50% !important;
  margin-left: 8px !important;
  min-width: 26px !important;
  height: 26px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Hide the PRODUCT / TOTAL columns bar */
.ck-cart-columns {
  display: none !important;
}

/* === CART ITEM ROW === */
#CartDrawer .ck-cart-row {
  display: flex !important;
  align-items: flex-start !important;
  gap: 16px !important;
  padding: 20px 20px !important;
  border-bottom: none !important;
  border-top: none !important;
}

#CartDrawer .cart__item:not(.ck-cart-row) {
  display: flex !important;
  align-items: flex-start !important;
  gap: 16px !important;
  padding: 20px 20px !important;
  border-bottom: none !important;
}

/* === LEFT: Product image === */
#CartDrawer .ck-cart-img {
  width: 110px !important;
  min-width: 110px !important;
  height: 110px !important;
  flex-shrink: 0 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background: #f5f5f3 !important;
}

#CartDrawer .ck-cart-img a {
  display: block !important;
  width: 110px !important;
  height: 110px !important;
}

#CartDrawer .ck-cart-img img {
  width: 110px !important;
  height: 110px !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 12px !important;
}

/* Old-style image fallback */
#CartDrawer .cart__item--image {
  width: 110px !important;
  min-width: 110px !important;
  flex-shrink: 0 !important;
}

#CartDrawer .cart__item--image .image-wrap {
  display: block !important;
  width: 110px !important;
  height: 110px !important;
  padding-bottom: 0 !important;
  overflow: hidden !important;
  border-radius: 12px !important;
  background: #f5f5f3 !important;
}

#CartDrawer .cart__item--image .image-wrap img,
#CartDrawer .cart__item--image img {
  width: 110px !important;
  height: 110px !important;
  object-fit: cover !important;
  display: block !important;
  position: relative !important;
  border-radius: 12px !important;
}

/* === MIDDLE: Name + Price === */
#CartDrawer .ck-cart-info {
  flex: 1 !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  padding-top: 2px !important;
}

#CartDrawer .ck-cart-name {
  color: #1a1a1a !important;
  -webkit-text-fill-color: #1a1a1a !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
  display: block !important;
}

#CartDrawer .ck-cart-variant {
  color: #999 !important;
  font-size: 13px !important;
}

#CartDrawer .ck-cart-prices {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 4px !important;
}

#CartDrawer .ck-cart-price-now {
  color: #e63946 !important;
  -webkit-text-fill-color: #e63946 !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  background: none !important;
  -webkit-background-clip: unset !important;
}

#CartDrawer .ck-cart-price-was {
  color: #999 !important;
  -webkit-text-fill-color: #999 !important;
  text-decoration: line-through !important;
  font-weight: 500 !important;
  font-size: 16px !important;
}

#CartDrawer .ck-cart-discount {
  color: #e63946 !important;
  font-size: 13px !important;
}

#CartDrawer .ck-cart-prop {
  color: #999 !important;
  font-size: 13px !important;
}

/* === RIGHT: Qty box + Remove link === */
#CartDrawer .ck-cart-actions {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 10px !important;
  flex-shrink: 0 !important;
  padding-top: 2px !important;
}

#CartDrawer .ck-cart-qty-box {
  display: flex !important;
  align-items: center !important;
  border: 1.5px solid #e0e0e0 !important;
  border-radius: 10px !important;
  background: #fff !important;
  overflow: hidden !important;
  width: auto !important;
  height: auto !important;
}

#CartDrawer .ck-cart-qty-input {
  width: 100% !important;
  height: 100% !important;
  text-align: center !important;
  border: none !important;
  background: transparent !important;
  color: #1a1a1a !important;
  -webkit-text-fill-color: #1a1a1a !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  -moz-appearance: textfield !important;
  padding: 0 !important;
  margin: 0 !important;
  outline: none !important;
}

#CartDrawer .ck-cart-qty-input::-webkit-outer-spin-button,
#CartDrawer .ck-cart-qty-input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

/* "Remove" text link */
#CartDrawer .ck-cart-remove-link {
  background: none !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  color: #1a1a1a !important;
  -webkit-text-fill-color: #1a1a1a !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  text-decoration: underline !important;
  cursor: pointer !important;
  text-underline-offset: 3px !important;
}

#CartDrawer .ck-cart-remove-link:hover {
  color: #e63946 !important;
  -webkit-text-fill-color: #e63946 !important;
}

/* === HIDE old elements === */
#CartDrawer .js-qty__adjust,
#CartDrawer .js-qty__adjust--minus,
#CartDrawer .js-qty__adjust--plus,
#CartDrawer .ck-remove,
#CartDrawer .ck-remove--inline {
  display: none !important;
}

#CartDrawer .js-qty__wrapper {
  border: none !important;
  background: none !important;
  display: contents !important;
}

#CartDrawer .cart__item--price,
#CartDrawer .cart__item-price-col {
  display: none !important;
}

#CartDrawer .cart__item--details {
  display: none !important;
}

/* Hide discount note line */
#CartDrawer .ajaxcart__note,
#CartDrawer .cart__item-row.ajaxcart__note,
#CartDrawer .cart__policies,
#CartDrawer .cart__shipping,
#CartDrawer .tax-note {
  display: none !important;
}

/* === CROSS-SELL — "Top Creators Also Bought" === */
.ck-cross-sell {
  padding: 8px 20px 0 !important;
  padding-right: 0 !important;
  margin-bottom: 24px !important;
}

.ck-cross-sell-track {
  padding-right: 20px !important;
}

.ck-cross-sell-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 12px !important;
}

.ck-cross-sell-title {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  -webkit-text-fill-color: #1a1a1a !important;
}

.ck-cross-sell-arrows {
  display: flex !important;
  gap: 6px !important;
}

.ck-cross-sell-arrow {
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  border: none !important;
  background: #e8e8e6 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  color: #1a1a1a !important;
  -webkit-text-fill-color: #1a1a1a !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  transition: all 0.2s ease !important;
  padding: 0 !important;
}

.ck-cross-sell-arrow:hover {
  background: #d0d0ce !important;
}

.ck-cross-sell-track {
  display: flex !important;
  gap: 12px !important;
  overflow-x: auto !important;
  scroll-snap-type: x mandatory !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
  padding-bottom: 4px !important;
}

.ck-cross-sell-track::-webkit-scrollbar {
  display: none !important;
}

.ck-cross-sell-card {
  flex: 0 0 auto !important;
  width: 320px !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  background: #f7f7f5 !important;
  border-radius: 12px !important;
  padding: 16px !important;
  scroll-snap-align: start !important;
}

.ck-cross-sell-card img {
  width: 85px !important;
  height: 85px !important;
  border-radius: 10px !important;
  object-fit: cover !important;
  flex-shrink: 0 !important;
}

.ck-cross-sell-card-info {
  flex: 1 !important;
  min-width: 0 !important;
}

.ck-cross-sell-card-name {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  -webkit-text-fill-color: #1a1a1a !important;
  line-height: 1.3 !important;
  margin-bottom: 4px !important;
}

.ck-cross-sell-card-prices {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.ck-cross-sell-card-price {
  color: #e63946 !important;
  -webkit-text-fill-color: #e63946 !important;
  font-weight: 600 !important;
  font-size: 14px !important;
}

.ck-cross-sell-card-compare {
  color: #bbb !important;
  -webkit-text-fill-color: #bbb !important;
  text-decoration: line-through !important;
  font-size: 13px !important;
}

.ck-cross-sell-add {
  background: #eee !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 8px 16px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #1a1a1a !important;
  -webkit-text-fill-color: #1a1a1a !important;
  cursor: pointer !important;
  transition: background 0.2s ease !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

.ck-cross-sell-add:hover {
  background: #ddd !important;
}

/* === TRUST BADGES — Instant Download + Money-Back === */
.ck-trust-badges {
  padding: 0 20px 8px !important;
}

.ck-trust-badge {
  display: flex !important;
  align-items: flex-start !important;
  gap: 14px !important;
  background: #f7f7f5 !important;
  border-radius: 12px !important;
  padding: 20px !important;
  margin-bottom: 18px !important;
}

.ck-trust-badge-icon {
  font-size: 22px !important;
  flex-shrink: 0 !important;
  margin-top: 2px !important;
}

.ck-trust-badge-icon svg {
  width: 28px !important;
  height: 28px !important;
}

.ck-trust-badge-text {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

.ck-trust-badge-title {
  font-weight: 800 !important;
  font-size: 15px !important;
  color: #1a1a1a !important;
  -webkit-text-fill-color: #1a1a1a !important;
}

.ck-trust-badge-desc {
  font-size: 14px !important;
  color: #555 !important;
  -webkit-text-fill-color: #555 !important;
  line-height: 1.45 !important;
  font-weight: 500 !important;
}

/* === FOOTER === */
#CartDrawer .cart__footer,
#CartDrawer .drawer__footer {
  background: #fff !important;
  border-top: 1px solid #f0eeeb !important;
  padding: 0 20px 20px !important;
}

/* === TOTAL ROW === */
#CartDrawer #ck-totals-row {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 24px 0 !important;
  border-top: 1px solid #f0eeeb !important;
  margin: 0 !important;
}

#CartDrawer #ck-totals-row .ck-totals-label {
  font-size: 24px !important;
  font-weight: 600 !important;
  color: #1a1a1a !important;
  -webkit-text-fill-color: #1a1a1a !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

#CartDrawer #ck-totals-row .ck-totals-right {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

#CartDrawer #ck-totals-row .ck-totals-value {
  font-size: 24px !important;
  font-weight: 600 !important;
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  -webkit-text-fill-color: #e63946 !important;
  color: #e63946 !important;
}

#CartDrawer #ck-totals-row .ck-totals-compare {
  font-size: 22px !important;
  font-weight: 500 !important;
  color: #999 !important;
  -webkit-text-fill-color: #999 !important;
  text-decoration: line-through !important;
  display: none;
}

#CartDrawer #ck-totals-row .ck-totals-save {
  display: none;
  background: #e63946 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  padding: 6px 12px !important;
  border-radius: 6px !important;
  white-space: nowrap !important;
}

/* === CHECKOUT BUTTON — Bolder, tighter tracking === */
#CartDrawer button[name="checkout"],
#CartDrawer .cart__checkout,
#CartDrawer .btn--checkout {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  background: #2A3642 !important;
  background-image: none !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border-radius: 14px !important;
  padding: 20px 24px !important;
  font-weight: 900 !important;
  font-size: 16px !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  width: 100% !important;
  border: none !important;
  cursor: pointer !important;
  transition: background 0.2s ease !important;
}

#CartDrawer button[name="checkout"]:hover,
#CartDrawer .cart__checkout:hover {
  background: #3a4a56 !important;
}

/* === STAR RATING — Between checkout and payment === */
.ck-cart-rating {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 10px 0 0 !important;
  margin: 0 !important;
}

.ck-cart-rating-stars {
  color: #f5a623 !important;
  font-size: 18px !important;
  letter-spacing: 2px !important;
  -webkit-text-fill-color: #f5a623 !important;
}

.ck-cart-rating-score {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  -webkit-text-fill-color: #1a1a1a !important;
}

/* === PAYMENT ICONS === */
#CartDrawer .ck-payment-icons-new,
#CartDrawer .ck-cart-payments {
  display: none !important;
}

#CartDrawer #ck-payment-row {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 0 0 8px !important;
  margin: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

#CartDrawer #ck-payment-img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  opacity: 1 !important;
  object-fit: contain !important;
  padding: 0 20px !important;
  box-sizing: border-box !important;
}

/* === CLOSE BUTTON === */
#CartDrawer .drawer__close-button,
#CartDrawer .drawer__close {
  color: #1a1a1a !important;
}

#CartDrawer .drawer__close-button svg,
#CartDrawer .drawer__close svg {
  fill: #1a1a1a !important;
  stroke: #1a1a1a !important;
  width: 20px !important;
  height: 20px !important;
}

/* === ALL LINKS === */
#CartDrawer a {
  color: #1a1a1a !important;
  -webkit-text-fill-color: #1a1a1a !important;
}

/* === BACKDROP === */
.site-overlay,
.drawer__overlay,
.drawer__cover,
.drawer__backdrop,
#ck-cart-backdrop {
  background: rgba(0, 0, 0, 0.35) !important;
}

/* === EMPTY CART === */
#CartDrawer .drawer__cart-empty {
  color: #888 !important;
  padding: 20px !important;
}

/* === FORCE red prices === */
#CartDrawer .cart__price,
#CartDrawer .cart-item__price,
#CartDrawer .ajaxcart__price,
#CartDrawer .drawer__footer .h3,
#CartDrawer [data-cart-item-price],
#CartDrawer .price,
#CartDrawer .ck-price-fixed {
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  -webkit-text-fill-color: #e63946 !important;
  color: #e63946 !important;
  font-weight: 700 !important;
}

/* === MOBILE === */
@media (max-width: 768px) {
  #CartDrawer .ck-cart-img,
  #CartDrawer .ck-cart-img a,
  #CartDrawer .ck-cart-img img {
    width: 85px !important;
    min-width: 85px !important;
    height: 85px !important;
  }
  
  #CartDrawer .ck-cart-row {
    padding: 20px !important;
    gap: 12px !important;
  }
  
  #CartDrawer .ck-cart-name {
    font-size: 14px !important;
  }

  #CartDrawer .cart__item--image,
  #CartDrawer .cart__item--image .image-wrap,
  #CartDrawer .cart__item--image .image-wrap img,
  #CartDrawer .cart__item--image img {
    width: 85px !important;
    min-width: 85px !important;
    height: 85px !important;
  }
  
  #CartDrawer .drawer__header {
    padding: 20px !important;
  }
  
  #CartDrawer .cart__footer,
  #CartDrawer .drawer__footer {
    padding: 0 20px 20px !important;
  }
  
  #CartDrawer #ck-totals-row .ck-totals-label,
  #CartDrawer #ck-totals-row .ck-totals-value {
    font-size: 20px !important;
  }
  
  .ck-trust-badges {
    padding: 0 20px 8px !important;
  }
}

/* ─────────────────────────────────────────────────────────
   14) NAV DRAWER — Light
   ───────────────────────────────────────────────────────── */
#NavDrawer,
#NavDrawer .drawer__contents {
  background: linear-gradient(180deg, #fff 0%, #f8f8f6 100%) !important;
}

#NavDrawer .drawer__header {
  border-bottom: 1px solid var(--ck-border) !important;
  background: rgba(0, 0, 0, 0.01) !important;
}

#NavDrawer .drawer__close-button {
  background: rgba(0, 0, 0, 0.04) !important;
  color: #1a1a1a !important;
}

#NavDrawer .drawer__close-button svg,
#NavDrawer .drawer__close-button .icon {
  fill: #1a1a1a !important;
  color: #1a1a1a !important;
}

#NavDrawer .mobile-nav__item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
}

#NavDrawer .mobile-nav__link {
  color: #1a1a1a !important;
}

#NavDrawer .mobile-nav__social {
  background: rgba(0, 0, 0, 0.02) !important;
  border-top: 1px solid var(--ck-border) !important;
}

#NavDrawer .social-icons__link {
  background: rgba(0, 0, 0, 0.04) !important;
}

#NavDrawer .social-icons__link svg { fill: #1a1a1a !important; }

#NavDrawer .mobile-nav__link[href*="login"],
#NavDrawer .mobile-nav__link[href*="account"] {
  color: var(--ck-text-secondary) !important;
}

/* ─────────────────────────────────────────────────────────
   15) BUTTONS
   ───────────────────────────────────────────────────────── */
.button:not(.button--secondary),
.btn:not(.button--secondary),
.button--primary,
.product-form__submit,
.shopify-payment-button__button--unbranded {
  box-shadow: none !important;
}

.button--secondary,
.btn--secondary {
  background: transparent !important;
  color: #1a1a1a !important;
  border: 1px solid var(--ck-border) !important;
}

/* ─────────────────────────────────────────────────────────
   16) BADGES
   ───────────────────────────────────────────────────────── */
.card__badge .badge,
.grid-product__tag--sale,
.badge,
.product__badge {
  box-shadow: 0 2px 8px rgba(230, 57, 70, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}

/* ─────────────────────────────────────────────────────────
   17) QUICK ADD — Cart icon button
   ───────────────────────────────────────────────────────── */
/* Quick add — RED, beats custom.css, scales with screen */
.grid-product__image-mask .ck-quickadd,
.grid-product__image-mask .ck-quickadd:hover {
  background: #e63946 !important;
  background-image: none !important;
  background-color: #e63946 !important;
  color: #fff !important;
  box-shadow: 0 4px 12px rgba(230, 57, 70, 0.35) !important;
  width: clamp(32px, 3vw, 48px) !important;
  height: clamp(32px, 3vw, 48px) !important;
  padding: 0 !important;
  border-radius: 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0 !important;
}

.grid-product__image-mask .ck-quickadd svg {
  stroke: #fff !important;
  width: clamp(16px, 1.5vw, 22px) !important;
  height: clamp(16px, 1.5vw, 22px) !important;
}

/* Hide quick add cart on mobile entirely */
@media (max-width: 768px) {
  .ck-quickadd,
  .grid-product__image-mask .ck-quickadd {
    display: none !important;
  }
}

/* ─────────────────────────────────────────────────────────
   18) PRODUCT PAGE
   ───────────────────────────────────────────────────────── */
.template-product {
  background: var(--ck-bg-light) !important;
}

.template-product .product__title,
.template-product .product__title a {
  color: #1a1a1a !important;
  -webkit-text-fill-color: #1a1a1a !important;
}

.template-product .product__description,
.template-product .rte {
  color: var(--ck-text-secondary) !important;
}

/* ─────────────────────────────────────────────────────────
   19) STICKY ATC
   ───────────────────────────────────────────────────────── */
#ck-sticky-atc, #ck-sticky-bar, [id*="ck-sticky"] {
  background: rgba(255, 255, 255, 0.95) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1) !important;
}

#ck-sticky-title-2 { color: #1a1a1a !important; }

/* ─────────────────────────────────────────────────────────
   20) PAGE BACKGROUNDS
   ───────────────────────────────────────────────────────── */
.template-page, .template-index, .template-list-collections,
.template-blog, .template-article, .template-cart,
.template-search, .template-404, .template-collection {
  background: var(--ck-bg-light) !important;
}

.main-content, #MainContent { background: transparent !important; }

.template-collection .main-content,
.template-collection #MainContent {
  background: var(--ck-bg-light) !important;
}

/* ─────────────────────────────────────────────────────────
   21) OVERLAYS
   ───────────────────────────────────────────────────────── */
.overlay, .image-overlay, .hero__overlay {
  background: linear-gradient(180deg, rgba(0,0,0,0.25), rgba(0,0,0,0.1)) !important;
}

/* ─────────────────────────────────────────────────────────
   22) TEXT & LINKS
   ───────────────────────────────────────────────────────── */
.rte, .rte p, .rte li, p, .text-body { color: var(--ck-text-secondary) !important; }
h1, h2, h3, h4, h5, h6 { color: #1a1a1a !important; }
a { color: #1a1a1a !important; }
a:hover { color: var(--ck-orange, #FF6F1C) !important; }

/* ─────────────────────────────────────────────────────────
   23) FORM INPUTS
   ───────────────────────────────────────────────────────── */
input[type="text"], input[type="email"], input[type="password"],
input[type="number"], input[type="tel"], input[type="search"],
textarea, select, .field__input {
  background: #fff !important;
  color: #1a1a1a !important;
  border: 1px solid var(--ck-border) !important;
}

input:focus, textarea:focus, select:focus, .field__input:focus {
  border-color: var(--ck-orange, #FF6F1C) !important;
  box-shadow: 0 0 0 2px rgba(255, 111, 28, 0.1) !important;
}

::placeholder { color: #aaa !important; }

/* ─────────────────────────────────────────────────────────
   24) SCROLLBAR
   ───────────────────────────────────────────────────────── */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: var(--ck-bg-light); }
::-webkit-scrollbar-thumb { background: #ccc; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #aaa; }

/* ─────────────────────────────────────────────────────────
   25) MISC OVERRIDES
   ───────────────────────────────────────────────────────── */
.template-page .page-width { color: #1a1a1a !important; }
.disclosure__toggle, .currency-selector, [data-disclosure-toggle] { color: #1a1a1a !important; }
.disclosure__list, .currency-list {
  background: #fff !important;
  border: 1px solid var(--ck-border) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08) !important;
}
.disclosure__list-item a, .currency-list a { color: #1a1a1a !important; }
.disclosure__list-item a:hover { background: rgba(0, 0, 0, 0.04) !important; }

.section--padded, .index-section--featured-promotions,
.index-section--featured-content, .index-section--rich-text {
  background: var(--ck-bg-light) !important;
  color: #1a1a1a !important;
}

.grid-product__meta, .grid-product__content, .card-information { color: #1a1a1a !important; }
.grid-product__vendor { color: #999 !important; }
.grid__item { background: transparent !important; }
/* =========================================================
   CINEKIND — PATCH (add to bottom of custom-light.css)
   
   Fixes:
   - Featured section text on light bg
   - Sticky ATC bar white text
   - Cart drawer payment icons (SVG)
   - Footer payment icons (use Shopify native)
   - Marquee animation fix
   ========================================================= */


/* ─────────────────────────────────────────────────────────
   STICKY ATC — Fix white/invisible text on light bar
   ───────────────────────────────────────────────────────── */
#ck-sticky-atc {
  background: rgba(255, 255, 255, 0.95) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1) !important;
  border-radius: 16px !important;
}

#ck-sticky-title-2 {
  color: #1a1a1a !important;
}

/* Fix the price wrapper inside sticky bar */
#ck-sticky-price-wrapper .product__price--compare,
#ck-sticky-price-wrapper [data-compare-price],
#ck-sticky-price-wrapper s,
#ck-sticky-price-wrapper del {
  color: #999 !important;
  -webkit-text-fill-color: #999 !important;
}

/* ─────────────────────────────────────────────────────────
   CART DRAWER — SVG payment icons styling
   ───────────────────────────────────────────────────────── */

/* Hide the old blurry payment sprite image */
#CartDrawer #ck-payment-row,
#CartDrawer #ck-payment-img {
  display: none !important;
}

/* New SVG payment row (injected by script) */
.ck-cart-payments {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 12px 16px !important;
  flex-wrap: wrap !important;
}

.ck-cart-payments svg {
  width: 38px !important;
  height: 24px !important;
  border-radius: 4px !important;
  border: 1px solid #e5e3df !important;
}

/* ─────────────────────────────────────────────────────────
   FOOTER — Use Shopify native payment icons
   Hide the injected image ones
   ───────────────────────────────────────────────────────── */
#ck-footer-trust {
  display: none !important;
}

/* Shopify native payment icons - style them */
.site-footer .payment-icons,
.footer__content-bottom .payment-icons,
.footer .list--payment {
  display: flex !important;
  justify-content: center !important;
  gap: 4px !important;
  padding: 8px 0 !important;
}

.site-footer .payment-icons .icon,
.site-footer .payment-icons svg,
.footer .list--payment .icon,
.footer .list--payment svg {
  height: 24px !important;
  width: auto !important;
}

.ck-marquee span {
  display: inline-flex !important;
  align-items: center !important;
  padding: 0 24px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #fff !important;
  white-space: nowrap !important;
}

.ck-marquee span::after {
  content: '•' !important;
  margin-left: 24px !important;
  color: rgba(255,255,255,0.4) !important;
}

@keyframes ckMarqueeScroll {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
/* Footer country/currency selector */
.site-footer .disclosure,
.site-footer .localization-form,
.site-footer .disclosure__toggle,
.site-footer .localization-selector,
.site-footer [data-disclosure-toggle] {
  background: transparent !important;
  color: #1a1a1a !important;
  border: 1px solid var(--ck-border) !important;
}
/* ─────────────────────────────────────────────────────────
   PATCH: Currency/Country Dropdown — Light background
   The Motion theme dropdown inherits dark theme colors
   ───────────────────────────────────────────────────────── */

/* The dropdown list itself */
.disclosure__list,
.disclosure-list,
.localization-form__select,
.country-selector .disclosure__list,
.site-footer .disclosure__list,
.site-header .disclosure__list,
[data-disclosure-list] {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 1px solid var(--ck-border, #e5e3df) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12) !important;
  color: #1a1a1a !important;
}

/* Each item in the dropdown */
.disclosure__item,
.disclosure__list-item,
.disclosure-list__item,
[data-disclosure-list] li {
  background: transparent !important;
  color: #1a1a1a !important;
}

/* Links inside dropdown */
.disclosure__item a,
.disclosure__list-item a,
.disclosure-list__item a,
.disclosure__link,
[data-disclosure-list] a {
  color: #1a1a1a !important;
  background: transparent !important;
}

/* Hover state */
.disclosure__item:hover,
.disclosure__list-item:hover,
.disclosure__item a:hover,
.disclosure__list-item a:hover,
.disclosure__link:hover,
[data-disclosure-list] a:hover {
  background: rgba(0, 0, 0, 0.04) !important;
  color: var(--ck-orange, #FF6F1C) !important;
}

/* Active/selected state */
.disclosure__item--active,
.disclosure__list-item--active,
.disclosure__item--current,
.disclosure__link--active {
  background: rgba(0, 0, 0, 0.06) !important;
  color: #1a1a1a !important;
  font-weight: 700 !important;
}

/* The toggle button itself (in footer) */
.site-footer .disclosure__toggle,
.site-footer .localization-form__select,
.site-footer [data-disclosure-toggle],
.footer .disclosure__toggle {
  background: #ffffff !important;
  color: #1a1a1a !important;
  border: 1px solid var(--ck-border, #e5e3df) !important;
}

/* ─────────────────────────────────────────────────────────
   PATCH: Sticky ATC — Fix invisible Add to Cart button
   The button gradient gets killed by our broad overrides.
   We need to protect it explicitly.
   ───────────────────────────────────────────────────────── */

/* Protect the sticky bar button gradient */
#ck-sticky-btn-2,
#ck-sticky-atc button {
  background: #1e272e !important;
  background-image: none !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* The bar itself */
#ck-sticky-atc {
  background: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1) !important;
}

/* Title text */
#ck-sticky-title-2 {
  color: #1a1a1a !important;
  -webkit-text-fill-color: #1a1a1a !important;
}

/* Compare price in sticky bar */
#ck-sticky-price-wrapper .product__price--compare,
#ck-sticky-price-wrapper [data-compare-price],
#ck-sticky-price-wrapper s,
#ck-sticky-price-wrapper del {
  color: #999 !important;
  -webkit-text-fill-color: #999 !important;
}
/* Kill white background on cloned price elements in sticky bar */
#ck-sticky-atc *,
#ck-sticky-atc div,
#ck-sticky-atc span,
#ck-sticky-atc p,
#ck-sticky-price-wrapper,
#ck-sticky-price-wrapper *,
#ck-sticky-title-2 {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* Re-protect the Add to Cart button gradient */
#ck-sticky-btn-2 {
  background: #1e272e !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: 0 4px 16px rgba(30,39,46,0.3) !important;
}/* Kill white background on cloned price elements in sticky bar */
#ck-sticky-atc *,
#ck-sticky-atc div,
#ck-sticky-atc span,
#ck-sticky-atc p,
#ck-sticky-price-wrapper,
#ck-sticky-price-wrapper *,
#ck-sticky-title-2 {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* Re-protect the Add to Cart button gradient */
#ck-sticky-btn-2 {
  background: #1e272e !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: 0 4px 16px rgba(30,39,46,0.3) !important;
}
/* ─────────────────────────────────────────────────────────
   HEADER — Dark text + full-width bar (like Ocular)
   ───────────────────────────────────────────────────────── */

/* Full-width, no rounded corners, taller */
.site-header,
#shopify-section-header .site-header {
  border-radius: 0 !important;
  margin: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
  left: 0 !important;
  right: 0 !important;
  padding: 16px 40px !important;
  border: none !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
}

/* Nav links — BLACK text */
.site-header .site-nav__link,
.site-header a,
.site-header .header__menu-item a,
.site-nav a,
.site-nav__link,
.header__inline-menu a {
  color: #1a1a1a !important;
  -webkit-text-fill-color: #1a1a1a !important;
}

.site-header .site-nav__link:hover,
.site-header a:hover,
.header__inline-menu a:hover {
  color: var(--ck-orange, #FF6F1C) !important;
  -webkit-text-fill-color: var(--ck-orange, #FF6F1C) !important;
}

/* Cart icon, person icon, search icon — BLACK */
.site-header .icon,
.site-header svg,
.site-header .site-nav__icon,
.header-item--icons .icon,
.header-item--icons svg,
.site-header__cart .icon,
.site-header__account .icon,
.site-header__search .icon,
.cart-link .icon,
.cart-link svg {
  color: #1a1a1a !important;
  fill: #1a1a1a !important;
  stroke: #1a1a1a !important;
}

/* Cart count bubble stays orange */
.cart-link__bubble {
  color: #fff !important;
  fill: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
/* ─────────────────────────────────────────────────────────
   SAVE BADGE — Bigger, more padding, stronger gradient
   ───────────────────────────────────────────────────────── */

/* Position: more space from edges */
.card__badge,
.grid-product__tag,
.grid-product__tag--sale,
.badge--top-right,
[class*="badge"] {
  top: 16px !important;
  right: 16px !important;
}

/* Badge itself: scales with screen */
.card__badge .badge,
.grid-product__tag--sale,
.badge,
.product__badge,
.badge--sale {
  background: #e63946 !important;
  background-image: none !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: clamp(9px, 1vw, 14px) !important;
  font-weight: 700 !important;
  padding: clamp(3px, 0.4vw, 7px) clamp(8px, 1vw, 16px) !important;
  border-radius: 24px !important;
  letter-spacing: 0.3px !important;
  box-shadow: 0 4px 12px rgba(230, 57, 70, 0.35) !important;
}

/* ─────────────────────────────────────────────────────────
   ORANGE GRADIENT PRICES — Darker, more saturated
   ───────────────────────────────────────────────────────── */

/* Sale prices on product cards */
.grid-product__price--sale,
.price__sale .price-item--sale,
.price-item--sale,
.product__price--sale {
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  -webkit-text-fill-color: #e63946 !important;
  color: #e63946 !important;
  font-weight: 900 !important;
}

/* Cart drawer prices */
#CartDrawer .cart__price,
#CartDrawer .cart-item__price,
#CartDrawer .ajaxcart__price,
#CartDrawer [data-cart-item-price],
#CartDrawer .price,
#CartDrawer #ck-totals-row .ck-totals-value {
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  -webkit-text-fill-color: #e63946 !important;
  color: #e63946 !important;
}

/* Sticky ATC price */
#ck-sticky-price-wrapper .product__price:not(.product__price--compare),
#ck-sticky-price-wrapper [data-price]:not([data-compare-price]) {
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  -webkit-text-fill-color: #e63946 !important;
  color: #e63946 !important;
}

/* Save badge inline on product page */
span.ck-save-badge {
  background: #e63946 !important;
  background-image: none !important;
}
/* =========================================================
   CINEKIND — PATCH v5
   Fixes: Mobile nav, cart red prices, cart payments,
          featured section 4-col
   ========================================================= */

/* ─────────────────────────────────────────────────────────
   1) MOBILE NAV — NUCLEAR white background override
   custom.css line 1061 sets #000 !important
   ───────────────────────────────────────────────────────── */
html body #NavDrawer,
html body #NavDrawer .drawer__contents,
body #NavDrawer,
body #NavDrawer .drawer__contents {
  background: #ffffff !important;
  background-image: none !important;
}

html body #NavDrawer .drawer__header,
body #NavDrawer .drawer__header {
  background: #fff !important;
  border-bottom: 1px solid var(--ck-border, #e5e3df) !important;
}

html body #NavDrawer .drawer__close-button,
body #NavDrawer .drawer__close-button {
  background: rgba(0, 0, 0, 0.05) !important;
  color: #1a1a1a !important;
}

html body #NavDrawer .drawer__close-button svg,
body #NavDrawer .drawer__close-button svg {
  fill: #1a1a1a !important;
  color: #1a1a1a !important;
}

html body #NavDrawer .mobile-nav__item,
body #NavDrawer .mobile-nav__item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
  background: transparent !important;
}

html body #NavDrawer .mobile-nav__item:hover,
body #NavDrawer .mobile-nav__item:hover {
  background: rgba(0, 0, 0, 0.02) !important;
}

html body #NavDrawer .mobile-nav__link,
body #NavDrawer .mobile-nav__link {
  color: #1a1a1a !important;
  -webkit-text-fill-color: #1a1a1a !important;
}

html body #NavDrawer .mobile-nav__link:hover,
body #NavDrawer .mobile-nav__link:hover {
  color: #e63946 !important;
  -webkit-text-fill-color: #e63946 !important;
}

/* Keep Limited Time Sale red-coral */
html body #NavDrawer .mobile-nav__link[href*="/collections/sale"],
html body #NavDrawer .mobile-nav__link[href*="limited-time-sale"],
html body #NavDrawer a[href*="/collections/sale"],
body #NavDrawer .mobile-nav__link[href*="/collections/sale"],
body #NavDrawer a[href*="/collections/sale"] {
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  -webkit-text-fill-color: #e63946 !important;
  color: #e63946 !important;
  font-weight: 900 !important;
}

/* Remove the orange glow bar on sale link */
html body #NavDrawer .mobile-nav__link[href*="/collections/sale"]::before,
html body #NavDrawer a[href*="/collections/sale"]::before,
body #NavDrawer .mobile-nav__link[href*="/collections/sale"]::before,
body #NavDrawer a[href*="/collections/sale"]::before {
  background: #e63946 !important;
  box-shadow: none !important;
}

/* Log in link */
html body #NavDrawer .mobile-nav__link[href*="login"],
html body #NavDrawer .mobile-nav__link[href*="account"],
body #NavDrawer .mobile-nav__link[href*="login"],
body #NavDrawer .mobile-nav__link[href*="account"] {
  color: #888 !important;
  -webkit-text-fill-color: #888 !important;
}

/* Social icons area */
html body #NavDrawer .mobile-nav__social,
body #NavDrawer .mobile-nav__social {
  background: rgba(0, 0, 0, 0.02) !important;
  border-top: 1px solid var(--ck-border, #e5e3df) !important;
}

html body #NavDrawer .social-icons__link,
body #NavDrawer .social-icons__link {
  background: rgba(0, 0, 0, 0.05) !important;
}

html body #NavDrawer .social-icons__link svg,
body #NavDrawer .social-icons__link svg {
  fill: #1a1a1a !important;
}

/* ─────────────────────────────────────────────────────────
   CART PAGE — OCULAR-IDENTICAL (LIGHT THEME) v3
   ───────────────────────────────────────────────────────── */

/* === PAGE WRAPPER === */
.ck-cart-page {
  max-width: 960px !important;
  margin: 0 auto !important;
  padding: 48px 64px 80px !important;
  background: var(--ck-bg-light, #f5f5f3) !important;
}

.ck-cart-page.is-empty .ck-cart-page-empty {
  display: block !important;
}

.ck-cart-page .ck-cart-page-empty {
  display: none;
  text-align: center;
  padding: 60px 0;
  color: #888;
  font-size: 18px;
}

.ck-cart-page-continue {
  display: inline-block !important;
  margin-top: 16px !important;
  color: #1a1a1a !important;
  text-decoration: underline !important;
  font-weight: 500 !important;
  font-size: 16px !important;
}

/* === HEADER === */
.ck-cart-page-header {
  text-align: center !important;
  padding: 0 0 48px !important;
}

.ck-cart-page-header h1 {
  font-size: 48px !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  margin: 0 !important;
  letter-spacing: -0.5px !important;
}

/* Hide old theme cart elements */
.template-cart .section-header,
.template-cart .page-width--narrow > header,
.template-cart .cart__item--headers,
.template-cart .cart__footer,
.template-cart .cart__empty-text,
.template-cart .breadcrumb {
  display: none !important;
}

.template-cart .page-width--narrow {
  max-width: 100% !important;
  padding: 0 !important;
}

.template-cart .page-content {
  padding: 0 !important;
}

/* === TWO-COLUMN LAYOUT === */
.ck-cart-page-layout {
  display: grid !important;
  grid-template-columns: 1fr 400px !important;
  gap: 48px !important;
  align-items: start !important;
}

/* === LEFT: Product list === */
.ck-cart-page-left {
  min-width: 0 !important;
}

/* Column headers — bold, dark, like Ocular */
.ck-cart-page-columns {
  display: grid !important;
  grid-template-columns: 1fr 140px 100px !important;
  padding: 0 0 18px !important;
  border-bottom: 1.5px solid #d0d0ce !important;
  color: #1a1a1a !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

.ck-cart-page-col-qty {
  text-align: center !important;
}

.ck-cart-page-col-total {
  text-align: right !important;
}

/* === PRODUCT ROW === */
.ck-cart-page-row {
  display: grid !important;
  grid-template-columns: 1fr 140px 100px !important;
  align-items: center !important;
  padding: 32px 0 !important;
  border-bottom: 1px solid #e8e8e6 !important;
}

/* Product: image + name + price */
.ck-cart-page-product {
  display: flex !important;
  align-items: center !important;
  gap: 24px !important;
  min-width: 0 !important;
}

.ck-cart-page-img {
  width: 130px !important;
  min-width: 130px !important;
  height: 130px !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background: #eee !important;
  flex-shrink: 0 !important;
}

.ck-cart-page-img img {
  width: 130px !important;
  height: 130px !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 12px !important;
}

.ck-cart-page-product-info {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  min-width: 0 !important;
}

.ck-cart-page-product-name {
  color: #1a1a1a !important;
  -webkit-text-fill-color: #1a1a1a !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  text-decoration: none !important;
  line-height: 1.35 !important;
}

.ck-cart-page-product-prices {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.ck-cart-page-price-now {
  color: #e63946 !important;
  -webkit-text-fill-color: #e63946 !important;
  font-weight: 600 !important;
  font-size: 17px !important;
}

.ck-cart-page-price-was {
  color: #999 !important;
  -webkit-text-fill-color: #999 !important;
  text-decoration: line-through !important;
  font-weight: 500 !important;
  font-size: 16px !important;
}

/* Quantity column */
.ck-cart-page-qty-col {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 10px !important;
}

.ck-cart-page-qty-box {
  width: 56px !important;
  height: 48px !important;
  border: 1.5px solid #e0e0e0 !important;
  border-radius: 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #fff !important;
}

.ck-cart-page-qty-input {
  width: 100% !important;
  height: 100% !important;
  text-align: center !important;
  border: none !important;
  background: transparent !important;
  color: #1a1a1a !important;
  -webkit-text-fill-color: #1a1a1a !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  -moz-appearance: textfield !important;
  padding: 0 !important;
  outline: none !important;
}

.ck-cart-page-qty-input::-webkit-outer-spin-button,
.ck-cart-page-qty-input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

.ck-cart-page-remove {
  color: #1a1a1a !important;
  -webkit-text-fill-color: #1a1a1a !important;
  font-size: 14px !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  cursor: pointer !important;
}

.ck-cart-page-remove:hover {
  color: #e63946 !important;
  -webkit-text-fill-color: #e63946 !important;
}

/* Total column */
.ck-cart-page-total-col {
  text-align: right !important;
}

.ck-cart-page-line-total {
  font-size: 17px !important;
  font-weight: 600 !important;
  color: #1a1a1a !important;
  -webkit-text-fill-color: #1a1a1a !important;
}

/* === RIGHT: Summary sidebar === */
.ck-cart-page-right {
  position: sticky !important;
  top: 120px !important;
}

.ck-cart-page-summary {
  background: #fff !important;
  border-radius: 16px !important;
  padding: 28px !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.04) !important;
}

/* Subtotal row */
.ck-cart-page-summary-row {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 0 0 14px !important;
  font-size: 16px !important;
  color: #1a1a1a !important;
  -webkit-text-fill-color: #1a1a1a !important;
}

/* Total row */
.ck-cart-page-summary-total {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 14px 0 22px !important;
  border-top: 1px solid #f0eeeb !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  -webkit-text-fill-color: #1a1a1a !important;
}

/* Checkout button */
.ck-cart-page-checkout-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  background: #2A3642 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border: none !important;
  border-radius: 14px !important;
  padding: 20px 24px !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  transition: background 0.2s ease !important;
}

.ck-cart-page-checkout-btn:hover {
  background: #3a4a56 !important;
}

.ck-cart-page-checkout-wrapper {
  margin-bottom: 22px !important;
}

/* Trust badges */
.ck-cart-page-trust {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}

.ck-cart-page-trust-card {
  display: flex !important;
  align-items: flex-start !important;
  gap: 14px !important;
  background: #f7f7f5 !important;
  border-radius: 12px !important;
  padding: 20px !important;
}

.ck-cart-page-trust-icon {
  flex-shrink: 0 !important;
  margin-top: 2px !important;
}

.ck-cart-page-trust-icon svg {
  width: 24px !important;
  height: 24px !important;
}

.ck-cart-page-trust-text {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

.ck-cart-page-trust-text strong {
  font-size: 15px !important;
  font-weight: 800 !important;
  color: #1a1a1a !important;
  -webkit-text-fill-color: #1a1a1a !important;
}

.ck-cart-page-trust-text span {
  font-size: 13px !important;
  color: #666 !important;
  -webkit-text-fill-color: #666 !important;
  line-height: 1.5 !important;
  font-weight: 500 !important;
}

/* === PAYMENT ICONS — Inside summary card === */
.ck-cart-page-payments {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 20px 0 0 !important;
  margin-top: 20px !important;
  border-top: 1px solid #f0eeeb !important;
}

.ck-cart-page-payments-label {
  font-size: 14px !important;
  color: #888 !important;
  -webkit-text-fill-color: #888 !important;
  font-weight: 600 !important;
}

.ck-cart-page-payments-icons {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 6px !important;
}

.ck-cart-page-payments-icons svg,
.ck-cart-page-payments-icons img {
  height: 32px !important;
  width: auto !important;
  border-radius: 4px !important;
}

.ck-cart-page-payments-img {
  display: block !important;
  max-width: 100% !important;
  width: 100% !important;
  height: auto !important;
  opacity: 1 !important;
}

/* === MOBILE === */
@media (max-width: 899px) {
  .ck-cart-page-layout {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }
  
  .ck-cart-page {
    padding: 24px 16px 60px !important;
  }
  
  .ck-cart-page-header h1 {
    font-size: 32px !important;
  }
  
  .ck-cart-page-header {
    padding: 0 0 28px !important;
  }
  
  .ck-cart-page-columns {
    display: none !important;
  }
  
  .ck-cart-page-row {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    padding: 24px 0 !important;
  }
  
  .ck-cart-page-qty-col {
    flex-direction: row !important;
    justify-content: flex-start !important;
  }
  
  .ck-cart-page-total-col {
    text-align: left !important;
  }
  
  .ck-cart-page-right {
    position: static !important;
  }
  
  .ck-cart-page-img {
    width: 90px !important;
    min-width: 90px !important;
    height: 90px !important;
  }
  
  .ck-cart-page-img img {
    width: 90px !important;
    height: 90px !important;
  }
  
  .ck-cart-page-product-name {
    font-size: 16px !important;
  }
}

/* ─────────────────────────────────────────────────────────
   2) CART DRAWER — Red-coral prices (match Ocular)
   ───────────────────────────────────────────────────────── */

#CartDrawer .cart__price,
#CartDrawer .cart-item__price,
#CartDrawer .cart__item--price,
#CartDrawer .ajaxcart__price,
#CartDrawer .drawer__footer .h3,
#CartDrawer [data-cart-item-price],
#CartDrawer .price,
#CartDrawer #ck-totals-row .ck-totals-value,
#CartDrawer .ck-price-fixed,
#CartDrawer .ck-line-now,
#CartDrawer .ck-cart-price-now {
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  -webkit-text-fill-color: #e63946 !important;
  color: #e63946 !important;
  font-weight: 700 !important;
}

/* ─────────────────────────────────────────────────────────
   3) CART PAYMENT ICONS — Full width
   ───────────────────────────────────────────────────────── */

#CartDrawer .ck-payment-icons-new,
#CartDrawer .ck-cart-payments {
  display: none !important;
}

#CartDrawer #ck-payment-row {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 20px 0 8px !important;
  width: 100% !important;
}

#CartDrawer #ck-payment-img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  opacity: 1 !important;
  object-fit: contain !important;
  padding: 0 20px !important;
  box-sizing: border-box !important;
}

/* ─────────────────────────────────────────────────────────
   FIX: Header NOT overlapping content
   custom.css line 661 pulls content up -80px behind header
   ───────────────────────────────────────────────────────── */
.template-index .main-content,
.template-index #MainContent,
.template-collection .main-content,
.template-collection #MainContent {
  margin-top: 0 !important;
}

/* ─────────────────────────────────────────────────────────
   FIX: Featured section padding — let section control it
   ───────────────────────────────────────────────────────── */

/* ─────────────────────────────────────────────────────────
   Featured section — Updated tweaks
   ───────────────────────────────────────────────────────── */

/* Desktop titles: 2x bigger */
[class*="ai-fc__card"] .grid-product__title,
[class*="ai-fc__card"] .grid-product__title a {
  font-size: 22px !important;
  font-weight: 700 !important;
}

/* Less space between image and title */
[class*="ai-fc__card"] .grid-product__meta,
[class*="ai-fc__card"] .grid-product__content {
  margin-top: 10px !important;
  padding-top: 4px !important;
}

/* Smaller peek — show just the edge (~8%) */
[class*="ai-fc__card"] {
  flex: 0 0 23.5% !important;
  min-width: 220px !important;
}

/* Mobile tweaks */
@media screen and (max-width: 768px) {
  [class*="ai-fc__card"] {
    flex: none !important;
    min-width: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  [class*="ai-fc__card"] .grid-product__title,
  [class*="ai-fc__card"] .grid-product__title a {
    font-size: 13px !important;
    font-weight: 700 !important;
  }

  [class*="ai-fc__card"] .grid-product__meta,
  [class*="ai-fc__card"] .grid-product__content {
    margin-top: 8px !important;
    padding-top: 2px !important;
  }

  [class*="ai-fc__card"] .card__badge,
  [class*="ai-fc__card"] .grid-product__tag,
  [class*="ai-fc__card"] .badge--top-right {
    top: 14px !important;
    right: 14px !important;
  }

  [class*="ai-fc__card"] .badge,
  [class*="ai-fc__card"] .grid-product__tag--sale,
  [class*="ai-fc__card"] .card__badge .badge {
    font-size: 11px !important;
    padding: 4px 10px !important;
  }

  [class*="ai-fc__card"] .ck-badge-sale {
    font-size: 11px !important;
    padding: 4px 10px !important;
  }
}

  /* Closer title to image on mobile */
  [class*="ai-fc__card"] .grid-product__meta,
  [class*="ai-fc__card"] .grid-product__content {
    margin-top: 8px !important;
    padding-top: 2px !important;
  }

  /* Save badge: more padding from top of image */
  [class*="ai-fc__card"] .card__badge,
  [class*="ai-fc__card"] .grid-product__tag,
  [class*="ai-fc__card"] .badge--top-right {
    top: 14px !important;
    right: 14px !important;
  }

  /* Featured badges on mobile — bigger than collection */
  [class*="ai-fc__card"] .badge,
  [class*="ai-fc__card"] .grid-product__tag--sale,
  [class*="ai-fc__card"] .card__badge .badge {
    font-size: 13px !important;
    padding: 5px 14px !important;
  }

  [class*="ai-fc__card"] .ck-badge-sale {
    font-size: 13px !important;
    padding: 5px 14px !important;
  }
}
/* ─────────────────────────────────────────────────────────
   FULL-WIDTH: Sections stretch to fill any screen size
   ───────────────────────────────────────────────────────── */

/* Main page containers */
.page-width,
.wrapper,
.site-main .page-width,
#MainContent .page-width {
  max-width: 96% !important;
  width: 96% !important;
  margin: 0 auto !important;
  padding-left: 2% !important;
  padding-right: 2% !important;
}

/* Product page override — wider than 96% */
.template-product .page-width,
.template-product .page-content .page-width {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Product page: Ocular-style layout */
.template-product .product-section {
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 20px 80px 0 80px !important;
}

.template-product .page-content > .page-width,
.template-product .page-content,
.template-product .page-width.page-width {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.template-product .grid {
  display: flex !important;
  flex-wrap: wrap !important;
  margin-left: 0 !important;
}

.template-product .grid__item {
  padding-left: 0 !important;
}

.template-product .product__photos {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
}

/* DESKTOP: Image 45%, Text 55% — float-based grid */
@media (min-width: 769px) {
  .template-product .grid {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
  }
  
  .template-product .grid > .grid__item:first-child {
    width: 45% !important;
    max-width: 45% !important;
    flex: 0 0 45% !important;
    float: none !important;
  }

  .template-product .grid > .grid__item:last-child {
    width: 55% !important;
    max-width: 55% !important;
    flex: 0 0 55% !important;
    float: none !important;
    padding-left: 40px !important;
  }
}

/* MOBILE: Full width, stacked, zero padding */
@media (max-width: 768px) {
  .template-product .product-section {
    padding: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  .template-product .grid {
    display: block !important;
  }
  
  .template-product .grid__item,
  .template-product .grid__item.medium-up--three-fifths,
  .template-product .grid__item.medium-up--two-fifths,
  .template-product .grid__item.medium-up--seven-twelfths,
  .template-product .grid__item.medium-up--five-twelfths,
  .template-product .grid__item.medium-up--one-half,
  .template-product .grid__item[class*="three-fifths"],
  .template-product .grid__item[class*="two-fifths"],
  .template-product .product-single__sticky,
  .template-product .product-single__meta {
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
    float: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  
  .template-product .product-single__meta {
    padding: 20px 16px 0 16px !important;
  }
  
  .template-product .page-width,
  .template-product .page-content,
  .template-product .product__photos,
  .template-product .product-single__photos,
  .template-product .product__main-photos {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  
  .template-product .product-single__photo {
    border-radius: 0 !important;
    margin: 0 !important;
  }
  
  .template-product .product-single__photo img {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

/* Featured section specifically */
[class*="ai-fc__inner"] {
  max-width: 96% !important;
  width: 96% !important;
}

/* Full-bleed sections (no padding needed) */
.shopify-section--full-width,
.hero-wrapper,
.hero,
[class*="marquee"],
.site-footer {
  max-width: 100% !important;
  width: 100% !important;
}
/* Featured section — bleed to right edge */
[class*="ai-fc__inner"] {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 40px !important;
  padding-right: 0 !important;
}

[class*="ai-fc__track"] {
  padding-right: 0 !important;
  margin-right: 0 !important;
}
/* Force ALL sections to use full width */
.shopify-section > div,
.shopify-section > section,
.shopify-section > [class*="inner"],
.shopify-section > [class*="wrapper"],
.shopify-section > [class*="container"],
[class*="__inner"],
[class*="__wrapper"],
[class*="__container"] {
  max-width: 96% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* AI-generated sections: full width override — target only top-level containers */
.shopify-block > [class*="ai-features-section"],
.shopify-block > [class*="ai-footer-"],
.shopify-block > [class*="ai-hero-urgency"],
.shopify-block > [class*="ai-video-hero"] {
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
}

/* shopify-block parents of AI sections: full width */
.shopify-block:has([class*="ai-features-section"]),
.shopify-block:has([class*="ai-footer-"]),
.shopify-block:has([class*="ai-hero-urgency"]),
.shopify-block:has([class*="ai-video-hero"]) {
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
}

/* Blocks container sections: let AI sections go full width */
[id*="__blocks"] > div,
[id*="__blocks"] > .shopify-block {
  max-width: 100% !important;
  width: 100% !important;
}
/* Product card — bottom panel for title/rating/price */
.grid-product__meta {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  border-top: none !important;
  border-radius: 0 0 12px 12px !important;
  padding: 16px 18px 18px !important;
  margin-top: 0 !important;
}

/* Round the bottom of the image to match */
.grid-product__image-mask {
  border-radius: 12px 12px 0 0 !important;
  overflow: hidden !important;
}

/* Remove any existing gap between image and meta */
.grid-product__content {
  border-radius: 12px !important;
  overflow: hidden !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  background: #ffffff !important;
}

/* The meta panel is already inside the card, so remove its own border */
.grid-product__meta {
  border: none !important;
}
/* ─────────────────────────────────────────────────────────
   PRODUCT CARD — Ocular-style badges + typography
   ───────────────────────────────────────────────────────── */

/* Badge stack: Sale on top, Save below */
.ck-badge-stack {
  position: absolute !important;
  top: 14px !important;
  left: 14px !important;
  z-index: 8 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

/* "Sale" pill — red, scales with screen */
.ck-badge-sale {
  background: #e63946 !important;
  color: #fff !important;
  font-size: clamp(9px, 1vw, 14px) !important;
  font-weight: 800 !important;
  padding: clamp(3px, 0.4vw, 7px) clamp(8px, 1vw, 16px) !important;
  border-radius: 6px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  width: fit-content !important;
}

/* Save badge — white with black text, scales with screen */
.ck-badge-stack .grid-product__tag--sale,
.grid-product__tag--sale {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  width: fit-content !important;
  background: #fff !important;
  background-image: none !important;
  color: #1a1a1a !important;
  -webkit-text-fill-color: #1a1a1a !important;
  font-size: clamp(9px, 1vw, 14px) !important;
  font-weight: 700 !important;
  padding: clamp(3px, 0.4vw, 7px) clamp(8px, 1vw, 16px) !important;
  border-radius: 6px !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.1) !important;
}

/* Hide old top-right positioned save badge */
.grid-product__content > .grid-product__tag--sale {
  display: none !important;
}

/* Product title — bigger */
.grid-product__title {
  font-size: 44px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  margin-bottom: 6px !important;
  color: #1a1a1a !important;
  display: block !important;
}

/* Single gold star */
.ck-star-single {
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  -webkit-text-fill-color: #FFD700 !important;
  color: #FFD700 !important;
  font-size: 16px !important;
  margin-right: 3px !important;
}

.ck-product-rating {
  display: flex !important;
  align-items: center !important;
  gap: 2px !important;
  margin-left: 0 !important;
  margin-top: 6px !important;
  margin-bottom: 0 !important;
}

.ck-rating-number {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #1a1a1a !important;
  -webkit-text-fill-color: #1a1a1a !important;
}

/* Sale price + compare-at on same line, Ocular style */
.grid-product__price {
  display: flex !important;
  align-items: baseline !important;
  gap: 8px !important;
}

.grid-product__price .sale-price,
.grid-product__price span[class*="sale"] {
  font-size: 18px !important;
  font-weight: 700 !important;
}

.grid-product__price--original {
  font-size: 16px !important;
  color: #888 !important;
  -webkit-text-fill-color: #888 !important;
  text-decoration: line-through !important;
  font-weight: 500 !important;
}

/* Mobile — Featured section (keep big) */
@media (max-width: 768px) {
  [class*="ai-fc__card"] .grid-product__title {
    font-size: 28px !important;
  }
}

/* Mobile — Collection grid (smaller badges, prices, no overflow) */
@media (max-width: 768px) {
  /* Smaller Sale + Save badges on collection grid */
  .template-collection .ck-badge-sale,
  .template-index .grid:not([class*="ai-fc"]) .ck-badge-sale {
    font-size: 9px !important;
    padding: 3px 8px !important;
  }

  .template-collection .grid-product__tag--sale,
  .template-collection .ck-badge-stack .grid-product__tag--sale,
  .template-index .grid:not([class*="ai-fc"]) .grid-product__tag--sale {
    font-size: 9px !important;
    padding: 3px 8px !important;
  }

  .template-collection .ck-badge-stack,
  .template-index .grid:not([class*="ai-fc"]) .ck-badge-stack {
    top: 10px !important;
    left: 10px !important;
    gap: 4px !important;
  }

  /* Smaller title on collection grid */
  .template-collection .grid-product__title,
  .template-index .grid:not([class*="ai-fc"]) .grid-product__title {
    font-size: 14px !important;
  }

  /* Smaller prices on collection grid */
  .template-collection .grid-product__price .sale-price,
  .template-collection .grid-product__price span[class*="sale"],
  .template-index .grid:not([class*="ai-fc"]) .grid-product__price .sale-price {
    font-size: 14px !important;
  }

  .template-collection .grid-product__price--original,
  .template-index .grid:not([class*="ai-fc"]) .grid-product__price--original {
    font-size: 12px !important;
  }

  /* Prevent horizontal scroll on page containers */
  #MainContent,
  .main-content {
    overflow-x: clip !important;
    max-width: 100% !important;
  }
}
/* Featured section — bleed to edges */
[class*="ai-fc__track"] {
  padding-right: 0 !important;
  margin-right: 0 !important;
}

[class*="ai-fc__inner"] {
  max-width: 100% !important;
  padding-left: 2% !important;
  padding-right: 0 !important;
}

/* ─────────────────────────────────────────────────────────
   FINAL: Header + Announcement bar — MUST be 100% wide
   Uses higher specificity (0-2-1) to beat .shopify-section > div (0-1-1)
   ───────────────────────────────────────────────────────── */

/* Announcement bar — beat .shopify-section > div */
.shopify-section.shopify-section-group-header-group > div,
.shopify-section.shopify-section-group-header-group > section,
#shopify-section-announcement-bar > div,
#shopify-section-announcement-bar .announcement,
#shopify-section-announcement-bar .announcement-bar {
  max-width: 100% !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Header wrapper — beat .shopify-section > div and [class*="__wrapper"] */
.shopify-section.shopify-section-group-header-group #HeaderWrapper,
.shopify-section.shopify-section-group-header-group .header-wrapper,
.shopify-section.shopify-section-group-header-group [data-section-type="header"],
#shopify-section-header > div,
.site-header.site-header {
  max-width: 100% !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Header inner content */
.site-header.site-header .page-width {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 40px !important;
  padding-right: 40px !important;
}

/* Product page — bigger bolder stars */
.template-product .spr-badge .spr-starrating,
.template-product .product-block .spr-badge-starrating,
.template-product .jdgm-star,
.template-product .spr-icon,
.template-product .jdgm-prev-badge .jdgm-star {
  font-size: 20px !important;
  color: #f59e0b !important;
  -webkit-text-fill-color: #f59e0b !important;
}

.template-product .spr-badge-caption,
.template-product .jdgm-prev-badge__text {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
}
/* Swap price order: sale price first, compare price after */
.template-product .product__price-wrap,
.template-product .price {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  gap: 10px !important;
}

.template-product .product__price.sale-price,
.template-product [data-product-price],
.template-product .price-item--sale {
  order: -1 !important;
}
/* Remove dividers around review block */
.product-block .custom-liquid,
.product-block--custom-liquid {
  border: none !important;
  border-top: none !important;
  border-bottom: none !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
/* Collapsible tabs — Ocular style */
.template-product .collapsibles-wrapper .collapsible-trigger {
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  padding: 20px 0 !important;
}

.template-product .collapsibles-wrapper .collapsible-trigger__icon {
  width: 32px !important;
  height: 32px !important;
  background: #e8e8e8 !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.template-product .collapsibles-wrapper .collapsible-content__inner {
  font-size: 15px !important;
  line-height: 1.7 !important;
  color: #444 !important;
}
/* Collapsible tabs — dark arrow when open */
.collapsible-trigger[aria-expanded="true"] .collapsible-trigger__icon {
  background: #1e272e !important;
  border-radius: 50% !important;
}

.collapsible-trigger[aria-expanded="true"] .collapsible-trigger__icon svg,
.collapsible-trigger[aria-expanded="true"] .collapsible-trigger__icon path {
  stroke: #fff !important;
  fill: none !important;
}
/* NUCLEAR: Kill gap between stars and payment */
html body #CartDrawer .ck-cart-rating {
  padding: 10px 0 0 !important;
  margin: 0 0 -4px 0 !important;
}

html body #CartDrawer #ck-payment-row {
  padding: 0 !important;
  margin: 0 !important;
}

/* Fix: Featured collection bottom line + arrows — inset from edges */
[class*="ai-fc__bottom-"] {
  padding-left: 20px !important;
  padding-right: 96px !important;
}

/* Fix: Header nav links — bigger and bolder */
.site-nav__link,
.site-header .site-nav__link,
.header__menu-item a {
  font-size: 17px !important;
  font-weight: 800 !important;
}

/* ─────────────────────────────────────────────────────────
   CK — MOBILE NAV DRAWER — Ocular style v4
   ───────────────────────────────────────────────────────── */
@media (max-width: 768px) {

  html body #NavDrawer.drawer.drawer--right {
    width: calc(100vw - 48px) !important;
    max-width: calc(100vw - 48px) !important;
    min-width: unset !important;
    right: calc(-100vw + 48px) !important;
    top: 16px !important;
    bottom: 16px !important;
    height: calc(100vh - 32px) !important;
    background: #ffffff !important;
    border-radius: 20px !important;
    box-shadow: 0 20px 60px rgba(0,0,0,0.15) !important;
  }

  html body #NavDrawer.drawer.drawer--right.drawer--is-open {
    transform: translateX(calc(-100vw + 24px)) !important;
  }

  /* Kill ALL dividers */
  html body #NavDrawer .mobile-nav__item::after,
  html body #NavDrawer .mobile-nav__item::before,
  html body #NavDrawer .mobile-nav > .mobile-nav__item::after,
  html body #NavDrawer .mobile-nav > .mobile-nav__item::before,
  html body #NavDrawer li::after,
  html body #NavDrawer li::before {
    display: none !important;
    border: none !important;
    content: none !important;
    height: 0 !important;
  }

  /* Kill header divider */
  html body #NavDrawer .drawer__header {
    border-bottom: none !important;
    background: transparent !important;
  }

  /* Remove grey social block */
  html body #NavDrawer .mobile-nav__social {
    display: none !important;
  }

  /* Link text */
  html body #NavDrawer .mobile-nav__item a:not(.megamenu__promo-link),
  html body #NavDrawer .mobile-nav__link {
    font-size: 24px !important;
    font-weight: 700 !important;
    padding: 16px 0 !important;
    color: #1a1a1a !important;
    -webkit-text-fill-color: #1a1a1a !important;
  }

  /* Close button — above H in Home */
  html body #NavDrawer .drawer__close-button {
    position: absolute !important;
    top: 20px !important;
    left: -28px !important;
    right: auto !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    background: rgba(0,0,0,0.06) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
  }

  html body #NavDrawer .drawer__close-button .icon {
    margin: 0 !important;
    position: static !important;
    transform: none !important;
  }

  /* Inner padding */
  html body #NavDrawer .drawer__contents {
    padding: 80px 28px 40px 28px !important;
  }
}

/* ─────────────────────────────────────────────────────────
   CK — CART DRAWER MOBILE — Compact v3
   ───────────────────────────────────────────────────────── */
@media (max-width: 768px) {

  /* Header */
  #CartDrawer .drawer__header,
  #CartDrawer .cart__header {
    padding: 16px 16px 12px !important;
  }

  #CartDrawer .drawer__title {
    font-size: 20px !important;
  }

  /* Item row */
  #CartDrawer .ck-cart-row,
  #CartDrawer .cart__item:not(.ck-cart-row) {
    padding: 12px 16px !important;
    gap: 12px !important;
  }

  /* Image */
  #CartDrawer .ck-cart-img,
  #CartDrawer .ck-cart-img a,
  #CartDrawer .ck-cart-img img,
  #CartDrawer .cart__item--image,
  #CartDrawer .cart__item--image .image-wrap,
  #CartDrawer .cart__item--image .image-wrap img,
  #CartDrawer .cart__item--image img {
    width: 98px !important;
    min-width: 98px !important;
    height: 98px !important;
    border-radius: 10px !important;
  }

  /* Text */
  #CartDrawer .ck-cart-name {
    font-size: 14px !important;
    line-height: 1.3 !important;
  }

  #CartDrawer .ck-cart-price-now,
  #CartDrawer .ck-cart-price-was {
    font-size: 14px !important;
  }

  #CartDrawer .ck-cart-prices {
    margin-top: 3px !important;
    gap: 6px !important;
  }

  /* Qty box */
  #CartDrawer .ck-cart-qty-box {
    width: auto !important;
    height: auto !important;
  }

  #CartDrawer .ck-cart-qty-btn {
    width: 30px !important;
    height: 34px !important;
    font-size: 15px !important;
  }

  #CartDrawer .ck-cart-qty-input {
    width: 26px !important;
    height: 34px !important;
    font-size: 13px !important;
  }

  #CartDrawer .ck-cart-remove-link {
    font-size: 13px !important;
  }

  /* Cross-sell */
  .ck-cross-sell {
    padding: 6px 16px 0 !important;
    margin-bottom: 14px !important;
  }

  .ck-cross-sell-header {
    margin-bottom: 10px !important;
  }

  .ck-cross-sell-title {
    font-size: 15px !important;
  }

  .ck-cross-sell-card {
    width: 300px !important;
    padding: 12px !important;
    gap: 12px !important;
    border-radius: 10px !important;
  }

  .ck-cross-sell-card img {
    width: 54px !important;
    height: 54px !important;
    border-radius: 8px !important;
  }

  .ck-cross-sell-card-name {
    font-size: 13px !important;
  }

  .ck-cross-sell-card-price {
    font-size: 13px !important;
  }

  .ck-cross-sell-card-compare {
    font-size: 12px !important;
  }

  .ck-cross-sell-add {
    padding: 7px 14px !important;
    font-size: 12px !important;
    border-radius: 7px !important;
  }

  .ck-cross-sell-arrow {
    width: 30px !important;
    height: 30px !important;
    font-size: 14px !important;
  }

  /* Trust badges */
  .ck-trust-badges {
    padding: 0 16px 6px !important;
  }

  .ck-trust-badge {
    padding: 14px 16px !important;
    margin-bottom: 10px !important;
    border-radius: 10px !important;
    gap: 12px !important;
  }

  .ck-trust-badge-icon svg {
    width: 24px !important;
    height: 24px !important;
  }

  .ck-trust-badge-title {
    font-size: 14px !important;
  }

  .ck-trust-badge-desc {
    font-size: 13px !important;
    line-height: 1.4 !important;
  }

  /* Footer */
  #CartDrawer .cart__footer,
  #CartDrawer .drawer__footer {
    padding: 0 16px 16px !important;
  }

  #CartDrawer #ck-totals-row {
    padding: 16px 0 !important;
  }

  #CartDrawer #ck-totals-row .ck-totals-label,
  #CartDrawer #ck-totals-row .ck-totals-value {
    font-size: 20px !important;
  }

  /* Checkout button */
  #CartDrawer button[name="checkout"],
  #CartDrawer .cart__checkout,
  #CartDrawer .btn--checkout {
    padding: 18px 22px !important;
    font-size: 15px !important;
    border-radius: 12px !important;
  }

  /* Rating row */
  html body #CartDrawer .ck-cart-rating {
    padding: 8px 0 0 !important;
  }

  .ck-cart-rating-stars {
    font-size: 16px !important;
  }

  .ck-cart-rating-score {
    font-size: 14px !important;
  }

  /* Scrollable area clearance */
  #CartDrawer .drawer__inner {
    padding-bottom: 12px !important;
  }
}

/* ─────────────────────────────────────────────────────────
   CK — FEATURED CAROUSEL MOBILE — Tweaks
   ───────────────────────────────────────────────────────── */
@media (max-width: 768px) {

  /* Cards — sizing handled by each section's scoped {% style %} block */

  /* Tiny gap between cards */
  [class*="ai-fc__track-"] {
    gap: 4px !important;
  }

  /* Header padding */
  [class*="ai-fc__inner-"] {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  /* Smaller SALE badge */
  [class*="ai-fc__card-"] .badge,
  [class*="ai-fc__card-"] .grid-product__tag--sale,
  [class*="ai-fc__card-"] .ck-badge-sale {
    font-size: 11px !important;
    padding: 4px 10px !important;
  }

  /* Show bottom arrows + progress on mobile */
  [class*="ai-fc__bottom-"] {
    display: flex !important;
    margin-top: 20px !important;
    padding-right: 0 !important;
  }

  /* Progress line longer */
  [class*="ai-fc__progress-"] {
    flex: 1 !important;
  }

  /* Arrows pushed to right edge */
  [class*="ai-fc__nav-"] {
    margin-left: auto !important;
    padding-right: 0 !important;
  }
}

/* Kill padding on grid-product inside carousel */
@media (max-width: 768px) {
  [class*="ai-fc__card-"] .grid-product,
  [class*="ai-fc__card-"] .grid_item {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
}
/* Video slider — mobile tweaks */
@media (max-width: 749px) {

  /* More breathing room on sides */
  [class*="ai-video-comparison-container-"] {
    max-width: 100% !important;
    padding: 0 20px !important;
  }

  /* Smaller labels */
  [class*="ai-video-comparison-label-"] {
    font-size: 8px !important;
    padding: 2px 6px !important;
    letter-spacing: 0.3px !important;
  }

  /* Labels closer to corner */
  [class*="ai-video-comparison-labels-"] {
    top: 10px !important;
    padding: 0 10px !important;
  }

  /* Smaller handle */
  [class*="ai-video-comparison-handle-"] {
    width: 28px !important;
    height: 28px !important;
  }

  /* Thicker divider line */
  [class*="ai-video-comparison-divider-"]::before {
    width: 2px !important;
  }

}
/* ─────────────────────────────────────────────────────────
   FIX: GSC Instafeed section
   ───────────────────────────────────────────────────────── */
.gfa-content__button {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
@media(max-width:768px){
  .gfa-media__overlay-media-type {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .gfa-content__carousel-slide {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
  .gfa-widget {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -16px !important;
    margin-right: -16px !important;
    width: calc(100% + 32px) !important;
    max-width: none !important;
    overflow: hidden !important;
  }
  .shopify-block.shopify-app-block {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
/* Fix FAQ chevron button background */
[class*="ai-two-column-faq__question"] {
  background: none !important;
  background-color: transparent !important;
}
[class*="ai-two-column-faq__chevron"] {
  background: #e5e5e5 !important;
  background-color: #e5e5e5 !important;
}
/* Fix: Remove gaps between sections on Sale collection page */
@media(max-width:768px){
  .collection-template .shopify-section,
  .template-collection .shopify-section {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .collection-template .shopify-section + .shopify-section,
  .template-collection .shopify-section + .shopify-section {
    margin-top: 0 !important;
  }
}
/* What's Included section mobile padding reduction */
@media(max-width:768px){
  .whats-included-section {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}
/* Hero urgency banner mobile improvements */
@media(max-width:768px){
  [class*="ai-hero-banner-"] {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
  [class*="ai-hero-heading-"] {
    font-size: 24px !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em !important;
    line-height: 1.2 !important;
  }
  [class*="ai-urgency-text-"] {
    font-size: 12px !important;
    white-space: nowrap !important;
    padding: 0 12px !important;
  }
  [class*="ai-urgency-bar-"] {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}
/* ─────────────────────────────────────────────────────────
   Help Centre — Mobile Restyle (Ocular style)
   ───────────────────────────────────────────────────────── */
@media(max-width:768px){
  .ck-help {
    padding: 32px 16px 48px !important;
  }
  .ck-help-header {
    margin-bottom: 40px !important;
  }
  .ck-help-header h1 {
    font-size: 28px !important;
    letter-spacing: -0.3px !important;
  }
  .ck-help-header p {
    font-size: 14px !important;
  }
  .ck-help-category {
    margin-bottom: 36px !important;
  }
  .ck-help-category-title {
    font-size: 22px !important;
    text-align: left !important;
    margin-bottom: 16px !important;
  }
  .ck-help-accordion {
    padding: 4px 16px !important;
    border-radius: 12px !important;
  }
  .ck-help-item {
    padding: 18px 0 !important;
  }
  .ck-help-question {
    gap: 12px !important;
  }
  .ck-help-question-text {
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
  }
  .ck-help-chevron {
    width: 32px !important;
    height: 32px !important;
  }
  .ck-help-chevron svg {
    width: 12px !important;
    height: 12px !important;
  }
  .ck-help-answer-text {
    font-size: 14px !important;
    line-height: 1.6 !important;
  }
  .ck-help-contact {
    margin-top: 40px !important;
    padding: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
  .ck-help-contact-left h2 {
    font-size: 13px !important;
    margin-bottom: 8px !important;
  }
  .ck-help-contact-left h3 {
    font-size: 24px !important;
    margin-bottom: 12px !important;
  }
  .ck-help-contact-left p {
    font-size: 14px !important;
    line-height: 1.6 !important;
  }
  .ck-help-contact-form {
    background: #e0e0de !important;
    border-radius: 12px !important;
    padding: 20px !important;
  }
  .ck-help-contact-row {
    grid-template-columns: 1fr !important;
  }
  .ck-help-contact-form input,
  .ck-help-contact-form textarea {
    padding: 14px 16px !important;
    font-size: 14px !important;
    border-radius: 8px !important;
  }
  .ck-help-contact-form textarea {
    min-height: 120px !important;
  }
  .ck-help-contact-submit {
    padding: 14px 28px !important;
    font-size: 14px !important;
    border-radius: 8px !important;
  }
}
/* Fix review carousel mobile — tight author spacing */
@media(max-width:749px){
  [class*="ai-reviews-mobile-slide-"].active {
    gap: 8px !important;
  }
  [class*="ai-reviews-mobile-slide-"].active [class*="ai-reviews-author-"] {
    margin-top: 0 !important;
    padding-top: 2px !important;
  }
}
/* Cart drawer +/- quantity stepper */
.ck-cart-qty-box {
  display: flex !important;
  align-items: center !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}
#CartDrawer .ck-cart-qty-btn {
  width: 32px !important;
  height: 36px !important;
  border: none !important;
  background: transparent !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #1a1a1a !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  -webkit-tap-highlight-color: transparent !important;
}
#CartDrawer .ck-cart-qty-btn:active {
  background: #f0f0f0 !important;
}
#CartDrawer .ck-cart-qty-input {
  width: 28px !important;
  text-align: center !important;
  border: none !important;
  border-left: 1px solid #e0e0e0 !important;
  border-right: 1px solid #e0e0e0 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 4px 0 !important;
  background: transparent !important;
  height: 36px !important;
  -moz-appearance: textfield !important;
}
#CartDrawer .ck-cart-qty-input::-webkit-outer-spin-button,
#CartDrawer .ck-cart-qty-input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}
/* ─────────────────────────────────────────────────────────
   PRODUCT PAGE — Mobile compact v9
   ───────────────────────────────────────────────────────── */

/* Bundle & Save — all screens */
.ck-bundle-card {
  padding: 14px 16px !important;
  gap: 12px !important;
}

/* Fix: (58) count always dark on all screens */
.ck-stars-row > span {
  color: #1e272e !important;
  -webkit-text-fill-color: #1e272e !important;
}

@media (max-width: 768px) {

  /* Kill gap above product image */
  .template-product .page-content {
    padding-top: 0 !important;
  }

  /* Kill gap between thumbnails and title */
  .template-product .product-single__meta {
    padding-top: 8px !important;
  }

  /* Kill product block wrapper padding */
  .template-product .product-block:has(.ck-bundle-card) {
    padding: 0 !important;
    margin: 0 !important;
  }

  .template-product .product-block .custom-liquid:has(.ck-bundle-card),
  .template-product .product-block--custom-liquid:has(.ck-bundle-card) {
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Review quote */
  .ck-review-quote {
    gap: 14px !important;
    margin-bottom: 4px !important;
  }

  .ck-review-quote img {
    width: 46px !important;
    height: 46px !important;
  }

  .ck-review-quote p {
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  /* Stars row */
  .ck-stars-row {
    margin: 4px 0 !important;
    gap: 8px !important;
  }

  .ck-stars-row div {
    font-size: 20px !important;
    letter-spacing: 2px !important;
  }

  .ck-stars-row span {
    font-size: 14px !important;
  }

  /* Price — 1.5x bigger, override clamp */
  .template-product .product__price,
  .template-product .product-single__meta .product__price,
  .template-product h2 + .product__price,
  .template-product [data-product-price] {
    font-size: 32px !important;
  }

  .template-product .product__price--compare,
  .template-product .product-single__meta .product__price--compare,
  .template-product [data-compare-price] {
    font-size: 22px !important;
  }

  /* Bundle & Save */
  .ck-bundle-card {
    padding: 12px 14px !important;
    gap: 10px !important;
    border-radius: 8px !important;
    margin: 0 !important;
  }

  .ck-bundle-card > div:first-child {
    width: 32px !important;
    height: 32px !important;
  }

  .ck-bundle-card > div:first-child span {
    font-size: 15px !important;
  }

  .ck-bundle-card > div:last-child > div:first-child {
    font-size: 13px !important;
  }

  .ck-bundle-card > div:last-child > div:last-child {
    font-size: 12px !important;
  }

  /* Checkmarks */
  .ck-checkmarks {
    gap: 6px !important;
    margin: 6px 0 !important;
    padding: 10px 0 !important;
  }

  .ck-checkmarks img {
    width: 18px !important;
    height: 18px !important;
  }

  .ck-checkmarks span {
    font-size: 14px !important;
  }

  /* ATC button */
  .template-product .add-to-cart {
    padding: 16px !important;
    font-size: 15px !important;
    border-radius: 12px !important;
  }

  /* Flash banner */
  .ck-flash-banner {
    padding: 10px 16px !important;
    margin: 10px 0 !important;
    border-radius: 8px !important;
  }

  .ck-flash-banner span {
    font-size: 13px !important;
  }

  /* Guarantee card */
  .ck-guarantee-card {
    padding: 16px 18px !important;
    margin: 8px 0 !important;
    border-radius: 10px !important;
  }

  .ck-guarantee-card p[style*="font-size: 16px"] {
    font-size: 14px !important;
  }

  .ck-guarantee-card p[style*="font-size: 14px"] {
    font-size: 13px !important;
  }
}
/* Product page — red announcement banner above image */
@media (max-width: 768px) {
  .template-product .page-content::before {
    content: 'Flash Sale — Up to 85% Off All Bundles' !important;
    display: block !important;
    width: 100% !important;
    background: #e63946 !important;
    color: #fff !important;
    text-align: center !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    padding: 10px 16px !important;
    letter-spacing: 0.3px !important;
    box-sizing: border-box !important;
  }
}
/* Fix: iOS sticky header — Shopify section wrapper overflow */
[id*="shopify-section"][id*="header"].shopify-section {
  overflow: visible !important;
}
@media (max-width: 768px) {
  .header-item--icons {
    padding-right: 16px !important;
  }
}
/* ============ HERO VIDEO MOBILE FIX ============ */
@media screen and (max-width: 749px) {
  [class*="ai-hero-video-container"] {
    max-width: 100% !important;
    padding: 0 16px !important;
  }
  [class*="ai-hero-video-glow-container"] {
    max-width: 100% !important;
  }
  [class*="ai-hero-video-wrapper"] {
    max-width: 100% !important;
  }
  [class*="ai-hero-video-section"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 8px !important;
  }
}
/* Fix: Show product thumbnails immediately — disable scroll reveal */
@media (max-width: 768px) {
  .template-product .appear-delay-3,
  .template-product .appear-delay-2,
  .template-product .appear-delay-1,
  .template-product [class*="appear-delay"] {
    opacity: 1 !important;
    transition: none !important;
    animation: none !important;
  }
}
@media (max-width: 768px) {
  [class*="ai-fc-template"],
  [id*="fc-section-template"] {
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}