/* =========================================================
   AUTOFLIPER DESIGN v1.2.0
   1) Tokens  2) Browse cards  3) Search + Fresh
   ========================================================= */

:root{
  --afd-bg2:#F2F2F4;
  --afd-paper:#FFFFFF;
  --afd-ink:#101012;
  --afd-ink2:#6B6B70;
  --afd-line:#E6E6E9;
  --afd-accent:#B32726;
  --afd-sh-sm:0 6px 18px rgba(20,16,22,.08);
  --afd-sh-md:0 18px 44px rgba(20,16,22,.14);
  --afd-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}

/* =========================================================
   2) BROWSE CARDS  [af_browse]
   ========================================================= */
.afd-mini{
  display:block!important;
  width:100%!important;
  box-sizing:border-box!important;
  background:var(--afd-paper)!important;
  border-radius:22px!important;
  padding:22px 0 24px!important;
  box-shadow:var(--afd-sh-sm)!important;
  border:1px solid var(--afd-line)!important;
}

/* Force the Elementor column/widget holding a browse card to take the
   full row width so two cards placed side-by-side stack into one column.
   No-op (harmless) in browsers without :has() support. */
.elementor-column:has(> .elementor-widget-wrap .afd-mini),
.elementor-widget:has(> .elementor-widget-container .afd-mini){
  width:100%!important;flex:0 0 100%!important;max-width:100%!important;
}

.afd-mini-lab{
  font-family:var(--afd-mono)!important;
  font-size:11px!important;letter-spacing:.16em!important;
  text-transform:uppercase!important;color:var(--afd-ink2)!important;
  font-weight:700!important;text-align:center!important;
  padding:0 22px!important;
}

/* ---------- horizontal carousel track ---------- */
.afd-track-wrap{
  display:flex!important;align-items:center!important;gap:8px!important;
  margin-top:18px!important;padding:0 10px!important;
}
.afd-chips{
  display:flex!important;flex-wrap:nowrap!important;align-items:flex-start!important;
  gap:16px 14px!important;margin-top:0!important;flex:1 1 auto!important;
  overflow-x:auto!important;scroll-behavior:smooth!important;
  scrollbar-width:none!important;-ms-overflow-style:none!important;
  padding:6px 12px!important;scroll-snap-type:x proximity!important;
}
.afd-chips::-webkit-scrollbar{display:none!important;height:0!important}
.afd-arrow{
  flex:0 0 auto!important;width:40px!important;height:40px!important;border-radius:999px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  background:var(--afd-paper)!important;border:1px solid var(--afd-line)!important;
  box-shadow:var(--afd-sh-sm)!important;color:var(--afd-ink2)!important;cursor:pointer!important;
  padding:0!important;transition:border-color .16s ease,color .16s ease,box-shadow .16s ease,opacity .16s ease!important;
}
.afd-arrow svg{width:18px!important;height:18px!important;display:block!important}
.afd-arrow:hover{border-color:var(--afd-accent)!important;color:var(--afd-accent)!important;box-shadow:var(--afd-sh-md)!important}
.afd-arrow.is-hidden{opacity:0!important;pointer-events:none!important}
.afd-chip{
  width:88px!important;flex:0 0 auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;
  gap:8px!important;text-decoration:none!important;border:none!important;background:transparent!important;
  scroll-snap-align:start!important;
}
.afd-chip-ic{
  width:58px!important;height:58px!important;border-radius:999px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  background:var(--afd-bg2)!important;border:1px solid var(--afd-line)!important;
  overflow:hidden!important;color:var(--afd-ink2)!important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
.afd-chip:hover .afd-chip-ic{
  transform:scale(1.09)!important;border-color:var(--afd-accent)!important;box-shadow:var(--afd-sh-sm)!important;
}
.afd-chip-ic img{width:70%!important;height:70%!important;object-fit:contain!important;display:block!important;margin:0!important}
.afd-chip-ic b{font-family:var(--afd-mono)!important;font-size:14px!important;color:var(--afd-ink)!important;font-weight:700!important}
.afd-chip-ic svg{width:34px!important;height:auto!important;display:block!important}
.afd-chip-name{
  font-size:12px!important;font-weight:600!important;color:var(--afd-ink2)!important;
  line-height:1.25!important;text-align:center!important;
  overflow:hidden!important;text-overflow:ellipsis!important;max-width:88px!important;white-space:nowrap!important;
  transition:color .16s!important;
}
.afd-chip:hover .afd-chip-name{color:var(--afd-ink)!important}

/* =========================================================
   3) SEARCH + FRESH  [af_search_fresh]
   ========================================================= */
.afd-sf{max-width:1240px;margin:0 auto}
.afd-h2{
  font-size:clamp(26px,3.4vw,40px)!important;font-weight:700!important;
  letter-spacing:-.02em!important;color:var(--afd-ink)!important;margin:0!important;line-height:1.1!important;
}
.afd-sf-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:26px}
.afd-more{
  font-weight:600!important;font-size:14.5px!important;color:var(--afd-ink2)!important;
  text-decoration:none!important;border-bottom:1.5px solid var(--afd-line)!important;padding-bottom:2px!important;
  transition:color .2s!important;white-space:nowrap!important;
}
.afd-more:hover{color:var(--afd-accent)!important}

/* ---------- search bar ---------- */
.afd-search{
  display:flex!important;align-items:center!important;gap:0!important;
  background:var(--afd-paper)!important;border-radius:999px!important;
  box-shadow:var(--afd-sh-md)!important;border:1px solid var(--afd-line)!important;
  padding:8px 8px 8px 4px!important;width:100%!important;box-sizing:border-box!important;margin:0 0 30px!important;
  position:relative!important;
}
.afd-field{
  flex:1 1 0!important;min-width:0!important;position:relative!important;
  padding:4px 6px 4px 22px!important;border-right:1px solid var(--afd-line)!important;
}
.afd-field:last-of-type{border-right:none!important}
.afd-field-lab{
  display:block!important;font-family:var(--afd-mono)!important;font-size:10px!important;
  letter-spacing:.13em!important;text-transform:uppercase!important;color:var(--afd-ink2)!important;
  font-weight:700!important;margin-bottom:1px!important;
}

/* custom dropdown */
.afd-dd-btn{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  width:100%!important;border:none!important;background:transparent!important;padding:0 10px 2px 0!important;
  font-weight:600!important;font-size:15.5px!important;color:var(--afd-ink)!important;cursor:pointer!important;
  box-shadow:none!important;outline:none!important;text-transform:none!important;letter-spacing:0!important;
  line-height:1.4!important;height:auto!important;min-height:0!important;
}
.afd-dd-btn:hover{background:transparent!important;color:var(--afd-ink)!important}
.afd-dd-chev{width:15px!important;height:15px!important;flex:0 0 auto!important;color:var(--afd-ink2)!important;transition:transform .18s ease!important}
.afd-dd.open .afd-dd-chev{transform:rotate(180deg)!important}
.afd-dd.is-disabled .afd-dd-btn{color:var(--afd-ink2)!important;cursor:not-allowed!important;opacity:.6!important}

.afd-dd-list{
  position:absolute!important;top:calc(100% + 12px)!important;left:0!important;right:auto!important;
  min-width:230px!important;max-height:280px!important;overflow:auto!important;
  background:var(--afd-paper)!important;border:1px solid var(--afd-line)!important;border-radius:16px!important;
  box-shadow:var(--afd-sh-md)!important;padding:6px!important;margin:0!important;list-style:none!important;
  z-index:9999!important;display:none!important;
}
.afd-dd.open .afd-dd-list{display:block!important}
.afd-dd-list li{
  padding:10px 14px!important;border-radius:10px!important;font-size:14.5px!important;font-weight:500!important;
  color:var(--afd-ink)!important;cursor:pointer!important;list-style:none!important;margin:0!important;
  transition:background .12s!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
.afd-dd-list li:hover{background:var(--afd-bg2)!important}
.afd-dd-list li.sel{background:var(--afd-bg2)!important;font-weight:700!important}

/* kill any theme select clones inside our form, just in case */
.afd-search .nice-select,
.afd-search .select2,
.afd-search select{display:none!important}

/* ---------- search button ---------- */
.afd-cta{
  flex:0 0 auto!important;align-self:center!important;
  display:inline-flex!important;align-items:center!important;gap:8px!important;
  background:var(--afd-accent)!important;color:#fff!important;border:none!important;
  border-radius:999px!important;height:48px!important;padding:0 26px!important;
  font-weight:700!important;font-size:15px!important;cursor:pointer!important;
  transition:filter .2s,transform .15s!important;box-shadow:none!important;
  text-transform:none!important;letter-spacing:0!important;line-height:1!important;margin-left:6px!important;
}
.afd-cta:hover{filter:brightness(1.1)!important;transform:translateY(-1px)!important;background:var(--afd-accent)!important;color:#fff!important}
.afd-cta svg{width:16px!important;height:16px!important;display:block!important}
.afd-cta span{color:#fff!important}

/* ---------- listing cards ---------- */
.afd-cards{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:22px!important}
.afd-lcard{
  display:block!important;background:var(--afd-paper)!important;border-radius:22px!important;
  overflow:hidden!important;box-shadow:var(--afd-sh-sm)!important;border:1px solid var(--afd-line)!important;
  text-decoration:none!important;transition:transform .2s,box-shadow .2s!important;color:var(--afd-ink)!important;
}
.afd-lcard:hover{transform:translateY(-5px)!important;box-shadow:var(--afd-sh-md)!important}
.afd-ph{height:200px!important;overflow:hidden!important;position:relative!important;background:var(--afd-bg2)!important}
.afd-ph img{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .35s ease!important;margin:0!important;display:block!important}
.afd-lcard:hover .afd-ph img{transform:scale(1.05)!important}
.afd-badge{
  position:absolute!important;top:13px!important;left:13px!important;z-index:2!important;
  background:var(--afd-accent)!important;color:#fff!important;
  font-family:var(--afd-mono)!important;font-size:10.5px!important;font-weight:700!important;
  padding:5px 11px!important;border-radius:999px!important;letter-spacing:.05em!important;
}
.afd-body{padding:17px 19px 19px!important}
.afd-name{font-weight:700!important;font-size:16.5px!important;color:var(--afd-ink)!important;line-height:1.3!important;letter-spacing:-.01em!important}
.afd-specs{margin-top:7px!important;font-family:var(--afd-mono)!important;font-size:12px!important;color:var(--afd-ink2)!important}
.afd-row{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-top:14px!important}
.afd-price{font-family:var(--afd-mono)!important;font-weight:700!important;font-size:17.5px!important;color:var(--afd-ink)!important}
.afd-go{
  width:36px!important;height:36px!important;border-radius:999px!important;border:1px solid var(--afd-line)!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  color:var(--afd-ink)!important;transition:background .2s,color .2s,border-color .2s!important;
}
.afd-go svg{width:15px!important;height:15px!important;display:block!important}
.afd-lcard:hover .afd-go{background:var(--afd-accent)!important;border-color:var(--afd-accent)!important;color:#fff!important}

/* =========================================================
   MOBILE
   ========================================================= */
@media (max-width:900px){
  .afd-track-wrap{gap:4px!important;padding:0 2px!important}
  .afd-arrow{width:32px!important;height:32px!important}
  .afd-arrow svg{width:15px!important;height:15px!important}
  .afd-chips{gap:14px 6px!important;padding:6px 4px!important}
  .afd-chip{width:76px!important}
  .afd-chip-ic{width:52px!important;height:52px!important}
  .afd-chip-name{max-width:76px!important;font-size:11px!important}

  .afd-sf-head{flex-direction:column;align-items:flex-start}
  .afd-search{flex-direction:column!important;border-radius:26px!important;align-items:stretch!important;padding:12px!important;gap:2px!important}
  .afd-field{border-right:none!important;border-bottom:1px solid var(--afd-line)!important;padding:10px 6px!important}
  .afd-field:last-of-type{border-bottom:none!important}
  .afd-dd-list{left:0!important;right:0!important;min-width:0!important}
  .afd-cta{width:100%!important;justify-content:center!important;margin:10px 0 0!important}
  .afd-cards{grid-template-columns:1fr!important}
}