@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat:wght@100;200;300;400;500;600;700;800&display=swap');@import url('https://fonts.googleapis.com/css2?family=Gloock&display=swap');/* @import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,300&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:wght@300;400;500;700&display=swap'); */.desc-text--main{width:1470px !important; max-width:100%; }.catalog-product-view .tabs-container #description .description{width:1420px !important; max-width:100%; } .pojemnik {max-width: 100% ;margin: auto; width: 1420px; background-color: white; overflow: hidden; } .pojemnik {scroll-behavior: smooth;} .pojemnik {font-family: 'Montserrat', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; font-weight: 300;} .pojemnik *{box-sizing: border-box; } .pojemnik a {text-decoration: none; text-align: center; color: white;} .pojemnik img { max-width: 100%;} .pojemnik p{font-size: 20px; font-family: 'Montserrat', sans-serif;} .wiersz{ display: flex;} /* sekcja hero */ .wiersz.hero{ background:linear-gradient( #E32636 0,#E32636 68%, /* czerwień do miejsca cięcia */#ffffff 68%, /* od tego miejsca biel */#ffffff 100%); flex-direction:column; align-items: start;justify-content: center;padding:5% 0 3%; position: relative; overflow: hidden; } .wiersz.hero h2{font-family: 'Bebas Neue', system-ui, sans-serif; line-height: .92; letter-spacing:.01em; font-size: clamp(48px, 11vw, 140px) !important; margin:0 !important; color:white !important; text-align: center; font-weight: normal;} .wiersz.hero p{font-family: 'Bebas Neue', system-ui, sans-serif; color: black; font-size: clamp(20px, 2vw, 30px) !important; font-weight: 300; margin: 0 auto; text-align: center;} .wiersz.hero img.LogoBrand {margin: 0 auto 5%; width: clamp(150px, 40vw, 300px);;} .wiersz.hero h3 {font-weight:700; font-size: clamp(20px, 2.2vw, 28px) !important;margin:auto; margin-top: clamp(10px, 2vw, 16px) !important;margin-bottom: 0; color:black; text-align: center;} .wiersz.hero h3:nth-of-type(2){color: black; margin-top: 5% !important;} .wiersz.hero .lewa{width: 95%; margin:auto;} .wiersz.hero .prawa{width: 95%;margin:auto; align-items: start; transform:translateX(300px);transition:all .8s ease-out;opacity:0;} .wiersz.hero .prawa.animuj{opacity:1;transform:translateX(0);} .wiersz.hero .prawa img{ max-width:90%; height:auto; filter: drop-shadow(0 18px 24px rgba(0,0,0,.75)); animation: floatY 3s ease-in-out infinite; will-change: transform; margin: 4% auto ;} @keyframes floatY{ 0%,100%{ transform: translateY(0) } 50%{ transform: translateY(-20px) } } /* sekcja cechy */ .wiersz.cechy p { font-size: 18px; font-weight: 400; margin: auto; margin-top: 15px; width: 90%; } .wiersz .cecha img {width: 120px; max-width: 120px;} .wiersz.cechy {display: flex;flex-wrap: wrap;justify-content: center;padding:0; margin-bottom: 3%;} .wiersz .cecha {flex: 0 0 16%;text-align: center;margin: 30px 0;transition: 0.2s;} /* sekcja fryzura */ .wiersz.opis1.fryzura{align-items:center; justify-content: space-evenly; position: relative; z-index: 3;} .wiersz.opis1.fryzura .lewa{width:40%;opacity:0;transform:translateX(-80px);transition:all .8s ease-out; position: relative;} .wiersz.opis1.fryzura .prawa{width:50%;opacity:0;transform:translateX(80px);transition:all .8s ease-out;} .wiersz.opis1.fryzura .lewa.animuj, .wiersz.opis1.fryzura .prawa.animuj{opacity:1;transform:translateX(0);} .wiersz.opis1.fryzura .lewa img{width:100%;height:auto;display:block;} .wiersz.opis1.fryzura .prawa .naglowek{display:flex;align-items:flex-start;gap:clamp(14px,1.8vw,28px);margin-bottom:clamp(12px,1.8vw,18px);} .wiersz.opis1.fryzura .prawa .naglowek .kreska{width:6px;background:#E32636;height:clamp(95px,16vw,190px);border-radius:3px;} .wiersz.opis1.fryzura h2{font-family:"Gloock",serif;font-weight:400;font-size:clamp(36px,11vw,92px) !important;line-height:.95;margin:0;color:#111 !important;} .wiersz.opis1.fryzura .sub{font-weight:700;font-size:clamp(20px,2vw,24px);margin:30px 0 0 ;text-align:left;color:#000;} .wiersz.opis1.fryzura .tekst{max-width:720px;color:#333;font-size:18px;line-height:1.4; font-weight: 500; margin-left: 10px; margin-top:30px;} .wiersz.opis1.fryzura p.dopisek {font-size: 0.7em; margin-top: 20%;} /* sekcja puszenie */ .wiersz.opis1.puszenie{position:relative;overflow:visible;padding:5% 0 0;background-color:#e32636;color:#fff;align-items:center;justify-content:center;} .wiersz.opis1.puszenie .tlo{position:absolute;inset:0;z-index:1;overflow:hidden;} .wiersz.opis1.puszenie .tlo .bg-video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;object-fit:cover;transform:translate(-50%,-50%);z-index:1;pointer-events:none;} /* .wiersz.opis1.puszenie::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.35);z-index:2;pointer-events:none;} */ .wiersz.opis1.puszenie .lewa,.wiersz.opis1.puszenie .prawa{position:relative;z-index:3;} .wiersz.opis1.puszenie .lewa{width:43%;} .wiersz.opis1.puszenie .prawa{width:45%;text-align:right;} .wiersz.opis1.puszenie .prawa img{max-width:100%;height:auto;transform:scale(1.1) translateX(15%) translateY(10%);will-change:transform;} .wiersz.opis1.puszenie h2{margin:0 0 18px;font-size:clamp(28px,3.4vw,35px) !important;font-weight:800;color:white !important;} .wiersz.opis1.puszenie p:nth-of-type(1){font-weight:bold;} .wiersz.opis1.puszenie p{margin:0 0 12px;font-size:18px;line-height:1.4;font-weight:normal;} .wiersz .prawa, .wiersz .lewa{display: flex;flex-direction: column;} .wiersz.opis p{color: #4F3339; font-size: 19px; line-height: 30px; font-weight: 400;} .wiersz.opis h3{text-transform: uppercase; margin: 20px 0; ; font-size: 28px; text-align: center;} .wiersz.opis{justify-content: center;} /* opis 1 */ .wiersz.opis1{ align-items: center;} .wiersz.opis1 .tekst{padding: 0 20px;} .wiersz.opis1 .prawa{width: 40%;} .wiersz.opis1 .lewa {width: 40%; gap:20px;} .wiersz.opis1 .prawa.tekst h3, .wiersz.opis1 .prawa.tekst p{text-align: left;} .wiersz.opis1 .prawa p, .wiersz.opis1 .prawa h3, .wiersz.opis .tekst{justify-content: center;} .wiersz.yt {justify-content: center;margin:20px auto 70px; max-width: 1400px;} .wiersz.yt iframe{ width: 80%; height: 615px; border-radius: 50px; } /* slider z atutami */ .wiersz.atuty{flex-direction:column;align-items:center;gap:28px;padding:5% 0 3%} .wiersz.atuty h2{font-family:"Gloock",serif;font-weight:400;font-size:clamp(32px,6vw,72px) !important;line-height:1;margin:0;color:#111 !important;text-align:center} /* .wiersz.atuty input[type=radio]{position:absolute;left:-9999px} */ .wiersz.atuty input[type=radio]{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path: inset(50%);white-space:nowrap;} .wiersz .atuty__slider{position:relative;width:100%;max-width:1200px;overflow:hidden;--visible: 2; } .wiersz .atuty__lista{display:flex;transition:transform .6s ease;will-change:transform; padding-top: 5%; overflow: visible; } .wiersz .atuty__element{flex:0 0 50%;padding:24px 32px;display:flex;flex-direction:column;align-items:center;text-align:center} .wiersz .atuty__miniatura{width:min(320px,50vw);aspect-ratio:1/1;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#fff} .wiersz .atuty__miniatura img{width:100%;height:100%;object-fit:cover} .wiersz.atuty h3{margin:16px 0 6px;font-weight:800;font-size:clamp(16px,2vw,22px);color:#E32636} .wiersz.atuty p{margin:0;color:#444;font-size:16px;line-height:1.6;max-width:380px; font-weight: 500;} .wiersz .atuty__nawigacja{display:flex;gap:12px;justify-content:center;margin-top:10px} .wiersz .atuty__nawigacja label{width:46px;height:6px;border-radius:4px;background:#ddd;cursor:pointer;transition:opacity .25s; box-shadow:inset 0 0 0 1px rgba(0,0,0,.06); display:inline-block; } .wiersz .atuty__nawigacja label[for=atuty-6]{display:none}#atuty-1:checked ~ .atuty__slider .atuty__lista{ transform: translateX(calc((100%/var(--visible))*0*-1)); }#atuty-2:checked ~ .atuty__slider .atuty__lista{ transform: translateX(calc((100%/var(--visible))*1*-1)); }#atuty-3:checked ~ .atuty__slider .atuty__lista{ transform: translateX(calc((100%/var(--visible))*2*-1)); }#atuty-4:checked ~ .atuty__slider .atuty__lista{ transform: translateX(calc((100%/var(--visible))*3*-1)); }#atuty-5:checked ~ .atuty__slider .atuty__lista{ transform: translateX(calc((100%/var(--visible))*4*-1)); }/* #atuty-6:checked ~ .atuty__slider .atuty__lista{ transform: translateX(calc((100%/var(--visible))*5*-1)); } */ #atuty-1:checked ~ .atuty__nawigacja label[for=atuty-1]{background:#E32636} #atuty-2:checked ~ .atuty__nawigacja label[for=atuty-2]{background:#E32636} #atuty-3:checked ~ .atuty__nawigacja label[for=atuty-3]{background:#E32636} #atuty-4:checked ~ .atuty__nawigacja label[for=atuty-4]{background:#E32636} #atuty-5:checked ~ .atuty__nawigacja label[for=atuty-5]{background:#E32636} /* #atuty-6:checked ~ .atuty__nawigacja label[for=atuty-6]{background:#E32636} */ /* strzałki (szkło + akcent brand) */ .atuty__strzalka{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.16);backdrop-filter:saturate(120%) blur(4px);-webkit-backdrop-filter:saturate(120%) blur(4px);border:1px solid rgba(227,38,54,.35);box-shadow:0 8px 18px rgba(0,0,0,.18);color:#E32636;font-weight:700;font-size:22px;width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:999px;cursor:pointer;user-select:none;transition:transform .18s ease,background .18s ease,border-color .18s ease,opacity .18s ease;z-index:5} .atuty__strzalka:hover{background:rgba(255,255,255,.28);border-color:rgba(227,38,54,.6);transform:translateY(-50%) scale(1.06)} .atuty__strzalka:active{transform:translateY(-50%) scale(.96)} .atuty__strzalka:disabled{opacity:.35;cursor:default;transform:translateY(-50%) scale(1)} .atuty__strzalka:focus-visible{outline:2px solid rgba(227,38,54,.8);outline-offset:2px} .atuty__strzalka--prev{left:10px} .atuty__strzalka--next{right:10px} /* sekcja mniej uszkodzen */ .wiersz.opis1.mniej{position:relative;align-items:center;justify-content:space-between;margin:3% 0 0; padding-top: 10%;} .wiersz.opis1.mniej .belka{position:relative;width:100%;display:flex;align-items:center;justify-content:center;background:#efefef;padding:6% 0 0;overflow:visible} .wiersz.opis1.mniej .lewa{width:50%;padding:0 20px 3%;opacity:0;transform:translateX(-80px);transition:all .8s ease-out} .wiersz.opis1.mniej .prawa{width:40%;padding:0 20px;opacity:0;transform:translateX(80px);transition:all .8s ease-out} .wiersz.opis1.mniej .lewa.animuj, .wiersz.opis1.mniej .prawa.animuj{opacity:1;transform:translateX(0)} .wiersz.opis1.mniej .naglowek{display:flex;align-items:flex-start;gap:clamp(14px,1.8vw,22px);margin-bottom:clamp(12px,1.8vw,18px)} .wiersz.opis1.mniej .naglowek .kreska{width:6px;background:#E32636;height:clamp(70px,16vw,190px);border-radius:3px} .wiersz.opis1.mniej h2{font-family:"Gloock",serif;font-weight:400;font-size:clamp(36px,11vw,92px) !important;line-height:1.2;margin:0;color:#111 !important;} .wiersz.opis1.mniej p.sub{font-weight:800;font-size:clamp(16px,2vw,24px);margin:8px 30px 14px;color:#000; width: 80%;} .wiersz.opis1.mniej p.tekst{max-width:720px;color:#333;font-size:18px;line-height:1.4; font-weight: 600;} .wiersz.opis1.mniej p.dopisek{font-size:.8em;margin:12px 30px 0;color:#333; font-weight: 600;} .wiersz.opis1.mniej .prawa img{ width: 65%;height: auto;display: block;transform:scale(1.75) translateX(18%) translateY(-10%); } /* suwak temperatury */ /* === Dopasuj temperaturę — IKONY === */ .wiersz.opis1.temperatura{flex-direction:column;align-items:center;justify-content:flex-start;padding:10% 0 10%;gap:22px; position:relative; z-index: 10; background-color: white;} .wiersz.opis1.temperatura h2{font-family:"Gloock",serif;font-weight:400;font-size:clamp(36px,6vw,84px) !important;line-height:1;color:#111 !important;margin:0; margin-bottom: 20px; text-align: center;} .wiersz.opis1.temperatura p.sub{max-width:900px;margin:0 auto;color:#333;font-size:18px;line-height:1.6;text-align:center;font-weight:500} .temperatura__tor{position:relative;width:min(1100px,92%);margin:32px auto 20px;display:flex;align-items:center;justify-content:space-between;gap:10px} .temperatura__linia{position:absolute;left:0;right:0;height:18px;border-radius:999px;background:#efefef;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)} .temperatura__postep{position:absolute;left:0;height:18px;border-radius:999px;background:#E32636;transition:width .25s ease} .temperatura__ikona{position:relative;z-index:2;display:grid;place-items:center;width:120px;height:120px;background:transparent;border:0;padding:0;cursor:pointer;transition:transform .2s ease,filter .2s ease} .temperatura__ikona img{width:100%;height:auto;display:block} .temperatura__ikona:hover{transform:translateY(-2px) scale(1.12); background:none;} .temperatura__ikona:focus{background:none; border: none;} .temperatura__ikona:active{box-shadow: none;} .temperatura__ikona.is-active{transform:scale(1.22);filter:drop-shadow(0 10px 26px rgba(0,0,0,.18)); background:none;} .temperatura__opis{margin:8px auto 0;max-width:980px;text-align:center;color:#000;font-size:18px;line-height:1.6;font-weight:600} .temperatura__mobile{display:none;width:100%;max-width:800px;margin:24px auto 0;text-align:center} .temperatura__range{appearance:none;width:86%;height:10px;border-radius:999px;background:#efefef;outline:none} .temperatura__range::-webkit-slider-thumb{appearance:none;width:28px;height:28px;border-radius:50%;background:#E32636;border:3px solid #fff;box-shadow:0 0 0 3px #E32636;cursor:pointer} .temperatura__etykiety{display:flex;justify-content:space-evenly;gap:10px;margin-top:12px} .temperatura__etykiety span{font-weight:800;color:#b63a44} .temperatura__etykiety .is-on{color:#E32636;transform:scale(1.06)} /* podpowiedź pod suwakiem */ .temperatura__hint{margin:4px 0 0;color:#666;font-size:14px;text-align:center} /* focus/hover „klikalne” */ .temperatura__ikona{cursor:pointer} .temperatura__ikona:focus-visible{outline:3px solid #E32636;outline-offset:4px;border-radius:12px;transform:scale(1.06)} @media(max-width:1024px){ .temperatura__ikona{width:100px;height:100px} } @media(max-width:820px){ .temperatura__tor{display:none}.temperatura__mobile{display:block} .wiersz.opis1.temperatura{padding: 20% 0;} } /* sekcja jaak uzywac */ .wiersz.opis1.jak{position:relative; flex-direction:column;align-items:center;justify-content:flex-start;background:linear-gradient(#E32636 0,#E32636 42%,#fff 42%,#fff 100%);padding:5% 0 6%} .wiersz.opis1.jak h2{font-family:"Gloock",serif;font-weight:400;font-size:clamp(32px,6vw,72px) !important;line-height:1;margin:2% 0 5% !important;color:#fff !important;text-align:center} .wiersz.opis1.jak .karty{display:flex;gap:48px;justify-content:space-between;width:100%;max-width:1250px;margin-top:10px} .wiersz.opis1.jak .karta{flex:1 1 0;display:flex;flex-direction:column;align-items:center;text-align:center;opacity:0;transform:translateY(56px);transition:opacity .6s ease, transform .6s ease;will-change: transform, opacity;} .wiersz.opis1.jak .karta.is-visible{opacity:1;transform:translateY(0);} .wiersz.opis1.jak .miniatura{width:100%;display:grid;place-items:center; margin-bottom: 20px; } .wiersz.opis1.jak .miniatura img{height:auto;display:block;border-radius:12px} .wiersz.opis1.jak h3{margin:18px 0 6px;font-family:"Gloock",serif;font-weight:500;font-size:clamp(31px,3.2vw,40px);color:#E32636; margin-bottom: 15px;} .wiersz.opis1.jak .podtytul{margin:0 0 10px;font-weight:600;font-size:clamp(16px,1.8vw,18px);color:#000} .wiersz.opis1.jak p{margin:0;font-size:16px;line-height:1.6; font-weight: 400;} /* mobile */ @media only screen and (max-width: 768px) { /*sekcja hero */ .wiersz.hero{ background:linear-gradient( #E32636 0,#E32636 75%, /* czerwień do miejsca cięcia */#ffffff 75%, /* od tego miejsca biel */#ffffff 100%) ;flex-direction: column; width: 100%; margin: auto; padding-bottom: 10%;} .wiersz.hero .lewa { margin:auto; width: 80%; margin-top: 20px; } .wiersz.hero .prawa{width: 100%; padding: 30px 0 0 0 ; align-items: center;opacity:1 !important; transform:none !important;} /* sekcja cechy */ .wiersz.cechy p{font-size: 17px; text-align: center;} .wiersz.cechy{justify-content: space-evenly;} .wiersz .cecha img {max-width: 120px;} .wiersz .cecha {flex: 0 0 40%;margin-bottom: 20px;} .wiersz.opis1.fryzura{flex-direction:column;padding:40px 0;} .wiersz.opis1.fryzura .lewa, .wiersz.opis1.fryzura .prawa{width:95%;transform:translateY(30px);} .wiersz.opis1.fryzura .prawa .naglowek{align-items:center;} .wiersz.opis1.fryzura .tekst{font-size:17px;} .wiersz.opis1.fryzura .lewa{margin-bottom: 10%;} .wiersz.opis1.fryzura .sub {margin: 0;} .wiersz.opis1 .tekst{padding: 0; margin-left: 0;} .wiersz.opis1.fryzura p.dopisek {margin-top: 10%;} /* sekcja puszenie */ .wiersz.opis1.puszenie{flex-direction:column;padding:44px 0 0;text-align:center; margin-bottom: 15%;} .wiersz.opis1.puszenie .lewa{margin-bottom: 10%;} .wiersz.opis1.puszenie .lewa,.wiersz.opis1.puszenie .prawa{width:92%;transform:translateY(30px); } .wiersz.opis1.puszenie .prawa{margin-top:20px;text-align:center} .wiersz.opis1.puszenie .tlo .bg-video{position:absolute;top:50%;left:-30%;min-width:100%;min-height:100%;object-fit:cover;transform:translate(-50%,-50%); overflow: visible;} .wiersz.opis1.puszenie::before {content: "";position: absolute;inset: 0;background: rgba(0,0,0,.25); /* zmień np. na .2 lub .5 jeśli chcesz jaśniej/ciemniej */z-index: 2;pointer-events: none;} /* mobile: slider: 1 karta, krok 100%, pokaż 6 kropek; desktop: ukryj 6. kropkę */ .atuty__element{flex-basis:100%} .atuty__slider{--step:100%} .atuty__nawigacja label{width:28px} .atuty__miniatura{margin-bottom: 5%;} .atuty__nawigacja label[for=atuty-6]{display: block;} /* sekcja mniej uszkodzeń */ .wiersz.opis1.mniej .belka{flex-direction:column;padding:8% 0 0} .wiersz.opis1.mniej .lewa,.wiersz.opis1.mniej .prawa{width:92%;transform:translateY(30px)} .wiersz.opis1.mniej .prawa img{ transform:none; margin:5% auto 0 ;} .wiersz.opis1.mniej p.sub {margin:6px 0 10px;} .wiersz.opis1.mniej p.tekst,.wiersz.opis1.mniej p.dopisek{margin:0} .wiersz .atuty__nawigacja label[for=atuty-6]{display:inline-block} .wiersz .atuty__element{flex: 0 0 calc(100% / var(--visible)); padding:24px 32px 0;display:flex; flex-direction:column; align-items:center; text-align:center;} .wiersz .atuty__slider{ --visible: 1;} /* kroki */ .wiersz.opis1.jak{background:linear-gradient(#E32636 0,#E32636 20%,#fff 20%,#fff 100%);padding:8% 0} .wiersz.opis1.jak .karty{flex-direction:column;gap:28px;padding:0 16px} .wiersz.opis1.jak .karta p{max-width:unset} .wiersz.opis1.jak h2{margin: 8% auto 10% !important;} .wiersz.opis p{font-size: 17px; text-align: center;} .wiersz.opis {flex-direction: column; margin-top: 30px; align-items: center; gap:20px} .wiersz.opis .lewa, .wiersz.opis .prawa{width: 95%; } .wiersz.opis h3{font-size:22px; font-weight: 700; } .wiersz.yt{margin-top: 50px; margin-bottom: 30px;} .wiersz.yt iframe{ width: 90%; height: 300px; border-radius: 20px;} } @media only screen and (min-width: 768px ) and (max-width: 1024px ){ /* sekcja cechy */ .wiersz.cechy{margin-bottom: 0;} .wiersz.cechy p { font-size: 17px;} .wiersz .cecha {flex: 0 0 24%;} /* sekcja fryzura */ .wiersz.opis1.fryzura{align-items:end; } .wiersz.opis1.fryzura .prawa{width: 70%;} .wiersz.opis1.fryzura p.dopisek {margin-top: 10%;} .pojemnik .naglowek h3 {width: 90%;margin-bottom: 3%; font-size: 30px;} .wiersz.opis { align-items: center;} /* .wiersz.opis .lewa{margin-bottom: 5%;} */ .wiersz.opis .lewa, .wiersz.opis .prawa{width:80%;} .wiersz.opis img {max-width: 70%; margin: auto;} .wiersz.opis h3 {font-size:27px; text-align: center;} .wiersz.opis p{text-align: center;} .wiersz.opis1.jak .karty{gap:24px} .wiersz.opis1.mniej .prawa img{ transform:scale(1.75) translateX(18%) translateY(-6%); } .wiersz.opis1.puszenie{padding: 5% 0;} .wiersz.yt iframe{ width: 90%; height: 400px;} } @media only screen and (min-width: 1024px) { .wiersz .cecha:hover{transform: scale(1.15);} } @media only screen and (min-width: 1024px ) and (max-width: 1300px ){ .wiersz.opis1.mniej .prawa img{ transform:scale(1.75) translateX(18%) translateY(0%); } .wiersz.opis1.fryzura p.dopisek {margin-top: 5%;} /* sekcja fryzura */ .wiersz.opis1.fryzura{align-items:end; } }
Precyzyjna prostownica, idealna do włosów koloryzowanych
Gładkiewłosy
niezależnie od typu włosów
REVLON Easy Heat™ Straightener to uniwersalna prostownica, idealna do wielu rodzajów stylizacji. Zaokrąglone końce ułatwią uzyskanie precyzyjnych loków, a ceramiczno-turmalinowe płytki równomiernie rozprowadzają ciepło, zapewniając wygładzoną i lśniącą fryzurę. 5-cio stopniowa regulacja temperatury pozwoli skutecznie wyprostować nawet grube, kręcone włosy.
document.addEventListener("DOMContentLoaded", () => { const items = document.querySelectorAll(".fryzura .lewa, .fryzura .prawa, .hero .prawa, .mniej .lewa, .mniej .prawa"); const obs = new IntersectionObserver(entries => { entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add("animuj"); obs.unobserve(e.target); } });}, { threshold: [0, 0.01, 0.1], rootMargin: "20% 0px -10% 0px"}); items.forEach(i => obs.observe(i)); });Wysoki połysk i wygładzenie
Dzięki technologii ceramiczno-turmalinowej
Prostownica REVLON Easy Heat™ Straightener dzięki wykorzystaniu płytek ceramiczno-turmalinowych, pomaga zwiększyć połysk i ograniczyć uszkodzenia spowodowane nadmierną stylizacją, zapewniając równomierny rozkład ciepła, które szybko wnika we włosy.
Najważniejsze atuty
‹ ›Zaokrąglone płytki
Revlon Easy Heat™ dzięki zaokrąglonym końcówkom prostownicy ułatwia naprężenie ułatwiające stylizację loków i fal.
Blokada płytek i haczyk
Aby ułatwić przechowywanie, płytki prostownicy można razem zablokować, za pomocą wygodnego przełącznika, a samo urządzenie odwiesić na haczyku dzięki pętelce.
5-stopniowa regulacja temperatury
Pozwala dopasować temp. do struktury włosów, czy oczekiwanych efektów. Dodatkowo, technologia TruGuard™ chroni włosy koloryzowane (do temperatury 200°C).
Automatyczne wyłączenie
Dla większego spokoju ducha prostownica wyłącza się automatycznie po 60 minutach, zapewniając bezpieczeństwo użytkowania.
Długi, nieplączący się przewód
Łatwe manewrowanie prostownicą jest możliwe dzięki długiemu, obrotowemu przewodowi. Zapomnij o plączącym się, za krótkim kablu.
Podwójne napięcie, do użytku na całym świecie
Prostownica Revlon Easy Heat™ automatycznie dostosuje się do odpowiedniego napięcia, po użyciu adaptera wtyczki odpowiedniego do regionu.
(() => { const root=document.querySelector('.wiersz.atuty'); if(!root) return; const list=root.querySelector('.atuty__lista'); const prev=root.querySelector('.atuty__strzalka--prev'); const next=root.querySelector('.atuty__strzalka--next'); const radios=[...root.querySelectorAll('input[name="atuty"]')]; const slides=[...root.querySelectorAll('.atuty__element')]; const mq=window.matchMedia('(max-width:768px)'); const mrm=window.matchMedia('(prefers-reduced-motion:reduce)'); const AUTOPLAY_MS=3000; let current=radios.findIndex(r=>r.checked); const maxIndex=()=> mq.matches ? slides.length-1 : slides.length-2; function goTo(i){ const max=maxIndex(); current=Math.max(0,Math.min(i,max)); radios[current].checked=true; updateArrows(); } function updateArrows(){ const max=maxIndex(); if(prev) prev.disabled=current===0; if(next) next.disabled=current===max; } prev?.addEventListener('click',()=>{ goTo(current-1); resetAutoplay(); }); next?.addEventListener('click',()=>{ goTo(current+1); resetAutoplay(); }); radios.forEach((r,i)=>r.addEventListener('change',()=>{ if(r.checked){ current=i; updateArrows(); resetAutoplay(); }})); (mq.addEventListener?mq.addEventListener.bind(mq):mq.addListener).call(mq,'change',()=>{ if(current>maxIndex()) goTo(maxIndex()); updateArrows(); }); let startX=0,startY=0,drag=false,mouseDown=false; const start=(x,y)=>{startX=x;startY=y;drag=true;}; const move=(x,y,e)=>{ if(!drag) return; const dx=x-startX,dy=y-startY; if(Math.abs(dx){ if(!drag) return; const dx=x-startX,TH=40; if(Math.abs(dx)>TH){ dxstart(e.touches[0].clientX,e.touches[0].clientY),{passive:true}); list.addEventListener('touchmove',e=>move(e.touches[0].clientX,e.touches[0].clientY,e),{passive:false}); list.addEventListener('touchend',e=>end((e.changedTouches[0]||{}).clientX||startX),{passive:true}); list.addEventListener('mousedown',e=>{mouseDown=true; start(e.clientX,e.clientY);}); list.addEventListener('mousemove',e=>{ if(mouseDown) move(e.clientX,e.clientY,e);}); window.addEventListener('mouseup',e=>{ if(mouseDown){ end(e.clientX); mouseDown=false; }}); let timer; function tick(){ const max=maxIndex(); goTo(currentroot.addEventListener(ev,stopAutoplay,{passive:true})); ['mouseleave','focusout'].forEach(ev=>root.addEventListener(ev,()=>{ if(!drag) startAutoplay(); },{passive:true})); updateArrows(); startAutoplay();})();(() => { const root = document.querySelector('.wiersz.atuty'); if (!root) return; root.querySelectorAll('.atuty__nawigacja label').forEach(lab => { lab.addEventListener('click', (e) => { e.preventDefault(); const id = lab.getAttribute('for'); const inp = document.getElementById(id); if (!inp) return; inp.checked = true; inp.dispatchEvent(new Event('change', { bubbles: true })); }); });})();TechnologiaTruGuard™
chroni włosy koloryzowane
Niezależne badania strony trzeciej potwierdziły, że technologia TruGuard™ pomaga zapobiec blaknięciu koloru włosów farbowanych.*
*na bazie testów laboratoryjnych porównujących użytkowanie z temperaturą 400°F i 425°F.
Dopasuj temperaturę do siebie
5-stopniowa regulacja temperatury pozwala dopasować stylizację do struktury włosów i oczekiwanego efektu. Dodatkowo, technologia TruGuard™ chroni włosy koloryzowane (do temperatury 200°C).
Wybierz temperaturę klikając ikonę
120°C165°C185°C200°C230°CWłosy cienkie/normalne — delikatne, naturalne fale.
(() => { const sekcja = document.querySelector('.wiersz.opis1.temperatura'); if(!sekcja) return; const ikony = [...sekcja.querySelectorAll('.temperatura__ikona')]; const postep = sekcja.querySelector('.temperatura__postep'); const opis = sekcja.querySelector('.temperatura__opis'); const range = sekcja.querySelector('.temperatura__range'); const ety = [...sekcja.querySelectorAll('.temperatura__etykiety span')]; const mrm = window.matchMedia('(prefers-reduced-motion: reduce)'); let current = 1, timer, ioStarted = false, userPaused = false; function setActive(idx){ current = idx; ikony.forEach(k=>k.classList.toggle('is-active', +k.dataset.i===idx)); const last = ikony[ikony.length-1]; if(postep && last){ const a = ikony[idx].getBoundingClientRect(); const b = last.getBoundingClientRect(); const l = ikony[0].getBoundingClientRect(); const baseLeft = l.left, trackWidth = Math.max(1, b.left - baseLeft); postep.style.width = Math.max(0, Math.min(100, ((a.left - baseLeft)/trackWidth)*100)) + '%'; } const k = ikony[idx]; if(opis && k) opis.textContent = k.dataset.opis || opis.textContent; if(range) range.value = idx; ety.forEach(s=>s.classList.toggle('is-on', +s.dataset.i===idx)); } function tick(){ setActive((current+1) % ikony.length); } function startAutoplay(){ if(mrm.matches || userPaused) return; stopAutoplay(); timer = setInterval(tick, 1500); } function stopAutoplay(){ if(timer) clearInterval(timer); } // init setActive(current); // pauza po kliknięciu (desktop) ikony.forEach((k,i)=>{ k.addEventListener('click',()=>{ setActive(i); userPaused = true; stopAutoplay(); }); }); // pauza po zmianie range (mobile) range?.addEventListener('input', e=>{ setActive(+e.target.value); userPaused = true; stopAutoplay(); }); // wznowienie autoplay po opuszczeniu sekcji myszką sekcja.addEventListener('mouseleave', () => { if(userPaused && document.visibilityState==='visible' && !mrm.matches){ userPaused = false; startAutoplay(); } }); // autoplay startuje dopiero gdy sekcja pojawi się w kadrze const io = new IntersectionObserver(entries=>{ entries.forEach(en=>{ if(en.isIntersecting && !ioStarted){ ioStarted = true; startAutoplay(); } }); }, { threshold: 0.3 }); io.observe(sekcja); // przeliczenie paska po resize let to; window.addEventListener('resize',()=>{ clearTimeout(to); to=setTimeout(()=>setActive(current),120); });})();Jak używać?
Etap 1
Prostownicę używaj wyłącznie na czystych i całkowicie wysuszonych włosach, bez produktów stylizujących i pielęgnacyjnych.
Etap 2
Oddziel pasmo włosów o szerokości 5 cm. Zaczynając od nasady, delikatnie zaciśnij włosy między płytkami. Powoli pociągaj narzędzie w dół, aż do końcówek.
Etap 3
Powtarzaj ten proces aż do uzyskania pożądanego wyglądu.
(() => { const sekcja = document.querySelector('.wiersz.opis1.jak'); if(!sekcja) return; const kafelki = [...sekcja.querySelectorAll('.karty .karta')]; if(!kafelki.length) return; const STAGGER_MS = 300; // odstęp między kolejnymi kafelkami const mrm = window.matchMedia('(prefers-reduced-motion: reduce)'); const showWithStagger = () => { if(mrm.matches){ kafelki.forEach(k => k.classList.add('is-visible')); return; } kafelki.forEach((k, i) => { setTimeout(() => k.classList.add('is-visible'), i * STAGGER_MS); }); }; const io = new IntersectionObserver((entries) => { entries.forEach(entry => { if(entry.isIntersecting){ showWithStagger(); io.disconnect(); // uruchamiamy tylko raz } }); }, { threshold: 0.2, rootMargin: '0px 0px -10% 0px' }); io.observe(sekcja);})();