Muške teksas bermude

{% if template == 'index' %}
<a href="https://y94mjq-g0.myshopify.com/collections/polo-ralph-lauren" class="custom-collection-banner">
<div class="custom-banner-content">
<img src="https://cdn.shopify.com/s/files/1/0747/0537/1351/files/05BB7525-A194-47A0-BBFA-293F20F3A59E.jpg?v=1750359451" alt="Pogledaj kolekciju" class="custom-banner-image" />

<div class="collection-text-center">POGLEDAJ KOLEKCIJU</div>
<div class="discount-badge">-20%</div>
<div class="fast-delivery">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" width="20" height="20" fill="white">
<path d="M624 352h-16V275.2c0-17-6.7-33.3-18.7-45.3l-83.2-83.2C494.3 133.7 478 127 461 127H416V80c0-26.5-21.5-48-48-48H48C21.5 32 0 53.5 0 80v288c0 26.5 21.5 48 48 48h16.2c5.5 36.6 36.9 64 75.8 64s70.3-27.4 75.8-64h178.3c5.5 36.6 36.9 64 75.8 64s70.3-27.4 75.8-64H624c8.8 0 16-7.2 16-16v-32c0-8.8-7.2-16-16-16zM128 432c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32zm336-64H278.2c-5.5-36.6-36.9-64-75.8-64s-70.3 27.4-75.8 64H48V80h320v288zm64 64c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32zm80-64h-48.2c-5.5-36.6-36.9-64-75.8-64s-70.3 27.4-75.8 64h-17.4V160h45c4.2 0 8.3 1.7 11.3 4.7l83.2 83.2c3 3 4.7 7.1 4.7 11.3V368z"/>
</svg>
<span>Fast delivery</span>
</div>
<div class="red-dot"></div>
</div>
</a>

<style>
.custom-collection-banner {
display: block;
position: relative;
border-radius: 20px;
overflow: hidden;
max-width: 100%;
}

.custom-banner-image {
width: 100%;
height: auto;
display: block;
border-radius: 20px;
}

.custom-banner-content {
position: relative;
text-align: center;
color: white;
font-family: 'Arial', sans-serif;
}

.collection-text-center {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 2rem;
font-weight: bold;
letter-spacing: 2px;
background: rgba(0,0,0,0.4);
padding: 10px 20px;
border-radius: 10px;
}

.discount-badge {
position: absolute;
top: 10px;
right: 10px;
background: #d80027;
padding: 6px 12px;
font-weight: bold;
border-radius: 8px;
font-size: 1rem;
}

.fast-delivery {
position: absolute;
bottom: 10px;
left: 10px;
display: flex;
align-items: center;
background: rgba(0,0,0,0.5);
padding: 6px 10px;
border-radius: 8px;
font-size: 0.9rem;
}

.fast-delivery svg {
margin-right: 6px;
}

.red-dot {
position: absolute;
top: 50%;
left: 50%;
width: 12px;
height: 12px;
background-color: red;
border-radius: 50%;
transform: translate(-50%, -50%);
}
</style>
{% endif %}