/* Loaded separately so it always overrides legacy product-price styles. */
.productdetails-view .product-price.vm-final-price-only {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
}

.productdetails-view .product-price.vm-final-price-only > .vm-price-value {
    flex: 0 0 100% !important;
    width: 100% !important;
}

.productdetails-view .product-price.vm-final-price-only > .vm-credit-parts-group {
    display: flex !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    order: 2 !important;
    gap: 8px !important;
    margin: 8px 0 0 !important;
    align-items: flex-start !important;
    flex-wrap: wrap !important;
}

.productdetails-view .product-price.vm-final-price-only > .vm-credit-parts-group > .vm-credit-parts-badge {
    display: block !important;
    position: relative !important;
    clear: both !important;
    float: none !important;
    flex: 0 0 auto !important;
    align-self: flex-start !important;
    order: 2 !important;
    width: 128px !important;
    min-width: 128px !important;
    max-width: 128px !important;
    height: 38px !important;
    margin: 8px 0 0 !important;
    padding: 4px 11px !important;
    overflow: visible !important;
    border: 1px solid #8e8e8e !important;
    border-radius: 999px !important;
    background: #f4f4f4 !important;
    color: #3d3d3d !important;
    line-height: 1 !important;
    text-align: left !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    appearance: none !important;
    box-shadow: none !important;
    transform: none !important;
    transition: none !important;
}

.productdetails-view .product-price.vm-final-price-only > .vm-credit-parts-group > .vm-credit-parts-badge img {
    display: block !important;
    width: 106px !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: left top !important;
    background: transparent !important;
}

.productdetails-view .product-price.vm-final-price-only > .vm-credit-parts-group > .vm-credit-parts-badge > .vm-credit-parts-badge__label {
    position: absolute !important;
    left: 43px !important;
    top: 20px !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #5d5d5d !important;
    font-size: 8.5px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    text-shadow: 0 1px 0 rgba(255,255,255,0.78), 0 0 2px rgba(0,0,0,0.07), 0 1px 2px rgba(0,0,0,0.05) !important;
}

.productdetails-view .product-price.vm-final-price-only > .vm-credit-parts-group > .vm-credit-parts-badge:hover,
.productdetails-view .product-price.vm-final-price-only > .vm-credit-parts-group > .vm-credit-parts-badge:active,
.productdetails-view .product-price.vm-final-price-only > .vm-credit-parts-group > .vm-credit-parts-badge:focus {
    border-color: #8e8e8e !important;
    background: #f4f4f4 !important;
    color: #3d3d3d !important;
    box-shadow: none !important;
    transform: none !important;
    outline: none !important;
}

.productdetails-view .product-price.vm-final-price-only > .vm-credit-parts-group > .vm-credit-parts-badge:focus-visible {
    outline: 2px solid #4b4b4b !important;
    outline-offset: 2px !important;
}

/* The requirements are intentionally a bulleted list rather than numbered steps. */
.vm-monobank-parts-modal__body ul {
    margin: 0 !important;
    padding-left: 20px !important;
    list-style: disc !important;
}


.productdetails-view .product-price.vm-final-price-only > .vm-credit-parts-group > .vm-credit-parts-badge.vm-privatbank-parts-badge {
    width: 132px !important;
    min-width: 132px !important;
    max-width: 132px !important;
}

.productdetails-view .product-price.vm-final-price-only > .vm-credit-parts-group > .vm-credit-parts-badge.vm-privatbank-parts-badge img {
    width: 106px !important;
}

.productdetails-view .product-price.vm-final-price-only > .vm-credit-parts-group > .vm-credit-parts-badge.vm-privatbank-parts-badge > .vm-credit-parts-badge__label {
    left: 39px !important;
    top: 20px !important;
    font-size: 7.7px !important;
    color: #5d5d5d !important;
    font-weight: 500 !important;
    text-shadow: 0 1px 0 rgba(255,255,255,0.78), 0 0 2px rgba(0,0,0,0.07), 0 1px 2px rgba(0,0,0,0.05) !important;
}

/* 2.3.16.53 — compact plain-text octagonal contact actions.
   The button itself is clipped to an octagon. No rectangular white fill,
   no background image, no shadow and no decorative text effects remain. */
.productdetails-view .product-price.vm-final-price-only > .vm-detail-contact-actions {
    display: flex !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    order: 3 !important;
    align-items: stretch !important;
    gap: 8px !important;
    margin: 12px 0 0 6px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.productdetails-view .product-price.vm-final-price-only > .vm-detail-contact-actions > .vm-detail-contact-action {
    position: relative !important;
    isolation: isolate !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 1 1 0 !important;
    min-width: 0 !important;
    min-height: 31px !important;
    height: 31px !important;
    margin: 0 !important;
    padding: 6px 10px 7px !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    color: #d9eefc !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    line-height: 1.1 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-decoration: none !important;
    text-shadow: none !important;
    white-space: normal !important;
    -webkit-clip-path: polygon(6px 0, calc(100% - 6px) 0, 100% 22%, 100% 78%, calc(100% - 6px) 100%, 6px 100%, 0 78%, 0 22%) !important;
    clip-path: polygon(6px 0, calc(100% - 6px) 0, 100% 22%, 100% 78%, calc(100% - 6px) 100%, 6px 100%, 0 78%, 0 22%) !important;
    transition: color 0.15s ease !important;
}

.productdetails-view .product-price.vm-final-price-only > .vm-detail-contact-actions > .vm-detail-contact-action::before,
.productdetails-view .product-price.vm-final-price-only > .vm-detail-contact-actions > .vm-detail-contact-action::after {
    content: "" !important;
    position: absolute !important;
    display: block !important;
    pointer-events: none !important;
}

/* Blue octagonal edge. */
.productdetails-view .product-price.vm-final-price-only > .vm-detail-contact-actions > .vm-detail-contact-action::before {
    inset: 0 !important;
    z-index: -2 !important;
    background: #3a78b2 !important;
}

/* Dark transparent inner surface — deliberately no white image/background. */
.productdetails-view .product-price.vm-final-price-only > .vm-detail-contact-actions > .vm-detail-contact-action::after {
    inset: 1px !important;
    z-index: -1 !important;
    background: rgba(16, 23, 30, 0.84) !important;
    -webkit-clip-path: polygon(5px 0, calc(100% - 5px) 0, 100% 22%, 100% 78%, calc(100% - 5px) 100%, 5px 100%, 0 78%, 0 22%) !important;
    clip-path: polygon(5px 0, calc(100% - 5px) 0, 100% 22%, 100% 78%, calc(100% - 5px) 100%, 5px 100%, 0 78%, 0 22%) !important;
}

.productdetails-view .product-price.vm-final-price-only > .vm-detail-contact-actions > .vm-detail-contact-action:hover,
.productdetails-view .product-price.vm-final-price-only > .vm-detail-contact-actions > .vm-detail-contact-action:focus {
    color: #ffffff !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    filter: none !important;
    outline: none !important;
    transform: none !important;
}

.productdetails-view .product-price.vm-final-price-only > .vm-detail-contact-actions > .vm-detail-contact-action:hover::before,
.productdetails-view .product-price.vm-final-price-only > .vm-detail-contact-actions > .vm-detail-contact-action:focus::before {
    background: #78acd9 !important;
}

.productdetails-view .product-price.vm-final-price-only > .vm-detail-contact-actions > .vm-detail-contact-action:focus-visible {
    outline: 2px solid #f0d25f !important;
    outline-offset: 2px !important;
}

@media (max-width: 520px) {
    .productdetails-view .product-price.vm-final-price-only > .vm-detail-contact-actions {
        margin-left: 0 !important;
    }
}

@media (max-width: 360px) {
    .productdetails-view .product-price.vm-final-price-only > .vm-detail-contact-actions {
        flex-wrap: wrap !important;
    }

    .productdetails-view .product-price.vm-final-price-only > .vm-detail-contact-actions > .vm-detail-contact-action {
        flex-basis: 100% !important;
    }
}

/* 2.3.16.54 — center contact actions, use only a thin menu-colour octagonal line. */
.productdetails-view .product-price.vm-final-price-only > .vm-detail-contact-actions {
    justify-content: center !important;
    margin: 12px 0 0 !important;
}

.productdetails-view .product-price.vm-final-price-only > .vm-detail-contact-actions > .vm-detail-contact-action {
    flex: 0 1 158px !important;
    width: min(158px, calc((100% - 8px) / 2)) !important;
    color: #a8ef9d !important;
}

/* One-pixel octagonal outline only: the centre is transparent. */
.productdetails-view .product-price.vm-final-price-only > .vm-detail-contact-actions > .vm-detail-contact-action::before {
    background: #a8ef9d !important;
}

.productdetails-view .product-price.vm-final-price-only > .vm-detail-contact-actions > .vm-detail-contact-action::after {
    background: transparent !important;
}

.productdetails-view .product-price.vm-final-price-only > .vm-detail-contact-actions > .vm-detail-contact-action:hover,
.productdetails-view .product-price.vm-final-price-only > .vm-detail-contact-actions > .vm-detail-contact-action:focus {
    color: #a8ef9d !important;
}

.productdetails-view .product-price.vm-final-price-only > .vm-detail-contact-actions > .vm-detail-contact-action:hover::before,
.productdetails-view .product-price.vm-final-price-only > .vm-detail-contact-actions > .vm-detail-contact-action:focus::before {
    background: #a8ef9d !important;
}

/* 2.3.16.55 — real transparent outline and true centering for product contact actions.
   The previous version used two stacked pseudo-elements; the outer one became a solid
   green fill in the browser. Use the clipped button border itself instead. */
.productdetails-view .vm-detail-price-zone .product-price.vm-final-price-only {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
}

.productdetails-view .product-price.vm-final-price-only > .vm-detail-contact-actions {
    display: flex !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: none !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 12px 0 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.productdetails-view .product-price.vm-final-price-only > .vm-detail-contact-actions > .vm-detail-contact-action {
    position: relative !important;
    z-index: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 154px !important;
    width: 154px !important;
    min-width: 154px !important;
    height: 36px !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 5px 12px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    border: 1px solid #a8ef9d !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    color: #a8ef9d !important;
    -webkit-text-fill-color: #a8ef9d !important;
    opacity: 1 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 10.5px !important;
    font-weight: 400 !important;
    line-height: 1.15 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-indent: 0 !important;
    text-decoration: none !important;
    text-shadow: none !important;
    white-space: normal !important;
    clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 24%, 100% 76%, calc(100% - 8px) 100%, 8px 100%, 0 76%, 0 24%) !important;
    -webkit-clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 24%, 100% 76%, calc(100% - 8px) 100%, 8px 100%, 0 76%, 0 24%) !important;
}

.productdetails-view .product-price.vm-final-price-only > .vm-detail-contact-actions > .vm-detail-contact-action::before,
.productdetails-view .product-price.vm-final-price-only > .vm-detail-contact-actions > .vm-detail-contact-action::after {
    content: none !important;
    display: none !important;
    background: none !important;
}

.productdetails-view .product-price.vm-final-price-only > .vm-detail-contact-actions > .vm-detail-contact-action:hover,
.productdetails-view .product-price.vm-final-price-only > .vm-detail-contact-actions > .vm-detail-contact-action:focus {
    border-color: #c8ffc0 !important;
    background: transparent !important;
    background-color: transparent !important;
    color: #c8ffc0 !important;
    -webkit-text-fill-color: #c8ffc0 !important;
    box-shadow: none !important;
    outline: none !important;
    transform: none !important;
}

.productdetails-view .product-price.vm-final-price-only > .vm-detail-contact-actions > .vm-detail-contact-action:focus-visible {
    outline: 1px solid #f0d25f !important;
    outline-offset: 2px !important;
}

@media (max-width: 420px) {
    .productdetails-view .product-price.vm-final-price-only > .vm-detail-contact-actions {
        flex-wrap: wrap !important;
    }

    .productdetails-view .product-price.vm-final-price-only > .vm-detail-contact-actions > .vm-detail-contact-action {
        flex-basis: min(154px, 100%) !important;
        width: min(154px, 100%) !important;
        min-width: 0 !important;
    }
}

/* 2.3.16.57 — precise 90px desktop shift and a minimum-weight octagonal outline.
   SVG is retained only so all four diagonal facets are physically part of the outline,
   but the stroke is reduced to the visual weight of the earlier thin CSS border. */
.productdetails-view .product-price.vm-final-price-only > .vm-detail-contact-actions {
    justify-content: flex-start !important;
    margin: 12px 0 0 90px !important;
    transform: none !important;
}

.productdetails-view .product-price.vm-final-price-only > .vm-detail-contact-actions > .vm-detail-contact-action {
    border: 0 !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 154 36'%3E%3Cpath d='M8 .65H146L153.35 8v20L146 35.35H8L.65 28V8L8 .65Z' fill='none' stroke='%23a8ef9d' stroke-width='0.25' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 100% 100% !important;
    clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 8px, 100% calc(100% - 8px), calc(100% - 8px) 100%, 8px 100%, 0 calc(100% - 8px), 0 8px) !important;
    -webkit-clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 8px, 100% calc(100% - 8px), calc(100% - 8px) 100%, 8px 100%, 0 calc(100% - 8px), 0 8px) !important;
}

.productdetails-view .product-price.vm-final-price-only > .vm-detail-contact-actions > .vm-detail-contact-action:hover,
.productdetails-view .product-price.vm-final-price-only > .vm-detail-contact-actions > .vm-detail-contact-action:focus {
    border: 0 !important;
    background-color: transparent !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 154 36'%3E%3Cpath d='M8 .65H146L153.35 8v20L146 35.35H8L.65 28V8L8 .65Z' fill='none' stroke='%23c8ffc0' stroke-width='0.25' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") !important;
}

@media (max-width: 760px) {
    .productdetails-view .product-price.vm-final-price-only > .vm-detail-contact-actions {
        margin-left: 0 !important;
        justify-content: center !important;
    }
}