@media screen and (max-width:1200px) {
    .finance-placement {
        transform: scale(0.85);
    }
}

.crox-price-wrapper > .price {
    margin: 0 15px 0 0;
    font-weight: 500;
    font-size: 26px;
}

.crox-finance-placement {
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    position: relative;
}
    
.crox-finance-placement #rent-placement,.crox-finance-placement #studio-19-placement {
    display: flex;
    align-items: center;
    text-align: left;
}
    
.finance-placement {
    display: inline-block;
    position: relative;
    height: auto;
    width: auto;
    padding-right: 15px;
    padding-bottom: 10px;
    box-sizing: border-box;
    text-align: center;
    height: 50px;
}

.finance-placement .placement-logo {
    height: 100%;
    width: auto;
}

.finance-placement  #rent-text {
    font-size: 14px;
    line-height: 14px;
    width: 65px;
}

.finance-placement .placement-link {
    cursor: pointer;
    color: inherit;
    text-decoration: none;
    position: relative;
    top: 50%;
}

.crox-finance-placement .placement-details {
    background-color: #fff;
    color: #414141;
    text-align: left;
    position: absolute;
    z-index: 10;
    visibility: hidden;
    opacity: 0;
    transition: transform .25s ease .2s,opacity .25s ease .2s,visibility 0s ease .35s;
    transform: translate(0,-15px);
    padding: 10px 15px;
    max-width: 92%;
    min-width: 30%;
    box-shadow: 0 0 24px rgba(0,0,0,.12);
    border-radius: var(--miniature-border-radius-base);
    top: 100%;
    pointer-events:none;
}

.crox-finance-placement .info-hover:hover + .placement-details, .placement-details:hover {
    visibility: visible;
    z-index: 15;
    opacity:1;
    pointer-events:auto;
}

klarna-placement {
    display:none;
}

.crox-finance-placement .info-hover:hover + .placement-details klarna-placement, .placement-details:hover klarna-placement{
    display:block;
}

.crox-finance-placement:hover .placement-details {
    transform: translate(0,-90px);
    transition-delay: 0s,0s,0s;
}

.crox-finance-placement .placement-details:before {
    /*content: "";*/
    position: absolute;
    top: -16px;
    left: 50%;
    border: 8px solid transparent;
    width: 0;
    height: 0;
}

.crox-finance-placement .placement-details:before {
    border-bottom-color: #fff;
}

#rent-placement > .placement-logo, #studio-19-placement > .placement-logo {
    margin-right:0.3em;
}

.crox-finance-alert {
    font-size: 0.8em;
    margin: auto;
    position: relative;
    text-decoration: underline;
    cursor: default;
    top: -3px;
}

/* Fix Humm Widget styling */
.humm-price-info-widget {
    all: unset !important;
}

/**
 * Custom Rental badges
 */
.crox_rental_badge {
    position: absolute;
    background-color: #f78e1e;
    color: #ffffff;
    padding: 5px 10px 5px 3px;
    z-index: 9;
    border-radius: 2em;
    font-weight: 600;
    font-size: 0.7em;
    display:flex;
    line-height:0.9em;
    align-items: center;
    height: 3em;
    width: 12.2em;
    top: 10px;
    left: -10px;
}

.wc-block-product-tag .crox_rental_badge {
    font-size:1.2em;
}

.crox_rental_badge:before {
    content: url('/wp-content/uploads/s19logo_32_v2.png');
    display:inline;
    transform: scale(0.8);
}

.crox_rental_badge b {
    font-size: 2.2em;
    padding-left: 4px;
    align-self: center;
    padding-bottom: 2px;
}

.crox_rental_badge span {
    align-self: flex-end;
    padding-bottom: 2px;
}
.cushidestudio19{display:none !important;}

.customstudio19lnmorebox{
    background-color: #fff;
    color: #414141;
    text-align: left;
    position: absolute;
    z-index: 10000;
    visibility: hidden;
    opacity: 0;
    transition: transform .25s ease .2s, opacity .25s ease .2s, visibility 0s ease .35s;
    transform: translate(0px, -135px);
    padding: 10px 15px;
    max-width: 100%;
    width: 100%;
    box-shadow: 0 0 24px rgba(0, 0, 0, .12);
    border-radius: var(--miniature-border-radius-base);
    top: 100%;
    pointer-events: auto;
}
.product-details-wrapper{overflow: visible;}
.humm-price-info-widget img.humm-widget-logo{
    all: unset;
    display: inline-block;
    margin-left: 6px;
    margin-right: 3px;
    height: 15px !important;
    float: none !important;
    width: auto;
    vertical-align: baseline;
}

.custombuyme-payoption #humm-placement +.placement-details{
    height: auto !important;
}

/* Product attribute catlog style end */
@media(max-width:567px) {
    .buymewidgetsec{
        border:1px solid #ddd !important;
    }
}

.crox-finance-wrapper.customrentme-payoption #paypal-placement,
.crox-finance-wrapper.customrentme-payoption #credit-card-placement {
    display: none;
}
.crox-finance-wrapper.custombuyme-payoption #humm-placement{
    display: none;
}

.mainfinancewwidsec  .custom-s19-applyrentbtn {
    margin-top: 0px !important;
}

.s19-rentfor .s19-price-amount {
    font-size: 18px;
}

.s19-rentfor .s19-price-amount .prefixfrmcls {
    font-size: 14px !important;
}

#zip-product-widget .zip-container span {
    font-size: 0 !important;
    visibility: hidden !important;
}

#zip-product-widget .zip-container span:before {
    content: "with";
    font-size: 16px !important; /* Set appropriate font size */
    visibility: visible !important;
    display: inline !important;
}
.bwradius{
    border:1px solid rgb(221, 221, 221) !important;
    border-right-color: rgb(221, 221, 221) !important;
    border-top-right-radius: 10px !important;
    border-bottom-right-radius:10px !important;
}
#zip-placement + .placement-details {
    transform: translate(0,-135px);
}
#afterpay-placement + .placement-details {
    transform: translate(0,-135px);
}
#klarna-placement + .placement-details {
    transform: translate(0,-160px);
}
#studio-19-placement + .placement-details {
    transform: translate(0,-195px);
}
@media (min-width:1200px) and (max-width:1400px){
    .finance-placement .placement-logo{height:22px !important;}
    .crox-finance-placement .placement-details{font-size: 14px;}
}
@media (min-width:993px) and (max-width:1025px){
    .custombuyme-payoption .crox-finance-placement #credit-card-placement +.placement-details{
        transform: translate(0,-145px) !important;
    }
    #paypal-placement +.placement-details {
        transform: translate(0,-120px) !important;
    }
    #zip-placement + .placement-details {
        transform: translate(0,-160px) !important;
    }
    #afterpay-placement + .placement-details {
        transform: translate(0,-160px) !important;
    }
    #klarna-placement + .placement-details {
        transform: translate(0,-190px) !important;
    }
    #studio-19-placement + .placement-details {
        transform: translate(0,-220px);
    }
}
@media (min-width:1026px) and (max-width:1038px){
    #klarna-placement + .placement-details {
        transform: translate(0,-195px) !important;
    }
}
@media (min-width:1039px) and (max-width:1129px){
    #klarna-placement + .placement-details {
        transform: translate(0,-175px) !important;
    }
}
@media (min-width:1026px) and (max-width:1150px){
    .custombuyme-payoption .crox-finance-placement #credit-card-placement +.placement-details{
        transform: translate(0,-145px) !important;
    }
    #paypal-placement +.placement-details {
        transform: translate(0,-120px) !important;
    }
    #zip-placement + .placement-details {
        transform: translate(0,-160px) !important;
    }
    #afterpay-placement + .placement-details {
        transform: translate(0,-130px) !important;
    }
    #studio-19-placement + .placement-details {
        transform: translate(0,-220px);
    }
}
@media (min-width:1151px) and (max-width:1199px){
    .crox-finance-placement:hover .placement-details {
        transform: translate(0, -125px);
        transition-delay: 0s, 0s, 0s;
        font-size: 15px;
    }
    #zip-placement + .placement-details {
        transform: translate(0,-165px) !important;
    }
    #studio-19-placement + .placement-details {
        transform: translate(0,-215px);
    }
}
@media (min-width:1185px) and (max-width:1199px){
    .crox-finance-placement .finance-placement{height:42px !important;}
}
@media (min-width:908px) and (max-width:992px){
    #afterpay-placement + .placement-details{transform: translate(0,-105px);}
}

@media (min-width:769px) and (max-width:907px){
    #afterpay-placement + .placement-details{transform: translate(0,-135px);}
}
@media (min-width:977px) and (max-width:992px){
    #klarna-placement + .placement-details{transform: translate(0,-125px);}
}
@media (min-width:769px) and (max-width:976px){
    #klarna-placement + .placement-details{transform: translate(0,-135px);}
}
@media (min-width:768px) and (max-width:768px){
    .crox-finance-placement:hover .placement-details {
        transform: translate(0, -120px);
        font-size: 12px;
    }
    #zip-placement + .placement-details {
        transform: translate(0,-160px);
    }
    #afterpay-placement + .placement-details {
        transform: translate(0, -170px);
    }
    #klarna-placement + .placement-details {
        transform: translate(0, -135px);
    }
    #studio-19-placement + .placement-details {
        transform: translate(0,-210px);
    }
}
@media (min-width:752px) and (max-width:767px){
    .crox-finance-placement:hover .placement-details {
        transform: translate(0, -120px);
        font-size: 12px;
    }
    #zip-placement + .placement-details {
        transform: translate(0,-160px);
    }
    #afterpay-placement + .placement-details {
        transform: translate(0, -170px);
    }
    #klarna-placement + .placement-details {
        transform: translate(0, -135px);
    }
    #studio-19-placement + .placement-details {
        transform: translate(0,-210px);
    }
}
@media (min-width:736px) and (max-width:751px){
    .crox-finance-placement:hover .placement-details {
        transform: translate(0, -120px);
        font-size: 12px;
    }
    #zip-placement + .placement-details {
        transform: translate(0,-160px);
    }
    #afterpay-placement + .placement-details {
        transform: translate(0, -170px);
    }
    #klarna-placement + .placement-details {
        transform: translate(0, -155px);
    }
    #studio-19-placement + .placement-details {
        transform: translate(0,-210px);
    }
}
@media (min-width:648px) and (max-width:735px){
    .crox-finance-placement:hover .placement-details {
        transform: translate(0, -120px);
        font-size: 12px;
    }
    #zip-placement + .placement-details {
        transform: translate(0,-160px);
    }
    #afterpay-placement + .placement-details {
        transform: translate(0, -130px);
    }
    #klarna-placement + .placement-details {
        transform: translate(0, -155px);
    }
    #studio-19-placement + .placement-details {
        transform: translate(0,-210px);
    }
}
@media (min-width:595px) and (max-width:647px){
    .crox-finance-placement:hover .placement-details {
        transform: translate(0, -120px);
        font-size: 12px;
    }
    #zip-placement + .placement-details {
        transform: translate(0,-160px);
    }
    #afterpay-placement + .placement-details {
        transform: translate(0, -130px);
    }
    #klarna-placement + .placement-details {
        transform: translate(0, -175px);
    }
    #studio-19-placement + .placement-details {
        transform: translate(0,-210px);
    }
}
@media (min-width:587px) and (max-width:594px){
    .crox-finance-placement:hover .placement-details {
        transform: translate(0, -120px);
        font-size: 12px;
    }
    #zip-placement + .placement-details {
        transform: translate(0,-160px);
    }
    #afterpay-placement + .placement-details {
        transform: translate(0, -130px);
    }
    #klarna-placement + .placement-details {
        transform: translate(0, -195px);
    }
    #studio-19-placement + .placement-details {
        transform: translate(0,-210px);
    }
}
@media (min-width:568px) and (max-width:586px){
    .crox-finance-placement:hover .placement-details {
        transform: translate(0, -120px);
        font-size: 12px;
    }
    #zip-placement + .placement-details {
        transform: translate(0,-160px);
    }
    #afterpay-placement + .placement-details {
        transform: translate(0, -160px);
    }
    #klarna-placement + .placement-details {
        transform: translate(0, -195px);
    }
    #studio-19-placement + .placement-details {
        transform: translate(0,-210px);
    }
}
@media (min-width:548px) and (max-width:567px){
    .crox-finance-placement:hover .placement-details {
        transform: translate(0, -120px);
    }
    #zip-placement + .placement-details {
        transform: translate(0, -165px);
    }
    #afterpay-placement + .placement-details {
        transform: translate(0, -145px);
    }
    #klarna-placement + .placement-details {
        transform: translate(0, -175px);
    }
    #studio-19-placement + .placement-details {
        transform: translate(0, -230px);
    }
}
@media (min-width:480px) and (max-width:547px){
    .crox-finance-placement:hover .placement-details {
        transform: translate(0, -120px);
    }
    #zip-placement + .placement-details {
        transform: translate(0, -165px);
    }
    #afterpay-placement + .placement-details {
        transform: translate(0, -175px);
    }
    #klarna-placement + .placement-details {
        transform: translate(0, -175px);
    }
    #studio-19-placement + .placement-details {
        transform: translate(0, -230px);
    }
}
@media (min-width:402px) and (max-width:479px){
    .crox-finance-placement:hover .placement-details {
        transform: translate(0, -120px);
    }
    #zip-placement + .placement-details {
        transform: translate(0, -165px);
    }
    #afterpay-placement + .placement-details {
        transform: translate(0, -175px);
    }
    #klarna-placement + .placement-details {
        transform: translate(0, -175px);
    }
    #studio-19-placement + .placement-details {
        transform: translate(0, -230px);
    }
}
@media (min-width:360px) and (max-width:401px){
    .crox-finance-placement:hover .placement-details {
        transform: translate(0, -120px);
    }
    #zip-placement + .placement-details {
        transform: translate(0, -165px);
    }
    #afterpay-placement + .placement-details {
        transform: translate(0, -175px);
    }
    #klarna-placement + .placement-details {
        transform: translate(0, -195px);
    }
    #studio-19-placement + .placement-details {
        transform: translate(0, -230px);
    }
}
@media (min-width:320px) and (max-width:359px){
    .crox-finance-placement:hover .placement-details {
        transform: translate(0, -120px);
        font-size: 13px;
    }
    #zip-placement + .placement-details {
        transform: translate(0, -165px);
    }
    #afterpay-placement + .placement-details {
        transform: translate(0, -175px);
    }
    #klarna-placement + .placement-details {
        transform: translate(0, -195px);
    }
    #studio-19-placement + .placement-details {
        transform: translate(0, -230px);
    }
}
@media (min-width:350px) and (max-width:359px){
    #klarna-placement + .placement-details {
        transform: translate(0, -155px);
    }
}
@media (min-width:324px) and (max-width:349px){
    #klarna-placement + .placement-details {
        transform: translate(0, -175px);
    }
}