/** Shopify CDN: Minification failed

Line 52:20 Unexpected ";"

**/
/* ==========================
   AMBER PRODUCT LAYOUT
========================== */

.amber-product{
    background:#F8F6F1;
    padding:60px 0 120px;
}

.amber-product__container{
    max-width:1250px;
    margin:0 auto;
    padding:0 70px;

    display:grid;
    grid-template-columns:52% 48%;
    gap:70px;
}

/* LEFT */

.amber-product__gallery{
    display:flex;
    flex-direction:column;
    gap:35px;
}

.amber-product__image{
    width:100%;
}

.amber-product__img{
    width:100%;
    height:auto;
    object-fit:contain;
    display:block;
}

/* RIGHT */

.amber-product__info{
    position: relative;
    top: auto;
    align-self: flex-start;
}

    align-self:start;

    padding-top:10px;

}

.amber-product__title{

    font-family:"EB Garamond", serif;
    font-size:28px;
    font-weight:400;
    letter-spacing:.02em;

    margin:0;

}

.amber-product__price{

    margin-top:08px;

    font-family:"EB Garamond", serif;
    font-size:18px;
    font-weight:400;

}

@media(max-width:990px){

.amber-product__container{

grid-template-columns:1fr;

padding:0 20px;

gap:40px;

}

.amber-product__info{

position:relative;

top:auto;

}

.amber-product__title{

font-size:30px;

}

}

/* RIGHT PANEL */

.amber-product__divider{
    border-top:1px solid #d9d6d1;
    margin:28px 0;
}

.amber-product__row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}

.amber-product__label{
    font-family:"EB Garamond",serif;
    font-size:17px;
}

.amber-product__select{
    border:none;
    background:transparent;
    font-family:"EB Garamond",serif;
    font-size:17px;
}

.amber-product__sizechart{
    text-decoration:none;
    color:#111;
    font-size:14px;
    letter-spacing:.08em;
}

.amber-product__fabric strong{
    display:block;
    margin-bottom:8px;
    font-weight:500;
}

.amber-product__fabric,
.amber-product__description{
    font-family:"EB Garamond",serif;
    line-height:1.8;
    font-size:17px;
}

.amber-product__accordion{
    border-bottom:1px solid #ddd;
    padding:18px 0;
}

.amber-product__accordion summary{
    cursor:pointer;
    list-style:none;
    font-size:17px;
}

.amber-product__accordion summary::-webkit-details-marker{
    display:none;
}

.amber-product__accordion summary::after{
    content:"+";
    float:right;
}

.amber-product__accordion[open] summary::after{
    content:"−";
}

.amber-product__accordion div{
    margin-top:15px;
    line-height:1.8;
}

.amber-product__cart{
    width:100%;
    margin-top:40px;
    padding:18px;
    background:transparent;
    border:1px solid #111;
    font-family:"EB Garamond",serif;
    letter-spacing:.18em;
    font-size:15px;
    cursor:pointer;
    transition:.3s;
}

.amber-product__cart:hover{
    background:#111;
    color:#fff;
}
.amber-product__info > *{
    margin-bottom:10px;
}
/* Compress entire right product panel */

.amber-product__info{
    position:sticky;
    top:50px;

    max-height:calc(100vh - 110px);
    overflow-y:auto;
    padding-right:12px;
}
@media screen and (max-width: 749px){

  .amber-product__info{
    position:relative;
    top:auto;
    max-height:none !important;
    height:auto !important;
    overflow:visible !important;
    padding-right:0;
  }

}
.amber-product__title{
    font-size:26px;
    margin-bottom:5px;
}

.amber-product__price{
    margin-top:5px;
    font-size:14px;
}

.amber-product__divider{
    margin:12px 0;
}

.amber-product__row{
    margin:0;
}

.amber-product__label,
.amber-product__select{
    font-size:12px;
}

.amber-product__fabric,
.amber-product__description{
    font-size:15px;
    line-height:1;
}

.amber-product__accordion{
    padding:5px 0;
}

.amber-product__accordion div{
    margin-top:3px;
    line-height:1.5;
}

.amber-product__cart{
    margin-top:0px;
    padding:5px;
}
/* Smaller accordion images */

.amber-product__accordion-content{
    text-align:center;
    padding:18px 0 24px;
}

.amber-product__accordion-content img{
    width:70%;
    max-width:320px;
    min-width:200px;
    height:auto;
    display:block;
    margin:0 auto;
}
/* ==========================================
   MOBILE = DESKTOP PRODUCT LAYOUT
========================================== */

@media screen and (max-width:749px){

  .amber-product__container{
      display:grid !important;
      grid-template-columns:55% 45% !important;
      gap:30px !important;
      align-items:start;
  }

  .amber-product__gallery{
      width:100%;
  }

  .amber-product__info{
      width:100%;
      position:static !important;
      padding:0 !important;
  }

  .amber-product__title{
      font-size:22px;
  }

  .amber-product__price{
      font-size:16px;
  }

  .amber-product__description{
      font-size:14px;
      line-height:1.6;
  }

  .amber-product__cart{
      width:100%;
  }

}
@media screen and (max-width:749px){

  .amber-product__info{
      display:flex !important;
      flex-direction:column !important;
  }

  .amber-product__title{
      order:1;
  }

  .amber-product__price{
      order:2;
  }

  .amber-product__cart{
      order:3;
      width:100%;
      margin-top:10px !important;
      margin-bottom:10px !important;
  }

  .amber-product__row,
  .amber-product__fabric,
  .amber-product__description,
  .amber-size-switcher{
      order:4;
  }

  /* SIZE GUIDE / WASH CARE / SHIPPING & RETURNS — LAST */
  .amber-product__accordion{
      order:5 !important;
  }

}
/* ==========================================
   Narrower Product Page on Mobile
========================================== */

@media screen and (max-width:749px){

  .amber-product{
      width:92%;
      max-width:420px;
      margin:0 auto;
  }

}
/* Add to Cart button text */
.amber-product__cart{
    color:#000 !important;
}
.amber-size-switcher{
    margin:20px 0;
    padding:18px 0;

    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
}

.amber-size-switcher__title{
    font-size:12px;
    letter-spacing:.18em;
    text-transform:uppercase;
    color:#8b7c68;

    margin-bottom:15px;
}

.amber-size-switcher__buttons{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
}

.amber-size-switcher__buttons a,
.amber-size-switcher__buttons .current-size{

    padding:8px 16px;

    border:1px solid #222;

    text-decoration:none;

    font-size:13px;

    letter-spacing:.08em;

    text-transform:uppercase;

    transition:.3s;
}

.amber-size-switcher__buttons a{
    color:#222;
    background:transparent;
}

.amber-size-switcher__buttons a:hover{
    background:#222;
    color:#fff;
}

.current-size{
    background:#222;
    color:#fff;
}

/* =========================================
   AMBER PRODUCT POPUP
========================================= */

.amber-product__popup-trigger{
    padding:18px 0;
    border-bottom:1px solid #ddd4c6;
    cursor:pointer;

    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:13px;
    font-weight:400;
    letter-spacing:2px;
    text-transform:uppercase;
    color:#171717;

    transition:.25s;
}

.amber-product__popup-trigger:hover{
    opacity:.65;
}

.amber-modal{

    position:fixed;
    inset:0;

    background:rgba(0,0,0,.35);

    display:flex;
    justify-content:center;
    align-items:center;

    opacity:0;
    visibility:hidden;

    transition:.3s;

    z-index:99999;
}

.amber-modal.active{

    opacity:1;
    visibility:visible;

}

.amber-modal-box{
    position: relative;
    background: transparent;
    box-shadow: none;

    padding: 60px 0 0 0;   /* Top Right Bottom Left */

    width: auto;
    display: inline-block;
}

.amber-modal-box img{

    display:block;

    width:85vw;
    max-width:820px;

    height:auto;

    margin:auto;

}
.amber-modal-close{

    position:absolute;

    right:18px;
    top:15px;

    border:none;
    background:none;

    cursor:pointer;

    font-size:28px;
    color:#171717;

    transition:.25s;

}

.amber-modal-close:hover{

    opacity:.6;

}

body.amber-modal-open{

    overflow:hidden;

}

@media screen and (max-width: 749px) {

  .amber-product__info {
    width: 100% !important;
  }

  .amber-product__title {
    font-size: 22px !important;
  }

  .amber-product__price {
    font-size: 12px !important;
  }

  .amber-product__label,
  .amber-product__select {
    font-size: 11px !important;
  }

  .amber-product__fabric,
  .amber-product__description {
    font-size: 12px !important;
    line-height: 1.4 !important;
  }

  .amber-product__accordion {
    font-size: 11px !important;
  }

  .amber-product__accordion div {
    font-size: 12px !important;
  }

  .amber-product__cart {
    font-size: 12px !important;
  }
}