/** Shopify CDN: Minification failed

Line 49:0 All "@import" rules must come first

**/
/*
  Falken Shopify Theme - Custom Styles
  Brand Colors: Teal on Dark
  Dark Mode Only
*/

:root {
  /* Falken Brand Colors */
  --falken-primary: #0f7278;
  --falken-theme: #1e7278;
  --falken-info: #0f77b8;

  /* Dark Mode Colors */
  --falken-bg: #121519;
  --falken-text: rgba(255, 255, 255, 0.7);
  --falken-heading: #ffffff;
  --falken-border: rgba(255, 255, 255, 0.13);

  /* Component Styling */
  --falken-radius: 1rem;
  --falken-radius-lg: 1.5rem;
  --falken-shadow: 0 0.4375rem 1.25rem rgba(0, 0, 0, 0.4);
  --falken-transition: 0.25s ease-in-out;
}

/* Force dark mode globally */
html, [data-bs-theme="light"] {
  --bs-body-bg: var(--falken-bg) !important;
  --bs-body-color: var(--falken-text) !important;
  --bs-heading-color: var(--falken-heading) !important;
  --bs-border-color: var(--falken-border) !important;
  --bs-primary: var(--falken-primary) !important;
  --bs-primary-rgb: 15, 114, 120 !important;
  --bs-link-color: var(--falken-primary) !important;
  --bs-link-hover-color: #0d5a5f !important;
}

body {
  background-color: var(--falken-bg) !important;
  color: var(--falken-text) !important;
}

/* Typography - aktiv-grotesk */
@import url('https://use.typekit.net/xxxxxxx.css'); /* Replace with actual Typekit ID if available */

body {
  font-family: 'aktiv-grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'aktiv-grotesk', sans-serif;
  font-weight: 600;
  line-height: 1.3;
  color: var(--falken-heading);
}

/* Override Bootstrap primary colors with Falken brand */
.btn-primary {
  --bs-btn-bg: var(--falken-primary);
  --bs-btn-border-color: var(--falken-primary);
  --bs-btn-hover-bg: #0d5a5f;
  --bs-btn-hover-border-color: #0d5a5f;
  --bs-btn-active-bg: #0b4d52;
  --bs-btn-active-border-color: #0b4d52;
  padding: 0.825rem 1.75rem;
  border-radius: var(--falken-radius);
  transition: var(--falken-transition);
}

.btn-outline-primary {
  --bs-btn-color: var(--falken-primary);
  --bs-btn-border-color: var(--falken-primary);
  --bs-btn-hover-bg: var(--falken-primary);
  --bs-btn-hover-border-color: var(--falken-primary);
  --bs-btn-hover-color: #fff;
  --bs-btn-active-bg: #0d5a5f;
  padding: 0.825rem 1.75rem;
  border-radius: var(--falken-radius);
  transition: var(--falken-transition);
}

.btn-light, .btn-outline-light {
  border-radius: var(--falken-radius);
  padding: 0.825rem 1.75rem;
  transition: var(--falken-transition);
}

.text-primary {
  color: var(--falken-primary) !important;
}

.bg-primary {
  background-color: var(--falken-primary) !important;
}

.bg-dark, .bg-light, .bg-secondary {
  background-color: var(--falken-bg) !important;
}

a {
  color: var(--falken-primary);
  transition: var(--falken-transition);
}

a:hover {
  color: #0d5a5f;
}

/* Cards */
.card {
  background-color: rgba(255, 255, 255, 0.03);
  border: 1px solid var(--falken-border);
  border-radius: var(--falken-radius-lg);
  padding: 2.375rem;
  transition: var(--falken-transition);
}

.card:hover {
  box-shadow: var(--falken-shadow);
}

.card-body {
  padding: 2.375rem;
}

/* Navbar / Header */
.navbar {
  background-color: var(--falken-bg) !important;
  border-bottom: 1px solid var(--falken-border);
}

.navbar-brand img {
  height: 50px;
  width: auto;
}

.nav-link {
  color: var(--falken-text) !important;
  transition: var(--falken-transition);
}

.nav-link:hover, .nav-link.active {
  color: var(--falken-heading) !important;
}

/* Footer */
.footer, footer {
  background-color: var(--falken-bg) !important;
  border-top: 1px solid var(--falken-border);
}

/* Forms */
.form-control, .form-select {
  background-color: rgba(255, 255, 255, 0.05);
  border: 1px solid var(--falken-border);
  border-radius: var(--falken-radius);
  color: var(--falken-text);
  transition: var(--falken-transition);
}

.form-control:focus, .form-select:focus {
  background-color: rgba(255, 255, 255, 0.08);
  border-color: var(--falken-primary);
  box-shadow: 0 0 0 0.25rem rgba(15, 114, 120, 0.25);
  color: var(--falken-heading);
}

.form-control::placeholder {
  color: rgba(255, 255, 255, 0.4);
}

.input-group-text {
  background-color: rgba(255, 255, 255, 0.05);
  border: 1px solid var(--falken-border);
  color: var(--falken-text);
}

/* Container widths */
.container {
  padding-left: 2rem;
  padding-right: 2rem;
}

@media (min-width: 1400px) {
  .container {
    max-width: 1328px;
  }
}

@media (max-width: 1399px) {
  .container {
    max-width: 95%;
  }
}

/* Shopify-specific adjustments */
.shopify-payment-button__button {
  border-radius: var(--falken-radius) !important;
}

.shopify-payment-button__more-options {
  font-size: 0.875rem;
  color: var(--falken-text);
}

/* Product card hover effects */
.card-hover {
  transition: transform var(--falken-transition), box-shadow var(--falken-transition);
}

.card-hover:hover {
  transform: translateY(-4px);
  box-shadow: var(--falken-shadow);
}

/* Count input styling */
.count-input {
  display: inline-flex;
  align-items: center;
}

.count-input .btn-icon {
  width: 40px;
  height: 40px;
  padding: 0;
  border: 1px solid var(--falken-border);
  background: transparent;
  color: var(--falken-text);
  border-radius: var(--falken-radius);
}

.count-input .btn-icon:hover {
  background: rgba(255, 255, 255, 0.1);
  color: var(--falken-heading);
}

.count-input .form-control {
  width: 60px;
  text-align: center;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

/* Zoom effect for category cards */
.zoom-effect {
  position: relative;
  overflow: hidden;
  border-radius: var(--falken-radius-lg);
}

.zoom-effect-wrapper {
  overflow: hidden;
}

.zoom-effect-img {
  transition: transform 0.5s ease;
}

.zoom-effect:hover .zoom-effect-img {
  transform: scale(1.05);
}

/* Price styling */
del {
  opacity: 0.6;
  color: var(--falken-text);
}

/* Badge styling */
.badge {
  font-weight: 500;
  border-radius: var(--falken-radius);
}

.badge.bg-success {
  background-color: var(--falken-primary) !important;
}

/* Payment icons */
.payment-icon {
  height: 24px;
  width: auto;
  opacity: 0.7;
}

/* RTE (Rich Text Editor) content styling */
.rte {
  color: var(--falken-text);
}

.rte h1, .rte h2, .rte h3, .rte h4, .rte h5, .rte h6 {
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  color: var(--falken-heading);
}

.rte h1:first-child, .rte h2:first-child, .rte h3:first-child {
  margin-top: 0;
}

.rte p {
  margin-bottom: 1rem;
}

.rte img {
  max-width: 100%;
  height: auto;
  border-radius: var(--falken-radius);
}

.rte ul, .rte ol {
  padding-left: 1.5rem;
  margin-bottom: 1rem;
}

.rte li {
  margin-bottom: 0.5rem;
}

.rte blockquote {
  border-left: 4px solid var(--falken-primary);
  padding-left: 1rem;
  margin: 1.5rem 0;
  font-style: italic;
  color: var(--falken-text);
}

.rte table {
  width: 100%;
  margin-bottom: 1rem;
  border-collapse: collapse;
}

.rte table th,
.rte table td {
  padding: 0.75rem;
  border: 1px solid var(--falken-border);
}

.rte table th {
  background-color: rgba(255, 255, 255, 0.05);
  font-weight: 600;
  color: var(--falken-heading);
}

/* Product gallery */
.product-gallery-main .swiper-slide {
  overflow: hidden;
  border-radius: var(--falken-radius-lg);
}

.product-gallery-thumbs .swiper-slide {
  opacity: 0.5;
  cursor: pointer;
  transition: opacity var(--falken-transition);
  border-radius: var(--falken-radius);
}

.product-gallery-thumbs .swiper-slide-thumb-active,
.product-gallery-thumbs .swiper-slide:hover {
  opacity: 1;
}

/* Cart offcanvas */
.offcanvas {
  background-color: var(--falken-bg);
  border-left: 1px solid var(--falken-border);
}

.offcanvas-header {
  border-bottom: 1px solid var(--falken-border);
}

.offcanvas-title {
  color: var(--falken-heading);
}

#cartOffcanvas .offcanvas-body {
  overflow-y: auto;
}

/* Modal */
.modal-content {
  background-color: var(--falken-bg);
  border: 1px solid var(--falken-border);
  border-radius: var(--falken-radius-lg);
}

.modal-header {
  border-bottom: 1px solid var(--falken-border);
}

.modal-footer {
  border-top: 1px solid var(--falken-border);
}

/* Filter offcanvas */
#shopFilters .widget-title {
  font-size: 1rem;
  font-weight: 600;
  color: var(--falken-heading);
}

/* Price range slider */
.range-slider .noUi-connect {
  background: var(--falken-primary);
}

.range-slider .noUi-handle {
  border-radius: 50%;
  box-shadow: var(--falken-shadow);
}

/* Alerts */
.alert {
  border: 0;
  border-radius: var(--falken-radius);
}

.alert-success {
  background-color: rgba(15, 114, 120, 0.2);
  color: var(--falken-primary);
}

.alert-danger {
  background-color: rgba(239, 68, 68, 0.2);
  color: #ef4444;
}

/* Form validation */
.form-control.is-invalid,
.was-validated .form-control:invalid {
  border-color: #ef4444;
}

.form-control.is-valid,
.was-validated .form-control:valid {
  border-color: var(--falken-primary);
}

/* Accordion styling */
.accordion {
  --bs-accordion-bg: transparent;
  --bs-accordion-border-color: var(--falken-border);
}

.accordion-button {
  background-color: transparent;
  color: var(--falken-heading);
}

.accordion-button:not(.collapsed) {
  background-color: transparent;
  box-shadow: none;
  color: var(--falken-primary);
}

.accordion-button:focus {
  box-shadow: none;
  border-color: var(--falken-primary);
}

.accordion-body {
  color: var(--falken-text);
}

/* Dropdown */
.dropdown-menu {
  background-color: var(--falken-bg);
  border: 1px solid var(--falken-border);
  border-radius: var(--falken-radius);
  box-shadow: var(--falken-shadow);
}

.dropdown-item {
  color: var(--falken-text);
  transition: var(--falken-transition);
}

.dropdown-item:hover, .dropdown-item:focus {
  background-color: rgba(255, 255, 255, 0.05);
  color: var(--falken-heading);
}

/* Object fit utilities */
.object-fit-cover {
  object-fit: cover;
}

.object-fit-contain {
  object-fit: contain;
}

/* Back to top button adjustments */
.btn-scroll-top {
  position: fixed;
  right: 1.5rem;
  bottom: 1.5rem;
  z-index: 1025;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  opacity: 0;
  visibility: hidden;
  transition: all var(--falken-transition);
  background-color: var(--falken-primary);
  border-radius: var(--falken-radius);
  color: #fff;
}

.btn-scroll-top:hover {
  background-color: #0d5a5f;
}

.btn-scroll-top.show {
  opacity: 1;
  visibility: visible;
}

/* Breadcrumb */
.breadcrumb {
  background: transparent;
}

.breadcrumb-item a {
  color: var(--falken-text);
}

.breadcrumb-item.active {
  color: var(--falken-heading);
}

/* Pagination */
.page-link {
  background-color: transparent;
  border-color: var(--falken-border);
  color: var(--falken-text);
  border-radius: var(--falken-radius);
  transition: var(--falken-transition);
}

.page-link:hover {
  background-color: rgba(255, 255, 255, 0.05);
  border-color: var(--falken-primary);
  color: var(--falken-heading);
}

.page-item.active .page-link {
  background-color: var(--falken-primary);
  border-color: var(--falken-primary);
}

/* Tables */
.table {
  --bs-table-bg: transparent;
  --bs-table-border-color: var(--falken-border);
  color: var(--falken-text);
}

.table th {
  color: var(--falken-heading);
}

/* Hero section overrides */
.jarallax, .bg-dark {
  background-color: var(--falken-bg) !important;
}

/* Section backgrounds */
section {
  background-color: var(--falken-bg);
}

/* Text utilities */
.text-body, .text-body-secondary, .text-body-tertiary {
  color: var(--falken-text) !important;
}

.text-dark, .text-light {
  color: var(--falken-heading) !important;
}

.text-muted {
  color: rgba(255, 255, 255, 0.5) !important;
}

/* Border utilities */
.border, .border-top, .border-bottom, .border-start, .border-end {
  border-color: var(--falken-border) !important;
}

/* Responsive adjustments */
@media (max-width: 767.98px) {
  .count-input .btn-icon {
    width: 36px;
    height: 36px;
  }

  .count-input .form-control {
    width: 48px;
  }

  .container {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

/* Print styles */
@media print {
  .navbar,
  .footer,
  .btn-scroll-top,
  #cartOffcanvas,
  #searchModal {
    display: none !important;
  }

  body {
    background: #fff !important;
    color: #000 !important;
  }
}

/* Hide theme switcher (dark mode only) */
.mode-switch,
[data-bs-toggle="mode"],
.form-check.mode-switch {
  display: none !important;
}