/* GLOBAL STYLES */
body.product-page header.siteHeader { border-bottom: 1px solid #e5e5ec; }

.option-dropdown { padding: 0.4rem; font-size: 1rem; }
.option-dropdown { border: 1px solid #000; border-radius: 0; }
.border_bottom.price #quantity select#qtySelect { height: auto;}
#qtySelect .option-dropdown { padding: 0.4rem .4rem .4rem .5rem;}

/* PRODUCT INFO -------------------------------------------------------------------------------------------*/
 /* 72% */section#product-info { width: 72%; }
 #product-info .bar.desc { padding-bottom: 5px; }

.controls > div { margin: 0 .75rem; }

#product-info .bar.frame .gold { vertical-align: middle; }

#product-info button.btn { padding: 0 25px; }
#productInfo p.shipping { text-align: center; font-weight: 500; text-transform: uppercase; letter-spacing: .5px; /*color: #b78846;*/}

/* #productInfo { padding-top: 2%;} */
#productInfo .collection { display: block; color:#575757; font-size: 14px; text-transform: capitalize; text-decoration: underline;letter-spacing: .0075rem; margin-bottom: 10px;}
#productInfo #product-short-desc { font-size: .9rem; margin-top:1em; }
.border_bottom { border-bottom: 1px solid #e5e5ec;}
#productInfo p.shipping { display: flex; align-items: center; justify-content: center; gap:.5em; cursor: default;}



/* SIZE OPTIONS */
/* #productInfo .product-option .size .option-label { display:block; font-size: 14px; font-weight:400; } */
#productInfo .product-option label.option-label { display:block; font-size: 14px; font-weight:400; }
#sizeButtons { display: flex; align-items: center; margin-top: 10px;}
#sizeButtons { display: flex; flex-wrap: wrap; align-items: center; gap:5px;} 
#sizeButtons .size-btn { font-size: .85rem; line-height: 1rem;text-align: center;vertical-align: middle; background-color:#fff;border:1px solid; border-color:#c9c9c9; color:#000; padding: 10px;border-radius: 0;flex: 0 0 calc(33.333% - 5px);max-width: calc(33.333% - 5px);} 
#sizeButtons .size-btn:hover { border-color:#000; } 
#sizeButtons .size-btn.active { background-color: #000; color:#fff;}

button.frame-button,button.mat-button { position: relative;}
button.frame-button .border, button.mat-button .border { background: #fff; width: 100%;height: 100%;border-radius: 50%;position: relative; border:1px solid #e5e5ec;}
button#no_mat .border::after,button#no_frame .border::after { content:''; position: absolute; background-color: #ddd; top: 0; left:50%; width: 1px; height: 100%; transform: rotate(30deg); margin-left: -.5px;}
#productInfo .border_bottom.mat .flex-right { display: flex; align-items: center; gap:.5em; }
#productInfo .border_bottom.mat .flex-right .mat-button svg { display: flex; width:15px; height: 100%;margin: auto; }

/* FRAME & MAT BOARD */
#productInfo .frame .option-label,#productInfo .mat .option-label { display: block; }
#productInfo .border_bottom.frame,#productInfo .border_bottom.mat { gap: .75em; }
#productInfo .border_bottom.frame .flex-right,
#productInfo .border_bottom.mat .flex-right { margin-right:auto; text-align: left;margin-top: 10px;}
#productInfo .frame .frame-button,#productInfo .mat .mat-button { border-radius: 50%; width: 40px; height: 40px; padding:2px; border: 1px solid #e5e5ec; overflow: hidden; background-color:#fff; }
#productInfo .frame .frame-button:hover,#productInfo .mat .mat-button:hover { border-color: #000;}
#productInfo .frame .frame-button img,#productInfo .mat .mat-button img { border: 1px solid #ddd; border-radius: 50%;}
#productInfo .frame .frame-button.active,#productInfo .mat .option-label .mat-button.active { border-color: #000; }
#productInfo .mat .mat-button.active { border: 1px solid; border-color:#000; } 

.product-option {margin-top: 1rem;}

/* KEYWORDS */
#keywords { display:block; text-align:left; padding: 2em 0; }
#keyword-list { display: flex; gap:1em; align-items:center; justify-content:left;}
.keyword-tag { font-size:15px; font-weight:500; padding:12px; border: 1px solid #e5e5ec; border-radius:24px; background-color:#fff; }
.keyword-tag:hover { background-color:#000; color:#fff; border-color:#000;}
#keywords h4 {margin-bottom: 10px;}
#product.single ul.details li strong { margin-right: 3px; }

/* RELATED */
section#productRelated h2 { display: block; position: relative; text-align: left; }
section#productRelated .margin { padding-top: 50px; padding-bottom: 50px; }

/* LAPTOP ---------- PADDING MIX ----------------------------------------------------------------------------------------------- */
.place-order button.button { padding: 0 25px; }

/* LAPTOP ---------------------------------------------------------------------------------------------------------- */
@media (min-width: 769px) {
  
    #features { width: 65%; }

    #productInfo { flex-basis: 35%; display: flex; flex-direction: column; justify-content: center; padding: 2rem;}

}

/* TABLET ---------------------------------------------------------------------------------------------------------- */
@media (max-width: 768px) {

  #product.single .flexRow.hero { display:block; }
  .flexImage { width:100%; }
  #productInfo { display: block; margin-top: 15px; }
  #product.single #features { display: block;}
  
}

/* MOBILE WIDE ---------------------------------------------------------------------------------------------------------- */
@media (min-width: 481px) {

    section#productRelated h2 { font-size:24px; }
    body.product-page #productRelated .image picture,body.product-page #productRelated .image img { background-color: #f9f9f9; }
    body.product-page #productRelated .image img:not(.initial) { transition: opacity .3s; }
    #product.single #features .flexObject { margin-bottom:1.5em; }
    #features-list { margin-top:10px; }

    #product.single #productInfo.flexObject { flex-basis: 35%; padding-right: 5%;}
    #product.single #productInfo.flexObject .margin {padding-left: 0; padding-right:0;}

    #productInfo p.option-label b,.option-label b { font-size:13px; }
    #productInfo .size-block { margin-top:15px; }
    #productInfo p.shipping { margin-top: 20px; font-size:13px; }
    #productInfo p.description { margin-top: 7px;}

    #product.single #features .margin { padding-top: 50px; max-width: 1440px; margin: 0 auto; }
    #features p.description { line-height: 130%; margin: 10px 0 0; font-size: 16px;}

    #product.single #features { min-height: 200px; margin-top:50px; padding-bottom: 65px; background-color: #fff;}
    #product.single .details { font-size: 15px; }
    #product.single ul.details { display:block; margin: 10px 0 0; line-height: 130%; max-width: 400px;}
    #product.single ul.details li { margin-bottom: 5px; }

}

/* MOBILE ---------------------------------------- */
@media (max-width: 480px) {

    /* Product Image */
#product.single .nav-arrow { display: none !important; }

#features .flexObject { display:block; margin-top: 25px; }
#productPreview { display: block; margin-top: 15px; }
section#productRelated .margin { width: initial; margin: 0 0 0 5%; }

/* MOBILE ---------- Product Information -------------------------------------------------------------------------------- */
#productInfo { display:block; margin-top: 15px;}
#productInfo .container { margin: 0 auto;}
#productInfo p.description { margin-top: 15px;}

.product-option .option-label b { font-size: 12px; }
.border_bottom.price #quantity select { width: 45px; height: 45px; }
#productInfo h1.product-title { font-size: 33px; /*text-align: center;*/ }
/* #productInfo p.description { text-align: center; } */
#productInfo p.shipping { font-size: 12px; margin-top: 15px; }

#product.single #information { margin-top: 20px; }
#product.single #information .container,#features .flexRow { max-width: 90%;max-width:1404px; margin:0 auto;}

#product.single .border_bottom.title { text-align: center;border-bottom:0; }
#product.single .border_bottom.size .product-option { display: flex; flex-wrap: nowrap; justify-content: space-between; gap: 30px; align-items: center; }
#product.single .border_bottom.size .product-option .option-dropdown { width: 90%; height: 35px; }
#product.single #productPrice { display: block; margin-top: 10px;}
#product.single .border_bottom.size .option-dropdown { flex-grow:1; height: 45px;font-size: 15px;}

#productInfo .button-contain .flexButtons { border-bottom: 1px solid #e5e5ec; padding-bottom: 15px;}
#productInfo .button-contain .flexButtons,#product.single #features { margin-top: 25px; }
#productInfo .button-contain .flexButtons #add-to-cart-btn { display:block; width:100%; height: 45px; }


/* MOBILE ---------- Product Features -------------------------------------------------------------------------------- */
#product.single #features {display: block;}
#product.single #features .flexRow {display: block; height: initial;}
#product.single #features { padding-bottom: 50px; }
#product.single #features h3,#keywords h4 { font-size: 16px; margin-bottom:10px; }
#product.single #features p.description { margin-bottom:1em; }
#features .flexRow {max-width: 100%;}

/* MOBILE ---------- Product Keywords -------------------------------------------------------------------------------- */
#keyword-list {flex-wrap: wrap;gap: .5em;}
.keyword-tag { font-size:14px; font-weight:500; padding:6px; }

}

/* COMPACT MOBILE ---------------------------------------- */
@media (max-width: 320px) {}