REVLON PEDIPREP SPA Wanienka do pedicure, masaż bąbelkowy, akcesoria gratis

Opis

@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');

.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;}

.wiersz .prawa,

.wiersz .lewa{display:flex; flex-direction:column;}

/* sekcja hero */

.wiersz.hero{background:linear-gradient(#C6605D 0,#C6605D 83%,#ffffff 83%,#ffffff 100%); align-items:flex-start; justify-content:center; padding:4% 4% 2%; position:relative; overflow:hidden; min-height:650px;}

.wiersz.hero .lewa{width:45%; padding-top:1%; position:relative; z-index:2;}

.wiersz.hero .prawa{width:48%; position:relative; align-items:center; opacity:0; transform:translateX(150px); transition:all .8s ease-out;}

.wiersz.hero .prawa.animuj{opacity:1; transform:translateX(0);}

.wiersz.hero img.

LogoBrand{width:clamp(150px,18vw,100%); margin:2% auto 8%;}

.wiersz.hero h2{font-family:'Bebas Neue',system-ui,sans-serif; line-height:.8; letter-spacing:.01em; font-size:clamp(85px,11vw,165px) !important; margin:0; color:white !important; text-align:center; font-weight:400;}

.wiersz.hero p.hero__model{font-family:'Montserrat',sans-serif; color:#161616; font-size: 30px; font-weight:500; margin:3% auto 0; text-align:center;}

.wiersz.hero p.hero__typ{color:#111; font-size:27px; line-height:1.15; font-weight:700; margin:10% auto 0; text-align:center;}

.wiersz.hero .hero__produkt{width:100%; height:auto; display:block; position:relative; z-index:2; filter:drop-shadow(0 18px 24px rgba(0,0,0,.15));}

.wiersz.hero .hero__gratis{position:absolute; width:31%; right:-1%; bottom:5%; z-index:3; animation:pulseGratis 1.8s ease-in-out infinite; filter:drop-shadow(0 10px 15px rgba(0,0,0,.2));}

@keyframes pulseGratis{

0%,100%{transform:scale(1);}

50%{transform:scale(1.08);}

}

/* sekcja cechy */

.wiersz.cechy{display:flex; flex-wrap:wrap; justify-content:center; padding:2% 0 2%; margin-bottom:2%;}

.wiersz .cecha{flex:0 0 19%; text-align:center; margin:30px 0; transition:.2s;}

.wiersz .cecha img{width:105px; max-width:105px;}

.wiersz.cechy p{font-size:17px; line-height:1.2; font-weight:500; margin:15px auto 0; width:90%; color:#111;}

/* sekcja spa */

.wiersz.opis1.spa{align-items:start ; justify-content:space-evenly; position:relative; padding:3% 0 3%;}

.wiersz.opis1.spa .lewa{width:35%; opacity:0; transform:translateX(-80px); transition:all .8s ease-out;}

.wiersz.opis1.spa .prawa{width:46%; opacity:0; transform:translateX(80px); transition:all .8s ease-out;}

.wiersz.opis1.spa .lewa.animuj,

.wiersz.opis1.spa .prawa.animuj{opacity:1; transform:translateX(0);}

.wiersz.opis1.spa .lewa img{width:100%; height:auto; display:block; border-radius:30px;}

.wiersz.opis1.spa .naglowek{display:flex; align-items:flex-start; gap:clamp(14px,1.8vw,28px); margin-bottom:clamp(18px,2vw,28px);}

.wiersz.opis1.spa .naglowek .kreska{width:5px; background:#C6605D; height:clamp(150px,18vw,230px); border-radius:3px; flex:0 0 auto;}

.wiersz.opis1.spa h2{font-family:'Gloock',serif; font-weight:400; font-size:clamp(48px,6vw,82px) !important; line-height:1.15; margin:0; color:#111 !important;}

.wiersz.opis1.spa p.tekst{max-width:650px; color:#333; font-size:18px; line-height:1.45; font-weight:500; margin:0 0 0 32px;}

/* slider z atutami */

.wiersz.atuty{flex-direction:column; align-items:center; gap:28px; padding:3% 0 3%;}

.wiersz.atuty h2{font-family:'Gloock',serif; font-weight:400; font-size:clamp(42px,6vw,72px) !important; line-height:1; margin:0 0 2%; color:#111 !important; text-align:center;}

.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:2%; overflow:visible;}

.wiersz .atuty__element{flex:0 0 50%; padding:24px 38px; 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.