/* =========================================================
   RIGHT PRODUCT PANEL
   ========================================================= */

.ninosepo-single-info{
    --ninosepo-text:#111;
    --ninosepo-muted:#777;
    --ninosepo-soft:#aaa;
    --ninosepo-border:#e5e5e5;
    --ninosepo-light:#f7f7f7;

    width:100%;
    max-width:760px;

    padding:
        14px
        34px
        60px;

    color:
        var(--ninosepo-text);
}


/* =========================================================
   BACK
   ========================================================= */

.ninosepo-single-info__back-wrap{
    margin:
        0
        0
        19px;
}


.ninosepo-single-info__back{
    display:inline-flex;

    align-items:center;

    gap:7px;

    color:#222;

    font-size:10px;
    font-weight:500;
    line-height:1;

    letter-spacing:.035em;

    text-decoration:none;

    text-transform:uppercase;

    transition:
        opacity .18s ease,
        transform .18s ease;
}


.ninosepo-single-info__back:hover{
    opacity:.52;

    transform:
        translateX(-2px);
}


.ninosepo-single-info__back-arrow{
    display:inline-flex;

    align-items:center;

    font-size:14px;
    line-height:1;
}


/* =========================================================
   PRODUCT HEADER
   ========================================================= */

.ninosepo-single-info__header{
    display:flex;

    width:100%;

    align-items:flex-start;
    justify-content:space-between;

    gap:32px;
}


.ninosepo-single-info__title{
    flex:1 1 auto;

    margin:0;

    color:
        var(--ninosepo-text);

    font-size:20px;
    font-weight:500;
    line-height:1.22;

    letter-spacing:-.025em;
}


.ninosepo-single-info__price{
    flex:0 0 auto;

    margin:
        3px
        0
        0;

    color:
        var(--ninosepo-text);

    font-size:15px;
    font-weight:500;
    line-height:1.2;

    letter-spacing:-.01em;

    white-space:nowrap;
}


.ninosepo-single-info__price del{
    margin-right:7px;

    color:#999;

    font-weight:400;
}


.ninosepo-single-info__price ins{
    color:#c62828;

    text-decoration:none;
}
/* =========================================================
   NINOSEPO PRICE — OVERRIDE WOOCOMMERCE PRICE MARKUP
   ========================================================= */

/*
 * WooCommerce injects its own nested price markup.
 *
 * We keep the markup because it is useful for:
 * - currency formatting
 * - sale prices
 * - variable prices
 *
 * But Ninosepo owns the visual styling completely.
 */

.ninosepo-single-info__price,
.ninosepo-single-info__price .price,
.ninosepo-single-info__price .woocommerce-Price-amount,
.ninosepo-single-info__price .amount{
    margin:0 !important;
    padding:0 !important;

    border:0 !important;

    background:transparent !important;

    color:#111 !important;

    font-family:inherit !important;

    font-size:15px !important;
    font-weight:500 !important;
    line-height:1.2 !important;

    letter-spacing:-.01em !important;

    text-decoration:none;

    box-shadow:none !important;

    white-space:nowrap;
}


/* Currency symbol */

.ninosepo-single-info__price
.woocommerce-Price-currencySymbol{
    color:inherit !important;

    font-family:inherit !important;

    font-size:inherit !important;
    font-weight:inherit !important;
    line-height:inherit !important;
}


/* =========================================================
   SALE PRICE
   ========================================================= */

/*
 * Regular/original price.
 */

.ninosepo-single-info__price del{
    display:inline !important;

    margin:0 7px 0 0 !important;

    padding:0 !important;

    color:#999 !important;

    font-size:inherit !important;
    font-weight:400 !important;

    line-height:inherit !important;

    opacity:1 !important;

    text-decoration:line-through !important;

    text-decoration-thickness:1px !important;
}


.ninosepo-single-info__price del
.woocommerce-Price-amount,
.ninosepo-single-info__price del
.amount{
    color:#999 !important;

    font-weight:400 !important;

    text-decoration:line-through !important;
}


/*
 * Sale/current price.
 */

.ninosepo-single-info__price ins{
    display:inline !important;

    margin:0 !important;
    padding:0 !important;

    background:transparent !important;

    color:#c62828 !important;

    font-size:inherit !important;
    font-weight:500 !important;

    line-height:inherit !important;

    text-decoration:none !important;
}


.ninosepo-single-info__price ins
.woocommerce-Price-amount,
.ninosepo-single-info__price ins
.amount{
    color:#c62828 !important;

    font-weight:500 !important;

    text-decoration:none !important;
}


/* =========================================================
   REMOVE WOOCOMMERCE PRICE DECORATIONS
   ========================================================= */

.ninosepo-single-info__price *,
.ninosepo-single-info__price *::before,
.ninosepo-single-info__price *::after{
    box-shadow:none !important;
}


/* =========================================================
   MOBILE PRICE
   ========================================================= */

@media(max-width:767px){

    .ninosepo-single-info__price,
    .ninosepo-single-info__price .price,
    .ninosepo-single-info__price .woocommerce-Price-amount,
    .ninosepo-single-info__price .amount{
        font-size:14px !important;
    }

}


@media(max-width:420px){

    .ninosepo-single-info__price,
    .ninosepo-single-info__price .price,
    .ninosepo-single-info__price .woocommerce-Price-amount,
    .ninosepo-single-info__price .amount{
        font-size:13px !important;
    }

}

/* =========================================================