.service-section {
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: center;
margin: 40px 0;
}
.service-card-link {
text-decoration: none;
color: inherit;
}
.service-card {
position: relative;
width: 250px;
height: 250px;
padding: 20px;
text-align: center;
overflow: hidden;
border-radius: 12px;
background-color: #ffffff;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
transition: all 0.4s ease;
display: block;
}
@media (min-width: 1280px) {
.service-card {
width: 340px;
}
}
@media (max-width: 1024px) {
.service-card {
width: 30%;
}
}
@media (max-width: 768px) {
.service-card {
width: 100%;
}
.service-section {
flex-direction: column;
align-items: center;
}
}
.service-card:hover {
box-shadow: 0 0 20px 5px rgba(255, 255, 255, 0.7);
border: 2px solid #fff;
}
.service-bg {
position: absolute;
inset: 0;
background-size: cover;
background-position: center;
opacity: 0.6;
z-index: 1;
transition: opacity 0.4s ease, filter 0.4s ease;
}
.service-card:hover .service-bg {
opacity: 0.2;
filter: brightness(1.1) drop-shadow(0 0 12px rgba(255, 255, 255, 0.6));
}
.service-content {
position: relative;
z-index: 2;
color: #320C49;
transition: opacity 0.4s ease;
}
.service-card:hover .service-content > *:not(.service-title) {
opacity: 0;
}
.service-icon {
width: 60px;
margin-bottom: 20px;
transition: transform 0.4s ease, opacity 0.4s ease;
}
.service-title {
font-size: 2.2rem;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 20px;
z-index: 4;
position: relative;
}
.divider {
width: 50px;
height: 3px;
background-color: #320C49;
margin: 0 auto 20px;
transition: opacity 0.3s ease;
}
.service-card:hover .divider {
opacity: 0;
}
.service-text {
font-size: 1.4rem;
font-weight: bold;
line-height: 2.0;
transition: opacity 0.3s ease;
}
.hover-icon {
position: absolute;
top: 55%;
left: 50%;
transform: translate(-50%, -50%) scale(0.1);
width: 160px;
opacity: 0;
z-index: 3;
transition: opacity 0.4s ease, transform 0.4s ease;
pointer-events: none;
}
.service-card:hover .hover-icon {
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}
/* center alignied */
@media (max-width: 768px) {
.service-section {
flex-direction: column;
align-items: center;
padding: 0 16px;
}
.service-card {
width: 100%;
max-width: 250px;
margin: 0 auto;
}
}
Furnizim me Shumicë
Arrore të freskëta, me cilësi të lartë, shpërndahen me shumicë në tregje dhe dyqane anembanë rajonit.
Arrore pa kemikalje
Ne ofrojmë arrore krejtësisht pa kemikalje, përpunuara me kujdes për të garantuar shijen e tyre natyrale.
Paketim Eko
Ne ofrojmë paketim eko-miqësor dhe tërheqës, të dizajnuar për produktet e arroreve për shitje me pakicë.
Produktet
Shijoni produktet PREMIUM Arrnuts
Premium Arrnuts Fara të Zeza
150g
Premium Arrnuts Stika
75g
Premium Arrnuts Shtegu Mix
100g
Arrnuts – arrore organike më japin atë energji të pastër që më duhet për aktivitetet e përditshme dhe më ndihmojnë të ndihem gjithmonë plot gjallëri. Aq më tepër, ato janë bërë pjesë e pandashme e dietës sime për të vazhduar të jem aktive dhe e shëndetshme.
Basketbolliste, Prishtine
.service-section {
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: center;
margin: 40px 0;
}
.service-card-link {
text-decoration: none;
color: inherit;
}
.service-card {
position: relative;
width: 400px;
height: 400px;
padding: 20px;
text-align: center;
overflow: hidden;
border-radius: 12px;
background-color: #ffffff;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
/*transition: all 0.4s ease; */
display: block;
}
.service-card:hover {
box-shadow: 0 0 20px 5px rgba(255, 255, 255, 0.7);
border: 2px solid #fff;
}
.service-bg {
position: absolute;
inset: 0;
background-size: cover;
background-position: center;
opacity: 0.6;
z-index: 1;
/* transition: opacity 0.4s ease, filter 0.4s ease; */
}
.service-card:hover .service-bg {
opacity: 0.2;
filter: brightness(1.1) drop-shadow(0 0 12px rgba(255, 255, 255, 0.6));
}
.service-content {
position: relative;
z-index: 2;
color: #320C49;
/* transition: opacity 0.4s ease; */
}
.service-card:hover .service-content > *:not(.service-title) {
opacity: 0;
}
.service-icon {
width: 60px;
margin-bottom: 20px;
/*transition: transform 0.4s ease, opacity 0.4s ease; */
}
.service-title {
font-size: 2.2rem;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 20px;
z-index: 4;
position: relative;
}
.divider {
width: 50px;
height: 3px;
background-color: #320C49;
margin: 0 auto 20px;
transition: opacity 0.3s ease;
}
.service-card:hover .divider {
opacity: 0;
}
.service-text {
font-size: 1.4rem;
font-weight: bold;
line-height: 2.0;
transition: opacity 0.3s ease;
}
.hover-icon {
position: absolute;
top: 55%;
left: 50%;
/*transform: translate(-50%, -50%) scale(0.1); */
width: 160px;
opacity: 0;
z-index: 3;
/*transition: opacity 0.4s ease, transform 0.4s ease; */
pointer-events: none;
}
.service-card:hover .hover-icon {
opacity: 1;
/* transform: translate(-50%, -50%) scale(1); */
}
