@import "suitcss-utils-display";
.Card {
align-items: center;
display: flex;
flex: 1 1 0%;
flex-direction: column;
justify-content: center;
overflow: visible;
position: relative;
transition: all 200ms ease-out;
.Card-header {
align-self: flex-start;
display: flex;
}
.Card-content {
align-items: center;
display: flex;
min-height: 15rem;
@media (--lg-viewport) {
flex: 2 1 0%;
}
}
.Card-footer {
display: flex;
flex: 1 1 auto;
flex-direction: column;
justify-content: center;
width: 100%;
@media (--lg-viewport) {
justify-content: space-between;
}
}
}
.js-isHoverable .Card:hover {
.Card-colors {
box-shadow: 0 14px 17px -9px grey;
opacity: 1;
transform: translateY(100%);
transition-delay: 0s, 0s, 0s;
visibility: visible;
z-index: 10;
}
}
.Card-colors {
bottom: 24px;
left: 0;
opacity: 0;
position: absolute;
transform: translateY(97%);
transition: all 0.3s ease-in-out 0s, transform 0.3s ease-in-out 0s, opacity 0.2s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0.3s linear 0.3s;
visibility: hidden;
width: 100%;
z-index: 0;
}
/*
* Modifiers
*
*/
.Card--big {
padding-bottom: 40px;
padding-left: 60px;
padding-right: 25px;
@media (--sm-viewport) {
padding-bottom: 40px;
padding-left: 20px;
padding-right: 20px;
text-align: center;
}
}
.Card--small {
background-color: transparent !important;
padding: 0 60px 0 0;
width: 300px;
}
@media (--sm-viewport) {
.u-sm-hidden { display: none !important; }
}
@import "suitcss-utils-display";
.Card {
align-items: center;
display: flex;
flex: 1 1 0%;
flex-direction: column;
justify-content: center;
overflow: visible;
position: relative;
transition: all 200ms ease-out;
.Card-header {
align-self: flex-start;
display: flex;
}
.Card-content {
align-items: center;
display: flex;
min-height: 15rem;
@media (--lg-viewport) {
flex: 2 1 0%;
}
}
.Card-footer {
display: flex;
flex: 1 1 auto;
flex-direction: column;
justify-content: center;
width: 100%;
@media (--lg-viewport) {
justify-content: space-between;
}
}
}
.js-isHoverable .Card:hover {
.Card-colors {
box-shadow: 0 14px 17px -9px grey;
opacity: 1;
transform: translateY(100%);
transition-delay: 0s, 0s, 0s;
visibility: visible;
z-index: 10;
}
}
.Card-colors {
bottom: 24px;
left: 0;
opacity: 0;
position: absolute;
transform: translateY(97%);
transition: all 0.3s ease-in-out 0s, transform 0.3s ease-in-out 0s, opacity 0.2s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0.3s linear 0.3s;
visibility: hidden;
width: 100%;
z-index: 0;
}
/*
* Modifiers
*
*/
.Card--big {
padding-bottom: 40px;
padding-left: 60px;
padding-right: 25px;
@media (--sm-viewport) {
padding-bottom: 40px;
padding-left: 20px;
padding-right: 20px;
text-align: center;
}
}
.Card--small {
background-color: transparent !important;
padding: 0 60px 0 0;
width: 300px;
}
@media (--sm-viewport) {
.u-sm-hidden { display: none !important; }
}
@import "suitcss-utils-display";
.Card {
align-items: center;
display: flex;
flex: 1 1 0%;
flex-direction: column;
justify-content: center;
overflow: visible;
position: relative;
transition: all 200ms ease-out;
.Card-header {
align-self: flex-start;
display: flex;
}
.Card-content {
align-items: center;
display: flex;
min-height: 15rem;
@media (--lg-viewport) {
flex: 2 1 0%;
}
}
.Card-footer {
display: flex;
flex: 1 1 auto;
flex-direction: column;
justify-content: center;
width: 100%;
@media (--lg-viewport) {
justify-content: space-between;
}
}
}
.js-isHoverable .Card:hover {
.Card-colors {
box-shadow: 0 14px 17px -9px grey;
opacity: 1;
transform: translateY(100%);
transition-delay: 0s, 0s, 0s;
visibility: visible;
z-index: 10;
}
}
.Card-colors {
bottom: 24px;
left: 0;
opacity: 0;
position: absolute;
transform: translateY(97%);
transition: all 0.3s ease-in-out 0s, transform 0.3s ease-in-out 0s, opacity 0.2s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0.3s linear 0.3s;
visibility: hidden;
width: 100%;
z-index: 0;
}
/*
* Modifiers
*
*/
.Card--big {
padding-bottom: 40px;
padding-left: 60px;
padding-right: 25px;
@media (--sm-viewport) {
padding-bottom: 40px;
padding-left: 20px;
padding-right: 20px;
text-align: center;
}
}
.Card--small {
background-color: transparent !important;
padding: 0 60px 0 0;
width: 300px;
}
@media (--sm-viewport) {
.u-sm-hidden { display: none !important; }
}
@import "suitcss-utils-display";
.Card {
align-items: center;
display: flex;
flex: 1 1 0%;
flex-direction: column;
justify-content: center;
overflow: visible;
position: relative;
transition: all 200ms ease-out;
.Card-header {
align-self: flex-start;
display: flex;
}
.Card-content {
align-items: center;
display: flex;
min-height: 15rem;
@media (--lg-viewport) {
flex: 2 1 0%;
}
}
.Card-footer {
display: flex;
flex: 1 1 auto;
flex-direction: column;
justify-content: center;
width: 100%;
@media (--lg-viewport) {
justify-content: space-between;
}
}
}
.js-isHoverable .Card:hover {
.Card-colors {
box-shadow: 0 14px 17px -9px grey;
opacity: 1;
transform: translateY(100%);
transition-delay: 0s, 0s, 0s;
visibility: visible;
z-index: 10;
}
}
.Card-colors {
bottom: 24px;
left: 0;
opacity: 0;
position: absolute;
transform: translateY(97%);
transition: all 0.3s ease-in-out 0s, transform 0.3s ease-in-out 0s, opacity 0.2s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0.3s linear 0.3s;
visibility: hidden;
width: 100%;
z-index: 0;
}
/*
* Modifiers
*
*/
.Card--big {
padding-bottom: 40px;
padding-left: 60px;
padding-right: 25px;
@media (--sm-viewport) {
padding-bottom: 40px;
padding-left: 20px;
padding-right: 20px;
text-align: center;
}
}
.Card--small {
background-color: transparent !important;
padding: 0 60px 0 0;
width: 300px;
}
@media (--sm-viewport) {
.u-sm-hidden { display: none !important; }
}
@import "suitcss-utils-display";
.Card {
align-items: center;
display: flex;
flex: 1 1 0%;
flex-direction: column;
justify-content: center;
overflow: visible;
position: relative;
transition: all 200ms ease-out;
.Card-header {
align-self: flex-start;
display: flex;
}
.Card-content {
align-items: center;
display: flex;
min-height: 15rem;
@media (--lg-viewport) {
flex: 2 1 0%;
}
}
.Card-footer {
display: flex;
flex: 1 1 auto;
flex-direction: column;
justify-content: center;
width: 100%;
@media (--lg-viewport) {
justify-content: space-between;
}
}
}
.js-isHoverable .Card:hover {
.Card-colors {
box-shadow: 0 14px 17px -9px grey;
opacity: 1;
transform: translateY(100%);
transition-delay: 0s, 0s, 0s;
visibility: visible;
z-index: 10;
}
}
.Card-colors {
bottom: 24px;
left: 0;
opacity: 0;
position: absolute;
transform: translateY(97%);
transition: all 0.3s ease-in-out 0s, transform 0.3s ease-in-out 0s, opacity 0.2s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0.3s linear 0.3s;
visibility: hidden;
width: 100%;
z-index: 0;
}
/*
* Modifiers
*
*/
.Card--big {
padding-bottom: 40px;
padding-left: 60px;
padding-right: 25px;
@media (--sm-viewport) {
padding-bottom: 40px;
padding-left: 20px;
padding-right: 20px;
text-align: center;
}
}
.Card--small {
background-color: transparent !important;
padding: 0 60px 0 0;
width: 300px;
}
@media (--sm-viewport) {
.u-sm-hidden { display: none !important; }
}
Aton
ATON кошница за кола за новородено
Предлага изключителна безопасност, дизайн и функционалност. Лека на тегло и просторна отвътре - кошницата за кола CYBEX Aton e перфектна за родителите, които са постоянно в движение.
Решение за пътуване, пестящо място
Извън колата ATON е част от системата за пътуване на CYBEX и лесно се комбинира с колички на Cybex , gb или други марки колички. Това става с помощта на един адаптер. Всичко това предлага на родителите нови възможности в мобилността.
Корпус, който абсорбира силата на удара
Ултра лек
Вграден сгъваем сенник
Спестяваща пространство система за пътуване
Победител в група 0+(06/2009) в теста на Warentest и наградена с 'Best Buy' от 'Which?'
