/** Shopify CDN: Minification failed

Line 98:7 Expected ":"

**/

/* ============================================
   Global
============================================ */

/* --------------------------------------------
   Header
-------------------------------------------- */

/* Header 的 account icon 在行動版網頁預設是隱藏的，改為顯示 */
@media screen and (max-width: 767px){
  a.Header__Icon{
    display: inline-block !important;
  }
  a[href="/account"].Header__Icon svg{
    width: 18px !important;
    height: 1.2em !important;
  }
  a[href="/account"].Header__Icon svg g{
    stroke-width: 1.2px !important;
  }
}


/* ============================================
   prodcut page
============================================ */

/* make product media 2 columns on desktop */
@media screen and (min-width: 768px){
  .Product--fill .Product__Slideshow{
    display: grid;
    grid-template-columns: auto auto;
    column-gap: 10px;
    row-gap: 10px;
  }
  .Product--fill .Product__Slideshow .Product__SlideItem{
    margin-bottom: 0;
  }
}
/* service icon x 3 */
.service-icon p {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
.service-icon img {
  width: 33px;
  height: auto;
  padding: 3px;
}
.service-icon span {
  margin-right: 10px;
}
/* product meta */
.Product__Info h1{
  font-size: 24px !important;
}
.Product__Info .ProductMeta__Price{
  font-size: 20px !important;
}
.Product__Info .ProductMeta__Description{
  margin-top: 45px;
  margin-bottom: 45px;
}
.Product__Info .ProductMeta__Description h2{
  font-size: 16px !important;
  margin-top: 0;
  margin-bottom: 0;
}
.Product__Info .ProductMeta__Description ul{
  margin-bottom: 10px;
}
/* hide gallery nav */
.Product__Gallery .Product__SlideshowNav{
  display: none;
}
/* Ring Size Guide */
[data-src="#dialog-content"]{
  margin-left: 5px !important;
}
.dialog-content{
  display: none; 
  width: 100%;
  max-width: 550px !important;
  margin-left: 5px;
}
table.darkmode {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table.darkmode-layout: fixed;
}
table.darkmode caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
  font-weight: 600;
  padding-bottom: 30px;
  color: #000;
}
table.darkmode tr:nth-child(odd) {
  background-color: #f8f8f8;
  padding: .35em;
}
table.darkmode th,
table.darkmode td {
  padding: .625em;
  text-align: center;
}
table.darkmode th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}
table.darkmode thead tr:first-child{
  background-color: #fff;
  color: #000;
}
/* @media screen and (max-width: 600px) {
  table.darkmode {
    border: 0;
  }

  table.darkmode caption {
    font-size: 1.3em;
  }
  
  table.darkmode thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table.darkmode tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  
  table.darkmode td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
  }
  
  table.darkmode td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  table.darkmode td:last-child {
    border-bottom: 0;
  }
} */


/* ================================
// collection page
================================ */

/* color swatch left align */
.template-collection .pl-swatches-collection{
  justify-content: left !important;
}


/* ================================
// section
================================ */
.ProductList .pl-swatches-collection{
  justify-content: left !important;
}


/* hide part of sort */
#collection-sort-popover [data-value="manual"],
#collection-sort-popover [data-value="title-ascending"],
#collection-sort-popover [data-value="title-descending"],
#collection-sort-popover [data-value="created-ascending"]
{
  display: none;
}


/* ================================
// Footer
================================ */
/* links block */
.Footer__Block--links{
  flex-basis: 400px;
}

/* custom html block */
.Footer__Block--custom_html{
  flex-basis: 400px;
}