@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

/* =========================================================
   Design tokens
   ========================================================= */

   /* 
   
   Design:
 
Fonts:
Header: instrument serif
Body: Jost
 
Colours:
1. Text colours:
- Primary: #151b1b | secondary: # 626262
2. Background page: #FAF8F5
3. Cards: #ffffff
4. Hover border: #bc8963
5. Selected item: #fdfaf4 | selected fill: #eee1cc
6. Border colour: rgba (21, 27, 27,.13) | #e2e1df
7. Hairline: #e2dcd3
 
Radius corner:
1. Main product image: 14px
2. Cards, tiles, plans, tiers: 11px
3. Radios: 50px/50%*/
:root {
    --text-primary: #151b1b;
    --text-secondary: #626262;

    --bg-page: #FAF8F5;
    --bg-card: #ffffff;

    --border-hover: #bc8963;
    --selected-bg: #fdfaf4;
    --selected-fill: #eee1cc;

    --border: rgba(21, 27, 27, 0.13);
    --border-solid: #e2e1df;
    /* solid fallback of --border */
    --hairline: #e2dcd3;

    --radius-image: 14px;
    --radius-card: 11px;
    --radius-pill: 50px;
    --radius-round: 50%;

    --font-display: "Instrument Serif", serif;
    --font-body: "Jost", sans-serif;
}

div#primary.content-area div.product {
    margin-top: 0px;
}

div#primary.content-area {
    background: #FAF8F5;
    padding-top: 50px;
}

h1.product_title.entry-title {
    font-family: "Instrument Serif";
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--text-primary);
    line-height: 1;
}

.xiv-product-title-description {
    font-family: "Instrument Serif";
    font-size: 20px;
    font-weight: 500;
    text-transform: capitalize;
    font-style: italic;
    letter-spacing: 0.2px;
    color: #92501f;
}


.xiv-product-title-description+.xiv-product-tag-rating {
    display: none;
}

.xiv-product-short-description ul {
    margin: 20px 0 0 0;
    color: var(--text-primary);
}

.xiv-product-short-description {
    color: var(--text-primary);
    border-bottom: 0;
    padding-bottom: 15px;
    margin-bottom: 0;
    font-family: "Jost";
    font-size: 15px;
    line-height: 22px;
    padding: 0;
}

.xiv-product-short-description li {
    position: relative;
    padding-left: 19px;
    color: var(--text-primary);
    line-height: 25px;
    font-size: 15px;
    font-weight: 400;
    margin: 0;
    font-family: var(--font-body);
}

.xiv-product-short-description li:before {
    display: block;
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background: #bc8963;
    border-radius: 50%;
    top: 8px;
    left: 0;
}

.single-product div.product .woocommerce-product-gallery {
    background: transparent;
}

.woocommerce div.product div.summary {
    box-shadow: none;
    border-radius: 0;
    margin-left: 20px;
    margin-right: 0;
}

.xiv-product-hero {
    gap: 0;
}
.woocommerce div.product div.images {
    padding: 0;
    max-width: 52%;
    width: 52%;
}

.single-product div.product .woocommerce-product-gallery .flex-viewport {
   
    border-radius: 14px;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs img {
   
  
    border-radius: 11px;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs img {
    padding: 0;
    max-width: 100%;
    border: 1px solid #e2e1df;
}

.woocommerce div.product div.images .flex-control-thumbs li .woocommerce-product-gallery__video-thumbnail-preview:hover, .woocommerce div.product div.images .flex-control-thumbs li img:hover {
border-color:  #bc8963;
    
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li {

    border-radius: 11px;
    border: 0px ;
  
}
.woocommerce div.product div.images .flex-control-thumbs li .woocommerce-product-gallery__video-thumbnail-preview.flex-active,
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active{
border-color: #bc8963;
    
}

.xiv-prices-block {
    margin: 20px 0;
}

.xiv-prices-block h2.xiv-prices-title {
    display: none;
}

.xiv-price-cards {
    padding: 4px;
    gap: 10px;
}



.xiv-price-card-main {
    padding: 14px 5px;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0px 0px 4px 1px rgba(187, 187, 187, 0.27) inset;
    display: flex;
    flex-direction: column;
    gap: 10px;
    height:100%;
}

.xiv-price-card.xiv-price-card-refills,.xiv-price-card {
    background: transparent;
    box-shadow: none;
    width: 28%;
    border-radius: 0;
}

.xiv-price-card-main h3.xiv-price-card-title {
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    color: #151b1b;
    line-height: 1;
    margin: 0;
}

.xiv-price-card-main h3.xiv-price-card-title {
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    color: #151b1b;
    line-height: 1;
    margin: 0;
}

.xiv-price-card-price.xiv-price-card-price-refills {
    display: flex;
    flex-direction: column;
    min-height: unset;
    font-family: "Jost";
    font-size: 11px;
    color: #626262;
    line-height: 25px;
}

.xiv-price-card-price .amount bdi {
    font-family: "Instrument Serif";
    font-size: 22px;
    font-weight: 700;
    color: #151b1b;
}

.xiv-builder-item {
    border-radius: 11px 11px 11px 11px;
    box-shadow: 0px 0px 0px 1px rgba(21, 27, 27, 0.13) inset;
    margin: 0;
    background: #fff;
}

.xiv-builder-items {
    box-shadow: none;
    background: transparent;
    padding: 0;
    border-radius: 0;
    margin: 0;
}