/*
* 
* ==========================================================
* SHOP.SCSS
* ==========================================================
*
* Shop CSS file
*
*/
#bxc-shop-page {
  max-width: 1378px;
  margin: auto;
  padding: 60px 15px; }

.bxc-shop-title, .bxc-shop-description {
  text-align: center;
  margin-bottom: 15px; }

.bxc-shop-description {
  margin-bottom: 60px; }

.bxc-shop-footer {
  text-align: center;
  padding-top: 60px; }

.bxc-shop-logo {
  text-align: center;
  padding: 0 15px 60px 15px; }
  .bxc-shop-logo img {
    max-width: 200px;
    margin: auto; }

#bxc-shop-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px; }
  #bxc-shop-grid .bxc-price {
    font-weight: 500;
    padding-top: 10px; }
  #bxc-shop-grid .bxc-title a {
    text-decoration: none;
    color: #464646; }
  #bxc-shop-grid > div {
    border-radius: 6px;
    border: 1px solid #d4d4d4;
    background: #fff;
    position: relative;
    cursor: pointer;
    transition: border-color .3s; }
    #bxc-shop-grid > div > div {
      padding: 30px; }
    #bxc-shop-grid > div > a {
      display: block;
      border-bottom: 1px solid #d4d4d4;
      transition: border-color .3s; }
    #bxc-shop-grid > div img {
      border-top-left-radius: 6px;
      border-top-right-radius: 6px;
      display: block;
      max-width: 100%;
      width: 100%; }
    #bxc-shop-grid > div .bxc-text a {
      text-decoration: none; }
    #bxc-shop-grid > div .bxc-text b {
      font-weight: 400; }
    #bxc-shop-grid > div:hover, #bxc-shop-grid > div:hover > a {
      border-color: #2bb0ba; }

/* 

# RESPONSIVE
==========================================================

*/
@media (max-width: 1024px) {
  #bxc-shop-grid {
    grid-template-columns: 1fr 1fr; } }
@media (max-width: 678px) {
  #bxc-shop-grid {
    grid-template-columns: 1fr; } }

/*# sourceMappingURL=shop.css.map */