@charset "UTF-8";
/*
 * Project rule: Bootstrap-only. Do not add new files. Modify only global.scss and vt-core.js.
 */
@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
@import "https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css";
@import "https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.2/font/bootstrap-icons.css";
/*
 * Title:   Travelo | Responsive HTML5 Travel Template - SCSS Variables for style customization
 * Author:  http://themeforest.net/user/soaptheme
 */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
[Table of contents]

1. Global
2. Skin colors
3. Skin logos
4. Important colors
5. Skin1
6. Skin2
7. Skin3
8. Skin4
9. Skin5
10. Skin6
11. Skin7
12. Skin8
13. Skin9
14. Skin10

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Customs styles */
/* 1. Global */
/* green color */
/* green color */
/* watermelon color */
/* watermelon color */
/* 2. Skin colors */
/* 3. Skin logos */
/* 4. Important colors */
/* 5. Skin1 */
/* 6. Skin2 */
/*$skin-logo: $skin2-logo;
$skin-bg-color: $red-color;
$skin-active-color: $red-color;
$skin-select-color: #e6c687;
$skin-hover-color: #fc989e;
$skin-mobile-menu-color: $red-theme-color;
$skin-light-color: #fc989e;
$skin-dark-color: #a70b14;*/
/* 7. Skin3 */
/*$skin-logo: $skin3-logo;
$skin-bg-color: $orange-color;
$skin-active-color: #12a0c3;
$skin-select-color: $orange-color;
$skin-hover-color: #fb9e66;
$skin-mobile-menu-color: #fe6f19;
$skin-light-color: #fb9e66;
$skin-dark-color: #db5200;*/
/* 8. Skin4 */
/*$skin-logo: $skin4-logo;
$skin-bg-color: $light-orange-color;
$skin-active-color: #db8df6;
$skin-select-color: $light-orange-color;
$skin-hover-color: #f9bd9d;
$skin-mobile-menu-color: #edb496;
$skin-light-color: #f9bd9d;
$skin-dark-color: #d36a31;*/
/* 9. Skin5 */
/*$skin-logo: $skin5-logo;
$skin-bg-color: $sea-blue-color;
$skin-active-color: $sea-blue-color;
$skin-select-color: $yellow-theme-color;
$skin-hover-color: #5cd9c2;
$skin-mobile-menu-color: #2fcaae;
$skin-light-color: #5cd9c2;
$skin-dark-color: #0f957d;*/
/* 10. Skin6 */
/*$skin-logo: $skin6-logo;
$skin-bg-color: $sky-blue-color;
$skin-active-color: $sky-blue-color;
$skin-select-color: $yellow-theme-color;
$skin-hover-color: #91c1ec;
$skin-mobile-menu-color: #529adb;
$skin-light-color: #91c1ec;
$skin-dark-color: #2a75ba;*/
/* 11. Skin7 */
/*$skin-logo: $skin7-logo;
$skin-bg-color: $dark-orange-color;
$skin-active-color: $dark-blue-color;
$skin-select-color: $dark-orange-color;
$skin-hover-color: #fd7979;
$skin-mobile-menu-color: #e83939;
$skin-light-color: #fd7979;
$skin-dark-color: #c91a1a;*/
/* 12. Skin8 */
/*$skin-logo: $skin8-logo;
$skin-bg-color: $blue-theme-color;
$skin-active-color: $dark-blue-color;
$skin-select-color: $blue-theme-color;
$skin-hover-color: #40cbf8;
$skin-mobile-menu-color: #04afe7;
$skin-light-color: $light-blue-theme-color;
$skin-dark-color: $dark-blue-theme-color;*/
/* 13. Skin9 */
/*$skin-logo: $skin9-logo;
$skin-bg-color: #ff6c00;
$skin-active-color: #ff6c00;
$skin-select-color: $light-yellow-color;
$skin-hover-color: #f87f26;
$skin-mobile-menu-color: #ee6907;
$skin-light-color: #f87f26;
$skin-dark-color: #d95e04;*/
/* 14. Skin10 */
/*$skin-logo: $skin10-logo;
$skin-bg-color: $purple-color;
$skin-active-color: $purple-color;
$skin-select-color: $dark-orange-color;
$skin-hover-color: #bc6cd8;
$skin-mobile-menu-color: #a749c8;
$skin-light-color: #bc6cd8;
$skin-dark-color: #873ba2;*/
/* landing page layout */
/* Customs shadows */
/*
 * Title:   Travelo | Responsive HTML5 Travel Template - SCSS Mixin
 * Author:  http://themeforest.net/user/soaptheme
 */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
[Table of contents]

1) BORDER RADIUS
2) OPACITY
3) BACKGROUND GRADIENT
4) BOX SHADOW
5) TEXT SHADOW
6) TRANSITION
7) ANIMATION
8) TRANSFORM
9) DESATURATE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* 1) BORDER RADIUS */
/* 2) OPACITY */
/* 3) BACKGROUND GRADIENT */
/* 4) BOX SHADOW */
/* 5) TEXT SHADOW */
/* 6) TRANSITION */
/* 7) ANIMATION */
/* 8) TRANSFORM */
/* 9) DESATURATE */
/* line 12, ../scss/global.scss */
:root {
  --vt-c-white: #ffffff;
  --vt-c-white-soft: #f8f8f8;
  --vt-c-white-mute: #f2f2f2;
  --vt-c-black: #181818;
  --vt-c-black-soft: #222222;
  --vt-c-black-mute: #282828;
  --vt-c-indigo: #2c3e50;
  --vt-c-divider-light-1: rgba(60, 60, 60, 0.29);
  --vt-c-divider-light-2: rgba(60, 60, 60, 0.12);
  --vt-c-divider-dark-1: rgba(84, 84, 84, 0.65);
  --vt-c-divider-dark-2: rgba(84, 84, 84, 0.48);
  --vt-c-text-light-1: var(--vt-c-indigo);
  --vt-c-text-light-2: rgba(60, 60, 60, 0.66);
  --vt-c-text-dark-1: var(--vt-c-white);
  --vt-c-text-dark-2: rgba(235, 235, 235, 0.64);
  --color-background: var(--vt-c-white);
  --color-background-soft: var(--vt-c-white-soft);
  --color-background-mute: var(--vt-c-white-mute);
  --color-border: var(--vt-c-divider-light-2);
  --color-border-hover: var(--vt-c-divider-light-1);
  --color-heading: var(--vt-c-text-light-1);
  --color-text: var(--vt-c-text-light-1);
  --section-gap: 160px;
}

/* line 38, ../scss/global.scss */
.hide {
  display: none;
}

/* line 41, ../scss/global.scss */
.show {
  display: block;
}

/* line 44, ../scss/global.scss */
.pull-right {
  float: right;
}

/* line 48, ../scss/global.scss */
.pull-left {
  float: left;
}

/* line 51, ../scss/global.scss */
.full-width {
  width: 100% !important;
}

/* line 55, ../scss/global.scss */
body {
  min-height: 100vh;
  color: var(--color-text);
  background: var(--color-background);
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 15px;
  line-height: 1.6;
}

/* Navigation */
/* line 65, ../scss/global.scss */
.navbar {
  background: white;
  border-bottom: 1px solid #e5e7eb;
  position: sticky;
  top: 0;
  z-index: 1020;
}

/* Force header to stay sticky on mobile */
/* line 74, ../scss/global.scss */
header.navbar {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 1030 !important;
  background: white !important;
}

/* line 82, ../scss/global.scss */
.navbar-brand {
  font-weight: 700;
  font-size: 1.5rem;
  color: #1f2937;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

/* line 92, ../scss/global.scss */
.navbar-brand-icon {
  width: 2rem;
  height: 2rem;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}

/* line 103, ../scss/global.scss */
.navbar-nav {
  display: flex;
  gap: 2rem;
}

/* line 108, ../scss/global.scss */
.nav-link {
  color: #6b7280;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.2s;
}

/* line 115, ../scss/global.scss */
.nav-link:hover,
.nav-link.active {
  color: #1f2937;
}

/* line 120, ../scss/global.scss */
.navbar-actions {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

/* line 126, ../scss/global.scss */
.nav-icon-btn {
  background: none;
  border: none;
  padding: 0.5rem;
  border-radius: 0.5rem;
  color: #6b7280;
  cursor: pointer;
  position: relative;
  transition: all 0.2s;
}

/* line 137, ../scss/global.scss */
.nav-icon-btn:hover {
  background-color: #f3f4f6;
  color: #1f2937;
}

/* line 142, ../scss/global.scss */
.cart-badge {
  position: absolute;
  top: 0.25rem;
  right: 0.25rem;
  background: #638bc3;
  color: white;
  font-size: 0.75rem;
  font-weight: 600;
  border-radius: 50%;
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Filters */
/* line 159, ../scss/global.scss */
.vt-filters-bar {
  background: white;
  border-bottom: 1px solid #e5e7eb;
  position: sticky;
  top: 64px;
  z-index: 1010;
}

/* line 167, ../scss/global.scss */
.vt-filter-row {
  display: flex;
  gap: 0.75rem;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

/* line 175, ../scss/global.scss */
.vt-filter-row::-webkit-scrollbar {
  display: none;
}

/* line 179, ../scss/global.scss */
.vt-filter-row .btn, .vt-filter-row .btn-wine {
  white-space: nowrap;
  flex-shrink: 0;
}

/* === Listing row layout (desktop 3-column, mobile image-left text-right) === */
/* line 185, ../scss/global.scss */
.wine-row {
  border: 1px solid #e5e7eb !important;
  border-radius: 12px;
}

/* line 186, ../scss/global.scss */
.bottle-wrap {
  width: 104px;
  height: 156px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 768px) {
  /* line 187, ../scss/global.scss */
  .bottle-wrap {
    width: 120px;
    height: 176px;
  }
}
/* line 188, ../scss/global.scss */
.bottle-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* line 190, ../scss/global.scss */
.wishlist-heart {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

/* line 191, ../scss/global.scss */
.wishlist-heart:hover {
  background: #fff;
}

/* Title + meta */
/* line 194, ../scss/global.scss */
.wine-title {
  font-weight: 700;
  font-size: 18px;
  line-height: 1.25;
  margin-bottom: .125rem;
}

/* line 195, ../scss/global.scss */
.wine-meta {
  gap: 6px 8px;
}

/* Critics — gray pill, bold score, name not bold (2 lines max), single-line on mobile */
/* line 198, ../scss/global.scss */
.critic-group {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

/* line 199, ../scss/global.scss */
.critic-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #f3f4f6;
  color: #111827;
  border-radius: 9999px;
  padding: 6px 10px;
  line-height: 1;
}

/* line 204, ../scss/global.scss */
.critic-score {
  font-weight: 800;
  font-size: 12px;
  background: #0f172a;
  color: #fff;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* line 205, ../scss/global.scss */
.critic-name {
  font-weight: 400;
  font-size: 10px;
  line-height: 1.05;
  /* Reduced by 2px */
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 120px;
}

/* On small screens show only first 2 critic chips to prevent wrapping */
@media (max-width: 575.98px) {
  /* line 215, ../scss/global.scss */
  .critic-group[data-mobile-max="2"] .critic-chip:nth-child(n+3) {
    display: none;
  }

  /* line 216, ../scss/global.scss */
  .critic-chip {
    white-space: nowrap;
  }
}
/* Stars + rating text */
/* line 220, ../scss/global.scss */
.rating-row .text-warning {
  font-size: 14px;
}

/* line 221, ../scss/global.scss */
.rating-row .small {
  font-size: 12px;
}

/* Price row — ONE LINE: current, compare (struck), save pill */
/* line 224, ../scss/global.scss */
.price-row {
  display: flex;
  align-items: baseline;
  gap: 10px;
  flex-wrap: nowrap;
}

/* line 227, ../scss/global.scss */
.price-now {
  font-weight: 800;
  font-size: 28px;
  line-height: 1;
  color: #7397c9;
}

/* line 228, ../scss/global.scss */
.price-now .vt-price-dec {
  font-size: .66em;
  font-weight: 800;
  position: relative;
  top: -1px;
}

/* line 229, ../scss/global.scss */
.price-compare {
  font-size: 14px;
  color: #6b7280;
  text-decoration: line-through;
}

/* line 230, ../scss/global.scss */
.price-save {
  font-size: 13px;
  font-weight: 700;
  color: #a1b9db;
  background: rgba(115, 151, 201, 0.12);
  padding: 6px 10px;
  border-radius: 9999px;
}

/* CTA row — qty small, add-to-cart large */
/* line 236, ../scss/global.scss */
.cta-row {
  display: flex;
  gap: 10px;
  align-items: center;
}

/* line 237, ../scss/global.scss */
.qty-select {
  min-width: 84px;
}

/* line 238, ../scss/global.scss */
.add-btn {
  height: 44px;
  padding-inline: 18px;
  flex: 1 1 auto;
}

/* Desktop: keep right column aligned right */
@media (min-width: 768px) {
  /* line 242, ../scss/global.scss */
  .price-row {
    justify-content: flex-end;
  }

  /* line 243, ../scss/global.scss */
  .cta-row {
    justify-content: flex-end;
  }

  /* line 244, ../scss/global.scss */
  .qty-select {
    min-width: 96px;
  }

  /* line 245, ../scss/global.scss */
  .add-btn {
    min-width: 180px;
  }
}
/* Ship pill */
/* line 249, ../scss/global.scss */
.ship-pill {
  display: inline-flex;
  align-items: center;
  background: #f8f9fa;
  color: #374151;
  padding: 6px 12px;
  border-radius: 9999px;
  font-size: 12px;
}

/* Mobile: image left, text + price/cta inside middle column; everything fits */
@media (max-width: 767.98px) {
  /* line 257, ../scss/global.scss */
  .wine-row .card-body {
    padding-right: 12px;
  }

  /* line 258, ../scss/global.scss */
  .price-now {
    font-size: 24px;
  }

  /* line 259, ../scss/global.scss */
  .add-btn {
    width: 100%;
  }
}
/* === NEW CANONICAL BOOTSTRAP STYLES === */
/* Navbar */
/* line 265, ../scss/global.scss */
.navbar .navbar-nav {
  gap: 1rem;
}

/* line 266, ../scss/global.scss */
.navbar .nav-link {
  padding: .5rem 0;
  font-weight: 600;
}

@media (min-width: 992px) {
  /* line 268, ../scss/global.scss */
  .navbar .navbar-nav {
    flex-direction: row !important;
    align-items: center;
  }
}
/* line 271, ../scss/global.scss */
.logo-icon {
  width: 2rem;
  height: 2rem;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Listing page bottle images - consistent proportions, no distortion */
/* line 282, ../scss/global.scss */
.vt-bottle-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  margin: 0 auto;
  border-radius: 4px;
  background: transparent;
}

/* Specific container for wine listing bottles */
/* line 294, ../scss/global.scss */
.wine-listing .vt-bottle-img {
  width: 100%;
  height: 220px;
  object-fit: contain;
  object-position: center;
  border-radius: 6px;
  background: linear-gradient(135deg, #fafbfc 0%, #f8f9fa 100%);
  padding: 8px;
}

/* line 304, ../scss/global.scss */
.wine-listing .wine-card {
  width: auto;
  min-width: 350px !important;
}

/* line 310, ../scss/global.scss */
.wine-listing .wine-card .product-image-block {
  width: 18% !important;
}

/* Ensure wine card image containers have consistent size */
/* line 316, ../scss/global.scss */
.wine-card .position-relative {
  background: linear-gradient(135deg, #fafbfc 0%, #f8f9fa 100%);
  border-radius: 8px;
  border: 1px solid #e9ecef;
}

/* Wishlist heart inside the image box */
/* line 323, ../scss/global.scss */
.wishlist-btn {
  width: 32px;
  height: 32px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* line 324, ../scss/global.scss */
.wishlist-btn:hover {
  transform: scale(1.06);
}

/* Title + critics */
/* line 327, ../scss/global.scss */
.wine-title {
  font-size: clamp(16px, 1.9vw, 18px);
  line-height: 1.25;
  margin: 0;
}

/* line 328, ../scss/global.scss */
.vt-crit-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: .25rem .5rem;
  background: #f5f6f7;
  border-radius: 999px;
}

/* line 329, ../scss/global.scss */
.vt-crit-score {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 999px;
  background: #0f172a;
  color: #fff;
  font-weight: 800;
  font-size: 12px;
}

/* line 330, ../scss/global.scss */
.vt-crit-name {
  font-weight: 400;
  color: #334155;
  line-height: 1.05;
  font-size: 0.75rem;
  /* Reduced by 2px */
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 120px;
}

/* Mobile: clamp critics to 2, then let JS add +N chip */
@media (max-width: 767.98px) {
  /* line 343, ../scss/global.scss */
  .critic-list .vt-crit-chip:nth-of-type(n+3) {
    display: none;
  }
}
/* Price styling - consistent across pages */
/* line 347, ../scss/global.scss */
.price-now {
  color: var(--wine-700, #638bc3);
  font-weight: 800;
  font-size: 1.75rem;
}

/* line 353, ../scss/global.scss */
.vt-price-dec {
  font-size: 0.6em;
  font-weight: 700;
}

/* line 358, ../scss/global.scss */
.price-vat {
  font-size: 0.75rem;
  color: #6b7280;
  font-weight: 400;
}

/* CTA sizing: small qty, large button */
/* line 365, ../scss/global.scss */
.vt-qty {
  padding-right: 1.75rem;
}

@media (max-width: 767.98px) {
  /* line 367, ../scss/global.scss */
  .card.wine-card .row {
    flex-direction: column;
  }

  /* line 368, ../scss/global.scss */
  .card.wine-card .col-md-auto,
  .card.wine-card .col-md,
  .card.wine-card .col-md-4 {
    width: 100%;
  }

  /* line 371, ../scss/global.scss */
  .card.wine-card .position-relative {
    margin-inline: auto;
  }

  /* line 372, ../scss/global.scss */
  .card.wine-card .btn.btn-primary, .card.wine-card .btn-primary.btn-wine {
    width: 100%;
  }
}
/* ---- Brand palette (wine) ---- */
/* line 376, ../scss/global.scss */
:root {
  --wine-50: #fef7f7;
  --wine-100: #fdeef0;
  --wine-200: #fadde1;
  --wine-300: #f5bbc7;
  --wine-400: #92aed5;
  --wine-500: #82a2cf;
  --wine-600: #7397c9;
  --wine-700: #638bc3;
  --wine-800: #597db0;
  --wine-900: #4f6f9c;
  /* Bootstrap tokens */
  --bs-primary: var(--wine-600);
  --bs-primary-rgb: 115, 151, 201;
  --bs-link-color: var(--wine-700);
  --bs-link-hover-color: var(--wine-800);
}

/* ---- Safety net: kill Bootstrap blue everywhere ---- */
/* line 389, ../scss/global.scss */
.text-primary {
  color: var(--wine-600) !important;
}

/* line 390, ../scss/global.scss */
.bg-primary {
  background-color: var(--wine-600) !important;
}

/* line 391, ../scss/global.scss */
.border-primary {
  border-color: var(--wine-600) !important;
}

/* line 392, ../scss/global.scss */
.btn-link {
  color: var(--wine-700) !important;
}

/* line 393, ../scss/global.scss */
a {
  color: var(--wine-700);
}

/* line 394, ../scss/global.scss */
a:hover, a:focus {
  color: var(--wine-800);
}

/* ---- Buttons (primary and outline-primary) - MAXIMUM SPECIFICITY ---- */
/* line 397, ../scss/global.scss */
.btn.btn-primary, .btn-primary.btn-wine,
button.btn-primary,
.btn-primary {
  background-color: var(--wine-600) !important;
  border-color: var(--wine-600) !important;
  color: #fff !important;
  --bs-btn-bg: var(--wine-600) !important;
  --bs-btn-border-color: var(--wine-600) !important;
  --bs-btn-color: #fff !important;
}

/* line 407, ../scss/global.scss */
.btn.btn-primary:hover, .btn-primary.btn-wine:hover,
.btn.btn-primary:focus,
.btn-primary.btn-wine:focus,
.btn.btn-primary:active,
.btn-primary.btn-wine:active,
button.btn-primary:hover,
button.btn-primary:focus,
button.btn-primary:active,
.btn-primary:hover,
.btn-primary:focus,
.btn-check:checked + .btn-primary,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
  background-color: var(--wine-700) !important;
  border-color: var(--wine-700) !important;
  color: #fff !important;
  --bs-btn-hover-bg: var(--wine-700) !important;
  --bs-btn-hover-border-color: var(--wine-700) !important;
  --bs-btn-active-bg: var(--wine-700) !important;
  --bs-btn-active-border-color: var(--wine-700) !important;
}

/* line 427, ../scss/global.scss */
.btn.btn-outline-primary, .btn-outline-primary.btn-wine,
button.btn-outline-primary,
.btn-outline-primary {
  color: var(--wine-600) !important;
  border-color: var(--wine-600) !important;
  background-color: transparent !important;
  --bs-btn-color: var(--wine-600) !important;
  --bs-btn-border-color: var(--wine-600) !important;
}

/* line 436, ../scss/global.scss */
.btn.btn-outline-primary:hover, .btn-outline-primary.btn-wine:hover,
.btn.btn-outline-primary:focus,
.btn-outline-primary.btn-wine:focus,
.btn.btn-outline-primary:active,
.btn-outline-primary.btn-wine:active,
button.btn-outline-primary:hover,
button.btn-outline-primary:focus,
button.btn-outline-primary:active,
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
  color: #fff !important;
  background-color: var(--wine-600) !important;
  border-color: var(--wine-600) !important;
  --bs-btn-hover-color: #fff !important;
  --bs-btn-hover-bg: var(--wine-600) !important;
  --bs-btn-hover-border-color: var(--wine-600) !important;
}

/* ---- Also catch utility-driven variants that Bootstrap paints blue ---- */
/* line 454, ../scss/global.scss */
.badge.bg-primary,
.alert-primary,
.list-group-item.active,
.pagination .page-item.active .page-link {
  background-color: var(--wine-600) !important;
  border-color: var(--wine-600) !important;
  color: #fff !important;
}

/* Form focus (glow in wine) */
/* line 464, ../scss/global.scss */
:root {
  --bs-focus-ring-color: color-mix(in srgb, var(--wine-600) 25%, transparent);
}

/* line 467, ../scss/global.scss */
.form-control:focus,
.form-select:focus {
  border-color: var(--wine-500) !important;
  box-shadow: 0 0 0 0.2rem rgba(115, 151, 201, 0.25) !important;
}

/* Optional: dedicated helper classes (keeps your old markup working) */
/* line 474, ../scss/global.scss */
.btn-wine {
  background-color: var(--wine-600) !important;
  border-color: var(--wine-600) !important;
  color: #fff !important;
}

/* line 479, ../scss/global.scss */
.btn-outline-wine {
  color: var(--wine-600) !important;
  border-color: var(--wine-600) !important;
  background-color: transparent;
}

/* Fallback for theme guard - NUCLEAR OPTION */
/* line 486, ../scss/global.scss */
html.vt-force-wine .btn.btn-primary, html.vt-force-wine .btn-primary.btn-wine,
html.vt-force-wine button.btn-primary,
html.vt-force-wine .btn-primary,
html[data-vt-smoke] .btn.btn-primary,
html[data-vt-smoke] .btn-primary.btn-wine,
html[data-vt-smoke] button.btn-primary,
html[data-vt-smoke] .btn-primary {
  background-color: var(--wine-600) !important;
  border-color: var(--wine-600) !important;
  color: #fff !important;
  --bs-btn-bg: var(--wine-600) !important;
  --bs-btn-border-color: var(--wine-600) !important;
  --bs-btn-color: #fff !important;
}

/* Global button override - catch any missed buttons */
/* line 501, ../scss/global.scss */
button[class*="btn-primary"],
.btn[class*="primary"],
[class*="primary"].btn-wine,
*[class*="btn-primary"] {
  background-color: var(--wine-600) !important;
  border-color: var(--wine-600) !important;
  color: #fff !important;
}

/* ===============================
   Product Page (Wine) — Standard
   =============================== */
/* ---- 1A. Reusable mixins + helpers ---- */
/* Keep buttons on-brand (uses existing --wine-* tokens) */
/* line 518, ../scss/global.scss */
.btn-wine {
  background-color: var(--wine-600);
  border-color: var(--wine-600);
  color: #fff;
}

/* line 519, ../scss/global.scss */
.btn-wine:hover {
  background-color: var(--wine-700);
  border-color: var(--wine-700);
  color: #fff;
}

/* line 520, ../scss/global.scss */
.btn-outline-wine {
  color: var(--wine-600);
  border-color: var(--wine-600);
}

/* line 521, ../scss/global.scss */
.btn-outline-wine:hover {
  background-color: var(--wine-600);
  border-color: var(--wine-600);
  color: #fff;
}

/* ---- 1B. Gallery ---- */
/* line 525, ../scss/global.scss */
.vt-gallery .vt-main-img {
  border: 1px solid #e5e7eb;
  border-radius: .75rem;
  background: #fff;
  box-shadow: 0 6px 18px rgba(16, 24, 40, 0.06);
  height: 650px;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* line 526, ../scss/global.scss */
.vt-gallery .vt-bottle-img {
  max-height: 80%;
  width: auto;
  object-fit: contain;
  transition: transform .25s ease;
}
/* line 527, ../scss/global.scss */
.vt-gallery .vt-main-img:hover .vt-bottle-img {
  transform: translateY(-2px) scale(1.02);
}
/* line 529, ../scss/global.scss */
.vt-gallery .vt-thumbs {
  margin-top: .75rem;
}
/* line 530, ../scss/global.scss */
.vt-gallery .vt-thumb {
  width: 84px;
  height: 84px;
  border: 1px solid #e5e7eb !important;
  border-radius: .5rem;
  background: #fff;
}
/* line 531, ../scss/global.scss */
.vt-gallery .vt-thumb-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
/* line 533, ../scss/global.scss */
.vt-gallery .vt-slider-nav .btn, .vt-gallery .vt-slider-nav .btn-wine {
  width: 40px;
  height: 40px;
  border-radius: 999px;
}

@media (max-width: 768px) {
  /* line 536, ../scss/global.scss */
  .vt-gallery .vt-main-img {
    height: 500px;
  }
}
/* ---- 1C. Sticky right panel ---- */
/* line 540, ../scss/global.scss */
.vt-sticky-panel {
  position: sticky;
  top: 88px;
}

/* ---- 1D. Critic chips (shared with listing) ---- */
/* line 543, ../scss/global.scss */
.vt-crit-row {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
}

/* line 544, ../scss/global.scss */
.vt-crit-chip {
  display: flex;
  align-items: center;
  gap: .4rem;
  padding: .35rem .6rem;
  background: #f2f3f5;
  border-radius: 999px;
}

/* line 548, ../scss/global.scss */
.vt-crit-score {
  font-weight: 800;
  font-size: .95rem;
  line-height: 1;
  color: #111827;
}

/* line 549, ../scss/global.scss */
.vt-crit-name {
  display: block;
  line-height: 1.1;
  font-weight: 400;
  color: #374151;
  font-size: 0.75rem;
  /* Reduced by 2px */
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 120px;
}

@media (max-width: 480px) {
  /* line 561, ../scss/global.scss */
  .vt-crit-name {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500;
  }

  /* single line on mobile */
}
/* ---- 1E. Price row (single line) ---- */
/* line 565, ../scss/global.scss */
.vt-price-row {
  display: flex;
  flex-wrap: nowrap;
  align-items: baseline;
  gap: .75rem;
  white-space: nowrap;
}

/* line 568, ../scss/global.scss */
.vt-price-now {
  display: inline-flex;
  align-items: baseline;
  font-weight: 800;
  line-height: 1;
  color: var(--wine-700);
  font-size: clamp(1.375rem, 1.1rem + 1.2vw, 2rem);
}

/* line 573, ../scss/global.scss */
.vt-price-dec {
  font-size: .8em;
  font-weight: 700;
}

/* line 574, ../scss/global.scss */
.vt-incl {
  margin-left: .25rem;
  font-size: .75rem;
  color: #6b7280;
}

/* line 575, ../scss/global.scss */
.vt-price-compare {
  font-size: .9rem;
  color: #6b7280;
  text-decoration: line-through;
}

/* line 576, ../scss/global.scss */
.vt-price-save {
  background: rgba(115, 151, 201, 0.12);
  color: var(--wine-700);
  border: 1px solid rgba(115, 151, 201, 0.25);
  font-weight: 700;
  padding: .25rem .6rem;
  border-radius: 999px;
}

@media (max-width: 420px) {
  /* line 579, ../scss/global.scss */
  .vt-price-row {
    gap: .5rem;
  }

  /* line 580, ../scss/global.scss */
  .vt-price-now {
    font-size: 1.35rem;
  }

  /* line 581, ../scss/global.scss */
  .vt-price-compare {
    font-size: .82rem;
  }

  /* line 582, ../scss/global.scss */
  .vt-price-save {
    font-size: .72rem;
    padding: .18rem .45rem;
  }
}
/* ---- 1F. Quantity + CTA ---- */
/* line 586, ../scss/global.scss */
.vt-cta-row {
  display: flex;
  gap: .5rem;
}

/* line 587, ../scss/global.scss */
.vt-qty {
  max-width: 7rem;
}

/* line 588, ../scss/global.scss */
.vt-qty .btn, .vt-qty .btn-wine, .vt-qty input {
  height: 40px;
}

/* line 589, ../scss/global.scss */
.vt-add {
  flex: 1 1 auto;
}

/* big button */
/* line 590, ../scss/global.scss */
.vt-add.btn, .vt-add.btn-wine {
  height: 44px;
}

/* ---- 1G. Shipping pill ---- */
/* line 593, ../scss/global.scss */
.vt-ship-pill {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .45rem .75rem;
  border-radius: 999px;
  background: #f9fafb;
  color: #374151;
  border: 1px solid #eef0f2;
  font-size: .875rem;
}

/* ---- 1H. "You may also like" cards ---- */
/* line 600, ../scss/global.scss */
.vt-related-card {
  border: 1px solid #e5e7eb;
  border-radius: .75rem;
  background: #fff;
  box-shadow: 0 6px 18px rgba(16, 24, 40, 0.06);
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* line 601, ../scss/global.scss */
.vt-related-media {
  height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #f1f3f5;
}

/* line 602, ../scss/global.scss */
.vt-related-img {
  max-height: 160px;
  width: auto;
  object-fit: contain;
}

/* line 603, ../scss/global.scss */
.vt-related .card-body {
  padding: .85rem;
}

/* ---- 1I. Confidence banners (bottom) ---- */
/* line 606, ../scss/global.scss */
.vt-confidence .card {
  background-color: #f8f9fa !important;
}

/* line 609, ../scss/global.scss */
.vt-confidence .icon-dot {
  width: 60px;
  height: 60px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--wine-600);
  color: #fff;
  font-size: 24px;
}

/* ---- 1J. Mini-cart (offcanvas) ---- */
/* line 615, ../scss/global.scss */
.vt-minicart .list-group-item {
  border: none;
  border-bottom: 1px solid #eef0f2;
}

/* line 616, ../scss/global.scss */
.vt-minicart .vt-line-img {
  width: 48px;
  height: 72px;
  object-fit: contain;
}

/* Filters (Bootstrap dropdowns with hierarchy) */
/* Page-level scope to avoid global overrides */
/* line 620, ../scss/global.scss */
.wines-page {
  /* If any parent wrapper clips menus, neutralize locally */
  /* Top-level and nested dropdown menus inside filters */
  /* Dropdown items styling */
  /* Nested submenus appear to the right */
  /* Optional caret styling if you use "▸" or an icon */
  /* Mobile: keep things usable without off-screen overflow */
}
/* line 622, ../scss/global.scss */
.wines-page .product-grid,
.wines-page .product-grid .card,
.wines-page .product-grid [class*="col-"] {
  overflow: visible;
  /* don't clip dropdowns */
  z-index: auto;
  /* don't compete with filters */
}
/* line 629, ../scss/global.scss */
.wines-page .filters {
  position: relative;
  /* establish a containing context */
  z-index: 99999;
  /* ultra-high to ensure above everything */
}
/* line 635, ../scss/global.scss */
.wines-page .filters .dropdown-menu {
  position: absolute !important;
  /* keep Bootstrap positioning */
  z-index: 100000 !important;
  /* ultra-high - above everything except modals */
  max-height: 60vh;
  /* scroll long lists */
  overflow: auto;
  will-change: transform;
  /* smoother positioning */
  min-width: 280px;
  width: auto !important;
  /* TWICE as wide dropdowns */
  padding: 0.80rem;
  /* more padding */
  border: none;
  /* remove default border */
  border-radius: 12px;
  /* rounded corners */
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12), 0 4px 8px rgba(0, 0, 0, 0.08);
  /* better shadow */
  background: white !important;
  margin-top: 2.5rem;
  /* space from button */
}
/* line 652, ../scss/global.scss */
.wines-page .filters .dropdown-item {
  padding: 0.75rem 1.5rem;
  /* more generous padding */
  font-weight: 500;
  border-radius: 8px;
  margin: 0 0.5rem;
  transition: all 0.15s ease;
}
/* line 660, ../scss/global.scss */
.wines-page .filters .dropdown-item:hover {
  background-color: #f8f9fa;
  color: #374151;
}
/* line 666, ../scss/global.scss */
.wines-page .filters .dropdown-menu.nested {
  top: 0;
  left: 100%;
  margin-left: .5rem;
  display: none;
  z-index: 100001 !important;
  /* above parent menu */
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15), 0 6px 12px rgba(0, 0, 0, 0.1);
  /* stronger shadow for nested */
}
/* line 675, ../scss/global.scss */
.wines-page .filters .dropdown-menu.nested.show {
  display: block;
}
/* line 678, ../scss/global.scss */
.wines-page .filters .dropdown-item.has-submenu {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 576px) {
  /* line 686, ../scss/global.scss */
  .wines-page .filters .dropdown-menu {
    inset: auto !important;
    /* let BS place it; avoid off-screen issues */
    width: 92vw;
    max-width: 92vw;
  }
  /* line 691, ../scss/global.scss */
  .wines-page .filters .dropdown-menu.nested {
    position: static;
    left: auto;
    margin-left: 0;
  }
}

/* Sticky bar — sits just under header */
/* line 700, ../scss/global.scss */
:root {
  --vt-sticky-top: 64px;
}

/* line 701, ../scss/global.scss */
#filtersBar {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 88px !important;
  z-index: 999 !important;
  background: #fff !important;
  border-bottom: 1px solid #eef0f3 !important;
  width: 100% !important;
}

/* line 710, ../scss/global.scss */
.vt-filterbar {
  padding: .5rem;
  display: flex;
  gap: .5rem;
  -webkit-overflow-scrolling: touch;
  /* Fix mobile scrolling - prevent page scroll when scrolling filters */
  overscroll-behavior-x: contain !important;
  touch-action: pan-x !important;
  scroll-behavior: smooth !important;
  /* Make responsive on mobile */
}
@media (max-width: 768px) {
  /* line 710, ../scss/global.scss */
  .vt-filterbar {
    padding: .5rem 1rem;
    gap: .75rem;
    /* Force horizontal scrolling behavior */
    overflow-x: scroll !important;
    overflow-y: hidden !important;
    white-space: nowrap;
    /* Prevent elastic bounce on iOS */
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-x: contain !important;
    overscroll-behavior-y: none !important;
    touch-action: pan-x !important;
  }
}

/* Mobile filter fixes - ULTIMATE ENHANCED */
@media (max-width: 768px) {
  /* Ensure body doesn't scroll off-screen */
  /* line 738, ../scss/global.scss */
  body {
    overflow-x: hidden !important;
    position: relative !important;
  }

  /* Header stays truly sticky */
  /* line 744, ../scss/global.scss */
  header.navbar {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 1050 !important;
    background: white !important;
    border-bottom: 1px solid #eee !important;
  }

  /* Filter bar container - sticks under header */
  /* line 754, ../scss/global.scss */
  #filtersBar {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 88px !important;
    /* Just below header */
    z-index: 1040 !important;
    /* Below header but above content */
    background: white !important;
    border-bottom: 1px solid #eee !important;
    width: 100% !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
    /* Remove container constraints on mobile */
  }
  /* line 765, ../scss/global.scss */
  #filtersBar .container {
    max-width: 100% !important;
    margin: 0 !important;
  }

  /* Enhanced horizontal scrolling */
  /* line 772, ../scss/global.scss */
  .vt-filterbar {
    overflow-x: scroll !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-x: contain !important;
    overscroll-behavior-y: none !important;
    touch-action: pan-x !important;
    scroll-behavior: smooth !important;
    padding: 0.75rem 0.5rem !important;
    gap: 0.75rem !important;
    white-space: nowrap !important;
  }

  /* Filter buttons responsive sizing */
  /* line 786, ../scss/global.scss */
  .vt-filterbar .btn, .vt-filterbar .btn-wine {
    flex-shrink: 0 !important;
    white-space: nowrap !important;
    min-width: auto !important;
    font-size: 0.9rem !important;
    padding: 0.6rem 1rem !important;
    border-radius: 20px !important;
  }

  /* Hide scrollbar on mobile */
  /* line 796, ../scss/global.scss */
  .vt-filterbar::-webkit-scrollbar {
    display: none !important;
  }

  /* Ensure dropdowns work on mobile */
  /* line 801, ../scss/global.scss */
  .wines-page .filters .dropdown-menu {
    position: fixed !important;
    max-height: 50vh !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    min-width: 280px;
    width: auto !important;
    left: 50% !important;
    top: auto !important;
    transform: translateX(-50%) !important;
    margin-top: 0.5rem !important;
    z-index: 1055 !important;
    /* Above everything */
    border-radius: 16px !important;
    padding: 0.80rem !important;
  }

  /* Prevent body scroll when scrolling filters - preserve sticky behavior */
  /* line 818, ../scss/global.scss */
  body.filter-scrolling {
    overflow: hidden !important;
  }

  /* Main content should not overlap sticky elements */
  /* line 823, ../scss/global.scss */
  main {
    position: relative !important;
    z-index: 1 !important;
    margin-top: 0 !important;
  }

  /* Wine cards responsive on mobile */
  /* line 830, ../scss/global.scss */
  .wine-listing .wine-card {
    margin-bottom: 1rem !important;
  }

  /* line 834, ../scss/global.scss */
  .wine-listing .wine-card .row {
    --bs-gutter-x: 1rem !important;
  }
}
/* line 839, ../scss/global.scss */
.vt-filterbar::-webkit-scrollbar {
  height: 6px;
}

/* line 840, ../scss/global.scss */
.vt-filterbar::-webkit-scrollbar-thumb {
  background: #e4e7eb;
  border-radius: 999px;
}

/* Each chip has a local positioning context for its dropdown */
/* line 843, ../scss/global.scss */
.vt-chip-wrap {
  position: relative;
  display: inline-flex;
}

/* line 844, ../scss/global.scss */
.vt-chip {
  border: 1px solid #e4e7eb;
  background: #fff;
  color: #374151;
  border-radius: 9999px;
  padding: .55rem .9rem;
  line-height: 1;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  white-space: nowrap;
  box-shadow: 0 1px 0 rgba(16, 24, 40, 0.03);
}

/* line 850, ../scss/global.scss */
.vt-chip:hover {
  border-color: #d7dce2;
}

/* line 851, ../scss/global.scss */
.vt-chip[aria-expanded="true"] {
  border-color: #7397c9;
  color: #7397c9;
  background: #fff1f5;
}

/* Cart + Checkout – uses brand tokens */
/* line 854, ../scss/global.scss */
:root {
  --vt-wine: var(--vt-wine, #7397c9);
  --vt-wine-600: var(--vt-wine-600, #7397c9);
  --vt-wine-50: #fff1f5;
  --vt-gray-50: #f6f7f8;
  --vt-gray-100: #eef0f3;
  --vt-gray-200: #e4e7eb;
  --vt-gray-500: #6b7280;
  --vt-shadow-lg: 0 12px 24px rgba(16, 24, 40, 0.08), 0 4px 8px rgba(16, 24, 40, 0.06);
}

/* line 865, ../scss/global.scss */
.vt-price {
  font-weight: 800;
  font-size: clamp(1rem, 2vw, 1.25rem);
}

/* line 866, ../scss/global.scss */
.vt-price-dec {
  font-size: .8em;
  vertical-align: top;
}

/* line 867, ../scss/global.scss */
.vt-badge-save {
  background: var(--vt-wine-50);
  color: var(--vt-wine);
  border: 1px solid var(--vt-wine);
  border-radius: 999px;
  padding: .125rem .5rem;
  font-weight: 700;
  font-size: .825rem;
}

/* line 873, ../scss/global.scss */
.vt-qty.input-group {
  max-width: 7.25rem;
}

/* line 874, ../scss/global.scss */
.vt-qty .btn, .vt-qty .btn-wine, .vt-qty .form-control {
  padding: .35rem .5rem;
}

/* line 875, ../scss/global.scss */
.vt-line {
  border-bottom: 1px solid var(--vt-gray-100);
}

/* line 876, ../scss/global.scss */
.vt-line:last-child {
  border-bottom: 0;
}

/* line 878, ../scss/global.scss */
.vt-summary {
  position: sticky;
  top: 84px;
  box-shadow: var(--vt-shadow-lg);
  border: 1px solid var(--vt-gray-200);
  border-radius: 16px;
  overflow: hidden;
}

@media (max-width: 767.98px) {
  /* line 885, ../scss/global.scss */
  .vt-summary {
    position: static;
    box-shadow: none;
    border-radius: 12px;
  }
}
/* line 888, ../scss/global.scss */
.vt-list-img {
  width: 72px;
  height: 160px;
  object-fit: contain;
  display: block;
}

/* line 892, ../scss/global.scss */
.vt-trust .icon {
  width: 48px;
  height: 48px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--vt-wine);
  color: #fff;
}

/* line 898, ../scss/global.scss */
.btn-wine {
  background: var(--vt-wine);
  color: #fff;
  border-color: var(--vt-wine);
}

/* line 899, ../scss/global.scss */
.btn-wine:hover {
  background: var(--vt-wine-600);
  border-color: var(--vt-wine-600);
}

/* line 901, ../scss/global.scss */
.form-check.card-radio {
  padding: .75rem 1rem;
  border: 1px solid var(--vt-gray-200);
  border-radius: 12px;
}

/* line 904, ../scss/global.scss */
.form-check.card-radio input:checked + label {
  border-color: var(--vt-wine);
  box-shadow: 0 0 0 0.2rem rgba(115, 151, 201, 0.15);
}

/* ---- Order result hero badges (brand + danger) ---- */
/* line 909, ../scss/global.scss */
.vt-hero-check,
.vt-hero-x {
  width: 64px;
  height: 64px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

/* line 915, ../scss/global.scss */
.vt-hero-check {
  background: var(--vt-wine);
}

/* line 916, ../scss/global.scss */
.vt-hero-x {
  background: var(--bs-danger, #dc3545);
}

/* line 918, ../scss/global.scss */
.vt-order-badge {
  background: var(--vt-gray-50);
  border: 1px solid var(--vt-gray-200);
  border-radius: 999px;
  padding: .25rem .6rem;
  font-weight: 600;
}

/* line 925, ../scss/global.scss */
.vt-result-actions .btn, .vt-result-actions .btn-wine {
  padding-top: .7rem;
  padding-bottom: .7rem;
}

/* Print: minimal, clean */
@media print {
  /* line 929, ../scss/global.scss */
  header, .vt-actions, .vt-result-actions, .vt-trust, .btn, .btn-wine {
    display: none !important;
  }

  /* line 930, ../scss/global.scss */
  .card, .vt-summary {
    box-shadow: none !important;
    border: 1px solid #ddd;
  }
}
/* --- Critic chips --- */
/* line 935, ../scss/global.scss */
.vt-critics {
  gap: .5rem;
}

/* line 936, ../scss/global.scss */
.vt-crit-chip {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .25rem .5rem;
  border-radius: 999px;
  background: #f1f3f5;
}

/* line 942, ../scss/global.scss */
.vt-crit-score {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #0b1324;
  color: #fff;
  font-weight: 700;
  font-size: .9rem;
}

/* line 947, ../scss/global.scss */
.vt-crit-name {
  font-weight: 400;
  /* explicitly NOT bold */
  line-height: 1.1;
  font-size: 0.75rem;
  /* Reduced by 2px from default */
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 120px;
}

/* Wine detail page bottle images - larger */
/* line 958, ../scss/global.scss */
.wine-detail .vt-bottle-img {
  display: block;
  width: 100%;
  height: 600px;
  object-fit: contain;
  object-position: center;
  margin: 0 auto;
}

/* Keep wishlist heart in-card if used */
/* line 968, ../scss/global.scss */
.vt-card-like {
  position: absolute;
  top: .75rem;
  right: .75rem;
  z-index: 2;
}

/* === Maison Fayard Home (Option B) === */
/* line 974, ../scss/global.scss */
.mf-hero {
  background: linear-gradient(135deg, #faf7f3 0%, #f3f1eb 50%, #f8f5f0 100%);
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

/* line 980, ../scss/global.scss */
.vt-hero .btn, .vt-hero .btn-wine {
  border-radius: 999px;
}

/* line 982, ../scss/global.scss */
.vt-bottle-hero {
  height: 220px;
  width: auto;
  object-fit: contain;
}

/* line 984, ../scss/global.scss */
.hover-lift {
  transition: transform .15s ease, box-shadow .15s ease;
}

/* line 985, ../scss/global.scss */
.hover-lift:hover {
  transform: translateY(-2px);
  box-shadow: 0 0.5rem 1rem rgba(16, 24, 40, 0.06);
}

/* Critic chips consistency (reuse existing, ensure mobile single-line) */
/* line 988, ../scss/global.scss */
.vt-crit-chip {
  background: #f2f4f7;
  border-radius: 2rem;
  padding: .25rem .6rem;
  display: inline-flex;
  align-items: center;
  gap: .5rem;
}

/* line 991, ../scss/global.scss */
.vt-crit-score {
  font-weight: 700;
  line-height: 1;
}

/* line 992, ../scss/global.scss */
.vt-crit-name {
  font-weight: 400;
  max-width: 8.5rem;
  line-height: 1.1;
  font-size: 0.75rem;
  /* Reduced by 2px */
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

@media (max-width: 575.98px) {
  /* line 1002, ../scss/global.scss */
  .vt-crit-name {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 6.5rem;
  }
}
/* Buttons – use existing tokens; this keeps brand color not Bootstrap blue */
/* line 1006, ../scss/global.scss */
.btn-wine {
  background-color: var(--wine-600);
  color: #fff;
  border-color: var(--wine-600);
}

/* line 1007, ../scss/global.scss */
.btn-wine:hover {
  background-color: var(--wine-700);
  border-color: var(--wine-700);
  color: #fff;
}

/* Index page featured bottle images */
/* line 1010, ../scss/global.scss */
.mf-bottle {
  display: block;
  margin: 0 auto;
  width: auto;
  max-width: 300px;
  height: 300px;
  object-fit: contain;
  object-position: center;
}

/* line 1020, ../scss/global.scss */
.featured-wines img.mf-bottle,
.featured-wines img.bottle-img {
  display: block;
  margin: 0 auto;
  width: auto;
  max-width: 300px;
  height: 300px;
  object-fit: contain;
  object-position: center;
}

/* Listing thumbs that use a fixed box */
/* line 1032, ../scss/global.scss */
.bottle-wrap, .vt-related-media, .vt-main-img {
  background: transparent !important;
  box-shadow: none !important;
}

/* Clamp critic chips on small screens */
@media (max-width: 575.98px) {
  /* line 1039, ../scss/global.scss */
  .critic-group .critic-chip:nth-child(n+3),
  .vt-critics .vt-crit-chip:nth-child(n+3) {
    display: none !important;
  }
}
/* FILTER BAR - STICKY UNDER HEADER */
/* line 1044, ../scss/global.scss */
#filtersBar {
  position: -webkit-sticky;
  position: sticky;
  top: 88px;
  /* Just below navbar */
  z-index: 1010;
  background: white;
  border-bottom: 1px solid #e5e7eb;
}

/* line 1053, ../scss/global.scss */
.vt-filterbar {
  padding: 0.75rem;
  display: flex;
  gap: 0.75rem;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
  white-space: nowrap;
}

/* line 1063, ../scss/global.scss */
.vt-filterbar::-webkit-scrollbar {
  display: none;
}

/* line 1067, ../scss/global.scss */
.vt-filterbar .btn, .vt-filterbar .btn-wine {
  flex-shrink: 0;
  white-space: nowrap;
}

@media (max-width: 768px) {
  /* line 1073, ../scss/global.scss */
  #filtersBar {
    top: 56px;
    /* Adjust for mobile header height */
  }

  /* line 1077, ../scss/global.scss */
  .vt-filterbar {
    padding: 0.5rem 1rem;
    gap: 0.5rem;
  }
}
/* Filter dropdowns appear above content - ENHANCED */
/* line 1084, ../scss/global.scss */
.filters .dropdown-menu {
  position: absolute !important;
  z-index: 9999 !important;
  /* Ultra-high to ensure above everything */
  background: white !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15), 0 4px 12px rgba(0, 0, 0, 0.1) !important;
  width: auto !important;
  border-radius: 12px !important;
  max-height: 60vh !important;
  overflow-y: auto !important;
  margin-top: 0.2rem !important;
  backdrop-filter: blur(8px) !important;
  transform: translateZ(0) !important;
  /* Force hardware acceleration */
}

/* Ensure wine cards stay below dropdowns */
/* line 1100, ../scss/global.scss */
.wine-card, .product-grid .card {
  position: relative;
  z-index: 1 !important;
}

/* Nested dropdown positioning - even higher z-index */
/* line 1106, ../scss/global.scss */
.filters .dropdown-menu.nested {
  position: absolute !important;
  top: 0 !important;
  left: 100% !important;
  margin-left: 0.5rem !important;
  z-index: 10000 !important;
  /* Above parent dropdowns */
  display: none !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.2), 0 6px 16px rgba(0, 0, 0, 0.15) !important;
  transform: translateZ(0) !important;
}

/* line 1117, ../scss/global.scss */
.filters .dropdown-menu.nested.show {
  display: block;
}

/* MINI CART FIXES */
/* line 1122, ../scss/global.scss */
.offcanvas, #vtMiniCart {
  z-index: 1055 !important;
  /* Standard Bootstrap offcanvas z-index */
}

/* line 1126, ../scss/global.scss */
#vtMiniCart .d-grid .btn, #vtMiniCart .d-grid .btn-wine {
  margin-bottom: 0.5rem !important;
}

/* line 1130, ../scss/global.scss */
#vtMiniCart .d-grid .btn:last-child, #vtMiniCart .d-grid .btn-wine:last-child {
  margin-bottom: 0 !important;
}

/* WINE PAGE GALLERY STYLES */
/* line 1135, ../scss/global.scss */
.wine-detail .vt-main-img {
  height: 650px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
}

/* line 1145, ../scss/global.scss */
.vt-thumb-img {
  width: 60px !important;
  height: 80px !important;
  object-fit: contain !important;
  background: transparent !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 4px !important;
}

/* line 1154, ../scss/global.scss */
.vt-sticky-panel {
  background: white;
  border-radius: 8px;
  padding: 1.5rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* QUANTITY CONTROL - Perfect horizontal layout, equal heights, no overlapping */
/* line 1162, ../scss/global.scss */
.vt-qty {
  max-width: 150px;
  width: auto;
  display: flex;
  align-items: center;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  overflow: hidden;
  background: white;
}

/* line 1173, ../scss/global.scss */
.vt-qty .btn, .vt-qty .btn-wine {
  min-width: 44px;
  width: auto;
  height: 44px;
  padding: 0;
  font-weight: 600;
  border: none !important;
  background: #f8f9fa;
  color: #495057;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  line-height: 1;
  border-radius: 0 !important;
  transition: all 0.2s ease;
}

/* line 1191, ../scss/global.scss */
.vt-qty .btn:hover, .vt-qty .btn-wine:hover {
  background: #e9ecef;
  color: #212529;
}

/* line 1196, ../scss/global.scss */
.vt-qty .btn:first-child, .vt-qty .btn-wine:first-child {
  border-right: 1px solid #d1d5db;
}

/* line 1200, ../scss/global.scss */
.vt-qty .btn:last-child, .vt-qty .btn-wine:last-child {
  border-left: 1px solid #d1d5db;
}

/* line 1204, ../scss/global.scss */
.vt-qty input[type="number"] {
  text-align: center;
  border: none;
  background: white;
  font-weight: 600;
  font-size: 1rem;
  width: 60px;
  height: 44px;
  flex: 1;
  outline: none;
  appearance: none;
  -moz-appearance: textfield;
}

/* Hide browser spinners completely */
/* line 1219, ../scss/global.scss */
.vt-qty input[type="number"]::-webkit-outer-spin-button,
.vt-qty input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
  display: none;
}

/* line 1226, ../scss/global.scss */
.vt-qty input[type="number"]:focus {
  background: #fff;
  box-shadow: inset 0 0 0 2px rgba(115, 151, 201, 0.25);
}

/* Disabled state for minus button */
/* line 1232, ../scss/global.scss */
.vt-qty .btn:disabled, .vt-qty .btn-wine:disabled {
  opacity: 0.4;
  cursor: not-allowed;
  background: #f1f3f4;
  color: #9ca3af;
}

/* line 1239, ../scss/global.scss */
.vt-qty .btn:disabled:hover, .vt-qty .btn-wine:disabled:hover {
  background: #f1f3f4;
  color: #9ca3af;
}

/* Mobile touch targets - 48px minimum for accessibility */
@media (max-width: 768px) {
  /* line 1246, ../scss/global.scss */
  .vt-qty .btn, .vt-qty .btn-wine {
    width: auto;
    height: 48px;
    font-size: 1.3rem;
  }

  /* line 1252, ../scss/global.scss */
  .vt-qty input[type="number"] {
    height: 48px;
    font-size: 1.1rem;
  }
}
/* Ensure proper keyboard navigation order */
/* line 1259, ../scss/global.scss */
.vt-qty [data-vt-dec] {
  order: 1;
}

/* line 1263, ../scss/global.scss */
.vt-qty [data-vt-qty] {
  order: 2;
}

/* line 1267, ../scss/global.scss */
.vt-qty [data-vt-inc] {
  order: 3;
}

/* Focused state for enhanced accessibility */
/* line 1272, ../scss/global.scss */
.vt-qty.focused {
  border-color: var(--wine-600);
  box-shadow: 0 0 0 3px rgba(115, 151, 201, 0.15);
}

/* RESPONSIVE DISPLAY - Desktop grid vs Mobile scroll */
/* Desktop: Show grid, hide scroll */
/* line 1279, ../scss/global.scss */
.mf-grid {
  display: block;
}

/* line 1283, ../scss/global.scss */
.mf-scroll {
  display: none;
}

/* Mobile: Hide grid, show scroll */
@media (max-width: 768px) {
  /* line 1289, ../scss/global.scss */
  .mf-grid {
    display: none;
  }

  /* line 1293, ../scss/global.scss */
  .mf-scroll {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    white-space: nowrap;
    padding: 0 1rem;
  }

  /* line 1302, ../scss/global.scss */
  .mf-scroll .card {
    display: inline-block;
    width: 280px;
    margin-right: 1rem;
    white-space: normal;
    vertical-align: top;
  }
}
/* WISHLIST BUTTON */
/* line 1312, ../scss/global.scss */
.vt-wishlist-btn {
  background: white;
  border: 2px solid #e5e7eb;
  border-radius: 8px;
  padding: 0.5rem 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  transition: all 0.3s ease;
  color: #6b7280;
}

/* line 1325, ../scss/global.scss */
.vt-wishlist-btn:hover {
  border-color: var(--wine-600);
  color: var(--wine-600);
  background: white;
}

/* line 1331, ../scss/global.scss */
.vt-wishlist-btn.active {
  background: var(--wine-600);
  border-color: var(--wine-600);
  color: white;
}

/* line 1337, ../scss/global.scss */
.vt-wishlist-btn.active:hover {
  background: var(--wine-700);
  border-color: var(--wine-700);
}

/* YOU MAY ALSO LIKE CARDS */
/* line 1343, ../scss/global.scss */
.vt-related-card {
  transition: all 0.3s ease;
}

/* line 1347, ../scss/global.scss */
.vt-related-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

/* line 1352, ../scss/global.scss */
.vt-related-img {
  max-height: 160px;
  width: auto;
  object-fit: contain;
  margin: 0 auto;
  display: block;
}

/* NEWSLETTER SECTION STYLES */
/* line 1361, ../scss/global.scss */
.newsletter-section {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
}

/* line 1365, ../scss/global.scss */
.newsletter-card {
  border-radius: 16px;
  background: white;
}

/* line 1370, ../scss/global.scss */
.text-wine {
  color: var(--wine-600);
}

/* line 1374, ../scss/global.scss */
.newsletter-benefits small {
  font-size: 0.875rem;
}

/* Wishlist heart styling */
/* line 1379, ../scss/global.scss */
.vt-card-like,
.vt-wishlist-btn {
  transition: all 0.3s ease;
}

/* line 1384, ../scss/global.scss */
.vt-card-like.active,
.vt-wishlist-btn.active {
  background: var(--wine-600) !important;
  border-color: var(--wine-600) !important;
  color: white !important;
}

/* line 1391, ../scss/global.scss */
.vt-card-like.active i,
.vt-wishlist-btn.active i {
  color: white !important;
}

/* NUCLEAR VUE/REACT BLOCKING */
/* line 1397, ../scss/global.scss */
[data-v-app], #app, [data-reactroot], .vue-app, [data-vue-app] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* Modern Shop by Category Styles */
/* line 1404, ../scss/global.scss */
.category-card {
  padding: 2rem 1.5rem;
  border-radius: 16px;
  background: white;
  border: 1px solid rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  height: 100%;
}

/* line 1413, ../scss/global.scss */
.category-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
  border-color: var(--wine-200);
}

/* line 1419, ../scss/global.scss */
.category-circle {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  font-size: 2rem;
  transition: all 0.3s ease;
}

/* line 1431, ../scss/global.scss */
.category-circle.red-wine {
  background: linear-gradient(135deg, #7c2d12 0%, #dc2626 100%);
  color: white;
}

/* line 1436, ../scss/global.scss */
.category-circle.white-wine {
  background: linear-gradient(135deg, #fef3c7 0%, #f59e0b 100%);
  color: white;
}

/* line 1441, ../scss/global.scss */
.category-circle.rose-wine {
  background: linear-gradient(135deg, #fce7f3 0%, #ec4899 100%);
  color: white;
}

/* line 1446, ../scss/global.scss */
.category-circle.sparkling-wine {
  background: linear-gradient(135deg, #ede9fe 0%, #8b5cf6 100%);
  color: white;
}

/* line 1451, ../scss/global.scss */
.category-card:hover .category-circle {
  transform: scale(1.1);
}

/* line 1455, ../scss/global.scss */
.category-card .btn, .category-card .btn-wine {
  transition: all 0.3s ease;
  border-width: 2px;
}

/* line 1460, ../scss/global.scss */
.category-card .btn:hover, .category-card .btn-wine:hover {
  background-color: var(--wine-600);
  border-color: var(--wine-600);
  color: white;
  transform: translateY(-2px);
}

/* Section spacing utilities */
/* line 1468, ../scss/global.scss */
.section-pad {
  padding: 3rem 0;
}

/* line 1471, ../scss/global.scss */
.section-pad-lg {
  padding: 4rem 0;
}

@media (max-width: 768px) {
  /* line 1475, ../scss/global.scss */
  .section-pad {
    padding: 2rem 0;
  }

  /* line 1478, ../scss/global.scss */
  .section-pad-lg {
    padding: 2.5rem 0;
  }
}
/* Modern Newsletter Section */
/* line 1484, ../scss/global.scss */
.newsletter-section {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  position: relative;
  overflow: hidden;
}

/* line 1490, ../scss/global.scss */
.newsletter-modern::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 300px;
  height: 300px;
  background: linear-gradient(135deg, var(--wine-100) 0%, var(--wine-200) 100%);
  border-radius: 50%;
  opacity: 0.1;
  transform: translate(100px, -100px);
}

/* line 1503, ../scss/global.scss */
.newsletter-card {
  background: white;
  border-radius: 20px;
  padding: 3rem;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.05);
  position: relative;
  overflow: hidden;
}

/* line 1513, ../scss/global.scss */
.newsletter-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--wine-600) 0%, var(--wine-400) 100%);
}

/* line 1523, ../scss/global.scss */
.newsletter-content {
  padding-right: 2rem;
}

/* line 1527, ../scss/global.scss */
.newsletter-icon {
  width: 60px;
  height: 60px;
  background: linear-gradient(135deg, var(--wine-600) 0%, var(--wine-700) 100%);
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 1.5rem;
}

/* line 1543, ../scss/global.scss */
.newsletter-input {
  border: 2px solid #e9ecef;
  border-radius: 12px;
  padding: 0.875rem 1.25rem;
  font-size: 1rem;
  transition: all 0.3s ease;
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 1554, ../scss/global.scss */
.newsletter-input:focus {
  border-color: var(--wine-500);
  box-shadow: 0 0 0 0.2rem rgba(115, 151, 201, 0.15);
  outline: none;
}

/* line 1560, ../scss/global.scss */
.newsletter-btn {
  border-radius: 12px;
  padding: 0.875rem 1.5rem;
  font-weight: 600;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

/* line 1572, ../scss/global.scss */
.newsletter-btn .btn-icon {
  opacity: 0;
  transform: translateX(-10px);
  transition: all 0.3s ease;
  margin-left: 0.5rem;
}

/* line 1579, ../scss/global.scss */
.newsletter-btn:hover .btn-icon {
  opacity: 1;
  transform: translateX(0);
}

/* line 1584, ../scss/global.scss */
.newsletter-btn:hover .btn-text {
  transform: translateX(-5px);
}

/* line 1588, ../scss/global.scss */
.newsletter-btn .btn-text {
  transition: transform 0.3s ease;
}

@media (max-width: 991.98px) {
  /* line 1593, ../scss/global.scss */
  .newsletter-card {
    padding: 2rem;
    text-align: center;
  }

  /* line 1598, ../scss/global.scss */
  .newsletter-content {
    padding-right: 0;
    margin-bottom: 2rem;
  }

  /* line 1603, ../scss/global.scss */
  .newsletter-form {
    margin: 0 auto;
  }
}
@media (max-width: 575.98px) {
  /* line 1609, ../scss/global.scss */
  .newsletter-card {
    padding: 1.5rem;
  }

  /* line 1613, ../scss/global.scss */
  .newsletter-input {
    margin-bottom: 1rem;
    border-radius: 12px;
    border-right: 2px solid #e9ecef;
  }

  /* line 1619, ../scss/global.scss */
  .newsletter-btn {
    width: 100%;
    border-radius: 12px;
    border-left: 2px solid var(--wine-600);
  }

  /* line 1625, ../scss/global.scss */
  .input-group {
    flex-direction: column;
  }
}
/* Ultra-Modern Newsletter Hero Section */
/* line 1631, ../scss/global.scss */
.newsletter-hero {
  background: linear-gradient(135deg, #0f0f23 0%, #1a1a2e 50%, #16213e 100%);
  position: relative;
  padding: 6rem 0;
  overflow: hidden;
  color: white;
}

/* line 1639, ../scss/global.scss */
.newsletter-bg-elements {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 1;
}

/* line 1649, ../scss/global.scss */
.newsletter-circle {
  position: absolute;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--wine-600) 0%, var(--wine-400) 100%);
  opacity: 0.1;
  animation: float 6s ease-in-out infinite;
}

/* line 1657, ../scss/global.scss */
.newsletter-circle-1 {
  width: 300px;
  height: 300px;
  top: -150px;
  right: -150px;
  animation-delay: 0s;
}

/* line 1665, ../scss/global.scss */
.newsletter-circle-2 {
  width: 200px;
  height: 200px;
  bottom: -100px;
  left: -100px;
  animation-delay: 2s;
}

/* line 1673, ../scss/global.scss */
.newsletter-circle-3 {
  width: 150px;
  height: 150px;
  top: 50%;
  left: 10%;
  animation-delay: 4s;
}

@keyframes float {
  0%, 100% {
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateY(-20px) rotate(5deg);
  }
}
/* line 1686, ../scss/global.scss */
.newsletter-hero-card {
  position: relative;
  z-index: 2;
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(20px);
  border-radius: 24px;
  padding: 4rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 32px 64px rgba(0, 0, 0, 0.3);
}

/* line 1697, ../scss/global.scss */
.newsletter-badge {
  display: inline-flex;
  align-items: center;
  background: linear-gradient(135deg, var(--wine-600) 0%, var(--wine-700) 100%);
  color: white;
  padding: 0.75rem 1.5rem;
  border-radius: 50px;
  font-weight: 600;
  font-size: 0.9rem;
  box-shadow: 0 8px 24px rgba(115, 151, 201, 0.3);
}

/* line 1709, ../scss/global.scss */
.newsletter-hero-title {
  font-size: 3.5rem;
  font-weight: 800;
  line-height: 1.1;
  margin-bottom: 1.5rem;
  background: linear-gradient(135deg, #ffffff 0%, #f1f5f9 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* line 1720, ../scss/global.scss */
.newsletter-hero-subtitle {
  font-size: 1.25rem;
  line-height: 1.6;
  margin-bottom: 2rem;
  color: rgba(255, 255, 255, 0.8);
}

/* line 1727, ../scss/global.scss */
.newsletter-features {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 2rem;
}

/* line 1734, ../scss/global.scss */
.newsletter-feature {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  color: rgba(255, 255, 255, 0.9);
}

/* line 1741, ../scss/global.scss */
.newsletter-feature i {
  color: var(--wine-400);
  font-size: 1.1rem;
}

/* line 1746, ../scss/global.scss */
.newsletter-hero-form {
  background: rgba(255, 255, 255, 0.95);
  border-radius: 20px;
  padding: 3rem;
  color: #1f2937;
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.2);
}

/* line 1754, ../scss/global.scss */
.newsletter-form-header {
  text-align: center;
  margin-bottom: 2rem;
}

/* line 1759, ../scss/global.scss */
.newsletter-form-header h4 {
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  color: #1f2937;
}

/* line 1766, ../scss/global.scss */
.newsletter-form-header p {
  color: #6b7280;
  margin-bottom: 0;
}

/* line 1771, ../scss/global.scss */
.newsletter-input-wrapper {
  position: relative;
  margin-bottom: 1.5rem;
}

/* line 1776, ../scss/global.scss */
.newsletter-input-modern {
  width: 100%;
  padding: 1.25rem 1.5rem;
  border: 2px solid #e5e7eb;
  border-radius: 16px;
  font-size: 1.1rem;
  transition: all 0.3s ease;
  background: white;
  margin-bottom: 1rem;
}

/* line 1787, ../scss/global.scss */
.newsletter-input-modern:focus {
  outline: none;
  border-color: var(--wine-500);
  box-shadow: 0 0 0 4px rgba(115, 151, 201, 0.1);
  transform: translateY(-2px);
}

/* line 1794, ../scss/global.scss */
.newsletter-btn-modern {
  width: 100%;
  background: linear-gradient(135deg, var(--wine-600) 0%, var(--wine-700) 100%);
  color: white;
  border: none;
  padding: 1.25rem 2rem;
  border-radius: 16px;
  font-size: 1.1rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  transition: all 0.3s ease;
  cursor: pointer;
}

/* line 1811, ../scss/global.scss */
.newsletter-btn-modern:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 32px rgba(115, 151, 201, 0.4);
}

/* line 1816, ../scss/global.scss */
.newsletter-privacy {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  justify-content: center;
  color: #6b7280;
  font-size: 0.9rem;
  margin-bottom: 1.5rem;
}

/* line 1826, ../scss/global.scss */
.newsletter-privacy i {
  color: var(--wine-600);
}

/* line 1830, ../scss/global.scss */
.newsletter-trust {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  color: #6b7280;
  font-size: 0.9rem;
}

/* line 1839, ../scss/global.scss */
.newsletter-avatars {
  display: flex;
  margin-left: -8px;
}

/* line 1844, ../scss/global.scss */
.newsletter-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 3px solid white;
  margin-left: -8px;
  background: linear-gradient(135deg, #f3f4f6 0%, #d1d5db 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  color: #6b7280;
}

/* line 1858, ../scss/global.scss */
.newsletter-avatar:nth-child(1) {
  background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
}

/* line 1859, ../scss/global.scss */
.newsletter-avatar:nth-child(2) {
  background: linear-gradient(135deg, #34d399 0%, #10b981 100%);
}

/* line 1860, ../scss/global.scss */
.newsletter-avatar:nth-child(3) {
  background: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);
}

/* line 1862, ../scss/global.scss */
.newsletter-avatar-more {
  background: linear-gradient(135deg, var(--wine-600) 0%, var(--wine-700) 100%) !important;
  color: white !important;
}

/* Responsive adjustments */
@media (max-width: 991.98px) {
  /* line 1869, ../scss/global.scss */
  .newsletter-hero {
    padding: 4rem 0;
  }

  /* line 1873, ../scss/global.scss */
  .newsletter-hero-card {
    padding: 2.5rem;
  }

  /* line 1877, ../scss/global.scss */
  .newsletter-hero-title {
    font-size: 2.5rem;
  }

  /* line 1881, ../scss/global.scss */
  .newsletter-hero-form {
    margin-top: 3rem;
  }
}
@media (max-width: 575.98px) {
  /* line 1887, ../scss/global.scss */
  .newsletter-hero {
    padding: 3rem 0;
  }

  /* line 1891, ../scss/global.scss */
  .newsletter-hero-card {
    padding: 2rem;
  }

  /* line 1895, ../scss/global.scss */
  .newsletter-hero-title {
    font-size: 2rem;
  }

  /* line 1899, ../scss/global.scss */
  .newsletter-hero-subtitle {
    font-size: 1.1rem;
  }
}
/* About Us Page Styles */
/* line 1905, ../scss/global.scss */
.about-hero {
  position: relative;
  height: 60vh;
  min-height: 500px;
  display: flex;
  align-items: center;
  overflow: hidden;
}

/* line 1914, ../scss/global.scss */
.about-hero-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

/* line 1923, ../scss/global.scss */
.about-hero-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* line 1930, ../scss/global.scss */
.about-hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(15, 15, 35, 0.8) 0%, rgba(26, 26, 46, 0.6) 100%);
  z-index: 2;
  display: flex;
  align-items: center;
}

/* line 1942, ../scss/global.scss */
.about-hero-content {
  color: white;
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
}

/* line 1949, ../scss/global.scss */
.about-hero-title {
  font-size: 4rem;
  font-weight: 800;
  margin-bottom: 1.5rem;
  background: linear-gradient(135deg, #ffffff 0%, #f1f5f9 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* line 1959, ../scss/global.scss */
.about-hero-subtitle {
  font-size: 1.25rem;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 0;
}

/* line 1966, ../scss/global.scss */
.about-story {
  padding: 6rem 0;
  background: #fafafa;
}

/* line 1971, ../scss/global.scss */
.about-section-title {
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
  color: #1f2937;
}

/* line 1978, ../scss/global.scss */
.about-section-subtitle {
  font-size: 1.125rem;
  color: #6b7280;
  margin-bottom: 0;
}

/* line 1984, ../scss/global.scss */
.about-text-large {
  font-size: 1.25rem;
  line-height: 1.7;
  color: #374151;
  margin-bottom: 1.5rem;
}

/* line 1991, ../scss/global.scss */
.about-text {
  font-size: 1rem;
  line-height: 1.6;
  color: #6b7280;
  margin-bottom: 2rem;
}

/* line 1998, ../scss/global.scss */
.about-stats {
  display: flex;
  gap: 3rem;
  margin-top: 2rem;
}

/* line 2004, ../scss/global.scss */
.about-stat {
  text-align: center;
}

/* line 2008, ../scss/global.scss */
.about-stat-number {
  display: block;
  font-size: 2.5rem;
  font-weight: 800;
  color: var(--wine-600);
  line-height: 1;
  margin-bottom: 0.5rem;
}

/* line 2017, ../scss/global.scss */
.about-stat-label {
  font-size: 0.9rem;
  color: #6b7280;
  font-weight: 500;
}

/* line 2023, ../scss/global.scss */
.about-story-image img {
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.15);
}

/* line 2027, ../scss/global.scss */
.about-values {
  padding: 6rem 0;
  background: white;
}

/* line 2032, ../scss/global.scss */
.about-value-card {
  text-align: center;
  padding: 2rem;
  height: 100%;
  border-radius: 16px;
  transition: all 0.3s ease;
}

/* line 2040, ../scss/global.scss */
.about-value-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

/* line 2045, ../scss/global.scss */
.about-value-icon {
  width: 80px;
  height: 80px;
  background: linear-gradient(135deg, var(--wine-600) 0%, var(--wine-700) 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1.5rem;
  color: white;
  font-size: 2rem;
}

/* line 2058, ../scss/global.scss */
.about-value-title {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 1rem;
  color: #1f2937;
}

/* line 2065, ../scss/global.scss */
.about-value-text {
  color: #6b7280;
  line-height: 1.6;
  margin-bottom: 0;
}

/* line 2071, ../scss/global.scss */
.about-team {
  padding: 6rem 0;
  background: #fafafa;
}

/* line 2076, ../scss/global.scss */
.about-team-card {
  background: white;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  height: 100%;
}

/* line 2085, ../scss/global.scss */
.about-team-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

/* line 2090, ../scss/global.scss */
.about-team-image {
  height: 300px;
  overflow: hidden;
}

/* line 2095, ../scss/global.scss */
.about-team-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* line 2102, ../scss/global.scss */
.about-team-content {
  padding: 2rem;
}

/* line 2106, ../scss/global.scss */
.about-team-name {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  color: #1f2937;
}

/* line 2113, ../scss/global.scss */
.about-team-role {
  color: var(--wine-600);
  font-weight: 500;
  margin-bottom: 1rem;
}

/* line 2119, ../scss/global.scss */
.about-team-bio {
  color: #6b7280;
  line-height: 1.6;
  margin-bottom: 0;
}

/* line 2125, ../scss/global.scss */
.about-cta {
  padding: 6rem 0;
  background: white;
}

/* line 2130, ../scss/global.scss */
.about-cta-card {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  border-radius: 20px;
  padding: 4rem;
  text-align: center;
}

/* line 2137, ../scss/global.scss */
.about-cta-title {
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 1rem;
  color: #1f2937;
}

/* line 2144, ../scss/global.scss */
.about-cta-text {
  font-size: 1.125rem;
  color: #6b7280;
  margin-bottom: 2rem;
}

/* Responsive Adjustments */
@media (max-width: 991.98px) {
  /* line 2152, ../scss/global.scss */
  .about-hero-title {
    font-size: 3rem;
  }

  /* line 2156, ../scss/global.scss */
  .about-stats {
    gap: 2rem;
  }

  /* line 2160, ../scss/global.scss */
  .about-cta-card {
    padding: 3rem;
    text-align: center;
  }

  /* line 2165, ../scss/global.scss */
  .about-cta-title {
    font-size: 2rem;
  }
}
@media (max-width: 767.98px) {
  /* line 2171, ../scss/global.scss */
  .about-hero {
    height: 50vh;
    min-height: 400px;
  }

  /* line 2176, ../scss/global.scss */
  .about-hero-title {
    font-size: 2.5rem;
  }

  /* line 2180, ../scss/global.scss */
  .about-hero-subtitle {
    font-size: 1.125rem;
  }

  /* line 2184, ../scss/global.scss */
  .about-section-title {
    font-size: 2rem;
  }

  /* line 2188, ../scss/global.scss */
  .about-stats {
    flex-direction: column;
    gap: 1.5rem;
    text-align: center;
  }

  /* line 2194, ../scss/global.scss */
  .about-cta-card {
    padding: 2rem;
  }
}
@media (max-width: 575.98px) {
  /* line 2200, ../scss/global.scss */
  .about-story,
  .about-values,
  .about-team,
  .about-cta {
    padding: 3rem 0;
  }

  /* line 2207, ../scss/global.scss */
  .about-value-card {
    padding: 1.5rem;
  }
}
/* Contact Us Page Styles */
/* line 2213, ../scss/global.scss */
.contact-hero {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  padding: 4rem 0;
  text-align: center;
}

/* line 2219, ../scss/global.scss */
.contact-hero-content {
  max-width: 700px;
  margin: 0 auto;
}

/* line 2224, ../scss/global.scss */
.contact-hero-title {
  font-size: 3rem;
  font-weight: 800;
  margin-bottom: 1.5rem;
  color: #1f2937;
}

/* line 2231, ../scss/global.scss */
.contact-hero-subtitle {
  font-size: 1.25rem;
  line-height: 1.6;
  color: #6b7280;
  margin-bottom: 0;
}

/* line 2238, ../scss/global.scss */
.contact-main {
  padding: 6rem 0;
  background: white;
}

/* line 2243, ../scss/global.scss */
.contact-form-card {
  background: white;
  border-radius: 20px;
  padding: 3rem;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
  border: 1px solid #f1f5f9;
}

/* line 2251, ../scss/global.scss */
.contact-form-title {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  color: #1f2937;
}

/* line 2258, ../scss/global.scss */
.contact-form-subtitle {
  color: #6b7280;
  margin-bottom: 2.5rem;
}

/* line 2263, ../scss/global.scss */
.contact-form {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

/* line 2269, ../scss/global.scss */
.contact-field {
  display: flex;
  flex-direction: column;
}

/* line 2274, ../scss/global.scss */
.contact-label {
  font-weight: 600;
  color: #374151;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}

/* line 2281, ../scss/global.scss */
.contact-input {
  padding: 1rem 1.25rem;
  border: 2px solid #e5e7eb;
  border-radius: 12px;
  font-size: 1rem;
  transition: all 0.3s ease;
  background: white;
}

/* line 2290, ../scss/global.scss */
.contact-input:focus {
  outline: none;
  border-color: var(--wine-500);
  box-shadow: 0 0 0 4px rgba(115, 151, 201, 0.1);
}

/* line 2296, ../scss/global.scss */
.contact-textarea {
  resize: vertical;
  min-height: 120px;
}

/* line 2301, ../scss/global.scss */
.contact-checkbox {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}

/* line 2307, ../scss/global.scss */
.contact-check {
  margin-top: 0.25rem;
  transform: scale(1.2);
  accent-color: var(--wine-600);
}

/* line 2313, ../scss/global.scss */
.contact-check-label {
  color: #6b7280;
  line-height: 1.5;
  cursor: pointer;
}

/* line 2319, ../scss/global.scss */
.contact-submit-btn {
  background: linear-gradient(135deg, var(--wine-600) 0%, var(--wine-700) 100%);
  color: white;
  border: none;
  padding: 1.25rem 2rem;
  border-radius: 12px;
  font-size: 1.1rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  transition: all 0.3s ease;
  cursor: pointer;
  margin-top: 1rem;
}

/* line 2336, ../scss/global.scss */
.contact-submit-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(115, 151, 201, 0.3);
}

/* line 2341, ../scss/global.scss */
.contact-info-cards {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

/* line 2347, ../scss/global.scss */
.contact-info-card {
  background: white;
  border-radius: 16px;
  padding: 2rem;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
  border: 1px solid #f1f5f9;
  transition: all 0.3s ease;
}

/* line 2356, ../scss/global.scss */
.contact-info-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);
}

/* line 2361, ../scss/global.scss */
.contact-info-icon {
  width: 60px;
  height: 60px;
  background: linear-gradient(135deg, var(--wine-600) 0%, var(--wine-700) 100%);
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 1.5rem;
  margin-bottom: 1.5rem;
}

/* line 2374, ../scss/global.scss */
.contact-info-title {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 1rem;
  color: #1f2937;
}

/* line 2381, ../scss/global.scss */
.contact-info-text {
  color: #6b7280;
  line-height: 1.6;
  margin-bottom: 1rem;
}

/* line 2387, ../scss/global.scss */
.contact-info-link,
.contact-link {
  color: var(--wine-600);
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
}

/* line 2395, ../scss/global.scss */
.contact-info-link:hover,
.contact-link:hover {
  color: var(--wine-700);
}

/* line 2400, ../scss/global.scss */
.contact-hours {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

/* line 2406, ../scss/global.scss */
.contact-hour-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #6b7280;
  font-size: 0.9rem;
}

/* line 2414, ../scss/global.scss */
.contact-social {
  display: flex;
  gap: 1rem;
}

/* line 2419, ../scss/global.scss */
.contact-social-link {
  width: 44px;
  height: 44px;
  background: #f8f9fa;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6b7280;
  text-decoration: none;
  transition: all 0.3s ease;
  font-size: 1.25rem;
}

/* line 2433, ../scss/global.scss */
.contact-social-link:hover {
  background: var(--wine-600);
  color: white;
  transform: translateY(-2px);
}

/* line 2439, ../scss/global.scss */
.contact-faq {
  padding: 6rem 0;
  background: #fafafa;
}

/* line 2444, ../scss/global.scss */
.contact-section-title {
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 1rem;
  color: #1f2937;
}

/* line 2451, ../scss/global.scss */
.contact-section-subtitle {
  font-size: 1.125rem;
  color: #6b7280;
  margin-bottom: 0;
}

/* line 2457, ../scss/global.scss */
.contact-accordion {
  border: none;
}

/* line 2461, ../scss/global.scss */
.contact-accordion-item {
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 12px !important;
  margin-bottom: 1rem;
  overflow: hidden;
}

/* line 2469, ../scss/global.scss */
.contact-accordion-button {
  background: white;
  border: none;
  padding: 1.5rem 2rem;
  font-weight: 600;
  color: #1f2937;
  font-size: 1.1rem;
  border-radius: 12px !important;
}

/* line 2479, ../scss/global.scss */
.contact-accordion-button:not(.collapsed) {
  background: white;
  box-shadow: none;
  color: var(--wine-600);
}

/* line 2485, ../scss/global.scss */
.contact-accordion-button:focus {
  box-shadow: 0 0 0 4px rgba(115, 151, 201, 0.1);
  border-color: var(--wine-500);
}

/* line 2490, ../scss/global.scss */
.contact-accordion-content {
  padding: 0 2rem 1.5rem;
  color: #6b7280;
  line-height: 1.6;
}

/* line 2497, ../scss/global.scss */
.multi-display-view .multi-price-view {
  width: 80%;
}
/* line 2500, ../scss/global.scss */
.multi-display-view .multi-price-view .price-view-block {
  font-size: 13px;
  line-height: 20px;
  border: 1px solid #fff;
  border-radius: 4px;
  padding: 10px;
  margin-bottom: 10px;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.35);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.35);
  cursor: pointer;
}
/* line 2511, ../scss/global.scss */
.multi-display-view .multi-price-view .price-view-block.active, .multi-display-view .multi-price-view .price-view-block:hover {
  border: 1px solid #ccc;
}
/* line 2515, ../scss/global.scss */
.multi-display-view .multi-price-view .price-view-block .disp-view .title {
  font-weight: bold;
}
/* line 2518, ../scss/global.scss */
.multi-display-view .multi-price-view .price-view-block .disp-view .price-text {
  display: block;
  float: right;
  width: auto;
  margin-left: 10px;
  text-align: right;
  font-weight: 600;
}
/* line 2528, ../scss/global.scss */
.multi-display-view .multi-price-view .price-view-block .product-title .price-text {
  display: block;
  float: right;
  width: 50%;
  margin-left: 10px;
}

/* Responsive Adjustments */
@media (max-width: 991.98px) {
  /* line 2541, ../scss/global.scss */
  .contact-hero-title {
    font-size: 2.5rem;
  }

  /* line 2545, ../scss/global.scss */
  .contact-form-card {
    padding: 2rem;
  }

  /* line 2549, ../scss/global.scss */
  .contact-main {
    padding: 4rem 0;
  }

  /* line 2553, ../scss/global.scss */
  .contact-faq {
    padding: 4rem 0;
  }
}
@media (max-width: 767.98px) {
  /* line 2559, ../scss/global.scss */
  .contact-hero {
    padding: 3rem 0;
  }

  /* line 2563, ../scss/global.scss */
  .contact-hero-title {
    font-size: 2rem;
  }

  /* line 2567, ../scss/global.scss */
  .contact-hero-subtitle {
    font-size: 1.125rem;
  }

  /* line 2571, ../scss/global.scss */
  .contact-form-card {
    padding: 1.5rem;
  }

  /* line 2575, ../scss/global.scss */
  .contact-section-title {
    font-size: 2rem;
  }
}
@media (max-width: 575.98px) {
  /* line 2581, ../scss/global.scss */
  .contact-main,
  .contact-faq {
    padding: 3rem 0;
  }

  /* line 2586, ../scss/global.scss */
  .contact-info-card {
    padding: 1.5rem;
  }

  /* line 2590, ../scss/global.scss */
  .contact-accordion-button {
    padding: 1.25rem 1.5rem;
    font-size: 1rem;
  }

  /* line 2595, ../scss/global.scss */
  .contact-accordion-content {
    padding: 0 1.5rem 1.25rem;
  }

  /* line 2599, ../scss/global.scss */
  .multi-display-view .multi-price-view {
    width: 100%;
  }

  /* line 2604, ../scss/global.scss */
  .main-product-info .sub-product-info {
    min-width: 430px;
    width: auto;
  }
}
/* line 2613, ../scss/global.scss */
.product-listing-page-block.main-fillter-category .category-title {
  border-bottom: 0;
  margin: 5px 0;
}
/* line 2616, ../scss/global.scss */
.product-listing-page-block.main-fillter-category .category-title h3 {
  font-weight: bold;
  margin: 25px 0 10px;
  padding-bottom: 11px;
  display: inline-block;
}
/* line 2621, ../scss/global.scss */
.product-listing-page-block.main-fillter-category .category-title h3 span {
  font-weight: normal;
}
/* line 2625, ../scss/global.scss */
.product-listing-page-block.main-fillter-category .category-title .clear-filter-block {
  margin-left: 10px;
  display: inline-block;
  text-decoration: underline;
  cursor: pointer;
}
/* line 2630, ../scss/global.scss */
.product-listing-page-block.main-fillter-category .category-title .clear-filter-block a:hover {
  color: inherit;
}
/* line 2636, ../scss/global.scss */
.product-listing-page-block.main-fillter-category .fillter-category [data-level='level-1'] {
  font-size: 17px;
}
/* line 2639, ../scss/global.scss */
.product-listing-page-block.main-fillter-category .fillter-category [data-level='level-3'] {
  font-size: 13px;
}
/* line 2642, ../scss/global.scss */
.product-listing-page-block.main-fillter-category .fillter-category [data-level='level-5'] {
  font-size: 13px;
}
/* line 2646, ../scss/global.scss */
.product-listing-page-block.main-fillter-category .fillter-category .main-category-block .main_category {
  margin: 0;
  padding: 20px;
  background: #b91c1c;
  border: 0;
  line-height: 10px;
  font-weight: bolder;
  font-size: 17px;
  text-transform: uppercase;
  color: #ffffff;
}
/* line 2657, ../scss/global.scss */
.product-listing-page-block.main-fillter-category .fillter-category .main-category-block .sub_category {
  margin: 0;
  padding: 18px 10px 18px 54px;
  border: 0;
  line-height: 10px !important;
  font-weight: bold !important;
  text-transform: uppercase;
}
/* line 2665, ../scss/global.scss */
.product-listing-page-block.main-fillter-category .fillter-category .main-category-block .category-icon {
  position: absolute;
  left: -10px;
  top: 5px;
  width: 42px;
  z-index: 9;
}
/* line 2672, ../scss/global.scss */
.product-listing-page-block.main-fillter-category .fillter-category .main-category-block .list-group-submenu-2 {
  overflow-y: auto;
  overflow-x: hidden;
}
/* line 2676, ../scss/global.scss */
.product-listing-page-block.main-fillter-category .fillter-category .main-category-block .list-group-submenu-2 .product-list {
  border: 0;
  padding: 12px 0 15px 64px;
  margin: 0;
}
/* line 2682, ../scss/global.scss */
.product-listing-page-block.main-fillter-category .fillter-category .main-category-block .list-group-submenu-2 .extra-region-block .fa {
  float: right;
  margin: 2px 14px 0 0;
  font-size: 16px;
}
/* line 2688, ../scss/global.scss */
.product-listing-page-block.main-fillter-category .fillter-category .main-category-block .list-group-submenu-2 .list-group-submenu-3 {
  margin-left: 20px;
}
/* line 2691, ../scss/global.scss */
.product-listing-page-block.main-fillter-category .fillter-category .main-category-block .list-group-submenu-2 .list-group-submenu-3 .category-level-4 .product-list {
  padding: 12px 0 10px 64px;
}
/* line 2696, ../scss/global.scss */
.product-listing-page-block.main-fillter-category .fillter-category .main-category-block .list-group-submenu-2 .list-group-submenu-4 {
  margin-left: 20px;
}
/* line 2699, ../scss/global.scss */
.product-listing-page-block.main-fillter-category .fillter-category .main-category-block .list-group-submenu-2 .list-group-submenu-4 .category-level-5 .product-list {
  padding: 12px 0 10px 64px;
}
/* line 2705, ../scss/global.scss */
.product-listing-page-block.main-fillter-category .fillter-category .main-category-block.category-level-1 {
  border-radius: 5px;
}
/* line 2710, ../scss/global.scss */
.product-listing-page-block.main-fillter-category .fillter-category .main-category-block.category-level-2 {
  margin: 5px 0;
  border-radius: 5px;
}
/* line 2714, ../scss/global.scss */
.product-listing-page-block.main-fillter-category .fillter-category .main-category-block .checkbox-group {
  right: inherit;
  left: 26px;
}
/* line 2718, ../scss/global.scss */
.product-listing-page-block.main-fillter-category .fillter-category .main-category-block .list-group-submenu {
  margin-left: 0px;
}
/* line 2722, ../scss/global.scss */
.product-listing-page-block.main-fillter-category .fillter-category .main-category-block #winemaking .category-level-2 {
  border: 0;
}
/* line 2724, ../scss/global.scss */
.product-listing-page-block.main-fillter-category .fillter-category .main-category-block #winemaking .category-level-2 .sub_category {
  background-color: inherit;
  font-size: 13px;
  font-weight: normal;
  line-height: 16px;
}
/* line 2732, ../scss/global.scss */
.product-listing-page-block.main-fillter-category .fillter-category .main-category-block .mobile-view-category {
  display: none;
}
/* line 2734, ../scss/global.scss */
.product-listing-page-block.main-fillter-category .fillter-category .main-category-block .mobile-view-category:after {
  position: absolute;
  top: 20px;
  right: 15px;
  font-size: 15px;
  content: "\e64b";
  font-family: 'themify';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
}
/* line 2748, ../scss/global.scss */
.product-listing-page-block.main-fillter-category .fillter-category .main-category-block .desktop-view-category {
  display: block;
}

/* line 2757, ../scss/global.scss */
.main-fillter-category .category-title {
  border-bottom: 1px solid #e0e0e0;
  margin: 15px 0;
}
/* line 2760, ../scss/global.scss */
.main-fillter-category .category-title h3 {
  font-weight: bold;
  margin: 25px 0 10px;
  padding-bottom: 11px;
}
/* line 2764, ../scss/global.scss */
.main-fillter-category .category-title h3 span {
  font-weight: normal;
}
/* line 2769, ../scss/global.scss */
.main-fillter-category .fillter-category {
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  align-items: center;
}
/* line 2774, ../scss/global.scss */
.main-fillter-category .fillter-category [data-level='level-1'] {
  font-size: 16px;
}
/* line 2777, ../scss/global.scss */
.main-fillter-category .fillter-category [data-level='level-2'] {
  font-size: 14px;
}
/* line 2780, ../scss/global.scss */
.main-fillter-category .fillter-category [data-level='level-3'] {
  font-size: 12px;
}
/* line 2783, ../scss/global.scss */
.main-fillter-category .fillter-category .main-category-block {
  position: relative;
}
/* line 2785, ../scss/global.scss */
.main-fillter-category .fillter-category .main-category-block .list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
  color: #555;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
/* line 2795, ../scss/global.scss */
.main-fillter-category .fillter-category .main-category-block .list-group-item:hover, .main-fillter-category .fillter-category .main-category-block .list-group-item:focus {
  color: #555;
  text-decoration: none;
  background-color: #f6f6f6;
}
/* line 2801, ../scss/global.scss */
.main-fillter-category .fillter-category .main-category-block .list-group-item .dark-clr {
  color: #34353e;
}
/* line 2805, ../scss/global.scss */
.main-fillter-category .fillter-category .main-category-block .checkbox-group {
  position: absolute;
  top: 0px;
  right: 10px;
  z-index: 99;
}
/* line 2810, ../scss/global.scss */
.main-fillter-category .fillter-category .main-category-block .checkbox-group [type="checkbox"]:not(:checked),
.main-fillter-category .fillter-category .main-category-block .checkbox-group [type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
/* line 2814, ../scss/global.scss */
.main-fillter-category .fillter-category .main-category-block .checkbox-group [type="checkbox"]:not(:checked) + label,
.main-fillter-category .fillter-category .main-category-block .checkbox-group [type="checkbox"]:checked + label {
  position: relative;
  padding-left: 1.95em;
  cursor: pointer;
}
/* line 2818, ../scss/global.scss */
.main-fillter-category .fillter-category .main-category-block .checkbox-group [type="checkbox"]:not(:checked) + label:before,
.main-fillter-category .fillter-category .main-category-block .checkbox-group [type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 5px;
  top: 0px;
  width: 15px;
  height: 15px;
  border: 2px solid #bcb7cb;
  background: #fff;
  border-radius: 4px;
}
/* line 2829, ../scss/global.scss */
.main-fillter-category .fillter-category .main-category-block .checkbox-group [type="checkbox"]:not(:checked) + label:after,
.main-fillter-category .fillter-category .main-category-block .checkbox-group [type="checkbox"]:checked + label:after {
  content: '✔';
  left: 5px;
  top: 0px;
  width: 15px;
  height: 15px;
  position: absolute;
  font-size: 13px;
  line-height: 1.3;
  text-align: center;
  color: #fff;
  background: #7c2d12;
  transition: all .2s;
  border-radius: 4px;
}
/* line 2848, ../scss/global.scss */
.main-fillter-category .fillter-category .main-category-block .checkbox-group [type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
/* line 2856, ../scss/global.scss */
.main-fillter-category .fillter-category .main-category-block .checkbox-group [type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* line 2863, ../scss/global.scss */
.main-fillter-category .fillter-category .main-category-block .list-group-submenu {
  margin-left: 20px;
}
/* line 2869, ../scss/global.scss */
.main-fillter-category .fillter-category .accordion-group .accordion-heading .accordion-toggle {
  display: block;
  font-weight: bold;
  font-size: 14px;
  text-decoration: none !important;
  text-transform: uppercase;
  color: #000;
  padding: 10px 0;
}
/* line 2881, ../scss/global.scss */
.main-fillter-category .fillter-category .accordion-group .accordion-body .accordion-inner .jqueryui-slider-container {
  margin-bottom: 3px;
  padding: 9px;
}
/* line 2885, ../scss/global.scss */
.main-fillter-category .fillter-category .accordion-group .accordion-body .accordion-inner .min-val,
.main-fillter-category .fillter-category .accordion-group .accordion-body .accordion-inner .max-val {
  text-align: center;
  font-weight: bold;
  padding: 3px;
  width: 40%;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}

/* line 2908, ../scss/global.scss */
.error_wrapper {
  max-width: 720px;
  margin: 0 auto;
}
/* line 2911, ../scss/global.scss */
.error_wrapper .flash-message {
  position: absolute;
  z-index: 9999;
  max-width: 720px;
  min-width: 720px;
}
/* line 2916, ../scss/global.scss */
.error_wrapper .flash-message .alert {
  margin: 5px 0;
  color: #fff;
  padding: 15px 20px 10px 70px;
  border-radius: 5px;
}
/* line 2921, ../scss/global.scss */
.error_wrapper .flash-message .alert:before {
  content: "\e8bc";
  font-family: "soap-icons";
  display: block;
  font-size: 18px;
  width: 26px;
  height: 26px;
  line-height: 26px;
  margin: 0 auto;
  border: 1px solid #fff;
  -webkit-border-radius: 50% 50% 50% 50%;
  -moz-border-radius: 50% 50% 50% 50%;
  -ms-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
  text-align: center;
  position: absolute;
  top: 10px;
  left: 20px;
}
/* line 2940, ../scss/global.scss */
.error_wrapper .flash-message .alert .close {
  font-size: 12px;
  right: 8px;
  top: 8px;
}

/* line 2949, ../scss/global.scss */
.ui-autocomplete {
  border: 1px solid #aaaaaa;
  background: #ffffff;
  color: #222222;
  max-width: 433px;
}
/* line 2954, ../scss/global.scss */
.ui-autocomplete.ui-menu {
  list-style: none;
  padding: 2px;
  margin: 0;
  display: block;
  float: left;
}
/* line 2960, ../scss/global.scss */
.ui-autocomplete.ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  zoom: 1;
  float: left;
  clear: left;
  width: 100%;
}
/* line 2967, ../scss/global.scss */
.ui-autocomplete.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: .2em .4em;
  line-height: 1.5;
  zoom: 1;
}
/* line 2973, ../scss/global.scss */
.ui-autocomplete.ui-menu .ui-menu-item a .ui-state-hover,
.ui-autocomplete.ui-menu .ui-menu-item a .ui-state-active {
  font-weight: normal;
  margin: -1px;
}
/* line 2981, ../scss/global.scss */
.ui-autocomplete .ui-state-hover,
.ui-autocomplete .ui-widget-content .ui-state-hover,
.ui-autocomplete .ui-widget-header .ui-state-hover,
.ui-autocomplete .ui-state-focus,
.ui-autocomplete .ui-widget-content .ui-state-focus,
.ui-autocomplete .ui-widget-header .ui-state-focus {
  border: 1px solid #999999;
  background: #dadada url(../images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
  font-weight: normal;
  color: #212121;
}
/* line 3009, ../scss/global.scss */
.ui-autocomplete .ui-state-hover a,
.ui-autocomplete .ui-state-hover a:hover {
  color: #212121;
  text-decoration: none;
}

/* Gallery popup ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* line 3019, ../scss/global.scss */
.popup-wrapper .popup-content {
  max-height: 90%;
  overflow-y: auto;
}

/* line 3023, ../scss/global.scss */
.opacity-overlay {
  outline: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
  z-index: 10000;
  display: none;
  -webkit-backface-visibility: hidden;
}
/* line 3025, ../scss/global.scss */
.opacity-overlay .container {
  height: 100%;
  position: relative;
  z-index: 10001;
}
/* line 3026, ../scss/global.scss */
.opacity-overlay .spinner {
  color: #fff;
  font-size: 32px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -16px;
  margin-top: -16px;
}

/* line 3028, ../scss/global.scss */
.popup-wrapper {
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  padding: 0 5px;
}
/* line 3030, ../scss/global.scss */
.popup-wrapper:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
/* line 3031, ../scss/global.scss */
.popup-wrapper .popup-content {
  float: none;
  padding: 0;
  margin: 0 auto;
  text-align: left;
  z-index: 10003;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

/* line 3034, ../scss/global.scss */
.travelo-box {
  background: #fff;
  padding: 10px;
  margin-bottom: 18px;
  border-radius: 12px;
}
/* line 3036, ../scss/global.scss */
.travelo-box > *:last-child {
  margin-bottom: 0;
}
/* line 3037, ../scss/global.scss */
.travelo-box a {
  text-decoration: none;
  cursor: pointer;
}
/* line 3040, ../scss/global.scss */
.travelo-box a:focus, .travelo-box a:hover {
  color: inherit;
}
/* line 3044, ../scss/global.scss */
.travelo-box .title {
  margin-bottom: 5px;
}
/* line 3045, ../scss/global.scss */
.travelo-box .box-title {
  margin-bottom: 15px;
}
/* line 3046, ../scss/global.scss */
.travelo-box.box-full {
  padding: 30px;
}
/* line 3049, ../scss/global.scss */
.travelo-box.search-stories-box button {
  height: 34px;
  /*margin: 0 !important;*/
  padding: 0 10px;
  font-size: 1em;
}
/* line 3054, ../scss/global.scss */
.travelo-box.twitter-box .twitter-holder > ul li {
  border-bottom: 1px solid #f5f5f5;
  padding: 15px 0 15px 40px;
  position: relative;
}
/* line 3056, ../scss/global.scss */
.travelo-box.twitter-box .twitter-holder > ul li:last-child {
  border: none;
}
/* line 3057, ../scss/global.scss */
.travelo-box.twitter-box .twitter-holder > ul li:before {
  content: "\f099";
  font-family: FontAwesome;
  display: block;
  width: 32px;
  height: 32px;
  -webkit-border-radius: 50% 50% 50% 50%;
  -moz-border-radius: 50% 50% 50% 50%;
  -ms-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
  border: 1px solid #337AB7;
  color: #337AB7;
  line-height: 32px;
  text-align: center;
  position: absolute;
  left: 0;
  font-size: 16px;
}
/* line 3058, ../scss/global.scss */
.travelo-box.twitter-box .twitter-holder > ul li .tweet-text a {
  color: #838383;
}
/* line 3060, ../scss/global.scss */
.travelo-box.twitter-box .twitter-holder > ul li .tweet-text a:hover {
  text-decoration: underline;
}
/* line 3067, ../scss/global.scss */
.travelo-box.contact-box .contact-details {
  margin: 0;
}
/* line 3069, ../scss/global.scss */
.travelo-box.contact-box .contact-details .contact-phone {
  color: #838383;
}
/* line 3071, ../scss/global.scss */
.travelo-box.contact-box .contact-details .contact-phone > i {
  color: #337AB7;
}
/* line 3073, ../scss/global.scss */
.travelo-box.contact-box .contact-details .contact-email {
  color: inherit;
}
/* line 3078, ../scss/global.scss */
.travelo-box.book-with-us-box li, .travelo-box.contact-us-box .contact-address li {
  border-bottom: 1px solid #f5f5f5;
  padding: 10px 0 10px 40px;
  position: relative;
}
/* line 3080, ../scss/global.scss */
.travelo-box.book-with-us-box li > i, .travelo-box.contact-us-box .contact-address li > i {
  position: absolute;
  font-size: 1.5em;
  color: #337AB7;
  left: 0;
  top: 12px;
}
/* line 3081, ../scss/global.scss */
.travelo-box.book-with-us-box li:last-child, .travelo-box.contact-us-box .contact-address li:last-child {
  border-bottom-width: 0;
  padding-bottom: 0;
}
/* line 3082, ../scss/global.scss */
.travelo-box.book-with-us-box li .title, .travelo-box.contact-us-box .contact-address li .title {
  color: #2d3e52;
}
/* line 3083, ../scss/global.scss */
.travelo-box.book-with-us-box li:after, .travelo-box.contact-us-box .contact-address li:after {
  display: table;
  clear: both;
  content: "";
}
/* line 3084, ../scss/global.scss */
.travelo-box.book-with-us-box li > *:last-child, .travelo-box.contact-us-box .contact-address li > *:last-child {
  margin-bottom: 0;
}
/* line 3089, ../scss/global.scss */
.travelo-box.contact-us-box .title {
  color: #2d3e52;
}
/* line 3090, ../scss/global.scss */
.travelo-box.contact-us-box .contact-address {
  margin-bottom: 25px;
}
/* line 3092, ../scss/global.scss */
.travelo-box.contact-us-box .contact-address li {
  padding-left: 50px;
}
/* line 3094, ../scss/global.scss */
.travelo-box.contact-us-box .contact-address li p {
  font-size: 0.8333em;
  text-transform: uppercase;
  margin-bottom: 0;
}
/* line 3095, ../scss/global.scss */
.travelo-box.contact-us-box .contact-address li:last-child {
  border-bottom-width: 1px;
  padding-bottom: 10px;
}
/* line 3098, ../scss/global.scss */
.travelo-box.contact-us-box .social-icons a {
  overflow: hidden;
}
/* line 3099, ../scss/global.scss */
.travelo-box.contact-us-box .social-icons a:hover i:before {
  -webkit-animation: toBottomFromTop 0.4s forwards;
  -moz-animation: toBottomFromTop 0.4s forwards;
  animation: toBottomFromTop 0.4s forwards;
}
/* line 3102, ../scss/global.scss */
.travelo-box.newsletter-box {
  padding: 20px 30px;
}
/* line 3104, ../scss/global.scss */
.travelo-box.newsletter-box button {
  margin-right: 0 !important;
  margin-bottom: 0 !important;
}
/* line 3105, ../scss/global.scss */
.travelo-box.newsletter-box .row > div {
  margin-bottom: 0 !important;
}
/* line 3109, ../scss/global.scss */
.travelo-box.re-search-box label {
  font-size: 0.8333em;
  text-transform: uppercase;
  margin: 5px 0 0 0;
}
/* line 3110, ../scss/global.scss */
.travelo-box.re-search-box button {
  text-transform: uppercase;
}
/* line 3114, ../scss/global.scss */
.travelo-box.about-travelo-box .title {
  color: #838383;
}
/* line 3117, ../scss/global.scss */
.travelo-box.guarantee-box {
  text-align: center;
}
/* line 3119, ../scss/global.scss */
.travelo-box.guarantee-box .guarantee-image {
  display: block;
  margin: 0 auto 15px;
}
/* line 3123, ../scss/global.scss */
.travelo-box.insurance-benefits ul {
  font-size: 0.9167em;
}
/* line 3125, ../scss/global.scss */
.travelo-box.insurance-benefits ul li {
  line-height: 3.6667em;
  border-bottom: 1px solid #f5f5f5;
  text-transform: uppercase;
}
/* line 3127, ../scss/global.scss */
.travelo-box.insurance-benefits ul li:before {
  color: #d9d9d9;
}
/* line 3129, ../scss/global.scss */
.travelo-box.insurance-benefits ul li.active:before, .travelo-box.insurance-benefits ul.hover li:hover:before {
  color: #337AB7;
}

/* line 3135, ../scss/global.scss */
.social-login-block .fb-login-block {
  cursor: pointer;
  height: 46px;
  margin-bottom: 5px;
}
/* line 3139, ../scss/global.scss */
.social-login-block .fb-login-block:hover {
  background: rgba(59, 89, 152, 0.1);
}
/* line 3142, ../scss/global.scss */
.social-login-block .fb-login-block .login-fb-icon {
  background-color: #3b5998;
  color: #fff;
  font-weight: bold;
  font-size: 36px;
  line-height: 46px;
  text-align: center;
  width: 58px;
  float: left;
  border-radius: 7px;
}
/* line 3153, ../scss/global.scss */
.social-login-block .fb-login-block .login-fb-text {
  color: #3b5998;
  font-size: 14px;
  line-height: 44px;
  text-align: center;
  border: 1px solid #3b5998;
  border-radius: 7px;
}
/* line 3160, ../scss/global.scss */
.social-login-block .fb-login-block .login-fb-text a:hover, .social-login-block .fb-login-block .login-fb-text a:focus {
  color: inherit;
}
/* line 3165, ../scss/global.scss */
.social-login-block .gl-login-block {
  cursor: pointer;
  height: 46px;
  margin-bottom: 5px;
}
/* line 3169, ../scss/global.scss */
.social-login-block .gl-login-block:hover {
  background: rgba(221, 75, 57, 0.08);
}
/* line 3172, ../scss/global.scss */
.social-login-block .gl-login-block .login-gl-icon {
  background-color: #DD4B39;
  color: #fff;
  font-weight: bold;
  font-size: 30px;
  line-height: 46px;
  text-align: center;
  width: 58px;
  float: left;
  border-radius: 7px;
}
/* line 3183, ../scss/global.scss */
.social-login-block .gl-login-block .login-gl-text {
  color: #DD4B39;
  font-size: 14px;
  line-height: 44px;
  text-align: center;
  border: 1px solid #BB3F30;
  border-radius: 7px;
}
/* line 3190, ../scss/global.scss */
.social-login-block .gl-login-block .login-gl-text a:hover, .social-login-block .gl-login-block .login-gl-text a:focus {
  color: inherit;
}
/* line 3195, ../scss/global.scss */
.social-login-block .ce-login-block {
  cursor: pointer;
  height: 46px;
  margin-bottom: 5px;
}
/* line 3199, ../scss/global.scss */
.social-login-block .ce-login-block:hover {
  background: rgba(45, 62, 82, 0.07);
}
/* line 3202, ../scss/global.scss */
.social-login-block .ce-login-block .login-ce-icon {
  background-color: #2d3e52;
  color: #fff;
  font-weight: bold;
  font-size: 24px;
  line-height: 46px;
  text-align: center;
  width: 58px;
  float: left;
}
/* line 3212, ../scss/global.scss */
.social-login-block .ce-login-block .login-ce-text {
  color: #2d3e52;
  font-size: 14px;
  line-height: 44px;
  text-align: center;
  border: 1px solid #2d3e52;
}
/* line 3218, ../scss/global.scss */
.social-login-block .ce-login-block .login-ce-text a:hover, .social-login-block .ce-login-block .login-ce-text a:focus {
  color: inherit;
}
/* line 3223, ../scss/global.scss */
.social-login-block .winery-login-block {
  cursor: pointer;
  height: 46px;
  margin-bottom: 5px;
}
/* line 3227, ../scss/global.scss */
.social-login-block .winery-login-block:hover {
  background: rgba(45, 62, 82, 0.07);
}
/* line 3230, ../scss/global.scss */
.social-login-block .winery-login-block .login-wi-icon {
  background-color: #9B2063;
  color: #fff;
  font-weight: bold;
  font-size: 24px;
  line-height: 46px;
  text-align: center;
  width: 58px;
  float: left;
}
/* line 3240, ../scss/global.scss */
.social-login-block .winery-login-block .login-wi-text {
  color: #9B2063;
  font-size: 14px;
  line-height: 44px;
  text-align: center;
  border: 1px solid #9B2063;
}
/* line 3246, ../scss/global.scss */
.social-login-block .winery-login-block .login-wi-text a:hover, .social-login-block .winery-login-block .login-wi-text a:focus {
  color: inherit;
}
/* line 3251, ../scss/global.scss */
.social-login-block .highlight-block {
  overflow: hidden;
  text-align: center;
  margin: 10px 0;
  font-size: 18px;
  line-height: 20px;
}
/* line 3257, ../scss/global.scss */
.social-login-block .highlight-block:before, .social-login-block .highlight-block:after {
  background-color: #ccc;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 40%;
}

/* Sign up & Login box */
/* line 3270, ../scss/global.scss */
.travelo-signup-box, .travelo-login-box {
  border: 1px solid #ccc;
  width: 300px;
  margin: 0 auto;
  display: none;
}
/* line 3275, ../scss/global.scss */
.travelo-signup-box .login-social .button, .travelo-login-box .login-social .button {
  width: 100%;
  height: 36px;
  line-height: 36px;
  margin-bottom: 10px;
  font-size: 1.3333em;
  font-weight: 400;
  text-align: left;
  padding-left: 20px;
  letter-spacing: 0.04em;
}
/* line 3285, ../scss/global.scss */
.travelo-signup-box .login-social .button i, .travelo-login-box .login-social .button i {
  font-size: 1.5em;
  margin-right: 36px;
  width: 20px;
  float: left;
  display: block;
}
/* line 3293, ../scss/global.scss */
.travelo-signup-box .login-facebook, .travelo-login-box .login-facebook {
  background: #155c92;
}
/* line 3296, ../scss/global.scss */
.travelo-signup-box .login-googleplus, .travelo-login-box .login-googleplus {
  background: #d13535;
}
/* line 3299, ../scss/global.scss */
.travelo-signup-box .seperator, .travelo-login-box .seperator {
  line-height: 0;
  border-top: 1px solid #f5f5f5;
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
}
/* line 3305, ../scss/global.scss */
.travelo-signup-box .seperator label, .travelo-login-box .seperator label {
  display: block;
  font-size: 0.9167em;
  position: absolute;
  left: 50%;
  top: 50%;
  line-height: 1;
  background: #fff;
  padding: 0 10px;
  margin: -1px 0 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-weight: 400;
}
/* line 3319, ../scss/global.scss */
.travelo-signup-box p, .travelo-login-box p {
  margin-bottom: 0;
}
/* line 3322, ../scss/global.scss */
.travelo-signup-box .description, .travelo-login-box .description {
  font-size: 1em;
  color: #9e9e9e;
}
/* line 3326, ../scss/global.scss */
.travelo-signup-box .form-group, .travelo-login-box .form-group {
  margin-bottom: 10px;
  text-align: left;
}
/* line 3330, ../scss/global.scss */
.travelo-signup-box .checkbox label, .travelo-login-box .checkbox label {
  font-size: 1em;
}
/* line 3333, ../scss/global.scss */
.travelo-signup-box .goto-login, .travelo-signup-box .goto-signup, .travelo-signup-box .signup-email, .travelo-login-box .goto-login, .travelo-login-box .goto-signup, .travelo-login-box .signup-email {
  color: #838383;
  font-size: 1.0833em;
}

/* line 3339, ../scss/global.scss */
.travelo-signup-box .signup-email-section {
  margin-bottom: 10px;
}
/* line 3343, ../scss/global.scss */
.travelo-signup-box .signup-email i {
  font-size: 1.2em;
  margin-right: 4px;
}
/* line 3348, ../scss/global.scss */
.travelo-signup-box .email-signup {
  margin-top: 5px;
  margin-bottom: 20px;
  display: none;
}

/* line 3355, ../scss/global.scss */
.travelo-login-box .checkbox-inline {
  margin-left: 0;
}
/* line 3358, ../scss/global.scss */
.travelo-login-box .forgot-password {
  color: #838383;
  text-decoration: underline;
}