/****************************************/
/**  Store App Styles                  **/
/****************************************/

.store-container {
  max-width: 80%;
  margin: var(--px-32) auto;
  flex-wrap: wrap;
  justify-content: center;
}

.store-items {
  gap: var(--px-16);
}

.store-item-image {
  width: 15.625rem;
  height: 15.625rem;
}

.store-item-info {
  margin: 0;
  padding: 0;
  height: 2.5rem;
  justify-self: center;
}

.store-button-container {
  display: grid;
  grid-template-columns: 1fr 1fr;   
  gap: var(--px-4);
}

.store-item-button {
  width: 100%;
  padding: var(--px-12) 0;
  text-align: center;
  background-color: var(--clr-beige);
  color: var(--clr-white);
  cursor: pointer;
}

.store-item-button a {
  color: var(--clr-white);
  text-decoration: none;
}

.store-item-button:hover {
  background-color: var(--clr-logo-green);
}

.store-card {
  width: 250px;
  height: 480px;
}

.miko-product-card {
  background: var(--clr-white);
  margin: 10px;
  border-radius: 5px;
  box-shadow: rgba(149, 157, 165, 0.2) 0rem .5rem 1.5rem;
  padding: 1.125rem .3125rem;
}

.miko-card-image {
  display: block;
  width: 12.5rem;
  height: 12.5rem;
  align-content: center;
}

.variant-container {
  width: 100%;
  height: 38px;
}

.variant-container select {
  width: 100%;
  height: 100%;
  font-size: 1rem;
  margin-bottom: var(--px-10);
  padding: var(--px-10);
  border: 0;
  background-color: var(--clr-bright-green);
}

.variant-container div {
  width: 100%;
  margin-bottom: var(--px-10);
  padding: var(--px-10);
  border: 0;
  background-color: var(--clr-bright-green);
}
/****************************************/
/**  Shopping Cart Styles              **/
/****************************************/

.cart-container {
  justify-content: space-between;
  
}

.cart-flex {
  display: flex;
}

.cart-empty {
  margin: var(--px-32);
  background-color: var(--clr-off-white);
}

.cart-empty-title {
  font-size: var(--px-32);
  color: var(--clr-logo-red);
  text-align: center;
}

.cart-table {
  border-collapse: collapse;
  font-size: .9em;
  padding: var(--px-10) var(--px-5);
  border-radius: var(--px-5);
  box-shadow: 0 0 var(--px-14) rgba(149, 157, 165, 0.2);
}

.cart-table th, 
.cart-table td {
  padding: var(--px-10) var(--px-16) 0;
  margin: 0 var(--px-10);
}

.cart-table thead tr {
  text-align: left;
  font-family: var(--ff-general-text);
  color: var(--clr-logo-green);
}

.cart-table td {
  padding-top: var(--px-16);
  vertical-align: top;
}

.cart-item-title {
  text-decoration: none;
}

.cart-item-qty {
  width: 3.75rem;
  text-align: center;
}

.cart-heading {
  font-family: var(--ff-general-text);
  font-size: var(--fs-400);
  color: var(--clr-logo-green);
}

.cart-totals {
  font-family: var(--ff-general-text);
  font-size: .9em;
  margin: 0 var(--px-10);
  justify-content: space-between;
}

.cart-left {
  float: left;
  object-fit: cover;
}

#cart-item-specs p {
  font-family: var(--ff-general-text);
  font-size: .8em;
  color: var(--clr-beige);
  margin: 0px;
}

.cart-item-width {
  min-width: 175px;
}

.cart-button {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  border-radius: var(--px-5);
  font-size: .9em;
  padding: .8rem 1.2rem;
}

.cart-button-wide {
  width: 100%;
}

.cart-button-red {
  background-color: red;
  color: var(--clr-white);
}

.cart-button-blue {
  background-color: var(--clr-logo-blue);
  color: var(--clr-white);
}

.cart-card {
  background: var(--clr-white);
  box-shadow: rgba(149, 157, 165, 0.2);
}




.cart-order-summary-container {
  display: flex;
  flex-wrap: wrap;
  gap: var(--px-32);
  padding: var(--px-10) var(--px-10) var(--px-20);
  margin-bottom: auto;
  background-color: var(--clr-off-white);
  align-content: start;
  border-style: groove;
  border-color: var(--clr-black);
  border-radius: var(--px-5);
}

.cart-summary-title-container {
  margin: 2rem auto 0;
  padding: 1rem 1rem 0 1rem;
}

.cart-summary-item-container {
  grid-template-columns: 3fr 1fr;
}

.cart-summary-item-grid {
  grid-template-areas: 
  'one two two'
  'one three four';
  margin: 2rem auto;
  padding: 1rem;
}

.cart-summary-item-name {
  text-decoration: none;
}

.cart-summary-item-desc {
  font-family: var(--ff-general-text)!important;
  font-size: var(--fs-300)!important;
  font-weight: var(--fw-400)!important;
  color: var(--clr-black)!important;
  width: 75ch!important;
}

.cart-summary-item-image {
  grid-area: one;
  display: block;
  width: 9.375rem;
  height: 9.375rem;
  align-content: center;
}

.cart-summary-item-item {
  grid-area: two;
}

.cart-summary-item-input {
  width: 6rem;
  margin: 0 var(--px-10);
}

.cart-summary-item-buttons {
  grid-area: three;
  font-family: var(--ff-general-text);
  font-size: var(--fs-400);
  font-weight: var(--fw-500);
  color: var(--clr-beige);
  align-content: end;
}

.cart-summary-item-total {
  grid-area: four;
  font-family: var(--ff-general-text);
  font-size: var(--fs-400);
  font-weight: var(--fw-500);
  color: var(--clr-logo-blue);
  align-content: end;
  justify-self: end;
}

.cart-summary-subtotal-button-container {
  display: inline-flex;
  width: 100%;
  margin: 0;
  padding: 0;
  justify-content: center;
  align-content: center;
}

.cart-summary-subtotal-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  margin: 0;
  padding: 0;
}

.cart-summary-subtotal {
  /* display: flex; */
  font-family: var(--ff-general-text)!important;
  font-size: var(--fs-400)!important;
  font-weight: var(--fw-500)!important;
  color: var(--clr-logo-green)!important;
  /* justify-content: flex-end; */
  /* margin-bottom: 6rem;
  padding-right: 1rem; */
}

.cart-item-button {
  font-size: var(--px-14);
  border-radius: var(--px-4);
  padding: .25rem .5rem;
  background-color: var(--clr-bright-green);
}

.cart-checkout {
  justify-content: space-evenly;
  padding-bottom: 3rem;
}

/****************************************/
/**  Product Card Section              **/
/****************************************/

*  {
  box-sizing: border-box;
}

#mikoshouse .block .product-section {
    background: white;
    padding: 0rem;
    margin: 0 auto;
    text-align: justify;
} 

.product-section {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.25rem 4%;
}

.product-card-old {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
  position: relative;
  padding: 3.125rem .3125rem;
  background: #fff;
  border-radius: 0;
  width: 100%;
  max-width: 26.25rem;
  box-shadow: rgba(149, 157, 165, 0.2) 0rem .5rem 1.5rem;
}

.product-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2.5rem;
    /* max-width: 1040px; */
    margin: 0 auto;
    justify-items: center;
}

.product-grid-product-lists {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2.5rem;
    /* max-width: 1040px; */
    margin: 0 auto;
    justify-items: center;
    padding: 7.5rem 0rem 7.5rem 0rem;
}


/************  Product Card Sections     ******************/

product-item-container
{
  background-color: #fff;
  font-family: Helvetica Neue, sans-serif;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
      width: 960px;
}

.product-item-container{
  width: 960px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin-top: 30px;
  padding: 50px 0px 100px 0px;
}

.product-tabs {
  display: flex;
  list-style: none;
  padding: 0;
  border-bottom-style: solid;
  border-bottom-color: var(--clr-bright-green);
  border-bottom-width: var(--px-2);
}

.product-description {
  margin-top: var(--px-40);
}

.product-tabs li {
  padding-bottom: var(--px-14);
}

.product_img{
  width: 580px;
}

.product_img img{
  width: 100%;
}


.product_info{
  width: 260px;
  text-align:left;
}

.product_title{
  font-size: 2em; 
  color: var(--clr-logo-green);
  padding: 10px 0;
}
.product_model{
  padding: 10px 0;
  color: #878686;
  font-size: .8rem;
  
}
.product_price{
  padding: 10px 0;
  color: #000000;
  font-size: 1.8rem;
}
#mikohouse .product_descr{
  color: #000000;
  padding-left: 12px;
  font-size: 1.0em;
  text-align: none;   
}
.product_color{
  color: #000000;
  padding: 10px;
}

.product-tab-title {
  display: block;
  text-decoration: none;
  list-style: none;
}

.add_to_cart{
  width: 100%;
  padding: 12px 0;
  background-color: #BF9860;
  text-align: center;
  color: white;
  cursor: pointer;
}
.add_to_cart:hover{
  background-color: #d8b88a;
  
}
.product_quantity {
color: #000000;
padding: 10px;}

.product_quantity input[type="number"]{
  border: 1px solid lightgray;
  width: 80px;
  font-size: 1.8em;
  margin: 10px 0;
  padding: 5px;
  text-align:center;
  color: #878686;
  box-sizing: border-box;
}

@media(max-width: 960px)
{
  product-item-container{
    background-color: #fff;
  }
  .product-item-container{
    width: 100%;
  }

}
@media (max-width: 640px)
{
    .product_info{
    width: 100%;
    text-align: center;
   }
}