/*!
*  Marquee - Aleyant skins
*  Bold, dark-mode storefront skin for Pressero v6 — designed for
*  wide-format, signage, and specialty print shops. Pairs Bebas Neue
*  display type with Inter body for a confident, signage-iconic feel.
*  Built on Pressero library.min.css + responsive7 base_skin.min.css.
*  Carries forward every bug fix from the Folio Edition build:
*  Bootstrap 3 float-based navbar, hidden-sm/md/lg baked into HTML,
*  display:table input-groups, full-width footer with constrained
*  inner, auto-distributing footer columns, :has() empty-row hiding,
*  comprehensive h1-h6 footer coverage, font @import as backup load
*  path. The 80 @Shade@ palette tokens drive every color so each
*  customer's palette settings continue to apply via the Live
*  Palette Editor.
*  Copyright Aleyant 2026, All Rights Reserved
*  <!-- canary for www.pressero.com HostMonitor test DO NOT REMOVE, Web to Print Storefronts -->
*/

@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@400;500;600;700&display=swap");
@import url("css/photoswipe/photoswipe.min.css");
@import url("css/photoswipe/default-skin/default-skin.min.css");

html, body,
body p, body div, body span, body li, body td, body a,
body label, body th {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-feature-settings: 'ss01';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

input, button, textarea, select,
.form-control, .btn, .k-button {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

body {
  background-color: #0a0a0b;
  color: #f8f8f4;
  font-size: 15px;
  line-height: 1.55;
  font-weight: 400;
}

.page-content-area,
body.page-content-editor-body,
body.product-detail-editor-body,
body.category-content-editor-body {
  background-color: #0a0a0b !important;
}

body.customize-iframe-body {
  background-color: #ffffff;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Bebas Neue', 'Inter', sans-serif;
  font-weight: 400;
  letter-spacing: 0.015em;
  line-height: 0.95;
  color: #f8f8f4;
  margin-top: 0;
  text-transform: uppercase;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
.h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a {
  color: #f8f8f4;
}

h1, .h1 { font-size: 56px; }
h2, .h2 { font-size: 44px; }
h3, .h3 { font-size: 28px; }
h4, .h4 { font-size: 18px; }
h5, .h5 { font-size: 15px; }
h6, .h6 { font-size: 13px; letter-spacing: 0.10em; }

a {
  color: #f8f8f4;
  text-decoration: none;
  transition: color 0.15s ease;
}
a:hover, a:focus {
  color: #a8a8a0;
  text-decoration: none;
  outline: none;
}

.bg-primary { background-color: #f8f8f4; color: #0a0a0b; }
.text-primary { color: #0a0a0b; }
.text-muted { color: #a8a8a0; }
.bg-info { background-color: #1a2030; }
.text-info { color: #8ab4f0; }
.bg-danger { background-color: #2a1518; }
.text-danger { color: #f08a95; }
.bg-success { background-color: #15201a; }
.text-success { color: #8ac498; }
.border-success { border-color: #284532; }
.text-warning { color: #e6b870; }
.bg-warning { background-color: #2a2010; }
.border-warning { border-color: #2a2010; }

.btn,
.k-button {
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  padding: 14px 24px !important;
  border-radius: 6px !important;
  border-width: 1px !important;
  transition: opacity 0.15s, background-color 0.15s, border-color 0.15s, transform 0.1s !important;
  text-shadow: none !important;
  background-image: none !important;
  box-shadow: none !important;
  line-height: 1.2 !important;
}
.btn:active,
.k-button:active {
  transform: scale(0.985);
}
.btn:focus,
.btn.focus,
.k-button:focus {
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(248, 248, 244, 0.15) !important;
}
.btn-lg { padding: 18px 30px !important; font-size: 14px !important; }
.btn-sm { padding: 9px 16px !important; font-size: 12px !important; }
.btn-xs { padding: 6px 12px !important; font-size: 11px !important; }

.btn-default,
.btn-default[disabled],
.btn-default.disabled.focus,
.btn-default.disabled:focus,
.btn-default.disabled:hover {
  background-color: #16161a !important;
  color: #f8f8f4 !important;
  border-color: #2a2a30 !important;
}
.btn-default:focus,
.btn-default:hover,
.btn-default:active,
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover {
  background-color: #1f1f24 !important;
  color: #f8f8f4 !important;
  border-color: #3a3a42 !important;
}

.btn-primary,
.btn-primary[disabled],
.btn-primary.disabled.focus,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover {
  background-color: #f8f8f4 !important;
  color: #0a0a0b !important;
  border-color: #f8f8f4 !important;
}
.btn-primary:focus,
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover {
  background-color: #d8d8d2 !important;
  color: #0a0a0b !important;
  border-color: #d8d8d2 !important;
}

.btn-danger,
.btn-danger[disabled] {
  background-color: #16161a !important;
  color: #f08a95 !important;
  border-color: #4a2528 !important;
}
.btn-danger:focus,
.btn-danger:hover,
.btn-danger:active {
  background-color: #2a1518 !important;
  color: #f08a95 !important;
  border-color: #6a3030 !important;
}

.btn-success,
.btn-success[disabled] {
  background-color: #16161a !important;
  color: #8ac498 !important;
  border-color: #284532 !important;
}
.btn-success:focus,
.btn-success:hover,
.btn-success:active {
  background-color: #15201a !important;
  color: #8ac498 !important;
  border-color: #3a5c42 !important;
}

#calcButtonArea .btn,
.modern-add-to-cart-area .btn {
  width: 100%;
  padding: 20px 24px !important;
  font-size: 14px !important;
}

.form-control {
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  height: 44px !important;
  padding: 11px 14px !important;
  border-radius: 4px !important;
  border: 1px solid #2a2a30 !important;
  background-color: #16161a !important;
  box-shadow: none !important;
  transition: border-color 0.15s, box-shadow 0.15s !important;
  color: #f8f8f4 !important;
}
.form-control::placeholder { color: #a8a8a0; opacity: 1; }
textarea.form-control {
  height: auto !important;
  min-height: 100px !important;
  line-height: 1.5 !important;
}
.form-control:focus {
  border-color: #f8f8f4 !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(248, 248, 244, 0.12) !important;
}
.form-group { margin-bottom: 18px !important; }
.form-group label,
.control-label {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: #a8a8a0 !important;
  margin-bottom: 10px !important;
}
.help-block {
  font-size: 13px;
  color: #a8a8a0;
  margin-top: 6px;
}

.alert {
  border-radius: 6px !important;
  border-width: 1px !important;
  padding: 14px 18px !important;
  font-size: 14px !important;
  background-image: none !important;
}
.alert-info { background-color: #1a2030 !important; color: #8ab4f0 !important; border-color: #2a3550 !important; }
.alert-warning { background-color: #2a2010 !important; color: #e6b870 !important; border-color: #4a3818 !important; }
.alert-danger { background-color: #2a1518 !important; color: #f08a95 !important; border-color: #4a2528 !important; }
.alert-success { background-color: #15201a !important; color: #8ac498 !important; border-color: #284532 !important; }

.well {
  background-color: #16161a !important;
  color: #f8f8f4 !important;
  border-color: #1f1f24 !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  padding: 20px !important;
}

.panel {
  border-radius: 6px !important;
  box-shadow: none !important;
  border: 1px solid #1f1f24 !important;
  background-color: #16161a !important;
}
.panel-default { border-color: #1f1f24 !important; }
.panel-heading {
  background-color: #1a1a1e !important;
  color: #f8f8f4 !important;
  border-color: #1f1f24 !important;
  border-radius: 6px 6px 0 0 !important;
  padding: 14px 18px !important;
}
.panel-title {
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: 20px !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;
}
.panel-body { padding: 20px !important; }

.pagination {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}
.pagination > li > a,
.pagination > li > span {
  color: #a8a8a0 !important;
  border-color: #2a2a30 !important;
  background-color: #16161a !important;
  border-radius: 4px !important;
  border-width: 1px !important;
  padding: 10px 14px !important;
  margin: 0 4px 4px 0 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  min-width: 40px;
  text-align: center;
  transition: all 0.15s;
}
.pagination > li > a:hover,
.pagination > li > a:focus {
  color: #f8f8f4 !important;
  border-color: #3a3a42 !important;
  background-color: #1f1f24 !important;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover {
  color: #0a0a0b !important;
  border-color: #f8f8f4 !important;
  background-color: #f8f8f4 !important;
}
.modern-pagination-wrap {
  display: flex;
  justify-content: center;
  margin-top: 56px;
  padding-top: 32px;
  border-top: 1px solid #1f1f24;
}

.breadcrumb,
.modern-breadcrumb-list {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #a8a8a0 !important;
  border-radius: 0 !important;
}
.breadcrumb > li + li::before,
.modern-breadcrumb-list > li + li::before {
  content: "/" !important;
  color: #a8a8a0 !important;
  padding: 0 10px !important;
  opacity: 0.4;
}
.breadcrumb a {
  color: #a8a8a0;
  transition: color 0.15s;
}
.breadcrumb a:hover { color: #f8f8f4; }
.breadcrumb > .active {
  color: #f8f8f4 !important;
}
.modern-breadcrumb-wrap,
.modern-breadcrumb {
  padding-bottom: 24px;
  margin-bottom: 32px;
  border-bottom: 1px solid #1f1f24;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover {
  background-color: #f8f8f4 !important;
  color: #0a0a0b !important;
  border-radius: 4px !important;
}
.list-group-item.active,
.list-group-item.active:hover {
  background-color: #f8f8f4 !important;
  color: #0a0a0b !important;
  border-color: #f8f8f4 !important;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus,
.k-tabstrip-items .k-item.k-state-active {
  border-top-color: #f8f8f4 !important;
  border-top-width: 2px !important;
}

.badge {
  background-color: #f8f8f4 !important;
  color: #0a0a0b !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  font-size: 10px !important;
  padding: 3px 7px !important;
  border-radius: 3px !important;
  min-width: 18px;
}

.modern-site-header { display: block; }

.navbar-default,
.modern-header {
  background-color: #0a0a0b !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid #1a1a1f !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin-bottom: 0 !important;
  min-height: 84px !important;
  position: relative;
}
.modern-header-inner {
  min-height: 84px;
  position: relative;
}
.modern-header-inner::after {
  content: '';
  display: table;
  clear: both;
}

.navbar-brand,
.modern-header-brand {
  padding: 18px 0 !important;
  height: auto !important;
  display: inline-block;
  font-family: 'Bebas Neue', sans-serif;
  font-size: 26px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.modern-header-brand img,
#logo {
  display: block;
  max-height: 48px;
  width: auto;
}

.navbar-default .navbar-nav > li > a,
.modern-header-nav > li > a {
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: #a8a8a0 !important;
  padding: 30px 16px !important;
  position: relative;
  transition: color 0.15s !important;
  background: transparent !important;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .open > a {
  color: #f8f8f4 !important;
  background-color: transparent !important;
}

.modern-header-nav > .active > a::after,
#nav-main > .active > a::after {
  content: '';
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 22px;
  height: 2px;
  background-color: #f8f8f4;
}

#nav-right .modern-icon-btn,
.modern-header-tools .modern-icon-btn,
#cart > a,
.search-link > a {
  width: 44px !important;
  height: 44px !important;
  margin: 20px 2px !important;
  border-radius: 6px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  color: #f8f8f4 !important;
  transition: background-color 0.15s !important;
  position: relative !important;
  font-size: 16px !important;
}
#nav-right .modern-icon-btn:hover,
.search-link > a:hover,
#cart > a:hover {
  background-color: #1f1f24 !important;
  color: #f8f8f4 !important;
}

.modern-icon-svg,
#cart > a svg,
.cart-link > a svg,
.search-link > a svg,
.modern-icon-btn svg,
.mobile-nav-btn svg {
  width: 22px !important;
  height: 22px !important;
  stroke: currentColor !important;
  fill: none !important;
  display: block !important;
  flex-shrink: 0;
  pointer-events: none;
}
.modern-search-svg {
  width: 20px !important;
  height: 20px !important;
}

#cart > a,
.cart-link > a,
.search-link > a,
#nav-right > li > a,
.modern-header-tools > li > a,
#nav-right > li.active > a,
.modern-header-tools > li.active > a {
  border: none !important;
  border-bottom: none !important;
  text-decoration: none !important;
  box-shadow: none !important;
}
#cart > a::after,
#cart > a::before,
.cart-link > a::after,
.cart-link > a::before,
.search-link > a::after,
.search-link > a::before,
#nav-right > li > a::after,
#nav-right > li > a::before,
.modern-header-tools > li > a::after,
.modern-header-tools > li > a::before,
#nav-right > .active > a::after,
#nav-right > .active > a::before,
.modern-header-tools > .active > a::after,
.modern-header-tools > .active > a::before {
  content: none !important;
  display: none !important;
  background: none !important;
  border: none !important;
  height: 0 !important;
}

#cart > .cart-count-badge,
#cart > .badge,
.cart-link > .cart-count-badge,
.cart-link > .badge,
#cartcount {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 22px !important;
  min-height: 22px !important;
  width: auto !important;
  height: auto !important;
  padding: 0 7px !important;
  margin: 0 0 0 2px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  border-radius: 4px !important;
  background-color: #f8f8f4 !important;
  color: #0a0a0b !important;
  vertical-align: middle !important;
  text-align: center !important;
  text-indent: 0 !important;
  position: relative !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  bottom: auto !important;
  z-index: 2;
}

#cart, .cart-link, .search-link {
  display: inline-flex !important;
  align-items: center !important;
  vertical-align: middle !important;
  position: relative;
}

.cart-link .dropdown-menu,
.modern-cart-dropdown {
  background-color: #16161a !important;
  border: 1px solid #1f1f24 !important;
  border-radius: 8px !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.6) !important;
  padding: 8px !important;
  min-width: 340px !important;
  margin-top: 8px !important;
  right: 0 !important;
  left: auto !important;
}
.menu-cart-item,
.modern-cart-item {
  display: flex !important;
  align-items: center;
  padding: 10px !important;
  border: none !important;
  border-radius: 4px;
  transition: background-color 0.15s;
  text-decoration: none !important;
}
.menu-cart-item:hover { background-color: #1f1f24 !important; }
.menu-cart-img {
  width: 52px;
  height: 52px;
  flex-shrink: 0;
  border-radius: 4px;
  overflow: hidden;
  background: #16161a;
  margin-right: 14px;
}
.menu-cart-img img { width: 100%; height: 100%; object-fit: cover; }
.menu-cart-info { flex: 1; min-width: 0; }
.menu-cart-name {
  color: #f8f8f4 !important;
  font-family: 'Bebas Neue', sans-serif;
  font-size: 16px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  margin-bottom: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.menu-cart-item-cost {
  color: #a8a8a0 !important;
  font-size: 13px;
}
.menu-cart-preview-count {
  color: #6c6c64 !important;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 14px 10px 8px;
  border-top: 1px solid #1f1f24;
  margin-top: 4px;
}
.menu-cart-preview-footer {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  padding: 12px 8px 4px;
}
.menu-cart-subtotal {
  color: #f8f8f4 !important;
  font-family: 'Bebas Neue', sans-serif;
  font-size: 22px;
  letter-spacing: 0.02em;
}
.menu-cart-btn {
  padding: 10px 18px !important;
  font-size: 12px !important;
}

@media (min-width: 768px) {
  html body .navbar-toggle,
  html body .modern-nav-toggle,
  html body .mobile-nav-btn,
  body .modern-mobile-cart,
  body .modern-mobile-search,
  .navbar-toggle, .modern-nav-toggle, .mobile-nav-btn {
    display: none !important;
    visibility: hidden !important;
  }
  html body .navbar-collapse,
  .modern-header-collapse {
    display: block !important;
    height: auto !important;
    visibility: visible !important;
    overflow: visible !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
  }
  .navbar-header,
  .modern-header-brand-area { float: left !important; }
  .navbar-nav,
  .modern-header-nav {
    float: left !important;
    margin: 0 !important;
  }
  .navbar-right,
  #nav-right,
  .modern-header-tools { float: right !important; margin-right: 0 !important; }
  .navbar-nav > li,
  .modern-header-nav > li,
  #nav-right > li,
  .modern-header-tools > li { float: left !important; }
}

@media (max-width: 767px) {
  #nav-right, .modern-header-tools { display: none !important; }
  .mobile-nav-btn {
    display: inline-block !important;
    float: right !important;
    padding: 18px 12px !important;
    color: #f8f8f4 !important;
    font-size: 18px !important;
    line-height: 1 !important;
    position: relative;
    text-decoration: none !important;
    background: transparent !important;
  }
  .mobile-nav-btn .badge {
    position: absolute;
    top: 6px;
    right: 0;
    background-color: #f8f8f4 !important;
    color: #0a0a0b !important;
  }
  .navbar-toggle,
  .modern-nav-toggle {
    display: block !important;
    border-color: transparent !important;
    background: transparent !important;
    margin: 20px 8px !important;
    padding: 10px !important;
    border-radius: 4px !important;
  }
  .navbar-toggle:hover { background-color: #1f1f24 !important; }
  #top-navbar .icon-bar {
    background-color: #f8f8f4 !important;
    width: 22px;
    height: 2px;
  }
  .modern-header-collapse,
  .navbar-collapse {
    border-top: 1px solid #1a1a1f !important;
    padding: 12px 15px !important;
  }
  .modern-header-nav > li > a,
  .navbar-default .navbar-nav > li > a {
    padding: 16px !important;
  }
}

.modern-banner-wrap {
  padding-top: 0;
  padding-bottom: 0;
}
.home-banner-area,
.modern-home-banner {
  border: none !important;
  border-radius: 0;
  overflow: hidden;
  background: #0a0a0b;
  position: relative;
}
.banner-full-screen .modern-banner-wrap,
.banner-full-screen .banner-container {
  max-width: 100% !important;
  padding: 0 !important;
}

.modern-main {
  padding-top: 72px;
  padding-bottom: 96px;
}

.modern-sidebar { padding-top: 4px; }
.modern-sidebar-panel,
.sidebar-panel {
  margin-bottom: 40px;
  padding-bottom: 32px;
  border-bottom: 1px solid #1f1f24;
}
.modern-sidebar-panel:last-child,
.sidebar-panel:last-child { border-bottom: none; }
.modern-sidebar-heading {
  font-family: 'Inter', sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: #a8a8a0 !important;
  margin: 0 0 16px 0 !important;
}
.modern-sidebar-heading a.btn-nav-toggle {
  float: right;
  cursor: pointer;
}

.sidebar-nav .navbar-nav,
.modern-sidebar-nav-list {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
  float: none !important;
}
.sidebar-nav .navbar-nav > li,
.modern-sidebar-nav-list > li {
  display: block;
  width: 100%;
  float: none !important;
  margin-bottom: 2px;
}
.sidebar-nav .navbar-nav > li > a,
.modern-sidebar-nav-list > li > a {
  display: flex !important;
  justify-content: space-between;
  align-items: center;
  padding: 9px 0 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #a8a8a0 !important;
  background: transparent !important;
  transition: color 0.15s !important;
}
.sidebar-nav .navbar-nav > li > a:hover,
.modern-sidebar-nav-list > li > a:hover {
  color: #f8f8f4 !important;
  background: transparent !important;
}
.sidebar-nav .navbar-nav > .active > a,
.modern-sidebar-nav-list > .active > a {
  color: #f8f8f4 !important;
  font-weight: 600 !important;
  background: transparent !important;
}

.sidebar-search .form-control,
.modern-search-input {
  height: 44px !important;
  font-size: 14px !important;
  border-radius: 4px !important;
  border-color: #2a2a30 !important;
  margin-bottom: 8px;
}
.sidebar-search .btn,
.modern-search-button {
  height: 44px !important;
  border-radius: 4px !important;
  padding: 0 20px !important;
  background-color: #f8f8f4 !important;
  color: #0a0a0b !important;
  border-color: #f8f8f4 !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}

.sidebar-featured-product,
.modern-sidebar-feature {
  display: flex !important;
  align-items: center;
  padding: 10px 0;
  margin-bottom: 4px;
}
.modern-feature-image {
  width: 60px;
  height: 60px;
  flex-shrink: 0;
  border-radius: 4px;
  overflow: hidden;
  background: #16161a;
  margin-right: 14px;
}
.modern-feature-image img { width: 100%; height: 100%; object-fit: cover; }
.modern-feature-info { flex: 1; min-width: 0; }
.modern-feature-name,
.sidebar-featured-product .featured-info h3 {
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: 18px !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;
  margin: 0 0 2px 0 !important;
}
.modern-feature-name a,
.sidebar-featured-product .featured-info h3 a { color: #f8f8f4; }
.view-detail,
.modern-feature-link {
  font-size: 11px !important;
  color: #a8a8a0 !important;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  font-weight: 700;
}
.view-detail:hover,
.modern-feature-link:hover { color: #f8f8f4 !important; }

.modern-category-content { padding-left: 48px; }
@media (max-width: 991px) {
  .modern-category-content { padding-left: 15px; padding-top: 32px; }
}
.modern-category-header { margin-bottom: 48px; }
.modern-category-header h1,
.categoryName {
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: 72px !important;
  letter-spacing: 0.015em !important;
  line-height: 0.95 !important;
  text-transform: uppercase !important;
  margin-bottom: 12px !important;
  color: #f8f8f4 !important;
}
.modern-category-header .categoryDescription,
.modern-category-header p {
  font-size: 15px !important;
  color: #a8a8a0 !important;
  line-height: 1.55;
  max-width: 680px;
}

.modern-prod-cat-list,
.prod-cat-list {
  margin: 0 -2px !important;
}
.modern-prod-cat-list > div,
.prod-cat-list > div {
  padding: 0 2px !important;
  margin-bottom: 4px;
}

.modern-prod-cat-item,
.prod-cat-item {
  background-color: #16161a !important;
  border: 1px solid #1f1f24 !important;
  color: #f8f8f4 !important;
  border-radius: 6px;
  overflow: hidden;
  transition: border-color 0.2s, transform 0.25s;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.modern-prod-cat-item:hover,
.prod-cat-item:hover {
  border-color: #3a3a42 !important;
  transform: translateY(-2px);
}

.modern-img-wrap,
.prod-cat-item .img-wrap {
  background:
    linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px),
    linear-gradient(135deg, #16161a 0%, #0a0a0b 100%);
  background-size: 20px 20px, 20px 20px, cover;
  overflow: hidden;
  position: relative;
}
.modern-img-link img,
.prod-cat-item .img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.modern-caption,
.prod-cat-item .caption {
  padding: 22px 24px !important;
  flex: 1;
  display: flex;
  flex-direction: column;
  border-top: 1px solid #1f1f24;
  background: #16161a;
}

.modern-card-title,
.prod-cat-item h3,
.prod-cat-item .skinsetting-prod-caption-heading {
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: 24px !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
  margin: 0 0 8px 0 !important;
  color: #f8f8f4 !important;
}
.modern-card-title a,
.prod-cat-item h3 a { color: #f8f8f4; }
.modern-card-title a:hover { color: #a8a8a0; }

.single-line-product-heading .modern-card-title,
.single-line-product-heading .skinsetting-prod-caption-heading {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.modern-card-short,
.prod-cat-item .cat-short,
.prod-cat-item .prod-short {
  font-size: 13px !important;
  color: #a8a8a0 !important;
  line-height: 1.5 !important;
  margin-bottom: 16px;
}

.modern-card-meta {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding-top: 16px;
  margin-top: auto;
  border-top: 1px solid #1f1f24;
}
.modern-card-price,
.prod-teaserprice,
.teaserPrice {
  color: #f8f8f4 !important;
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: 26px !important;
  letter-spacing: 0.02em !important;
  line-height: 1 !important;
}
.modern-quickview-btn {
  padding: 7px 14px !important;
  font-size: 11px !important;
}

.hcategory .modern-prod-cat-item .modern-card-title {
  font-size: 28px !important;
}

.modern-featured-section {
  margin-top: 80px;
  padding-top: 56px;
  border-top: 1px solid #1f1f24;
}
.modern-featured-products h2,
.featured-products h2,
.modern-section-heading {
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: 48px !important;
  letter-spacing: 0.015em !important;
  text-transform: uppercase !important;
  margin-bottom: 32px !important;
  color: #f8f8f4 !important;
}
.featured-prod-item,
.modern-featured-item {
  background-color: #16161a;
  border: 1px solid #1f1f24;
  border-radius: 6px;
  overflow: hidden;
  transition: border-color 0.15s, transform 0.2s;
}
.featured-prod-item:hover,
.modern-featured-item:hover {
  border-color: #3a3a42;
  transform: translateY(-2px);
}
.featured-prod-item .caption,
.modern-featured-item .modern-caption { padding: 18px 22px; }
.featured-prod-link,
.modern-featured-link {
  display: inline-block;
  font-size: 11px;
  color: #a8a8a0;
  text-transform: uppercase;
  letter-spacing: 0.10em;
  font-weight: 700;
  margin-top: 10px;
  transition: color 0.15s;
}
.featured-prod-link:hover,
.modern-featured-link:hover { color: #f8f8f4; }

.modern-product-detail,
.product-detail {
  padding-top: 8px;
}
.modern-product-name,
.product-detail > h1.product-name {
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: 64px !important;
  letter-spacing: 0.015em !important;
  line-height: 0.95 !important;
  text-transform: uppercase !important;
  margin-bottom: 32px !important;
  color: #f8f8f4 !important;
}
.modern-product-detail-row { margin-top: 8px; }

.modern-product-gallery-col { padding-right: 40px; }
@media (max-width: 991px) {
  .modern-product-gallery-col { padding-right: 15px; }
}

.modern-product-gallery .product-gallery-primary {
  background:
    linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px),
    linear-gradient(135deg, #16161a 0%, #0a0a0b 100%);
  background-size: 32px 32px, 32px 32px, cover;
  border-radius: 6px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border: 1px solid #1f1f24;
  margin-bottom: 12px;
  padding: 32px;
}
.modern-product-gallery .product-gallery-primary img,
.product-image-gallery .product-gallery-primary img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.modern-gallery-intro,
.gallery-intro {
  position: absolute;
  bottom: 14px;
  right: 14px;
  background: rgba(10, 10, 11, 0.78);
  border: 1px solid #2a2a30;
  color: #a8a8a0 !important;
  font-size: 11px !important;
  font-weight: 700;
  padding: 7px 12px;
  border-radius: 3px;
  display: inline-flex;
  align-items: center;
  letter-spacing: 0.10em;
  text-transform: uppercase;
}
.modern-gallery-intro i,
.gallery-intro i { margin-right: 6px; }

.modern-gallery-carousel,
.product-gallery-carousel { margin-top: 12px; }
.modern-gallery-thumb,
.product-gallery-carousel-item {
  background-image: url("images/loading.gif") !important;
  background-color: #16161a !important;
  border-radius: 4px !important;
  overflow: hidden;
  border: 1px solid #1f1f24 !important;
}
.modern-gallery-thumb.loaded,
.product-gallery-carousel-item.loaded { background-image: none !important; }
.modern-gallery-thumb > a.gallery-current,
.product-gallery-carousel-item > a.gallery-current {
  box-shadow: 0 0 0 2px #f8f8f4 inset !important;
  border-radius: 4px;
}

.modern-product-buy-col { padding-left: 24px; }
@media (max-width: 991px) {
  .modern-product-buy-col { padding-left: 15px; padding-top: 32px; }
}

.modern-product-short {
  color: #a8a8a0;
  font-size: 16px;
  line-height: 1.55;
  margin-bottom: 28px;
}
.modern-product-short p { margin: 0; }

.modern-product-spec,
.product-inventory,
.product-partnumber {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding: 16px 0;
  border-top: 1px solid #1f1f24;
  font-size: 14px;
}
.modern-product-spec:last-of-type,
.product-inventory:last-of-type,
.product-partnumber:last-of-type {
  border-bottom: 1px solid #1f1f24;
}
.modern-product-spec .label,
.product-inventory .label,
.product-partnumber .label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #a8a8a0;
}

.modern-pricing-block { margin: 32px 0; }

.modern-add-to-cart-area { margin-top: 20px; }

.modern-file-upload-area { margin: 20px 0; }
.modern-file-upload-select { margin-bottom: 14px; }

.file-upload-control,
.modern-file-control {
  display: table !important;
  width: 100%;
  border-collapse: separate;
}
.file-upload-name,
.modern-file-name {
  background: #16161a !important;
  border: 1px solid #2a2a30 !important;
  border-right: none !important;
  border-radius: 4px 0 0 4px !important;
  height: 44px !important;
  padding: 11px 14px !important;
  font-size: 13px !important;
  display: table-cell !important;
  width: 100%;
  vertical-align: middle;
  color: #f8f8f4 !important;
}
.file-upload-control .input-group-btn,
.modern-file-control .input-group-btn {
  display: table-cell !important;
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.file-upload-button,
.modern-file-button,
.btn.file-upload-button {
  border-radius: 0 4px 4px 0 !important;
  height: 44px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 0 20px !important;
  position: relative !important;
  overflow: hidden !important;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
}
input[type="file"].file-upload-input,
.file-upload-input {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  cursor: pointer !important;
  font-size: 100px !important;
  z-index: 2 !important;
  display: block !important;
  background: transparent !important;
  border: none !important;
}

.input-group {
  display: table !important;
  border-collapse: separate;
}
.input-group .form-control {
  display: table-cell !important;
  height: 44px !important;
  vertical-align: middle;
  border-radius: 4px 0 0 4px !important;
}
.input-group .input-group-btn {
  display: table-cell !important;
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group .input-group-btn .btn,
.input-group-btn > .btn {
  height: 44px !important;
  border-radius: 0 4px 4px 0 !important;
  padding: 12px 20px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
}
.input-group-btn:first-child > .btn {
  border-radius: 4px 0 0 4px !important;
}

#tCosts {
  border: 1px solid #1f1f24 !important;
  border-radius: 6px;
  overflow: hidden;
}
#tCosts td {
  border-bottom-color: #1f1f24 !important;
  background-color: #16161a !important;
  padding: 14px 18px !important;
  color: #f8f8f4 !important;
}
.calculatorTotal {
  color: #f8f8f4 !important;
  font-family: 'Bebas Neue', sans-serif;
  font-size: 22px !important;
  letter-spacing: 0.02em;
}
.reuqired-file-info {
  color: #f08a95 !important;
  font-size: 13px;
  font-weight: 600;
}

#suggestiveSellWrap,
.modern-suggested-wrap {
  margin-top: 80px;
  padding-top: 56px;
  border-top: 1px solid #1f1f24;
}
.suggested-products,
.modern-suggested-carousel { margin-top: 12px; }
.suggested-item,
.modern-suggested-item {
  background: #16161a;
  border: 1px solid #1f1f24;
  border-radius: 6px;
  overflow: hidden;
  transition: border-color 0.15s;
}
.suggested-item:hover { border-color: #3a3a42; }
.suggested-item-info,
.modern-suggested-info { padding: 16px 18px; }
.suggested-item-name,
.modern-suggested-info .modern-card-title {
  color: #f8f8f4 !important;
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: 18px !important;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.suggested-item-link,
.modern-suggested-link {
  display: inline-block;
  font-size: 11px;
  color: #a8a8a0;
  text-transform: uppercase;
  letter-spacing: 0.10em;
  font-weight: 700;
  margin-top: 8px;
}
.suggestive-heading {
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: 36px !important;
  letter-spacing: 0.015em !important;
  text-transform: uppercase !important;
  margin-bottom: 24px !important;
}

.modern-kit-items { margin: 28px 0; }
.kit-set-item {
  margin-bottom: 14px !important;
  padding: 22px !important;
}
.kit-set-item h4 {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 18px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.loginForm,
.search-result,
.assetList-item-details,
.saveForLaterProduct-details,
.addressEntry-inner,
.user-entry-info {
  border-color: #1f1f24 !important;
  background-color: #16161a !important;
  color: #f8f8f4 !important;
  border-radius: 6px !important;
  padding: 28px !important;
  border-width: 1px !important;
}
.loginForm legend {
  color: #f8f8f4 !important;
  background-color: #1a1a1e !important;
  border-color: #1f1f24 !important;
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: 18px !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;
  padding: 8px 18px !important;
  border-radius: 4px !important;
  width: auto !important;
  margin-bottom: 20px !important;
}

.addressEntry-edit-buttons,
.locationEntry-edit-buttons,
.user-list-entry-edit-buttons {
  border-top-color: #1f1f24 !important;
  padding-top: 18px !important;
  margin-top: 18px !important;
}

#profileTabs .k-tabstrip-items a {
  color: #a8a8a0 !important;
  font-weight: 600 !important;
}
#profileTabs .k-tabstrip-items .k-state-active a {
  color: #f8f8f4 !important;
}

.previewPage img {
  border-color: #1f1f24 !important;
  border-radius: 4px;
}

.owl-custom-theme .owl-nav [class*="owl-"] {
  border: 1px solid #1f1f24 !important;
  background-color: #16161a !important;
  color: #f8f8f4 !important;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.15s;
}
.owl-custom-theme .owl-nav [class*="owl-"]:hover:not(.disabled) {
  border-color: #f8f8f4 !important;
  color: #f8f8f4 !important;
  background-color: #1f1f24 !important;
}
.owl-custom-theme .owl-dots .owl-dot span {
  background-color: #1f1f24 !important;
  width: 8px;
  height: 8px;
  border-radius: 999px;
}
.owl-custom-theme .owl-dots .owl-dot.active span {
  background-color: #f8f8f4 !important;
}

.k-pager-wrap {
  font-family: 'Inter', sans-serif !important;
  font-size: 14px;
}
.k-pager-numbers .k-state-selected {
  background-color: #f8f8f4 !important;
  border-color: #f8f8f4 !important;
  color: #0a0a0b !important;
  border-radius: 4px !important;
}

.partial-page { background-color: #0a0a0b !important; }
.cart-saveforlater-list,
.collapse-panel,
.content-panel {
  border-color: #1f1f24 !important;
  border-radius: 6px !important;
}

.partial-page input.form-control,
.partial-page .form-control,
.cart-empty input,
.cart-empty .form-control,
.empty-cart input,
.empty-cart .form-control,
.empty-cart-search input,
.empty-cart-search .form-control,
.searchproduct,
input.searchproduct,
.fa-search + input,
.fa-search + .form-control,
.fa-search ~ input,
.fa-search ~ .form-control,
input[placeholder*="Searching"],
input[placeholder*="searching"],
input[placeholder*="Search!" i],
input[placeholder*="Try Search" i],
.form-control[placeholder*="Searching"],
.form-control[placeholder*="searching"],
.form-control[placeholder*="Search!" i],
.form-control[placeholder*="Try Search" i] {
  padding-left: 44px !important;
}
.partial-page .fa-search,
.cart-empty .fa-search,
.empty-cart .fa-search,
.empty-cart-search .fa-search {
  pointer-events: none;
  color: #a8a8a0 !important;
}

.modern-order-summary { margin-bottom: 36px; }
.modern-summary-details {
  background: #16161a;
  border: 1px solid #1f1f24;
  border-radius: 6px;
  padding: 28px;
  margin-bottom: 28px;
}
.modern-summary-items .panel { margin-bottom: 14px !important; }

.modern-footer,
.footer.modern-footer,
footer.footer.modern-footer {
  color: #a8a8a0 !important;
  background-color: #08080a !important;
  margin-top: 96px;
  padding: 80px 0 32px !important;
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  border-top: 1px solid #1f1f24;
}
.modern-footer .footer-inner,
.modern-footer-inner {
  width: 100%;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
  box-sizing: border-box;
  border-top: none !important;
}
@media (max-width: 1199px) {
  .modern-footer-inner { max-width: 970px; padding-left: 15px; padding-right: 15px; }
}
@media (max-width: 991px) {
  .modern-footer-inner { max-width: 750px; }
}
@media (max-width: 767px) {
  .modern-footer-inner { max-width: 100%; }
}
.modern-footer-columns,
.modern-footer .row:first-child {
  margin-bottom: 56px;
}
.modern-footer-col { padding-bottom: 20px; }

@media (min-width: 992px) {
  .modern-footer-columns .modern-footer-col:only-child {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
  }
  .modern-footer-columns .modern-footer-col:first-child:nth-last-child(2),
  .modern-footer-columns .modern-footer-col:first-child:nth-last-child(2) ~ .modern-footer-col {
    width: 50% !important;
    max-width: 50% !important;
  }
}

.modern-footer-bottom:not(:has(.copyright)):not(:has(.contentsharelinks)) {
  display: none !important;
}

.modern-footer-brand-col { max-width: none; }

.modern-footer .custom-html,
.modern-footer .contactblcok,
.modern-footer .footermodule {
  text-indent: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}
.modern-footer .custom-html p,
.modern-footer .contactblcok p,
.modern-footer .footermodule p {
  text-indent: 0 !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}
.modern-footer blockquote {
  border: none !important;
  margin: 0 0 14px 0 !important;
  padding: 0 !important;
  font-size: inherit !important;
  font-style: normal !important;
}
.modern-footer ul,
.modern-footer ol {
  margin-left: 0 !important;
  padding-left: 20px !important;
}

.modern-footer h1, .modern-footer .footer-column h1,
.modern-footer h2, .modern-footer .footer-column h2,
.modern-footer h3, .modern-footer .footer-column h3,
.modern-footer h4, .modern-footer .footer-column h4,
.modern-footer h5, .modern-footer .footer-column h5,
.modern-footer h6, .modern-footer .footer-column h6 {
  color: #f8f8f4 !important;
  font-family: 'Bebas Neue', 'Inter', sans-serif !important;
  font-weight: 400 !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;
  margin-bottom: 12px !important;
  margin-top: 20px !important;
  opacity: 1 !important;
}
.modern-footer h1, .modern-footer .footer-column h1 { font-size: 32px !important; }
.modern-footer h2, .modern-footer .footer-column h2 { font-size: 26px !important; }
.modern-footer h3, .modern-footer .footer-column h3 { font-size: 22px !important; }
.modern-footer h4, .modern-footer .footer-column h4 {
  font-family: 'Inter', sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
}
.modern-footer h5, .modern-footer .footer-column h5 { font-size: 16px !important; }
.modern-footer h6, .modern-footer .footer-column h6 {
  font-family: 'Inter', sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

.modern-footer h1:first-child, .modern-footer h2:first-child,
.modern-footer h3:first-child, .modern-footer h4:first-child,
.modern-footer .footer-column h1:first-child,
.modern-footer .footer-column h2:first-child,
.modern-footer .footer-column h3:first-child,
.modern-footer .footer-column h4:first-child {
  margin-top: 0 !important;
}

.modern-footer, .modern-footer-inner,
.modern-footer p, .modern-footer-inner p,
.modern-footer li, .modern-footer-inner li,
.modern-footer span, .modern-footer-inner span,
.modern-footer td, .modern-footer-inner td,
.modern-footer strong, .modern-footer-inner strong,
.modern-footer b, .modern-footer-inner b,
.modern-footer em, .modern-footer-inner em,
.modern-footer .custom-html, .modern-footer-inner .custom-html,
.modern-footer .contactblcok, .modern-footer-inner .contactblcok,
.modern-footer .footermodule, .modern-footer-inner .footermodule {
  color: #a8a8a0 !important;
}

.modern-footer .footer-column a,
.footer-nav a {
  color: #a8a8a0 !important;
  font-size: 14px;
  font-weight: 500;
  transition: color 0.15s;
}
.modern-footer .footer-column a:hover,
.footer-nav a:hover {
  color: #f8f8f4 !important;
  text-decoration: none;
}
.modern-footer-nav ul,
.footer-nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.modern-footer-nav li,
.footer-nav li { margin-bottom: 10px; }

.modern-footer-bottom {
  padding-top: 32px;
  border-top: 1px solid #1f1f24;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  color: #a8a8a0;
}
.modern-footer-copyright { display: inline-block; }
.modern-footer-copyright #tagline { display: inline; }
.modern-footer-share { float: right; }
.modern-footer-share a {
  margin-left: 14px;
  color: #a8a8a0 !important;
}
.modern-footer-share a:hover { color: #f8f8f4 !important; }

.dropdown-menu,
.modern-dropdown {
  border-radius: 8px !important;
  border: 1px solid #1f1f24 !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.6) !important;
  padding: 6px !important;
  background: #16161a !important;
  margin-top: 4px !important;
}
.dropdown-menu > li > a,
.modern-dropdown > li > a {
  padding: 11px 14px !important;
  border-radius: 4px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  color: #f8f8f4 !important;
  transition: background-color 0.15s !important;
}
.dropdown-menu > li > a:hover,
.modern-dropdown > li > a:hover {
  background-color: #1f1f24 !important;
  color: #f8f8f4 !important;
}

img.img-responsive,
.img-responsive {
  border-radius: 4px;
}

hr {
  border-top-color: #1f1f24 !important;
  margin: 40px 0;
}

::selection {
  background-color: #f8f8f4;
  color: #0a0a0b;
}

html { scroll-behavior: smooth; }

@media (max-width: 1199px) {
  h1, .h1 { font-size: 48px; }
  h2, .h2 { font-size: 36px; }
  .modern-category-header h1,
  .categoryName { font-size: 56px !important; }
  .modern-product-name,
  .product-detail > h1.product-name { font-size: 48px !important; }
}

@media (max-width: 991px) {
  h1, .h1 { font-size: 40px; }
  h2, .h2 { font-size: 30px; }
  .modern-main { padding-top: 48px; }
  .modern-featured-section,
  #suggestiveSellWrap,
  .modern-suggested-wrap {
    margin-top: 56px;
    padding-top: 40px;
  }
  .modern-footer { padding: 64px 0 28px !important; margin-top: 64px; }
  .modern-category-header h1,
  .categoryName { font-size: 44px !important; }
  .modern-product-name,
  .product-detail > h1.product-name { font-size: 36px !important; }
}

@media (max-width: 768px) {
  .modern-prod-cat-list > div { width: 50%; }
}