@charset "UTF-8";
/* ---- Skip's Landing Page (standalone) ----
   custom.css is also loaded by the main site, so EVERYTHING here must stay
   scoped under body.skips-landing-page. ---- */
body.skips-landing-page {
  margin: 0;
  padding: 0;
  font-family: "Inter", sans-serif;
  color: #000104;
  /* ============ HEADER ============ */
  /* Top bar — #3d4340, 35px tall, Inter Medium 14px white, centered */
  /* Main header — cream #f3eee3, 222px tall on desktop */
  /* Logo — 154px wide, horizontally centered, 11px from cream top */
  /* Shop Now button — #266b66, 175x50, radius 20px, right 119px, top 102px */
  /* Hamburger (mobile only) */
  /* Nav row — left 130px, 180px from cream top */
  /* Desktop: keep nav visible (override Bootstrap's .collapse { display:none }) */
  /* Tighten side margins on smaller desktops so nav/button never collide */
  /* Compact the nav on smaller desktops so all 9 items fit on one line */
  /* Mobile header (< 992px) — hamburger + stacked menu */
  /* Small phones (< 440px): the absolutely-positioned Shop Now button used to
       overlap the centred logo. Lay the row out with flex instead so the three
       items can never collide; the nav wraps onto its own line. */
  /* ============ /HEADER ============ */
  /* ============ HERO ============ */
  /* Medium desktops: pull the left padding in so the headline never clips */
  /* Mobile / tablet (< 992px): stack columns */
  /* ============ /HERO ============ */
  /* ============ SHOPS LOCAL ============ */
  /* Responsive scaling for the shops section */
  /* ============ /SHOPS LOCAL ============ */
  /* ============ SERVICE ============ */
  /* Mobile / tablet (< 992px): stack — photo above, text below */
  /* ============ /SERVICE ============ */
  /* ============ WINE CLUB / PARTY PLANNER ============ */
  /* Mobile / tablet (< 992px): cards stack, shorter, scaled type */
  /* ============ /WINE CLUB / PARTY PLANNER ============ */
  /* ============ DOWNLOAD APP ============ */
  /* Text block — 80px left, headline 179px from band top */
  /* Store badges — 217x70 each, 26px apart, aligned to Figma y=369 in band */
  /* Phone mockup — right side at x=1015, vertically centered (53px top/bottom) */
  /* Wide-but-smaller desktops: keep the phone pinned right instead of a fixed x */
  /* Mobile / tablet (< 992px): stack — text on top, phone below */
  /* ============ /DOWNLOAD APP ============ */
  /* ============ LOCATIONS ============ */
  /* Left column at x=80, 460 wide */
  /* Map slot — 840x377, radius 40, right side, top-aligned with the heading */
  /* Smaller desktops: keep the map from overflowing the viewport */
  /* Mobile / tablet (< 992px): stack — text on top, map below */
  /* ============ /LOCATIONS ============ */
  /* ============ CAREERS ============ */
  /* Storefront photo — right side, x=546, 894 wide */
  /* Content pinned bottom-left: label, 2-line title, button (79px bottom gap) */
  /* Smaller desktops: photo takes proportionally less room */
  /* Mobile / tablet (< 992px): photo on top, green content below */
  /* ============ /CAREERS ============ */
  /* ============ REVIEWS ============ */
  /* Real reviews — carousel: arrows flanking a horizontal scroll/swipe track */
  /* ============ /REVIEWS ============ */
  /* ============ SMS OPT-IN ============ */
  /* Pill input (345x40, #d9d9d9) with the Sign Up button (91x40, green) flush right */
  /* ============ /SMS OPT-IN ============ */
  /* ============ FOOTER ============ */
  /* Main area — 250px tall: logo / links / newsletter */
  /* Logo at x=161, 51px down, 160 wide */
  /* Links column at x=644 */
  /* Newsletter column at x=926, 400 wide */
  /* White email input (400x30) with orange Join button (50x30) flush right */
  /* Legal bar — teal #347570, 40px */
  /* Desktops narrower than the 1440 design: flex layout, same order/spacing feel */
  /* Mobile / tablet (< 992px): stack footer columns centered */
  /* ============ /FOOTER ============ */
}
body.skips-landing-page *, body.skips-landing-page *::before, body.skips-landing-page *::after {
  box-sizing: border-box;
}
body.skips-landing-page a {
  text-decoration: none;
  transition: color 0.2s ease, background-color 0.2s ease;
}
body.skips-landing-page .sl-topbar {
  background-color: #3d4340;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 15px;
}
body.skips-landing-page .sl-topbar p {
  margin: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
}
body.skips-landing-page .sl-header-main {
  background-color: #f3eee3;
}
body.skips-landing-page .sl-header-inner {
  position: relative;
  width: 100%;
  max-width: 1440px;
  height: 222px;
  margin: 0 auto;
}
body.skips-landing-page .sl-logo {
  position: absolute;
  top: 11px;
  left: 50%;
  transform: translateX(-50%);
  width: 154px;
}
body.skips-landing-page .sl-logo img {
  display: block;
  width: 100%;
  height: auto;
}
body.skips-landing-page .sl-btn-shop {
  position: absolute;
  top: 102px;
  right: 119px;
  width: 175px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #266b66;
  border-radius: 20px;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  text-transform: capitalize;
  line-height: normal;
}
body.skips-landing-page .sl-btn-shop:hover, body.skips-landing-page .sl-btn-shop:focus {
  background-color: #1e5450;
  color: #fff;
}
body.skips-landing-page .sl-nav-toggle {
  display: none;
  position: absolute;
  top: 30px;
  left: 20px;
  background: none;
  border: 0;
  padding: 6px;
  cursor: pointer;
  z-index: 2;
}
body.skips-landing-page .sl-nav-toggle span {
  display: block;
  width: 26px;
  height: 2px;
  background-color: #000104;
  margin: 6px 0;
  border-radius: 2px;
}
body.skips-landing-page .sl-nav {
  position: absolute;
  top: 180px;
  left: 130px;
}
body.skips-landing-page .sl-nav-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 25px;
}
body.skips-landing-page .sl-nav-list > li > a {
  display: inline-block;
  color: #266b66;
  font-size: 20px;
  font-weight: 600;
  line-height: normal;
  white-space: nowrap;
}
body.skips-landing-page .sl-nav-list > li > a:hover, body.skips-landing-page .sl-nav-list > li > a:focus {
  text-decoration: underline;
}
body.skips-landing-page .sl-nav-list > li.active > a {
  color: #000104;
  text-decoration: underline;
}
@media (min-width: 992px) {
  body.skips-landing-page .sl-nav.collapse {
    display: block !important;
  }
}
@media (max-width: 1149.98px) {
  body.skips-landing-page .sl-nav {
    left: 30px;
  }
  body.skips-landing-page .sl-btn-shop {
    right: 30px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  body.skips-landing-page .sl-nav-list {
    gap: 18px;
  }
  body.skips-landing-page .sl-nav-list > li > a {
    font-size: 16px;
  }
}
@media (max-width: 991.98px) {
  body.skips-landing-page .sl-header-inner {
    height: auto;
    padding-bottom: 10px;
  }
  body.skips-landing-page .sl-nav-toggle {
    display: block;
  }
  body.skips-landing-page .sl-logo {
    position: relative;
    top: 0;
    left: auto;
    transform: none;
    display: block;
    width: 120px;
    margin: 0 auto;
    padding: 12px 0;
  }
  body.skips-landing-page .sl-btn-shop {
    position: absolute;
    top: 26px;
    right: 20px;
    width: 130px;
    height: 42px;
    font-size: 16px;
  }
  body.skips-landing-page .sl-nav {
    position: static;
    width: 100%;
  }
  body.skips-landing-page .sl-nav.collapse:not(.show) {
    display: none;
  }
  body.skips-landing-page .sl-nav-list {
    flex-direction: column;
    align-items: center;
    gap: 2px;
  }
  body.skips-landing-page .sl-nav-list > li {
    width: 100%;
    text-align: center;
  }
  body.skips-landing-page .sl-nav-list > li > a {
    display: block;
    padding: 10px 0;
  }
}
@media (max-width: 439.98px) {
  body.skips-landing-page .sl-header-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 8px 12px 10px;
  }
  body.skips-landing-page .sl-nav-toggle {
    position: static;
    flex: 0 0 auto;
    padding: 4px;
  }
  body.skips-landing-page .sl-logo {
    position: static;
    flex: 0 1 auto;
    width: 96px;
    margin: 0 auto;
    padding: 0;
  }
  body.skips-landing-page .sl-btn-shop {
    position: static;
    flex: 0 0 auto;
    width: auto;
    height: 36px;
    padding: 0 14px;
    font-size: 14px;
  }
  body.skips-landing-page .sl-nav {
    flex: 1 1 100%;
  }
}
body.skips-landing-page .sl-hero {
  /* Left column — gray block with headline, button, skyline */
  /* Hero Shop Now — white button, dark text */
  /* San Antonio skyline silhouette, anchored to bottom, behind content */
  /* Right column — store photo */
}
body.skips-landing-page .sl-hero .row {
  margin: 0;
}
body.skips-landing-page .sl-hero .sl-hero-left {
  position: relative;
  height: 540px;
  padding: 153px 0 0 162px;
  background-color: #d9d9d9;
  overflow: hidden;
}
body.skips-landing-page .sl-hero .sl-hero-content {
  position: relative;
  z-index: 1;
}
body.skips-landing-page .sl-hero .sl-hero-title {
  margin: 0;
  max-width: 427px;
  color: #000104;
  font-size: 35px;
  font-weight: 700;
  line-height: normal;
}
body.skips-landing-page .sl-hero .sl-hero-title span {
  color: #266b66;
}
body.skips-landing-page .sl-hero .sl-hero-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 200px;
  height: 55px;
  margin-top: 78px;
  background-color: #fff;
  border-radius: 20px;
  color: #000104;
  font-size: 20px;
  font-weight: 600;
  text-transform: capitalize;
  line-height: normal;
}
body.skips-landing-page .sl-hero .sl-hero-btn:hover, body.skips-landing-page .sl-hero .sl-hero-btn:focus {
  color: #000104;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
}
body.skips-landing-page .sl-hero .sl-hero-skyline {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  z-index: 0;
  pointer-events: none;
}
body.skips-landing-page .sl-hero .sl-hero-right {
  height: 540px;
}
body.skips-landing-page .sl-hero .sl-hero-right img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 1300px) {
  body.skips-landing-page .sl-hero .sl-hero-left {
    padding-left: 60px;
  }
}
@media (max-width: 991.98px) {
  body.skips-landing-page .sl-hero .sl-hero-left {
    height: auto;
    padding: 48px 24px 40px;
  }
  body.skips-landing-page .sl-hero .sl-hero-title {
    max-width: 480px;
    font-size: 28px;
  }
  body.skips-landing-page .sl-hero .sl-hero-btn {
    margin-top: 32px;
    width: 170px;
    height: 48px;
    font-size: 18px;
  }
  body.skips-landing-page .sl-hero .sl-hero-right {
    height: 300px;
  }
}
@media (max-width: 575.98px) {
  body.skips-landing-page .sl-hero .sl-hero-title {
    font-size: 24px;
  }
  body.skips-landing-page .sl-hero .sl-hero-right {
    height: 240px;
  }
}
body.skips-landing-page .sl-shops {
  padding: 69px 20px 97px;
  text-align: center;
}
body.skips-landing-page .sl-shops-title {
  margin: 0 0 59px;
  color: #000104;
  font-size: 45px;
  font-weight: 700;
  line-height: normal;
}
body.skips-landing-page .sl-shops-row {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 95px;
}
body.skips-landing-page .sl-shop-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
body.skips-landing-page .sl-shop-item:hover .sl-shop-circle, body.skips-landing-page .sl-shop-item:focus .sl-shop-circle {
  transform: scale(1.03);
}
body.skips-landing-page .sl-shop-item:hover .sl-shop-label, body.skips-landing-page .sl-shop-item:focus .sl-shop-label {
  text-decoration: underline;
}
body.skips-landing-page .sl-shop-circle {
  display: block;
  width: 234px;
  height: 234px;
  border-radius: 50%;
  overflow: hidden;
  transition: transform 0.25s ease;
}
body.skips-landing-page .sl-shop-circle img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body.skips-landing-page .sl-shop-label {
  margin-top: 33px;
  color: #266b66;
  font-size: 30px;
  font-weight: 700;
  line-height: normal;
}
@media (max-width: 991.98px) {
  body.skips-landing-page .sl-shops {
    padding: 56px 20px 64px;
  }
  body.skips-landing-page .sl-shops-title {
    margin-bottom: 44px;
    font-size: 34px;
  }
  body.skips-landing-page .sl-shops-row {
    gap: 40px;
  }
  body.skips-landing-page .sl-shop-circle {
    width: 190px;
    height: 190px;
  }
  body.skips-landing-page .sl-shop-label {
    margin-top: 24px;
    font-size: 24px;
  }
}
@media (max-width: 767.98px) {
  body.skips-landing-page .sl-shops-row {
    gap: 32px;
  }
  body.skips-landing-page .sl-shop-circle {
    width: 160px;
    height: 160px;
  }
}
@media (max-width: 575.98px) {
  body.skips-landing-page .sl-shops-title {
    font-size: 28px;
  }
  body.skips-landing-page .sl-shops-row {
    flex-direction: column;
    align-items: center;
    gap: 36px;
  }
  body.skips-landing-page .sl-shop-circle {
    width: 200px;
    height: 200px;
  }
}
body.skips-landing-page .sl-service {
  /* Left half — shelves photo, 720x600, cover */
  /* Right half — light blue block, headline vertically centered */
}
body.skips-landing-page .sl-service .row {
  margin: 0;
}
body.skips-landing-page .sl-service .sl-service-left {
  height: 600px;
}
body.skips-landing-page .sl-service .sl-service-left img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body.skips-landing-page .sl-service .sl-service-right {
  display: flex;
  align-items: center;
  height: 600px;
  padding-left: 112px;
  padding-right: 131px;
  background-color: #ccdfe5;
}
body.skips-landing-page .sl-service .sl-service-title {
  margin: 0;
  max-width: 477px;
  color: #000104;
  font-size: 35px;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
}
@media (max-width: 991.98px) {
  body.skips-landing-page .sl-service .sl-service-left {
    height: 300px;
  }
  body.skips-landing-page .sl-service .sl-service-right {
    height: auto;
    min-height: 300px;
    padding: 90px 24px;
    justify-content: center;
    text-align: center;
  }
  body.skips-landing-page .sl-service .sl-service-title {
    font-size: 28px;
  }
}
@media (max-width: 575.98px) {
  body.skips-landing-page .sl-service .sl-service-left {
    height: 240px;
  }
  body.skips-landing-page .sl-service .sl-service-title {
    font-size: 24px;
  }
}
body.skips-landing-page .sl-promos {
  /* Full-bleed card image */
  /* Content pinned bottom-left: label, 2-line title, button */
}
body.skips-landing-page .sl-promos .row {
  margin: 0;
}
body.skips-landing-page .sl-promos .sl-promo {
  position: relative;
  height: 600px;
  overflow: hidden;
}
body.skips-landing-page .sl-promos .sl-promo-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body.skips-landing-page .sl-promos .sl-promo-content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  height: 100%;
  padding: 0 24px 63px 80px;
}
body.skips-landing-page .sl-promos .sl-promo-planner .sl-promo-content {
  padding-left: 62px;
}
body.skips-landing-page .sl-promos .sl-promo-label {
  color: #fff;
  font-size: 30px;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}
body.skips-landing-page .sl-promos .sl-promo-title {
  margin: 9px 0 24px;
  color: #fff;
  font-size: 45px;
  font-weight: 600;
  line-height: normal;
}
body.skips-landing-page .sl-promos .sl-promo-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 250px;
  height: 70px;
  background-color: #97bcb9;
  border-radius: 20px;
  color: #000104;
  font-size: 25px;
  font-weight: 600;
  line-height: normal;
}
body.skips-landing-page .sl-promos .sl-promo-btn:hover, body.skips-landing-page .sl-promos .sl-promo-btn:focus {
  color: #000104;
  background-color: #7eaca8;
}
@media (max-width: 991.98px) {
  body.skips-landing-page .sl-promos .sl-promo {
    height: 420px;
  }
  body.skips-landing-page .sl-promos .sl-promo-content, body.skips-landing-page .sl-promos .sl-promo-planner .sl-promo-content {
    padding: 0 24px 40px 24px;
  }
  body.skips-landing-page .sl-promos .sl-promo-label {
    font-size: 22px;
  }
  body.skips-landing-page .sl-promos .sl-promo-title {
    margin: 6px 0 18px;
    font-size: 34px;
  }
  body.skips-landing-page .sl-promos .sl-promo-btn {
    width: 200px;
    height: 56px;
    font-size: 20px;
  }
}
@media (max-width: 575.98px) {
  body.skips-landing-page .sl-promos .sl-promo {
    height: 360px;
  }
  body.skips-landing-page .sl-promos .sl-promo-title {
    font-size: 28px;
  }
}
body.skips-landing-page .sl-app {
  position: relative;
  height: 600px;
  background-color: #ccdfe5;
  overflow: hidden;
}
body.skips-landing-page .sl-app-content {
  position: absolute;
  left: 80px;
  top: 179px;
}
body.skips-landing-page .sl-app-title {
  margin: 0;
  color: #000104;
  font-size: 45px;
  font-weight: 700;
  line-height: normal;
}
body.skips-landing-page .sl-app-badges {
  display: flex;
  gap: 26px;
  margin-top: 25px;
}
body.skips-landing-page .sl-app-badges img {
  display: block;
  width: 217px;
  height: 70px;
}
body.skips-landing-page .sl-app-badges a {
  transition: transform 0.2s ease;
}
body.skips-landing-page .sl-app-badges a:hover, body.skips-landing-page .sl-app-badges a:focus {
  transform: scale(1.03);
}
body.skips-landing-page .sl-app-phone {
  position: absolute;
  left: 1015px;
  top: 53px;
  width: 243px;
  height: auto;
}
@media (max-width: 1330px) {
  body.skips-landing-page .sl-app-phone {
    left: auto;
    right: 60px;
  }
}
@media (max-width: 991.98px) {
  body.skips-landing-page .sl-app {
    height: auto;
    padding: 48px 24px 56px;
    text-align: center;
  }
  body.skips-landing-page .sl-app-content {
    position: static;
  }
  body.skips-landing-page .sl-app-title {
    font-size: 30px;
  }
  body.skips-landing-page .sl-app-title br {
    display: none;
  }
  body.skips-landing-page .sl-app-badges {
    justify-content: center;
    margin-top: 24px;
  }
  body.skips-landing-page .sl-app-badges img {
    width: 180px;
    height: 58px;
  }
  body.skips-landing-page .sl-app-phone {
    position: static;
    display: block;
    margin: 36px auto 0;
    width: 200px;
  }
}
@media (max-width: 575.98px) {
  body.skips-landing-page .sl-app-title {
    font-size: 24px;
  }
  body.skips-landing-page .sl-app-badges {
    flex-wrap: wrap;
  }
  body.skips-landing-page .sl-app-badges img {
    width: 160px;
    height: 52px;
  }
}
body.skips-landing-page .sl-locations {
  padding: 113px 0 120px;
  background-color: #fff;
}
body.skips-landing-page .sl-locations-inner {
  position: relative;
  max-width: 1440px;
  min-height: 377px;
  margin: 0 auto;
}
body.skips-landing-page .sl-locations-info {
  margin-left: 80px;
  max-width: 460px;
}
body.skips-landing-page .sl-locations-title {
  margin: 0;
  color: #000104;
  font-size: 45px;
  font-weight: 700;
  line-height: normal;
}
body.skips-landing-page .sl-locations-text {
  margin: 39px 0 0;
  color: #000104;
  font-size: 41px;
  font-weight: 500;
  line-height: normal;
}
body.skips-landing-page .sl-locations-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 369px;
  height: 70px;
  margin-top: 39px;
  background-color: #97bcb9;
  border-radius: 20px;
  color: #000104;
  font-size: 25px;
  font-weight: 600;
  line-height: normal;
}
body.skips-landing-page .sl-locations-btn:hover, body.skips-landing-page .sl-locations-btn:focus {
  color: #000104;
  background-color: #7eaca8;
}
body.skips-landing-page .sl-locations-map {
  position: absolute;
  top: 0;
  left: 560px;
  width: 840px;
  height: 377px;
  border-radius: 40px;
  overflow: hidden;
  background-color: #e9e5da;
  /* placeholder tone until the map image is added */
}
body.skips-landing-page .sl-locations-map img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 992px) and (max-width: 1439.98px) {
  body.skips-landing-page .sl-locations-map {
    left: auto;
    right: 40px;
    width: calc(100% - 600px);
    max-width: 840px;
  }
}
@media (max-width: 991.98px) {
  body.skips-landing-page .sl-locations {
    padding: 56px 24px 64px;
  }
  body.skips-landing-page .sl-locations-info {
    margin-left: 0;
    max-width: 100%;
    text-align: center;
  }
  body.skips-landing-page .sl-locations-title {
    font-size: 34px;
  }
  body.skips-landing-page .sl-locations-text {
    margin-top: 20px;
    font-size: 28px;
  }
  body.skips-landing-page .sl-locations-btn {
    margin: 28px auto 0;
    width: 300px;
    height: 58px;
    font-size: 20px;
  }
  body.skips-landing-page .sl-locations-map {
    position: static;
    width: 100%;
    height: auto;
    aspect-ratio: 2.2281167109;
    margin-top: 36px;
    border-radius: 24px;
  }
}
@media (max-width: 575.98px) {
  body.skips-landing-page .sl-locations-title {
    font-size: 28px;
  }
  body.skips-landing-page .sl-locations-text {
    font-size: 22px;
  }
  body.skips-landing-page .sl-locations-btn {
    width: 260px;
    font-size: 18px;
  }
}
body.skips-landing-page .sl-careers {
  position: relative;
  height: 600px;
  background-color: #266b66;
  overflow: hidden;
}
body.skips-landing-page .sl-careers-photo {
  position: absolute;
  top: 0;
  left: 546px;
  width: 894px;
  height: 600px;
  object-fit: cover;
}
body.skips-landing-page .sl-careers-content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  height: 100%;
  padding: 0 24px 79px 80px;
}
body.skips-landing-page .sl-careers-label {
  color: #fff;
  font-size: 30px;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}
body.skips-landing-page .sl-careers-title {
  margin: 9px 0 24px;
  color: #fff;
  font-size: 45px;
  font-weight: 600;
  line-height: normal;
}
body.skips-landing-page .sl-careers-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 250px;
  height: 70px;
  background-color: #97bcb9;
  border-radius: 20px;
  color: #000104;
  font-size: 25px;
  font-weight: 600;
  line-height: normal;
}
body.skips-landing-page .sl-careers-btn:hover, body.skips-landing-page .sl-careers-btn:focus {
  color: #000104;
  background-color: #7eaca8;
}
@media (min-width: 992px) and (max-width: 1439.98px) {
  body.skips-landing-page .sl-careers-photo {
    left: auto;
    right: 0;
    width: 62%;
  }
}
@media (max-width: 991.98px) {
  body.skips-landing-page .sl-careers {
    height: auto;
  }
  body.skips-landing-page .sl-careers-photo {
    position: static;
    display: block;
    width: 100%;
    height: 300px;
  }
  body.skips-landing-page .sl-careers-content {
    height: auto;
    padding: 40px 24px 48px;
    align-items: center;
    text-align: center;
  }
  body.skips-landing-page .sl-careers-label {
    font-size: 22px;
  }
  body.skips-landing-page .sl-careers-title {
    margin: 6px 0 18px;
    font-size: 34px;
  }
  body.skips-landing-page .sl-careers-btn {
    width: 200px;
    height: 56px;
    font-size: 20px;
  }
}
@media (max-width: 575.98px) {
  body.skips-landing-page .sl-careers-photo {
    height: 240px;
  }
  body.skips-landing-page .sl-careers-title {
    font-size: 28px;
  }
}
body.skips-landing-page .sl-reviews {
  padding: 62px 11px 60px;
  background-color: #fff;
  text-align: center;
}
body.skips-landing-page .sl-reviews-title {
  margin: 0 0 40px;
  color: #347570;
  font-family: "Montserrat", sans-serif;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 1.2px;
  line-height: normal;
  text-transform: uppercase;
}
body.skips-landing-page .sl-reviews-img {
  display: block;
  width: 100%;
  max-width: 1418px;
  height: auto;
  margin: 0 auto;
}
body.skips-landing-page .sl-reviews-carousel {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  max-width: 1330px;
  margin: 0 auto;
  padding: 0 16px;
}
body.skips-landing-page .sl-reviews-arrow {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  background: none;
  color: #3a3a3a;
  cursor: pointer;
  transition: color 0.2s ease, opacity 0.2s ease;
}
body.skips-landing-page .sl-reviews-arrow svg {
  width: 30px;
  height: 30px;
}
body.skips-landing-page .sl-reviews-arrow:hover, body.skips-landing-page .sl-reviews-arrow:focus {
  color: #000;
}
body.skips-landing-page .sl-reviews-arrow:disabled {
  opacity: 0.25;
  cursor: default;
}
body.skips-landing-page .sl-reviews-track {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  gap: 24px;
  padding: 4px 0 12px;
  overflow-x: auto;
  scroll-snap-type: x proximity;
  -webkit-overflow-scrolling: touch;
  text-align: left;
  scrollbar-width: none;
}
body.skips-landing-page .sl-reviews-track::-webkit-scrollbar {
  display: none;
}
body.skips-landing-page .sl-reviews-track .testimonials_div {
  flex: 0 0 calc((100% - 48px) / 3);
  scroll-snap-align: start;
  display: flex;
  flex-direction: column;
  background-color: #f4f4f4;
  border-radius: 8px;
  padding: 26px 26px 30px;
}
body.skips-landing-page .sl-reviews-track .testimonials_rating_div {
  margin-bottom: 16px;
}
body.skips-landing-page .sl-reviews-track .testimonials_rating_div i {
  color: #f5a623;
  font-size: 20px;
  margin-right: 3px;
}
body.skips-landing-page .sl-reviews-track .customer_post_time {
  color: #6b6b6b;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 14px;
}
body.skips-landing-page .sl-reviews-track .customer_testimonial_heading_div {
  display: block;
  color: #1f1f1f;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 8px;
}
body.skips-landing-page .sl-reviews-track .customer_testimonial_content_div {
  color: #4a4a4a;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.55;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (max-width: 991.98px) {
  body.skips-landing-page .sl-reviews {
    padding: 48px 16px;
  }
  body.skips-landing-page .sl-reviews-title {
    font-size: 20px;
  }
  body.skips-landing-page .sl-reviews-track .testimonials_div {
    flex: 0 0 calc((100% - 24px) / 2);
  }
}
@media (max-width: 575.98px) {
  body.skips-landing-page {
    /* One card per view, flanked by the arrows */
  }
  body.skips-landing-page .sl-reviews-title {
    font-size: 16px;
    letter-spacing: 0.8px;
  }
  body.skips-landing-page .sl-reviews-carousel {
    gap: 6px;
    padding: 0 4px;
  }
  body.skips-landing-page .sl-reviews-arrow {
    display: flex;
    width: 34px;
    height: 34px;
  }
  body.skips-landing-page .sl-reviews-arrow svg {
    width: 22px;
    height: 22px;
  }
  body.skips-landing-page .sl-reviews-track {
    gap: 16px;
  }
  body.skips-landing-page .sl-reviews-track .testimonials_div {
    flex: 0 0 100%;
  }
}
body.skips-landing-page .sl-sms {
  padding: 60px 20px 31px;
  background-color: #fff;
  text-align: center;
}
body.skips-landing-page .sl-sms-title {
  margin: 0 auto;
  max-width: 973px;
  color: #000104;
  font-size: 34px;
  font-weight: 600;
  line-height: normal;
}
body.skips-landing-page .sl-sms-field {
  position: relative;
  width: 345px;
  height: 40px;
  margin: 26px auto 0;
}
body.skips-landing-page .sl-sms-field input {
  width: 100%;
  height: 100%;
  padding: 0 100px 0 12px;
  background-color: #d9d9d9;
  border: 0;
  border-radius: 20px;
  color: #404040;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 400;
  outline: none;
}
body.skips-landing-page .sl-sms-field input::placeholder {
  color: #404040;
}
body.skips-landing-page .sl-sms-field button {
  position: absolute;
  top: 0;
  right: 0;
  width: 91px;
  height: 40px;
  background-color: #266b66;
  border: 0;
  border-radius: 20px;
  color: #fff;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
}
body.skips-landing-page .sl-sms-field button:hover, body.skips-landing-page .sl-sms-field button:focus {
  background-color: #1e5450;
}
body.skips-landing-page .sl-sms-terms {
  margin: 22px 0 0;
}
body.skips-landing-page .sl-sms-terms a {
  color: #000104;
  font-size: 16px;
  font-weight: 400;
}
body.skips-landing-page .sl-sms-terms a:hover, body.skips-landing-page .sl-sms-terms a:focus {
  text-decoration: underline;
  color: #000104;
}
@media (max-width: 991.98px) {
  body.skips-landing-page .sl-sms {
    padding: 48px 20px 28px;
  }
  body.skips-landing-page .sl-sms-title {
    font-size: 26px;
  }
}
@media (max-width: 575.98px) {
  body.skips-landing-page .sl-sms-title {
    font-size: 20px;
  }
  body.skips-landing-page .sl-sms-field {
    width: 100%;
    max-width: 345px;
  }
}
body.skips-landing-page .sl-footer {
  background-color: #f3eee3;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
body.skips-landing-page .sl-footer-main {
  position: relative;
  max-width: 1440px;
  min-height: 250px;
  margin: 0 auto;
}
body.skips-landing-page .sl-footer-logo {
  position: absolute;
  top: 51px;
  left: 161px;
}
body.skips-landing-page .sl-footer-logo img {
  display: block;
  width: 160px;
  height: auto;
}
body.skips-landing-page .sl-footer-links {
  position: absolute;
  top: 44px;
  left: 644px;
}
body.skips-landing-page .sl-footer-links h3 {
  margin: 0 0 7px;
  color: #000104;
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
}
body.skips-landing-page .sl-footer-links ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
body.skips-landing-page .sl-footer-links li a {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
}
body.skips-landing-page .sl-footer-links li a:hover, body.skips-landing-page .sl-footer-links li a:focus {
  color: #266b66;
  text-decoration: underline;
}
body.skips-landing-page .sl-footer-newsletter {
  position: absolute;
  top: 45px;
  left: 926px;
  width: 400px;
}
body.skips-landing-page .sl-footer-newsletter h3 {
  margin: 0 0 21px;
  color: #347570;
  font-size: 24px;
  font-weight: 600;
  line-height: normal;
  text-align: center;
}
body.skips-landing-page .sl-footer-field {
  position: relative;
  width: 400px;
  height: 30px;
}
body.skips-landing-page .sl-footer-field input {
  width: 100%;
  height: 100%;
  padding: 0 60px 0 9px;
  background-color: #fff;
  border: 0;
  border-radius: 15px;
  color: #404040;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  outline: none;
}
body.skips-landing-page .sl-footer-field input::placeholder {
  color: #404040;
}
body.skips-landing-page .sl-footer-field button {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 30px;
  background-color: #faa628;
  border: 0;
  border-radius: 15px;
  color: #fff;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}
body.skips-landing-page .sl-footer-field button:hover, body.skips-landing-page .sl-footer-field button:focus {
  background-color: #f49406;
}
body.skips-landing-page .sl-footer-legal {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 40px;
  padding: 0 134px 0 134px;
  background-color: #347570;
}
body.skips-landing-page .sl-footer-social {
  display: flex;
  align-items: center;
  gap: 16px;
}
body.skips-landing-page .sl-footer-social a {
  color: #fff;
  display: flex;
  align-items: center;
}
body.skips-landing-page .sl-footer-social a:hover, body.skips-landing-page .sl-footer-social a:focus {
  color: rgba(255, 255, 255, 0.75);
}
body.skips-landing-page .sl-footer-legal-right {
  display: flex;
  align-items: center;
  gap: 42px;
}
body.skips-landing-page .sl-footer-legal-links {
  display: flex;
  gap: 24px;
}
body.skips-landing-page .sl-footer-legal-links a {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
}
body.skips-landing-page .sl-footer-legal-links a:hover, body.skips-landing-page .sl-footer-legal-links a:focus {
  color: #fff;
  text-decoration: underline;
}
body.skips-landing-page .sl-footer-powered {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}
@media (min-width: 992px) and (max-width: 1439.98px) {
  body.skips-landing-page .sl-footer-main {
    min-height: 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 45px 60px 40px;
  }
  body.skips-landing-page .sl-footer-logo, body.skips-landing-page .sl-footer-links, body.skips-landing-page .sl-footer-newsletter {
    position: static;
  }
  body.skips-landing-page .sl-footer-newsletter {
    width: auto;
    max-width: 400px;
  }
  body.skips-landing-page .sl-footer-field {
    width: 340px;
  }
  body.skips-landing-page .sl-footer-legal {
    padding: 0 60px;
  }
}
@media (max-width: 991.98px) {
  body.skips-landing-page .sl-footer-main {
    min-height: 0;
    padding: 40px 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
  }
  body.skips-landing-page .sl-footer-logo, body.skips-landing-page .sl-footer-links, body.skips-landing-page .sl-footer-newsletter {
    position: static;
  }
  body.skips-landing-page .sl-footer-links {
    text-align: center;
  }
  body.skips-landing-page .sl-footer-links li a {
    display: inline-block;
    padding: 3px 0;
  }
  body.skips-landing-page .sl-footer-newsletter {
    width: 100%;
    max-width: 400px;
  }
  body.skips-landing-page .sl-footer-field {
    width: 100%;
  }
  body.skips-landing-page .sl-footer-legal {
    height: auto;
    padding: 14px 20px;
    flex-direction: column;
    gap: 12px;
  }
  body.skips-landing-page .sl-footer-legal-right {
    flex-direction: column;
    gap: 8px;
  }
}
/* ---- Home page custom changes ----*/
/* Shop Wine / Spirits / Beer — 3 image buttons in a row (stores 13076 & 13077) */
.skips-home-sections {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 24px;
  flex-wrap: nowrap;
}
.skips-home-sections .shs-item {
  flex: 1 1 0;
  min-width: 0;
  display: block;
  transition: transform 0.2s ease, opacity 0.2s ease;
}
.skips-home-sections .shs-item img {
  display: block;
  width: 100%;
  height: auto;
}
.skips-home-sections .shs-item:hover, .skips-home-sections .shs-item:focus {
  transform: translateY(-3px);
  opacity: 0.92;
}
/* Tablet: tighter gap */
@media (max-width: 991px) {
  .skips-home-sections {
    gap: 16px;
  }
}
/* Mobile: stack the three buttons full-width */
@media (max-width: 575px) {
  .skips-home-sections {
    flex-wrap: wrap;
    gap: 16px;
  }
  .skips-home-sections .shs-item {
    flex: 1 1 100%;
  }
}
/* Wine Club / Party Planner dual banners — overlay the title on the image
   (scoped to the home "new arrivals" dual banner so deals/events/calendar are untouched) */
.newarrivals-img.dual-banner .banner-left, .newarrivals-img.dual-banner .banner-right, .newarrivals-img.dual-banner .market-promotion-click-js {
  position: relative;
  display: block;
}
.newarrivals-img.dual-banner .banner-left img, .newarrivals-img.dual-banner .banner-right img, .newarrivals-img.dual-banner .market-promotion-click-js img {
  display: block;
  width: 100%;
  height: auto;
}
.newarrivals-img.dual-banner .newarrivals-banner-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: 35px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.45);
  pointer-events: none;
}
@media (max-width: 991px) {
  .newarrivals-img.dual-banner .newarrivals-banner-text {
    font-size: 30px;
  }
}
@media (max-width: 575px) {
  .newarrivals-img.dual-banner .newarrivals-banner-text {
    font-size: 22px;
  }
}
/* Single full-width promo banner (e.g. "Summer Savings") — overlay the title
   on the LEFT of the image, vertically centered. Scoped to the single banner
   so the dual banners above and other pages' banners are untouched. */
.newarrivals-img:not(.dual-banner) .banner-left, .newarrivals-img:not(.dual-banner) .banner-right, .newarrivals-img:not(.dual-banner) .market-promotion-click-js {
  position: relative;
  display: block;
}
.newarrivals-img:not(.dual-banner) .banner-left img, .newarrivals-img:not(.dual-banner) .banner-right img, .newarrivals-img:not(.dual-banner) .market-promotion-click-js img {
  display: block;
  width: 100%;
  height: auto;
}
.newarrivals-img:not(.dual-banner) .newarrivals-banner-text {
  position: absolute;
  top: 50%;
  left: 12%;
  transform: translateY(-50%);
  max-width: 42%;
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: 35px;
  font-weight: 700;
  line-height: 1.2;
  text-align: left;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
  pointer-events: none;
}
@media (max-width: 991px) {
  .newarrivals-img:not(.dual-banner) .newarrivals-banner-text {
    left: 8%;
    font-size: 26px;
  }
}
@media (max-width: 575px) {
  .newarrivals-img:not(.dual-banner) .newarrivals-banner-text {
    left: 6%;
    max-width: 55%;
    font-size: 18px;
  }
}
ul.footer-lists-div li a, ul.footer-lists-div li a h6, ul.footer-lists-div li, span.same_store_hours, .storelocation .address-captions a {
  color: #000 !important;
}
.carosel-common .owl-nav [class*="owl-"].owl-next {
  border-left: 15px solid #FAA628;
}
.carosel-common .owl-nav [class*="owl-"].owl-prev {
  border-right: 15px solid #FAA628;
}
.subscribe-email-address-btn {
  background-color: #FAA628 !important;
}
.subscribe-email-address-btn {
  border: 1px solid #FAA628 !important;
}
.content-heading h2, .content-heading h3 {
  font-weight: 700;
  color: #347570;
}
/* ---- Big Logo custom changes ---- */
.logo-sub a img {
  max-height: 100px;
  width: auto;
}
.home-custom-margin-top {
  margin-top: 180px;
}
.common-margin-top.home-custom-margin-Loc {
  margin-top: 180px;
}
.home-custom-header {
  height: 175px;
}
.home-custom-progress {
  top: 175px;
}
.home-custom-header .progress {
  top: 175px;
}
.logo-icons-div {
  margin-bottom: 0;
}
.home-custom-header .currentLoc-div {
  top: 172px;
}
.Totalweb header {
  height: 175px;
}
.progress {
  top: 175px;
}
.checkout-page .img-responsive.light_mode_img {
  max-height: 90px;
  width: auto;
}
@media screen and (max-width: 991.5px) {
  .home-custom-margin-top {
    margin-top: inherit;
  }
  .home-custom-header, .Totalweb header {
    height: auto;
  }
  .home-custom-progress {
    top: inherit;
  }
  .home-custom-header .progress {
    top: 0;
  }
  .img-responsive.light_mode_img {
    width: 90px;
  }
  .common-margin-top.home-custom-margin-Loc {
    margin-top: 0;
  }
  .progress {
    top: 0;
  }
}
@media screen and (max-width: 767.5px) {
  .home-custom-header .progress {
    top: 0;
  }
  .img-responsive.light_mode_img {
    width: 60px;
  }
  .common-margin-top.home-custom-margin-Loc {
    margin-top: 0;
  }
  .progress {
    top: 0;
  }
}
/*# sourceMappingURL=custom.map */