/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

/*
  Sible / J2Commerce / Gantry 5
  Clean IKEA-style product page
  No menu ID or product ID needed
*/
:root {
  --shop-base-bg: #595959;
  --shop-nav-bg: #000000;
  --shop-header-bg: #312f38;
  --shop-text: #424753;
  --shop-dark-text: #000000;
  --shop-light-text: #ffffff;
  --shop-surface: #f4f5f7;
  --shop-card: #ffffff;
  --shop-accent-green: #60a63c;
  --shop-accent-green-dark: #34552f;
  --shop-accent-tan: #bea27b;
  --shop-hover-dark: #302b2b;
  --shop-border: rgba(66, 71, 83, 0.16);
  --shop-border-strong: rgba(66, 71, 83, 0.28);
  --shop-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
}
/* Main product area */
#g-main .j2store, #g-main .j2store-product-list, #g-main .j2store-products {
  color: var(--shop-text);
}
#g-main .j2store-product-list, #g-main .j2store-products {
  background: var(--shop-surface);
  padding: 24px;
  border-radius: 18px;
}
/* Product grid: scalable */
#g-main .j2store-products, #g-main .j2store-product-list .row {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(190px, 1fr));
  gap: 38px 30px;
  align-items: start;
  margin: 0 !important;
}
/* Remove Bootstrap column behaviour inside grid */
#g-main .j2store-product-list .row > [class*="span"], #g-main .j2store-product-list .row > [class*="col-"], #g-main .j2store-products > [class*="span"], #g-main .j2store-products > [class*="col-"] {
  width: auto !important;
  max-width: none !important;
  flex: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
/* Product cards */
#g-main .j2store-product, #g-main .j2store-single-product, #g-main .product, #g-main .product-item {
  background: var(--shop-card);
  border: 1px solid transparent;
  border-radius: 2px;
  padding: 0;
  overflow: hidden;
  box-shadow: none;
  transition: 0.18s ease;
}
#g-main .j2store-product:hover, #g-main .j2store-single-product:hover, #g-main .product:hover, #g-main .product-item:hover {
  transform: translateY(-3px);
  box-shadow: var(--shop-shadow);
  border-color: var(--shop-border);
}
/* Product image area */
#g-main .j2store-product-image, #g-main .product-image, #g-main .item-image, #g-main .j2store-product .image, #g-main .product .image {
  background: #ffffff;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  overflow: hidden;
}
/* Same image size without stretching */
#g-main .j2store-product img, #g-main .j2store-product-image img, #g-main .product img, #g-main .product-item img, #g-main .item-image img {
  width: 100%;
  height: 100%;
  max-height: 255px;
  object-fit: contain;
  object-position: center;
  display: block;
  background: #ffffff;
}
/* Product title */
#g-main .j2store-product-title, #g-main .j2store-product-title a, #g-main .product-title, #g-main .product-title a, #g-main .j2store-product h2, #g-main .j2store-product h3, #g-main .product h2, #g-main .product h3 {
  font-family: "Lato", "Raleway", Helvetica, Arial, sans-serif;
  font-size: 17px;
  line-height: 1.25;
  font-weight: 900;
  color: var(--shop-dark-text);
  margin: 0 0 6px;
  text-decoration: none;
}
#g-main .j2store-product-title a:hover, #g-main .product-title a:hover {
  color: var(--shop-accent-green);
}
/* Product description */
#g-main .j2store-product-description, #g-main .product-description, #g-main .j2store-product-introtext, #g-main .product-introtext, #g-main .category-name {
  font-family: "Raleway", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.35;
  color: var(--shop-text);
  margin-bottom: 10px;
}
/* Price */
#g-main .j2store-product-price, #g-main .product-price, #g-main .price, #g-main .sale-price {
  display: inline-block;
  font-family: "Lato", "Raleway", Helvetica, Arial, sans-serif;
  font-size: 24px;
  line-height: 1;
  font-weight: 900;
  color: var(--shop-dark-text);
  margin: 12px 0 14px;
  padding: 0 5px 2px;
  background: linear-gradient(transparent 45%, var(--shop-accent-tan) 45%);
}
/* Product info spacing */
#g-main .j2store-product-info, #g-main .product-info, #g-main .j2store-product .content, #g-main .product .content, #g-main .j2store-product .product-content {
  padding: 0 4px 10px;
}
/* Add to cart area */
#g-main .j2store-add-to-cart-form, #g-main .j2store-addtocart-form, #g-main .product-cart, #g-main .cart-action, #g-main .j2store-product form {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
  flex-wrap: wrap;
}
/* Quantity input */
#g-main input[type="number"], #g-main .quantity input, #g-main input[name*="quantity"], #g-main input[name*="qty"] {
  width: 58px;
  height: 42px;
  border-radius: 999px;
  border: 1px solid var(--shop-border-strong);
  background: #ffffff;
  color: var(--shop-dark-text);
  text-align: center;
  font-weight: 800;
}
/* Add to cart button */
#g-main .j2store-add-to-cart, #g-main .j2store-cart-button, #g-main .j2store-addtocart, #g-main .addtocart-button, #g-main button[type="submit"], #g-main .btn-primary {
  min-height: 42px;
  border-radius: 999px;
  border: 0;
  background: var(--shop-accent-green-dark);
  color: var(--shop-light-text);
  padding: 0 18px;
  font-family: "Lato", "Raleway", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.045em;
  text-transform: uppercase;
  cursor: pointer;
  transition: 0.18s ease;
}
#g-main .j2store-add-to-cart:hover, #g-main .j2store-cart-button:hover, #g-main .j2store-addtocart:hover, #g-main .addtocart-button:hover, #g-main button[type="submit"]:hover, #g-main .btn-primary:hover {
  background: var(--shop-accent-green);
  color: #ffffff;
  transform: translateY(-1px);
}
/* Search and sort bar */
#g-main .j2store-product-search, #g-main .j2store-product-filter, #g-main .j2store-product-sort, #g-main .product-toolbar, #g-main .ordering, #g-main .display-limit {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 28px;
}
#g-main .j2store-product-search input, #g-main .product-toolbar input, #g-main .j2store-product-sort select, #g-main .product-toolbar select, #g-main .ordering select, #g-main select {
  height: 44px;
  border: 1px solid var(--shop-border);
  border-radius: 999px;
  background: #ffffff;
  color: var(--shop-text);
  padding: 0 16px;
  font-family: "Raleway", Helvetica, Arial, sans-serif;
  font-size: 14px;
}
#g-main .j2store-product-search button, #g-main .product-toolbar button, #g-main .filter-search button {
  height: 44px;
  border-radius: 999px;
  border: 0;
  background: var(--shop-accent-green-dark);
  color: #ffffff;
  padding: 0 18px;
  font-weight: 900;
}
#g-main .j2store-product-search button:hover, #g-main .product-toolbar button:hover, #g-main .filter-search button:hover {
  background: var(--shop-accent-green);
}
/* Filter sidebar */
#g-main .g-sidebar, #g-main .shop-sidebar, #g-main .j2store-product-filters, #g-main .product-filter, #g-main .filter-sidebar {
  background: #ffffff;
  color: var(--shop-dark-text);
  border-right: 1px solid var(--shop-border);
  padding: 18px;
}
#g-main .g-sidebar h2, #g-main .g-sidebar h3, #g-main .j2store-product-filters h2, #g-main .j2store-product-filters h3, #g-main .product-filter h2, #g-main .product-filter h3 {
  font-family: "Lato", "Raleway", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 900;
  color: var(--shop-dark-text);
  margin: 0;
  padding: 15px 0;
  border-bottom: 1px solid var(--shop-border);
}
#g-main .g-sidebar label, #g-main .j2store-product-filters label, #g-main .product-filter label {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 10px 0;
  color: var(--shop-text);
  font-size: 14px;
}
#g-main input[type="checkbox"], #g-main input[type="radio"] {
  width: 18px;
  height: 18px;
  accent-color: var(--shop-accent-green);
}
/* Category chips */
#g-main .category-module, #g-main .categories-module, #g-main .j2store-categories {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 24px;
}
#g-main .category-module a, #g-main .categories-module a, #g-main .j2store-categories a {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  background: #ffffff;
  color: var(--shop-dark-text);
  border: 1px solid var(--shop-border);
  padding: 10px 16px;
  text-decoration: none;
  font-weight: 900;
}
#g-main .category-module a:hover, #g-main .categories-module a:hover, #g-main .j2store-categories a:hover {
  background: var(--shop-accent-green-dark);
  color: #ffffff;
}
/* Pagination */
#g-main .pagination, #g-main .pagination-list {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin: 38px 0 0;
}
#g-main .pagination a, #g-main .pagination span, #g-main .pagination-list a, #g-main .pagination-list span {
  min-width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid var(--shop-border);
  color: var(--shop-dark-text);
  text-decoration: none;
  font-weight: 900;
}
#g-main .pagination .active a, #g-main .pagination .active span, #g-main .pagination-list .active a, #g-main .pagination-list .active span {
  background: var(--shop-accent-green-dark);
  color: #ffffff;
}
/* Responsive layout */
@media (max-width: 1220px) {
  #g-main .j2store-products, #g-main .j2store-product-list .row {
    grid-template-columns: repeat(3, minmax(190px, 1fr));
  }
}
@media (max-width: 900px) {
  #g-main .j2store-product-list, #g-main .j2store-products {
    padding: 20px;
  }
  #g-main .j2store-products, #g-main .j2store-product-list .row {
    grid-template-columns: repeat(2, minmax(160px, 1fr));
    gap: 30px 20px;
  }
  #g-main .g-sidebar, #g-main .shop-sidebar, #g-main .j2store-product-filters, #g-main .product-filter, #g-main .filter-sidebar {
    border-right: 0;
    border-bottom: 1px solid var(--shop-border);
    margin-bottom: 22px;
  }
}
@media (max-width: 560px) {
  #g-main .j2store-product-list, #g-main .j2store-products {
    padding: 16px;
  }
  #g-main .j2store-products, #g-main .j2store-product-list .row {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  #g-main .j2store-product img, #g-main .j2store-product-image img, #g-main .product img, #g-main .product-item img, #g-main .item-image img {
    max-height: 300px;
  }
  #g-main .j2store-add-to-cart, #g-main .j2store-cart-button, #g-main .j2store-addtocart, #g-main .addtocart-button, #g-main button[type="submit"], #g-main .btn-primary {
    flex: 1;
  }
}
/* Hide J2Commerce price filter completely */
#g-main .j2store-product-filters h3:first-of-type, #g-main .j2store-product-filters .price-filter, #g-main .j2store-product-filters .price_filter, #g-main .j2store-product-filters .filter-price, #g-main .j2store-product-filters .j2store-price-filter, #g-main .j2store-product-filters .ui-slider, #g-main .j2store-product-filters .slider, #g-main .j2store-product-filters .price-slider, #g-main .j2store-product-filters input[type="range"] {
  display: none !important;
}
/* Hide leftover price text */
#g-main .j2store-product-filters .price-range, #g-main .j2store-product-filters .range-values, #g-main .j2store-product-filters .amount, #g-main .j2store-product-filters .price-values {
  display: none !important;
}
/* Sidebar search box */
#g-main .mod-finder, #g-main .mod-search, #g-main .search, #g-main .finder {
  background: #f4f5f7;
  padding: 18px;
  border-radius: 18px;
  margin-bottom: 20px;
  border: 1px solid rgba(66, 71, 83, 0.16);
}
/* Search input */
#g-main .mod-finder input, #g-main .mod-search input, #g-main .search input, #g-main .finder input {
  width: 100%;
  height: 46px;
  border-radius: 999px;
  border: 1px solid rgba(66, 71, 83, 0.22);
  background: #ffffff;
  color: #000000;
  padding: 0 16px;
  font-size: 15px;
}
/* Search button */
#g-main .mod-finder button, #g-main .mod-search button, #g-main .search button, #g-main .finder button {
  width: 100%;
  height: 44px;
  margin-top: 10px;
  border-radius: 999px;
  border: none;
  background: #34552f;
  color: #ffffff;
  font-weight: 900;
}
#g-main .mod-finder button:hover, #g-main .mod-search button:hover, #g-main .search button:hover, #g-main .finder button:hover {
  background: #60a63c;
}
/* Brand filter panel */
#g-main .j2store-product-filters, #g-main .product-filter, #g-main .filter-sidebar {
  background: #f4f5f7 !important;
  padding: 18px !important;
  border-radius: 18px;
  border: 1px solid rgba(66, 71, 83, 0.16);
}
/* Brand heading */
#g-main .j2store-product-filters h2, #g-main .j2store-product-filters h3, #g-main .product-filter h2, #g-main .product-filter h3 {
  color: #000000 !important;
  font-size: 18px;
  font-weight: 900;
  margin: 0 0 14px;
  padding: 0 0 12px;
  border-bottom: 1px solid rgba(66, 71, 83, 0.16);
}
/* Brand options as neat boxes */
#g-main .j2store-product-filters label, #g-main .product-filter label, #g-main .filter-sidebar label {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  margin: 0 8px 10px 0 !important;
  padding: 10px 14px;
  background: #ffffff;
  color: #000000 !important;
  border: 1px solid rgba(66, 71, 83, 0.2);
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}
/* Brand hover */
#g-main .j2store-product-filters label:hover, #g-main .product-filter label:hover, #g-main .filter-sidebar label:hover {
  border-color: #60a63c;
  background: rgba(96, 166, 60, 0.08);
}
/* Checkbox inside brand box */
#g-main .j2store-product-filters input[type="checkbox"], #g-main .product-filter input[type="checkbox"], #g-main .filter-sidebar input[type="checkbox"] {
  width: 16px;
  height: 16px;
  margin: 0;
  accent-color: #60a63c;
}
/*# sourceMappingURL=custom_15.css.map */