/*  font-family: "Libre Baskerville", serif;  font-weight: 400;  font-style: normal;  */
/*  font-family: "Source Sans 3", serif;      font-weight: 500;  font-style: normal;  */

body  {margin: 0 auto;  background-color: #FDF6F0;  font-family: "Libre Baskerville", serif;  font-size: 16px;  text-align: left;  line-height: 150%;  vertical-align: top;  color: #D4AF37;}

a  {text-decoration: none;  color: #0022ee;}
a:hover {color: #6666ee;}

#all          {display: flex;  flex-direction: column;}
.header       {display: flex;  flex-direction: column;  background-color: #5E2C82;  position: fixed;  top: 0px;  width: 100%;}
  .header-upper {display: flex;  flex-direction: row;  align-items: center;  vertical-align: top;  color: #D4AF37;}
    .logo-shop {flex: 2;  text-align: right; padding-right: 8px;}
    .title     {flex: 4;  text-align: left;}
    .zydd      {flex: 2;  text-align: right;  font-size: 16px;}
    .logo-zydd {flex: 2;  text-align: left;  padding-left: 12px;  padding-right: 12px;}
  .header-lower {display: flex;  flex-direction: row;  vertical-align: middle;}
    .menu  {flex: 6;  display: flex;  flex-direction: row;  align-items: center;  justify-content: center;  text-align: center;    font-family: "Source Sans 3", serif;  font-weight: 500;  font-style: normal;  color: #cccccc; }
    .cart  {flex: 4;  text-align: left;  padding-bottom: 8px;                         font-family: "Source Sans 3", sans-serif;  font-weight: 500;  font-style: normal;  color: #cccccc; }

img.logo-shop  {height: 80px;}
img.logo-zydd  {height: 64px;}
h3  {font-family: "Libre Baskerville", serif;  font-weight: 400;  font-style: normal;  font-size: 32px;  line-height: 100%;}
button.menu  {border:0;  background-color: #5E2C82;  font-family: "Source Sans 3", sans-serif;  font-weight: 500;  font-style: normal;  font-size: 14px;  padding-left: 8px;  padding-right: 8px;}
      .menu-item a        {color: #cccccc;}
      .menu-item a:hover  {color: #D4AF37;}
button.patterns:hover {color: #D4AF37;}
      .menu-patterns  {position: relative;  display: inline-block;}
        .dropdown  {display: none;  position: absolute;  z-index: 1;  background-color: #5E2C82;  color: #333333;  padding: 8px;  padding-right: 24px;  text-align: left;  min-width: 360px;  line-height: 200%;  font-size: 14px;}
      .menu-patterns:hover .dropdown  {display: block;}
        .dropdown a  {}
				
button.cart  {border: 1px solid #000000;  border-radius: 20px;  padding: 4px 12px;  font-family: "Source Sans 3", sans-serif;  font-weight: 500;  font-weight: bold;  font-size: 20px;  background-color: #55ff88;  color: #000000;  cursor: pointer;}
button.cart:hover      {background-color: #00aa33;  color: #222222;}				
span.cart-summary {font-size: 16px;  padding-left: 16px;}
span.cart-count   {font-weight: bold;}
span#cart-count-total  {padding-right: 16px;}
img.payment  {height: 36px;  padding-left: 2px;   vertical-align: bottom;}

.main {display: flex;  flex-direction: column;  align-items: center;}
  .hero {text-align: center;  color: #333333;  padding-top: 144px;  font-family: "Libre Baskerville", serif;  font-weight: 600;  font-size: 24px;}
  .prod-list {display: flex;  flex-flow: row wrap;  justify-content: center;}
    .prod-item  {flex: 0 1 20%;  margin: 16px;  text-align: left;}
      .prod-item-buy  {display: flex;  flex-direction: row;  align-items: center;  justify-content: center;}
			  .prod-item-price  {flex: 5;  vertical-align: bottom;}
/*				.prod-item-gap    {width: 100px;}   */
				.prod-item-cart   {flex: 2;  text-align: right;}
span.prod-item-title  {color: #333333;  font-family: "Libre Baskerville", serif;  font-weight: 600;  font-size: 18px;  text-align: left;}
span.prod-item-info   {color: #333333;  font-family: "Source Sans 3", sans-serif;  font-weight: 500;  font-style: normal;  font-size: 14px;}
span.prod-item-price  {color: #333333;  font-family: "Source Sans 3", sans-serif;  font-weight: 500;  font-size: 16px;} 
span.prod-item-price-price  {color: #333333;  font-family: "Source Sans 3", sans-serif;  font-weight: 500;  font-weight: bold;  font-size: 20px;}
img.prod-index  {width: 480px;}
button.buy        {border: 1px solid #000000;  border-radius: 20px;  padding: 4px 12px;  font-family: "Source Sans 3", sans-serif;  font-weight: 500;  font-weight: bold;  font-size: 20px;  background-color: #55ff88;  color: #000000;  cursor: pointer;}
button.buy:hover  {background-color: #00aa33;  color: #222222;}
span.discount    {padding-left: 16px;  font-size: 12px;  font-family: "Source Sans 3", sans-serif;  font-weight: 500; }
span.price-orig  {text-decoration: line-through;}

/* .prod {display: flex;  flex-direction: column;} */
  .prod-title  {text-align: center;  color: #333333;  padding: 0px;  padding-top: 160px;}
  .prod-main   {display: flex;  flex-direction: row;  justify-content: center;  align-items: flex-start;}
	  .prod     {display: flex;  flex-direction: column;}
	    .prod-img {display: flex;  flex-direction: row;}
	      .prod-img-small  {margin:  8px;  max-height: 500px;  overflow-y: scroll;  scrollbar-width: none;}
        .prod-img-main   {margin:  8px;}
      .prod-descr  {margin: 8px;  color: #333333;  font-family: "Source Sans 3", sans-serif;  font-weight: 500;  font-size: 16px;}				
    .prod-info       {margin:  8px;}
		  .prod-video    {width:400px;  height: 225px;} 
		  .prod-info-buy {display: flex;  flex-direction: row;  align-items: center;  justify-content: center;  padding-top: 32px;}
        .prod-info-price {flex: 3;  vertical-align: bottom;}
				.prod-info-cart  {flex: 2;}
      .prod-info-info		{max-width: 400px;  color:#333333;  font-family: "Source Sans 3", sans-serif;  font-weight: 500;  font-style: normal;  font-size: 14px;}		 
img.prod-small  {width: 120px;  border: 2px solid #FDF6F0;}
img.prod-small:hover  {cursor: pointer;  border: 2px solid #D4AF37;  border-radius: 16px;}
img.prod-main   {display: none;  min-width: 450px;  max-width: 750px;}
      .prod-img-nav         {display: flex;  flex-direction: row;  align-items: center;  justify-content: center;}
			  .prod-img-nav-prev  {flex: 1;  text-align: left;}
				.prod-img-nav-next  {flex: 1;  text-align: right;}
button.img-nav  {border:0;  background-color: #FDF6F0;  color:#333333;  font-family: "Source Sans 3", sans-serif;  font-weight: 500;  font-style: normal;  font-size: 16px;}
button.img-nav:hover  {color: #B48F17;  cursor: pointer;}	

iframe.prod-video  {width:400px;  height: 225px;}

span.prod-item-licence          {color: #333333;  font-family: "Source Sans 3", sans-serif;  font-weight: 500;  font-size: 16px;} 
span.prod-item-licence-licence  {color: #333333;  font-family: "Source Sans 3", sans-serif;  font-weight: 500;  font-weight: bold;  font-size: 16px;}

h1  {font-family: "Libre Baskerville", serif;  font-weight: 400;  font-style: normal;  font-size: 24px;}
  .prod-title h1  {font-family: "Libre Baskerville", serif;  font-weight: 600;  font-size: 32px;  line-height: 50%;}
  .prod-descr h2  {font-family: "Libre Baskerville", serif;  font-weight: 600;  font-size: 24px;}

.footer   {position: fixed;  height: 24px;  background-color: #5E2C82;  color: #cccccc;  position: fixed;  bottom: 0px;  width: 100%;  font-family: "Source Sans 3", sans-serif;  font-weight: 500;  font-size: 16px;  text-align: center;  padding: 4px;}

  .about    {margin: 8px;  max-width: 800px;  color: #333333;   font-family: "Source Sans 3", sans-serif;  font-weight: 500;  font-size: 16px;  text-align: center; }
	.contact  {margin: 8px;  max-width: 800px;  color: #333333;   font-family: "Source Sans 3", sans-serif;  font-weight: 500;  font-size: 16px;  text-align: center; }