/* Make columns stack blocks evenly */
.wp-block-column:has(.wp-block-custom-product-card-ultimate),
.wp-block-group:has(.wp-block-custom-product-card-ultimate),
.wp-block-cover__inner-container:has(.wp-block-custom-product-card-ultimate) {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
}

/* Fallback for browsers without :has() support */
.wp-block-columns .wp-block-column {
    display: flex;
    flex-direction: column;
}

.wp-block-custom-product-card-ultimate {
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    min-height: 0;
    margin-bottom: 0 !important;
}

.wpcu-card{
    display: flex;
    gap: 1%;
    padding: 2%;
    align-items: center;
    position: relative;
    width: 100%;
    box-sizing: border-box;
}

.wpcu-card--right{
flex-direction:row-reverse;
}

.wpcu-image{
flex-shrink:0;
width:40%;
max-width:300px;
position:relative;
height:100%;
min-height:250px;
display:flex;
align-items:center;
justify-content:center;
}

.wpcu-image img{
width:100%;
height:auto;
max-height:100%;
display:block;
border-radius:8px;
object-fit:contain;
}

.wpcu-content{
flex:1;
min-width:0;
display:flex;
flex-direction:column;
justify-content:center;
}

.wpcu-content h3{
    font-size: 0.85em;
    margin: 0 0 10px;
    line-height: 1;
}

.wpcu-discount{
position:absolute;
top:10px;
left:10px;
background:#e53935;
color:#fff;
padding:10px 12px;
border-radius:8px;
font-weight:bold;
font-size:16px;
z-index:1;
}



.wpcu-price{
margin:15px 0;
}

.wpcu-old{
text-decoration:line-through;
opacity:0.6;
display:block;
font-size:16px;
margin-bottom:5px;
}

.wpcu-new{
font-size:clamp(22px, 3.5vw, 26px);
font-weight:bold;
color:#333;
display:block;
}

.wpcu-btn{
    display: inline-block;
    color: #fff;
    padding: 8% 10%;
    border-radius: 12px;
    text-decoration: none;
    font-size: 0.8em;
    margin-top: 12px;
    font-weight: normal;
    transition: opacity 0.3s ease;
    text-align: center;
}

.wpcu-btn:hover{
opacity:0.9;
}

/* Responsive pentru tablete */
@media (max-width: 768px) {
.wpcu-card{
gap:20px;
padding:20px;
}

.wpcu-image{
width:35%;
max-width:200px;
}

.wpcu-discount{
padding:8px 10px;
font-size:14px;
}
}

/* Responsive pentru mobile - păstrează layout orizontal */
@media (max-width: 480px) {
.wpcu-card{
gap:2%;
padding:2%;
}

.wpcu-image{
width:40%;
max-width:40%;
min-height:150px;
}

.wpcu-content h3{
font-size:0.7em;
}

.wpcu-discount{
top:5px;
left:5px;
padding:6px 8px;
font-size:12px;
}

.wpcu-btn{
padding:6% 8%;
font-size:0.8em;
}
}