.vstep-product-story, .vstep-product-story * { box-sizing: border-box; } .vstep-product-story { --vstep-text: #111111; --vstep-green: #30401f; --vstep-soft: #f5f7f3; --vstep-border: #dedfd9; width: 100%; max-width: 1180px; margin: 0 auto; padding: 45px 20px 60px; color: var(--vstep-text); font-family: inherit; } .vstep-product-story img { max-width: 100%; } /* ========================================= SPLOŠNI BLOKI ========================================= */ .vstep-story-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: center; gap: 64px; margin-bottom: 70px; } .vstep-story-row--reverse .vstep-story-content { order: 2; } .vstep-story-row--reverse .vstep-story-media { order: 1; } .vstep-story-content { padding: 10px 16px; } .vstep-story-eyebrow { margin: 0 0 10px; color: var(--vstep-green); font-size: 13px; line-height: 1.3; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; } .vstep-story-title { margin: 0 0 18px; color: var(--vstep-text); font-size: clamp(30px, 3vw, 45px); line-height: 1.12; font-weight: 500; letter-spacing: -0.025em; } .vstep-story-text { margin: 0; color: var(--vstep-text); font-size: 17px; line-height: 1.65; } .vstep-story-text + .vstep-story-text { margin-top: 14px; } .vstep-story-media { overflow: hidden; border-radius: 10px; background: var(--vstep-soft); } .vstep-story-image { width: 100%; height: auto; display: block; object-fit: cover; } /* ========================================= ACCORDION ========================================= */ .vstep-story-accordion { margin-top: 20px; border-top: 1px solid var(--vstep-border); } .vstep-story-accordion details { border-bottom: 1px solid var(--vstep-border); } .vstep-story-accordion summary { position: relative; padding: 17px 34px 17px 36px; color: var(--vstep-text); font-size: 16px; line-height: 1.35; font-weight: 600; list-style: none; cursor: pointer; } .vstep-story-accordion summary::-webkit-details-marker { display: none; } .vstep-story-accordion summary::before { content: "✓"; position: absolute; top: 17px; left: 4px; width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; color: var(--vstep-green); font-size: 14px; font-weight: 700; border: 1px solid var(--vstep-green); border-radius: 50%; } .vstep-story-accordion summary::after { content: "+"; position: absolute; top: 50%; right: 5px; color: var(--vstep-green); font-size: 22px; font-weight: 400; transform: translateY(-50%); } .vstep-story-accordion details[open] summary::after { content: "−"; } .vstep-story-accordion-content { padding: 0 15px 18px 36px; color: #444444; font-size: 15px; line-height: 1.6; } /* ========================================= 4. BLOK – KORISTI ========================================= */ .vstep-benefits { margin-top: 20px; padding: 48px 34px 38px; background: var(--vstep-soft); border-radius: 12px; } .vstep-benefits-title { margin: 0 0 38px; text-align: center; color: var(--vstep-text); font-size: clamp(28px, 3vw, 42px); line-height: 1.2; font-weight: 500; letter-spacing: -0.02em; } .vstep-benefits-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; } .vstep-benefit { text-align: center; } /* CERCHI PIÙ GRANDI PER LE ICONE */ .vstep-benefit-icon-wrap { width: 94px; height: 94px; margin: 0 auto 16px; display: flex; align-items: center; justify-content: center; background: #ffffff; border-radius: 50%; overflow: hidden; } /* ICONE PIÙ GRANDI */ .vstep-benefit-icon { width: 86px; height: 86px; max-width: none; display: block; object-fit: contain; } .vstep-benefit-title { margin: 0 0 8px; color: var(--vstep-text); font-size: 17px; line-height: 1.3; font-weight: 700; } .vstep-benefit-number { margin: 0 0 5px; color: var(--vstep-green); font-size: 24px; line-height: 1; font-weight: 700; } .vstep-benefit-line { width: 200px; max-width: 100%; height: 8px; margin: 10px auto 14px; display: flex; gap: 5px; background: transparent; border-radius: 999px; overflow: visible; } .vstep-benefit-line span { height: 8px; display: block; border-radius: 999px; } .vstep-benefit-line .bar-1 { width: 24%; background: #bd8a00; } .vstep-benefit-line .bar-2 { width: 24%; background: #e0aa00; } .vstep-benefit-line .bar-3 { width: 24%; background: #be6242; } .vstep-benefit-line .bar-4 { width: 22%; background: #d8d8d8; position: relative; } .vstep-benefit-line .bar-4::before { content: ""; display: block; width: 28%; height: 100%; background: #4f7a2c; border-radius: 999px 0 0 999px; } /* ========================================= TABLET ========================================= */ @media screen and (max-width: 989px) { .vstep-product-story { padding: 30px 15px 45px; } .vstep-story-row { gap: 30px; margin-bottom: 48px; } .vstep-story-content { padding: 5px; } .vstep-story-title { font-size: 34px; } .vstep-story-text { font-size: 16px; } .vstep-benefits-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 34px 22px; } .vstep-benefit-icon-wrap { width: 88px; height: 88px; } .vstep-benefit-icon { width: 80px; height: 80px; } } /* ========================================= MOBILE ========================================= */ @media screen and (max-width: 749px) { .vstep-product-story { padding: 22px 10px 35px; } .vstep-story-row, .vstep-story-row--reverse { display: flex; flex-direction: column; gap: 20px; margin-bottom: 42px; } .vstep-story-row .vstep-story-content, .vstep-story-row--reverse .vstep-story-content { width: 100%; order: 1; } .vstep-story-row .vstep-story-media, .vstep-story-row--reverse .vstep-story-media { width: 100%; order: 2; } .vstep-story-content { padding: 0 5px; } .vstep-story-title { margin-bottom: 14px; font-size: 30px; line-height: 1.15; } .vstep-story-text { font-size: 16px; line-height: 1.55; } .vstep-story-media { border-radius: 8px; } .vstep-story-accordion summary { padding-top: 15px; padding-bottom: 15px; font-size: 15px; } .vstep-story-accordion summary::before { top: 14px; } .vstep-benefits { padding: 34px 18px 30px; } .vstep-benefits-title { margin-bottom: 28px; font-size: 28px; } .vstep-benefits-grid { grid-template-columns: 1fr; gap: 16px; } .vstep-benefit { padding: 18px; display: grid; grid-template-columns: 82px minmax(0, 1fr); column-gap: 17px; text-align: left; background: #ffffff; border-radius: 10px; } .vstep-benefit-icon-wrap { width: 82px; height: 82px; margin: 0; grid-row: 1 / span 5; background: var(--vstep-soft); } .vstep-benefit-icon { width: 76px; height: 76px; } .vstep-benefit-title, .vstep-benefit-number, .vstep-benefit-text { text-align: left; } .vstep-benefit-title { margin-bottom: 5px; font-size: 16px; } .vstep-benefit-number { font-size: 21px; } .vstep-benefit-line { width: 100%; margin: 7px 0 8px; } .vstep-benefit-text { font-size: 13px; } } @media screen and (max-width: 420px) { .vstep-benefit { grid-template-columns: 76px minmax(0, 1fr); column-gap: 14px; padding: 15px; } .vstep-benefit-icon-wrap { width: 76px; height: 76px; } .vstep-benefit-icon { width: 70px; height: 70px; } } Le infili e sei pronto Il comfort che senti già al primo passo La maggior parte delle scarpe ti blocca già sulla porta — allacciare, sistemare, riallacciare. Le VELOCITYSTEP™ sono pensate al contrario: il piede scivola dentro, la tomaia morbida si adatta alla tua forma e in pochi secondi sei pronto a uscire. A questo si aggiunge ciò che conta per tutta la giornata: peso molto ridotto, suola morbidamente imbottita e una tomaia morbida senza bordi rigidi. Il risultato è un passo che resta leggero anche quando stai in piedi a lungo. Cosa significa per i tuoi piedi Perché sono così comode? Si indossano senza allacciare Niente nodi che si sciolgono e niente schiena piegata prima di ogni uscita. Infili il piede, la scarpa si adatta da sola e in pochi secondi sei fuori. Peso davvero ridotto Una costruzione leggera significa che a ogni passo i muscoli delle gambe sollevano meno peso. Nell'arco della giornata si traduce in gambe visibilmente meno stanche la sera. Suola morbidamente imbottita La suola flessibile e imbottita attutisce l'impatto a ogni passo e alleggerisce talloni e articolazioni — cosa che si nota soprattutto su superfici dure come asfalto e piastrelle. Tomaia morbida senza bordi rigidi La tomaia è morbida e non taglia sul collo del piede o sulla caviglia, quindi anche dopo diverse ore non lascia segni, vesciche o punti di pressione fastidiosi. Calzata senza costrizioni La parte superiore morbida si adatta alla forma del piede invece di stringerlo. Le dita hanno spazio a sufficienza e il collo del piede resta libero da pressioni anche dopo diverse ore. Per tutti i giorni passati in piedi Perfette per il lavoro, le commissioni, le passeggiate, la guida e le gite — ovunque tu voglia una calzatura leggera e comoda da mettere senza pensarci. Il tuo browser non supporta la riproduzione dei video. Un paio per tutti i giorni La leggerezza che senti da mattina a sera Quando la calzatura non pesa e non stringe, il modo di camminare cambia. Il carico si distribuisce in modo più uniforme sul piede e il passo resta rilassato anche dopo diverse ore in piedi o di cammino. La linea pulita e moderna fa sì che stiano bene con jeans, pantaloni chino o un look sportivo — senza doverci pensare troppo. Disponibili in tre colori: grigio, kaki e nero, nelle taglie dalla 39 alla 46. Progettate per un comfort che dura tutto il giorno Senza allacciare 95 % Infili il piede e sei pronto — niente nodi e niente schiena piegata. Estremamente leggere 92 % Quasi non le senti ai piedi, così le gambe sono meno stanche la sera. Tomaia morbida 88 % Il materiale morbido si adatta al piede, senza segni né vesciche. Suola morbida 86 % L'ammortizzazione morbida alleggerisce talloni e articolazioni a ogni passo.
Related
Related
Related
Related