WORKBOSS™ – PÁNSKE TAKTICKÉ NOHAVICE
.wb-product-story, .wb-product-story * { box-sizing: border-box; } .wb-product-story { --wb-text: #14171a; --wb-muted: #4a5159; --wb-accent: #3d4a55; --wb-steel: #414a52; --wb-soft : #f4f5f6; --wb-border: #dcdfe2; width: 100%; max-width: 1180px; margin: 0 auto; padding: 45px 20px 60px; color: var(--wb-text); font-family: inherit; } .wb-product-story img { max-width: 100%; } /* ========================================= VIDEO NA VRCHU (1 : 1) ========================================= */ .wb-video-section { margin-bottom: 60px; text-align: center; } .wb-video-heading { max-width: 720px; margin: 0 auto 22px; } .wb-video-heading .wb-story-eyebrow { display: inline-block; text-align: left; } .wb-video-heading h2 { margin: 0 0 10px; color: var(--wb-text); font-size: clamp(26px, 2.6vw, 36px); line-height: 1.15; font-weight: 700; letter-spacing: -0.02em; text-transform: uppercase; } .wb-video-heading p { margin: 0; color: var(--wb-muted); font-size: 17px; line-height: 1.6; } .wb-video-wrap { width: 100%; max-width: 520px; margin: 0 auto; overflow: hidden; background: var(--wb-soft); border: 1px solid var(--wb-border); border-radius: 6px; } .wb-video-wrap video { width: 100%; aspect-ratio: 1 / 1; display: block; object-fit: cover; } @media screen and (max-width: 749px) { .wb-video-section { margin-bottom: 42px; } .wb-video-wrap { max-width: 100%; } .wb-video-heading h2 { font-size: 24px; } .wb-video-heading p { font-size: 16px; } } /* ========================================= SPLOŠNI BLOKI ========================================= */ .wb-story-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: center; gap: 64px; margin-bottom: 70px; } .wb-story-row--reverse .wb-story-content { order: 2; } .wb-story-row--reverse .wb-story-media { order: 1; } .wb-story-content { padding: 10px 16px; } .wb-story-eyebrow { position: relative; margin: 0 0 12px; padding-left: 34px; color: var(--wb-accent); font-size: 13px; line-height: 1.3; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; } .wb-story-eyebrow::before { content: ""; position: absolute; top: 50%; left: 0; width: 24px; height: 3px; background: var(--wb-accent); transform: translateY(-50%); } .wb-story-title { margin: 0 0 18px; color: var(--wb-text); font-size: clamp(30px, 3vw, 45px); line-height: 1.1; font-weight: 700; letter-spacing: -0.025em; text-transform: uppercase; } .wb-story-text { margin: 0; color: var(--wb-muted); font-size: 17px; line-height: 1.65; } .wb-story-text + .wb-story-text { margin-top: 14px; } .wb-story-media { overflow: hidden; border-radius: 4px; background: var(--wb-soft); } .wb-story-image { width: 100%; height: auto; display: block; object-fit: cover; } /* ========================================= ACCORDION ========================================= */ .wb-story-accordion { margin-top: 20px; border-top: 2px solid var(--wb-steel); } .wb-story-accordion details { border-bottom: 1px solid var(--wb-border); } .wb-story-accordion summary { position: relative; padding: 17px 34px 17px 36px; color: var(--wb-text); font-size: 16px; line-height: 1.35; font-weight: 700; list-style: none; cursor: pointer; } .wb-story-accordion summary::-webkit-details-marker { display: none; } .wb-story-accordion summary::before { content: "✓"; position: absolute; top: 17px; left: 4px; width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; color: #ffffff; font-size: 13px; font-weight: 700; background: var(--wb-steel); border-radius: 3px; } .wb-story-accordion summary::after { content: "+"; position: absolute; top: 50%; right: 5px; color: var(--wb-accent); font-size: 22px; font-weight: 400; transform: translateY(-50%); } .wb-story-accordion details[open] summary::after { content: "−"; } .wb-story-accordion-content { padding: 0 15px 18px 36px; color: var(--wb-muted); font-size: 15px; line-height: 1.6; } /* ========================================= 4. BLOK – KORISTI ========================================= */ .wb-benefits { margin-top: 20px; padding: 48px 34px 38px; color: var(--wb-text); background: var(--wb-soft); border: 1px solid var(--wb-border); border-radius: 6px; } .wb-benefits-title { margin: 0 0 8px; text-align: center; color: var(--wb-text); font-size: clamp(26px, 3vw, 40px); line-height: 1.15; font-weight: 700; letter-spacing: -0.02em; text-transform: uppercase; } .wb-benefits-sub { max-width: 640px; margin: 0 auto 38px; text-align: center; color: var(--wb-muted); font-size: 16px; line-height: 1.55; } .wb-benefits-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; } .wb-benefit { text-align: center; } .wb-benefit-title { margin: 0 0 8px; color: var(--wb-text); font-size: 17px; line-height: 1.3; font-weight: 700; text-transform: uppercase; letter-spacing: 0.02em; } .wb-benefit-number { margin: 0 0 5px; color: var(--wb-steel); font-size: 26px; line-height: 1; font-weight: 800; } .wb-benefit-line { width: 200px; max-width: 100%; height: 8px; margin: 10px auto 14px; display: flex; gap: 5px; background: transparent; border-radius: 999px; overflow: visible; } .wb-benefit-line span { height: 8px; display: block; border-radius: 999px; } .wb-benefit-line .bar-1 { width: 24%; background: #bd8a00; } .wb-benefit-line .bar-2 { width: 24%; background: #e0aa00; } .wb-benefit-line .bar-3 { width: 24%; background: #be6242; } .wb-benefit-line .bar-4 { width: 22%; background: #d8d8d8; position: relative; } .wb-benefit-line .bar-4::before { content: ""; display: block; width: 28%; height: 100%; background: #4f7a2c; border-radius: 999px 0 0 999px; } .wb-benefit-text { margin: 0; color: var(--wb-muted); font-size: 14px; line-height: 1.5; } /* ========================================= 5. BLOK – MNENJA KUPCEV ========================================= */ .wb-reviews { margin-top: 55px; } .wb-reviews-head { max-width: 720px; margin: 0 auto 34px; text-align: center; } .wb-reviews-head .wb-story-eyebrow { display: inline-block; text-align: left; } .wb-reviews-head h2 { margin: 0 0 10px; color: var(--wb-text); font-size: clamp(26px, 2.6vw, 38px); line-height: 1.15; font-weight: 700; letter-spacing: -0.02em; text-transform: uppercase; } .wb-reviews-head p { margin: 0; color: var(--wb-muted); font-size: 16px; line-height: 1.55; } .wb-reviews-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; } .wb-review { padding: 26px 24px; background: #ffffff; border: 1px solid var(--wb-border); border-radius: 6px; } .wb-review-stars { margin: 0 0 12px; color: #f0b323; font-size: 18px; line-height: 1; letter-spacing: 2px; } .wb-review-text { margin: 0 0 16px; color: var(--wb-text); font-size: 16px; line-height: 1.6; } .wb-review-name { margin: 0; color: var(--wb-muted); font-size: 14px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; } @media screen and (max-width: 989px) { .wb-reviews-grid { grid-template-columns: 1fr; gap: 14px; } .wb-reviews-head h2 { font-size: 26px; } } /* ========================================= TABLET ========================================= */ @media screen and (max-width: 989px) { .wb-product-story { padding: 30px 15px 45px; } .wb-story-row { gap: 30px; margin-bottom: 48px; } .wb-story-content { padding: 5px; } .wb-story-title { font-size: 32px; } .wb-story-text { font-size: 16px; } .wb-benefits-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 34px 22px; } } /* ========================================= MOBILE ========================================= */ @media screen and (max-width: 749px) { .wb-product-story { padding: 22px 10px 35px; } .wb-story-row, .wb-story-row--reverse { display: flex; flex-direction: column; gap: 20px; margin-bottom: 42px; } .wb-story-row .wb-story-content, .wb-story-row--reverse .wb-story-content { width: 100%; order: 1; } .wb-story-row .wb-story-media, .wb-story-row--reverse .wb-story-media { width: 100%; order: 2; } .wb-story-content { padding: 0 5px; } .wb-story-title { margin-bottom: 14px; font-size: 28px; line-height: 1.15; } .wb-story-text { font-size: 16px; line-height: 1.55; } .wb-story-accordion summary { padding-top: 15px; padding-bottom: 15px; font-size: 15px; } .wb-story-accordion summary::before { top: 14px; } .wb-benefits { padding: 34px 18px 30px; } .wb-benefits-title { font-size: 26px; } .wb-benefits-sub { margin-bottom: 26px; font-size: 15px; } .wb-benefits-grid { grid-template-columns: 1fr; gap: 14px; } .wb-benefit { padding: 18px; text-align: left; background: #ffffff; border: 1px solid var(--wb-border); border-radius: 5px; } .wb-benefit-title, .wb-benefit-number, .wb-benefit-text { text-align: left; } .wb-benefit-title { margin-bottom: 5px; font-size: 16px; } .wb-benefit-number { font-size: 22px; } .wb-benefit-line { width: 100%; margin: 7px 0 8px; } .wb-benefit-text { font-size: 13px; } } @media screen and (max-width: 420px) { .wb-benefit { padding: 15px; } } Pozrite si ich v akcii WORKBOSS™ v každodennej práci Vrecká, strih a materiál v skratke — tak, ako ich vidíte v skutočnosti. Váš prehliadač nepodporuje prehrávanie videa. Pracovné nohavice bez kompromisov Nohavice, ktoré vydržia váš pracovný deň Väčšina nohavíc povolí práve tam, kde je práca najťažšia — na kolenách, v kroku a na vreckách. WORKBOSS™ sú navrhnuté presne na tieto záťaže: odolná tkanina, zosilnené švy a strih, ktorý sa hýbe s vami, nie proti vám. K tomu sa pridáva to, čo pocítite po ôsmich hodinách: nízka hmotnosť, pružný materiál a priedušnosť, vďaka ktorej vám nie je príliš teplo ani pri fyzickej práci. Ráno si ich oblečiete a do večera na ne nepomyslíte. Prečo sú iné Vyrobené na prácu, nie do výkladu Odolná tkanina, ktorá znesie záťaž Zmes polyesteru a elastanu odoláva odieraniu a udrží tvar aj po mnohých praniach. Materiál sa nevyťahuje na kolenách a nezatrhne sa o náradie a výstroj. Ľahké a priedušné, aj pri fyzickej práci Tkanina je výrazne ľahšia než klasické pracovné nohavice a prepúšťa vzduch, takže sa v nich neuvaríte počas pohybu, dvíhania a práce v teréne. Pružný strih, ktorý sleduje pohyb Pridaný elastan umožňuje drep, lezenie po rebríku aj kľačanie bez pocitu, že vás nohavice ťahajú späť. Žiadne napätie v kroku a žiadne obmedzovanie pri práci. Priestranné vrecká na všetko, čo potrebujete po ruke Bočné vrecká pojmú telefón, meter, rukavice aj náradie a prídavné pútko je určené na kľúče či výstroj. Koniec hľadaniu v taške uprostred roboty. Prispôsobenie, ktoré si nastavíte sami Nastaviteľný pás a strih vhodný pre rôzne postavy zabezpečia spoľahlivé sadnutie — dosť voľné na pohyb a dosť pevné na to, aby zostali na mieste. Zo staveniska do voľného času Vhodné do práce, na záhradu, stavenisko, rybačku, turistiku aj za volant. Vzhľad je dosť pokojný na to, aby ste ich nosili aj po pracovnom dni. Jedny na všetko Pohodlie, ktoré vydrží do konca dňa Keď nohavice netlačia v páse a neobmedzujú krok, práca ide ľahšie. Záťaž sa rozloží rovnomerne, pohyb zostáva uvoľnený a večer nemáte pocit, že ste celý deň nosili brnenie. Jednoduchý, pokojný vzhľad znamená, že sa za ne nemusíte hanbiť ani vtedy, keď po práci skočíte po materiál alebo na kávu. Materiál: 90,5 % polyester a 9,5 % spandex — kombinácia, ktorá drží tvar a zároveň dostatočne povolí pri pohybe. Dostupné v troch farbách — čiernej, béžovej a zelenej — vo veľkostiach od S po XXXL. Navrhnuté na celý pracovný deň Štyri veci, pre ktoré si ich muži oblečú každé ráno znova. Odolná tkanina 94 % Odoláva odieraniu, tvar si udrží aj po mnohých praniach. Ľahké a priedušné 91 % Výrazne ľahšie než klasické pracovné nohavice, takže vám nie je teplo. Pružný strih 89 % Drep, rebrík aj kľačanie bez napätia v kroku. Priestranné vrecká 87 % Telefón, meter a náradie po ruke, plus pútko na kľúče. Overené v teréne Čo hovoria zákazníci Skúsenosti mužov, ktorí ich nosia pri každodennej práci. ★★★★★ „V týchto nohaviciach pracujem najradšej, sú pohodlné a nie je mi v nich teplo.“ Martin ★★★★★ „Páčia sa mi vrecká a to, že ma nikde netlačia.“ Peter ★★★★★ „Rýchle doručenie, kúpil som si ich aj v druhej farbe, lebo mi sadnú ako uliate.“ Jozef
More you might like
Related
MODALEND - DÁMSKA SÚPRAVA
Related
NEXO - PÁNSKE MÓDNE TOPÁNKY
Related
VYSOKÉ ZATEPLENÉ TOPÁNKY NOEL
Related