Дитячий магазин "ПІНОККІО"
@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&family=Roboto:wght@100;300;400;500;700;900&display=swap");
.m-body {
min-width: 270px;
max-width: 1150px;
width: 100%;
margin: 0 auto;
overflow: hidden;
font-family: "Roboto", sans-serif;
font-size: 16px;
color: #000;
font-weight: 300;
line-height: 1.42;
position: relative;
z-index: 0; }
.row {
text-align: center; }
img {
max-width: 100%; }
.m-container {
padding: 0 150px; }
@media (max-width: 735px) {
.m-container {
padding: 0 20px; } }
@media (max-width: 439px) {
.m-container {
padding: 0 10px; } }
.section-title {
font-size: 25px !important;
font-weight: 700 !important;
font-family: "Oswald", sans-serif !important;
color: #00a7fe !important;
text-align: left;
display: inline-block;
margin: 0 auto 50px !important;
position: relative;
text-transform: uppercase;
z-index: 4; }
@media (max-width: 439px) {
.section-title {
text-align: center; } }
.section-black {
color: #fff; }
.section-black h3.section-title {
color: #fff !important; }
.button {
display: inline-block;
border-radius: 28px;
background-color: transparent;
font-family: "Roboto", sans-serif;
font-weight: 700;
font-size: 13px;
color: #fff !important;
text-transform: uppercase;
text-decoration: none !important;
letter-spacing: 1px;
line-height: 1;
padding: 20px 28px;
text-align: center;
margin: 0 0 50px;
transition: all 0.3s linear;
position: relative;
z-index: 4;
border: 1px solid #fff; }
@media (max-width: 439px) {
.button {
font-size: 9px !important; } }
.button:hover {
text-decoration: none !important;
color: #fff !important;
font-size: 13px !important;
transition: all 0.3s linear;
background-color: #ffa200;
border-color: #ffa200;
box-shadow: 10px 0 15px rgba(0, 0, 0, 0.3); }
@media (max-width: 439px) {
.button:hover {
font-size: 9px !important; } }
.m_header {
margin: 0 0 55px;
padding: 0;
box-sizing: border-box;
position: relative;
z-index: 1;
background: #03a8fe; }
.m_header:before {
position: absolute;
content: '';
width: 495px;
height: 495px;
border-radius: 50%;
background: linear-gradient(90deg, #faa31a 0%, #fabd1a 100%);
top: -330px;
left: -50px;
z-index: -1; }
@media (max-width: 439px) {
.m_header:before {
width: 250px;
height: 250px;
top: -150px; } }
.m_header:after {
position: absolute;
content: '';
width: 95px;
height: 95px;
border-radius: 50%;
background: linear-gradient(90deg, #faa31a 0%, #fabd1a 100%);
right: -40px;
top: 150px; }
.m_header__bottom {
background: linear-gradient(180deg, transparent 0%, transparent 35%, #fff 35.01%, #fff 100%), url("https://i.postimg.cc/d3NyZ5WH/header-bg2.png") 50% 0% no-repeat;
height: 155px;
width: 100%;
position: absolute;
bottom: -103px;
left: 0; }
.m_header__bottom:after {
position: absolute;
content: '';
bottom: 0px;
right: 350px;
width: 185px;
height: 185px;
border-radius: 50%;
background: linear-gradient(90deg, #faa31a 0%, #fabd1a 100%);
z-index: -1; }
.m_header .section__wrapper {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start; }
.m_header .section__content {
width: 250px;
flex-grow: 1;
padding-top: 75px;
position: relative;
z-index: 1; }
@media (max-width: 439px) {
.m_header .section__content {
text-align: center;
padding-top: 30px; } }
.m_header .section__content:before {
position: absolute;
content: '';
z-index: -1;
background: url("https://i.postimg.cc/W1kkt608/header-d2.png") 0 0 no-repeat;
width: 184px;
height: 210px;
top: 0;
right: 0;
animation: rotanim2 4s linear infinite alternate-reverse; }
@media (max-width: 439px) {
.m_header .section__content:before {
width: 90px;
height: 100px;
background-size: cover; } }
.m_header .section__content:after {
position: absolute;
content: '';
z-index: -1;
background: url("https://i.postimg.cc/7LrTzGVk/header-d3.png") 0 0 no-repeat;
animation: rotanim 3s linear infinite alternate-reverse;
width: 313px;
height: 361px;
left: -170px;
bottom: -210px; }
@media (max-width: 439px) {
.m_header .section__content:after {
width: 150px;
height: 170px;
background-size: cover;
left: -30px; } }
.m_header .section__img {
width: calc(573px - 125px);
height: 615px;
position: relative;
z-index: 1;
flex-shrink: 0; }
@media (max-width: 439px) {
.m_header .section__img {
width: 100%;
height: auto; } }
.m_header .section__img img {
display: block;
position: absolute;
left: 0;
bottom: -70px;
max-width: none; }
@media (max-width: 439px) {
.m_header .section__img img {
position: relative;
max-width: 100%;
left: auto; } }
.m_header .section__img-decor {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%; }
.m_header .section__img-decor .decor-1 {
position: absolute;
content: '';
z-index: -1;
background: url("https://i.postimg.cc/Fs1cXQR2/header-d1.png") 0 0 no-repeat;
animation: rotanim 5s linear infinite alternate-reverse;
width: 180px;
height: 278px;
right: -150px;
top: 100px; }
@media (max-width: 439px) {
.m_header .section__img-decor .decor-1 {
width: 90px;
height: 140px;
background-size: cover;
right: -20px; } }
.m_header__title {
font-family: "Oswald", sans-serif !important;
font-weight: 300 !important;
font-size: 30px !important;
color: #fff !important;
margin: 0 0 0px !important; }
.m_header__title .fat {
font-weight: 700;
font-family: "Oswald", sans-serif;
font-size: 45px;
color: #fff;
display: block;
text-transform: uppercase; }
.m_header__subtitle {
font-family: "Roboto", sans-serif !important;
font-weight: 300 !important;
font-size: 20px !important;
color: #fff !important;
margin: 0 0 60px !important;
display: block; }
.m_header .logo {
margin-bottom: 105px; }
@media (max-width: 439px) {
.m_header .logo {
margin-bottom: 35px !important; } }
.m_header .logo__text {
font-family: "Roboto", sans-serif;
font-weight: 500;
color: #fff;
font-size: 18px; }
@media (max-width: 439px) {
.m_header .button {
margin-bottom: 20px !important; } }
@keyframes rotanim {
0% {
transform: rotate(0deg) translate(-6px) rotate(0deg); }
100% {
transform: rotate(360deg) translate(-6px) rotate(-360deg); } }
@keyframes rotanim2 {
0% {
transform: rotate(0deg) translate(6px) rotate(0deg); }
100% {
transform: rotate(360deg) translate(6px) rotate(-360deg); } }
.advantages {
margin: 0;
padding: 40px 0;
box-sizing: border-box;
position: relative;
z-index: 1; }
.advantages .section__wrapper {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-end; }
.advantages .section__content {
width: 250px;
flex-grow: 1; }
.advantages__list {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-content: stretch;
margin: 0 -5px;
padding: 0;
box-sizing: border-box;
position: relative;
z-index: 1; }
.advantages__item {
box-sizing: border-box;
width: calc(100% / 4 - 5px * 2);
padding: 0;
margin: 0 5px 10px;
display: block;
transition: all 0.3s linear;
min-width: 156px;
text-align: center;
padding: 0 5px;
margin-bottom: 30px; }
@media (max-width: 439px) {
.advantages__item {
width: 220px; } }
.advantages__item-icon {
height: 70px;
line-height: 70px;
width: 70px;
display: inline-block;
margin-bottom: 10px;
position: relative;
z-index: 1;
transition: all 0.3s linear; }
.advantages__item-icon:after {
position: absolute;
content: '';
width: 55px;
height: 55px;
border-radius: 50%;
background: linear-gradient(90deg, #faa31a 0%, #fabd1a 100%);
z-index: -1;
left: 15px;
top: 0;
transition: all 0.3s linear; }
.advantages__item-icon img {
transition: all 0.3s linear; }
.advantages__item-title {
font-family: "Roboto", sans-serif;
font-size: 16px;
font-weight: 300;
color: #000;
transition: all 0.3s linear; }
.advantages__item:hover .advantages__item-title {
color: #00a7fe; }
.advantages__item:hover .advantages__item-icon img {
transform: scale(1.05); }
.advantages__item:hover .advantages__item-icon:after {
transform: translateX(10px); }
.topsales {
margin: 0;
padding: 0 0 30px;
box-sizing: border-box;
position: relative;
z-index: 1; }
.topsales__list {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-content: stretch;
margin: 0 -12px;
padding: 0;
box-sizing: border-box; }
.topsales__item {
box-sizing: border-box;
width: calc(100% / 3 - 12px * 2);
padding: 0;
margin: 0 12px 24px;
display: block;
transition: all 0.3s linear;
width: 264px;
border: 1px solid #39b2fe;
border-radius: 10px;
text-align: center;
padding-top: 16px;
text-decoration: none !important; }
@media (max-width: 439px) {
.topsales__item {
max-width: 100%; } }
.topsales__item-icon {
height: 226px;
line-height: 226px;
display: block;
overflow: hidden;
position: relative;
z-index: 1;
transition: all 0.3s linear; }
.topsales__item-icon img {
transition: all 0.3s linear; }
.topsales__item-title {
font-family: "Roboto", sans-serif;
font-size: 16px;
font-weight: 300;
color: #000;
transition: all 0.3s linear;
text-align: left;
display: block;
padding: 20px; }
.topsales__item:hover {
box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); }
.topsales__item:hover .topsales__item-title {
color: #00a7fe; }
.topsales__item:hover .topsales__item-icon img {
transform: scale(1.05); }
.discount {
margin: 0 0 80px;
padding: 65px 0 0;
box-sizing: border-box;
position: relative;
z-index: 1;
/* &:before{
}
&:before{
}
&:before{
}
&:before{
} */ }
.discount .section__wrapper {
border-radius: 25px;
box-sizing: border-box;
padding: 20px;
background: #00a7fe url("../../img/disc_bg.jpg") 0 0 no-repeat;
background-blend-mode: soft-light;
position: relative; }
.discount .section__inner {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
align-items: flex-start;
border: 1px dashed #fff;
border-radius: 25px;
padding: 30px 50px;
box-sizing: border-box;
position: relative;
z-index: 1; }
.discount .section__inner-back {
position: absolute;
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
overflow: hidden;
border-radius: 25px; }
.discount .section__inner-back:before {
position: absolute;
content: '';
width: 348px;
height: 348px;
border-radius: 50%;
background: linear-gradient(90deg, #faa31a 0%, #fabd1a 100%);
right: -80px;
top: -120px; }
@media (max-width: 439px) {
.discount .section__inner-back:before {
width: 280px;
height: 280px; } }
.discount .section__inner-back:after {
position: absolute;
content: '';
width: 134px;
height: 134px;
border-radius: 50%;
background: linear-gradient(90deg, #faa31a 0%, #fabd1a 100%);
right: 400px;
bottom: -60px; }
.discount .section__content {
width: 250px;
flex-grow: 1; }
@media (max-width: 439px) {
.discount .section__content {
text-align: center;
width: 100%; } }
.discount .section__img {
width: calc(423px + 20px);
height: 245px;
position: relative;
z-index: 1;
flex-shrink: 0;
margin-left: -50px; }
@media (max-width: 439px) {
.discount .section__img {
width: 100%;
height: auto; } }
.discount .section__img-decor {
position: absolute;
content: '';
width: 100%;
height: 100%;
left: 0;
top: 0; }
.discount .section__img-decor .decor1 {
position: absolute;
content: '';
z-index: -1;
background: url("https://i.postimg.cc/bv1kVHJr/disc-d1.png") 0 0 no-repeat;
width: 233px;
height: 246px;
left: 10px;
top: -60px; }
.discount .section__img-decor .decor2 {
position: absolute;
content: '';
z-index: -1;
background: url("https://i.postimg.cc/GtmDpWjT/disc-d2.png") 0 0 no-repeat;
width: 112px;
height: 120px;
bottom: 0;
right: 0; }
.discount .section__img-decor .decor3 {
position: absolute;
content: '';
z-index: -1;
background: url("https://i.postimg.cc/mDRMvzzw/disc-d3.png") 0 0 no-repeat;
width: 44px;
height: 171px;
right: 0;
bottom: 0;
animation: rotanim2 4s linear infinite reverse; }
.discount .section__img-decor .decor4 {
position: absolute;
content: '';
z-index: -1;
background: url("https://i.postimg.cc/gJDRmz3P/disc-d4.png") 0 0 no-repeat;
width: 118px;
height: 201px;
left: 55px;
animation: rotanim 2s linear infinite alternate-reverse; }
@media (max-width: 439px) {
.discount .section__img-decor .decor4 {
left: 0;
bottom: 40px; } }
.discount .section__img img {
display: block;
position: absolute;
left: 0;
top: -103px;
max-width: none; }
@media (max-width: 439px) {
.discount .section__img img {
position: relative;
max-width: 100%;
left: auto;
top: 50px; } }
.discount-title {
font-family: "Oswald", sans-serif;
font-size: 25px;
color: #fff;
font-weight: 700;
margin-bottom: 15px; }
@media (max-width: 439px) {
.discount-title {
font-size: 22px; } }
.discount-subtitle {
font-family: "Roboto", sans-serif;
font-size: 16px;
font-weight: 300;
color: #fff;
margin-bottom: 20px; }
.discount .button {
margin-bottom: 20px !important; }
@media (max-width: 439px) {
.discount .button {
font-size: 12px !important;
line-height: 1.3 !important;
padding: 10px 25px !important; } }
.why {
margin: 0;
padding: 0;
box-sizing: border-box;
position: relative;
z-index: 1;
background: url("https://i.postimg.cc/R0TqnPh7/why-bg.jpg") 0% 0% no-repeat;
min-height: 500px; }
@media (max-width: 439px) {
.why {
background-size: cover; } }
.why:before {
position: absolute;
content: '';
width: 100%;
height: 100%;
background: linear-gradient(180deg, #eaf4fd 0%, #fff 100%);
filter: opacity(0.85);
top: 0;
left: 0; }
.why .section__wrapper {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-end;
flex-direction: row-reverse; }
.why .section__content {
width: 250px;
flex-grow: 1;
padding-top: 45px; }
@media (max-width: 439px) {
.why .section__content {
text-align: center;
width: 100%; } }
.why .section__img {
width: calc(399px + 30px);
height: 454px;
position: relative;
z-index: 1;
flex-shrink: 0; }
@media (max-width: 439px) {
.why .section__img {
width: 100%;
height: auto; } }
.why .section__img-decor {
position: absolute;
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0; }
.why .section__img-decor .decor-1 {
width: 257px;
border-radius: 20px;
background: #fff;
display: inline-block;
text-align: center;
padding: 20px;
position: absolute;
top: 110px;
left: 50%;
transform: translate(-80%, 0);
box-shadow: 0 0 15px rgba(0, 167, 254, 0.3); }
@media (max-width: 439px) {
.why .section__img-decor .decor-1 {
transform: translate(-50%, 0);
top: 180px; } }
.why .section__img-decor .decor-1:before {
position: absolute;
top: -7px;
right: 70px;
width: 0;
height: 0;
content: '';
border-style: solid;
border-width: 0 7px 7px 7px;
border-color: transparent transparent #fff transparent; }
@media (max-width: 439px) {
.why .section__img-decor .decor-1:before {
right: 150px; } }
.why .section__img img {
display: block;
position: absolute;
left: 0;
bottom: 0;
max-width: none; }
@media (max-width: 439px) {
.why .section__img img {
position: relative;
max-width: 100%;
left: auto; } }
.why__list {
position: relative;
z-index: 1; }
.why__item {
text-align: left;
margin-bottom: 27px;
position: relative;
z-index: 1;
transition: all 0.3s linear; }
@media (max-width: 439px) {
.why__item {
width: 80%;
margin: 0 auto 27px; } }
.why__item-title {
font-family: "Roboto", sans-serif;
font-size: 16px;
font-weight: 300;
color: #000;
transition: all 0.3s linear;
position: relative;
z-index: 1;
padding-left: 20px; }
.why__item-title:before {
position: absolute;
content: '';
width: 5px;
height: 5px;
border-radius: 50%;
border: 2px solid #00a7fe;
top: 5px;
left: 0;
box-shadow: 0 0 15px rgba(0, 167, 254, 0.8);
transition: all 0.3s linear; }
.why__item:hover .why__item-title {
color: #00a7fe; }
.why__item:hover .why__item-title:before {
transform: scale(1.2); }
.why .button {
border-color: #fea60b !important;
color: #fea60b !important; }
.why .button:hover {
color: #fff !important; }
.schemeworks {
margin: 0;
padding: 65px 0 0;
box-sizing: border-box;
position: relative;
z-index: 1;
background: url("https://i.postimg.cc/2Sh1CjfX/scheme-bg.jpg") 50% 0 no-repeat;
min-height: 440px;
background-size: cover; }
.schemeworks:before {
position: absolute;
content: '';
width: 100%;
height: 100%;
background: #00a7fe;
filter: opacity(0.85);
top: 0;
left: 0; }
.schemeworks .m-container {
position: relative;
z-index: 2; }
.schemeworks .m-container:after {
position: absolute;
content: '';
z-index: -1;
background: url("https://i.postimg.cc/rpTKs6Vy/scheme-d1.png") 0 0 no-repeat;
width: 310px;
height: 301px;
right: -50px;
top: -110px;
animation: rotanim 3s linear infinite alternate-reverse; }
@media (max-width: 439px) {
.schemeworks .m-container:after {
right: -30px;
width: 150px;
height: 150px;
background-size: cover; } }
.schemeworks .m-container:before {
position: absolute;
content: '';
z-index: -1;
background: url("https://i.postimg.cc/DytWVJRX/scheme-d2.png") 0 0 no-repeat;
width: 270px;
height: 272px;
left: -50px;
bottom: -110px;
animation: rotanim2 5s linear infinite reverse; }
@media (max-width: 439px) {
.schemeworks .m-container:before {
left: -30px;
bottom: -60px;
width: 160px;
height: 165px;
background-size: cover; } }
.schemeworks .section__inner {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1; }
.schemeworks .section__inner:before {
position: absolute;
content: '';
width: 365px;
height: 365px;
border-radius: 50%;
background: linear-gradient(90deg, #faa31a 0%, #fabd1a 100%);
right: -100px;
top: -230px; }
.schemeworks .section__inner:after {
position: absolute;
content: '';
width: 165px;
height: 165px;
border-radius: 50%;
background: linear-gradient(90deg, #faa31a 0%, #fabd1a 100%);
left: 160px;
bottom: -80px; }
.schemeworks .section__wrapper {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-end;
position: relative;
z-index: 1; }
.schemeworks .section__content {
width: 250px;
flex-grow: 1; }
.schemeworks__list {
position: relative;
z-index: 1;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-content: stretch;
margin: 0 -10px;
padding: 0;
box-sizing: border-box;
margin-bottom: 40px; }
.schemeworks__item {
box-sizing: border-box;
width: calc(100% / 4 - 10px * 2);
padding: 0;
margin: 0 10px 20px;
display: block;
transition: all 0.3s linear;
text-align: left;
margin-bottom: 10px;
position: relative;
z-index: 1;
transition: all 0.3s linear;
padding: 10px;
text-align: center;
border-radius: 10px;
min-width: 150px; }
@media (max-width: 439px) {
.schemeworks__item {
width: 220px; } }
.schemeworks__item-digit {
font-family: "Oswald", sans-serif;
font-size: 35px;
font-weight: 700;
color: #fff;
transition: all 0.3s linear; }
.schemeworks__item-title {
font-family: "Roboto", sans-serif;
font-size: 16px;
font-weight: 300;
color: #fff;
transition: all 0.3s linear; }
.schemeworks__item:hover {
background: #00a7fe;
color: #fff;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); }
.schemeworks__item:hover .schemeworks__item-digit {
text-shadow: 1px 1px 0 #000; }
Піноккіо
Якіснітовари для дітокПорадуйте свою малечу найкращим!Переглянути асортимент
Наші переваги
Наша ціль — допомогти підібрати найкращу іграшку для малечі
Ми працюємо по всій Україні
Пропонуємо ціни на всі товари лише від виробника
Ми є дилерами багатьох виробників і виробниками ліжечок
Найпопулярніші пропозиції
Дитячі ліжечкаДитячі книгиРозвиваючі ігриТовари для творчостіКонструкториІгрові набори
Як зробити замовлення?
01
Ви залишаєте заявку на сайті або телефонуєте нам
02
Протягом 10 хвилин ми вам перетелефонуємо
03
Ми погоджуємо з вами всі нюанси та відправляємо товар
04
Ви отримуєте товар за вказаною адресою та залишаєте відгук
Перейти до каталогу
Ми постійно проводимо акції та робимо знижки!
Слідкуй за нашим інстаграмом, щоб не пропустити жодної акції!
Підписатися на Instagram
Чому варто купувати у нас?
Вся наша продукція має сертифікати якості
Наші продавці консультанти з радість допоможуть підібрати іграшку на будь-який вік
Ми не змінюємо ціни озвучені на сайті в день покупки, навіть якщо вони змінилися у виробника і ми повинні будемо продавати без заробітку
У нас ви знайдете унікальні товари, такі як ліжечка-будиночки та розвиваючі конструктори для дітей
Зробити замовлення
Пошвидше б свято якесь, щоб мені іграшку купили в цьому магазині
Дитячий магазин "Піноккіо" працює для Вас і Ваших діток. Ми з любов'ю ставимося до кожного клієнта!
Наше прагнення - надати кожному клієнту якісне обслуговування! Ми гарантуємо:
Вигідні ціни
Якісний сервіс
Допомогу у виборі асортименту
Можливість забрати замовлений товар з нашого офлайн магазину
Швидку відправку замовлення зручною транспортною компанією: Нова Пошта , Justin, Укрпошта
Витрати за "наложенный платеж" наша компанія бере на себе, Вам не доведеться витрачати зайві гроші
Наші менеджери готові проконсультувати Вас по підбору потрібного товару, його функціоналу і нюансах користування.
Інтернет-магазин дитячих товарів «Піноккіо» – це сучасний онлайн–магазин із величезним асортиментом. В нас ви можете придбати:
Дитячі ліжечка найсучасніших конструкцій
Різноманітні книги, як для малечі так і для підлітків
Розвиваючі та настільні ігри
Іграшки для дітей різних вікових груп
Товари для творчості та розвитку
Конструктори
Спортивні товари
Канцелярію
Дитячий одяг
" Ми стаємо кращими на 1% щодня! "– девіз, якого притримується наша компанії. Команда наших співробітників відслідковує актуальні новинки на ринку – для того, щоб ви могли отримати їx першими. Інтернет магазин дитячих товарів «Піноккіо» співпрацює із найкращими українськими брендами та постачальниками якісного імпортного товару. Постійні партнери компанії – відомі виробники іграшок з пластику "Максимус", "KinderWay", "Технок", "Тигрес", "Мастер плей", "Бамсік", "Долоні , розвиваючих,настільних ігор, товарів для творчості: "Данко Тойз", "Владі Тойз", "Стратег", Artos (Остапенко), "Ранок", "Зірка". Вся продукція сертифікована та відповідає найвищим стандартам якості.
